epic-designer-gold 1.0.20 → 1.0.22
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-O-Qh1M9P.js → attributeView-CDoPoMy8.js} +1 -1
- package/dist/{attributeView-BmCo-ANc.cjs → attributeView-DLHntIVU.cjs} +1 -1
- package/dist/{index-dPq5hTuk.cjs → index-B8ZkPwJG.cjs} +2 -2
- package/dist/index-BAcDYc8e.cjs +1 -0
- package/dist/{index-CYCAksKF.js → index-BgsV-cQ7.js} +1 -1
- package/dist/{index-H_RN47HQ.js → index-BxQ1Bi2l.js} +1 -1
- package/dist/{index-GNzsI2DT.js → index-C0J-aMmj.js} +1 -1
- package/dist/{index-Bg6nvWN1.cjs → index-C1svXxFR.cjs} +1 -1
- package/dist/{index-B68OfrZG.cjs → index-C7iW9KWi.cjs} +1 -1
- package/dist/{index-D-7kLj6a.js → index-CquiCjYl.js} +5 -5
- package/dist/{index-CHPLNTf9.js → index-DKq_URx5.js} +1 -1
- package/dist/{index-B4E--Rq2.js → index-DNsJw-co.js} +1 -1
- package/dist/{index-DCCtWMoU.cjs → index-DVF9HIIx.cjs} +1 -1
- package/dist/index-DVXcAkg5.js +35 -0
- package/dist/{index-B0kfcLfJ.cjs → index-DWgZA-Xt.cjs} +1 -1
- package/dist/{index-DgVSwELW.cjs → index-DfC1M40-.cjs} +1 -1
- package/dist/index-OVAyGpn1.js +4 -0
- package/dist/{index-D0yHhce0.cjs → index-S1s5EyEX.cjs} +1 -1
- package/dist/{index-BUy3MFlm.cjs → index-nn6_ml1n.cjs} +1 -1
- package/dist/{index-Cb9hyp0F.js → index-tdTN310R.js} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{selectPage-OLtWHgz5.js → selectPage-D4jGyEa2.js} +32 -32
- package/dist/selectPage-Dy9Qj-zX.cjs +1 -0
- package/dist/style.css +1 -1
- package/dist/{styleView-BSPv8sby.cjs → styleView-DPlU1BR3.cjs} +1 -1
- package/dist/{styleView-DPj14T8-.js → styleView-DxJ48VZG.js} +1 -1
- package/dist/ui/elementPlus/index.cjs +1 -1
- package/dist/ui/elementPlus/index.js +1 -1
- package/package.json +1 -1
- package/dist/index-BQOsTyqo.js +0 -43
- package/dist/index-CNakddZH.cjs +0 -1
- package/dist/index-DSWpL0mZ.js +0 -4
- package/dist/selectPage-DxjnEIXA.cjs +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as S, inject as f, computed as V, ref as C, watchEffect as N, openBlock as s, createElementBlock as l, Fragment as E, renderList as U, normalizeClass as v, toDisplayString as B, createCommentVNode as y, createElementVNode as D, createVNode as x, unref as h, nextTick as g } from "vue";
|
|
2
|
-
import { _ as z } from "./index-
|
|
2
|
+
import { _ as z } from "./index-CquiCjYl.js";
|
|
3
3
|
import { p as F, i as b, s as m } from "./pluginManager-BCnrHPYv.js";
|
|
4
4
|
import { u as L } from "./index-B1s67XDZ.js";
|
|
5
5
|
const T = ["title"], $ = /* @__PURE__ */ S({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("./index-B8ZkPwJG.cjs"),l=require("./pluginManager-DWHAX8kP.cjs"),g=require("./index-BoL2PSBk.cjs"),b=["title"],B=e.defineComponent({__name:"attributeView",setup(P){const{t:s}=g.useLocale(),d=e.inject("designer"),u=e.inject("pageSchema"),f=e.inject("revoke"),h=l.pluginManager.getComponentConfings(),c=e.computed(()=>d.state.checkedNode);function y(n){var a;return typeof n.show=="boolean"?n.show:typeof n.show=="function"?(a=n.show)==null?void 0:a.call(n,{values:c.value}):!0}const i=e.ref([]);e.watchEffect(()=>{var o,t,r;const n=(o=d.state.checkedNode)==null?void 0:o.type;if(!d.state.checkedNode||!n)return[];const a=((t=h[n])==null?void 0:t.config.attribute)??[];i.value=[{label:s("componentId"),type:"input",field:"id",componentProps:{disabled:!0}},...a],d.state.checkedNode.id===((r=u.schemas[0])==null?void 0:r.id)&&i.value.push({label:s("canvasWidth"),type:"EInputSize",field:"canvas.width",editData:u},{label:s("canvasHeight"),type:"EInputSize",field:"canvas.height",editData:u})});function m(n,a,o,t=c.value){typeof o.onChange=="function"&&o.onChange({value:n,values:t,componentAttributes:i}),o.changeSync?l.setValueByPath(t,a,n):e.nextTick(()=>{l.setValueByPath(t,a,n)}),f.push(u.schemas,s("editComponentProperties"))}function v(n,a,o=c.value){e.nextTick(()=>{l.setValueByPath(o,"componentProps.dynamicId",n)})}return(n,a)=>{var o;return e.openBlock(),e.createElementBlock("div",{class:"epic-attribute-view",key:(o=c.value)==null?void 0:o.id},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,t=>{var r;return e.openBlock(),e.createElementBlock("div",{key:t.field},[y(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",t.layout])},[t.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:t.label},e.toDisplayString(t.label),9,b)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-input",{"block!":t.layout==="vertical"}])},[e.createVNode(e.unref(k._sfc_main),{componentSchema:{...t,componentProps:{...t.componentProps,...t.field==="componentProps.defaultValue"?(r=c.value)==null?void 0:r.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},dynamicId:e.unref(l.getValueByPath)(t.editData??c.value,"componentProps.dynamicId"),"model-value":e.unref(l.getValueByPath)(t.editData??c.value,t.field),"onUpdate:modelValue":p=>m(p,t.field,t,t.editData),"onUpdate:dynamicId":p=>v(p)},null,8,["componentSchema","dynamicId","model-value","onUpdate:modelValue","onUpdate:dynamicId"])],2)],2)):e.createCommentVNode("",!0)])}),128))])}}});exports.default=B;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),w=require("./pluginManager-DWHAX8kP.cjs"),z=require("./index-BoL2PSBk.cjs"),re=require("./axios-tuVKNgv9.cjs");function he(t,o){let s=null;return(...l)=>{s&&clearTimeout(s),s=setTimeout(()=>{t(...l)},o)}}function ne(){const t=e.ref({}),o=e.ref({}),s=e.ref(!1),l=e.ref([]),u=e.reactive({});function a(m){return t.value[m]}function E(m,b){t.value[m]=b}function y(m){delete t.value[m]}function v(m,b=!1){const P=Object.entries(w.pluginManager.publicMethods).reduce((B,[h,R])=>(B[h]=R.handler,B),{});try{new Function(`const epic = this;${m}`).bind({...P,getComponent:a,find:a,defineExpose:M,publicMethods:P,pluginManager:w.pluginManager})()}catch(B){b&&console.error("[epic：自定义函数]异常：",B)}}function M(m){m!=null&&(o.value=m)}function O(m,...b){if(!m||m.length===0){console.warn("未提供任何动作");return}m.forEach(P=>{const B=P.args?JSON.parse(P.args):b;switch(P.type){case"public":n(P,B);break;case"custom":I(P,B);break;case"component":f(P,B);break;default:console.warn(`未知的动作类型: ${P.type}`);break}})}function n(m,b){var P;try{(P=w.pluginManager.publicMethods[m.methodName])==null||P.handler(...b)}catch(B){console.error(`[Epic：公共函数(${m.methodName})]执行异常:`,B)}}function I(m,b){var P,B;try{(B=(P=o.value)[m.methodName])==null||B.call(P,...b)}catch(h){console.error(`[Epic：自定义函数(${m.methodName})]执行异常:`,h)}}function f(m,b){const P=m.componentId!=null&&a(m.componentId);if(!P){console.warn(`[Epic：组件${m.componentId}]未找到`);return}try{P[m.methodName](...b)}catch(B){console.error(`[Epic：组件${m.componentId}函数(${m.methodName})]执行异常:`,B)}}function D(m=!0){s.value=m}function S(m){const b=w.findSchemas(m,()=>!0);l.value=b.map(P=>P.id)}function C(m,b="default"){if(u[b]){const P=u[b];w.deepCompareAndModify(m,P)}u[b]=m}function F(m,b="default"){if(u[b]){w.deepCompareAndModify(u[b],m,!1);return}u[b]=m}return{componentInstances:t,funcs:o,isDesignMode:s,defaultComponentIds:l,forms:u,addFormData:C,setFormData:F,getComponentInstance:a,find:a,addComponentInstance:E,removeComponentInstance:y,setMethods:v,doActions:O,setDesignMode:D,setDefaultComponentIds:S}}function se(){const t=e.ref([]),o=e.ref([]),s=e.ref(null);let l=0;function u(v,M="插入组件"){const O=Date.now();l+150>O||(l=O,s.value!=null&&(t.value.push(s.value),o.value.splice(0,o.value.length)),s.value={type:M,componentSchema:JSON.stringify(v)},t.value.length>60&&t.value.unshift())}function a(){if(t.value.length===0)return!1;const v=t.value.pop();return s.value!=null&&o.value.push(s.value),s.value=v,JSON.parse(v.componentSchema)}function E(){if(o.value.length===0)return!1;const v=o.value.pop();return s.value!=null&&t.value.push(s.value),s.value=v,JSON.parse(v.componentSchema)}function y(){t.value=[],o.value=[],s.value=null}return{recordList:t,undoList:o,currentRecord:s,push:u,undo:a,redo:E,reset:y}}const ve=e.defineComponent({__name:"dynamicFormItem",props:{hasFormItem:{type:Boolean},formItemProps:{}},emits:["updateFormItemRef"],setup(t,{emit:o}){const s=w.pluginManager.getComponent("form-item"),l=t,u=o,a=e.ref(),E=()=>{u("updateFormItemRef",a.value)};return(y,v)=>l.hasFormItem?(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({key:0,ref_key:"formItemRef",ref:a,onVnodeMounted:E},l.formItemProps),{default:e.withCtx(()=>[e.renderSlot(y.$slots,"default")]),_:3},16,["onVnodeMounted"])):e.renderSlot(y.$slots,"default",{key:1})}}),le=e.defineComponent({name:"ENode",__name:"node",props:{componentSchema:{},modelValue:{},ruleField:{},resetFormData:{type:Boolean},name:{},dynamicId:{},sourceDateUrl:{},id:{}},emits:["update:modelValue","change","update:dynamicId"],setup(t,{emit:o}){const{proxy:s}=e.getCurrentInstance(),l=t,u=e.ref(null);let a=e.inject("formData",e.reactive({}));const E=e.inject("slots",{}),y=e.inject("pageManager",{}),v=e.inject("disabled",{value:!1}),M=e.inject("ruleFieldPrefix",null),O=e.inject("resetFormData",!1);let n=e.reactive(w.deepClone(l.componentSchema));D();async function I(r){if(["cascader","checkbox","select","radio"].includes(r.type)&&r.componentProps.dynamicId&&l.sourceDateUrl){const d=(await re.axios({url:l.sourceDateUrl,method:"get",params:{id:r.componentProps.dynamicId},headers:{Authorization:"Bearer "+z.api.get("Admin-Token"),lang:z.api.get("saas-locale")||"zh-CN",zone:Intl.DateTimeFormat().resolvedOptions().timeZone}})).data.data;let _=await re.axios({url:d.url,method:d.method,data:d.body?JSON.parse(d.body):{},params:d.params?JSON.parse(d.params):{},headers:{...JSON.parse(d.headers),Authorization:"Bearer "+z.api.get("Admin-Token"),lang:z.api.get("saas-locale")||"zh-CN",zone:Intl.DateTimeFormat().resolvedOptions().timeZone}});if(d&&(d!=null&&d.dataPath)){const q=d.dataPath.split(".").reduce((W,Q)=>W[Q],_.data);r.componentProps.options=f(q,d.dataKey,d.dataValue)}else r.componentProps.options=f(_.data,d.dataKey,d.dataValue);return r}return r}function f(r,i,N){return r&&Object.prototype.toString.call(r)==="[object Array]"?r.map(d=>d.children&&d.children.length?{label:d[i],value:d[N]+"",children:f(d.children,i,N)}:{label:d[i],value:d[N]+""}):[]}e.watch(()=>l.componentSchema,r=>{w.deepEqual(n,r,["children"])||(w.deepCompareAndModify(n,w.deepClone(r)),D())},{deep:!0});function D(){y.isDesignMode.value&&typeof n.field=="string"&&(n.field+="-design-mode")}(l.resetFormData||O)&&(a={});const S=o,C=e.ref(),F=e.ref(),m=r=>{F.value=r},b=e.useAttrs();Object.keys(b).length&&e.provide("nodeAttrs",b);const P=e.shallowRef(null),B=e.computed(()=>{var r,i;return(r=n.componentProps)!=null&&r.hidden?!1:typeof n.show=="boolean"?n.show:((i=n.show)==null?void 0:i.call(n,{values:a}))??!0}),h=e.computed(()=>{var d;const r=B.value&&((d=n.rules)==null?void 0:d.map(_=>({..._,validator:_.validator&&y.funcs.value[_.validator]})));let i=n.field;l.ruleField?i=l.ruleField:M&&n.field&&(i=w.deepClone(M),i.push(n.field));const N={...n,rules:r,rule:r,field:i};return N.children&&delete N.children,N}),R=e.computed(()=>{var N,d,_;const r=((N=T.value)==null?void 0:N.bindModel)??"modelValue",i={};return n.on&&Object.keys(n.on).forEach(U=>{i[`on${w.capitalizeFirstLetter(U)}`]=(...q)=>y.doActions(n.on[U],...q)}),n.type==="selectpage"&&(n.componentProps.defaultData={value:a[n.field],label:a[a[n.field]]}),{...l,...n.componentProps,disabled:l.componentSchema.type==="input"&&l.componentSchema.componentProps&&((d=l.componentSchema.componentProps)!=null&&d.isLink)?!1:(v==null?void 0:v.value)||((_=n.componentProps)==null?void 0:_.disabled),bindModel:r,...i}}),T=e.computed(()=>w.pluginManager.getComponentConfingByType(n.type)??null);e.watchEffect(()=>{u.value=l.modelValue??a[n.field??""]}),e.watch(()=>u.value,()=>{u.value!==(l.modelValue??a[n.field??""])&&c(u.value)}),e.watch(()=>C.value,()=>{A()},{immediate:!0});function A(){var i;const r=C.value||s;n.id&&r&&((n.input||n.type==="table"&&n.field||n.type==="card"&&n.field&&n.multiple)&&(r.setValue=c,r.getValue=()=>a[n.field]||l.modelValue),r.setAttr=(N,d)=>(n.componentProps||(n.componentProps={}),n.componentProps[N]=d),r.getAttr=N=>n.componentProps[N],y.addComponentInstance(n.id,r),(i=T.value)!=null&&i.defaultSchema.input&&n.noFormItem!==!0&&F.value&&y.addComponentInstance(n.id+"formItem",F.value))}function g(){var r;n.id&&(y.removeComponentInstance(n.id),(r=T.value)!=null&&r.defaultSchema.input&&n.noFormItem!==!0&&y.removeComponentInstance(n.id+"formItem"))}async function k(){var i,N,d;if(n=await I(n),typeof((i=n.componentProps)==null?void 0:i.defaultValue)<"u"){const _=y.isDesignMode.value?(N=n.componentProps)==null?void 0:N.defaultValue:a[n.field]??((d=n.componentProps)==null?void 0:d.defaultValue);c(w.deepClone(_))}if(n.type==="slot"){const _=n.slotName;if(!_)return;P.value=e.defineComponent({setup(){return()=>e.renderSlot(E,_,{componentSchema:n,model:a})}});return}const r=w.pluginManager.getComponent(n.type);if(!r){console.error(`组件${n.type}未注册`);return}if(typeof r=="function"){const _=await r();P.value=_.default??_}else P.value=r}function p(r){console.log("%c [ v ]-462","font-size:13px; background:pink; color:#bf2c9f;",r),Object.prototype.toString.call(r)==="[object Array]"?r.forEach(i=>{a[i.value]=i.label}):a[r.value]=r.label,l.id?w.EventBus.emit("updateformData"+l.id,a):w.EventBus.emit("updateformData",a)}function c(r){S("update:modelValue",r),S("change",r),n.field&&(a[n.field]=r),l.id?w.EventBus.emit("updateformData"+l.id,a):w.EventBus.emit("updateformData",a)}function V(r){S("update:dynamicId",r)}let $=null;return e.watch(()=>n,async r=>{const i=JSON.stringify({...r,children:void 0,componentProps:{...r.componentProps,options:null}});if(i===$)return!1;$=i,k()},{immediate:!0,deep:!0}),e.onUnmounted(g),(r,i)=>{var d;const N=e.resolveComponent("ENode");return P.value&&B.value?(e.openBlock(),e.createBlock(ve,{key:0,hasFormItem:e.unref(n).noFormItem!==!0&&((d=T.value)==null?void 0:d.defaultSchema.input),formItemProps:h.value,onUpdateFormItemRef:m},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P.value),e.mergeProps({ref_key:"componentInstance",ref:C,onVnodeMounted:A,model:e.unref(a)},{...R.value},{[R.value.bindModel]:u.value,["onUpdate:"+R.value.bindModel]:i[0]||(i[0]=_=>u.value=_),[`onUpdate:${R.value.bindModel}`||""]:c,"onUpdate:modelValueLabel":p,"onUpdate:dynamicId":V}),{node:e.withCtx(_=>[e.createVNode(N,e.mergeProps({id:l.id},_,{sourceDateUrl:l.sourceDateUrl}),null,16,["id","sourceDateUrl"])]),"edit-node":e.withCtx(()=>[e.renderSlot(r.$slots,"edit-node")]),_:3},16,["model"]))]),_:3},8,["hasFormItem","formItemProps"])):e.createCommentVNode("",!0)}}});function ge(){const t=e.ref(!1),o=ne(),s=e.ref({});function l(){return new Promise(f=>{if(t.value)f();else{const D=e.watch(t,()=>{D(),f()})}})}async function u(f="default"){var S;await l();const D=(S=s.value)==null?void 0:S[f];if(!D)throw new Error(`表单 [name=${f}] 不存在`);return D}async function a(f,D){const S=await u(f);return w.deepClone(await D(S))}async function E(f="default"){return await a(f,D=>D.getData())}function y(f,D="default",S=void 0){var C,F;if(S&&Object.keys(S).length){let m=function(h){let R=[];return h.forEach(T=>{T.children&&(R=[...R,...m(T.children)]),R.push(T)}),R},P=function(h){var T;let R=m((T=S==null?void 0:S.schemas[0])==null?void 0:T.children);return Object.keys(h).forEach(A=>{var p,c,V,$,r,i,N;const g=R.find(d=>d.field===A),k=["datetimerange","daterange","monthrange","dates"];if((g&&(g==null?void 0:g.type)==="checkbox"||(g==null?void 0:g.type)==="select"&&((p=g==null?void 0:g.componentProps)!=null&&p.multiple)||(g==null?void 0:g.type)==="cascader"&&!((V=(c=g==null?void 0:g.componentProps)==null?void 0:c.props)!=null&&V.multiple)||(g==null?void 0:g.type)==="date"&&k.includes(($=g==null?void 0:g.componentProps)==null?void 0:$.type))&&typeof h[A]=="string")h[A]=(r=h[A])==null?void 0:r.split(",");else if((g==null?void 0:g.type)==="cascader"&&((N=(i=g==null?void 0:g.componentProps)==null?void 0:i.props)!=null&&N.multiple)&&typeof h[A]=="string")h[A].indexOf("；")===-1&&h[A].indexOf(";")===-1?h[A][h[A]]:h[A].indexOf(";")>-1?h[A]=h[A].split(";").map(d=>d.split(",")):h[A].indexOf("；")===-1?h[A]=h[A].split(","):h[A].indexOf("；")>-1?h[A]=h[A].split("；").map(d=>d.split(",")):h[A].indexOf(";")===-1&&(h[A]=h[A].split(","));else if(((g==null?void 0:g.type)==="upload-image"||(g==null?void 0:g.type)==="upload-file")&&typeof h[A]=="string"){let d=[];Object.entries(h).forEach(([_,U])=>{h[A]===U&&_!==g.field&&_.indexOf("@")>-1&&_.indexOf(A)>-1&&(d=_.split("@")[1].split(","))}),h[A]=h[A].split(",").map((_,U)=>({url:_,name:d[U]||_}))}else(g==null?void 0:g.type)==="number"||(g==null?void 0:g.type)==="slider"?h[A]=Number(h[A]):(g==null?void 0:g.type)==="switch"&&(h[A]=typeof h[A]=="boolean"?h[A]:h[A].indexOf("true")>-1)}),h}(f);o.setFormData(P,D);const B=(C=s.value)==null?void 0:C[D];B==null||B.clearValidate()}else{o.setFormData(f,D);const m=(F=s.value)==null?void 0:F[D];m==null||m.clearValidate()}}async function v(f="default"){return await a(f,async D=>(await D.validate(),await D.getData()))}async function M(f){await l();const D={};for(const S in s.value){const C=s.value[S];C&&(D[S]=w.deepClone(await f(C)))}return D}async function O(){return await M(f=>f.getData())}function n(f){for(const D in f)y(f[D],D)}async function I(){return await M(async f=>(await f.validate(),await f.getData()))}return{ready:t,pageManager:o,forms:s,getData:E,setData:y,validate:v,getForms:O,setForms:n,validateAll:I,getFormInstance:u}}const ye={key:0,class:"epic-loading-box"},we={class:"epic-builder-main"},Se={class:"epic-loading-box"},ie=e.defineComponent({__name:"builder",props:{pageSchema:{},formData:{},disabled:{type:Boolean},sourceDateUrl:{},id:{}},emits:["change","ready"],setup(t,{expose:o,emit:s}){const l=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),u=s,a=e.ref([]),E=e.ref({}),{ready:y,pageManager:v,forms:M,getData:O,setData:n,validate:I,getForms:f,setForms:D,validateAll:S,getFormInstance:C}=ge(),F=t,m=e.reactive({schemas:[]});e.watch(()=>F.pageSchema,p=>{w.deepCompareAndModify(m,p)},{immediate:!0,deep:!0}),e.watch(()=>F.formData,p=>{if(p){let c=T(p);E.value=c,n(c)}},{immediate:!0,deep:!0});function b(p){let c=[];return p.forEach(V=>{V.children&&(c=[...c,...b(V.children)]),c.push(V)}),c}function P(p,c){function V(r){return JSON.parse(JSON.stringify(r))}function $(r,i){if(r.type==="card"&&r.multiple&&r.field&&Array.isArray(i[r.field]))return i[r.field].map(d=>{var U;const _=V({...r,multiple:!0});return _.children=(U=_.children)==null?void 0:U.map(q=>$(q,d)).flat(),_});const N=V(r);return Array.isArray(N.children)&&(N.children=N.children.map(d=>$(d,i)).flat()),N}return p.map(r=>$(r,c)).flat()}function B(p,c="",V={root:0}){const $=c||"root";return c||(V.root=0),V[$]===void 0&&(V[$]=0),p.map(r=>{r.field&&(r.oldField=JSON.parse(JSON.stringify(r.field)));const i={...r};if(r.type==="card"){const N=r.field||"";r.multiple?(i.field=c?`${c}.${N}[${V[$]}]`:`${N}[${V[$]}]`,V[$]++):r.field&&c&&(i.field=`${c}.${N}`);const d=i.field||c;V[d]=0}else r.field&&c&&(i.field=`${c}.${r.field}`);return r.children&&(i.children=B(r.children,i.field||c,V)),i})}function h(p,c,V="",$={}){const r=V||"root";return $[r]===void 0&&($[r]=0),p.forEach(i=>{const N=i.field||"";let d=V?`${V}.${N}`:`${N}`;i.type==="card"&&i.multiple?(typeof c[d][`${$[r]}`]=="object"?Object.keys(c[d][`${$[r]}`]).forEach(_=>{c[`${d}[${$[r]}].${_}`]=c[d][`${$[r]}`][_]}):c[`${d}[${$[r]}]`]=c[d][`${$[r]}`],i.children&&(i.children=h(i.children,c,`${d}[${$[r]}]`||V,$)),$[r]++):i.children&&(i.children=h(i.children,c,V,$))}),$[r]=0,c}function R(p,c,V){let $=h(w.deepClone(p),w.deepClone(c));return{obj:B(p),dataObj:$}}function T(p){let c=b(F.pageSchema.schemas[0].children);a.value=c.filter(i=>i.type==="card"&&i.multiple);const V=P(F.pageSchema.schemas[0].children,p);let{obj:$,dataObj:r}=R(V,p,a.value);return p=r,F.pageSchema.schemas[0].children=$,Object.keys(p).forEach(i=>{var N,d,_,U,q,W,Q;if(i.indexOf("@")<0){const x=c.find(L=>L.field===i),me=["datetimerange","daterange","monthrange","dates"];if((x&&(x==null?void 0:x.type)==="checkbox"||(x==null?void 0:x.type)==="select"&&((N=x==null?void 0:x.componentProps)!=null&&N.multiple)||(x==null?void 0:x.type)==="cascader"&&!((_=(d=x==null?void 0:x.componentProps)==null?void 0:d.props)!=null&&_.multiple)||(x==null?void 0:x.type)==="date"&&me.includes((U=x==null?void 0:x.componentProps)==null?void 0:U.type))&&typeof p[i]=="string")p[i]=(q=p[i])==null?void 0:q.split(",");else if((x==null?void 0:x.type)==="cascader"&&((Q=(W=x==null?void 0:x.componentProps)==null?void 0:W.props)!=null&&Q.multiple)&&typeof p[i]=="string")p[i].indexOf(";")>-1?p[i]=p[i].split(";").map(L=>L.split(",")):p[i]=p[i].split(","),p[i].indexOf("；")>-1?p[i]=p[i].split("；").map(L=>L.split(",")):p[i]=p[i].split(",");else if(((x==null?void 0:x.type)==="upload-image"||(x==null?void 0:x.type)==="upload-file")&&typeof p[i]=="string"){let L=[];Object.entries(p).forEach(([J,X])=>{p[i]===X&&J!==x.field&&J.indexOf("@")>-1&&J.indexOf(i)>-1&&(L=J.split("@")[1].split(","))}),p[i]=p[i].split(",").map((J,X)=>({url:J,name:L[X]||J}))}else(x==null?void 0:x.type)==="number"||(x==null?void 0:x.type)==="slider"?p[i]=Number(p[i]):(x==null?void 0:x.type)==="switch"&&(p[i]=typeof p[i]=="boolean"?p[i]:p[i].indexOf("true")>-1)}}),p}e.watch(()=>m.script,p=>{p&&v.setMethods(p,!0)},{immediate:!0}),e.provide("slots",e.useSlots()),e.provide("pageManager",v),e.provide("forms",M),e.provide("pageSchema",m),e.provide("disabled",e.computed(()=>F.disabled));const A=e.getCurrentInstance(),g=A==null?void 0:A.proxy;function k(){e.nextTick(()=>{y.value=!0,u("ready",v),g&&v.addComponentInstance("builder",g)})}return w.EventBus.on("updateformData"+(F.id?F.id:""),p=>{u("change",p)}),o({ready:y,pageManager:v,getData:O,setData:n,validate:I,getForms:f,setForms:D,validateAll:S,getFormInstance:C}),(p,c)=>e.unref(w.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:k},{default:e.withCtx(()=>[e.createElementVNode("div",we,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.schemas,(V,$)=>(e.openBlock(),e.createBlock(e.unref(le),{id:F.id,key:$,sourceDateUrl:F.sourceDateUrl,componentSchema:V},null,8,["id","sourceDateUrl","componentSchema"]))),128))])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Se,[e.createVNode(e.unref(l))])]),_:1})):(e.openBlock(),e.createElementBlock("div",ye))}});function oe(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function Ee(t){let o=0,s,l;const u=()=>{o-=1,l&&o<=0&&(l.stop(),s=void 0,l=void 0)};return(...a)=>(o+=1,l||(l=e.effectScope(!0),s=l.run(()=>t(...a))),oe(u),s)}function H(t){return typeof t=="function"?t():e.unref(t)}const De=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const be=t=>typeof t<"u",xe=Object.prototype.toString,Ce=t=>xe.call(t)==="[object Object]",Ae=()=>{};function Oe(t){return e.getCurrentInstance()}function Ie(t,o=!0,s){Oe()?e.onMounted(t,s):o?t():e.nextTick(t)}function Pe(t=!1,o={}){const{truthyValue:s=!0,falsyValue:l=!1}=o,u=e.isRef(t),a=e.ref(t);function E(y){if(arguments.length)return a.value=y,a.value;{const v=H(s);return a.value=a.value===v?H(l):v,a.value}}return u?E:[a,E]}function _e(t,o,s){const l=e.watch(t,(...u)=>(e.nextTick(()=>l()),o(...u)),s);return l}const Y=De?window:void 0;function K(t){var o;const s=H(t);return(o=s==null?void 0:s.$el)!=null?o:s}function Ne(...t){let o,s,l,u;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,l,u]=t,o=Y):[o,s,l,u]=t,!o)return Ae;Array.isArray(s)||(s=[s]),Array.isArray(l)||(l=[l]);const a=[],E=()=>{a.forEach(O=>O()),a.length=0},y=(O,n,I,f)=>(O.addEventListener(n,I,f),()=>O.removeEventListener(n,I,f)),v=e.watch(()=>[K(o),H(u)],([O,n])=>{if(E(),!O)return;const I=Ce(n)?{...n}:n;a.push(...s.flatMap(f=>l.map(D=>y(O,f,D,I))))},{immediate:!0,flush:"post"}),M=()=>{v(),E()};return oe(M),M}function Me(t){return typeof t=="function"?t:typeof t=="string"?o=>o.key===t:Array.isArray(t)?o=>t.includes(o.key):()=>!0}function ae(...t){let o,s,l={};t.length===3?(o=t[0],s=t[1],l=t[2]):t.length===2?typeof t[1]=="object"?(o=!0,s=t[0],l=t[1]):(o=t[0],s=t[1]):(o=!0,s=t[0]);const{target:u=Y,eventName:a="keydown",passive:E=!1,dedupe:y=!1}=l,v=Me(o);return Ne(u,a,O=>{O.repeat&&H(y)||v(O)&&s(O)},E)}function j(t,o,s={}){return ae(t,o,{...s,eventName:"keydown"})}function ee(t,o,s={}){return ae(t,o,{...s,eventName:"keyup"})}function Ve(){const t=e.ref(!1),o=e.getCurrentInstance();return o&&e.onMounted(()=>{t.value=!0},o),t}function $e(t){const o=Ve();return e.computed(()=>(o.value,!!t()))}function Be(t){return JSON.parse(JSON.stringify(t))}function ce(t,o,s={}){const{window:l=Y,...u}=s;let a;const E=$e(()=>l&&"ResizeObserver"in l),y=()=>{a&&(a.disconnect(),a=void 0)},v=e.computed(()=>{const n=H(t);return Array.isArray(n)?n.map(I=>K(I)):[K(n)]}),M=e.watch(v,n=>{if(y(),E.value&&l){a=new ResizeObserver(o);for(const I of n)I&&a.observe(I,u)}},{immediate:!0,flush:"post"}),O=()=>{y(),M()};return oe(O),{isSupported:E,stop:O}}function Fe(t,o={width:0,height:0},s={}){const{window:l=Y,box:u="content-box"}=s,a=e.computed(()=>{var n,I;return(I=(n=K(t))==null?void 0:n.namespaceURI)==null?void 0:I.includes("svg")}),E=e.ref(o.width),y=e.ref(o.height),{stop:v}=ce(t,([n])=>{const I=u==="border-box"?n.borderBoxSize:u==="content-box"?n.contentBoxSize:n.devicePixelContentBoxSize;if(l&&a.value){const f=K(t);if(f){const D=f.getBoundingClientRect();E.value=D.width,y.value=D.height}}else if(I){const f=Array.isArray(I)?I:[I];E.value=f.reduce((D,{inlineSize:S})=>D+S,0),y.value=f.reduce((D,{blockSize:S})=>D+S,0)}else E.value=n.contentRect.width,y.value=n.contentRect.height},s);Ie(()=>{const n=K(t);n&&(E.value="offsetWidth"in n?n.offsetWidth:o.width,y.value="offsetHeight"in n?n.offsetHeight:o.height)});const M=e.watch(()=>K(t),n=>{E.value=n?o.width:0,y.value=n?o.height:0});function O(){v(),M()}return{width:E,height:y,stop:O}}function Re(t,o,s,l={}){var u,a,E;const{clone:y=!1,passive:v=!1,eventName:M,deep:O=!1,defaultValue:n,shouldEmit:I}=l,f=e.getCurrentInstance(),D=s||(f==null?void 0:f.emit)||((u=f==null?void 0:f.$emit)==null?void 0:u.bind(f))||((E=(a=f==null?void 0:f.proxy)==null?void 0:a.$emit)==null?void 0:E.bind(f==null?void 0:f.proxy));let S=M;o||(o="modelValue"),S=S||`update:${o.toString()}`;const C=b=>y?typeof y=="function"?y(b):Be(b):b,F=()=>be(t[o])?C(t[o]):n,m=b=>{I?I(b)&&D(S,b):D(S,b)};if(v){const b=F(),P=e.ref(b);let B=!1;return e.watch(()=>t[o],h=>{B||(B=!0,P.value=C(h),e.nextTick(()=>B=!1))}),e.watch(P,h=>{!B&&(h!==t[o]||O)&&m(h)},{deep:O}),P}else return e.computed({get(){return F()},set(b){m(b)}})}function Te(){const{isDark:t}=Z(),o=Pe(t);return{isDark:t,toggleDark:o}}function ue(){const t=e.ref(!1);return e.onMounted(()=>{de(t),Ue(t)}),e.watch(()=>t.value,()=>{t.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),{isDark:t}}function de(t){var o=document.documentElement;o&&(o.classList.contains("dark")?t.value=!0:t.value=!1)}function Ue(t){var o=document.querySelector("html"),s=new MutationObserver(function(l){for(var u of l)if(u.type==="attributes"&&u.attributeName==="class"){const a=u.target;new Array(...a.classList).includes("dark")?t.value=!0:t.value=!1}});s.observe(o,{attributes:!0,attributeFilter:["class"]}),e.onUnmounted(()=>{s.disconnect()})}function fe(){const t=e.ref(1),o=e.ref(!1),{isDark:s}=ue(),{pressSpace:l,pressShift:u,pressCtrl:a}=pe();return{canvasScale:t,pressSpace:l,pressShift:u,pressCtrl:a,disabledZoom:o,isDark:s}}const Z=Ee(fe);function pe(){const t=e.ref(!1),o=e.ref(!1),s=e.ref(!1);return j(" ",()=>{t.value=!0}),ee(" ",()=>{t.value=!1}),j("Shift",l=>{l.preventDefault(),o.value=!0}),ee("Shift",()=>{o.value=!1}),j("Control",l=>{l.preventDefault(),s.value=!0}),ee("Control",()=>{s.value=!1}),{pressSpace:t,pressShift:o,pressCtrl:s}}function qe(t){const{pressSpace:o}=Z(),s=new Image(1,1);s.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";let l=0,u=0;function a(v){var M;o.value&&(l=v.x,u=v.y,(M=v.dataTransfer)==null||M.setDragImage(document.createElement("div"),0,0))}function E(v){if(v.preventDefault(),!v.x||!v.y||!o.value)return;const M=v.x-l,O=v.y-u;l=v.x,u=v.y,t.value&&(t.value.scrollTop-=O,t.value.scrollLeft-=M)}function y(){o.value=!1}return{handleElementDragStart:a,handleElementDrag:E,handleElementDragEnd:y}}function Le(t){const{pressCtrl:o,canvasScale:s,disabledZoom:l}=Z();function u(a){if(!o.value||l.value)return;a.preventDefault();let E=0;a.deltaY<0?E=s.value+.05:E=s.value-.05,!(E>150||E<.5)&&(s.value=E)}return e.watch(()=>s.value,a=>{t.value&&!l.value&&(t.value.style.transform=`scale(${a})`)}),{handleZoom:u,canvasScale:s}}function ke(t,o=16.66){let s;function l(){u(),s=window.setInterval(t,o)}function u(){window.clearInterval(s)}return{startTimedQuery:l,stopTimedQuery:u}}const Je={class:"min-w-750px rounded"},ze={class:"h-full rounded"},Ke=e.defineComponent({__name:"index",setup(t,{expose:o}){const s=w.pluginManager.getComponent("monacoEditor"),l=w.pluginManager.getComponent("modal"),u=e.ref(null),a=e.ref(!1),E=e.ref(!1),y=e.ref({}),v=e.inject("pageSchema"),M=e.ref(null),O=e.ref("");function n(){E.value=!1}function I(){a.value=!1}function f(){a.value=!0,O.value=w.getUUID()}async function D(){try{let S=await M.value.validateAll();if(!Object.keys(S).length){alert("请添加表单组件后再尝试！");return}Object.keys(S).length===1&&(S=S.default),y.value=JSON.stringify(S,null,2),e.nextTick(()=>{var C;(C=u.value)==null||C.setValue(y.value)}),E.value=!0}catch(S){console.error(S)}}return o({handleOpen:f}),(S,C)=>(e.openBlock(),e.createBlock(e.unref(l),{modelValue:a.value,"onUpdate:modelValue":C[1]||(C[1]=F=>a.value=F),title:"预览",class:"w-900px",width:"900px",onClose:I,onOk:D,okText:"表单数据"},{default:e.withCtx(()=>[e.createElementVNode("div",Je,[(e.openBlock(),e.createBlock(e.unref(ie),{key:O.value,ref_key:"kb",ref:M,"page-schema":e.unref(v)},null,8,["page-schema"])),e.createVNode(e.unref(l),{modelValue:E.value,"onUpdate:modelValue":C[0]||(C[0]=F=>E.value=F),title:"表单数据",class:"w-860px",width:"860px",onClose:n,onOk:n},{default:e.withCtx(()=>[e.createElementVNode("div",ze,[e.createVNode(e.unref(s),{ref_key:"monacoEditorRef",ref:u,autoToggleTheme:"",readOnly:"",class:"h-full editor","model-value":y.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"]))}}),He={key:0,class:"epic-loading-box"},Ze={class:"epic-designer-main"},We={class:"epic-header-container"},Qe={class:"epic-loading-box"},Ge=e.defineComponent({__name:"designer",props:{disabledZoom:{type:Boolean,default:!1},hiddenHeader:{type:Boolean,default:!1},lockDefaultSchemaEdit:{type:Boolean,default:!1},formMode:{type:Boolean,default:!1},title:{default:"EpicDesigner默认项目"},defaultSchema:{},sourceCodeReadOnly:{type:Boolean},source:{default:[]},updateSourceId:{}},emits:["ready","save","reset","toggleDeviceMode","saveSourceData","deleteSourceData","updateSourceData"],setup(t,{expose:o,emit:s}){const{t:l}=z.useLocale(),u=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-v2u1WTMm.cjs"))),a=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-CCCx1tbF.cjs"))),E=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-DCCtWMoU.cjs"))),y=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-R2r9Rw5O.cjs"))),v=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),M=ne(),O=se(),n=t;let I={schemas:[{type:"form",id:"root",label:l("page"),children:[],componentProps:{name:l("form"),style:{padding:"16px"}}}],script:`const { defineExpose, find } = epic;
|
|
1
|
+
"use strict";const e=require("vue"),w=require("./pluginManager-DWHAX8kP.cjs"),z=require("./index-BoL2PSBk.cjs"),re=require("./axios-tuVKNgv9.cjs");function he(t,o){let s=null;return(...l)=>{s&&clearTimeout(s),s=setTimeout(()=>{t(...l)},o)}}function ne(){const t=e.ref({}),o=e.ref({}),s=e.ref(!1),l=e.ref([]),u=e.reactive({});function a(m){return t.value[m]}function E(m,b){t.value[m]=b}function y(m){delete t.value[m]}function v(m,b=!1){const P=Object.entries(w.pluginManager.publicMethods).reduce((B,[h,R])=>(B[h]=R.handler,B),{});try{new Function(`const epic = this;${m}`).bind({...P,getComponent:a,find:a,defineExpose:M,publicMethods:P,pluginManager:w.pluginManager})()}catch(B){b&&console.error("[epic：自定义函数]异常：",B)}}function M(m){m!=null&&(o.value=m)}function O(m,...b){if(!m||m.length===0){console.warn("未提供任何动作");return}m.forEach(P=>{const B=P.args?JSON.parse(P.args):b;switch(P.type){case"public":n(P,B);break;case"custom":I(P,B);break;case"component":f(P,B);break;default:console.warn(`未知的动作类型: ${P.type}`);break}})}function n(m,b){var P;try{(P=w.pluginManager.publicMethods[m.methodName])==null||P.handler(...b)}catch(B){console.error(`[Epic：公共函数(${m.methodName})]执行异常:`,B)}}function I(m,b){var P,B;try{(B=(P=o.value)[m.methodName])==null||B.call(P,...b)}catch(h){console.error(`[Epic：自定义函数(${m.methodName})]执行异常:`,h)}}function f(m,b){const P=m.componentId!=null&&a(m.componentId);if(!P){console.warn(`[Epic：组件${m.componentId}]未找到`);return}try{P[m.methodName](...b)}catch(B){console.error(`[Epic：组件${m.componentId}函数(${m.methodName})]执行异常:`,B)}}function D(m=!0){s.value=m}function S(m){const b=w.findSchemas(m,()=>!0);l.value=b.map(P=>P.id)}function C(m,b="default"){if(u[b]){const P=u[b];w.deepCompareAndModify(m,P)}u[b]=m}function F(m,b="default"){if(u[b]){w.deepCompareAndModify(u[b],m,!1);return}u[b]=m}return{componentInstances:t,funcs:o,isDesignMode:s,defaultComponentIds:l,forms:u,addFormData:C,setFormData:F,getComponentInstance:a,find:a,addComponentInstance:E,removeComponentInstance:y,setMethods:v,doActions:O,setDesignMode:D,setDefaultComponentIds:S}}function se(){const t=e.ref([]),o=e.ref([]),s=e.ref(null);let l=0;function u(v,M="插入组件"){const O=Date.now();l+150>O||(l=O,s.value!=null&&(t.value.push(s.value),o.value.splice(0,o.value.length)),s.value={type:M,componentSchema:JSON.stringify(v)},t.value.length>60&&t.value.unshift())}function a(){if(t.value.length===0)return!1;const v=t.value.pop();return s.value!=null&&o.value.push(s.value),s.value=v,JSON.parse(v.componentSchema)}function E(){if(o.value.length===0)return!1;const v=o.value.pop();return s.value!=null&&t.value.push(s.value),s.value=v,JSON.parse(v.componentSchema)}function y(){t.value=[],o.value=[],s.value=null}return{recordList:t,undoList:o,currentRecord:s,push:u,undo:a,redo:E,reset:y}}const ve=e.defineComponent({__name:"dynamicFormItem",props:{hasFormItem:{type:Boolean},formItemProps:{}},emits:["updateFormItemRef"],setup(t,{emit:o}){const s=w.pluginManager.getComponent("form-item"),l=t,u=o,a=e.ref(),E=()=>{u("updateFormItemRef",a.value)};return(y,v)=>l.hasFormItem?(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({key:0,ref_key:"formItemRef",ref:a,onVnodeMounted:E},l.formItemProps),{default:e.withCtx(()=>[e.renderSlot(y.$slots,"default")]),_:3},16,["onVnodeMounted"])):e.renderSlot(y.$slots,"default",{key:1})}}),le=e.defineComponent({name:"ENode",__name:"node",props:{componentSchema:{},modelValue:{},ruleField:{},resetFormData:{type:Boolean},name:{},dynamicId:{},sourceDateUrl:{},id:{}},emits:["update:modelValue","change","update:dynamicId"],setup(t,{emit:o}){const{proxy:s}=e.getCurrentInstance(),l=t,u=e.ref(null);let a=e.inject("formData",e.reactive({}));const E=e.inject("slots",{}),y=e.inject("pageManager",{}),v=e.inject("disabled",{value:!1}),M=e.inject("ruleFieldPrefix",null),O=e.inject("resetFormData",!1);let n=e.reactive(w.deepClone(l.componentSchema));D();async function I(r){if(["cascader","checkbox","select","radio"].includes(r.type)&&r.componentProps.dynamicId&&l.sourceDateUrl){const d=(await re.axios({url:l.sourceDateUrl,method:"get",params:{id:r.componentProps.dynamicId},headers:{Authorization:"Bearer "+z.api.get("Admin-Token"),lang:z.api.get("saas-locale")||"zh-CN",zone:Intl.DateTimeFormat().resolvedOptions().timeZone}})).data.data;let _=await re.axios({url:d.url,method:d.method,data:d.body?JSON.parse(d.body):{},params:d.params?JSON.parse(d.params):{},headers:{...JSON.parse(d.headers),Authorization:"Bearer "+z.api.get("Admin-Token"),lang:z.api.get("saas-locale")||"zh-CN",zone:Intl.DateTimeFormat().resolvedOptions().timeZone}});if(d&&(d!=null&&d.dataPath)){const q=d.dataPath.split(".").reduce((W,Q)=>W[Q],_.data);r.componentProps.options=f(q,d.dataKey,d.dataValue)}else r.componentProps.options=f(_.data,d.dataKey,d.dataValue);return r}return r}function f(r,i,N){return r&&Object.prototype.toString.call(r)==="[object Array]"?r.map(d=>d.children&&d.children.length?{label:d[i],value:d[N]+"",children:f(d.children,i,N)}:{label:d[i],value:d[N]+""}):[]}e.watch(()=>l.componentSchema,r=>{w.deepEqual(n,r,["children"])||(w.deepCompareAndModify(n,w.deepClone(r)),D())},{deep:!0});function D(){y.isDesignMode.value&&typeof n.field=="string"&&(n.field+="-design-mode")}(l.resetFormData||O)&&(a={});const S=o,C=e.ref(),F=e.ref(),m=r=>{F.value=r},b=e.useAttrs();Object.keys(b).length&&e.provide("nodeAttrs",b);const P=e.shallowRef(null),B=e.computed(()=>{var r,i;return(r=n.componentProps)!=null&&r.hidden?!1:typeof n.show=="boolean"?n.show:((i=n.show)==null?void 0:i.call(n,{values:a}))??!0}),h=e.computed(()=>{var d;const r=B.value&&((d=n.rules)==null?void 0:d.map(_=>({..._,validator:_.validator&&y.funcs.value[_.validator]})));let i=n.field;l.ruleField?i=l.ruleField:M&&n.field&&(i=w.deepClone(M),i.push(n.field));const N={...n,rules:r,rule:r,field:i};return N.children&&delete N.children,N}),R=e.computed(()=>{var N,d,_;const r=((N=T.value)==null?void 0:N.bindModel)??"modelValue",i={};return n.on&&Object.keys(n.on).forEach(U=>{i[`on${w.capitalizeFirstLetter(U)}`]=(...q)=>y.doActions(n.on[U],...q)}),n.type==="selectpage"&&(n.componentProps.defaultData={value:a[n.field],label:a[a[n.field]]}),{...l,...n.componentProps,disabled:l.componentSchema.type==="input"&&l.componentSchema.componentProps&&((d=l.componentSchema.componentProps)!=null&&d.isLink)?!1:(v==null?void 0:v.value)||((_=n.componentProps)==null?void 0:_.disabled),bindModel:r,...i}}),T=e.computed(()=>w.pluginManager.getComponentConfingByType(n.type)??null);e.watchEffect(()=>{u.value=l.modelValue??a[n.field??""]}),e.watch(()=>u.value,()=>{u.value!==(l.modelValue??a[n.field??""])&&c(u.value)}),e.watch(()=>C.value,()=>{A()},{immediate:!0});function A(){var i;const r=C.value||s;n.id&&r&&((n.input||n.type==="table"&&n.field||n.type==="card"&&n.field&&n.multiple)&&(r.setValue=c,r.getValue=()=>a[n.field]||l.modelValue),r.setAttr=(N,d)=>(n.componentProps||(n.componentProps={}),n.componentProps[N]=d),r.getAttr=N=>n.componentProps[N],y.addComponentInstance(n.id,r),(i=T.value)!=null&&i.defaultSchema.input&&n.noFormItem!==!0&&F.value&&y.addComponentInstance(n.id+"formItem",F.value))}function g(){var r;n.id&&(y.removeComponentInstance(n.id),(r=T.value)!=null&&r.defaultSchema.input&&n.noFormItem!==!0&&y.removeComponentInstance(n.id+"formItem"))}async function k(){var i,N,d;if(n=await I(n),typeof((i=n.componentProps)==null?void 0:i.defaultValue)<"u"){const _=y.isDesignMode.value?(N=n.componentProps)==null?void 0:N.defaultValue:a[n.field]??((d=n.componentProps)==null?void 0:d.defaultValue);c(w.deepClone(_))}if(n.type==="slot"){const _=n.slotName;if(!_)return;P.value=e.defineComponent({setup(){return()=>e.renderSlot(E,_,{componentSchema:n,model:a})}});return}const r=w.pluginManager.getComponent(n.type);if(!r){console.error(`组件${n.type}未注册`);return}if(typeof r=="function"){const _=await r();P.value=_.default??_}else P.value=r}function p(r){console.log("%c [ v ]-462","font-size:13px; background:pink; color:#bf2c9f;",r),Object.prototype.toString.call(r)==="[object Array]"?r.forEach(i=>{a[i.value]=i.label}):a[r.value]=r.label,l.id?w.EventBus.emit("updateformData"+l.id,a):w.EventBus.emit("updateformData",a)}function c(r){S("update:modelValue",r),S("change",r),n.field&&(a[n.field]=r),l.id?w.EventBus.emit("updateformData"+l.id,a):w.EventBus.emit("updateformData",a)}function V(r){S("update:dynamicId",r)}let $=null;return e.watch(()=>n,async r=>{const i=JSON.stringify({...r,children:void 0,componentProps:{...r.componentProps,options:null}});if(i===$)return!1;$=i,k()},{immediate:!0,deep:!0}),e.onUnmounted(g),(r,i)=>{var d;const N=e.resolveComponent("ENode");return P.value&&B.value?(e.openBlock(),e.createBlock(ve,{key:0,hasFormItem:e.unref(n).noFormItem!==!0&&((d=T.value)==null?void 0:d.defaultSchema.input),formItemProps:h.value,onUpdateFormItemRef:m},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P.value),e.mergeProps({ref_key:"componentInstance",ref:C,onVnodeMounted:A,model:e.unref(a)},{...R.value},{[R.value.bindModel]:u.value,["onUpdate:"+R.value.bindModel]:i[0]||(i[0]=_=>u.value=_),[`onUpdate:${R.value.bindModel}`||""]:c,"onUpdate:modelValueLabel":p,"onUpdate:dynamicId":V}),{node:e.withCtx(_=>[e.createVNode(N,e.mergeProps({id:l.id},_,{sourceDateUrl:l.sourceDateUrl}),null,16,["id","sourceDateUrl"])]),"edit-node":e.withCtx(()=>[e.renderSlot(r.$slots,"edit-node")]),_:3},16,["model"]))]),_:3},8,["hasFormItem","formItemProps"])):e.createCommentVNode("",!0)}}});function ge(){const t=e.ref(!1),o=ne(),s=e.ref({});function l(){return new Promise(f=>{if(t.value)f();else{const D=e.watch(t,()=>{D(),f()})}})}async function u(f="default"){var S;await l();const D=(S=s.value)==null?void 0:S[f];if(!D)throw new Error(`表单 [name=${f}] 不存在`);return D}async function a(f,D){const S=await u(f);return w.deepClone(await D(S))}async function E(f="default"){return await a(f,D=>D.getData())}function y(f,D="default",S=void 0){var C,F;if(S&&Object.keys(S).length){let m=function(h){let R=[];return h.forEach(T=>{T.children&&(R=[...R,...m(T.children)]),R.push(T)}),R},P=function(h){var T;let R=m((T=S==null?void 0:S.schemas[0])==null?void 0:T.children);return Object.keys(h).forEach(A=>{var p,c,V,$,r,i,N;const g=R.find(d=>d.field===A),k=["datetimerange","daterange","monthrange","dates"];if((g&&(g==null?void 0:g.type)==="checkbox"||(g==null?void 0:g.type)==="select"&&((p=g==null?void 0:g.componentProps)!=null&&p.multiple)||(g==null?void 0:g.type)==="cascader"&&!((V=(c=g==null?void 0:g.componentProps)==null?void 0:c.props)!=null&&V.multiple)||(g==null?void 0:g.type)==="date"&&k.includes(($=g==null?void 0:g.componentProps)==null?void 0:$.type))&&typeof h[A]=="string")h[A]=(r=h[A])==null?void 0:r.split(",");else if((g==null?void 0:g.type)==="cascader"&&((N=(i=g==null?void 0:g.componentProps)==null?void 0:i.props)!=null&&N.multiple)&&typeof h[A]=="string")h[A].indexOf("；")===-1&&h[A].indexOf(";")===-1?h[A][h[A]]:h[A].indexOf(";")>-1?h[A]=h[A].split(";").map(d=>d.split(",")):h[A].indexOf("；")===-1?h[A]=h[A].split(","):h[A].indexOf("；")>-1?h[A]=h[A].split("；").map(d=>d.split(",")):h[A].indexOf(";")===-1&&(h[A]=h[A].split(","));else if(((g==null?void 0:g.type)==="upload-image"||(g==null?void 0:g.type)==="upload-file")&&typeof h[A]=="string"){let d=[];Object.entries(h).forEach(([_,U])=>{h[A]===U&&_!==g.field&&_.indexOf("@")>-1&&_.indexOf(A)>-1&&(d=_.split("@")[1].split(","))}),h[A]=h[A].split(",").map((_,U)=>({url:_,name:d[U]||_}))}else(g==null?void 0:g.type)==="number"||(g==null?void 0:g.type)==="slider"?h[A]=Number(h[A]):(g==null?void 0:g.type)==="switch"&&(h[A]=typeof h[A]=="boolean"?h[A]:h[A].indexOf("true")>-1)}),h}(f);o.setFormData(P,D);const B=(C=s.value)==null?void 0:C[D];B==null||B.clearValidate()}else{o.setFormData(f,D);const m=(F=s.value)==null?void 0:F[D];m==null||m.clearValidate()}}async function v(f="default"){return await a(f,async D=>(await D.validate(),await D.getData()))}async function M(f){await l();const D={};for(const S in s.value){const C=s.value[S];C&&(D[S]=w.deepClone(await f(C)))}return D}async function O(){return await M(f=>f.getData())}function n(f){for(const D in f)y(f[D],D)}async function I(){return await M(async f=>(await f.validate(),await f.getData()))}return{ready:t,pageManager:o,forms:s,getData:E,setData:y,validate:v,getForms:O,setForms:n,validateAll:I,getFormInstance:u}}const ye={key:0,class:"epic-loading-box"},we={class:"epic-builder-main"},Se={class:"epic-loading-box"},ie=e.defineComponent({__name:"builder",props:{pageSchema:{},formData:{},disabled:{type:Boolean},sourceDateUrl:{},id:{}},emits:["change","ready"],setup(t,{expose:o,emit:s}){const l=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),u=s,a=e.ref([]),E=e.ref({}),{ready:y,pageManager:v,forms:M,getData:O,setData:n,validate:I,getForms:f,setForms:D,validateAll:S,getFormInstance:C}=ge(),F=t,m=e.reactive({schemas:[]});e.watch(()=>F.pageSchema,p=>{w.deepCompareAndModify(m,p)},{immediate:!0,deep:!0}),e.watch(()=>F.formData,p=>{if(p){let c=T(p);E.value=c,n(c)}},{immediate:!0,deep:!0});function b(p){let c=[];return p.forEach(V=>{V.children&&(c=[...c,...b(V.children)]),c.push(V)}),c}function P(p,c){function V(r){return JSON.parse(JSON.stringify(r))}function $(r,i){if(r.type==="card"&&r.multiple&&r.field&&Array.isArray(i[r.field]))return i[r.field].map(d=>{var U;const _=V({...r,multiple:!0});return _.children=(U=_.children)==null?void 0:U.map(q=>$(q,d)).flat(),_});const N=V(r);return Array.isArray(N.children)&&(N.children=N.children.map(d=>$(d,i)).flat()),N}return p.map(r=>$(r,c)).flat()}function B(p,c="",V={root:0}){const $=c||"root";return c||(V.root=0),V[$]===void 0&&(V[$]=0),p.map(r=>{r.field&&(r.oldField=JSON.parse(JSON.stringify(r.field)));const i={...r};if(r.type==="card"){const N=r.field||"";r.multiple?(i.field=c?`${c}.${N}[${V[$]}]`:`${N}[${V[$]}]`,V[$]++):r.field&&c&&(i.field=`${c}.${N}`);const d=i.field||c;V[d]=0}else r.field&&c&&(i.field=`${c}.${r.field}`);return r.children&&(i.children=B(r.children,i.field||c,V)),i})}function h(p,c,V="",$={}){const r=V||"root";return $[r]===void 0&&($[r]=0),p.forEach(i=>{const N=i.field||"";let d=V?`${V}.${N}`:`${N}`;i.type==="card"&&i.multiple?(typeof c[d][`${$[r]}`]=="object"?Object.keys(c[d][`${$[r]}`]).forEach(_=>{c[`${d}[${$[r]}].${_}`]=c[d][`${$[r]}`][_]}):c[`${d}[${$[r]}]`]=c[d][`${$[r]}`],i.children&&(i.children=h(i.children,c,`${d}[${$[r]}]`||V,$)),$[r]++):i.children&&(i.children=h(i.children,c,V,$))}),$[r]=0,c}function R(p,c,V){let $=h(w.deepClone(p),w.deepClone(c));return{obj:B(p),dataObj:$}}function T(p){let c=b(F.pageSchema.schemas[0].children);a.value=c.filter(i=>i.type==="card"&&i.multiple);const V=P(F.pageSchema.schemas[0].children,p);let{obj:$,dataObj:r}=R(V,p,a.value);return p=r,F.pageSchema.schemas[0].children=$,Object.keys(p).forEach(i=>{var N,d,_,U,q,W,Q;if(i.indexOf("@")<0){const x=c.find(L=>L.field===i),me=["datetimerange","daterange","monthrange","dates"];if((x&&(x==null?void 0:x.type)==="checkbox"||(x==null?void 0:x.type)==="select"&&((N=x==null?void 0:x.componentProps)!=null&&N.multiple)||(x==null?void 0:x.type)==="cascader"&&!((_=(d=x==null?void 0:x.componentProps)==null?void 0:d.props)!=null&&_.multiple)||(x==null?void 0:x.type)==="date"&&me.includes((U=x==null?void 0:x.componentProps)==null?void 0:U.type))&&typeof p[i]=="string")p[i]=(q=p[i])==null?void 0:q.split(",");else if((x==null?void 0:x.type)==="cascader"&&((Q=(W=x==null?void 0:x.componentProps)==null?void 0:W.props)!=null&&Q.multiple)&&typeof p[i]=="string")p[i].indexOf(";")>-1?p[i]=p[i].split(";").map(L=>L.split(",")):p[i]=p[i].split(","),p[i].indexOf("；")>-1?p[i]=p[i].split("；").map(L=>L.split(",")):p[i]=p[i].split(",");else if(((x==null?void 0:x.type)==="upload-image"||(x==null?void 0:x.type)==="upload-file")&&typeof p[i]=="string"){let L=[];Object.entries(p).forEach(([J,X])=>{p[i]===X&&J!==x.field&&J.indexOf("@")>-1&&J.indexOf(i)>-1&&(L=J.split("@")[1].split(","))}),p[i]=p[i].split(",").map((J,X)=>({url:J,name:L[X]||J}))}else(x==null?void 0:x.type)==="number"||(x==null?void 0:x.type)==="slider"?p[i]=Number(p[i]):(x==null?void 0:x.type)==="switch"&&(p[i]=typeof p[i]=="boolean"?p[i]:p[i].indexOf("true")>-1)}}),p}e.watch(()=>m.script,p=>{p&&v.setMethods(p,!0)},{immediate:!0}),e.provide("slots",e.useSlots()),e.provide("pageManager",v),e.provide("forms",M),e.provide("pageSchema",m),e.provide("disabled",e.computed(()=>F.disabled));const A=e.getCurrentInstance(),g=A==null?void 0:A.proxy;function k(){e.nextTick(()=>{y.value=!0,u("ready",v),g&&v.addComponentInstance("builder",g)})}return w.EventBus.on("updateformData"+(F.id?F.id:""),p=>{u("change",p)}),o({ready:y,pageManager:v,getData:O,setData:n,validate:I,getForms:f,setForms:D,validateAll:S,getFormInstance:C}),(p,c)=>e.unref(w.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:k},{default:e.withCtx(()=>[e.createElementVNode("div",we,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.schemas,(V,$)=>(e.openBlock(),e.createBlock(e.unref(le),{id:F.id,key:$,sourceDateUrl:F.sourceDateUrl,componentSchema:V},null,8,["id","sourceDateUrl","componentSchema"]))),128))])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Se,[e.createVNode(e.unref(l))])]),_:1})):(e.openBlock(),e.createElementBlock("div",ye))}});function oe(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function Ee(t){let o=0,s,l;const u=()=>{o-=1,l&&o<=0&&(l.stop(),s=void 0,l=void 0)};return(...a)=>(o+=1,l||(l=e.effectScope(!0),s=l.run(()=>t(...a))),oe(u),s)}function H(t){return typeof t=="function"?t():e.unref(t)}const De=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const be=t=>typeof t<"u",xe=Object.prototype.toString,Ce=t=>xe.call(t)==="[object Object]",Ae=()=>{};function Oe(t){return e.getCurrentInstance()}function Ie(t,o=!0,s){Oe()?e.onMounted(t,s):o?t():e.nextTick(t)}function Pe(t=!1,o={}){const{truthyValue:s=!0,falsyValue:l=!1}=o,u=e.isRef(t),a=e.ref(t);function E(y){if(arguments.length)return a.value=y,a.value;{const v=H(s);return a.value=a.value===v?H(l):v,a.value}}return u?E:[a,E]}function _e(t,o,s){const l=e.watch(t,(...u)=>(e.nextTick(()=>l()),o(...u)),s);return l}const Y=De?window:void 0;function K(t){var o;const s=H(t);return(o=s==null?void 0:s.$el)!=null?o:s}function Ne(...t){let o,s,l,u;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,l,u]=t,o=Y):[o,s,l,u]=t,!o)return Ae;Array.isArray(s)||(s=[s]),Array.isArray(l)||(l=[l]);const a=[],E=()=>{a.forEach(O=>O()),a.length=0},y=(O,n,I,f)=>(O.addEventListener(n,I,f),()=>O.removeEventListener(n,I,f)),v=e.watch(()=>[K(o),H(u)],([O,n])=>{if(E(),!O)return;const I=Ce(n)?{...n}:n;a.push(...s.flatMap(f=>l.map(D=>y(O,f,D,I))))},{immediate:!0,flush:"post"}),M=()=>{v(),E()};return oe(M),M}function Me(t){return typeof t=="function"?t:typeof t=="string"?o=>o.key===t:Array.isArray(t)?o=>t.includes(o.key):()=>!0}function ae(...t){let o,s,l={};t.length===3?(o=t[0],s=t[1],l=t[2]):t.length===2?typeof t[1]=="object"?(o=!0,s=t[0],l=t[1]):(o=t[0],s=t[1]):(o=!0,s=t[0]);const{target:u=Y,eventName:a="keydown",passive:E=!1,dedupe:y=!1}=l,v=Me(o);return Ne(u,a,O=>{O.repeat&&H(y)||v(O)&&s(O)},E)}function j(t,o,s={}){return ae(t,o,{...s,eventName:"keydown"})}function ee(t,o,s={}){return ae(t,o,{...s,eventName:"keyup"})}function Ve(){const t=e.ref(!1),o=e.getCurrentInstance();return o&&e.onMounted(()=>{t.value=!0},o),t}function $e(t){const o=Ve();return e.computed(()=>(o.value,!!t()))}function Be(t){return JSON.parse(JSON.stringify(t))}function ce(t,o,s={}){const{window:l=Y,...u}=s;let a;const E=$e(()=>l&&"ResizeObserver"in l),y=()=>{a&&(a.disconnect(),a=void 0)},v=e.computed(()=>{const n=H(t);return Array.isArray(n)?n.map(I=>K(I)):[K(n)]}),M=e.watch(v,n=>{if(y(),E.value&&l){a=new ResizeObserver(o);for(const I of n)I&&a.observe(I,u)}},{immediate:!0,flush:"post"}),O=()=>{y(),M()};return oe(O),{isSupported:E,stop:O}}function Fe(t,o={width:0,height:0},s={}){const{window:l=Y,box:u="content-box"}=s,a=e.computed(()=>{var n,I;return(I=(n=K(t))==null?void 0:n.namespaceURI)==null?void 0:I.includes("svg")}),E=e.ref(o.width),y=e.ref(o.height),{stop:v}=ce(t,([n])=>{const I=u==="border-box"?n.borderBoxSize:u==="content-box"?n.contentBoxSize:n.devicePixelContentBoxSize;if(l&&a.value){const f=K(t);if(f){const D=f.getBoundingClientRect();E.value=D.width,y.value=D.height}}else if(I){const f=Array.isArray(I)?I:[I];E.value=f.reduce((D,{inlineSize:S})=>D+S,0),y.value=f.reduce((D,{blockSize:S})=>D+S,0)}else E.value=n.contentRect.width,y.value=n.contentRect.height},s);Ie(()=>{const n=K(t);n&&(E.value="offsetWidth"in n?n.offsetWidth:o.width,y.value="offsetHeight"in n?n.offsetHeight:o.height)});const M=e.watch(()=>K(t),n=>{E.value=n?o.width:0,y.value=n?o.height:0});function O(){v(),M()}return{width:E,height:y,stop:O}}function Re(t,o,s,l={}){var u,a,E;const{clone:y=!1,passive:v=!1,eventName:M,deep:O=!1,defaultValue:n,shouldEmit:I}=l,f=e.getCurrentInstance(),D=s||(f==null?void 0:f.emit)||((u=f==null?void 0:f.$emit)==null?void 0:u.bind(f))||((E=(a=f==null?void 0:f.proxy)==null?void 0:a.$emit)==null?void 0:E.bind(f==null?void 0:f.proxy));let S=M;o||(o="modelValue"),S=S||`update:${o.toString()}`;const C=b=>y?typeof y=="function"?y(b):Be(b):b,F=()=>be(t[o])?C(t[o]):n,m=b=>{I?I(b)&&D(S,b):D(S,b)};if(v){const b=F(),P=e.ref(b);let B=!1;return e.watch(()=>t[o],h=>{B||(B=!0,P.value=C(h),e.nextTick(()=>B=!1))}),e.watch(P,h=>{!B&&(h!==t[o]||O)&&m(h)},{deep:O}),P}else return e.computed({get(){return F()},set(b){m(b)}})}function Te(){const{isDark:t}=Z(),o=Pe(t);return{isDark:t,toggleDark:o}}function ue(){const t=e.ref(!1);return e.onMounted(()=>{de(t),Ue(t)}),e.watch(()=>t.value,()=>{t.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),{isDark:t}}function de(t){var o=document.documentElement;o&&(o.classList.contains("dark")?t.value=!0:t.value=!1)}function Ue(t){var o=document.querySelector("html"),s=new MutationObserver(function(l){for(var u of l)if(u.type==="attributes"&&u.attributeName==="class"){const a=u.target;new Array(...a.classList).includes("dark")?t.value=!0:t.value=!1}});s.observe(o,{attributes:!0,attributeFilter:["class"]}),e.onUnmounted(()=>{s.disconnect()})}function fe(){const t=e.ref(1),o=e.ref(!1),{isDark:s}=ue(),{pressSpace:l,pressShift:u,pressCtrl:a}=pe();return{canvasScale:t,pressSpace:l,pressShift:u,pressCtrl:a,disabledZoom:o,isDark:s}}const Z=Ee(fe);function pe(){const t=e.ref(!1),o=e.ref(!1),s=e.ref(!1);return j(" ",()=>{t.value=!0}),ee(" ",()=>{t.value=!1}),j("Shift",l=>{l.preventDefault(),o.value=!0}),ee("Shift",()=>{o.value=!1}),j("Control",l=>{l.preventDefault(),s.value=!0}),ee("Control",()=>{s.value=!1}),{pressSpace:t,pressShift:o,pressCtrl:s}}function qe(t){const{pressSpace:o}=Z(),s=new Image(1,1);s.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";let l=0,u=0;function a(v){var M;o.value&&(l=v.x,u=v.y,(M=v.dataTransfer)==null||M.setDragImage(document.createElement("div"),0,0))}function E(v){if(v.preventDefault(),!v.x||!v.y||!o.value)return;const M=v.x-l,O=v.y-u;l=v.x,u=v.y,t.value&&(t.value.scrollTop-=O,t.value.scrollLeft-=M)}function y(){o.value=!1}return{handleElementDragStart:a,handleElementDrag:E,handleElementDragEnd:y}}function Le(t){const{pressCtrl:o,canvasScale:s,disabledZoom:l}=Z();function u(a){if(!o.value||l.value)return;a.preventDefault();let E=0;a.deltaY<0?E=s.value+.05:E=s.value-.05,!(E>150||E<.5)&&(s.value=E)}return e.watch(()=>s.value,a=>{t.value&&!l.value&&(t.value.style.transform=`scale(${a})`)}),{handleZoom:u,canvasScale:s}}function ke(t,o=16.66){let s;function l(){u(),s=window.setInterval(t,o)}function u(){window.clearInterval(s)}return{startTimedQuery:l,stopTimedQuery:u}}const Je={class:"min-w-750px rounded"},ze={class:"h-full rounded"},Ke=e.defineComponent({__name:"index",setup(t,{expose:o}){const s=w.pluginManager.getComponent("monacoEditor"),l=w.pluginManager.getComponent("modal"),u=e.ref(null),a=e.ref(!1),E=e.ref(!1),y=e.ref({}),v=e.inject("pageSchema"),M=e.ref(null),O=e.ref("");function n(){E.value=!1}function I(){a.value=!1}function f(){a.value=!0,O.value=w.getUUID()}async function D(){try{let S=await M.value.validateAll();if(!Object.keys(S).length){alert("请添加表单组件后再尝试！");return}Object.keys(S).length===1&&(S=S.default),y.value=JSON.stringify(S,null,2),e.nextTick(()=>{var C;(C=u.value)==null||C.setValue(y.value)}),E.value=!0}catch(S){console.error(S)}}return o({handleOpen:f}),(S,C)=>(e.openBlock(),e.createBlock(e.unref(l),{modelValue:a.value,"onUpdate:modelValue":C[1]||(C[1]=F=>a.value=F),title:"预览",class:"w-900px",width:"900px",onClose:I,onOk:D,okText:"表单数据"},{default:e.withCtx(()=>[e.createElementVNode("div",Je,[(e.openBlock(),e.createBlock(e.unref(ie),{key:O.value,ref_key:"kb",ref:M,"page-schema":e.unref(v)},null,8,["page-schema"])),e.createVNode(e.unref(l),{modelValue:E.value,"onUpdate:modelValue":C[0]||(C[0]=F=>E.value=F),title:"表单数据",class:"w-860px",width:"860px",onClose:n,onOk:n},{default:e.withCtx(()=>[e.createElementVNode("div",ze,[e.createVNode(e.unref(s),{ref_key:"monacoEditorRef",ref:u,autoToggleTheme:"",readOnly:"",class:"h-full editor","model-value":y.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"]))}}),He={key:0,class:"epic-loading-box"},Ze={class:"epic-designer-main"},We={class:"epic-header-container"},Qe={class:"epic-loading-box"},Ge=e.defineComponent({__name:"designer",props:{disabledZoom:{type:Boolean,default:!1},hiddenHeader:{type:Boolean,default:!1},lockDefaultSchemaEdit:{type:Boolean,default:!1},formMode:{type:Boolean,default:!1},title:{default:"EpicDesigner默认项目"},defaultSchema:{},sourceCodeReadOnly:{type:Boolean},source:{default:[]},updateSourceId:{}},emits:["ready","save","reset","toggleDeviceMode","saveSourceData","deleteSourceData","updateSourceData"],setup(t,{expose:o,emit:s}){const{t:l}=z.useLocale(),u=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-v2u1WTMm.cjs"))),a=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-CCCx1tbF.cjs"))),E=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-DVF9HIIx.cjs"))),y=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-R2r9Rw5O.cjs"))),v=w.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),M=ne(),O=se(),n=t;let I={schemas:[{type:"form",id:"root",label:l("page"),children:[],componentProps:{name:l("form"),style:{padding:"16px"}}}],script:`const { defineExpose, find } = epic;
|
|
2
2
|
|
|
3
3
|
function test (){
|
|
4
4
|
console.log('test')
|
|
@@ -7,4 +7,4 @@ function test (){
|
|
|
7
7
|
// 通过defineExpose暴露的函数或者属性
|
|
8
8
|
defineExpose({
|
|
9
9
|
test
|
|
10
|
-
})`};e.watchEffect(()=>{if(n.defaultSchema){I=n.defaultSchema;return}n.source&&w.pluginManager.setSourceData(n.source),n.formMode&&(I.schemas=w.pluginManager.formSchemas)}),M.setDesignMode(),M.setDefaultComponentIds(I.schemas);const f=s,D=e.ref(null),S=e.reactive({checkedNode:null,hoverNode:null,disableHover:!1,matched:[]}),C=e.reactive({schemas:[],script:I.script}),{disabledZoom:F}=Z();e.watchEffect(()=>{F.value=n.disabledZoom}),e.watchEffect(()=>{const c=C.script;c&&c!==""&&M.setMethods(c)}),e.provide("pageSchema",C),e.provide("revoke",O),e.provide("pageManager",M),e.provide("designerProps",e.computed(()=>n)),e.provide("designer",{setCheckedNode:b,setHoverNode:P,setDisableHover:h,handleToggleDeviceMode:k,reset:A,state:S}),w.EventBus.on("saveSourceData",c=>{f("saveSourceData",c)}),w.EventBus.on("deleteSourceData",c=>{f("deleteSourceData",c)}),w.EventBus.on("updateSourceData",c=>{f("updateSourceData",c)});function m(){C.schemas=w.deepClone(I.schemas),b(C.schemas[0]),O.push(C.schemas,"初始化撤销功能")}async function b(c=C.schemas[0]){S.checkedNode=c,S.matched=w.getMatchedById(C.schemas,c.id)}async function P(c=null){var V;if(!c||S.disableHover)return S.hoverNode=null,!1;if((c==null?void 0:c.id)===((V=S.hoverNode)==null?void 0:V.id))return!1;S.hoverNode=c}function B(){e.nextTick(()=>{f("ready",{pageManager:M})})}async function h(c=!1){S.disableHover=c}function R(c){w.deepCompareAndModify(C,w.deepClone(c))}function T(){return e.toRaw(C)}function A(){w.deepEqual(C.schemas,I.schemas)&&C.script===I.script||(w.deepCompareAndModify(C.schemas,I.schemas),C.script=I.script,b(C.schemas[0]),O.push(C.schemas,"重置操作"),f("reset",C))}function g(){f("save",e.toRaw(C))}function k(c){f("toggleDeviceMode",c)}function p(){D.value.handleOpen()}return m(),o({revoke:O,setData:R,getData:T,reset:A,preview:p}),(c,V)=>e.unref(w.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:B},{default:e.withCtx(()=>[e.createElementVNode("div",Ze,[e.createElementVNode("div",We,[e.renderSlot(c.$slots,"header",{},()=>[n.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(u),{key:0,onPreview:p,onSave:g},{header:e.withCtx(()=>[e.renderSlot(c.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(c.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(c.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(c.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(c.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(c.$slots,"header-right-suffix")]),_:3}))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-split-view-container",{"hidden-header":c.hiddenHeader}])},[e.createVNode(e.unref(a)),e.createVNode(e.unref(E)),e.createVNode(e.unref(y))],2),e.createVNode(Ke,{ref_key:"previewRef",ref:D},null,512)])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Qe,[e.createVNode(e.unref(v))])]),_:3})):(e.openBlock(),e.createElementBlock("div",He))}}),Ye={component:async()=>await Promise.resolve().then(()=>require("./index-
|
|
10
|
+
})`};e.watchEffect(()=>{if(n.defaultSchema){I=n.defaultSchema;return}n.source&&w.pluginManager.setSourceData(n.source),n.formMode&&(I.schemas=w.pluginManager.formSchemas)}),M.setDesignMode(),M.setDefaultComponentIds(I.schemas);const f=s,D=e.ref(null),S=e.reactive({checkedNode:null,hoverNode:null,disableHover:!1,matched:[]}),C=e.reactive({schemas:[],script:I.script}),{disabledZoom:F}=Z();e.watchEffect(()=>{F.value=n.disabledZoom}),e.watchEffect(()=>{const c=C.script;c&&c!==""&&M.setMethods(c)}),e.provide("pageSchema",C),e.provide("revoke",O),e.provide("pageManager",M),e.provide("designerProps",e.computed(()=>n)),e.provide("designer",{setCheckedNode:b,setHoverNode:P,setDisableHover:h,handleToggleDeviceMode:k,reset:A,state:S}),w.EventBus.on("saveSourceData",c=>{f("saveSourceData",c)}),w.EventBus.on("deleteSourceData",c=>{f("deleteSourceData",c)}),w.EventBus.on("updateSourceData",c=>{f("updateSourceData",c)});function m(){C.schemas=w.deepClone(I.schemas),b(C.schemas[0]),O.push(C.schemas,"初始化撤销功能")}async function b(c=C.schemas[0]){S.checkedNode=c,S.matched=w.getMatchedById(C.schemas,c.id)}async function P(c=null){var V;if(!c||S.disableHover)return S.hoverNode=null,!1;if((c==null?void 0:c.id)===((V=S.hoverNode)==null?void 0:V.id))return!1;S.hoverNode=c}function B(){e.nextTick(()=>{f("ready",{pageManager:M})})}async function h(c=!1){S.disableHover=c}function R(c){w.deepCompareAndModify(C,w.deepClone(c))}function T(){return e.toRaw(C)}function A(){w.deepEqual(C.schemas,I.schemas)&&C.script===I.script||(w.deepCompareAndModify(C.schemas,I.schemas),C.script=I.script,b(C.schemas[0]),O.push(C.schemas,"重置操作"),f("reset",C))}function g(){f("save",e.toRaw(C))}function k(c){f("toggleDeviceMode",c)}function p(){D.value.handleOpen()}return m(),o({revoke:O,setData:R,getData:T,reset:A,preview:p}),(c,V)=>e.unref(w.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:B},{default:e.withCtx(()=>[e.createElementVNode("div",Ze,[e.createElementVNode("div",We,[e.renderSlot(c.$slots,"header",{},()=>[n.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(u),{key:0,onPreview:p,onSave:g},{header:e.withCtx(()=>[e.renderSlot(c.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(c.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(c.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(c.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(c.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(c.$slots,"header-right-suffix")]),_:3}))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-split-view-container",{"hidden-header":c.hiddenHeader}])},[e.createVNode(e.unref(a)),e.createVNode(e.unref(E)),e.createVNode(e.unref(y))],2),e.createVNode(Ke,{ref_key:"previewRef",ref:D},null,512)])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Qe,[e.createVNode(e.unref(v))])]),_:3})):(e.openBlock(),e.createElementBlock("div",He))}}),Ye={component:async()=>await Promise.resolve().then(()=>require("./index-S1s5EyEX.cjs")),defaultSchema:{label:"代码编辑器",type:"monacoEditor",field:"monacoEditor",icon:"epic-icon-write",input:!0},config:{attribute:[{label:"字段名",type:"input",field:"field"},{label:"标题",type:"input",field:"label"},{label:"默认值",type:"monacoEditor",field:"componentProps.defaultValue"}]},bindModel:"model-value"},{t:te}=z.useLocale(),Xe={component:async()=>await Promise.resolve().then(()=>require("./index-Ch9jeYmj.cjs")),defaultSchema:{label:te("page"),type:"page",componentProps:{},children:[]},config:{attribute:[{label:te("pageName"),type:"input",componentProps:{placeholder:te("pleaseEnter")},field:"componentProps.name"}]}},{t:G}=z.useLocale();function je(t){t.component("EInputSize",async()=>await Promise.resolve().then(()=>require("./index-CpevxZqj.cjs"))),t.component("EColEditor",async()=>await Promise.resolve().then(()=>require("./index-FgdbKgb5.cjs"))),t.component("EActionEditor",async()=>await Promise.resolve().then(()=>require("./index-DfC1M40-.cjs"))),t.component("ERuleEditor",async()=>await Promise.resolve().then(()=>require("./index-C7iW9KWi.cjs"))),t.component("EOptionsEditor",async()=>await Promise.resolve().then(()=>require("./index-nn6_ml1n.cjs"))),t.component("ENode",async()=>await Promise.resolve().then(()=>require("./index-DWgZA-Xt.cjs"))),t.component("EDataSource",async()=>await Promise.resolve().then(()=>require("./index-BEUYVwRA.cjs"))),t.component("EColumnEditor",async()=>await Promise.resolve().then(()=>require("./index-C1svXxFR.cjs"))),t.component("PaddingMarginControl",async()=>await Promise.resolve().then(()=>require("./index-DYQi05p8.cjs"))),t.component("ESourceDataSelect",async()=>await Promise.resolve().then(()=>require("./index-BAcDYc8e.cjs"))),t.registerActivitybar({id:"component_view",title:G("component"),icon:"icon--epic--extension-outline",component:async()=>await Promise.resolve().then(()=>require("./index-BHZbtFEF.cjs"))}),t.registerActivitybar({id:"outline_view",title:G("outline"),icon:"icon--epic--account-tree-outline-rounded",component:async()=>await Promise.resolve().then(()=>require("./outline-BE98qFHQ.cjs"))}),t.registerRightSidebar({id:"attribute_view",title:G("attribute"),component:async()=>await Promise.resolve().then(()=>require("./attributeView-DLHntIVU.cjs"))}),t.registerRightSidebar({id:"style_view",title:G("style"),component:async()=>await Promise.resolve().then(()=>require("./styleView-DPlU1BR3.cjs"))}),t.registerRightSidebar({id:"event_view",title:"事件",component:async()=>await Promise.resolve().then(()=>require("./eventView-5fa6mfSD.cjs"))}),[Ye,Xe].forEach(s=>{t.registerComponent(s)})}je(w.pluginManager);exports._sfc_main=le;exports._sfc_main$1=ie;exports._sfc_main$2=Ge;exports.debounce=he;exports.getDarkState=de;exports.initStore=fe;exports.useDark=ue;exports.useElementDrag=qe;exports.useElementSize=Fe;exports.useElementZoom=Le;exports.useKeyPress=pe;exports.usePageManager=ne;exports.useResizeObserver=ce;exports.useRevoke=se;exports.useStore=Z;exports.useTheme=Te;exports.useTimedQuery=ke;exports.useVModel=Re;exports.watchOnce=_e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./pluginManager-DWHAX8kP.cjs"),g=require("./index-B8ZkPwJG.cjs"),f=require("./index-BoL2PSBk.cjs"),m={class:""},S=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(u,{emit:r}){const c=n.pluginManager.getComponent("select"),{t:s}=f.useLocale(),i=u,o=e.ref([]),d=r,t=g.useVModel(i,"dynamicId",d);return n.EventBus.on("deleteSourceData",a=>{t.value===a&&(t.value="")}),n.EventBus.on("updateSource",a=>{console.log("%c [ ]-45","font-size:13px; background:pink; color:#bf2c9f;",n.pluginManager.getSourceData()),o.value=JSON.parse(JSON.stringify(n.pluginManager.getSourceData()))}),e.onMounted(()=>{o.value=JSON.parse(JSON.stringify(n.pluginManager.getSourceData()))}),(a,l)=>(e.openBlock(),e.createElementBlock("div",m,[e.createVNode(e.unref(c),{modelValue:e.unref(t),"onUpdate:modelValue":l[0]||(l[0]=p=>e.isRef(t)?t.value=p:null),placeholder:e.unref(s)("pleaseSelectDataSource"),clearable:"",options:o.value},null,8,["modelValue","placeholder","options"])]))}});exports.default=S;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as L, computed as C, inject as D, openBlock as n, createElementBlock as i, Fragment as g, renderList as k, createElementVNode as p, unref as c, toDisplayString as q, createVNode as y, createCommentVNode as M, ref as T, watchEffect as E, createBlock as F, withCtx as O, createTextVNode as I } from "vue";
|
|
2
2
|
import { p as N, a as B } from "./pluginManager-BCnrHPYv.js";
|
|
3
|
-
import { _ as U, g as A } from "./index-
|
|
3
|
+
import { _ as U, g as A } from "./index-CquiCjYl.js";
|
|
4
4
|
import { _ as z } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
5
|
import { u as $ } from "./index-B1s67XDZ.js";
|
|
6
6
|
const R = [
|
|
@@ -2,7 +2,7 @@ import { defineComponent as f, resolveComponent as k, openBlock as _, createBloc
|
|
|
2
2
|
import { d as M } from "./vuedraggable.umd-D2S7Eo7p.js";
|
|
3
3
|
import { p as C, g as U } from "./pluginManager-BCnrHPYv.js";
|
|
4
4
|
import { _ as v } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
5
|
-
import { g as A } from "./index-
|
|
5
|
+
import { g as A } from "./index-CquiCjYl.js";
|
|
6
6
|
import { u as L } from "./index-B1s67XDZ.js";
|
|
7
7
|
const R = { class: "option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2 grid-cols-[16px_auto_auto_16px_16px]" }, S = {
|
|
8
8
|
key: 0,
|
|
@@ -3,7 +3,7 @@ import { n as q, p as w, g as X, a as Y } from "./pluginManager-BCnrHPYv.js";
|
|
|
3
3
|
import { _ as D } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
|
|
4
4
|
import { d as Z } from "./vuedraggable.umd-D2S7Eo7p.js";
|
|
5
5
|
import { _ as ee } from "./tree.vue_vue_type_script_setup_true_lang-BsVyMb-n.js";
|
|
6
|
-
import { _ as te } from "./index-
|
|
6
|
+
import { _ as te } from "./index-CquiCjYl.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: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("./vuedraggable.umd-BqhSJIAi.cjs"),i=require("./pluginManager-DWHAX8kP.cjs"),_=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),h=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("./vuedraggable.umd-BqhSJIAi.cjs"),i=require("./pluginManager-DWHAX8kP.cjs"),_=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),h=require("./index-B8ZkPwJG.cjs"),f=require("./index-BoL2PSBk.cjs"),x={class:"option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2 grid-cols-[16px_auto_auto_16px_16px]"},b={key:0,class:"pl-4"},y=e.defineComponent({name:"EColumnItem",__name:"columnItem",props:{modelValue:{}},emits:["update:modelValue"],setup(m,{emit:s}){const r=m,c=i.pluginManager.getComponent("input"),p=s,a=h.useVModel(r,"modelValue",p);function d(n){const o={type:"table-cell",children:[],id:"table-cell_"+i.getUUID(),label:"",prop:""};n.children?n.children.push(o):n.children=[o]}function V(n){a.value=a.value.filter((o,u)=>u!==n)}return(n,o)=>{const u=e.resolveComponent("EColumnItem");return e.openBlock(),e.createBlock(e.unref(g.draggable),{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=l=>e.isRef(a)?a.value=l:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:l,index:v})=>[e.createElementVNode("div",null,[e.createElementVNode("div",x,[e.createVNode(e.unref(_._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(c),{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(c),{modelValue:l.prop,"onUpdate:modelValue":t=>l.prop=t,value:l.prop,"onUpdate:value":t=>l.prop=t,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(_._sfc_main),{class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:t=>d(l)},null,8,["onClick"]),e.createVNode(e.unref(_._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:t=>V(v)},null,8,["onClick"])]),l.children?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(u,{modelValue:l.children,"onUpdate:modelValue":t=>l.children=t},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),C={class:""},U=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(m,{emit:s}){const{t:r}=f.useLocale(),c=i.pluginManager.getComponent("button"),p=m,a=s,d=e.computed({get(){return p.modelValue},set(n){a("update:modelValue",n)}});e.onMounted(()=>{});function V(){d.value.push({type:"table-cell",children:[],id:"table-cell_"+i.getUUID(),label:"",prop:""})}return(n,o)=>{var u;return e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",null,[e.withDirectives(e.createElementVNode("div",{class:"py-4 my-2 text-center text-gray-400 bg-white"},e.toDisplayString(e.unref(r)("noOptions")),513),[[e.vShow,!((u=d.value)!=null&&u.length)]]),e.createVNode(y,{modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=l=>d.value=l)},null,8,["modelValue"]),e.createVNode(e.unref(c),{onClick:V},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("addOption")),1)]),_:1})])])}}});exports.default=U;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./pluginManager-DWHAX8kP.cjs"),_=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./pluginManager-DWHAX8kP.cjs"),_=require("./index-B8ZkPwJG.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"},C=["title"],N={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,C),e.createElementVNode("div",N,[e.createVNode(e.unref(_._sfc_main),{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(_._sfc_main),{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;
|
|
@@ -1143,7 +1143,7 @@ const xt = { class: "min-w-750px rounded" }, It = { class: "h-full rounded" }, _
|
|
|
1143
1143
|
"updateSourceData"
|
|
1144
1144
|
],
|
|
1145
1145
|
setup(e, { expose: n, emit: s }) {
|
|
1146
|
-
const { t: r } = Oe(), c = se(() => import("./index-IGxCNti8.js")), a = se(() => import("./index-WkZdU_zw.js")), w = se(() => import("./index-
|
|
1146
|
+
const { t: r } = Oe(), c = se(() => import("./index-IGxCNti8.js")), a = se(() => import("./index-WkZdU_zw.js")), w = se(() => import("./index-DKq_URx5.js")), g = se(() => import("./index-Cln9MN7u.js")), h = se(() => import("./index-DgcFxYFp.js")), N = Pe(), O = ke(), t = e;
|
|
1147
1147
|
let x = {
|
|
1148
1148
|
schemas: [
|
|
1149
1149
|
{
|
|
@@ -1331,7 +1331,7 @@ defineExpose({
|
|
|
1331
1331
|
})) : (H(), Ee("div", $t));
|
|
1332
1332
|
}
|
|
1333
1333
|
}), Pt = {
|
|
1334
|
-
component: async () => await import("./index-
|
|
1334
|
+
component: async () => await import("./index-DNsJw-co.js"),
|
|
1335
1335
|
defaultSchema: {
|
|
1336
1336
|
label: "代码编辑器",
|
|
1337
1337
|
type: "monacoEditor",
|
|
@@ -1381,7 +1381,7 @@ defineExpose({
|
|
|
1381
1381
|
}
|
|
1382
1382
|
}, { t: me } = Oe();
|
|
1383
1383
|
function Mt(e) {
|
|
1384
|
-
e.component("EInputSize", async () => await import("./index-Cx7gKpkD.js")), e.component("EColEditor", async () => await import("./index-CpTA2IRB.js")), e.component("EActionEditor", async () => await import("./index-
|
|
1384
|
+
e.component("EInputSize", async () => await import("./index-Cx7gKpkD.js")), e.component("EColEditor", async () => await import("./index-CpTA2IRB.js")), e.component("EActionEditor", async () => await import("./index-C0J-aMmj.js")), e.component("ERuleEditor", async () => await import("./index-BgsV-cQ7.js")), e.component("EOptionsEditor", async () => await import("./index-tdTN310R.js")), e.component("ENode", async () => await import("./index-OVAyGpn1.js")), e.component("EDataSource", async () => await import("./index-B0OgKtuT.js")), e.component("EColumnEditor", async () => await import("./index-BxQ1Bi2l.js")), e.component("PaddingMarginControl", async () => await import("./index-CdnV7DS4.js")), e.component("ESourceDataSelect", async () => await import("./index-DVXcAkg5.js")), e.registerActivitybar({
|
|
1385
1385
|
id: "component_view",
|
|
1386
1386
|
title: me("component"),
|
|
1387
1387
|
icon: "icon--epic--extension-outline",
|
|
@@ -1394,11 +1394,11 @@ function Mt(e) {
|
|
|
1394
1394
|
}), e.registerRightSidebar({
|
|
1395
1395
|
id: "attribute_view",
|
|
1396
1396
|
title: me("attribute"),
|
|
1397
|
-
component: async () => await import("./attributeView-
|
|
1397
|
+
component: async () => await import("./attributeView-CDoPoMy8.js")
|
|
1398
1398
|
}), e.registerRightSidebar({
|
|
1399
1399
|
id: "style_view",
|
|
1400
1400
|
title: me("style"),
|
|
1401
|
-
component: async () => await import("./styleView-
|
|
1401
|
+
component: async () => await import("./styleView-DxJ48VZG.js")
|
|
1402
1402
|
}), e.registerRightSidebar({
|
|
1403
1403
|
id: "event_view",
|
|
1404
1404
|
title: "事件",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as re, inject as A, ref as M, computed as q, watch as fe, openBlock as H, createElementBlock as F, Fragment as he, withDirectives as Ce, createElementVNode as V, normalizeClass as pe, toDisplayString as Qe, unref as u, createVNode as B, createCommentVNode as ie, 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 ze, normalizeStyle as ye, renderSlot as ot, onMounted as nt } from "vue";
|
|
2
2
|
import { p as oe, o as D, g as te, a as we, h as st, d as ke, q as lt } from "./pluginManager-BCnrHPYv.js";
|
|
3
|
-
import { u as $e, a as at, b as _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, _ as it, c as rt, d as ct, e as dt, w as ut, f as ht } from "./index-CquiCjYl.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-D3QdcReY.js";
|
|
6
6
|
import { d as vt } from "./vuedraggable.umd-D2S7Eo7p.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as g, ref as p, onMounted as h, watch as v, nextTick as V, openBlock as _, createElementBlock as T } from "vue";
|
|
2
2
|
import * as a from "monaco-editor";
|
|
3
|
-
import { h as b } from "./index-
|
|
3
|
+
import { h as b } from "./index-CquiCjYl.js";
|
|
4
4
|
import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.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("./pluginManager-DWHAX8kP.cjs"),H=require("./index-dPq5hTuk.cjs"),Q=require("element-plus"),ee=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),we=require("./vuedraggable.umd-BqhSJIAi.cjs"),Ce={class:"epic-widget-action-item whitespace-nowrap"},Ne={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"),w=e.inject("designerProps"),i=e.inject("revoke"),g=e.ref(null),R=e.ref(null),N=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)||w.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 C,b,V,m,O,A;const t=v.componentInstances.value,r=(C=n.state.checkedNode)==null?void 0:C.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 C,b,V,m;const t=v.componentInstances.value,r=(C=n.state.hoverNode)==null?void 0:C.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:C,width:b,height:V}=t.getBoundingClientRect(),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=C-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)),N.value&&(O<45&&W<100?(N.value.style.top="",N.value.style.bottom="-30px",N.value.style["border-radius"]="0px 0px 4px 4px",h.value="bottom"):O<45?(N.value.style.top="0px",N.value.style["border-radius"]="0px 0px 4px 0",h.value="center"):(N.value.style.top="-30px",N.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:C}=y.getBoundingClientRect(),b=T.value?1:u.value,V=t/b-a.top;let m=r/b-a.left+C/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:C,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=C-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,C,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,((C=n.state.checkedNode)==null?void 0:C.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,C=l.generateNewSchema(y);r.splice(a+1,0,C),n.setCheckedNode(C),i.push(o.schemas,"复制组件")}function ye(){var C;const t=l.findSchemaInfoById(o.schemas,((C=n.state.checkedNode)==null?void 0:C.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,C,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:N},[e.createElementVNode("div",Ce,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",Ne,[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}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"right"},{default:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode("添加右列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"top"},{default:e.withCtx(()=>r[2]||(r[2]=[e.createTextVNode("添加上列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"bottom"},{default:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("添加下列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-row",divided:""},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode("删除当前行")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-col"},{default:e.withCtx(()=>r[5]||(r[5]=[e.createTextVNode("删除当前列")])),_: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&&((C=e.unref(n).state.checkedNode)==null?void 0:C.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"),w=Z,i=L,g=e.computed({get(){return w.schemas},set(d){i("update:schemas",d)}});function R(d){v.setCheckedNode(g.value[d]),v.setDisableHover(!0)}function N(){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=>N()),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",{}),w=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",N,!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",N,!1),(h=g.value)==null||h.removeEventListener("mouseout",z,!1)});function R(c){c.stopPropagation(),v.setCheckedNode(i.schema)}function N(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._sfc_main),{ref_key:"nodeRef",ref:w,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},w=e.ref(null),i=e.ref(!1),g=e.inject("pageSchema");function R(){i.value=!1}function N(){i.value=!0,w.value?w.value.setValue(JSON.stringify(g,null,2)):setTimeout(()=>{N()},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:N}),(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:w,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"),w=e.inject("pageSchema"),i=e.inject("designer"),g=e.inject("revoke"),R=e.ref(null),N=[{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(w.schemas,x),i.setCheckedNode(w.schemas[0]))}function T(){const x=g.redo();x&&(l.deepCompareAndModify(w.schemas,x),i.setCheckedNode(w.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(w,_)}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}};w.canvas=_[x],console.log("%c [ pageSchema ]-248","font-size:13px; background:pink; color:#bf2c9f;",w)}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(N,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:w,disabledZoom:i}=H.useStore(),{handleElementDragStart:g,handleElementDrag:R,handleElementDragEnd:N}=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(w)}]),draggable:e.unref(w),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(N)&&e.unref(N)(...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(w)}),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]),w=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(w.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-DWHAX8kP.cjs"),H=require("./index-B8ZkPwJG.cjs"),Q=require("element-plus"),ee=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),we=require("./vuedraggable.umd-BqhSJIAi.cjs"),Ce={class:"epic-widget-action-item whitespace-nowrap"},Ne={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"),w=e.inject("designerProps"),i=e.inject("revoke"),g=e.ref(null),R=e.ref(null),N=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)||w.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 C,b,V,m,O,A;const t=v.componentInstances.value,r=(C=n.state.checkedNode)==null?void 0:C.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 C,b,V,m;const t=v.componentInstances.value,r=(C=n.state.hoverNode)==null?void 0:C.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:C,width:b,height:V}=t.getBoundingClientRect(),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=C-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)),N.value&&(O<45&&W<100?(N.value.style.top="",N.value.style.bottom="-30px",N.value.style["border-radius"]="0px 0px 4px 4px",h.value="bottom"):O<45?(N.value.style.top="0px",N.value.style["border-radius"]="0px 0px 4px 0",h.value="center"):(N.value.style.top="-30px",N.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:C}=y.getBoundingClientRect(),b=T.value?1:u.value,V=t/b-a.top;let m=r/b-a.left+C/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:C,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=C-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,C,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,((C=n.state.checkedNode)==null?void 0:C.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,C=l.generateNewSchema(y);r.splice(a+1,0,C),n.setCheckedNode(C),i.push(o.schemas,"复制组件")}function ye(){var C;const t=l.findSchemaInfoById(o.schemas,((C=n.state.checkedNode)==null?void 0:C.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,C,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:N},[e.createElementVNode("div",Ce,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",Ne,[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}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"right"},{default:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode("添加右列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"top"},{default:e.withCtx(()=>r[2]||(r[2]=[e.createTextVNode("添加上列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"bottom"},{default:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("添加下列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-row",divided:""},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode("删除当前行")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-col"},{default:e.withCtx(()=>r[5]||(r[5]=[e.createTextVNode("删除当前列")])),_: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&&((C=e.unref(n).state.checkedNode)==null?void 0:C.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"),w=Z,i=L,g=e.computed({get(){return w.schemas},set(d){i("update:schemas",d)}});function R(d){v.setCheckedNode(g.value[d]),v.setDisableHover(!0)}function N(){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=>N()),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",{}),w=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",N,!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",N,!1),(h=g.value)==null||h.removeEventListener("mouseout",z,!1)});function R(c){c.stopPropagation(),v.setCheckedNode(i.schema)}function N(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._sfc_main),{ref_key:"nodeRef",ref:w,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},w=e.ref(null),i=e.ref(!1),g=e.inject("pageSchema");function R(){i.value=!1}function N(){i.value=!0,w.value?w.value.setValue(JSON.stringify(g,null,2)):setTimeout(()=>{N()},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:N}),(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:w,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"),w=e.inject("pageSchema"),i=e.inject("designer"),g=e.inject("revoke"),R=e.ref(null),N=[{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(w.schemas,x),i.setCheckedNode(w.schemas[0]))}function T(){const x=g.redo();x&&(l.deepCompareAndModify(w.schemas,x),i.setCheckedNode(w.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(w,_)}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}};w.canvas=_[x],console.log("%c [ pageSchema ]-248","font-size:13px; background:pink; color:#bf2c9f;",w)}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(N,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:w,disabledZoom:i}=H.useStore(),{handleElementDragStart:g,handleElementDrag:R,handleElementDragEnd:N}=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(w)}]),draggable:e.unref(w),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(N)&&e.unref(N)(...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(w)}),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]),w=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(w.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;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { defineComponent as m, ref as f, onMounted as S, openBlock as g, createElementBlock as v, createVNode as V, unref as l, isRef as y } from "vue";
|
|
2
|
+
import { p as o, E as r } from "./pluginManager-BCnrHPYv.js";
|
|
3
|
+
import { g as O } from "./index-CquiCjYl.js";
|
|
4
|
+
import { u as _ } from "./index-B1s67XDZ.js";
|
|
5
|
+
const D = { class: "" }, J = /* @__PURE__ */ m({
|
|
6
|
+
__name: "index",
|
|
7
|
+
props: {
|
|
8
|
+
tree: { type: Boolean },
|
|
9
|
+
modelValue: {},
|
|
10
|
+
dynamicId: {},
|
|
11
|
+
type: {}
|
|
12
|
+
},
|
|
13
|
+
emits: ["update:modelValue", "update:EOptionsEditor"],
|
|
14
|
+
setup(s, { emit: c }) {
|
|
15
|
+
const u = o.getComponent("select"), { t: p } = _(), i = s, t = f([]), e = O(i, "dynamicId", c);
|
|
16
|
+
return r.on("deleteSourceData", (a) => {
|
|
17
|
+
e.value === a && (e.value = "");
|
|
18
|
+
}), r.on("updateSource", (a) => {
|
|
19
|
+
console.log("%c [ ]-45", "font-size:13px; background:pink; color:#bf2c9f;", o.getSourceData()), t.value = JSON.parse(JSON.stringify(o.getSourceData()));
|
|
20
|
+
}), S(() => {
|
|
21
|
+
t.value = JSON.parse(JSON.stringify(o.getSourceData()));
|
|
22
|
+
}), (a, n) => (g(), v("div", D, [
|
|
23
|
+
V(l(u), {
|
|
24
|
+
modelValue: l(e),
|
|
25
|
+
"onUpdate:modelValue": n[0] || (n[0] = (d) => y(e) ? e.value = d : null),
|
|
26
|
+
placeholder: l(p)("pleaseSelectDataSource"),
|
|
27
|
+
clearable: "",
|
|
28
|
+
options: t.value
|
|
29
|
+
}, null, 8, ["modelValue", "placeholder", "options"])
|
|
30
|
+
]));
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
export {
|
|
34
|
+
J as default
|
|
35
|
+
};
|
|
@@ -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-B8ZkPwJG.cjs");exports.default=e._sfc_main;
|