epic-designer-gold 1.0.35 → 1.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{attributeView-CDOlTCej.cjs → attributeView-BTH9azyB.cjs} +1 -1
- package/dist/{attributeView-BsBiqVGu.js → attributeView-CDem_ES8.js} +1 -1
- package/dist/form-BcyswgAo.cjs +1 -0
- package/dist/{form-BaNhucdK.js → form-CcUK0W1z.js} +73 -69
- package/dist/{index-lkwgM-Nx.js → index-B-CXu5E4.js} +1 -1
- package/dist/{index-CBKTyKT5.cjs → index-B9Wg0OhT.cjs} +1 -1
- package/dist/{index-C0sL_Cow.cjs → index-BEh2QNCv.cjs} +1 -1
- package/dist/{index-u1-3v7J4.js → index-BcqJCHqF.js} +1 -1
- package/dist/{index-zxpOBir-.js → index-BtHv1yZo.js} +1 -1
- package/dist/{index-CqmYHiDr.cjs → index-C9azM5P0.cjs} +1 -1
- package/dist/{index-Ch0kn_uQ.js → index-CTeq7qi8.js} +1 -1
- package/dist/index-CXkyECv6.cjs +10 -0
- package/dist/{index-Bv6UOkMb.cjs → index-C_yxhoSP.cjs} +1 -1
- package/dist/{index-BCfsLh0H.js → index-CjRCetGY.js} +237 -238
- package/dist/{index-PjUZVUx6.cjs → index-DCixZvy_.cjs} +1 -1
- package/dist/{index-D8diDndG.js → index-DWNK2WbN.js} +1 -1
- package/dist/{index-EU7IKyES.cjs → index-DYItQsu1.cjs} +1 -1
- package/dist/{index-wjKD4mBu.cjs → index-Dgm8C1cw.cjs} +1 -1
- package/dist/{index-BelKUDOu.js → index-DhC_pgAC.js} +1 -1
- package/dist/{index-Dh-5bgQx.cjs → index-Dk-o3v2v.cjs} +1 -1
- package/dist/{index-BK6ipjbo.cjs → index-Dz2rmUzG.cjs} +1 -1
- package/dist/{index-6ehvFk8m.js → index-PJBBvGIL.js} +1 -1
- package/dist/{index-CP9mOhqZ.cjs → index-U1_FTPaZ.cjs} +1 -1
- package/dist/{index-57Jo44dB.js → index-Zf435cWW.js} +1 -1
- package/dist/{index-nvc1uY17.js → index-aPG4tpxN.js} +1 -1
- package/dist/index-edBSFxZI.js +4 -0
- package/dist/{index-Ce2UbX3P.cjs → index-i1OdHmT9.cjs} +1 -1
- package/dist/{index-BQGUEUhF.js → index-q9yvq5KO.js} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/ocrUpload-CBzBe8ro.cjs +1 -0
- package/dist/{ocrUpload-Cxxs1GtD.js → ocrUpload-DVHm3yls.js} +54 -52
- package/dist/{sign-B1wFFef_.cjs → sign-BWCF3Rru.cjs} +1 -1
- package/dist/{sign-mjic2rIw.js → sign-D5uFYJi9.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{styleView-sZrNBCuS.cjs → styleView-BgS1xwp3.cjs} +1 -1
- package/dist/{styleView-DXePdHW5.js → styleView-NkYOpZPH.js} +1 -1
- package/dist/ui/elementPlus/index.cjs +1 -1
- package/dist/ui/elementPlus/index.js +3 -3
- package/package.json +1 -1
- package/dist/form-DvdMrtVG.cjs +0 -1
- package/dist/index-4NyY4OrM.cjs +0 -10
- package/dist/index-BNgMDVXO.js +0 -4
- package/dist/ocrUpload-CMskfGHX.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./pluginManager-C8aQylGX.cjs"),H=require("./index-4NyY4OrM.cjs"),Q=require("element-plus"),ee=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),we=require("./vuedraggable.umd-CxOWsXm8.cjs"),Ne={class:"epic-widget-action-item whitespace-nowrap"},Ce={key:0,class:"flex items-center"},_e={key:0,title:"单元格操作",class:"epic-widget-action-item pointer-events-auto"},be=e.defineComponent({__name:"previewWidgets",setup(Z,{expose:L}){const v=e.inject("pageManager",{}),o=e.inject("pageSchema"),n=e.inject("designer"),N=e.inject("designerProps"),i=e.inject("revoke"),g=e.ref(null),R=e.ref(null),C=e.ref(null),z=e.ref(!1),c=e.ref(!1),d=e.ref(!0),h=e.ref("top"),{canvasScale:u,disabledZoom:T}=H.useStore();let s=null;const P=e.computed(()=>{const t=n.state.checkedNode;return!(!(t!=null&&t.id)||N.value.lockDefaultSchemaEdit&&v.defaultComponentIds.value.includes(t==null?void 0:t.id)||t.type==="table-cell")}),j=e.computed(()=>{const t=n.state.checkedNode;return(t==null?void 0:t.type)==="eTd"});e.computed(()=>{const t=n.state.checkedNode;return(t==null?void 0:t.type)==="table"});const $=e.computed(()=>{var w,b,V,m,O,A;const t=v.componentInstances.value,r=(w=n.state.checkedNode)==null?void 0:w.id;if((V=(b=n.state.checkedNode)==null?void 0:b.componentProps)!=null&&V.hidden)return null;const y=l.pluginManager.getComponentConfingByType((m=n.state.checkedNode)==null?void 0:m.type)??null;if(!r||!(t!=null&&t[r]))return null;if(y!=null&&y.defaultSchema.input&&((O=n.state.checkedNode)==null?void 0:O.noFormItem)!==!0)return(A=t[r+"formItem"])==null?void 0:A.$el;const a=t[r];return!(a!=null&&a.$el)||(a==null?void 0:a.$el.nodeName)==="#text"||!(a!=null&&a.$el.getBoundingClientRect)?null:a==null?void 0:a.$el}),x=e.computed(()=>{var w,b,V,m;const t=v.componentInstances.value,r=(w=n.state.hoverNode)==null?void 0:w.id,y=l.pluginManager.getComponentConfingByType((b=n.state.hoverNode)==null?void 0:b.type)??null;if(!r||!(t!=null&&t[r]))return null;if(y!=null&&y.defaultSchema.input&&((V=n.state.hoverNode)==null?void 0:V.noFormItem)!==!0)return(m=t[r+"formItem"])==null?void 0:m.$el;const a=t[r];return(a==null?void 0:a.$el.nodeName)==="#text"?null:a==null?void 0:a.$el}),{mutationObserver:_,observerConfig:k}=ae(F),{startTimedQuery:q,stopTimedQuery:G}=H.useTimedQuery(F);e.watch(()=>$.value,t=>{if(t){z.value=!0,_.observe(t,k);const r=t.parentNode;r&&(r.ondragstart=()=>{d.value=!1,q()},r.ondragend=()=>{d.value=!0,G()}),F()}else z.value=!1});const{mutationObserver:M,observerConfig:E}=ae(oe);e.watch(()=>x.value,t=>{t&&(M.observe(t,E),oe())});let U=0;e.watch(()=>{var t;return(t=n.state.hoverNode)==null?void 0:t.id},t=>{if(t){c.value=!0,clearTimeout(U);return}U=setTimeout(()=>{c.value=!1},300)});let J=0,K=0;function F(){const t=$.value;if(!t||!s)return;const{top:r,left:y}=s==null?void 0:s.getBoundingClientRect(),{top:a,left:w,width:b,height:V}=t.getBoundingClientRect(),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=w-y+((s==null?void 0:s.scrollLeft)??0)*m,W=V/m;g.value&&(g.value.style.width=`${b/m}px`,g.value.style.height=`${W}px`,g.value.style.top=`${O/m}px`,g.value.style.left=`${A/m}px`,ve(O,A)),C.value&&(O<45&&W<100?(C.value.style.top="",C.value.style.bottom="-30px",C.value.style["border-radius"]="0px 0px 4px 4px",h.value="bottom"):O<45?(C.value.style.top="0px",C.value.style["border-radius"]="0px 0px 4px 0",h.value="center"):(C.value.style.top="-30px",C.value.style["border-radius"]="4px 4px 0px 0px",h.value="top"))}function ve(t,r){const y=$.value;if(!s||!y)return;const a=s.getBoundingClientRect(),{width:w}=y.getBoundingClientRect(),b=T.value?1:u.value,V=t/b-a.top;let m=r/b-a.left+w/b;m<a.width&&(m=0);const O=s.scrollTop-a.height/3+60,A=s.scrollTop+a.height/3*2,W=s.scrollLeft-a.width+200,X=s.scrollLeft+a.width-200;Math.abs(V-J)<10&&Math.abs(m-K)<10||(J=V,K=m,!(V>O&&V<A&&m>W&&m<X)&&(s.scrollTop=V,s.scrollLeft=m))}function oe(){var W,X;const t=x.value;if(!t)return;const{top:r,left:y}=(s==null?void 0:s.getBoundingClientRect())??{top:0,left:0},{top:a,left:w,width:b,height:V}=((W=t.getBoundingClientRect)==null?void 0:W.call(t))??((X=t.nextElementSibling)==null?void 0:X.getBoundingClientRect()),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=w-y+((s==null?void 0:s.scrollLeft)??0)*m;R.value&&(R.value.style.width=`${b/m}px`,R.value.style.height=`${V/m}px`,R.value.style.top=`${O/m}px`,R.value.style.left=`${A/m}px`)}function ae(t){const r=window.MutationObserver,y={childList:!0,attributes:!0,subtree:!0};return{mutationObserver:new r(t),observerConfig:y}}function ge(t){var r,y,a,w,b,V,m,O,A,W,X,se,re,ie,ce,de,ue,fe;if(t==="right"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(y=l.findSchemaInfoById(o.schemas,((r=n.state.checkedNode)==null?void 0:r.id)??"root"))==null?void 0:y.index;(a=S.list)==null||a[0].children.forEach(I=>{var D;(D=I.children)==null||D.splice(B+1,0,{type:"eTd",id:"eTd_"+l.getUUID(),children:[]})}),i.push(o.schemas,"添加右列")}else if(t==="left"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(b=l.findSchemaInfoById(o.schemas,((w=n.state.checkedNode)==null?void 0:w.id)??"root"))==null?void 0:b.index;(V=S.list)==null||V[0].children.forEach(I=>{var D;B===0?I.children.unshift({type:"eTd",id:"eTd_"+l.getUUID(),children:[]}):(D=I.children)==null||D.splice(B-1,0,{type:"eTd",id:"eTd_"+l.getUUID(),children:[]})}),i.push(o.schemas,"添加左列")}else if(t==="top"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((m=n.state.checkedNode)==null?void 0:m.id)??"root");I.index===0?(O=B.list)==null||O[0].children.unshift({type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}):(A=B.list)==null||A[0].children.splice(I.index-1,0,{type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}),i.push(o.schemas,"添加上列")}else if(t==="bottom"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((W=n.state.checkedNode)==null?void 0:W.id)??"root");(X=B.list)==null||X[0].children.splice(I.index+1,0,{type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}),i.push(o.schemas,"添加下列")}else if(t==="merge-right"){n.state.matched.find(I=>I.type==="eTr");const f=l.findSchemaInfoById(o.schemas,((se=n.state.checkedNode)==null?void 0:se.id)??"root");if(f.index===f.list.length-1)return;const S=f.list[f.index],B=f.list[f.index+1];S.colspan=(S.colspan||1)+(B.colspan||1),f.list.splice(f.index+1,1),i.push(o.schemas,"向右合并")}else if(t==="merge-bottom"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr");l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root");const B=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((re=n.state.checkedNode)==null?void 0:re.id)??"root").index;if(B.index!==B.list.length-1){const p=B.list[B.index];let te=0,ne=0;p.children.forEach((Y,le)=>{Y.colSpan||(Y.colSpan=1),ne=ne+Y.colSpan,ne===D+1&&(te=le)}),p.children[te].rowSpan=(p.children[te].rowSpan||1)+1;const Se=B.list[B.index+p.children[te].rowSpan-1];let he=0,me=0;p.children.forEach((Y,le)=>{Y.colSpan||(Y.colSpan=1),me=me+Y.colSpan,ne===D+1&&(he=le)}),Se.children.splice(he,1)}i.push(o.schemas,"向下合并")}else if(t==="delete-col"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(ce=l.findSchemaInfoById(o.schemas,((ie=n.state.checkedNode)==null?void 0:ie.id)??"root"))==null?void 0:ce.index;(de=S.list)==null||de[0].children.forEach(I=>{var D;(D=I.children)==null||D.splice(B,1)}),i.push(o.schemas,"删除当前列")}else if(t==="delete-row"){const f=n.state.matched.find(D=>D.type==="eTable"),S=n.state.matched.find(D=>D.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root");l.findSchemaInfoById(o.schemas,((ue=n.state.checkedNode)==null?void 0:ue.id)??"root"),(fe=B.list)==null||fe[0].children.splice(I.index,1),i.push(o.schemas,"删除当前行")}}function xe(){var b;const t=l.findSchemaInfoById(o.schemas,((b=n.state.checkedNode)==null?void 0:b.id)??"root");if(!t)return!1;const{list:r,schema:y,index:a}=t,w=l.generateNewSchema(y);r.splice(a+1,0,w),n.setCheckedNode(w),i.push(o.schemas,"复制组件")}function ye(){var w;const t=l.findSchemaInfoById(o.schemas,((w=n.state.checkedNode)==null?void 0:w.id)??"root");if(!t)return!1;let{list:r,schema:y,index:a}=t;r.splice(a,1),a===r.length&&a--,n.setCheckedNode(r[a]),i.push(o.schemas,"删除组件")}function ke(t){s=t,s==null||s.addEventListener("scroll",()=>{F()}),H.useResizeObserver($,F),H.useResizeObserver(x,oe)}return L({handleInit:ke}),(t,r)=>{var y,a,w,b,V;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("div",{ref_key:"selectorRef",ref:g,class:e.normalizeClass(["epic-checked-widget absolute pointer-events-none z-20",h.value+" "+(d.value?"transition-all":"")])},[e.createElementVNode("div",{class:"epic-widget-action-box",ref_key:"actionBoxRef",ref:C},[e.createElementVNode("div",Ne,e.toDisplayString((a=e.unref(l.pluginManager).getComponentConfingByType(((y=e.unref(n).state.checkedNode)==null?void 0:y.type)??""))==null?void 0:a.defaultSchema.label),1),P.value?(e.openBlock(),e.createElementBlock("div",Ce,[P.value&&!j.value?(e.openBlock(),e.createElementBlock("div",{key:0,title:"复制",class:"epic-widget-action-item pointer-events-auto",onClick:xe},[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--copy-all-outline-rounded"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(Q.ElDropdown),{onCommand:ge,trigger:"click"},{dropdown:e.withCtx(()=>[e.createVNode(e.unref(Q.ElDropdownMenu),null,{default:e.withCtx(()=>[e.createVNode(e.unref(Q.ElDropdownItem),{command:"left"},{default:e.withCtx(()=>[...r[0]||(r[0]=[e.createTextVNode("添加左列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"right"},{default:e.withCtx(()=>[...r[1]||(r[1]=[e.createTextVNode("添加右列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"top"},{default:e.withCtx(()=>[...r[2]||(r[2]=[e.createTextVNode("添加上列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"bottom"},{default:e.withCtx(()=>[...r[3]||(r[3]=[e.createTextVNode("添加下列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-row",divided:""},{default:e.withCtx(()=>[...r[4]||(r[4]=[e.createTextVNode("删除当前行",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-col"},{default:e.withCtx(()=>[...r[5]||(r[5]=[e.createTextVNode("删除当前列",-1)])]),_:1})]),_:1})]),default:e.withCtx(()=>[j.value?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--window-outline"})])):e.createCommentVNode("",!0)]),_:1}),P.value&&!j.value?(e.openBlock(),e.createElementBlock("div",{key:1,title:"删除",class:"epic-widget-action-item pointer-events-auto",onClick:ye},[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--delete-outline-rounded"})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)],2),[[e.vShow,z.value&&((w=e.unref(n).state.checkedNode)==null?void 0:w.id)!=="root"]]),e.withDirectives(e.createElementVNode("div",{ref_key:"hoverWidgetRef",ref:R,class:"epic-hover-widget absolute transition-all pointer-events-none z-998"},null,512),[[e.vShow,c.value&&((b=e.unref(n).state.checkedNode)==null?void 0:b.id)!==((V=e.unref(n).state.hoverNode)==null?void 0:V.id)]])],64)}}}),Be=e.defineComponent({name:"EditNodeItem",__name:"editNodeItem",props:{schemas:{}},emits:["update:schemas"],setup(Z,{emit:L}){const v=e.inject("designer"),o=e.inject("pageSchema"),n=e.inject("revoke"),N=Z,i=L,g=e.computed({get(){return N.schemas},set(d){i("update:schemas",d)}});function R(d){v.setCheckedNode(g.value[d]),v.setDisableHover(!0)}function C(){v.setDisableHover(),n.push(o.schemas,"拖拽组件")}function z(){n.push(o.schemas,"插入组件")}function c(d){var h,u,T;return d.id===((h=o.schemas[0])==null?void 0:h.id)||(T=(u=l.pluginManager.getComponentConfingByType(d.type))==null?void 0:u.editConstraints)!=null&&T.immovable?"unmover-item":"draggable-item"}return(d,h)=>(e.openBlock(),e.createBlock(e.unref(we.draggable),e.mergeProps({modelValue:g.value,"onUpdate:modelValue":h[0]||(h[0]=u=>g.value=u),"item-key":"id","component-data":{type:"transition-group"},class:"epic-draggable-range"},{animation:200,group:"edit-draggable",handle:".draggable-item",ghostClass:"moveing"},{onStart:h[1]||(h[1]=u=>R(u.oldIndex)),onEnd:h[2]||(h[2]=u=>C()),onAdd:h[3]||(h[3]=u=>{R(u.newIndex),z()})}),{item:e.withCtx(({element:u,index:T})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["widget-box",c(u)]),key:T},[e.createVNode(pe,{schema:u},null,8,["schema"])],2))]),_:1},16,["modelValue"]))}}),pe=e.defineComponent({name:"ENodeItem",__name:"nodeItem",props:{schema:{},name:{}},setup(Z){const L=e.useAttrs(),v=e.inject("designer"),o=e.inject("pageManager",{}),n=e.inject("pageSchema",{}),N=e.ref(null);e.provide("nodeAttrs",L);const i=Z,g=e.computed(()=>{var T,s,P,j,$;const c=o.componentInstances.value,d=(T=i.schema)==null?void 0:T.id,h=l.pluginManager.getComponentConfingByType((s=i.schema)==null?void 0:s.type)??null;if(!d||!(c!=null&&c[d]))return null;if(h!=null&&h.defaultSchema.input&&((P=i.schema)==null?void 0:P.noFormItem)!==!0)return(j=c[d+"formItem"])==null?void 0:j.$el;const u=c[d];return(($=u==null?void 0:u.$el)==null?void 0:$.nodeName)==="#text"?null:u==null?void 0:u.$el});e.watch(()=>g.value,c=>{c==null||c.addEventListener("click",R,!1),c==null||c.addEventListener("mouseover",C,!1),c==null||c.addEventListener("mouseout",z,!1)}),e.onUnmounted(()=>{var c,d,h;(c=g.value)==null||c.removeEventListener("click",R,!1),(d=g.value)==null||d.removeEventListener("mouseover",C,!1),(h=g.value)==null||h.removeEventListener("mouseout",z,!1)});function R(c){c.stopPropagation(),v.setCheckedNode(i.schema)}function C(c){var d;i.schema.id!==((d=n.schemas[0])==null?void 0:d.id)&&(c.stopPropagation(),v.setHoverNode(i.schema))}function z(c){c.stopPropagation(),v.setHoverNode(null)}return(c,d)=>{var u,T;const h=e.resolveComponent("ENodeItem");return e.openBlock(),e.createBlock(e.unref(H.ENode),{ref_key:"nodeRef",ref:N,componentSchema:i.schema},e.createSlots({_:2},[(T=(u=e.unref(l.pluginManager).getComponentConfingByType(i.schema.type))==null?void 0:u.editConstraints)!=null&&T.childImmovable?{name:"edit-node",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.schema.children,s=>(e.openBlock(),e.createBlock(h,{key:s.id,schema:s},null,8,["schema"]))),128))]),key:"0"}:{name:"edit-node",fn:e.withCtx(()=>[i.schema.children?(e.openBlock(),e.createBlock(Be,{key:0,schemas:i.schema.children,"onUpdate:schemas":d[0]||(d[0]=s=>i.schema.children=s)},null,8,["schemas"])):e.createCommentVNode("",!0)]),key:"1"}]),1032,["componentSchema"])}}}),Ie={class:"min-w-750px rounded h-full"},Te=e.defineComponent({__name:"previewJson",setup(Z,{expose:L}){const v=l.pluginManager.getComponent("modal"),o=l.pluginManager.getComponent("monacoEditor"),n={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1},readOnly:!0},N=e.ref(null),i=e.ref(!1),g=e.inject("pageSchema");function R(){i.value=!1}function C(){i.value=!0,N.value?N.value.setValue(JSON.stringify(g,null,2)):setTimeout(()=>{C()},300)}function z(c="epic-data.json"){const d=JSON.stringify(g,null,2);var h=`data:text/json;charset=utf-8,${encodeURIComponent(d)}`,u=document.createElement("a");u.setAttribute("href",h),u.setAttribute("download",c),u.click()}return L({handleOpen:C}),(c,d)=>(e.openBlock(),e.createBlock(e.unref(v),{modelValue:i.value,"onUpdate:modelValue":d[0]||(d[0]=h=>i.value=h),title:"查看数据",class:"w-900px",width:"900px",onClose:R,onOk:z,okText:"导出数据"},{default:e.withCtx(()=>[e.createElementVNode("div",Ie,[e.createVNode(e.unref(o),{ref_key:"monacoEditorRef",ref:N,class:"editor h-full",autoToggleTheme:"",readOnly:"",config:n,language:"json"},null,512)])]),_:1},8,["modelValue"]))}}),Ve={class:"epic-edit-toolbar flex items-center justify-between px-2"},Ee={class:"flex-1 h-full flex items-center"},De={key:0,class:"epic-divider"},Re=["title","onClick"],$e={class:"flex-1 h-full flex items-center justify-end"},Me={key:0,class:"flex items-center ml-12px"},Ue={class:"pr-8px w-82px cursor-pointer"},Le={class:"epic-device h-28px items-center gap-1 rounded-md border p-2px flex"},ze=["title","onClick"],Oe=e.defineComponent({__name:"toolbar",setup(Z){const L=l.pluginManager.getComponent("select"),{canvasScale:v,disabledZoom:o}=H.useStore(),n=e.ref("pc"),N=e.inject("pageSchema"),i=e.inject("designer"),g=e.inject("revoke"),R=e.ref(null),C=[{icon:"icon--epic--computer-outline-rounded",title:"pc",key:"pc"},{icon:"icon--epic--tablet-android-outline-rounded",title:"平板",key:"pad"},{icon:"icon--epic--phone-iphone-outline-sharp",title:"手机",key:"mobile"}],z=e.computed(()=>[{icon:"icon--epic--trash",title:"清空",on:s},{icon:"icon--epic--undo",title:"撤销",on:u,disabled:!g.recordList.value.length,divider:!0},{icon:"icon--epic--redo",title:"重做",on:T,disabled:!g.undoList.value.length}]),c=e.ref(null),d=e.computed({get(){return`${(v.value*100).toFixed(0)}%`},set(x){const _=parseFloat(x);v.value=_/100}}),h=[{label:"60%",value:"60%"},{label:"80%",value:"80%"},{label:"100%",value:"100%"},{label:"120%",value:"120%"},{label:"140%",value:"140%"}];function u(){const x=g.undo();x&&(l.deepCompareAndModify(N.schemas,x),i.setCheckedNode(N.schemas[0]))}function T(){const x=g.redo();x&&(l.deepCompareAndModify(N.schemas,x),i.setCheckedNode(N.schemas[0]))}function s(){i.reset()}function P(x){var q;const _=(q=x.target.files)==null?void 0:q[0];if(!_)return;x.target.value=null;const k=new FileReader;k.readAsText(_),k.onload=G=>{var M;j((M=G.target)==null?void 0:M.result)}}function j(x){try{let _=JSON.parse(x??"");_.schemas||(_=l.convertKFormData(_)),l.deepCompareAndModify(N,_)}catch(_){console.error(_)}}function $(x){i.handleToggleDeviceMode(x),n.value=x;const _={pc:{},pad:{width:"780px",mode:x},mobile:{width:"390px",height:"844px",mode:x}};N.canvas=_[x]}return(x,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Ve,[e.createElementVNode("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,(k,q)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:q},[k.divider?(e.openBlock(),e.createElementBlock("div",De)):e.createCommentVNode("",!0),e.createElementVNode("div",{title:k.title,class:e.normalizeClass(["epic-action-item text-base h-90% px-10px flex items-center cursor-pointer",{disabled:k.disabled}]),onClick:k.on},[e.createVNode(e.unref(ee._sfc_main),{name:k.icon},null,8,["name"])],10,Re)],64))),128))]),e.withDirectives(e.createElementVNode("input",{type:"file",ref_key:"fileRef",ref:c,accept:".json,.txt",onChange:P},null,544),[[e.vShow,!1]]),e.createElementVNode("div",$e,[e.unref(o)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",Ue,[e.createVNode(e.unref(L),{value:d.value,"onUpdate:value":_[0]||(_[0]=k=>d.value=k),modelValue:d.value,"onUpdate:modelValue":_[1]||(_[1]=k=>d.value=k),options:h,size:"small"},null,8,["value","modelValue"])])])),e.createElementVNode("div",Le,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(C,k=>e.createElementVNode("div",{key:k.key,title:k.title,class:e.normalizeClass(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm",{checked:k.key===n.value}]),onClick:q=>$(k.key)},[e.createVNode(e.unref(ee._sfc_main),{name:k.icon},null,8,["name"])],10,ze)),64))])])]),e.createVNode(Te,{ref_key:"previewJson",ref:R},null,512)],64))}}),He={class:"h-full flex flex-col relative"},je=["draggable"],Fe=e.defineComponent({__name:"editScreenContainer",setup(Z){const L=e.inject("pageSchema"),v=e.ref(null),o=e.ref(null),n=e.ref(null),{pressSpace:N,disabledZoom:i}=H.useStore(),{handleElementDragStart:g,handleElementDrag:R,handleElementDragEnd:C}=H.useElementDrag(v),{width:z,height:c}=H.useElementSize(v),{canvasScale:d,handleZoom:h}=H.useElementZoom(o);let u=0,T=0;const s=e.ref({}),P=e.ref({}),j=e.ref({}),$=e.shallowRef({width:0,height:0});e.watchEffect(_),e.watch(j,()=>{e.nextTick(x)});function x(){n.value&&($.value={width:n.value.clientWidth,height:n.value.clientHeight})}function _(){var M,E;j.value={width:((M=L.canvas)==null?void 0:M.width)??"0",height:((E=L.canvas)==null?void 0:E.height)??"0"}}H.watchOnce(z,k),e.watch($,k);function k(){let M=$.value.width||u,E=$.value.height||T;s.value={width:z.value+M+"px",height:c.value+E+"px"},P.value={width:M+"px",height:E+"px"},q()}function q(){e.nextTick(()=>{var K;let M=$.value.width||u;const U=($.value.height||T)/2,J=M/2;(K=v.value)==null||K.scrollTo(J,U)})}H.useResizeObserver(v,G),H.useResizeObserver(o,G);function G(){var E;if(!v.value)return;const M=v.value.getBoundingClientRect();if(u=M.width-60,T=M.height-80,!i.value)if($.value.width===0)d.value=1;else{const U=(u-20)/$.value.width,J=T/($.value.height||((E=o.value)==null?void 0:E.clientHeight)||1),K=Math.abs(U-1)<Math.abs(J-1);let F=1;K?F=U:F=J,(U<1||J<1)&&(F=Math.min(U,J)),F<1.4&&F>.5&&(d.value=F)}H.debounce(k,50)()}return(M,E)=>(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(Oe),e.createElementVNode("div",{ref_key:"editScreenContainerRef",ref:v,class:e.normalizeClass(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container",{"cursor-grab":e.unref(N)}]),draggable:e.unref(N),onWheel:E[0]||(E[0]=(...U)=>e.unref(h)&&e.unref(h)(...U)),onDragstart:E[1]||(E[1]=(...U)=>e.unref(g)&&e.unref(g)(...U)),onDragend:E[2]||(E[2]=(...U)=>e.unref(C)&&e.unref(C)(...U)),onDrag:E[3]||(E[3]=(...U)=>e.unref(R)&&e.unref(R)(...U))},[e.createElementVNode("div",{id:"canvasContainer",class:"flex items-center justify-center",style:e.normalizeStyle(s.value)},[e.createElementVNode("div",{ref_key:"draggableElRef",ref:o,class:"transition-all"},[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none":e.unref(N)}),style:e.normalizeStyle(P.value)},[e.renderSlot(M.$slots,"default")],6)],512)],4)],42,je),e.createElementVNode("div",{ref_key:"sizeBoxRef",ref:n,class:"absolute top-0 pointer-events-none",style:e.normalizeStyle(j.value)},null,4)]))}}),Ae={class:"epic-edit-canvas"},Pe=e.defineComponent({__name:"index",setup(Z){const L=e.ref(null),v=e.ref(null),o=e.inject("pageSchema"),n=e.computed(()=>o.schemas[0]),N=e.computed(()=>({width:"100%",height:"100%"}));return e.onMounted(()=>{var i;(i=v.value)==null||i.handleInit(L.value)}),(i,g)=>(e.openBlock(),e.createElementBlock("section",Ae,[e.createVNode(Fe,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"epicEditRangeRef",ref:L,class:"epic-edit-range rounded-md overflow-auto relative",style:e.normalizeStyle(N.value)},[e.createVNode(pe,{schema:n.value},null,8,["schema"]),e.createVNode(be,{ref_key:"ePreviewWidgetsRef",ref:v},null,512)],4)]),_:1})]))}});exports.default=Pe;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./pluginManager-C8aQylGX.cjs"),H=require("./index-CXkyECv6.cjs"),Q=require("element-plus"),ee=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),we=require("./vuedraggable.umd-CxOWsXm8.cjs"),Ne={class:"epic-widget-action-item whitespace-nowrap"},Ce={key:0,class:"flex items-center"},_e={key:0,title:"单元格操作",class:"epic-widget-action-item pointer-events-auto"},be=e.defineComponent({__name:"previewWidgets",setup(Z,{expose:L}){const v=e.inject("pageManager",{}),o=e.inject("pageSchema"),n=e.inject("designer"),N=e.inject("designerProps"),i=e.inject("revoke"),g=e.ref(null),R=e.ref(null),C=e.ref(null),z=e.ref(!1),c=e.ref(!1),d=e.ref(!0),h=e.ref("top"),{canvasScale:u,disabledZoom:T}=H.useStore();let s=null;const P=e.computed(()=>{const t=n.state.checkedNode;return!(!(t!=null&&t.id)||N.value.lockDefaultSchemaEdit&&v.defaultComponentIds.value.includes(t==null?void 0:t.id)||t.type==="table-cell")}),j=e.computed(()=>{const t=n.state.checkedNode;return(t==null?void 0:t.type)==="eTd"});e.computed(()=>{const t=n.state.checkedNode;return(t==null?void 0:t.type)==="table"});const $=e.computed(()=>{var w,b,V,m,O,A;const t=v.componentInstances.value,r=(w=n.state.checkedNode)==null?void 0:w.id;if((V=(b=n.state.checkedNode)==null?void 0:b.componentProps)!=null&&V.hidden)return null;const y=l.pluginManager.getComponentConfingByType((m=n.state.checkedNode)==null?void 0:m.type)??null;if(!r||!(t!=null&&t[r]))return null;if(y!=null&&y.defaultSchema.input&&((O=n.state.checkedNode)==null?void 0:O.noFormItem)!==!0)return(A=t[r+"formItem"])==null?void 0:A.$el;const a=t[r];return!(a!=null&&a.$el)||(a==null?void 0:a.$el.nodeName)==="#text"||!(a!=null&&a.$el.getBoundingClientRect)?null:a==null?void 0:a.$el}),x=e.computed(()=>{var w,b,V,m;const t=v.componentInstances.value,r=(w=n.state.hoverNode)==null?void 0:w.id,y=l.pluginManager.getComponentConfingByType((b=n.state.hoverNode)==null?void 0:b.type)??null;if(!r||!(t!=null&&t[r]))return null;if(y!=null&&y.defaultSchema.input&&((V=n.state.hoverNode)==null?void 0:V.noFormItem)!==!0)return(m=t[r+"formItem"])==null?void 0:m.$el;const a=t[r];return(a==null?void 0:a.$el.nodeName)==="#text"?null:a==null?void 0:a.$el}),{mutationObserver:_,observerConfig:k}=ae(F),{startTimedQuery:q,stopTimedQuery:G}=H.useTimedQuery(F);e.watch(()=>$.value,t=>{if(t){z.value=!0,_.observe(t,k);const r=t.parentNode;r&&(r.ondragstart=()=>{d.value=!1,q()},r.ondragend=()=>{d.value=!0,G()}),F()}else z.value=!1});const{mutationObserver:M,observerConfig:E}=ae(oe);e.watch(()=>x.value,t=>{t&&(M.observe(t,E),oe())});let U=0;e.watch(()=>{var t;return(t=n.state.hoverNode)==null?void 0:t.id},t=>{if(t){c.value=!0,clearTimeout(U);return}U=setTimeout(()=>{c.value=!1},300)});let J=0,K=0;function F(){const t=$.value;if(!t||!s)return;const{top:r,left:y}=s==null?void 0:s.getBoundingClientRect(),{top:a,left:w,width:b,height:V}=t.getBoundingClientRect(),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=w-y+((s==null?void 0:s.scrollLeft)??0)*m,W=V/m;g.value&&(g.value.style.width=`${b/m}px`,g.value.style.height=`${W}px`,g.value.style.top=`${O/m}px`,g.value.style.left=`${A/m}px`,ve(O,A)),C.value&&(O<45&&W<100?(C.value.style.top="",C.value.style.bottom="-30px",C.value.style["border-radius"]="0px 0px 4px 4px",h.value="bottom"):O<45?(C.value.style.top="0px",C.value.style["border-radius"]="0px 0px 4px 0",h.value="center"):(C.value.style.top="-30px",C.value.style["border-radius"]="4px 4px 0px 0px",h.value="top"))}function ve(t,r){const y=$.value;if(!s||!y)return;const a=s.getBoundingClientRect(),{width:w}=y.getBoundingClientRect(),b=T.value?1:u.value,V=t/b-a.top;let m=r/b-a.left+w/b;m<a.width&&(m=0);const O=s.scrollTop-a.height/3+60,A=s.scrollTop+a.height/3*2,W=s.scrollLeft-a.width+200,X=s.scrollLeft+a.width-200;Math.abs(V-J)<10&&Math.abs(m-K)<10||(J=V,K=m,!(V>O&&V<A&&m>W&&m<X)&&(s.scrollTop=V,s.scrollLeft=m))}function oe(){var W,X;const t=x.value;if(!t)return;const{top:r,left:y}=(s==null?void 0:s.getBoundingClientRect())??{top:0,left:0},{top:a,left:w,width:b,height:V}=((W=t.getBoundingClientRect)==null?void 0:W.call(t))??((X=t.nextElementSibling)==null?void 0:X.getBoundingClientRect()),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=w-y+((s==null?void 0:s.scrollLeft)??0)*m;R.value&&(R.value.style.width=`${b/m}px`,R.value.style.height=`${V/m}px`,R.value.style.top=`${O/m}px`,R.value.style.left=`${A/m}px`)}function ae(t){const r=window.MutationObserver,y={childList:!0,attributes:!0,subtree:!0};return{mutationObserver:new r(t),observerConfig:y}}function ge(t){var r,y,a,w,b,V,m,O,A,W,X,se,re,ie,ce,de,ue,fe;if(t==="right"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(y=l.findSchemaInfoById(o.schemas,((r=n.state.checkedNode)==null?void 0:r.id)??"root"))==null?void 0:y.index;(a=S.list)==null||a[0].children.forEach(I=>{var D;(D=I.children)==null||D.splice(B+1,0,{type:"eTd",id:"eTd_"+l.getUUID(),children:[]})}),i.push(o.schemas,"添加右列")}else if(t==="left"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(b=l.findSchemaInfoById(o.schemas,((w=n.state.checkedNode)==null?void 0:w.id)??"root"))==null?void 0:b.index;(V=S.list)==null||V[0].children.forEach(I=>{var D;B===0?I.children.unshift({type:"eTd",id:"eTd_"+l.getUUID(),children:[]}):(D=I.children)==null||D.splice(B-1,0,{type:"eTd",id:"eTd_"+l.getUUID(),children:[]})}),i.push(o.schemas,"添加左列")}else if(t==="top"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((m=n.state.checkedNode)==null?void 0:m.id)??"root");I.index===0?(O=B.list)==null||O[0].children.unshift({type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}):(A=B.list)==null||A[0].children.splice(I.index-1,0,{type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}),i.push(o.schemas,"添加上列")}else if(t==="bottom"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((W=n.state.checkedNode)==null?void 0:W.id)??"root");(X=B.list)==null||X[0].children.splice(I.index+1,0,{type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}),i.push(o.schemas,"添加下列")}else if(t==="merge-right"){n.state.matched.find(I=>I.type==="eTr");const f=l.findSchemaInfoById(o.schemas,((se=n.state.checkedNode)==null?void 0:se.id)??"root");if(f.index===f.list.length-1)return;const S=f.list[f.index],B=f.list[f.index+1];S.colspan=(S.colspan||1)+(B.colspan||1),f.list.splice(f.index+1,1),i.push(o.schemas,"向右合并")}else if(t==="merge-bottom"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr");l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root");const B=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((re=n.state.checkedNode)==null?void 0:re.id)??"root").index;if(B.index!==B.list.length-1){const p=B.list[B.index];let te=0,ne=0;p.children.forEach((Y,le)=>{Y.colSpan||(Y.colSpan=1),ne=ne+Y.colSpan,ne===D+1&&(te=le)}),p.children[te].rowSpan=(p.children[te].rowSpan||1)+1;const Se=B.list[B.index+p.children[te].rowSpan-1];let he=0,me=0;p.children.forEach((Y,le)=>{Y.colSpan||(Y.colSpan=1),me=me+Y.colSpan,ne===D+1&&(he=le)}),Se.children.splice(he,1)}i.push(o.schemas,"向下合并")}else if(t==="delete-col"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(ce=l.findSchemaInfoById(o.schemas,((ie=n.state.checkedNode)==null?void 0:ie.id)??"root"))==null?void 0:ce.index;(de=S.list)==null||de[0].children.forEach(I=>{var D;(D=I.children)==null||D.splice(B,1)}),i.push(o.schemas,"删除当前列")}else if(t==="delete-row"){const f=n.state.matched.find(D=>D.type==="eTable"),S=n.state.matched.find(D=>D.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root");l.findSchemaInfoById(o.schemas,((ue=n.state.checkedNode)==null?void 0:ue.id)??"root"),(fe=B.list)==null||fe[0].children.splice(I.index,1),i.push(o.schemas,"删除当前行")}}function xe(){var b;const t=l.findSchemaInfoById(o.schemas,((b=n.state.checkedNode)==null?void 0:b.id)??"root");if(!t)return!1;const{list:r,schema:y,index:a}=t,w=l.generateNewSchema(y);r.splice(a+1,0,w),n.setCheckedNode(w),i.push(o.schemas,"复制组件")}function ye(){var w;const t=l.findSchemaInfoById(o.schemas,((w=n.state.checkedNode)==null?void 0:w.id)??"root");if(!t)return!1;let{list:r,schema:y,index:a}=t;r.splice(a,1),a===r.length&&a--,n.setCheckedNode(r[a]),i.push(o.schemas,"删除组件")}function ke(t){s=t,s==null||s.addEventListener("scroll",()=>{F()}),H.useResizeObserver($,F),H.useResizeObserver(x,oe)}return L({handleInit:ke}),(t,r)=>{var y,a,w,b,V;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("div",{ref_key:"selectorRef",ref:g,class:e.normalizeClass(["epic-checked-widget absolute pointer-events-none z-20",h.value+" "+(d.value?"transition-all":"")])},[e.createElementVNode("div",{class:"epic-widget-action-box",ref_key:"actionBoxRef",ref:C},[e.createElementVNode("div",Ne,e.toDisplayString((a=e.unref(l.pluginManager).getComponentConfingByType(((y=e.unref(n).state.checkedNode)==null?void 0:y.type)??""))==null?void 0:a.defaultSchema.label),1),P.value?(e.openBlock(),e.createElementBlock("div",Ce,[P.value&&!j.value?(e.openBlock(),e.createElementBlock("div",{key:0,title:"复制",class:"epic-widget-action-item pointer-events-auto",onClick:xe},[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--copy-all-outline-rounded"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(Q.ElDropdown),{onCommand:ge,trigger:"click"},{dropdown:e.withCtx(()=>[e.createVNode(e.unref(Q.ElDropdownMenu),null,{default:e.withCtx(()=>[e.createVNode(e.unref(Q.ElDropdownItem),{command:"left"},{default:e.withCtx(()=>[...r[0]||(r[0]=[e.createTextVNode("添加左列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"right"},{default:e.withCtx(()=>[...r[1]||(r[1]=[e.createTextVNode("添加右列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"top"},{default:e.withCtx(()=>[...r[2]||(r[2]=[e.createTextVNode("添加上列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"bottom"},{default:e.withCtx(()=>[...r[3]||(r[3]=[e.createTextVNode("添加下列",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-row",divided:""},{default:e.withCtx(()=>[...r[4]||(r[4]=[e.createTextVNode("删除当前行",-1)])]),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-col"},{default:e.withCtx(()=>[...r[5]||(r[5]=[e.createTextVNode("删除当前列",-1)])]),_:1})]),_:1})]),default:e.withCtx(()=>[j.value?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--window-outline"})])):e.createCommentVNode("",!0)]),_:1}),P.value&&!j.value?(e.openBlock(),e.createElementBlock("div",{key:1,title:"删除",class:"epic-widget-action-item pointer-events-auto",onClick:ye},[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--delete-outline-rounded"})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)],2),[[e.vShow,z.value&&((w=e.unref(n).state.checkedNode)==null?void 0:w.id)!=="root"]]),e.withDirectives(e.createElementVNode("div",{ref_key:"hoverWidgetRef",ref:R,class:"epic-hover-widget absolute transition-all pointer-events-none z-998"},null,512),[[e.vShow,c.value&&((b=e.unref(n).state.checkedNode)==null?void 0:b.id)!==((V=e.unref(n).state.hoverNode)==null?void 0:V.id)]])],64)}}}),Be=e.defineComponent({name:"EditNodeItem",__name:"editNodeItem",props:{schemas:{}},emits:["update:schemas"],setup(Z,{emit:L}){const v=e.inject("designer"),o=e.inject("pageSchema"),n=e.inject("revoke"),N=Z,i=L,g=e.computed({get(){return N.schemas},set(d){i("update:schemas",d)}});function R(d){v.setCheckedNode(g.value[d]),v.setDisableHover(!0)}function C(){v.setDisableHover(),n.push(o.schemas,"拖拽组件")}function z(){n.push(o.schemas,"插入组件")}function c(d){var h,u,T;return d.id===((h=o.schemas[0])==null?void 0:h.id)||(T=(u=l.pluginManager.getComponentConfingByType(d.type))==null?void 0:u.editConstraints)!=null&&T.immovable?"unmover-item":"draggable-item"}return(d,h)=>(e.openBlock(),e.createBlock(e.unref(we.draggable),e.mergeProps({modelValue:g.value,"onUpdate:modelValue":h[0]||(h[0]=u=>g.value=u),"item-key":"id","component-data":{type:"transition-group"},class:"epic-draggable-range"},{animation:200,group:"edit-draggable",handle:".draggable-item",ghostClass:"moveing"},{onStart:h[1]||(h[1]=u=>R(u.oldIndex)),onEnd:h[2]||(h[2]=u=>C()),onAdd:h[3]||(h[3]=u=>{R(u.newIndex),z()})}),{item:e.withCtx(({element:u,index:T})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["widget-box",c(u)]),key:T},[e.createVNode(pe,{schema:u},null,8,["schema"])],2))]),_:1},16,["modelValue"]))}}),pe=e.defineComponent({name:"ENodeItem",__name:"nodeItem",props:{schema:{},name:{}},setup(Z){const L=e.useAttrs(),v=e.inject("designer"),o=e.inject("pageManager",{}),n=e.inject("pageSchema",{}),N=e.ref(null);e.provide("nodeAttrs",L);const i=Z,g=e.computed(()=>{var T,s,P,j,$;const c=o.componentInstances.value,d=(T=i.schema)==null?void 0:T.id,h=l.pluginManager.getComponentConfingByType((s=i.schema)==null?void 0:s.type)??null;if(!d||!(c!=null&&c[d]))return null;if(h!=null&&h.defaultSchema.input&&((P=i.schema)==null?void 0:P.noFormItem)!==!0)return(j=c[d+"formItem"])==null?void 0:j.$el;const u=c[d];return(($=u==null?void 0:u.$el)==null?void 0:$.nodeName)==="#text"?null:u==null?void 0:u.$el});e.watch(()=>g.value,c=>{c==null||c.addEventListener("click",R,!1),c==null||c.addEventListener("mouseover",C,!1),c==null||c.addEventListener("mouseout",z,!1)}),e.onUnmounted(()=>{var c,d,h;(c=g.value)==null||c.removeEventListener("click",R,!1),(d=g.value)==null||d.removeEventListener("mouseover",C,!1),(h=g.value)==null||h.removeEventListener("mouseout",z,!1)});function R(c){c.stopPropagation(),v.setCheckedNode(i.schema)}function C(c){var d;i.schema.id!==((d=n.schemas[0])==null?void 0:d.id)&&(c.stopPropagation(),v.setHoverNode(i.schema))}function z(c){c.stopPropagation(),v.setHoverNode(null)}return(c,d)=>{var u,T;const h=e.resolveComponent("ENodeItem");return e.openBlock(),e.createBlock(e.unref(H.ENode),{ref_key:"nodeRef",ref:N,componentSchema:i.schema},e.createSlots({_:2},[(T=(u=e.unref(l.pluginManager).getComponentConfingByType(i.schema.type))==null?void 0:u.editConstraints)!=null&&T.childImmovable?{name:"edit-node",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.schema.children,s=>(e.openBlock(),e.createBlock(h,{key:s.id,schema:s},null,8,["schema"]))),128))]),key:"0"}:{name:"edit-node",fn:e.withCtx(()=>[i.schema.children?(e.openBlock(),e.createBlock(Be,{key:0,schemas:i.schema.children,"onUpdate:schemas":d[0]||(d[0]=s=>i.schema.children=s)},null,8,["schemas"])):e.createCommentVNode("",!0)]),key:"1"}]),1032,["componentSchema"])}}}),Ie={class:"min-w-750px rounded h-full"},Te=e.defineComponent({__name:"previewJson",setup(Z,{expose:L}){const v=l.pluginManager.getComponent("modal"),o=l.pluginManager.getComponent("monacoEditor"),n={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1},readOnly:!0},N=e.ref(null),i=e.ref(!1),g=e.inject("pageSchema");function R(){i.value=!1}function C(){i.value=!0,N.value?N.value.setValue(JSON.stringify(g,null,2)):setTimeout(()=>{C()},300)}function z(c="epic-data.json"){const d=JSON.stringify(g,null,2);var h=`data:text/json;charset=utf-8,${encodeURIComponent(d)}`,u=document.createElement("a");u.setAttribute("href",h),u.setAttribute("download",c),u.click()}return L({handleOpen:C}),(c,d)=>(e.openBlock(),e.createBlock(e.unref(v),{modelValue:i.value,"onUpdate:modelValue":d[0]||(d[0]=h=>i.value=h),title:"查看数据",class:"w-900px",width:"900px",onClose:R,onOk:z,okText:"导出数据"},{default:e.withCtx(()=>[e.createElementVNode("div",Ie,[e.createVNode(e.unref(o),{ref_key:"monacoEditorRef",ref:N,class:"editor h-full",autoToggleTheme:"",readOnly:"",config:n,language:"json"},null,512)])]),_:1},8,["modelValue"]))}}),Ve={class:"epic-edit-toolbar flex items-center justify-between px-2"},Ee={class:"flex-1 h-full flex items-center"},De={key:0,class:"epic-divider"},Re=["title","onClick"],$e={class:"flex-1 h-full flex items-center justify-end"},Me={key:0,class:"flex items-center ml-12px"},Ue={class:"pr-8px w-82px cursor-pointer"},Le={class:"epic-device h-28px items-center gap-1 rounded-md border p-2px flex"},ze=["title","onClick"],Oe=e.defineComponent({__name:"toolbar",setup(Z){const L=l.pluginManager.getComponent("select"),{canvasScale:v,disabledZoom:o}=H.useStore(),n=e.ref("pc"),N=e.inject("pageSchema"),i=e.inject("designer"),g=e.inject("revoke"),R=e.ref(null),C=[{icon:"icon--epic--computer-outline-rounded",title:"pc",key:"pc"},{icon:"icon--epic--tablet-android-outline-rounded",title:"平板",key:"pad"},{icon:"icon--epic--phone-iphone-outline-sharp",title:"手机",key:"mobile"}],z=e.computed(()=>[{icon:"icon--epic--trash",title:"清空",on:s},{icon:"icon--epic--undo",title:"撤销",on:u,disabled:!g.recordList.value.length,divider:!0},{icon:"icon--epic--redo",title:"重做",on:T,disabled:!g.undoList.value.length}]),c=e.ref(null),d=e.computed({get(){return`${(v.value*100).toFixed(0)}%`},set(x){const _=parseFloat(x);v.value=_/100}}),h=[{label:"60%",value:"60%"},{label:"80%",value:"80%"},{label:"100%",value:"100%"},{label:"120%",value:"120%"},{label:"140%",value:"140%"}];function u(){const x=g.undo();x&&(l.deepCompareAndModify(N.schemas,x),i.setCheckedNode(N.schemas[0]))}function T(){const x=g.redo();x&&(l.deepCompareAndModify(N.schemas,x),i.setCheckedNode(N.schemas[0]))}function s(){i.reset()}function P(x){var q;const _=(q=x.target.files)==null?void 0:q[0];if(!_)return;x.target.value=null;const k=new FileReader;k.readAsText(_),k.onload=G=>{var M;j((M=G.target)==null?void 0:M.result)}}function j(x){try{let _=JSON.parse(x??"");_.schemas||(_=l.convertKFormData(_)),l.deepCompareAndModify(N,_)}catch(_){console.error(_)}}function $(x){i.handleToggleDeviceMode(x),n.value=x;const _={pc:{},pad:{width:"780px",mode:x},mobile:{width:"390px",height:"844px",mode:x}};N.canvas=_[x]}return(x,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Ve,[e.createElementVNode("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,(k,q)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:q},[k.divider?(e.openBlock(),e.createElementBlock("div",De)):e.createCommentVNode("",!0),e.createElementVNode("div",{title:k.title,class:e.normalizeClass(["epic-action-item text-base h-90% px-10px flex items-center cursor-pointer",{disabled:k.disabled}]),onClick:k.on},[e.createVNode(e.unref(ee._sfc_main),{name:k.icon},null,8,["name"])],10,Re)],64))),128))]),e.withDirectives(e.createElementVNode("input",{type:"file",ref_key:"fileRef",ref:c,accept:".json,.txt",onChange:P},null,544),[[e.vShow,!1]]),e.createElementVNode("div",$e,[e.unref(o)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",Ue,[e.createVNode(e.unref(L),{value:d.value,"onUpdate:value":_[0]||(_[0]=k=>d.value=k),modelValue:d.value,"onUpdate:modelValue":_[1]||(_[1]=k=>d.value=k),options:h,size:"small"},null,8,["value","modelValue"])])])),e.createElementVNode("div",Le,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(C,k=>e.createElementVNode("div",{key:k.key,title:k.title,class:e.normalizeClass(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm",{checked:k.key===n.value}]),onClick:q=>$(k.key)},[e.createVNode(e.unref(ee._sfc_main),{name:k.icon},null,8,["name"])],10,ze)),64))])])]),e.createVNode(Te,{ref_key:"previewJson",ref:R},null,512)],64))}}),He={class:"h-full flex flex-col relative"},je=["draggable"],Fe=e.defineComponent({__name:"editScreenContainer",setup(Z){const L=e.inject("pageSchema"),v=e.ref(null),o=e.ref(null),n=e.ref(null),{pressSpace:N,disabledZoom:i}=H.useStore(),{handleElementDragStart:g,handleElementDrag:R,handleElementDragEnd:C}=H.useElementDrag(v),{width:z,height:c}=H.useElementSize(v),{canvasScale:d,handleZoom:h}=H.useElementZoom(o);let u=0,T=0;const s=e.ref({}),P=e.ref({}),j=e.ref({}),$=e.shallowRef({width:0,height:0});e.watchEffect(_),e.watch(j,()=>{e.nextTick(x)});function x(){n.value&&($.value={width:n.value.clientWidth,height:n.value.clientHeight})}function _(){var M,E;j.value={width:((M=L.canvas)==null?void 0:M.width)??"0",height:((E=L.canvas)==null?void 0:E.height)??"0"}}H.watchOnce(z,k),e.watch($,k);function k(){let M=$.value.width||u,E=$.value.height||T;s.value={width:z.value+M+"px",height:c.value+E+"px"},P.value={width:M+"px",height:E+"px"},q()}function q(){e.nextTick(()=>{var K;let M=$.value.width||u;const U=($.value.height||T)/2,J=M/2;(K=v.value)==null||K.scrollTo(J,U)})}H.useResizeObserver(v,G),H.useResizeObserver(o,G);function G(){var E;if(!v.value)return;const M=v.value.getBoundingClientRect();if(u=M.width-60,T=M.height-80,!i.value)if($.value.width===0)d.value=1;else{const U=(u-20)/$.value.width,J=T/($.value.height||((E=o.value)==null?void 0:E.clientHeight)||1),K=Math.abs(U-1)<Math.abs(J-1);let F=1;K?F=U:F=J,(U<1||J<1)&&(F=Math.min(U,J)),F<1.4&&F>.5&&(d.value=F)}H.debounce(k,50)()}return(M,E)=>(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(Oe),e.createElementVNode("div",{ref_key:"editScreenContainerRef",ref:v,class:e.normalizeClass(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container",{"cursor-grab":e.unref(N)}]),draggable:e.unref(N),onWheel:E[0]||(E[0]=(...U)=>e.unref(h)&&e.unref(h)(...U)),onDragstart:E[1]||(E[1]=(...U)=>e.unref(g)&&e.unref(g)(...U)),onDragend:E[2]||(E[2]=(...U)=>e.unref(C)&&e.unref(C)(...U)),onDrag:E[3]||(E[3]=(...U)=>e.unref(R)&&e.unref(R)(...U))},[e.createElementVNode("div",{id:"canvasContainer",class:"flex items-center justify-center",style:e.normalizeStyle(s.value)},[e.createElementVNode("div",{ref_key:"draggableElRef",ref:o,class:"transition-all"},[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none":e.unref(N)}),style:e.normalizeStyle(P.value)},[e.renderSlot(M.$slots,"default")],6)],512)],4)],42,je),e.createElementVNode("div",{ref_key:"sizeBoxRef",ref:n,class:"absolute top-0 pointer-events-none",style:e.normalizeStyle(j.value)},null,4)]))}}),Ae={class:"epic-edit-canvas"},Pe=e.defineComponent({__name:"index",setup(Z){const L=e.ref(null),v=e.ref(null),o=e.inject("pageSchema"),n=e.computed(()=>o.schemas[0]),N=e.computed(()=>({width:"100%",height:"100%"}));return e.onMounted(()=>{var i;(i=v.value)==null||i.handleInit(L.value)}),(i,g)=>(e.openBlock(),e.createElementBlock("section",Ae,[e.createVNode(Fe,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"epicEditRangeRef",ref:L,class:"epic-edit-range rounded-md overflow-auto relative",style:e.normalizeStyle(N.value)},[e.createVNode(pe,{schema:n.value},null,8,["schema"]),e.createVNode(be,{ref_key:"ePreviewWidgetsRef",ref:v},null,512)],4)]),_:1})]))}});exports.default=Pe;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as g, ref as p, onMounted as h, watch as v, nextTick as V, createElementBlock as _, openBlock as T } from "vue";
|
|
2
2
|
import * as a from "monaco-editor";
|
|
3
|
-
import { i as b } from "./index-
|
|
3
|
+
import { i as b } from "./index-CjRCetGY.js";
|
|
4
4
|
import { _ as y } from "./_plugin-vue_export-helper-8DRKdUfJ.js";
|
|
5
5
|
const x = /* @__PURE__ */ g({
|
|
6
6
|
__name: "index",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-CXkyECv6.cjs"),s=require("./_plugin-vue_export-helper-NUO0U1Az.cjs"),i={class:"validate-param"},a=e.defineComponent({__name:"index",props:{modelValue:{}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,c=l.useVModel(o,"modelValue",r);return(d,p)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",null,e.toDisplayString(e.unref(c)),1)]))}}),u=s._export_sfc(a,[["__scopeId","data-v-7f888cb6"]]);exports.default=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./pluginManager-C8aQylGX.cjs"),I=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),B=require("./vuedraggable.umd-CxOWsXm8.cjs"),S=require("./tree.vue_vue_type_script_setup_true_lang-583kvI0Q.cjs"),$=require("./index-4NyY4OrM.cjs"),w={class:"epic-event-info"},M=["title"],O={class:"epic-event-btn text-lg flex items-center text-$epic-text-secondary"},A={class:"epic-action-editor-main"},U={class:"epic-editor-item rounded"},D={class:"w-36px flex items-center text-lg"},j={class:"flex-1"},L={key:0},K={key:1},R={key:2},T={class:"epic-action-box text-lg text-$epic-text-medium"},q=["onClick"],F=["onClick"],z=e.defineComponent({__name:"EActionEditorItem",props:{itemEvents:{type:Array,default:()=>[]},allEvents:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>[]},events:{type:Object,default:()=>({})}},emits:["add","edit","update:modelValue"],setup(k,{emit:E}){const m=k,h=E,v=e.inject("pageSchema");function V(p){h("add",p)}function f(p){return y.findSchemaById(v.schemas,p).label}function u(p,i){var t;const a=o(i);a[i]=m.events[i].filter((N,x)=>p!==x),(t=a[i])!=null&&t.length||delete a[i],h("update:modelValue",a)}function r(p,i,a){h("edit",p,i,a)}function o(p){const i={};return m.allEvents.forEach(a=>{if(!m.events[a.type].length||a.type===p)return!1;i[a.type]=m.events[a.type]}),i}return(p,i)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.itemEvents,a=>(e.openBlock(),e.createElementBlock("div",{key:a.type,class:"epic-event-item"},[e.createElementVNode("div",w,[e.createElementVNode("div",{class:"epic-event-label",title:a.describe},e.toDisplayString(a.describe),9,M),e.createElementVNode("div",O,[e.createVNode(e.unref(I._sfc_main),{name:"icon--epic--add-rounded",onClick:t=>V(a.type)},null,8,["onClick"])])]),e.createElementVNode("div",A,[e.createVNode(e.unref(B.draggable),{modelValue:m.events[a.type],"onUpdate:modelValue":t=>m.events[a.type]=t,"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:t,index:N})=>[e.createElementVNode("div",U,[e.createElementVNode("div",D,[e.createVNode(e.unref(I._sfc_main),{class:"mr-2 text-lg cursor-move handle text-$epic-text-medium",name:"icon--epic--drag"})]),e.createElementVNode("div",j,[t.type==="component"?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(f(t.componentId)),1)):t.type==="custom"?(e.openBlock(),e.createElementBlock("div",K,"自定义函数")):t.type==="public"?(e.openBlock(),e.createElementBlock("div",R,"公共函数")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.methodName),1)]),e.createElementVNode("div",T,[e.createElementVNode("div",{class:"epic-edit-btn",onClick:x=>r(N,a.type,t)},[e.createVNode(e.unref(I._sfc_main),{name:"icon--epic--page-info-outline-rounded"})],8,q),e.createElementVNode("div",{class:"epic-del-btn",onClick:x=>u(N,a.type)},[e.createVNode(e.unref(I._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,F)])])]),_:2},1032,["modelValue","onUpdate:modelValue"])])]))),128))}}),J={class:"h-full flex flex-col"},P=e.defineComponent({__name:"EScriptEdit",setup(k){const E=y.pluginManager.getComponent("monacoEditor"),m={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1}},h=e.ref(null),v=e.inject("pageSchema");return(V,f)=>(e.openBlock(),e.createElementBlock("div",J,[f[1]||(f[1]=e.createElementVNode("div",{class:"pb-2"}," 自定义函数编辑 ",-1)),e.createVNode(e.unref(E),{ref_key:"monacoEditorRef",ref:h,autoToggleTheme:"",modelValue:e.unref(v).script,"onUpdate:modelValue":f[0]||(f[0]=u=>e.unref(v).script=u),class:"epic-editor flex-1",config:m,language:"javascript"},null,8,["modelValue"])]))}}),G={class:"epic-attribute-view"},H=["title"],Q={class:"epic-attr-input"},W=e.defineComponent({__name:"EArgsEditor",props:{modelValue:{},actionArgsConfigs:{}},emits:["update:modelValue"],setup(k,{emit:E}){const m=k,h=E,v=e.computed(()=>m.modelValue?JSON.parse(m.modelValue):[]);function V(u){var r;return typeof u.show=="boolean"?u.show:typeof u.show=="function"?(r=u.show)==null?void 0:r.call(u,{values:v.value}):!0}function f(u,r){const o=[...JSON.parse(m.modelValue??"[]")];o[r]=u,h("update:modelValue",JSON.stringify(o))}return(u,r)=>(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.actionArgsConfigs,o=>(e.openBlock(),e.createElementBlock("div",{key:o.field+o.type},[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-item",o.layout])},[e.createElementVNode("div",{class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,H),e.createElementVNode("div",Q,[e.createVNode(e.unref($.ENode),{componentSchema:{...o,componentProps:{...o.componentProps,input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":v.value[o.field],"onUpdate:modelValue":p=>f(p,o.field)},null,8,["componentSchema","model-value","onUpdate:modelValue"])])],2),[[e.vShow,V(o)]])]))),128))]))}}),X={class:"rounded epic-modal-action-main"},Y={class:"epic-modal-left-panel h-full flex flex-col"},Z={class:"flex flex-1 h-0 flex-col"},ee={class:"flex-1 h-0"},te={class:"epic-action-select h-30/100 flex flex-col"},ne={class:"flex-1 overflow-auto pr-8px"},oe=["onClick"],le={class:"text-center pt-42px text-gray-400"},ae={class:"epic-modal-right-panel"},ce={key:1,class:"text-center pt-42px text-gray-400"},se=e.defineComponent({__name:"EActionModal",emits:["add","edit"],setup(k,{expose:E,emit:m}){const h=y.pluginManager.getComponent("modal"),v=e.ref(!0),V=e.inject("pageSchema"),f=e.inject("pageManager",{}),u=e.ref(!1),r=e.ref([]),o=e.ref(null),p=m,i=e.computed(()=>{var l;return t.actionItem.type==="component"?o.value?(l=y.pluginManager.getComponentConfings()[o.value.type].config.action)==null?void 0:l.map(n=>({label:n.describe,value:n.type})):[]:t.actionItem.type==="custom"?Object.entries(f.funcs.value).filter(([n,_])=>typeof _=="function").map(([n])=>({label:n,value:n})):t.actionItem.type==="public"?Object.entries(y.pluginManager.publicMethods).map(([n])=>({label:n,value:n})):[]}),a=e.computed(()=>{if(t.actionItem.type==="component"&&o.value){const l=y.pluginManager.getComponentConfings()[o.value.type].config.action,n=l==null?void 0:l.find(_=>_.type===t.actionItem.methodName);if(n!=null&&n.argsConfigs){const _=n.argsConfigs.findIndex(g=>g.label==="设置数据");_!==-1&&(n.argsConfigs[_]={...o.value,label:"设置数据",field:"0",id:y.getUUID()})}return(n==null?void 0:n.argsConfigs)??[]}return[]}),t=e.reactive({actionItem:{type:"custom",methodName:"test",componentId:null},cacheData:{}});function N(){var l;u.value=!0,v.value=!0,t.actionItem.type="custom",t.actionItem.componentId=null,(l=i.value)!=null&&l.length&&d(i.value[0].value)}function x(l){if(u.value=!0,v.value=!1,o.value=null,l.componentId){const n=y.findSchemaById(V.schemas,l.componentId);o.value=n,r.value=[l.componentId]}e.nextTick(()=>{t.actionItem.componentId=l.componentId,t.actionItem.methodName=l.methodName,t.actionItem.type=l.type,t.actionItem.args=l.args})}function b(){if(!t.actionItem.methodName){alert("请先选择动作方法");return}p(v.value?"add":"edit",y.deepClone(e.toRaw(t.actionItem))),C()}function C(){u.value=!1,r.value=[],t.cacheData={}}function s(l){var n;t.actionItem.componentId=null,t.actionItem.type=l,o.value=null,t.actionItem.methodName=null,r.value=[],(n=i.value)!=null&&n.length&&d(i.value[0].value)}function c(l){var n;t.actionItem.args&&(t.cacheData[t.actionItem.componentId+t.actionItem.methodName]=t.actionItem.args),t.actionItem.componentId=l.id,t.actionItem.type="component",t.actionItem.methodName=null,o.value=l.componentSchema,(n=i.value)!=null&&n.length&&d(i.value[0].value)}function d(l){t.actionItem.methodName=l,t.actionItem.args=t.cacheData[t.actionItem.componentId+t.actionItem.methodName]}return E({handleOpen:N,handleOpenEdit:x}),(l,n)=>(e.openBlock(),e.createBlock(e.unref(h),{modelValue:u.value,"onUpdate:modelValue":n[4]||(n[4]=_=>u.value=_),class:"w-1200px",width:"1200px",onClose:C,onOk:b,title:"动作配置"},{default:e.withCtx(()=>{var _;return[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="custom"}]),onClick:n[0]||(n[0]=g=>s("custom"))}," 自定义函数 ",2),e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="public"}]),onClick:n[1]||(n[1]=g=>s("public"))}," 公共函数 ",2),n[5]||(n[5]=e.createTextVNode(" 组件 ",-1)),e.createElementVNode("div",ee,[e.createVNode(e.unref(S._sfc_main),{selectedKeys:r.value,"onUpdate:selectedKeys":n[2]||(n[2]=g=>r.value=g),options:e.unref(V).schemas,onNodeClick:c},null,8,["selectedKeys","options"])])]),e.createElementVNode("div",te,[n[6]||(n[6]=e.createElementVNode("div",{class:"mb-2"},"动作选择",-1)),e.createElementVNode("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{checked:g.value===t.actionItem.methodName},"epic-action-item"]),onClick:de=>d(g.value),key:g.value},[e.createElementVNode("span",null,e.toDisplayString(g.label),1)],10,oe))),128)),e.withDirectives(e.createElementVNode("div",le," 当前组件暂无动作 ",512),[[e.vShow,!((_=i.value)!=null&&_.length)]])])])]),e.createElementVNode("div",ae,[t.actionItem.type==="custom"?(e.openBlock(),e.createBlock(P,{key:0})):a.value.length===0?(e.openBlock(),e.createElementBlock("div",ce," 暂无配置 ")):(e.openBlock(),e.createBlock(W,{key:2,modelValue:t.actionItem.args,"onUpdate:modelValue":n[3]||(n[3]=g=>t.actionItem.args=g),actionArgsConfigs:a.value},null,8,["modelValue","actionArgsConfigs"]))])])]}),_:1},8,["modelValue"]))}}),ie=e.defineComponent({__name:"index",props:{eventList:{type:Array,default:()=>[]},modelValue:{type:Object}},emits:["update:modelValue"],setup(k,{emit:E}){const m=y.pluginManager.getComponent("Collapse"),h=y.pluginManager.getComponent("CollapseItem"),v=e.ref(null);let V=0;const f=k,u=E,r=e.computed({get(){return f.modelValue},set(s){u("update:modelValue",s)}}),o=e.ref([]),p=e.computed(()=>f.eventList.filter(s=>s.events.length)),i=e.computed(()=>f.eventList.map(s=>s.events).flat()),a=e.ref({});i.value.forEach(s=>{a.value[s.type]=e.computed({get(){var c;return((c=r.value)==null?void 0:c[s.type])??[]},set(c){c&&c.length?r.value[s.type]=c.map(d=>e.toRaw(d)):delete r.value[s.type]}})}),e.watch(()=>p.value,s=>{s.length&&(o.value=s.filter(c=>{for(let d=0;d<c.events.length;d++){const l=c.events[d].type;if(a.value[l].length)return!0}return!1}).map(c=>c.title))},{immediate:!0});let t="";function N(s){var c;(c=v.value)==null||c.handleOpen(),t=s}function x(s,c,d){var l;(l=v.value)==null||l.handleOpenEdit(d),V=s,t=c}function b(s){a.value[t][V]=s,r.value[t]=[...a.value[t]??[]]}function C(s){if(!r.value){r.value={[t]:[...a.value[t]??[],s]};return}r.value[t]=[...a.value[t]??[],s]}return(s,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(m),{modelValue:o.value,"onUpdate:modelValue":c[1]||(c[1]=d=>o.value=d),activeKey:o.value,"onUpdate:activeKey":c[2]||(c[2]=d=>o.value=d),"expanded-names":o.value,"onUpdate:expandedNames":c[3]||(c[3]=d=>o.value=d)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,d=>(e.openBlock(),e.createBlock(e.unref(h),{key:d.title,title:d.title,header:d.title,name:d.title},{default:e.withCtx(()=>[e.createVNode(z,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),"item-events":d.events,"all-events":i.value,events:a.value,onAdd:N,onEdit:x},null,8,["modelValue","item-events","all-events","events"])]),_:2},1032,["title","header","name"]))),128))]),_:1},8,["modelValue","activeKey","expanded-names"]),e.createVNode(se,{ref_key:"EActionModalRef",ref:v,onAdd:C,onEdit:b},null,512)],64))}});exports.default=ie;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./pluginManager-C8aQylGX.cjs"),I=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),B=require("./vuedraggable.umd-CxOWsXm8.cjs"),S=require("./tree.vue_vue_type_script_setup_true_lang-583kvI0Q.cjs"),$=require("./index-CXkyECv6.cjs"),w={class:"epic-event-info"},M=["title"],O={class:"epic-event-btn text-lg flex items-center text-$epic-text-secondary"},A={class:"epic-action-editor-main"},U={class:"epic-editor-item rounded"},D={class:"w-36px flex items-center text-lg"},j={class:"flex-1"},L={key:0},K={key:1},R={key:2},T={class:"epic-action-box text-lg text-$epic-text-medium"},q=["onClick"],F=["onClick"],z=e.defineComponent({__name:"EActionEditorItem",props:{itemEvents:{type:Array,default:()=>[]},allEvents:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>[]},events:{type:Object,default:()=>({})}},emits:["add","edit","update:modelValue"],setup(k,{emit:E}){const m=k,h=E,v=e.inject("pageSchema");function V(p){h("add",p)}function f(p){return y.findSchemaById(v.schemas,p).label}function u(p,i){var t;const a=o(i);a[i]=m.events[i].filter((N,x)=>p!==x),(t=a[i])!=null&&t.length||delete a[i],h("update:modelValue",a)}function r(p,i,a){h("edit",p,i,a)}function o(p){const i={};return m.allEvents.forEach(a=>{if(!m.events[a.type].length||a.type===p)return!1;i[a.type]=m.events[a.type]}),i}return(p,i)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.itemEvents,a=>(e.openBlock(),e.createElementBlock("div",{key:a.type,class:"epic-event-item"},[e.createElementVNode("div",w,[e.createElementVNode("div",{class:"epic-event-label",title:a.describe},e.toDisplayString(a.describe),9,M),e.createElementVNode("div",O,[e.createVNode(e.unref(I._sfc_main),{name:"icon--epic--add-rounded",onClick:t=>V(a.type)},null,8,["onClick"])])]),e.createElementVNode("div",A,[e.createVNode(e.unref(B.draggable),{modelValue:m.events[a.type],"onUpdate:modelValue":t=>m.events[a.type]=t,"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:t,index:N})=>[e.createElementVNode("div",U,[e.createElementVNode("div",D,[e.createVNode(e.unref(I._sfc_main),{class:"mr-2 text-lg cursor-move handle text-$epic-text-medium",name:"icon--epic--drag"})]),e.createElementVNode("div",j,[t.type==="component"?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(f(t.componentId)),1)):t.type==="custom"?(e.openBlock(),e.createElementBlock("div",K,"自定义函数")):t.type==="public"?(e.openBlock(),e.createElementBlock("div",R,"公共函数")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.methodName),1)]),e.createElementVNode("div",T,[e.createElementVNode("div",{class:"epic-edit-btn",onClick:x=>r(N,a.type,t)},[e.createVNode(e.unref(I._sfc_main),{name:"icon--epic--page-info-outline-rounded"})],8,q),e.createElementVNode("div",{class:"epic-del-btn",onClick:x=>u(N,a.type)},[e.createVNode(e.unref(I._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,F)])])]),_:2},1032,["modelValue","onUpdate:modelValue"])])]))),128))}}),J={class:"h-full flex flex-col"},P=e.defineComponent({__name:"EScriptEdit",setup(k){const E=y.pluginManager.getComponent("monacoEditor"),m={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1}},h=e.ref(null),v=e.inject("pageSchema");return(V,f)=>(e.openBlock(),e.createElementBlock("div",J,[f[1]||(f[1]=e.createElementVNode("div",{class:"pb-2"}," 自定义函数编辑 ",-1)),e.createVNode(e.unref(E),{ref_key:"monacoEditorRef",ref:h,autoToggleTheme:"",modelValue:e.unref(v).script,"onUpdate:modelValue":f[0]||(f[0]=u=>e.unref(v).script=u),class:"epic-editor flex-1",config:m,language:"javascript"},null,8,["modelValue"])]))}}),G={class:"epic-attribute-view"},H=["title"],Q={class:"epic-attr-input"},W=e.defineComponent({__name:"EArgsEditor",props:{modelValue:{},actionArgsConfigs:{}},emits:["update:modelValue"],setup(k,{emit:E}){const m=k,h=E,v=e.computed(()=>m.modelValue?JSON.parse(m.modelValue):[]);function V(u){var r;return typeof u.show=="boolean"?u.show:typeof u.show=="function"?(r=u.show)==null?void 0:r.call(u,{values:v.value}):!0}function f(u,r){const o=[...JSON.parse(m.modelValue??"[]")];o[r]=u,h("update:modelValue",JSON.stringify(o))}return(u,r)=>(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.actionArgsConfigs,o=>(e.openBlock(),e.createElementBlock("div",{key:o.field+o.type},[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-item",o.layout])},[e.createElementVNode("div",{class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,H),e.createElementVNode("div",Q,[e.createVNode(e.unref($.ENode),{componentSchema:{...o,componentProps:{...o.componentProps,input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":v.value[o.field],"onUpdate:modelValue":p=>f(p,o.field)},null,8,["componentSchema","model-value","onUpdate:modelValue"])])],2),[[e.vShow,V(o)]])]))),128))]))}}),X={class:"rounded epic-modal-action-main"},Y={class:"epic-modal-left-panel h-full flex flex-col"},Z={class:"flex flex-1 h-0 flex-col"},ee={class:"flex-1 h-0"},te={class:"epic-action-select h-30/100 flex flex-col"},ne={class:"flex-1 overflow-auto pr-8px"},oe=["onClick"],le={class:"text-center pt-42px text-gray-400"},ae={class:"epic-modal-right-panel"},ce={key:1,class:"text-center pt-42px text-gray-400"},se=e.defineComponent({__name:"EActionModal",emits:["add","edit"],setup(k,{expose:E,emit:m}){const h=y.pluginManager.getComponent("modal"),v=e.ref(!0),V=e.inject("pageSchema"),f=e.inject("pageManager",{}),u=e.ref(!1),r=e.ref([]),o=e.ref(null),p=m,i=e.computed(()=>{var l;return t.actionItem.type==="component"?o.value?(l=y.pluginManager.getComponentConfings()[o.value.type].config.action)==null?void 0:l.map(n=>({label:n.describe,value:n.type})):[]:t.actionItem.type==="custom"?Object.entries(f.funcs.value).filter(([n,_])=>typeof _=="function").map(([n])=>({label:n,value:n})):t.actionItem.type==="public"?Object.entries(y.pluginManager.publicMethods).map(([n])=>({label:n,value:n})):[]}),a=e.computed(()=>{if(t.actionItem.type==="component"&&o.value){const l=y.pluginManager.getComponentConfings()[o.value.type].config.action,n=l==null?void 0:l.find(_=>_.type===t.actionItem.methodName);if(n!=null&&n.argsConfigs){const _=n.argsConfigs.findIndex(g=>g.label==="设置数据");_!==-1&&(n.argsConfigs[_]={...o.value,label:"设置数据",field:"0",id:y.getUUID()})}return(n==null?void 0:n.argsConfigs)??[]}return[]}),t=e.reactive({actionItem:{type:"custom",methodName:"test",componentId:null},cacheData:{}});function N(){var l;u.value=!0,v.value=!0,t.actionItem.type="custom",t.actionItem.componentId=null,(l=i.value)!=null&&l.length&&d(i.value[0].value)}function x(l){if(u.value=!0,v.value=!1,o.value=null,l.componentId){const n=y.findSchemaById(V.schemas,l.componentId);o.value=n,r.value=[l.componentId]}e.nextTick(()=>{t.actionItem.componentId=l.componentId,t.actionItem.methodName=l.methodName,t.actionItem.type=l.type,t.actionItem.args=l.args})}function b(){if(!t.actionItem.methodName){alert("请先选择动作方法");return}p(v.value?"add":"edit",y.deepClone(e.toRaw(t.actionItem))),C()}function C(){u.value=!1,r.value=[],t.cacheData={}}function s(l){var n;t.actionItem.componentId=null,t.actionItem.type=l,o.value=null,t.actionItem.methodName=null,r.value=[],(n=i.value)!=null&&n.length&&d(i.value[0].value)}function c(l){var n;t.actionItem.args&&(t.cacheData[t.actionItem.componentId+t.actionItem.methodName]=t.actionItem.args),t.actionItem.componentId=l.id,t.actionItem.type="component",t.actionItem.methodName=null,o.value=l.componentSchema,(n=i.value)!=null&&n.length&&d(i.value[0].value)}function d(l){t.actionItem.methodName=l,t.actionItem.args=t.cacheData[t.actionItem.componentId+t.actionItem.methodName]}return E({handleOpen:N,handleOpenEdit:x}),(l,n)=>(e.openBlock(),e.createBlock(e.unref(h),{modelValue:u.value,"onUpdate:modelValue":n[4]||(n[4]=_=>u.value=_),class:"w-1200px",width:"1200px",onClose:C,onOk:b,title:"动作配置"},{default:e.withCtx(()=>{var _;return[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="custom"}]),onClick:n[0]||(n[0]=g=>s("custom"))}," 自定义函数 ",2),e.createElementVNode("div",{class:e.normalizeClass(["fun-btn",{checked:t.actionItem.type==="public"}]),onClick:n[1]||(n[1]=g=>s("public"))}," 公共函数 ",2),n[5]||(n[5]=e.createTextVNode(" 组件 ",-1)),e.createElementVNode("div",ee,[e.createVNode(e.unref(S._sfc_main),{selectedKeys:r.value,"onUpdate:selectedKeys":n[2]||(n[2]=g=>r.value=g),options:e.unref(V).schemas,onNodeClick:c},null,8,["selectedKeys","options"])])]),e.createElementVNode("div",te,[n[6]||(n[6]=e.createElementVNode("div",{class:"mb-2"},"动作选择",-1)),e.createElementVNode("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{checked:g.value===t.actionItem.methodName},"epic-action-item"]),onClick:de=>d(g.value),key:g.value},[e.createElementVNode("span",null,e.toDisplayString(g.label),1)],10,oe))),128)),e.withDirectives(e.createElementVNode("div",le," 当前组件暂无动作 ",512),[[e.vShow,!((_=i.value)!=null&&_.length)]])])])]),e.createElementVNode("div",ae,[t.actionItem.type==="custom"?(e.openBlock(),e.createBlock(P,{key:0})):a.value.length===0?(e.openBlock(),e.createElementBlock("div",ce," 暂无配置 ")):(e.openBlock(),e.createBlock(W,{key:2,modelValue:t.actionItem.args,"onUpdate:modelValue":n[3]||(n[3]=g=>t.actionItem.args=g),actionArgsConfigs:a.value},null,8,["modelValue","actionArgsConfigs"]))])])]}),_:1},8,["modelValue"]))}}),ie=e.defineComponent({__name:"index",props:{eventList:{type:Array,default:()=>[]},modelValue:{type:Object}},emits:["update:modelValue"],setup(k,{emit:E}){const m=y.pluginManager.getComponent("Collapse"),h=y.pluginManager.getComponent("CollapseItem"),v=e.ref(null);let V=0;const f=k,u=E,r=e.computed({get(){return f.modelValue},set(s){u("update:modelValue",s)}}),o=e.ref([]),p=e.computed(()=>f.eventList.filter(s=>s.events.length)),i=e.computed(()=>f.eventList.map(s=>s.events).flat()),a=e.ref({});i.value.forEach(s=>{a.value[s.type]=e.computed({get(){var c;return((c=r.value)==null?void 0:c[s.type])??[]},set(c){c&&c.length?r.value[s.type]=c.map(d=>e.toRaw(d)):delete r.value[s.type]}})}),e.watch(()=>p.value,s=>{s.length&&(o.value=s.filter(c=>{for(let d=0;d<c.events.length;d++){const l=c.events[d].type;if(a.value[l].length)return!0}return!1}).map(c=>c.title))},{immediate:!0});let t="";function N(s){var c;(c=v.value)==null||c.handleOpen(),t=s}function x(s,c,d){var l;(l=v.value)==null||l.handleOpenEdit(d),V=s,t=c}function b(s){a.value[t][V]=s,r.value[t]=[...a.value[t]??[]]}function C(s){if(!r.value){r.value={[t]:[...a.value[t]??[],s]};return}r.value[t]=[...a.value[t]??[],s]}return(s,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(m),{modelValue:o.value,"onUpdate:modelValue":c[1]||(c[1]=d=>o.value=d),activeKey:o.value,"onUpdate:activeKey":c[2]||(c[2]=d=>o.value=d),"expanded-names":o.value,"onUpdate:expandedNames":c[3]||(c[3]=d=>o.value=d)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,d=>(e.openBlock(),e.createBlock(e.unref(h),{key:d.title,title:d.title,header:d.title,name:d.title},{default:e.withCtx(()=>[e.createVNode(z,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),"item-events":d.events,"all-events":i.value,events:a.value,onAdd:N,onEdit:x},null,8,["modelValue","item-events","all-events","events"])]),_:2},1032,["title","header","name"]))),128))]),_:1},8,["modelValue","activeKey","expanded-names"]),e.createVNode(se,{ref_key:"EActionModalRef",ref:v,onAdd:C,onEdit:b},null,512)],64))}});exports.default=ie;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as E, inject as p, ref as b, computed as f, createElementBlock as V, openBlock as h, createElementVNode as c, createVNode as i, unref as a, withCtx as d, isRef as M, Fragment as j, renderList as A, createBlock as D, mergeProps as F, toDisplayString as G } from "vue";
|
|
2
2
|
import { d as K } from "./vuedraggable.umd-D908YPOr.js";
|
|
3
3
|
import { p as s, h as w, o as R } from "./pluginManager-B0y107-1.js";
|
|
4
|
-
import { h as q } from "./index-
|
|
4
|
+
import { h as q } from "./index-CjRCetGY.js";
|
|
5
5
|
import { _ as I } from "./icon.vue_vue_type_script_setup_true_lang-DW206h_7.js";
|
|
6
6
|
import { u as H, a as J } from "./index-B1s67XDZ.js";
|
|
7
7
|
const O = { class: "epic-component-view flex flex-col" }, Q = { class: "epic-search-box px-10px py-6px" }, W = { class: "flex flex-1 overflow-auto" }, X = { class: "box-border h-full flex-1 overflow-auto" }, Y = ["onClick"], Z = ["title"], ce = /* @__PURE__ */ E({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./pluginManager-C8aQylGX.cjs"),_=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./pluginManager-C8aQylGX.cjs"),_=require("./index-CXkyECv6.cjs"),w=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),k=require("./index-BoL2PSBk.cjs"),B=[{label:"string",value:"string"},{label:"number",value:"number"},{label:"boolean",value:"boolean"},{label:"method",value:"method"},{label:"regexp",value:"regexp"},{label:"integer",value:"integer"},{label:"float",value:"float"},{label:"array",value:"array"},{label:"object",value:"object"},{label:"date",value:"date"},{label:"url",value:"url"},{label:"hex",value:"hex"},{label:"email",value:"email"},{label:"any",value:"any"}],x=[{label:"change",value:"change"},{label:"blur",value:"blur"}],f=["string","number","url","array","email"],E={class:"rule-item-main bg-white m-t-2 p-2 rounded border border-solid border-gray-200 hover:border-primary transition-all relative"},q={key:0,class:"flex m-t-2 first:m-0"},N=["title"],C={class:"epic-attr-input"},P=e.defineComponent({__name:"ERuleItem",props:{rule:{}},emits:["change","delete","update:rule"],setup(v,{emit:g}){const{t:l}=k.useLocale(),s=g,c=v,n=e.computed({get(){return c.rule},set(t){s("update:rule",t)}}),i=e.inject("pageManager",{}),r=e.computed(()=>Object.entries(i.funcs.value).filter(([t,p])=>typeof p=="function").map(([t])=>({label:t,value:t}))),h=[{type:"select",label:l("validationTrigger"),model:"trigger",componentProps:{options:x,placeholder:l("validationTrigger"),multiple:!0,mode:"multiple"}},{type:"switch",label:l("customRule"),model:"isValidator"},{type:"select",label:l("validationFunction"),model:"validator",show(){return!!n.value.isValidator},componentProps:{options:r.value,placeholder:l("validationFunction")}},{type:"select",label:l("type"),model:"type",show(){return!n.value.isValidator},componentProps:{options:B,placeholder:l("type")}},{type:"input",label:l("regexValidation"),model:"pattern",show(){return!n.value.isValidator},componentProps:{placeholder:l("regexValidation")}},{type:"number",label:l("fieldLength"),model:"len",show(){return f.includes(n.value.type??"")},componentProps:{min:0,placeholder:l("fieldLength")}},{type:"number",label:l("minLength"),model:"min",show(){return f.includes(n.value.type??"")},componentProps:{min:0,placeholder:l("minLength")}},{type:"number",label:l("maxLength"),model:"max",show(){return f.includes(n.value.type??"")},componentProps:{min:0,placeholder:l("maxLength")}},{type:"input",label:l("validationMessage"),model:"message",componentProps:{placeholder:l("validationMessage")}}];function a(){const t=n.value;t.isValidator?(delete t.type,delete t.pattern,delete t.len,delete t.min,delete t.max):delete t.validator,s("change",t)}function b(){s("delete")}return(t,p)=>(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(h,(o,V)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:V},[!o.show||o.show()?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",{class:"epic-attr-label",title:e.unref(l)("validationTrigger")},e.toDisplayString(o.label),9,N),e.createElementVNode("div",C,[e.createVNode(e.unref(_.ENode),{modelValue:n.value[o.model],"onUpdate:modelValue":u=>n.value[o.model]=u,componentSchema:{...o,noFormItem:!0},onChange:a},null,8,["modelValue","onUpdate:modelValue","componentSchema"])])])):e.createCommentVNode("",!0)],64))),64)),e.createElementVNode("div",{class:"rule-btn-delete absolute top-0 text-md right-0 transition-all w-24px h-24px cursor-pointer rounded-bl-2 flex justify-center items-center color-white",onClick:b},[e.createVNode(e.unref(w._sfc_main),{name:"icon--epic--delete-outline-rounded"})])]))}}),L={class:"rule-item-main m-t-2 p-2 rounded border border-solid transition-all relative"},T={key:0,class:"flex m-t-2 first:m-0"},M={class:"epic-attr-label"},F={class:"flex-1"},U=e.defineComponent({__name:"index",props:{ruleType:{type:String,default:"string"},modelValue:{type:Array,default:void 0}},emits:["update:modelValue"],setup(v,{emit:g}){const{t:l}=k.useLocale(),s=y.pluginManager.getComponent("button"),c=v,n=g,i=_.useVModel(c,"modelValue",n),r=e.ref({required:!1,message:l("required"),type:c.ruleType,trigger:["change"]}),h=[{type:"switch",label:l("required"),model:"required"},{type:"select",label:l("validationTrigger"),model:"trigger",show(){return!!r.value.required},componentProps:{options:x,placeholder:l("validationTrigger"),multiple:!0,mode:"multiple"}},{type:"select",label:l("type"),model:"type",show(){return!!r.value.required},componentProps:{options:B,placeholder:l("type")}},{type:"input",label:l("validationMessage"),model:"message",show(){return!!r.value.required},componentProps:{placeholder:l("validationMessage")}}],a=e.ref([]);e.watchEffect(()=>{i.value&&(a.value=[],i.value.forEach(o=>{typeof o.required<"u"?r.value=o:a.value.push(o)}))});function b(){a.value.push({message:"",type:c.ruleType,trigger:["change"]}),t()}function t(){if(r.value.required){i.value=y.deepClone([...a.value,r.value]);return}if(a.value.length){i.value=y.deepClone(a.value);return}i.value=void 0}function p(o){a.value.splice(o,1),t()}return(o,V)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",L,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(h,(u,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:d},[!u.show||u.show()?(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",M,e.toDisplayString(u.label),1),e.createElementVNode("div",F,[e.createVNode(e.unref(_.ENode),{modelValue:r.value[u.model],"onUpdate:modelValue":m=>r.value[u.model]=m,componentSchema:{...u,noFormItem:!0},onChange:t},null,8,["modelValue","onUpdate:modelValue","componentSchema"])])])):e.createCommentVNode("",!0)],64))),64))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(u,d)=>(e.openBlock(),e.createBlock(P,{key:d,rule:a.value[d],"onUpdate:rule":m=>a.value[d]=m,onDelete:m=>p(d),onChange:t},null,8,["rule","onUpdate:rule","onDelete"]))),128)),e.createVNode(e.unref(s),{class:"m-t-2",onClick:b},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("addRule")),1)]),_:1})]))}});exports.default=U;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("./vuedraggable.umd-CxOWsXm8.cjs"),c=require("./pluginManager-C8aQylGX.cjs"),h=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),k=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("./vuedraggable.umd-CxOWsXm8.cjs"),c=require("./pluginManager-C8aQylGX.cjs"),h=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),k=require("./index-CXkyECv6.cjs");require("element-plus");const C=require("./index-BoL2PSBk.cjs"),N=require("./_plugin-vue_export-helper-NUO0U1Az.cjs"),E={key:0,class:"pl-4"},B=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(_,{emit:f}){const o=_,m=c.pluginManager.getComponent("input"),v=e.inject("tree",!1),d=f,r=k.useVModel(o,"modelValue",d);function s(l){const n={label:"",value:""};l.children?l.children.push(n):l.children=[n]}function V(l){r.value=r.value.filter((n,p)=>p!==l)}return(l,n)=>{const p=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(b.draggable),{modelValue:e.unref(r),"onUpdate:modelValue":n[0]||(n[0]=a=>e.isRef(r)?r.value=a:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:a,index:g})=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(v)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])},[e.createVNode(e.unref(h._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(m),{modelValue:a.label,"onUpdate:modelValue":t=>a.label=t,value:a.label,"onUpdate:value":t=>a.label=t,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(m),{modelValue:a.value,"onUpdate:modelValue":t=>a.value=t,value:a.value,"onUpdate:value":t=>a.value=t,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(v)?(e.openBlock(),e.createBlock(e.unref(h._sfc_main),{key:0,class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:t=>s(a)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(h._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:t=>V(g)},null,8,["onClick"])],2),a.children?(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(p,{modelValue:a.children,"onUpdate:modelValue":t=>a.children=t},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),S={class:""},U={class:"epic-tabs-box"},M=["title","onClick"],D={key:0},I={key:1},O={style:{"font-size":"12px","margin-bottom":"8px",display:"inline-block"}},q=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(_,{emit:f}){const{t:o}=C.useLocale(),m=c.pluginManager.getComponent("button"),v=c.pluginManager.getComponent("select"),d=e.ref([]),r=e.reactive({title:o("static")}),s=_,V=f;c.EventBus.on("deleteSourceData",t=>{n.value===t&&(n.value="",l.value=[])}),c.EventBus.on("updateSource",t=>{d.value=c.pluginManager.sourceData.map(u=>({...u,label:u.apiName,value:u.id}))}),e.onMounted(()=>{d.value=c.pluginManager.sourceData.map(t=>({...t,label:t.apiName,value:t.id}))});const l=k.useVModel(s,"modelValue",V),n=k.useVModel(s,"dynamicId",V);e.watch(()=>n.value,async()=>{n.value?r.title=o("dynamic"):r.title=o("static")},{immediate:!0});const p=[{title:o("static")},{title:o("dynamic")}];async function a(t){r.title=t.title,t.title===o("static")?(l.value=[],n.value=""):(l.value=[],d.value=c.pluginManager.sourceData.map(u=>({...u,label:u.apiName,value:u.id})))}s.modelValue,e.provide("tree",s.tree);function g(){const t=e.reactive({label:"",value:""});l.value.length?l.value=[...l.value,t]:l.value=[t]}return(t,u)=>{var y;return e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",null,[e.createElementVNode("div",U,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(p,(i,x)=>e.createElementVNode("div",{class:e.normalizeClass(["epic-tab cursor-pointer truncate",{checked:r.title===i.title}]),key:x,title:i.title,onClick:w=>a(i)},e.toDisplayString(i.title),11,M)),64))]),r.title===e.unref(o)("static")?(e.openBlock(),e.createElementBlock("div",D,[e.withDirectives(e.createElementVNode("div",{class:"py-4 my-2 text-center text-gray-400 bg-white"},e.toDisplayString(e.unref(o)("noOptions")),513),[[e.vShow,!((y=e.unref(l))!=null&&y.length)]]),e.createVNode(B,{modelValue:e.unref(l),"onUpdate:modelValue":u[0]||(u[0]=i=>e.isRef(l)?l.value=i:null)},null,8,["modelValue"]),e.createVNode(e.unref(m),{onClick:g},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("addOption")),1)]),_:1})])):(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("span",O,e.toDisplayString(e.unref(o)("dataSources")),1),e.createVNode(e.unref(v),{modelValue:e.unref(n),"onUpdate:modelValue":u[1]||(u[1]=i=>e.isRef(n)?n.value=i:null),placeholder:e.unref(o)("pleaseSelectDataSource"),clearable:"",options:d.value},null,8,["modelValue","placeholder","options"])]))])])}}}),$=N._export_sfc(q,[["__scopeId","data-v-40e84601"]]);exports.default=$;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as L, computed as C, inject as j, createElementBlock as i, openBlock as n, createElementVNode as p, Fragment as g, renderList as k, createCommentVNode as M, unref as c, toDisplayString as q, createVNode as y, ref as T, watchEffect as D, createBlock as F, withCtx as N, createTextVNode as O } from "vue";
|
|
2
2
|
import { p as I, a as B } from "./pluginManager-B0y107-1.js";
|
|
3
|
-
import { E as U, g as A } from "./index-
|
|
3
|
+
import { E as U, g as A } from "./index-CjRCetGY.js";
|
|
4
4
|
import { _ as z } from "./icon.vue_vue_type_script_setup_true_lang-DW206h_7.js";
|
|
5
5
|
import { u as E } from "./index-B1s67XDZ.js";
|
|
6
6
|
const $ = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CXkyECv6.cjs");exports.default=e.ENode;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as b, createElementBlock as d, openBlock as r, createElementVNode as g, createVNode as n, Fragment as U, renderList as h, unref as t, withCtx as C, createTextVNode as k, reactive as B } from "vue";
|
|
2
|
-
import { g as N } from "./index-
|
|
2
|
+
import { g as N } from "./index-CjRCetGY.js";
|
|
3
3
|
import { p as c } from "./pluginManager-B0y107-1.js";
|
|
4
4
|
import { _ as $ } from "./icon.vue_vue_type_script_setup_true_lang-DW206h_7.js";
|
|
5
5
|
import { _ as E } from "./_plugin-vue_export-helper-8DRKdUfJ.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as re, inject as A, ref as M, computed as q, watch as fe, createElementBlock as F, openBlock as H, Fragment as he, withDirectives as Ce, createElementVNode as V, normalizeClass as pe, createCommentVNode as ie, toDisplayString as Qe, unref as u, createVNode as B, withCtx as Z, createTextVNode as de, vShow as Te, createBlock as ve, mergeProps as Ke, useAttrs as Xe, provide as Ye, onUnmounted as qe, resolveComponent as Ge, createSlots as je, renderList as Ne, shallowRef as et, watchEffect as tt, nextTick as We, normalizeStyle as ye, renderSlot as nt, onMounted as ot } from "vue";
|
|
2
2
|
import { p as ne, o as D, g as te, a as Se, h as st, d as ke, q as lt } from "./pluginManager-B0y107-1.js";
|
|
3
|
-
import { u as $e, a as at, b as _e, E as it, c as rt, d as ct, e as dt, w as ut, f as ht } from "./index-
|
|
3
|
+
import { u as $e, a as at, b as _e, E as it, c as rt, d as ct, e as dt, w as ut, f as ht } from "./index-CjRCetGY.js";
|
|
4
4
|
import { ElDropdown as ft, ElDropdownMenu as pt, ElDropdownItem as ue } from "element-plus";
|
|
5
5
|
import { _ as me } from "./icon.vue_vue_type_script_setup_true_lang-DW206h_7.js";
|
|
6
6
|
import { d as vt } from "./vuedraggable.umd-D908YPOr.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./index-CXkyECv6.cjs"),r=require("./pluginManager-C8aQylGX.cjs"),f=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),g=require("./_plugin-vue_export-helper-NUO0U1Az.cjs"),x={class:"validate-param"},b={class:"option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2 grid-cols-[auto_auto_16px]"},k=e.defineComponent({__name:"index",props:{modelValue:{}},emits:["update:modelValue"],setup(d,{emit:c}){const i=d,s=c,p=r.pluginManager.getComponent("button"),u=r.pluginManager.getComponent("input"),a=V.useVModel(i,"modelValue",s);function m(){const n=e.reactive({label:"",value:""});a.value=[...a.value,n]}function v(n){a.value=a.value.filter((o,l)=>l!==n)}return(n,o)=>(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(l,_)=>(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(u),{modelValue:l.label,"onUpdate:modelValue":t=>l.label=t,value:l.label,"onUpdate:value":t=>l.label=t,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(u),{modelValue:l.value,"onUpdate:modelValue":t=>l.value=t,value:l.value,"onUpdate:value":t=>l.value=t,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(f._sfc_main),{onClick:t=>v(_),class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded"},null,8,["onClick"])]))),256)),e.createVNode(e.unref(p),{onClick:m},{default:e.withCtx(()=>[...o[0]||(o[0]=[e.createTextVNode("添加选项",-1)])]),_:1})])]))}}),U=g._export_sfc(k,[["__scopeId","data-v-a32a3b5f"]]);exports.default=U;
|
|
@@ -3,7 +3,7 @@ import { n as q, p as w, g as X, a as Y } from "./pluginManager-B0y107-1.js";
|
|
|
3
3
|
import { _ as D } from "./icon.vue_vue_type_script_setup_true_lang-DW206h_7.js";
|
|
4
4
|
import { d as Z } from "./vuedraggable.umd-D908YPOr.js";
|
|
5
5
|
import { _ as ee } from "./tree.vue_vue_type_script_setup_true_lang-M13R0TPV.js";
|
|
6
|
-
import { E as te } from "./index-
|
|
6
|
+
import { E as te } from "./index-CjRCetGY.js";
|
|
7
7
|
const ne = { class: "epic-event-info" }, oe = ["title"], le = { class: "epic-event-btn text-lg flex items-center text-$epic-text-secondary" }, ae = { class: "epic-action-editor-main" }, se = { class: "epic-editor-item rounded" }, ie = { class: "w-36px flex items-center text-lg" }, ce = { class: "flex-1" }, de = { key: 0 }, ue = { key: 1 }, re = { key: 2 }, pe = { class: "epic-action-box text-lg text-$epic-text-medium" }, me = ["onClick"], ve = ["onClick"], fe = /* @__PURE__ */ U({
|
|
8
8
|
__name: "EActionEditorItem",
|
|
9
9
|
props: {
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CXkyECv6.cjs"),e=require("./pluginManager-C8aQylGX.cjs");exports.EBuilder=a._sfc_main;exports.EDesigner=a._sfc_main$1;exports.ENode=a.ENode;exports.debounce=a.debounce;exports.getDarkState=a.getDarkState;exports.initStore=a.initStore;exports.useDark=a.useDark;exports.useElementDrag=a.useElementDrag;exports.useElementZoom=a.useElementZoom;exports.useKeyPress=a.useKeyPress;exports.usePageManager=a.usePageManager;exports.useRevoke=a.useRevoke;exports.useStore=a.useStore;exports.useTheme=a.useTheme;exports.useTimedQuery=a.useTimedQuery;exports.EventBus=e.EventBus;exports.PluginManager=e.PluginManager;exports.capitalizeFirstLetter=e.capitalizeFirstLetter;exports.convertKFormData=e.convertKFormData;exports.deepClone=e.deepClone;exports.deepCompareAndModify=e.deepCompareAndModify;exports.deepEqual=e.deepEqual;exports.findSchemaById=e.findSchemaById;exports.findSchemaInfoById=e.findSchemaInfoById;exports.findSchemas=e.findSchemas;exports.generateNewSchema=e.generateNewSchema;exports.getFormFields=e.getFormFields;exports.getFormSchemas=e.getFormSchemas;exports.getMatchedById=e.getMatchedById;exports.getUUID=e.getUUID;exports.getValueByPath=e.getValueByPath;exports.loadAsyncComponent=e.loadAsyncComponent;exports.mapSchemas=e.mapSchemas;exports.pluginManager=e.pluginManager;exports.recursionConvertedNode=e.recursionConvertedNode;exports.setValueByPath=e.setValueByPath;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as s, j as t, E as r, f as o, o as n, p as d, n as m, c as u, e as i, m as g, k as c, l, u as p, i as h, a as f } from "./index-
|
|
1
|
+
import { _ as s, j as t, E as r, f as o, o as n, p as d, n as m, c as u, e as i, m as g, k as c, l, u as p, i as h, a as f } from "./index-CjRCetGY.js";
|
|
2
2
|
import { E, P as S, c as B, q as D, a as P, d as k, b as F, n as I, o as M, f as v, h as C, j as N, k as b, e as j, g as q, i as x, l as A, m as K, p as T, r as U, s as V } from "./pluginManager-B0y107-1.js";
|
|
3
3
|
export {
|
|
4
4
|
s as EBuilder,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),d=require("element-plus"),I=require("./index-BoL2PSBk.cjs"),{t:P}=I.useLocale(),A=o.defineComponent({props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue","update:ocrData"],setup(B,{emit:z,attrs:e}){const s=o.ref([]),v=o.ref(""),E=o.ref(!1),w=o.ref(!1),y=n=>{E.value=n};o.watch(s,n=>{z("update:modelValue",n)});const u=o.inject("disabled",{value:!1});o.watch(()=>B.modelValue,n=>{if(n!=null&&n.length>0&&s.value!=null){if(s.value===n)return;s.value.length=0,s.value.push(...n)}},{deep:!0,immediate:!0});const W=(n,t)=>{o.nextTick(()=>{C?(s.value=t.filter(l=>{var c,i;return((c=l==null?void 0:l.response)==null?void 0:c.code)===200||((i=l==null?void 0:l.response)==null?void 0:i.code)===201}),C=!1):s.value=t})},j=n=>{var p,f,h;let t=n.url||((f=(p=n==null?void 0:n.response)==null?void 0:p.data)==null?void 0:f.url);if(!t)return;const l=[".jpg",".jpeg",".png",".gif",".svg",".bmp",".webp"],c=((h=n.name)==null?void 0:h.toLowerCase())||"",i=l.some(g=>c.endsWith(g)),m=c.endsWith(".pdf");i?(v.value=t,w.value=!1,y(!0)):m?(v.value=t,w.value=!0,y(!0)):window.open(t)},M=n=>{var i,m,p,f,h;const t=(m=(i=e.componentSchema)==null?void 0:i.componentProps)==null?void 0:m.accept;if(t){const g=t.split(",").map(r=>r.trim().toLowerCase()).filter(r=>r),x=(((p=n.name)==null?void 0:p.toLowerCase())||"").split("."),b=x.length>1?"."+x.pop():"",a=n.type||"";if(!g.some(r=>{if(r==="*/*")return!0;if(r.startsWith("."))return b===r;if(r.endsWith("/*")){const V=r.split("/")[0];return a.startsWith(V+"/")}else return r.includes("/")?a===r||a.startsWith(r+"/"):b==="."+r}))return d.ElMessage.error(`只能上传${t}类型的文件!`),!1}const l=+(((h=(f=e.componentSchema)==null?void 0:f.componentProps)==null?void 0:h.maxSize)??10);return n.size/1024/1024<l?!0:(d.ElMessage.error(`文件大小不能超过 ${l}MB!`),!1)};let C=!1;const R=(n,t,l)=>{n.code!==200&&n.code!==201&&(d.ElMessage.error(P("uploadFailed")),C=!0),console.log(l)},L=(n,t,l)=>{d.ElMessage.error(P("uploadFailed")),console.error(n)},D=(n,t)=>{let{limit:l}=e;d.ElMessage.warning(`最多只能上传 ${l} 个文件`)},U=()=>{var n,t;if(s.value.length===0){d.ElMessage.warning("请先上传文件");return}if(!(e!=null&&e.callBackUrl)){d.ElMessage.warning("请先配置回填接口地址");return}z("update:ocrData",{url:s.value.map(l=>{var c,i;return(i=(c=l.response)==null?void 0:c.data)==null?void 0:i.url}),field:(n=e.componentSchema)==null?void 0:n.field,label:(t=e.componentSchema)==null?void 0:t.label,callBackUrl:e==null?void 0:e.callBackUrl,callBackMethod:e==null?void 0:e.callBackMethod,callBackField:e==null?void 0:e.callBackField,callBackDataPath:e==null?void 0:e.callBackDataPath,validate:e==null?void 0:e.validate,validateParams:e==null?void 0:e.validateParams}),e.componentSchema.componentProps={...e.componentSchema.componentProps,hasAlreadyOcr:!0}};console.log("%c [ ]-199","font-size:13px; background:pink; color:#bf2c9f;",e);const F=o.computed(()=>({...e,"file-list":s.value,beforeUpload:M,onChange:W,onSuccess:R,onError:L,onPreview:j,onExceed:D}));return()=>o.h("div",{class:"epic-ocr-upload",style:{padding:"20px",backgroundColor:"#ffffff",borderRadius:"8px",boxShadow:"0 2px 12px 0 rgba(0, 0, 0, 0.08)",transition:"all 0.3s ease"}},{default:()=>{var n,t,l,c;return[e.disabled||u.value?null:o.h("div",{style:{padding:"16px 20px",backgroundColor:"#f0f9ff",borderRadius:"6px",marginBottom:"20px",border:"1px solid #e0f2fe",color:"#334155",fontSize:"14px",lineHeight:"1.5",display:"flex",alignItems:"flex-start",gap:"8px"}},[o.h("span",{class:"icon--epic icon--epic--error-outline-rounded",style:{color:"#3b82f6",fontSize:"16px",marginTop:"2px"}}),"操作步骤:① 上传文件 → ② 点击「OCR识别」 → 自动识别并回填信息"]),o.h(d.ElUpload,{...F.value,headers:{Authorization:`Bearer ${I.api.get("Admin-Token")}`},listType:"picture-card",style:{marginBottom:e.disabled||u.value?"0":"20px"}},{default:()=>[o.h("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",cursor:e.disabled||u.value?"not-allowed":"pointer",opacity:e.disabled||u.value?.6:1,transition:"all 0.3s ease",borderRadius:"6px",backgroundColor:"#fafafa"}},[o.h("span",{class:"icon--epic icon--epic--cloud-upload-outlined",style:{marginBottom:"8px",color:"#9ca3af",fontSize:"28px",transition:"all 0.3s ease"}}),o.h("span",{style:{fontSize:"14px",color:"#6b7280",fontWeight:500,marginBottom:"4px"}},P("fileUpload")),o.h("span",{style:{fontSize:"12px",color:"#9ca3af"}},"支持图片和PDF文件")])],file:({file:i})=>{var k,x,b;const m=[".jpg",".jpeg",".png",".gif",".svg",".bmp",".webp"],p=((k=i.name)==null?void 0:k.toLowerCase())||"",f=m.some(a=>p.endsWith(a)),h=p.endsWith(".pdf"),g=i.url||((b=(x=i==null?void 0:i.response)==null?void 0:x.data)==null?void 0:b.url);return o.h("div",{class:"el-upload-list__item",style:{backgroundColor:"transparent",border:"none",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",position:"relative",cursor:"pointer"},onClick:()=>j(i)},[e.disabled||u.value?null:o.h("button",{type:"button",class:"el-upload-list__item-delete",style:{position:"absolute",top:"4px",right:"4px",width:"20px",height:"20px",border:"none",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.6)",color:"white",fontSize:"12px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",zIndex:10},onClick:a=>{a.stopPropagation();const S=s.value.findIndex(r=>r.uid===i.uid);S!==-1&&s.value.splice(S,1)},onMouseenter:a=>{a.target&&(a.target.style.backgroundColor="#ff4d4f",a.target.style.transform="scale(1.1)")},onMouseleave:a=>{a.target&&(a.target.style.backgroundColor="rgba(0, 0, 0, 0.6)",a.target.style.transform="scale(1)")}},"×"),o.h("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",overflow:"hidden"}},[f&&g?o.h("img",{src:g,style:{width:"100%",height:"100%",objectFit:"contain"}}):h&&g?o.h("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"white"}},[o.h("img",{src:"https://ess-ds.com/statics/gd-data/images/pdf.png",style:{width:"60%",height:"60%",objectFit:"contain"},alt:i.name})]):o.h("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"white"}},[o.h("img",{src:"https://ess-ds.com/statics/gd-data/images/unknown-file.png",style:{width:"60%",height:"60%",objectFit:"contain"},alt:i.name})])]),o.h("span",{title:i.name,style:{marginTop:"4px",fontSize:"12px",color:"#606266",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:"center"}},i.name)])}}),e.disabled||u.value?null:o.h(d.ElButton,{disabled:e.disabled||u.value,onClick:U,style:{marginTop:"0",width:"100%",padding:"10px 24px",fontSize:"14px",fontWeight:500,borderRadius:"6px",backgroundColor:"#3b82f6",borderColor:"#3b82f6",color:"white",transition:"all 0.3s ease"}},{default:()=>[o.h("span",{class:"icon--epic icon--epic--radio-button-checked-outline",style:{marginRight:"8px",fontSize:"16px"}}),"OCR识别"]}),o.h("div",{style:{marginTop:"8px",padding:"12px 16px",backgroundColor:"#ff4d4f",color:"white",borderRadius:"6px",fontSize:"14px",fontWeight:500,textAlign:"left",boxShadow:"0 2px 8px rgba(255, 77, 79, 0.3)",display:(t=e.model)!=null&&t[((n=e.componentSchema)==null?void 0:n.field)+"-orcWarningInfo"]?"block":"none"}},((c=e.model)==null?void 0:c[((l=e.componentSchema)==null?void 0:l.field)+"-orcWarningInfo"])||""),(()=>{if(E.value)return w.value?o.h("div",{class:"el-image-viewer__wrapper",style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:2e3,backgroundColor:"rgba(0, 0, 0, 0.8)",display:"flex",alignItems:"center",justifyContent:"center"}},[o.h("button",{style:{position:"absolute",top:"24px",right:"24px",width:"36px",height:"36px",border:"none",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.15)",color:"white",fontSize:"20px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease",backdropFilter:"blur(8px)"},onClick:()=>y(!1)},"×"),o.h("div",{style:{width:"90%",height:"90%",backgroundColor:"white",borderRadius:"8px",overflow:"hidden",position:"relative",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.5)",maxWidth:"1400px",maxHeight:"900px",minWidth:"980px",minHeight:"600px"}},[o.h("iframe",{src:v.value,style:{width:"100%",height:"100%",border:"none"},title:"PDF Preview"})])]):o.h(d.ElImageViewer,{urlList:[v.value],onClose:()=>{y(!1)}})})()]}})}});exports.default=A;
|