2 lines
26 KiB
Java
2 lines
26 KiB
Java
var Qe=Object.defineProperty,Ye=Object.defineProperties;var We=Object.getOwnPropertyDescriptors;var le=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,be=Object.prototype.propertyIsEnumerable;var ye=(f,b,y)=>b in f?Qe(f,b,{enumerable:!0,configurable:!0,writable:!0,value:y}):f[b]=y,K=(f,b)=>{for(var y in b||(b={}))fe.call(b,y)&&ye(f,y,b[y]);if(le)for(var y of le(b))be.call(b,y)&&ye(f,y,b[y]);return f},ge=(f,b)=>Ye(f,We(b));var ie=(f,b)=>{var y={};for(var T in f)fe.call(f,T)&&b.indexOf(T)<0&&(y[T]=f[T]);if(f!=null&&le)for(var T of le(f))b.indexOf(T)<0&&be.call(f,T)&&(y[T]=f[T]);return y};var Q=(f,b,y)=>new Promise((T,_)=>{var R=k=>{try{L(y.next(k))}catch(g){_(g)}},G=k=>{try{L(y.throw(k))}catch(g){_(g)}},L=k=>k.done?T(k.value):Promise.resolve(k.value).then(R,G);L((y=y.apply(f,b)).next())});import{e as Xe,y as $,A as p,r as S,K as Ze,z as s,f as i,Q as o,C as u,F as x,D as E,G as U,u as O,E as m,J as se,B as el,H as w,R as ll,c as tl}from"./vue-vendor-DNhG1Cve.js";import{s as nl,M as al,aH as ol,x as I,aG as il,av as sl,aR as dl,aS as ul,bR as rl,aE as pl,au as vl}from"./index-X7Y8jykP.js";import{d as cl,h as de,i as ml,u as yl}from"./MesXslDingProcessTpl.api-OuYmp5Pz.js";import{T as fl}from"./index-J2mOtM3w.js";import"./index-CfNJyBRj.js";import{D as bl}from"./dropdown-jkliuVyN.js";import{e as gl}from"./Group-DBzJABA_.js";import{E as Dl}from"./RadioButton-DRBix2Fq.js";import Fl from"./index-DsixALRt.js";import Tl from"./index-DklMb9Qc.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./Checkbox-Dbxs4we4.js";import"./UpOutlined-B1UMbtrP.js";const _l={class:"dd-designer"},kl={class:"dd-palette"},hl={class:"dd-palette-group-title"},wl={class:"dd-palette-grid"},Cl=["onClick","onDragstart"],Ml={class:"dd-canvas-outer"},xl={class:"dd-canvas-nav"},Ul={class:"dd-tpl-name"},zl={class:"dd-canvas-body"},Sl={key:0,class:"dd-form-list"},ql=["onClick"],Rl={key:0,class:"dd-form-item-inner"},Al={class:"dd-form-label"},Nl={class:"dd-form-hint"},Pl={key:1,class:"dd-form-item-inner",style:{"flex-direction":"column","align-items":"flex-start"}},$l={class:"dd-form-label",style:{"margin-bottom":"6px"}},El={class:"dd-table-children-preview"},Ol={class:"dd-child-chip-type"},Il={class:"dd-child-chip-name"},Ll={key:0,style:{color:"#ff4d4f","margin-left":"2px"}},Vl={key:1,class:"dd-table-no-child",style:{color:"#ff4d4f"}},Bl=["onClick"],Hl=["onClick"],jl=["onClick"],Gl={key:1,class:"dd-form-empty"},Jl={class:"dd-props-panel"},Kl={class:"dd-props-header"},Ql={class:"dd-props-body"},Yl={class:"dd-prop-row"},Wl={class:"dd-prop-row"},Xl={class:"dd-prop-row"},Zl={class:"dd-prop-row"},et={class:"dd-prop-row"},lt={class:"dd-section-title"},tt={class:"dd-child-editor-header"},nt=["onClick"],at={class:"dd-child-editor-body"},ot={style:{display:"flex",gap:"4px"}},it={class:"dd-prop-row"},st={class:"dd-prop-row"},dt={class:"dd-child-editor-header"},ut=["onClick"],rt={class:"dd-child-editor-body"},pt={class:"dd-prop-row",style:{"margin-top":"12px"}},vt={class:"dd-prop-row"},ct={key:0,class:"dd-prop-row"},mt={key:1,class:"dd-prop-row"},yt={key:2,class:"dd-prop-row"},ft={key:0,style:{color:"#ff4d4f","font-size":"11px","margin-left":"4px"}},bt={key:3,class:"dd-prop-row"},gt={key:4,class:"dd-prop-row"},Dt={class:"dd-options-editor"},Ft=["onClick"],Tt={key:5,class:"dd-prop-row"},_t={key:6,class:"dd-prop-row"},kt={key:7,class:"dd-prop-row"},ht={key:8,class:"dd-prop-row"},wt={key:9,class:"dd-prop-row"},Ct={key:1,class:"dd-props-empty"},Mt={class:"dd-footer"},xt={class:"dd-footer-count"},Ut=Xe({__name:"DingTplDesigner",emits:["success"],setup(f,{expose:b,emit:y}){const T=y,{createMessage:_}=nl(),R=S(!1),G=S(!1),L=S(!1),k=S(!1),g=S(null),F=S([]),V=S(null);let z=0;const a=tl(()=>{var l;return(l=F.value.find(e=>e._id===V.value))!=null?l:null}),C=S(null),B=S(!1),j=S(-1),te=[{title:"基础控件",items:[{type:"TextField",label:"单行输入",icon:"ant-design:font-size-outlined"},{type:"TextareaField",label:"多行输入",icon:"ant-design:align-left-outlined"},{type:"NumberField",label:"数字输入",icon:"ant-design:number-outlined"},{type:"DDSelectField",label:"单选框",icon:"ant-design:check-circle-outlined"},{type:"DDMultiSelectField",label:"多选框",icon:"ant-design:check-square-outlined"},{type:"DDDateField",label:"日期",icon:"ant-design:calendar-outlined"},{type:"DDDateRangeField",label:"日期区间",icon:"ant-design:field-time-outlined"},{type:"TextNote",label:"说明文字",icon:"ant-design:info-circle-outlined"},{type:"PhoneField",label:"电话",icon:"ant-design:phone-outlined"}]},{title:"增强控件",items:[{type:"TableField",label:"明细/表格",icon:"ant-design:table-outlined"},{type:"DDPhotoField",label:"图片",icon:"ant-design:picture-outlined"},{type:"MoneyField",label:"金额",icon:"ant-design:dollar-circle-outlined"},{type:"DDAttachment",label:"附件",icon:"ant-design:paper-clip-outlined"},{type:"InnerContactField",label:"联系人",icon:"ant-design:user-outlined"},{type:"DepartmentField",label:"部门",icon:"ant-design:apartment-outlined"},{type:"AddressField",label:"省市区",icon:"ant-design:environment-outlined"},{type:"StarRatingField",label:"评分",icon:"ant-design:star-outlined"},{type:"RelateField",label:"关联审批单",icon:"ant-design:link-outlined"}]}],ne=[{label:"单行文本",value:"TextField"},{label:"数字",value:"NumberField"},{label:"单选",value:"DDSelectField"},{label:"多行文本",value:"TextareaField"},{label:"日期",value:"DDDateField"},{label:"图片",value:"DDPhotoField"},{label:"附件",value:"DDAttachment"}],De=[{label:"年-月-日",value:"yyyy-MM-dd"},{label:"年-月-日 时:分",value:"yyyy-MM-dd HH:mm"},{label:"年-月",value:"yyyy-MM"}];function ue(l){for(const e of te){const n=e.items.find(d=>d.type===l);if(n)return n.label}return l}function Fe(l){for(const e of te){const n=e.items.find(d=>d.type===l);if(n)return n.icon}return"ant-design:appstore-outlined"}function Te(l){return!["TextNote","TableField","RelateField","DDPhotoField","DDAttachment","DDDateField","DDDateRangeField","StarRatingField"].includes(l)}function _e(l){return["NumberField","DDDateField","DDDateRangeField"].includes(l)}function ke(l){return["DDDateField","DDDateRangeField"].includes(l)}function he(l){return["DDSelectField","DDMultiSelectField"].includes(l)}function we(l){var e,n;return l.componentType==="TextNote"?l.content||"(说明内容)":l.componentType==="TableField"?`明细表格，${((e=l.children)==null?void 0:e.length)||0} 个子控件`:l.componentType==="RelateField"?"关联审批单":["DDSelectField","DDMultiSelectField"].includes(l.componentType)?((n=l.options)==null?void 0:n.map(d=>d.value).join(" / "))||"请选择":["DDDateField","DDDateRangeField"].includes(l.componentType)?"请选择日期":l.componentType==="DDPhotoField"?"点击上传图片":l.componentType==="DDAttachment"?"点击上传附件":l.componentType==="MoneyField"?"请输入金额":l.componentType==="StarRatingField"?"★★★★★":l.placeholder||"请输入"}function Ce(l){return{_id:++z,componentType:l.type,label:l.label,placeholder:"请输入",required:!1,mesField:"",unit:l.type==="DDDateField"?"天":l.type==="DDDateRangeField"?"小时":null,format:["DDDateField","DDDateRangeField"].includes(l.type)?"yyyy-MM-dd":null,options:["DDSelectField","DDMultiSelectField"].includes(l.type)?[{key:"option1",value:"选项1"},{key:"option2",value:"选项2"}]:[],upper:!1,content:"",addressModel:"city",limit:5,tableViewMode:"table",verticalPrint:!1,children:l.type==="TableField"?[{_id:++z,componentType:"TextField",label:"单行输入",required:!1,unit:null,mesField:""}]:[],availableTemplates:[]}}function re(l){if(!l)return[];try{const e=typeof l=="string"?JSON.parse(l):l;if(Array.isArray(e))return e.map(n=>({_id:++z,componentType:n.componentType||"TextField",label:n.label||"",placeholder:n.placeholder||"请输入",required:!!n.required,mesField:n.mesField||"",unit:n.unit||null,format:n.format||null,options:Array.isArray(n.options)?n.options:[],upper:!!n.upper,content:n.content||"",addressModel:n.addressModel||"city",limit:n.limit||5,tableViewMode:n.tableViewMode||"table",verticalPrint:!!n.verticalPrint,children:Array.isArray(n.children)?n.children.map(d=>({_id:++z,componentType:d.componentType||"TextField",label:d.label||"",required:!!d.required,unit:d.unit||null,mesField:d.mesField||""})):[],availableTemplates:Array.isArray(n.availableTemplates)?n.availableTemplates:[]}));if(typeof e=="object")return Object.entries(e).map(([n,d])=>({_id:++z,componentType:"TextField",label:n,placeholder:"请输入",required:!1,mesField:d,unit:null,format:null,options:[],upper:!1,content:"",addressModel:"city",limit:5,tableViewMode:"table",verticalPrint:!1,children:[],availableTemplates:[]}))}catch(e){}return[]}function Me(l){const e=l.componentName||"TextField";return{_id:++z,componentType:e,label:l.label||"",placeholder:"请输入",required:!!l.required,mesField:"",unit:e==="DDDateField"?"天":e==="DDDateRangeField"?"小时":null,format:["DDDateField","DDDateRangeField"].includes(e)?"yyyy-MM-dd":null,options:["DDSelectField","DDMultiSelectField"].includes(e)?[{key:"option1",value:"选项1"},{key:"option2",value:"选项2"}]:[],upper:!1,content:"",addressModel:"city",limit:5,tableViewMode:"table",verticalPrint:!1,children:e==="TableField"?Array.isArray(l.children)&&l.children.length>0?l.children.map(n=>({_id:++z,componentType:n.componentName||"TextField",label:n.label||"",required:!!n.required,unit:null,mesField:""})):[{_id:++z,componentType:"TextField",label:"单行输入",required:!1,unit:null,mesField:""}]:[],availableTemplates:[]}}function pe(){for(const l of F.value)if(l.componentType==="TableField"&&(!l.children||l.children.length===0))return`明细/表格控件「${l.label||"未命名"}」还没有子控件，请至少添加一个`;return null}function ae(){return JSON.stringify(F.value.map(q=>{var A=q,{_id:l,children:e,availableTemplates:n}=A,d=ie(A,["_id","children","availableTemplates"]);return K(K(K({},d),e!=null&&e.length?{children:e.map(D=>{var H=D,{_id:r}=H,N=ie(H,["_id"]);return N})}:{}),n!=null&&n.length?{availableTemplates:n}:{})}))}function ve(l){const e=Ce(l);F.value.push(e),V.value=e._id}function ce(l){V.value=l}function xe(l){if(l===0)return;const e=F.value;[e[l-1],e[l]]=[e[l],e[l-1]]}function Ue(l){if(l===F.value.length-1)return;const e=F.value;[e[l],e[l+1]]=[e[l+1],e[l]]}function ze(l){const e=F.value[l]._id;V.value===e&&(V.value=null),F.value.splice(l,1)}function Se(){if(!a.value)return;const l=a.value.options;l.push({key:"option"+(l.length+1),value:"选项"+(l.length+1)})}function qe(l){var e;(e=a.value)==null||e.options.splice(l,1)}const me={TextField:"单行输入",NumberField:"数字输入",DDSelectField:"单选",TextareaField:"多行输入",DDDateField:"日期",DDPhotoField:"图片",DDAttachment:"附件",MoneyField:"金额"};function Re(l="TextField"){!a.value||a.value.componentType!=="TableField"||(a.value.children||(a.value.children=[]),a.value.children.push({_id:++z,componentType:l,label:me[l]||l,required:!1,unit:null,mesField:""}))}function Ae(l){var e,n;(n=(e=a.value)==null?void 0:e.children)==null||n.splice(l,1)}function Ne(){!a.value||a.value.componentType!=="RelateField"||(a.value.availableTemplates||(a.value.availableTemplates=[]),a.value.availableTemplates.push({name:"",processCode:""}))}function Pe(l){var e,n;(n=(e=a.value)==null?void 0:e.availableTemplates)==null||n.splice(l,1)}function $e(l){return Q(this,null,function*(){var e;R.value=!0,G.value=!0,g.value=null,F.value=[],V.value=null;try{const n=yield cl(l.id);if(g.value=n,n!=null&&n.dingNameSynced&&_.info("已从钉钉同步最新模板名称"),(e=n==null?void 0:n.dingFields)!=null&&e.length){const d=n.dingFields.map(Me);if(n!=null&&n.formFields){const q=re(n.formFields),A=new Map;q.forEach(r=>A.set(`${r.componentType}::${r.label}`,r)),d.forEach(r=>{var H,Y,W,X;const N=`${r.componentType}::${r.label}`,D=A.get(N);if(D&&(r.mesField=D.mesField||r.mesField,r.required=(H=D.required)!=null?H:r.required,r.unit=(Y=D.unit)!=null?Y:r.unit,r.format=(W=D.format)!=null?W:r.format,r.options=(X=D.options)!=null&&X.length?D.options:r.options,r.content=D.content||r.content,r.componentType==="TableField")){const Z=new Map;(D.children||[]).forEach(M=>Z.set(`${M.componentType}::${M.label}`,M)),r.children.forEach(M=>{var ee;const J=Z.get(`${M.componentType}::${M.label}`);J&&(M.mesField=J.mesField||M.mesField,M.unit=(ee=J.unit)!=null?ee:M.unit)})}})}F.value=d}else n!=null&&n.formFields&&(F.value=re(n.formFields))}catch(n){_.error((n==null?void 0:n.message)||"获取模板数据失败"),R.value=!1}finally{G.value=!1}})}function Ee(){return Q(this,null,function*(){L.value=!0;try{yield de({id:g.value.id,formFields:ae()}),_.success("已保存到本地"),T("success")}catch(l){_.error((l==null?void 0:l.message)||"保存失败")}finally{L.value=!1}})}function Oe(){return Q(this,null,function*(){const l=pe();if(l){_.warning(l);return}k.value=!0;try{yield de({id:g.value.id,formFields:ae()});const e=yield ml({id:g.value.id}),n=e==null?void 0:e.processCode;if(!n){_.warning("钉钉已创建，但未拿到 processCode，请稍后使用「从钉钉同步」回填");return}_.success("钉钉模板创建成功，processCode="+n),n&&(g.value=ge(K({},g.value),{processCode:n})),T("success")}catch(e){_.error((e==null?void 0:e.message)||"创建失败")}finally{k.value=!1}})}function Ie(){return Q(this,null,function*(){const l=pe();if(l){_.warning(l);return}k.value=!0;try{yield de({id:g.value.id,formFields:ae()}),yield yl({id:g.value.id}),_.success("钉钉模板更新成功"),T("success")}catch(e){_.error((e==null?void 0:e.message)||"更新失败")}finally{k.value=!1}})}function Le(l,e){C.value=l,e.dataTransfer&&(e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",l.type))}function Ve(){C.value=null,B.value=!1,j.value=-1}function Be(l){C.value&&(l.preventDefault(),B.value=!0)}function He(l){var e;(e=l.currentTarget)!=null&&e.contains(l.relatedTarget)||(B.value=!1)}function je(l){l.preventDefault(),B.value=!1,C.value&&(ve(C.value),C.value=null)}function Ge(l,e){C.value&&(e.preventDefault(),e.stopPropagation(),j.value=l,B.value=!1)}function Je(l,e){var n;j.value===l&&!((n=e.currentTarget)!=null&&n.contains(e.relatedTarget))&&(j.value=-1)}function Ke(l,e){if(e.preventDefault(),e.stopPropagation(),j.value=-1,B.value=!1,!C.value)return;const n=F.value[l];if(!n||n.componentType!=="TableField")return;const d=C.value.type;if(!ne.map(q=>q.value).includes(d)){_.warning(`「${C.value.label}」不支持作为明细子控件`),C.value=null;return}n.children.push({_id:++z,componentType:d,label:me[d]||C.value.label,required:!1,unit:null,mesField:""}),ce(n._id),C.value=null}return b({open:$e}),(l,e)=>{const n=fl,d=il,q=Dl,A=gl,r=Fl,N=sl,D=Ze("a-button"),H=ul,Y=dl,W=bl,X=rl,Z=Tl,M=ol,J=pl,ee=al;return s(),$(ee,{open:R.value,"onUpdate:open":e[22]||(e[22]=P=>R.value=P),title:"钉钉审批表单设计",width:"1200px",footer:null,"destroy-on-close":"","body-style":{padding:0,overflow:"hidden"},onCancel:e[23]||(e[23]=P=>R.value=!1)},{default:p(()=>[i(M,{spinning:G.value,tip:"加载中..."},{default:p(()=>{var P,oe;return[o("div",_l,[o("div",kl,[e[24]||(e[24]=o("div",{class:"dd-palette-header"},"控件",-1)),(s(),u(x,null,E(te,t=>o("div",{key:t.title,class:"dd-palette-group"},[o("div",hl,U(t.title),1),o("div",wl,[(s(!0),u(x,null,E(t.items,c=>(s(),u("div",{key:c.type,class:"dd-palette-item",draggable:"true",onClick:v=>ve(c),onDragstart:v=>Le(c,v),onDragend:Ve},[i(O(I),{icon:c.icon,style:{"font-size":"15px"}},null,8,["icon"]),o("span",null,U(c.label),1)],40,Cl))),128))])])),64))]),o("div",Ml,[o("div",xl,[o("span",Ul,U(((P=g.value)==null?void 0:P.tplName)||"表单预览"),1),(oe=g.value)!=null&&oe.processCode?(s(),$(n,{key:0,color:"blue",style:{"margin-left":"8px"}},{default:p(()=>[...e[25]||(e[25]=[m("已创建",-1)])]),_:1})):(s(),$(n,{key:1,color:"orange",style:{"margin-left":"8px"}},{default:p(()=>[...e[26]||(e[26]=[m("未创建",-1)])]),_:1}))]),o("div",zl,[o("div",{class:se(["dd-phone-frame",{"canvas-drag-active":B.value}]),onDragover:Be,onDragleave:He,onDrop:je},[F.value.length?(s(),u("div",Sl,[(s(!0),u(x,null,E(F.value,(t,c)=>{var v;return s(),u("div",el({key:t._id,class:["dd-form-item",{selected:V.value===t._id,"is-table":t.componentType==="TableField","table-drag-over":t.componentType==="TableField"&&j.value===c}],onClick:h=>ce(t._id)},{ref_for:!0},t.componentType==="TableField"?{onDragover:h=>Ge(c,h),onDragleave:h=>Je(c,h),onDrop:h=>Ke(c,h)}:{}),[t.componentType!=="TableField"?(s(),u("div",Rl,[o("div",Al,U(t.label||"(未命名)"),1),o("div",Nl,U(we(t)),1)])):(s(),u("div",Pl,[o("div",$l,[i(O(I),{icon:"ant-design:table-outlined",style:{"margin-right":"4px",color:"#1677ff"}}),m(" "+U(t.label||"(未命名明细)"),1)]),o("div",El,[(v=t.children)!=null&&v.length?(s(!0),u(x,{key:0},E(t.children,h=>(s(),u("div",{key:h._id,class:"dd-child-chip"},[o("span",Ol,U(ue(h.componentType)),1),o("span",Il,U(h.label),1),h.required?(s(),u("span",Ll,"*")):w("",!0)]))),128)):(s(),u("span",Vl,[i(O(I),{icon:"ant-design:warning-outlined",style:{"margin-right":"3px"}}),e[27]||(e[27]=m("至少需要一个子控件 ",-1))]))])])),o("div",{class:"dd-form-ops",onClick:e[0]||(e[0]=ll(()=>{},["stop"]))},[o("span",{class:se(["op-btn",{disabled:c===0}]),title:"上移",onClick:h=>xe(c)},"↑",10,Bl),o("span",{class:se(["op-btn",{disabled:c===F.value.length-1}]),title:"下移",onClick:h=>Ue(c)},"↓",10,Hl),o("span",{class:"op-btn op-del",title:"删除",onClick:h=>ze(c)},[i(O(I),{icon:"ant-design:delete-outlined"})],8,jl)])],16,ql)}),128))])):(s(),u("div",Gl,[i(O(I),{icon:"ant-design:plus-circle-outlined",style:{"font-size":"28px",color:"#d9d9d9",display:"block","margin-bottom":"8px"}}),e[28]||(e[28]=o("span",null,"点击左侧控件添加到此处",-1))]))],34)])]),o("div",Jl,[a.value?(s(),u(x,{key:0},[o("div",Kl,[i(O(I),{icon:Fe(a.value.componentType),style:{"margin-right":"6px"}},null,8,["icon"]),m(" "+U(ue(a.value.componentType)),1)]),o("div",Ql,[a.value.componentType==="TableField"?(s(),u(x,{key:0},[o("div",Yl,[e[29]||(e[29]=o("label",null,"标题",-1)),i(d,{value:a.value.label,"onUpdate:value":e[1]||(e[1]=t=>a.value.label=t),size:"small"},null,8,["value"])]),o("div",Wl,[e[32]||(e[32]=o("label",null,"填写方式",-1)),i(A,{value:a.value.tableViewMode,"onUpdate:value":e[2]||(e[2]=t=>a.value.tableViewMode=t),size:"small","button-style":"solid"},{default:p(()=>[i(q,{value:"table"},{default:p(()=>[...e[30]||(e[30]=[m("表格",-1)])]),_:1}),i(q,{value:"list"},{default:p(()=>[...e[31]||(e[31]=[m("列表",-1)])]),_:1})]),_:1},8,["value"])]),o("div",Xl,[e[35]||(e[35]=o("label",null,"打印格式",-1)),i(A,{value:a.value.verticalPrint,"onUpdate:value":e[3]||(e[3]=t=>a.value.verticalPrint=t),size:"small","button-style":"solid"},{default:p(()=>[i(q,{value:!1},{default:p(()=>[...e[33]||(e[33]=[m("横向",-1)])]),_:1}),i(q,{value:!0},{default:p(()=>[...e[34]||(e[34]=[m("纵向",-1)])]),_:1})]),_:1},8,["value"])]),o("div",Zl,[e[36]||(e[36]=o("label",null,"必填",-1)),i(r,{checked:a.value.required,"onUpdate:checked":e[4]||(e[4]=t=>a.value.required=t),size:"small"},null,8,["checked"])]),o("div",et,[e[37]||(e[37]=o("label",null,"MES字段名",-1)),i(d,{value:a.value.mesField,"onUpdate:value":e[5]||(e[5]=t=>a.value.mesField=t),size:"small",placeholder:"如 details"},null,8,["value"])]),o("div",lt,[e[38]||(e[38]=m(" 子控件 ",-1)),i(n,{color:"blue",style:{"margin-left":"6px","font-weight":"400"}},{default:p(()=>{var t;return[m(U(((t=a.value.children)==null?void 0:t.length)||0)+" 个",1)]}),_:1})]),(s(!0),u(x,null,E(a.value.children||[],(t,c)=>(s(),u("div",{key:t._id,class:"dd-child-editor"},[o("div",tt,[i(N,{value:t.componentType,"onUpdate:value":v=>t.componentType=v,size:"small",style:{width:"90px","flex-shrink":"0"},options:ne},null,8,["value","onUpdate:value"]),i(d,{value:t.label,"onUpdate:value":v=>t.label=v,size:"small",placeholder:"控件标题",style:{flex:"1",margin:"0 4px"}},null,8,["value","onUpdate:value"]),i(r,{checked:t.required,"onUpdate:checked":v=>t.required=v,size:"small"},null,8,["checked","onUpdate:checked"]),o("span",{class:"dd-opt-del",style:{"margin-left":"4px"},onClick:v=>Ae(c)},"×",8,nt)]),o("div",at,[o("div",ot,[t.componentType==="NumberField"?(s(),$(d,{key:0,value:t.unit,"onUpdate:value":v=>t.unit=v,size:"small",placeholder:"单位",style:{width:"60px","flex-shrink":"0"}},null,8,["value","onUpdate:value"])):w("",!0),i(d,{value:t.mesField,"onUpdate:value":v=>t.mesField=v,size:"small",placeholder:"MES字段名",style:{flex:"1"}},null,8,["value","onUpdate:value"])])])]))),128)),i(W,{trigger:["click"],style:{"margin-top":"8px",display:"block"}},{overlay:p(()=>[i(Y,{onClick:e[6]||(e[6]=({key:t})=>Re(t))},{default:p(()=>[(s(),u(x,null,E(ne,t=>i(H,{key:t.value},{default:p(()=>[m(U(t.label),1)]),_:2},1024)),64))]),_:1})]),default:p(()=>[i(D,{type:"dashed",size:"small",block:""},{default:p(()=>[...e[39]||(e[39]=[m("+ 添加子控件",-1)])]),_:1})]),_:1})],64)):a.value.componentType==="RelateField"?(s(),u(x,{key:1},[o("div",it,[e[40]||(e[40]=o("label",null,"标题",-1)),i(d,{value:a.value.label,"onUpdate:value":e[7]||(e[7]=t=>a.value.label=t),size:"small"},null,8,["value"])]),o("div",st,[e[41]||(e[41]=o("label",null,"必填",-1)),i(r,{checked:a.value.required,"onUpdate:checked":e[8]||(e[8]=t=>a.value.required=t),size:"small"},null,8,["checked"])]),e[44]||(e[44]=o("div",{class:"dd-section-title"},"关联的审批模板",-1)),(s(!0),u(x,null,E(a.value.availableTemplates||[],(t,c)=>(s(),u("div",{key:c,class:"dd-child-editor"},[o("div",dt,[i(d,{value:t.name,"onUpdate:value":v=>t.name=v,size:"small",placeholder:"模板名称",style:{flex:"1","margin-right":"4px"}},null,8,["value","onUpdate:value"]),o("span",{class:"dd-opt-del",onClick:v=>Pe(c)},"×",8,ut)]),o("div",rt,[i(d,{value:t.processCode,"onUpdate:value":v=>t.processCode=v,size:"small",placeholder:"processCode"},null,8,["value","onUpdate:value"])])]))),128)),i(D,{type:"dashed",size:"small",block:"",style:{"margin-top":"8px"},onClick:Ne},{default:p(()=>[...e[42]||(e[42]=[m(" + 添加关联模板 ",-1)])]),_:1}),o("div",pt,[e[43]||(e[43]=o("label",null,"MES字段名",-1)),i(d,{value:a.value.mesField,"onUpdate:value":e[9]||(e[9]=t=>a.value.mesField=t),size:"small",placeholder:"如 relateId"},null,8,["value"])])],64)):(s(),u(x,{key:2},[o("div",vt,[e[45]||(e[45]=o("label",null,"标题",-1)),i(d,{value:a.value.label,"onUpdate:value":e[10]||(e[10]=t=>a.value.label=t),size:"small"},null,8,["value"])]),Te(a.value.componentType)?(s(),u("div",ct,[e[46]||(e[46]=o("label",null,"提示文字",-1)),i(d,{value:a.value.placeholder,"onUpdate:value":e[11]||(e[11]=t=>a.value.placeholder=t),size:"small"},null,8,["value"])])):w("",!0),a.value.componentType!=="TextNote"?(s(),u("div",mt,[e[47]||(e[47]=o("label",null,"必填",-1)),i(r,{checked:a.value.required,"onUpdate:checked":e[12]||(e[12]=t=>a.value.required=t),size:"small"},null,8,["checked"])])):w("",!0),_e(a.value.componentType)?(s(),u("div",yt,[o("label",null,[e[48]||(e[48]=m(" 单位 ",-1)),["DDDateField","DDDateRangeField"].includes(a.value.componentType)?(s(),u("span",ft,"必填")):w("",!0)]),["DDDateField","DDDateRangeField"].includes(a.value.componentType)?(s(),$(N,{key:0,value:a.value.unit,"onUpdate:value":e[13]||(e[13]=t=>a.value.unit=t),size:"small",style:{width:"100%"},options:[{label:"小时",value:"小时"},{label:"天",value:"天"},{label:"半天",value:"半天"}]},null,8,["value"])):(s(),$(d,{key:1,value:a.value.unit,"onUpdate:value":e[14]||(e[14]=t=>a.value.unit=t),size:"small",placeholder:"如：元"},null,8,["value"]))])):w("",!0),ke(a.value.componentType)?(s(),u("div",bt,[e[49]||(e[49]=o("label",null,"日期格式",-1)),i(N,{value:a.value.format,"onUpdate:value":e[15]||(e[15]=t=>a.value.format=t),size:"small",style:{width:"100%"},options:De},null,8,["value"])])):w("",!0),he(a.value.componentType)?(s(),u("div",gt,[e[51]||(e[51]=o("label",null,"选项列表",-1)),o("div",Dt,[(s(!0),u(x,null,E(a.value.options||[],(t,c)=>(s(),u("div",{key:t.key,class:"dd-option-row"},[i(d,{value:t.value,"onUpdate:value":v=>t.value=v,size:"small",placeholder:"选项名称",style:{flex:"1"}},null,8,["value","onUpdate:value"]),o("span",{class:"dd-opt-del",onClick:v=>qe(c)},"×",8,Ft)]))),128)),i(D,{type:"dashed",size:"small",block:"",style:{"margin-top":"4px"},onClick:Se},{default:p(()=>[...e[50]||(e[50]=[m(" + 添加选项 ",-1)])]),_:1})])])):w("",!0),a.value.componentType==="TextNote"?(s(),u("div",Tt,[e[52]||(e[52]=o("label",null,"说明内容",-1)),i(X,{value:a.value.content,"onUpdate:value":e[16]||(e[16]=t=>a.value.content=t),size:"small",rows:3},null,8,["value"])])):w("",!0),a.value.componentType==="AddressField"?(s(),u("div",_t,[e[53]||(e[53]=o("label",null,"精度",-1)),i(N,{value:a.value.addressModel,"onUpdate:value":e[17]||(e[17]=t=>a.value.addressModel=t),size:"small",style:{width:"100%"},options:[{label:"市级",value:"city"},{label:"区级",value:"district"}]},null,8,["value"])])):w("",!0),a.value.componentType==="StarRatingField"?(s(),u("div",kt,[e[54]||(e[54]=o("label",null,"最大分值",-1)),i(Z,{value:a.value.limit,"onUpdate:value":e[18]||(e[18]=t=>a.value.limit=t),size:"small",min:1,max:10,style:{width:"100%"}},null,8,["value"])])):w("",!0),a.value.componentType==="MoneyField"?(s(),u("div",ht,[e[55]||(e[55]=o("label",null,"显示大写",-1)),i(r,{checked:a.value.upper,"onUpdate:checked":e[19]||(e[19]=t=>a.value.upper=t),size:"small"},null,8,["checked"])])):w("",!0),a.value.componentType!=="TextNote"?(s(),u("div",wt,[e[56]||(e[56]=o("label",null,"MES字段名",-1)),i(d,{value:a.value.mesField,"onUpdate:value":e[20]||(e[20]=t=>a.value.mesField=t),size:"small",placeholder:"如 psCode"},null,8,["value"])])):w("",!0)],64))])],64)):(s(),u("div",Ct,[...e[57]||(e[57]=[o("span",null,[m("请点击画布中的控件"),o("br"),m("查看和编辑属性")],-1)])]))])])]}),_:1},8,["spinning"]),o("div",Mt,[o("span",xt,"已添加 "+U(F.value.length)+" 个控件",1),i(J,null,{default:p(()=>{var P;return[i(D,{onClick:e[21]||(e[21]=oe=>R.value=!1)},{default:p(()=>[...e[58]||(e[58]=[m("关闭",-1)])]),_:1}),i(D,{loading:L.value,onClick:Ee},{default:p(()=>[...e[59]||(e[59]=[m("保存到本地",-1)])]),_:1},8,["loading"]),g.value&&!g.value.processCode?(s(),$(D,{key:0,type:"primary",loading:k.value,onClick:Oe},{icon:p(()=>[i(O(I),{icon:"ant-design:dingtalk-outlined"})]),default:p(()=>[e[60]||(e[60]=m(" 创建钉钉模板 ",-1))]),_:1},8,["loading"])):(P=g.value)!=null&&P.processCode?(s(),$(D,{key:1,type:"primary",loading:k.value,onClick:Ie},{icon:p(()=>[i(O(I),{icon:"ant-design:sync-outlined"})]),default:p(()=>[e[61]||(e[61]=m(" 更新钉钉模板 ",-1))]),_:1},8,["loading"])):w("",!0)]}),_:1})])]),_:1},8,["open"])}}}),Ht=vl(Ut,[["__scopeId","data-v-300c91f6"]]);export{Ht as default};
|