epic-designer-gold 0.0.47 → 0.0.48

package/dist/{index-baUE53XK.cjs → index-FUj4O0Wm.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./js.cookie-BH1G_HRi.cjs"),p=require("./index-ETJEJKM_.cjs"),s=e.defineComponent({__name:"index",props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(o,{emit:r}){const d=i.pluginManager.getComponent("number"),l=e.ref(0),a=o,m=r;return e.watch(()=>a.modelValue,()=>{l.value=a.modelValue.length},{immediate:!0}),e.watch(()=>l.value,u=>{let t=new Array(u).fill({}).map(n=>({type:"col",children:[],componentProps:{span:24/u},id:p.getUUID()}));m("update:modelValue",t)},{}),(u,t)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,[e.createVNode(e.unref(d),{value:l.value,"onUpdate:value":t[0]||(t[0]=n=>l.value=n),modelValue:l.value,"onUpdate:modelValue":t[1]||(t[1]=n=>l.value=n),style:{width:"100%"},min:1,max:24},null,8,["value","modelValue"])])]))}});exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./js.cookie-BH1G_HRi.cjs"),p=require("./index-CtK_8YxJ.cjs"),s=e.defineComponent({__name:"index",props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(o,{emit:r}){const d=i.pluginManager.getComponent("number"),l=e.ref(0),a=o,m=r;return e.watch(()=>a.modelValue,()=>{l.value=a.modelValue.length},{immediate:!0}),e.watch(()=>l.value,u=>{let t=new Array(u).fill({}).map(n=>({type:"col",children:[],componentProps:{span:24/u},id:p.getUUID()}));m("update:modelValue",t)},{}),(u,t)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,[e.createVNode(e.unref(d),{value:l.value,"onUpdate:value":t[0]||(t[0]=n=>l.value=n),modelValue:l.value,"onUpdate:modelValue":t[1]||(t[1]=n=>l.value=n),style:{width:"100%"},min:1,max:24},null,8,["value","modelValue"])])]))}});exports.default=s;

package/dist/{index-C32P7cCc.js → index-SmoMBzHL.js}

@@ -1,7 +1,7 @@
 import { defineComponent as D, inject as i, ref as S, computed as b, openBlock as m, createElementBlock as h, createElementVNode as n, createVNode as r, unref as a, withCtx as w, Fragment as E, renderList as M, normalizeClass as j, toDisplayString as V, mergeProps as z, withDirectives as A, vShow as F } from "vue";
 import { d as G } from "./vuedraggable.umd-D2S7Eo7p.js";
 import { p as d } from "./js.cookie-oHpRFPCO.js";
-import { g as B, f as q } from "./index-Bgvfahgd.js";
+import { g as B, f as q } from "./index-Dy65ngnp.js";
 import { _ as I } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
 const H = { class: "epic-component-view flex flex-col" }, J = { class: "epic-search-box px-10px py-6px" }, K = { class: "flex flex-1 overflow-auto" }, O = { class: "epic-tabs-box" }, Q = ["title", "onClick"], R = { class: "h-full flex-1 overflow-auto py-2 box-border" }, W = ["onClick"], X = { class: "epic-componet-label flex-1 w-0 truncate" }, Y = { class: "text-center pt-42px text-gray-400" }, ae = /* @__PURE__ */ D({
   __name: "index",

package/dist/{index-BgTlZ9gW.js → index-WBW2xl-M.js}

@@ -1,5 +1,5 @@
 import { defineComponent as U, inject as L, openBlock as p, createElementBlock as g, Fragment as A, renderList as T, createElementVNode as i, toDisplayString as O, createVNode as C, unref as _, withCtx as R, createCommentVNode as G, createTextVNode as J, ref as E, computed as S, withDirectives as F, normalizeClass as j, vShow as P, reactive as H, createBlock as K, nextTick as Q, toRaw as z, watch as W } from "vue";
-import { l as q, _ as X, k as Y, m as Z } from "./index-Bgvfahgd.js";
+import { l as q, _ as X, k as Y, m as Z } from "./index-Dy65ngnp.js";
 import { p as w } from "./js.cookie-oHpRFPCO.js";
 import { _ as D } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
 import { d as ee } from "./vuedraggable.umd-D2S7Eo7p.js";

package/dist/{index-BbCEtCJA.cjs → index-YV7i1gyI.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./vuedraggable.umd-BqhSJIAi.cjs"),c=require("./js.cookie-BH1G_HRi.cjs"),b=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),x=require("./index-ETJEJKM_.cjs"),E=require("element-plus"),S=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),U={key:0,class:"pl-4"},M=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(h,{emit:g}){const k=h,f=c.pluginManager.getComponent("input"),p=e.inject("tree",!1),m=g,d=x.useVModel(k,"modelValue",m);function _(n){const s={label:"",value:""};n.children?n.children.push(s):n.children=[s]}function r(n){d.value=d.value.filter((s,v)=>v!==n)}return(n,s)=>{const v=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(B.draggable),{modelValue:e.unref(d),"onUpdate:modelValue":s[0]||(s[0]=o=>e.isRef(d)?d.value=o:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:o,index:V})=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(p)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])},[e.createVNode(e.unref(b._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(f),{modelValue:o.label,"onUpdate:modelValue":u=>o.label=u,value:o.label,"onUpdate:value":u=>o.label=u,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(f),{modelValue:o.value,"onUpdate:modelValue":u=>o.value=u,value:o.value,"onUpdate:value":u=>o.value=u,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(p)?(e.openBlock(),e.createBlock(e.unref(b._sfc_main),{key:0,class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:u=>_(o)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(b._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:u=>r(V)},null,8,["onClick"])],2),o.children?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(v,{modelValue:o.children,"onUpdate:modelValue":u=>o.children=u},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),O={class:""},I={class:"epic-tabs-box"},A=["title","onClick"],q={key:0},w={class:"py-4 my-2 text-center text-gray-400 bg-white"},$={key:1},D=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(h,{emit:g}){const k=c.pluginManager.getComponent("button"),f=c.pluginManager.getComponent("select"),p=e.ref([]),m=e.reactive({title:"静态"}),d=h,_=g;c.EventBus.on("deleteSourceData",t=>{n.value===t&&(n.value="",r.value=[])}),c.EventBus.on("updateSource",t=>{p.value=c.pluginManager.sourceData.map(l=>({...l,label:l.apiName,value:l.id})),V(n.value)}),e.onMounted(()=>{p.value=c.pluginManager.sourceData.map(t=>({...t,label:t.apiName,value:t.id})),V(n.value)});const r=x.useVModel(d,"modelValue",_),n=x.useVModel(d,"dynamicId",_);function s(t,l,i){return t&&Object.prototype.toString.call(t)==="[object Array]"?t.map(a=>a.children&&a.children.length?{label:a[l],value:a[i]+"",children:s(a.children,l,i)}:{label:a[l],value:a[i]+""}):(E.ElMessage.info("请检查数据位置是否配置准确"),[])}e.watch(()=>n.value,async()=>{n.value?m.title="动态":m.title="静态"},{immediate:!0});const v=[{title:"静态"},{title:"动态"}];async function o(t){m.title=t.title,t.title==="静态"?(r.value=[],n.value=""):(r.value=[],p.value=c.pluginManager.sourceData.map(l=>({...l,label:l.apiName,value:l.id})))}async function V(t){const l=p.value.find(i=>i.id===t);if(l&&l.url){let i=await c.axios({method:(l==null?void 0:l.method)||"get",url:l.url,params:l!=null&&l.params?JSON.parse(l==null?void 0:l.params):{},data:l!=null&&l.data?JSON.parse(l==null?void 0:l.data):{},headers:l!=null&&l.header?{...JSON.parse(l==null?void 0:l.header),Authorization:"Bearer "+c.api.get("Admin-Token")}:{Authorization:"Bearer "+c.api.get("Admin-Token")}});if(l&&(l!=null&&l.dataPath)){const y=l.dataPath.split(".").reduce((N,C)=>N[C],i.data);r.value=s(y,l.dataKey,l.dataValue)}else r.value=s(i.data,l.dataKey,l.dataValue)}}d.modelValue,e.provide("tree",d.tree);function u(){const t=e.reactive({label:"",value:""});r.value.length?r.value=[...r.value,t]:r.value=[t]}return(t,l)=>{var i;return e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",null,[e.createElementVNode("div",I,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(v,(a,y)=>e.createElementVNode("div",{class:e.normalizeClass(["epic-tab cursor-pointer truncate",{checked:m.title===a.title}]),key:y,title:a.title,onClick:N=>o(a)},e.toDisplayString(a.title),11,A)),64))]),m.title==="静态"?(e.openBlock(),e.createElementBlock("div",q,[e.withDirectives(e.createElementVNode("div",w,"暂无选项",512),[[e.vShow,!((i=e.unref(r))!=null&&i.length)]]),e.createVNode(M,{modelValue:e.unref(r),"onUpdate:modelValue":l[0]||(l[0]=a=>e.isRef(r)?r.value=a:null)},null,8,["modelValue"]),e.createVNode(e.unref(k),{onClick:u},{default:e.withCtx(()=>l[2]||(l[2]=[e.createTextVNode("添加选项")])),_:1})])):(e.openBlock(),e.createElementBlock("div",$,[l[3]||(l[3]=e.createElementVNode("span",{style:{"font-size":"12px","margin-bottom":"8px",display:"inline-block"}},"数据源",-1)),e.createVNode(e.unref(f),{modelValue:e.unref(n),"onUpdate:modelValue":l[1]||(l[1]=a=>e.isRef(n)?n.value=a:null),placeholder:"请选择数据源",clearable:"",options:p.value,onChange:V},null,8,["modelValue","options"])]))])])}}}),j=S._export_sfc(D,[["__scopeId","data-v-5a353824"]]);exports.default=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./vuedraggable.umd-BqhSJIAi.cjs"),c=require("./js.cookie-BH1G_HRi.cjs"),b=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),x=require("./index-CtK_8YxJ.cjs"),E=require("element-plus"),S=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),U={key:0,class:"pl-4"},M=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(h,{emit:g}){const k=h,f=c.pluginManager.getComponent("input"),p=e.inject("tree",!1),m=g,d=x.useVModel(k,"modelValue",m);function _(n){const s={label:"",value:""};n.children?n.children.push(s):n.children=[s]}function r(n){d.value=d.value.filter((s,v)=>v!==n)}return(n,s)=>{const v=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(B.draggable),{modelValue:e.unref(d),"onUpdate:modelValue":s[0]||(s[0]=o=>e.isRef(d)?d.value=o:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:o,index:V})=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(p)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])},[e.createVNode(e.unref(b._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(f),{modelValue:o.label,"onUpdate:modelValue":u=>o.label=u,value:o.label,"onUpdate:value":u=>o.label=u,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(f),{modelValue:o.value,"onUpdate:modelValue":u=>o.value=u,value:o.value,"onUpdate:value":u=>o.value=u,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(p)?(e.openBlock(),e.createBlock(e.unref(b._sfc_main),{key:0,class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:u=>_(o)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(b._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:u=>r(V)},null,8,["onClick"])],2),o.children?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(v,{modelValue:o.children,"onUpdate:modelValue":u=>o.children=u},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),O={class:""},I={class:"epic-tabs-box"},A=["title","onClick"],q={key:0},w={class:"py-4 my-2 text-center text-gray-400 bg-white"},$={key:1},D=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(h,{emit:g}){const k=c.pluginManager.getComponent("button"),f=c.pluginManager.getComponent("select"),p=e.ref([]),m=e.reactive({title:"静态"}),d=h,_=g;c.EventBus.on("deleteSourceData",t=>{n.value===t&&(n.value="",r.value=[])}),c.EventBus.on("updateSource",t=>{p.value=c.pluginManager.sourceData.map(l=>({...l,label:l.apiName,value:l.id})),V(n.value)}),e.onMounted(()=>{p.value=c.pluginManager.sourceData.map(t=>({...t,label:t.apiName,value:t.id})),V(n.value)});const r=x.useVModel(d,"modelValue",_),n=x.useVModel(d,"dynamicId",_);function s(t,l,i){return t&&Object.prototype.toString.call(t)==="[object Array]"?t.map(a=>a.children&&a.children.length?{label:a[l],value:a[i]+"",children:s(a.children,l,i)}:{label:a[l],value:a[i]+""}):(E.ElMessage.info("请检查数据位置是否配置准确"),[])}e.watch(()=>n.value,async()=>{n.value?m.title="动态":m.title="静态"},{immediate:!0});const v=[{title:"静态"},{title:"动态"}];async function o(t){m.title=t.title,t.title==="静态"?(r.value=[],n.value=""):(r.value=[],p.value=c.pluginManager.sourceData.map(l=>({...l,label:l.apiName,value:l.id})))}async function V(t){const l=p.value.find(i=>i.id===t);if(l&&l.url){let i=await c.axios({method:(l==null?void 0:l.method)||"get",url:l.url,params:l!=null&&l.params?JSON.parse(l==null?void 0:l.params):{},data:l!=null&&l.data?JSON.parse(l==null?void 0:l.data):{},headers:l!=null&&l.header?{...JSON.parse(l==null?void 0:l.header),Authorization:"Bearer "+c.api.get("Admin-Token")}:{Authorization:"Bearer "+c.api.get("Admin-Token")}});if(l&&(l!=null&&l.dataPath)){const y=l.dataPath.split(".").reduce((N,C)=>N[C],i.data);r.value=s(y,l.dataKey,l.dataValue)}else r.value=s(i.data,l.dataKey,l.dataValue)}}d.modelValue,e.provide("tree",d.tree);function u(){const t=e.reactive({label:"",value:""});r.value.length?r.value=[...r.value,t]:r.value=[t]}return(t,l)=>{var i;return e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",null,[e.createElementVNode("div",I,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(v,(a,y)=>e.createElementVNode("div",{class:e.normalizeClass(["epic-tab cursor-pointer truncate",{checked:m.title===a.title}]),key:y,title:a.title,onClick:N=>o(a)},e.toDisplayString(a.title),11,A)),64))]),m.title==="静态"?(e.openBlock(),e.createElementBlock("div",q,[e.withDirectives(e.createElementVNode("div",w,"暂无选项",512),[[e.vShow,!((i=e.unref(r))!=null&&i.length)]]),e.createVNode(M,{modelValue:e.unref(r),"onUpdate:modelValue":l[0]||(l[0]=a=>e.isRef(r)?r.value=a:null)},null,8,["modelValue"]),e.createVNode(e.unref(k),{onClick:u},{default:e.withCtx(()=>l[2]||(l[2]=[e.createTextVNode("添加选项")])),_:1})])):(e.openBlock(),e.createElementBlock("div",$,[l[3]||(l[3]=e.createElementVNode("span",{style:{"font-size":"12px","margin-bottom":"8px",display:"inline-block"}},"数据源",-1)),e.createVNode(e.unref(f),{modelValue:e.unref(n),"onUpdate:modelValue":l[1]||(l[1]=a=>e.isRef(n)?n.value=a:null),placeholder:"请选择数据源",clearable:"",options:p.value,onChange:V},null,8,["modelValue","options"])]))])])}}}),j=S._export_sfc(D,[["__scopeId","data-v-5a353824"]]);exports.default=j;

package/dist/{index-BHWJ1KwT.js → index-ijn3b5rF.js}

@@ -1,6 +1,6 @@
 import { defineComponent as d, ref as i, watch as n, openBlock as s, createElementBlock as v, createElementVNode as c, createVNode as f, unref as V } from "vue";
 import { p as g } from "./js.cookie-oHpRFPCO.js";
-import { k as y } from "./index-Bgvfahgd.js";
+import { k as y } from "./index-Dy65ngnp.js";
 const w = /* @__PURE__ */ d({
   __name: "index",
   props: {

package/dist/{index-Bmo9n7ut.cjs → index-zyeRTxj7.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("./js.cookie-BH1G_HRi.cjs"),C=require("./index-ETJEJKM_.cjs"),J=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),G=require("./vuedraggable.umd-BqhSJIAi.cjs"),ee={class:"epic-widget-action-item whitespace-nowrap"},te={key:0,class:"flex items-center"},ne=e.defineComponent({__name:"previewWidgets",setup(A,{expose:R}){const u=e.inject("pageManager",{}),_=e.inject("pageSchema"),r=e.inject("designer"),h=e.inject("designerProps"),c=e.inject("revoke"),f=e.ref(null),w=e.ref(null),g=e.ref(null),M=e.ref(!1),l=e.ref(!1),a=e.ref(!0),i=e.ref("top"),{canvasScale:s,disabledZoom:k}=C.useStore();let n=null;const L=e.computed(()=>{const t=r.state.checkedNode;return!(!(t!=null&&t.id)||h.value.lockDefaultSchemaEdit&&u.defaultComponentIds.value.includes(t==null?void 0:t.id))}),T=e.computed(()=>{var S,N,V,m,O,H;const t=u.componentInstances.value,d=(S=r.state.checkedNode)==null?void 0:S.id;if((V=(N=r.state.checkedNode)==null?void 0:N.componentProps)!=null&&V.hidden)return null;const y=F.pluginManager.getComponentConfingByType((m=r.state.checkedNode)==null?void 0:m.type)??null;if(!d||!(t!=null&&t[d]))return null;if(y!=null&&y.defaultSchema.input&&((O=r.state.checkedNode)==null?void 0:O.noFormItem)!==!0)return(H=t[d+"formItem"])==null?void 0:H.$el;const o=t[d];return!(o!=null&&o.$el)||(o==null?void 0:o.$el.nodeName)==="#text"||!(o!=null&&o.$el.getBoundingClientRect)?null:o==null?void 0:o.$el}),B=e.computed(()=>{var S,N,V,m;const t=u.componentInstances.value,d=(S=r.state.hoverNode)==null?void 0:S.id,y=F.pluginManager.getComponentConfingByType((N=r.state.hoverNode)==null?void 0:N.type)??null;if(!d||!(t!=null&&t[d]))return null;if(y!=null&&y.defaultSchema.input&&((V=r.state.hoverNode)==null?void 0:V.noFormItem)!==!0)return(m=t[d+"formItem"])==null?void 0:m.$el;const o=t[d];return(o==null?void 0:o.$el.nodeName)==="#text"?null:o==null?void 0:o.$el}),{mutationObserver:p,observerConfig:x}=Z(j),{startTimedQuery:v,stopTimedQuery:z}=C.useTimedQuery(j);e.watch(()=>T.value,t=>{if(t){M.value=!0,p.observe(t,x);const d=t.parentNode;d&&(d.ondragstart=()=>{a.value=!1,v()},d.ondragend=()=>{a.value=!0,z()}),j()}else M.value=!1});const{mutationObserver:P,observerConfig:E}=Z(q);e.watch(()=>B.value,t=>{t&&(P.observe(t,E),q())});let b=0;e.watch(()=>{var t;return(t=r.state.hoverNode)==null?void 0:t.id},t=>{if(t){l.value=!0,clearTimeout(b);return}b=setTimeout(()=>{l.value=!1},300)});let $=0,D=0;function j(){const t=T.value;if(!t||!n)return;const{top:d,left:y}=n==null?void 0:n.getBoundingClientRect(),{top:o,left:S,width:N,height:V}=t.getBoundingClientRect(),m=k.value?1:s.value,O=o-d+((n==null?void 0:n.scrollTop)??0)*m,H=S-y+((n==null?void 0:n.scrollLeft)??0)*m,W=V/m;f.value&&(f.value.style.width=`${N/m}px`,f.value.style.height=`${W}px`,f.value.style.top=`${O/m}px`,f.value.style.left=`${H/m}px`,I(O,H)),g.value&&(O<45&&W<100?(g.value.style.top="",g.value.style.bottom="-30px",g.value.style["border-radius"]="0px 0px 4px 4px",i.value="bottom"):O<45?(g.value.style.top="0px",g.value.style["border-radius"]="0px 0px 4px 0",i.value="center"):(g.value.style.top="-30px",g.value.style["border-radius"]="4px 4px 0px 0px",i.value="top"))}function I(t,d){const y=T.value;if(!n||!y)return;const o=n.getBoundingClientRect(),{width:S}=y.getBoundingClientRect(),N=k.value?1:s.value,V=t/N-o.top;let m=d/N-o.left+S/N;m<o.width&&(m=0);const O=n.scrollTop-o.height/3+60,H=n.scrollTop+o.height/3*2,W=n.scrollLeft-o.width+200,U=n.scrollLeft+o.width-200;Math.abs(V-$)<10&&Math.abs(m-D)<10||($=V,D=m,!(V>O&&V<H&&m>W&&m<U)&&(n.scrollTop=V,n.scrollLeft=m))}function q(){var W,U;const t=B.value;if(!t)return;const{top:d,left:y}=(n==null?void 0:n.getBoundingClientRect())??{top:0,left:0},{top:o,left:S,width:N,height:V}=((W=t.getBoundingClientRect)==null?void 0:W.call(t))??((U=t.nextElementSibling)==null?void 0:U.getBoundingClientRect()),m=k.value?1:s.value,O=o-d+((n==null?void 0:n.scrollTop)??0)*m,H=S-y+((n==null?void 0:n.scrollLeft)??0)*m;w.value&&(w.value.style.width=`${N/m}px`,w.value.style.height=`${V/m}px`,w.value.style.top=`${O/m}px`,w.value.style.left=`${H/m}px`)}function Z(t){const d=window.MutationObserver,y={childList:!0,attributes:!0,subtree:!0};return{mutationObserver:new d(t),observerConfig:y}}function K(){var N;const t=C.findSchemaInfoById(_.schemas,((N=r.state.checkedNode)==null?void 0:N.id)??"root");if(!t)return!1;const{list:d,schema:y,index:o}=t,S=C.generateNewSchema(y);d.splice(o+1,0,S),r.setCheckedNode(S),c.push(_.schemas,"复制组件")}function X(){var S;const t=C.findSchemaInfoById(_.schemas,((S=r.state.checkedNode)==null?void 0:S.id)??"root");if(!t)return!1;let{list:d,schema:y,index:o}=t;d.splice(o,1),o===d.length&&o--,r.setCheckedNode(d[o]),c.push(_.schemas,"删除组件")}function Y(t){n=t,n==null||n.addEventListener("scroll",()=>{j()}),C.useResizeObserver(T,j),C.useResizeObserver(B,q)}return R({handleInit:Y}),(t,d)=>{var y,o,S,N,V;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("div",{ref_key:"selectorRef",ref:f,class:e.normalizeClass(["epic-checked-widget absolute pointer-events-none z-20",i.value+" "+(a.value?"transition-all":"")])},[e.createElementVNode("div",{class:"epic-widget-action-box",ref_key:"actionBoxRef",ref:g},[e.createElementVNode("div",ee,e.toDisplayString((o=e.unref(F.pluginManager).getComponentConfingByType(((y=e.unref(r).state.checkedNode)==null?void 0:y.type)??""))==null?void 0:o.defaultSchema.label),1),L.value?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",{title:"复制",class:"epic-widget-action-item pointer-events-auto",onClick:K},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--copy-all-outline-rounded"})]),e.createElementVNode("div",{title:"删除",class:"epic-widget-action-item pointer-events-auto",onClick:X},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--delete-outline-rounded"})])])):e.createCommentVNode("",!0)],512)],2),[[e.vShow,M.value&&((S=e.unref(r).state.checkedNode)==null?void 0:S.id)!=="root"]]),e.withDirectives(e.createElementVNode("div",{ref_key:"hoverWidgetRef",ref:w,class:"epic-hover-widget absolute transition-all pointer-events-none z-998"},null,512),[[e.vShow,l.value&&((N=e.unref(r).state.checkedNode)==null?void 0:N.id)!==((V=e.unref(r).state.hoverNode)==null?void 0:V.id)]])],64)}}}),oe=e.defineComponent({name:"EditNodeItem",__name:"editNodeItem",props:{schemas:{}},emits:["update:schemas"],setup(A,{emit:R}){const u=e.inject("designer"),_=e.inject("pageSchema"),r=e.inject("revoke"),h=A,c=R,f=e.computed({get(){return h.schemas},set(a){c("update:schemas",a)}});function w(a){u.setCheckedNode(f.value[a]),u.setDisableHover(!0)}function g(){u.setDisableHover(),r.push(_.schemas,"拖拽组件")}function M(){r.push(_.schemas,"插入组件")}function l(a){var i,s,k;return a.id===((i=_.schemas[0])==null?void 0:i.id)||(k=(s=F.pluginManager.getComponentConfingByType(a.type))==null?void 0:s.editConstraints)!=null&&k.immovable?"unmover-item":"draggable-item"}return(a,i)=>(e.openBlock(),e.createBlock(e.unref(G.draggable),e.mergeProps({modelValue:f.value,"onUpdate:modelValue":i[0]||(i[0]=s=>f.value=s),"item-key":"id","component-data":{type:"transition-group"},class:"epic-draggable-range"},{animation:200,group:"edit-draggable",handle:".draggable-item",ghostClass:"moveing"},{onStart:i[1]||(i[1]=s=>w(s.oldIndex)),onEnd:i[2]||(i[2]=s=>g()),onAdd:i[3]||(i[3]=s=>{w(s.newIndex),M()})}),{item:e.withCtx(({element:s,index:k})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["widget-box",l(s)]),key:k},[e.createVNode(Q,{schema:s},null,8,["schema"])],2))]),_:1},16,["modelValue"]))}}),Q=e.defineComponent({name:"ENodeItem",__name:"nodeItem",props:{schema:{},name:{}},setup(A){const R=e.useAttrs(),u=e.inject("designer"),_=e.inject("pageManager",{}),r=e.inject("pageSchema",{}),h=e.ref(null);e.provide("nodeAttrs",R);const c=A,f=e.computed(()=>{var k,n,L,T,B;const l=_.componentInstances.value,a=(k=c.schema)==null?void 0:k.id,i=F.pluginManager.getComponentConfingByType((n=c.schema)==null?void 0:n.type)??null;if(!a||!(l!=null&&l[a]))return null;if(i!=null&&i.defaultSchema.input&&((L=c.schema)==null?void 0:L.noFormItem)!==!0)return(T=l[a+"formItem"])==null?void 0:T.$el;const s=l[a];return((B=s==null?void 0:s.$el)==null?void 0:B.nodeName)==="#text"?null:s==null?void 0:s.$el});e.watch(()=>f.value,l=>{l==null||l.addEventListener("click",w,!1),l==null||l.addEventListener("mouseover",g,!1),l==null||l.addEventListener("mouseout",M,!1)}),e.onUnmounted(()=>{var l,a,i;(l=f.value)==null||l.removeEventListener("click",w,!1),(a=f.value)==null||a.removeEventListener("mouseover",g,!1),(i=f.value)==null||i.removeEventListener("mouseout",M,!1)});function w(l){l.stopPropagation(),u.setCheckedNode(c.schema)}function g(l){var a;c.schema.id!==((a=r.schemas[0])==null?void 0:a.id)&&(l.stopPropagation(),u.setHoverNode(c.schema))}function M(l){l.stopPropagation(),u.setHoverNode(null)}return(l,a)=>{var s,k;const i=e.resolveComponent("ENodeItem");return e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"nodeRef",ref:h,componentSchema:c.schema},e.createSlots({_:2},[(k=(s=e.unref(F.pluginManager).getComponentConfingByType(c.schema.type))==null?void 0:s.editConstraints)!=null&&k.childImmovable?{name:"edit-node",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.schema.children,n=>(e.openBlock(),e.createBlock(i,{key:n.id,schema:n},null,8,["schema"]))),128))]),key:"0"}:{name:"edit-node",fn:e.withCtx(()=>[c.schema.children?(e.openBlock(),e.createBlock(oe,{key:0,schemas:c.schema.children,"onUpdate:schemas":a[0]||(a[0]=n=>c.schema.children=n)},null,8,["schemas"])):e.createCommentVNode("",!0)]),key:"1"}]),1032,["componentSchema"])}}}),le={class:"min-w-750px rounded h-full"},ae=e.defineComponent({__name:"previewJson",setup(A,{expose:R}){const u=F.pluginManager.getComponent("modal"),_=F.pluginManager.getComponent("monacoEditor"),r={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1},readOnly:!0},h=e.ref(null),c=e.ref(!1),f=e.inject("pageSchema");function w(){c.value=!1}function g(){c.value=!0,h.value?h.value.setValue(JSON.stringify(f,null,2)):setTimeout(()=>{g()},300)}function M(l="epic-data.json"){const a=JSON.stringify(f,null,2);var i=`data:text/json;charset=utf-8,${encodeURIComponent(a)}`,s=document.createElement("a");s.setAttribute("href",i),s.setAttribute("download",l),s.click()}return R({handleOpen:g}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(u),{modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=i=>c.value=i),title:"查看数据",class:"w-900px",width:"900px",onClose:w,onOk:M,okText:"导出数据"},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(_),{ref_key:"monacoEditorRef",ref:h,class:"editor h-full",autoToggleTheme:"",readOnly:"",config:r,language:"json"},null,512)])]),_:1},8,["modelValue"]))}}),se={class:"epic-edit-toolbar flex items-center justify-between px-2"},re={class:"flex-1 h-full flex items-center"},ie={key:0,class:"epic-divider"},ce=["title","onClick"],de={class:"flex-1 h-full flex items-center justify-end"},ue={key:0,class:"flex items-center ml-12px"},fe={class:"pr-8px w-82px cursor-pointer"},me={class:"epic-device h-28px items-center gap-1 rounded-md border p-2px flex"},ve=["title","onClick"],pe=e.defineComponent({__name:"toolbar",setup(A){const R=F.pluginManager.getComponent("select"),{canvasScale:u,disabledZoom:_}=C.useStore(),r=e.ref("pc"),h=e.inject("pageSchema"),c=e.inject("designer"),f=e.inject("revoke"),w=e.ref(null),g=[{icon:"icon--epic--computer-outline-rounded",title:"pc",key:"pc"}],M=e.computed(()=>[{icon:"icon--epic--trash",title:"清空",on:n},{icon:"icon--epic--undo",title:"撤销",on:s,disabled:!f.recordList.value.length,divider:!0},{icon:"icon--epic--redo",title:"重做",on:k,disabled:!f.undoList.value.length}]),l=e.ref(null),a=e.computed({get(){return`${(u.value*100).toFixed(0)}%`},set(p){const x=parseFloat(p);u.value=x/100}}),i=[{label:"60%",value:"60%"},{label:"80%",value:"80%"},{label:"100%",value:"100%"},{label:"120%",value:"120%"},{label:"140%",value:"140%"}];function s(){const p=f.undo();p&&(C.deepCompareAndModify(h.schemas,p),c.setCheckedNode(h.schemas[0]))}function k(){const p=f.redo();p&&(C.deepCompareAndModify(h.schemas,p),c.setCheckedNode(h.schemas[0]))}function n(){c.reset()}function L(p){var z;const x=(z=p.target.files)==null?void 0:z[0];if(!x)return;p.target.value=null;const v=new FileReader;v.readAsText(x),v.onload=P=>{var E;T((E=P.target)==null?void 0:E.result)}}function T(p){try{let x=JSON.parse(p??"");x.schemas||(x=C.convertKFormData(x)),C.deepCompareAndModify(h,x)}catch(x){console.error(x)}}function B(p){c.handleToggleDeviceMode(p),r.value=p;const x={pc:{},pad:{width:"780px",mode:p},mobile:{width:"390px",mode:p}};h.canvas=x[p]}return(p,x)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",se,[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(v,z)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:z},[v.divider?(e.openBlock(),e.createElementBlock("div",ie)):e.createCommentVNode("",!0),e.createElementVNode("div",{title:v.title,class:e.normalizeClass(["epic-action-item text-base h-90% px-10px flex items-center cursor-pointer",{disabled:v.disabled}]),onClick:v.on},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,ce)],64))),128))]),e.withDirectives(e.createElementVNode("input",{type:"file",ref_key:"fileRef",ref:l,accept:".json,.txt",onChange:L},null,544),[[e.vShow,!1]]),e.createElementVNode("div",de,[e.unref(_)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",fe,[e.createVNode(e.unref(R),{value:a.value,"onUpdate:value":x[0]||(x[0]=v=>a.value=v),modelValue:a.value,"onUpdate:modelValue":x[1]||(x[1]=v=>a.value=v),options:i,size:"small"},null,8,["value","modelValue"])])])),e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(g,v=>e.createElementVNode("div",{key:v.key,title:v.title,class:e.normalizeClass(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm",{checked:v.key===r.value}]),onClick:z=>B(v.key)},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,ve)),64))])])]),e.createVNode(ae,{ref_key:"previewJson",ref:w},null,512)],64))}}),he={class:"h-full flex flex-col relative"},ge=["draggable"],xe=e.defineComponent({__name:"editScreenContainer",setup(A){const R=e.inject("pageSchema"),u=e.ref(null),_=e.ref(null),r=e.ref(null),{pressSpace:h,disabledZoom:c}=C.useStore(),{handleElementDragStart:f,handleElementDrag:w,handleElementDragEnd:g}=C.useElementDrag(u),{width:M,height:l}=C.useElementSize(u),{canvasScale:a,handleZoom:i}=C.useElementZoom(_);let s=0,k=0;const n=e.ref({}),L=e.ref({}),T=e.ref({}),B=e.shallowRef({width:0,height:0});e.watchEffect(x),e.watch(T,()=>{e.nextTick(p)});function p(){r.value&&(B.value={width:r.value.clientWidth,height:r.value.clientHeight})}function x(){var E,b;T.value={width:((E=R.canvas)==null?void 0:E.width)??"0",height:((b=R.canvas)==null?void 0:b.height)??"0"}}C.watchOnce(M,v),e.watch(B,v);function v(){let E=B.value.width||s,b=B.value.height||k;n.value={width:M.value+E+"px",height:l.value+b+"px"},L.value={width:E+"px",height:b+"px"},z()}function z(){e.nextTick(()=>{var j;let E=B.value.width||s;const $=(B.value.height||k)/2,D=E/2;(j=u.value)==null||j.scrollTo(D,$)})}C.useResizeObserver(u,P),C.useResizeObserver(_,P);function P(){var b;if(!u.value)return;const E=u.value.getBoundingClientRect();if(s=E.width-60,k=E.height-80,!c.value)if(B.value.width===0)a.value=1;else{const $=(s-20)/B.value.width,D=k/(B.value.height||((b=_.value)==null?void 0:b.clientHeight)||1),j=Math.abs($-1)<Math.abs(D-1);let I=1;j?I=$:I=D,($<1||D<1)&&(I=Math.min($,D)),I<1.4&&I>.5&&(a.value=I)}C.debounce(v,50)()}return(E,b)=>(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(pe),e.createElementVNode("div",{ref_key:"editScreenContainerRef",ref:u,class:e.normalizeClass(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container",{"cursor-grab":e.unref(h)}]),draggable:e.unref(h),onWheel:b[0]||(b[0]=(...$)=>e.unref(i)&&e.unref(i)(...$)),onDragstart:b[1]||(b[1]=(...$)=>e.unref(f)&&e.unref(f)(...$)),onDragend:b[2]||(b[2]=(...$)=>e.unref(g)&&e.unref(g)(...$)),onDrag:b[3]||(b[3]=(...$)=>e.unref(w)&&e.unref(w)(...$))},[e.createElementVNode("div",{id:"canvasContainer",class:"flex items-center justify-center",style:e.normalizeStyle(n.value)},[e.createElementVNode("div",{ref_key:"draggableElRef",ref:_,class:"transition-all"},[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none":e.unref(h)}),style:e.normalizeStyle(L.value)},[e.renderSlot(E.$slots,"default")],6)],512)],4)],42,ge),e.createElementVNode("div",{ref_key:"sizeBoxRef",ref:r,class:"absolute top-0 pointer-events-none",style:e.normalizeStyle(T.value)},null,4)]))}}),ye={class:"epic-edit-canvas"},_e=e.defineComponent({__name:"index",setup(A){const R=e.ref(null),u=e.ref(null),_=e.inject("pageSchema"),r=e.computed(()=>_.schemas[0]),h=e.computed(()=>({width:"100%",height:"100%"}));return e.onMounted(()=>{var c;(c=u.value)==null||c.handleInit(R.value)}),(c,f)=>(e.openBlock(),e.createElementBlock("section",ye,[e.createVNode(xe,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"epicEditRangeRef",ref:R,class:"epic-edit-range rounded-md overflow-auto relative",style:e.normalizeStyle(h.value)},[e.createVNode(Q,{schema:r.value},null,8,["schema"]),e.createVNode(ne,{ref_key:"ePreviewWidgetsRef",ref:u},null,512)],4)]),_:1})]))}});exports.default=_e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("./js.cookie-BH1G_HRi.cjs"),C=require("./index-CtK_8YxJ.cjs"),J=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),G=require("./vuedraggable.umd-BqhSJIAi.cjs"),ee={class:"epic-widget-action-item whitespace-nowrap"},te={key:0,class:"flex items-center"},ne=e.defineComponent({__name:"previewWidgets",setup(A,{expose:R}){const u=e.inject("pageManager",{}),_=e.inject("pageSchema"),r=e.inject("designer"),h=e.inject("designerProps"),c=e.inject("revoke"),f=e.ref(null),w=e.ref(null),g=e.ref(null),M=e.ref(!1),l=e.ref(!1),a=e.ref(!0),i=e.ref("top"),{canvasScale:s,disabledZoom:k}=C.useStore();let n=null;const L=e.computed(()=>{const t=r.state.checkedNode;return!(!(t!=null&&t.id)||h.value.lockDefaultSchemaEdit&&u.defaultComponentIds.value.includes(t==null?void 0:t.id))}),T=e.computed(()=>{var S,N,V,m,O,H;const t=u.componentInstances.value,d=(S=r.state.checkedNode)==null?void 0:S.id;if((V=(N=r.state.checkedNode)==null?void 0:N.componentProps)!=null&&V.hidden)return null;const y=F.pluginManager.getComponentConfingByType((m=r.state.checkedNode)==null?void 0:m.type)??null;if(!d||!(t!=null&&t[d]))return null;if(y!=null&&y.defaultSchema.input&&((O=r.state.checkedNode)==null?void 0:O.noFormItem)!==!0)return(H=t[d+"formItem"])==null?void 0:H.$el;const o=t[d];return!(o!=null&&o.$el)||(o==null?void 0:o.$el.nodeName)==="#text"||!(o!=null&&o.$el.getBoundingClientRect)?null:o==null?void 0:o.$el}),B=e.computed(()=>{var S,N,V,m;const t=u.componentInstances.value,d=(S=r.state.hoverNode)==null?void 0:S.id,y=F.pluginManager.getComponentConfingByType((N=r.state.hoverNode)==null?void 0:N.type)??null;if(!d||!(t!=null&&t[d]))return null;if(y!=null&&y.defaultSchema.input&&((V=r.state.hoverNode)==null?void 0:V.noFormItem)!==!0)return(m=t[d+"formItem"])==null?void 0:m.$el;const o=t[d];return(o==null?void 0:o.$el.nodeName)==="#text"?null:o==null?void 0:o.$el}),{mutationObserver:p,observerConfig:x}=Z(j),{startTimedQuery:v,stopTimedQuery:z}=C.useTimedQuery(j);e.watch(()=>T.value,t=>{if(t){M.value=!0,p.observe(t,x);const d=t.parentNode;d&&(d.ondragstart=()=>{a.value=!1,v()},d.ondragend=()=>{a.value=!0,z()}),j()}else M.value=!1});const{mutationObserver:P,observerConfig:E}=Z(q);e.watch(()=>B.value,t=>{t&&(P.observe(t,E),q())});let b=0;e.watch(()=>{var t;return(t=r.state.hoverNode)==null?void 0:t.id},t=>{if(t){l.value=!0,clearTimeout(b);return}b=setTimeout(()=>{l.value=!1},300)});let $=0,D=0;function j(){const t=T.value;if(!t||!n)return;const{top:d,left:y}=n==null?void 0:n.getBoundingClientRect(),{top:o,left:S,width:N,height:V}=t.getBoundingClientRect(),m=k.value?1:s.value,O=o-d+((n==null?void 0:n.scrollTop)??0)*m,H=S-y+((n==null?void 0:n.scrollLeft)??0)*m,W=V/m;f.value&&(f.value.style.width=`${N/m}px`,f.value.style.height=`${W}px`,f.value.style.top=`${O/m}px`,f.value.style.left=`${H/m}px`,I(O,H)),g.value&&(O<45&&W<100?(g.value.style.top="",g.value.style.bottom="-30px",g.value.style["border-radius"]="0px 0px 4px 4px",i.value="bottom"):O<45?(g.value.style.top="0px",g.value.style["border-radius"]="0px 0px 4px 0",i.value="center"):(g.value.style.top="-30px",g.value.style["border-radius"]="4px 4px 0px 0px",i.value="top"))}function I(t,d){const y=T.value;if(!n||!y)return;const o=n.getBoundingClientRect(),{width:S}=y.getBoundingClientRect(),N=k.value?1:s.value,V=t/N-o.top;let m=d/N-o.left+S/N;m<o.width&&(m=0);const O=n.scrollTop-o.height/3+60,H=n.scrollTop+o.height/3*2,W=n.scrollLeft-o.width+200,U=n.scrollLeft+o.width-200;Math.abs(V-$)<10&&Math.abs(m-D)<10||($=V,D=m,!(V>O&&V<H&&m>W&&m<U)&&(n.scrollTop=V,n.scrollLeft=m))}function q(){var W,U;const t=B.value;if(!t)return;const{top:d,left:y}=(n==null?void 0:n.getBoundingClientRect())??{top:0,left:0},{top:o,left:S,width:N,height:V}=((W=t.getBoundingClientRect)==null?void 0:W.call(t))??((U=t.nextElementSibling)==null?void 0:U.getBoundingClientRect()),m=k.value?1:s.value,O=o-d+((n==null?void 0:n.scrollTop)??0)*m,H=S-y+((n==null?void 0:n.scrollLeft)??0)*m;w.value&&(w.value.style.width=`${N/m}px`,w.value.style.height=`${V/m}px`,w.value.style.top=`${O/m}px`,w.value.style.left=`${H/m}px`)}function Z(t){const d=window.MutationObserver,y={childList:!0,attributes:!0,subtree:!0};return{mutationObserver:new d(t),observerConfig:y}}function K(){var N;const t=C.findSchemaInfoById(_.schemas,((N=r.state.checkedNode)==null?void 0:N.id)??"root");if(!t)return!1;const{list:d,schema:y,index:o}=t,S=C.generateNewSchema(y);d.splice(o+1,0,S),r.setCheckedNode(S),c.push(_.schemas,"复制组件")}function X(){var S;const t=C.findSchemaInfoById(_.schemas,((S=r.state.checkedNode)==null?void 0:S.id)??"root");if(!t)return!1;let{list:d,schema:y,index:o}=t;d.splice(o,1),o===d.length&&o--,r.setCheckedNode(d[o]),c.push(_.schemas,"删除组件")}function Y(t){n=t,n==null||n.addEventListener("scroll",()=>{j()}),C.useResizeObserver(T,j),C.useResizeObserver(B,q)}return R({handleInit:Y}),(t,d)=>{var y,o,S,N,V;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("div",{ref_key:"selectorRef",ref:f,class:e.normalizeClass(["epic-checked-widget absolute pointer-events-none z-20",i.value+" "+(a.value?"transition-all":"")])},[e.createElementVNode("div",{class:"epic-widget-action-box",ref_key:"actionBoxRef",ref:g},[e.createElementVNode("div",ee,e.toDisplayString((o=e.unref(F.pluginManager).getComponentConfingByType(((y=e.unref(r).state.checkedNode)==null?void 0:y.type)??""))==null?void 0:o.defaultSchema.label),1),L.value?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",{title:"复制",class:"epic-widget-action-item pointer-events-auto",onClick:K},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--copy-all-outline-rounded"})]),e.createElementVNode("div",{title:"删除",class:"epic-widget-action-item pointer-events-auto",onClick:X},[e.createVNode(e.unref(J._sfc_main),{name:"icon--epic--delete-outline-rounded"})])])):e.createCommentVNode("",!0)],512)],2),[[e.vShow,M.value&&((S=e.unref(r).state.checkedNode)==null?void 0:S.id)!=="root"]]),e.withDirectives(e.createElementVNode("div",{ref_key:"hoverWidgetRef",ref:w,class:"epic-hover-widget absolute transition-all pointer-events-none z-998"},null,512),[[e.vShow,l.value&&((N=e.unref(r).state.checkedNode)==null?void 0:N.id)!==((V=e.unref(r).state.hoverNode)==null?void 0:V.id)]])],64)}}}),oe=e.defineComponent({name:"EditNodeItem",__name:"editNodeItem",props:{schemas:{}},emits:["update:schemas"],setup(A,{emit:R}){const u=e.inject("designer"),_=e.inject("pageSchema"),r=e.inject("revoke"),h=A,c=R,f=e.computed({get(){return h.schemas},set(a){c("update:schemas",a)}});function w(a){u.setCheckedNode(f.value[a]),u.setDisableHover(!0)}function g(){u.setDisableHover(),r.push(_.schemas,"拖拽组件")}function M(){r.push(_.schemas,"插入组件")}function l(a){var i,s,k;return a.id===((i=_.schemas[0])==null?void 0:i.id)||(k=(s=F.pluginManager.getComponentConfingByType(a.type))==null?void 0:s.editConstraints)!=null&&k.immovable?"unmover-item":"draggable-item"}return(a,i)=>(e.openBlock(),e.createBlock(e.unref(G.draggable),e.mergeProps({modelValue:f.value,"onUpdate:modelValue":i[0]||(i[0]=s=>f.value=s),"item-key":"id","component-data":{type:"transition-group"},class:"epic-draggable-range"},{animation:200,group:"edit-draggable",handle:".draggable-item",ghostClass:"moveing"},{onStart:i[1]||(i[1]=s=>w(s.oldIndex)),onEnd:i[2]||(i[2]=s=>g()),onAdd:i[3]||(i[3]=s=>{w(s.newIndex),M()})}),{item:e.withCtx(({element:s,index:k})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["widget-box",l(s)]),key:k},[e.createVNode(Q,{schema:s},null,8,["schema"])],2))]),_:1},16,["modelValue"]))}}),Q=e.defineComponent({name:"ENodeItem",__name:"nodeItem",props:{schema:{},name:{}},setup(A){const R=e.useAttrs(),u=e.inject("designer"),_=e.inject("pageManager",{}),r=e.inject("pageSchema",{}),h=e.ref(null);e.provide("nodeAttrs",R);const c=A,f=e.computed(()=>{var k,n,L,T,B;const l=_.componentInstances.value,a=(k=c.schema)==null?void 0:k.id,i=F.pluginManager.getComponentConfingByType((n=c.schema)==null?void 0:n.type)??null;if(!a||!(l!=null&&l[a]))return null;if(i!=null&&i.defaultSchema.input&&((L=c.schema)==null?void 0:L.noFormItem)!==!0)return(T=l[a+"formItem"])==null?void 0:T.$el;const s=l[a];return((B=s==null?void 0:s.$el)==null?void 0:B.nodeName)==="#text"?null:s==null?void 0:s.$el});e.watch(()=>f.value,l=>{l==null||l.addEventListener("click",w,!1),l==null||l.addEventListener("mouseover",g,!1),l==null||l.addEventListener("mouseout",M,!1)}),e.onUnmounted(()=>{var l,a,i;(l=f.value)==null||l.removeEventListener("click",w,!1),(a=f.value)==null||a.removeEventListener("mouseover",g,!1),(i=f.value)==null||i.removeEventListener("mouseout",M,!1)});function w(l){l.stopPropagation(),u.setCheckedNode(c.schema)}function g(l){var a;c.schema.id!==((a=r.schemas[0])==null?void 0:a.id)&&(l.stopPropagation(),u.setHoverNode(c.schema))}function M(l){l.stopPropagation(),u.setHoverNode(null)}return(l,a)=>{var s,k;const i=e.resolveComponent("ENodeItem");return e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"nodeRef",ref:h,componentSchema:c.schema},e.createSlots({_:2},[(k=(s=e.unref(F.pluginManager).getComponentConfingByType(c.schema.type))==null?void 0:s.editConstraints)!=null&&k.childImmovable?{name:"edit-node",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.schema.children,n=>(e.openBlock(),e.createBlock(i,{key:n.id,schema:n},null,8,["schema"]))),128))]),key:"0"}:{name:"edit-node",fn:e.withCtx(()=>[c.schema.children?(e.openBlock(),e.createBlock(oe,{key:0,schemas:c.schema.children,"onUpdate:schemas":a[0]||(a[0]=n=>c.schema.children=n)},null,8,["schemas"])):e.createCommentVNode("",!0)]),key:"1"}]),1032,["componentSchema"])}}}),le={class:"min-w-750px rounded h-full"},ae=e.defineComponent({__name:"previewJson",setup(A,{expose:R}){const u=F.pluginManager.getComponent("modal"),_=F.pluginManager.getComponent("monacoEditor"),r={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1},readOnly:!0},h=e.ref(null),c=e.ref(!1),f=e.inject("pageSchema");function w(){c.value=!1}function g(){c.value=!0,h.value?h.value.setValue(JSON.stringify(f,null,2)):setTimeout(()=>{g()},300)}function M(l="epic-data.json"){const a=JSON.stringify(f,null,2);var i=`data:text/json;charset=utf-8,${encodeURIComponent(a)}`,s=document.createElement("a");s.setAttribute("href",i),s.setAttribute("download",l),s.click()}return R({handleOpen:g}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(u),{modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=i=>c.value=i),title:"查看数据",class:"w-900px",width:"900px",onClose:w,onOk:M,okText:"导出数据"},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(_),{ref_key:"monacoEditorRef",ref:h,class:"editor h-full",autoToggleTheme:"",readOnly:"",config:r,language:"json"},null,512)])]),_:1},8,["modelValue"]))}}),se={class:"epic-edit-toolbar flex items-center justify-between px-2"},re={class:"flex-1 h-full flex items-center"},ie={key:0,class:"epic-divider"},ce=["title","onClick"],de={class:"flex-1 h-full flex items-center justify-end"},ue={key:0,class:"flex items-center ml-12px"},fe={class:"pr-8px w-82px cursor-pointer"},me={class:"epic-device h-28px items-center gap-1 rounded-md border p-2px flex"},ve=["title","onClick"],pe=e.defineComponent({__name:"toolbar",setup(A){const R=F.pluginManager.getComponent("select"),{canvasScale:u,disabledZoom:_}=C.useStore(),r=e.ref("pc"),h=e.inject("pageSchema"),c=e.inject("designer"),f=e.inject("revoke"),w=e.ref(null),g=[{icon:"icon--epic--computer-outline-rounded",title:"pc",key:"pc"}],M=e.computed(()=>[{icon:"icon--epic--trash",title:"清空",on:n},{icon:"icon--epic--undo",title:"撤销",on:s,disabled:!f.recordList.value.length,divider:!0},{icon:"icon--epic--redo",title:"重做",on:k,disabled:!f.undoList.value.length}]),l=e.ref(null),a=e.computed({get(){return`${(u.value*100).toFixed(0)}%`},set(p){const x=parseFloat(p);u.value=x/100}}),i=[{label:"60%",value:"60%"},{label:"80%",value:"80%"},{label:"100%",value:"100%"},{label:"120%",value:"120%"},{label:"140%",value:"140%"}];function s(){const p=f.undo();p&&(C.deepCompareAndModify(h.schemas,p),c.setCheckedNode(h.schemas[0]))}function k(){const p=f.redo();p&&(C.deepCompareAndModify(h.schemas,p),c.setCheckedNode(h.schemas[0]))}function n(){c.reset()}function L(p){var z;const x=(z=p.target.files)==null?void 0:z[0];if(!x)return;p.target.value=null;const v=new FileReader;v.readAsText(x),v.onload=P=>{var E;T((E=P.target)==null?void 0:E.result)}}function T(p){try{let x=JSON.parse(p??"");x.schemas||(x=C.convertKFormData(x)),C.deepCompareAndModify(h,x)}catch(x){console.error(x)}}function B(p){c.handleToggleDeviceMode(p),r.value=p;const x={pc:{},pad:{width:"780px",mode:p},mobile:{width:"390px",mode:p}};h.canvas=x[p]}return(p,x)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",se,[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(v,z)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:z},[v.divider?(e.openBlock(),e.createElementBlock("div",ie)):e.createCommentVNode("",!0),e.createElementVNode("div",{title:v.title,class:e.normalizeClass(["epic-action-item text-base h-90% px-10px flex items-center cursor-pointer",{disabled:v.disabled}]),onClick:v.on},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,ce)],64))),128))]),e.withDirectives(e.createElementVNode("input",{type:"file",ref_key:"fileRef",ref:l,accept:".json,.txt",onChange:L},null,544),[[e.vShow,!1]]),e.createElementVNode("div",de,[e.unref(_)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",fe,[e.createVNode(e.unref(R),{value:a.value,"onUpdate:value":x[0]||(x[0]=v=>a.value=v),modelValue:a.value,"onUpdate:modelValue":x[1]||(x[1]=v=>a.value=v),options:i,size:"small"},null,8,["value","modelValue"])])])),e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(g,v=>e.createElementVNode("div",{key:v.key,title:v.title,class:e.normalizeClass(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm",{checked:v.key===r.value}]),onClick:z=>B(v.key)},[e.createVNode(e.unref(J._sfc_main),{name:v.icon},null,8,["name"])],10,ve)),64))])])]),e.createVNode(ae,{ref_key:"previewJson",ref:w},null,512)],64))}}),he={class:"h-full flex flex-col relative"},ge=["draggable"],xe=e.defineComponent({__name:"editScreenContainer",setup(A){const R=e.inject("pageSchema"),u=e.ref(null),_=e.ref(null),r=e.ref(null),{pressSpace:h,disabledZoom:c}=C.useStore(),{handleElementDragStart:f,handleElementDrag:w,handleElementDragEnd:g}=C.useElementDrag(u),{width:M,height:l}=C.useElementSize(u),{canvasScale:a,handleZoom:i}=C.useElementZoom(_);let s=0,k=0;const n=e.ref({}),L=e.ref({}),T=e.ref({}),B=e.shallowRef({width:0,height:0});e.watchEffect(x),e.watch(T,()=>{e.nextTick(p)});function p(){r.value&&(B.value={width:r.value.clientWidth,height:r.value.clientHeight})}function x(){var E,b;T.value={width:((E=R.canvas)==null?void 0:E.width)??"0",height:((b=R.canvas)==null?void 0:b.height)??"0"}}C.watchOnce(M,v),e.watch(B,v);function v(){let E=B.value.width||s,b=B.value.height||k;n.value={width:M.value+E+"px",height:l.value+b+"px"},L.value={width:E+"px",height:b+"px"},z()}function z(){e.nextTick(()=>{var j;let E=B.value.width||s;const $=(B.value.height||k)/2,D=E/2;(j=u.value)==null||j.scrollTo(D,$)})}C.useResizeObserver(u,P),C.useResizeObserver(_,P);function P(){var b;if(!u.value)return;const E=u.value.getBoundingClientRect();if(s=E.width-60,k=E.height-80,!c.value)if(B.value.width===0)a.value=1;else{const $=(s-20)/B.value.width,D=k/(B.value.height||((b=_.value)==null?void 0:b.clientHeight)||1),j=Math.abs($-1)<Math.abs(D-1);let I=1;j?I=$:I=D,($<1||D<1)&&(I=Math.min($,D)),I<1.4&&I>.5&&(a.value=I)}C.debounce(v,50)()}return(E,b)=>(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(pe),e.createElementVNode("div",{ref_key:"editScreenContainerRef",ref:u,class:e.normalizeClass(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container",{"cursor-grab":e.unref(h)}]),draggable:e.unref(h),onWheel:b[0]||(b[0]=(...$)=>e.unref(i)&&e.unref(i)(...$)),onDragstart:b[1]||(b[1]=(...$)=>e.unref(f)&&e.unref(f)(...$)),onDragend:b[2]||(b[2]=(...$)=>e.unref(g)&&e.unref(g)(...$)),onDrag:b[3]||(b[3]=(...$)=>e.unref(w)&&e.unref(w)(...$))},[e.createElementVNode("div",{id:"canvasContainer",class:"flex items-center justify-center",style:e.normalizeStyle(n.value)},[e.createElementVNode("div",{ref_key:"draggableElRef",ref:_,class:"transition-all"},[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none":e.unref(h)}),style:e.normalizeStyle(L.value)},[e.renderSlot(E.$slots,"default")],6)],512)],4)],42,ge),e.createElementVNode("div",{ref_key:"sizeBoxRef",ref:r,class:"absolute top-0 pointer-events-none",style:e.normalizeStyle(T.value)},null,4)]))}}),ye={class:"epic-edit-canvas"},_e=e.defineComponent({__name:"index",setup(A){const R=e.ref(null),u=e.ref(null),_=e.inject("pageSchema"),r=e.computed(()=>_.schemas[0]),h=e.computed(()=>({width:"100%",height:"100%"}));return e.onMounted(()=>{var c;(c=u.value)==null||c.handleInit(R.value)}),(c,f)=>(e.openBlock(),e.createElementBlock("section",ye,[e.createVNode(xe,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"epicEditRangeRef",ref:R,class:"epic-edit-range rounded-md overflow-auto relative",style:e.normalizeStyle(h.value)},[e.createVNode(Q,{schema:r.value},null,8,["schema"]),e.createVNode(ne,{ref_key:"ePreviewWidgetsRef",ref:u},null,512)],4)]),_:1})]))}});exports.default=_e;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ETJEJKM_.cjs"),a=require("./js.cookie-BH1G_HRi.cjs");exports.EBuilder=e._sfc_main$1;exports.EDesigner=e._sfc_main$2;exports.ENode=e._sfc_main;exports.capitalizeFirstLetter=e.capitalizeFirstLetter;exports.convertKFormData=e.convertKFormData;exports.debounce=e.debounce;exports.deepClone=e.deepClone;exports.deepCompareAndModify=e.deepCompareAndModify;exports.deepEqual=e.deepEqual;exports.findSchemaById=e.findSchemaById;exports.findSchemaInfoById=e.findSchemaInfoById;exports.findSchemas=e.findSchemas;exports.generateNewSchema=e.generateNewSchema;exports.getDarkState=e.getDarkState;exports.getFormFields=e.getFormFields;exports.getFormSchemas=e.getFormSchemas;exports.getMatchedById=e.getMatchedById;exports.getUUID=e.getUUID;exports.getValueByPath=e.getValueByPath;exports.initStore=e.initStore;exports.mapSchemas=e.mapSchemas;exports.recursionConvertedNode=e.recursionConvertedNode;exports.setValueByPath=e.setValueByPath;exports.useDark=e.useDark;exports.useElementDrag=e.useElementDrag;exports.useElementZoom=e.useElementZoom;exports.useKeyPress=e.useKeyPress;exports.usePageManager=e.usePageManager;exports.useRevoke=e.useRevoke;exports.useStore=e.useStore;exports.useTheme=e.useTheme;exports.useTimedQuery=e.useTimedQuery;exports.EventBus=a.EventBus;exports.PluginManager=a.PluginManager;exports.loadAsyncComponent=a.loadAsyncComponent;exports.pluginManager=a.pluginManager;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CtK_8YxJ.cjs"),a=require("./js.cookie-BH1G_HRi.cjs");exports.EBuilder=e._sfc_main$1;exports.EDesigner=e._sfc_main$2;exports.ENode=e._sfc_main;exports.capitalizeFirstLetter=e.capitalizeFirstLetter;exports.convertKFormData=e.convertKFormData;exports.debounce=e.debounce;exports.deepClone=e.deepClone;exports.deepCompareAndModify=e.deepCompareAndModify;exports.deepEqual=e.deepEqual;exports.findSchemaById=e.findSchemaById;exports.findSchemaInfoById=e.findSchemaInfoById;exports.findSchemas=e.findSchemas;exports.generateNewSchema=e.generateNewSchema;exports.getDarkState=e.getDarkState;exports.getFormFields=e.getFormFields;exports.getFormSchemas=e.getFormSchemas;exports.getMatchedById=e.getMatchedById;exports.getUUID=e.getUUID;exports.getValueByPath=e.getValueByPath;exports.initStore=e.initStore;exports.mapSchemas=e.mapSchemas;exports.recursionConvertedNode=e.recursionConvertedNode;exports.setValueByPath=e.setValueByPath;exports.useDark=e.useDark;exports.useElementDrag=e.useElementDrag;exports.useElementZoom=e.useElementZoom;exports.useKeyPress=e.useKeyPress;exports.usePageManager=e.usePageManager;exports.useRevoke=e.useRevoke;exports.useStore=e.useStore;exports.useTheme=e.useTheme;exports.useTimedQuery=e.useTimedQuery;exports.EventBus=a.EventBus;exports.PluginManager=a.PluginManager;exports.loadAsyncComponent=a.loadAsyncComponent;exports.pluginManager=a.pluginManager;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { q as s, r as t, _ as r, E as o, c as n, j as d, m, d as u, x as i, l as g, f as l, B as c, g as p, H as h, z as y, A as E, y as S, k as f, o as B, I as D, C as F, D as I, s as P, G as v, e as C, i as M, F as k, t as x, v as A, u as N, p as q, a as z } from "./index-Bgvfahgd.js";
+import { q as s, r as t, _ as r, E as o, c as n, j as d, m, d as u, x as i, l as g, f as l, B as c, g as p, H as h, z as y, A as E, y as S, k as f, o as B, I as D, C as F, D as I, s as P, G as v, e as C, i as M, F as k, t as x, v as A, u as N, p as q, a as z } from "./index-Dy65ngnp.js";
 import { E as T, P as U, l as V, p as b } from "./js.cookie-oHpRFPCO.js";
 export {
   s as EBuilder,

package/dist/{styleView-cuoX6XX4.js → styleView-BbQxI-Nr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as k, inject as c, computed as P, openBlock as a, createElementBlock as s, Fragment as S, renderList as b, createElementVNode as d, normalizeClass as V, toDisplayString as w, createCommentVNode as u, createVNode as C, unref as i, nextTick as E } from "vue";
-import { _ as z, o as I, s as y } from "./index-Bgvfahgd.js";
+import { _ as z, o as I, s as y } from "./index-Dy65ngnp.js";
 import "./js.cookie-oHpRFPCO.js";
 const N = ["title"], B = { class: "epic-attr-input" }, D = /* @__PURE__ */ k({
   __name: "styleView",

package/dist/{styleView-CXdgqy6O.cjs → styleView-CF34Ddn9.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-ETJEJKM_.cjs");require("./js.cookie-BH1G_HRi.cjs");const h=["title"],m={class:"epic-attr-input"},k=e.defineComponent({__name:"styleView",setup(v){const p=e.inject("designer"),u=e.inject("pageSchema"),d=e.inject("revoke"),r=[{label:"宽度",type:"EInputSize",field:"componentProps.style.width"},{label:"高度",type:"EInputSize",field:"componentProps.style.height"},{label:"内边距",type:"EInputSize",field:"componentProps.style.padding"},{label:"外边距",type:"EInputSize",field:"componentProps.style.margin"},{label:"背景色",type:"color-picker",field:"componentProps.style.backgroundColor",componentProps:{type:"color",style:{}}},{label:"字体颜色",type:"color-picker",field:"componentProps.style.color",componentProps:{type:"color",style:{}}}],c=e.computed(()=>p.state.checkedNode);function i(t){var n;return typeof t.show=="boolean"?t.show:((n=t.show)==null?void 0:n.call(t,{values:c.value}))??!0}function y(t,n,l,o=c.value){typeof l.onChange=="function"&&l.onChange({value:t,values:o,componentStyles:r}),l.changeSync?a.setValueByPath(o,n,t):e.nextTick(()=>{a.setValueByPath(o,n,t)}),d.push(u.schemas,"编辑组件属性")}return(t,n)=>{var l;return e.openBlock(),e.createElementBlock("div",{class:"epic-style-view",key:(l=c.value)==null?void 0:l.id},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,o=>{var s;return e.createElementVNode("div",{key:o.field},[i(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",o.layout])},[o.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,h)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.createVNode(e.unref(a._sfc_main),{componentSchema:{...o,componentProps:{...o.componentProps,...o.field==="componentProps.defaultValue"?(s=c.value)==null?void 0:s.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":e.unref(a.getValueByPath)(o.editData??c.value,o.field),"onUpdate:modelValue":f=>y(f,o.field,o,o.editData)},null,8,["componentSchema","model-value","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0)])}),64))])}}});exports.default=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-CtK_8YxJ.cjs");require("./js.cookie-BH1G_HRi.cjs");const h=["title"],m={class:"epic-attr-input"},k=e.defineComponent({__name:"styleView",setup(v){const p=e.inject("designer"),u=e.inject("pageSchema"),d=e.inject("revoke"),r=[{label:"宽度",type:"EInputSize",field:"componentProps.style.width"},{label:"高度",type:"EInputSize",field:"componentProps.style.height"},{label:"内边距",type:"EInputSize",field:"componentProps.style.padding"},{label:"外边距",type:"EInputSize",field:"componentProps.style.margin"},{label:"背景色",type:"color-picker",field:"componentProps.style.backgroundColor",componentProps:{type:"color",style:{}}},{label:"字体颜色",type:"color-picker",field:"componentProps.style.color",componentProps:{type:"color",style:{}}}],c=e.computed(()=>p.state.checkedNode);function i(t){var n;return typeof t.show=="boolean"?t.show:((n=t.show)==null?void 0:n.call(t,{values:c.value}))??!0}function y(t,n,l,o=c.value){typeof l.onChange=="function"&&l.onChange({value:t,values:o,componentStyles:r}),l.changeSync?a.setValueByPath(o,n,t):e.nextTick(()=>{a.setValueByPath(o,n,t)}),d.push(u.schemas,"编辑组件属性")}return(t,n)=>{var l;return e.openBlock(),e.createElementBlock("div",{class:"epic-style-view",key:(l=c.value)==null?void 0:l.id},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,o=>{var s;return e.createElementVNode("div",{key:o.field},[i(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",o.layout])},[o.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,h)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.createVNode(e.unref(a._sfc_main),{componentSchema:{...o,componentProps:{...o.componentProps,...o.field==="componentProps.defaultValue"?(s=c.value)==null?void 0:s.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":e.unref(a.getValueByPath)(o.editData??c.value,o.field),"onUpdate:modelValue":f=>y(f,o.field,o,o.editData)},null,8,["componentSchema","model-value","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0)])}),64))])}}});exports.default=k;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "epic-designer-gold",
   "private": false,
-  "version": "0.0.47",
+  "version": "0.0.48",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/index-BRZDZuxE.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./index-Bgvfahgd.js";
-export {
-  f as default
-};

package/dist/index-ETJEJKM_.cjs

@@ -1,10 +0,0 @@
-"use strict";const e=require("vue"),M=require("./js.cookie-BH1G_HRi.cjs");function H(t=10){const s="abcdefghijklmnopqrstuvwxyz0123456789";let r="";for(let n=0;n<t;n++){const o=Math.floor(Math.random()*s.length);r+=s[o]}return r}function ee(t){return t.charAt(0).toUpperCase()+t.slice(1)}function k(t,s=new WeakMap){if(typeof t!="object"||t===null)return t;if(s.has(t))return s.get(t);if(Array.isArray(t)){const n=t.map(o=>k(o,s));return s.set(t,n),n}const r={};return s.set(t,r),Object.keys(t).forEach(n=>{r[n]=k(t[n],s)}),r}function ve(t){const[s]=oe([k(t)],r=>{var o,a;const n={...r,id:`${r.type}_${H(8)}`};return(n.field||n.input)&&!((a=(o=M.pluginManager.getComponentConfingByType(n.type))==null?void 0:o.editConstraints)!=null&&a.fixedField)&&(n.field=n.id),n});return s}function $(t,s,r=!0){for(const[n,o]of Object.entries(s)){let a=t==null?void 0:t[n];a&&o&&typeof a=="object"&&typeof o=="object"?(Array.isArray(a)&&!Array.isArray(o)?a=t[n]={}:!Array.isArray(a)&&Array.isArray(o)&&(a=t[n]=[]),$(a,o,r)):t[n]=o}r&&Object.keys(t).reverse().forEach(n=>{s.hasOwnProperty(n)||(Array.isArray(t)?t.splice(Number(n),1):delete t[n])})}function Y(t,s,r=[],n=new WeakMap){const o=a=>{if(Array.isArray(a))return a.map(o);if(typeof a=="object"&&a!==null){if(n.has(a))return"[Circular]";n.set(a,!0);const c=Object.keys(a).sort(),d={};return c.forEach(p=>{r.includes(p)||(d[p]=o(a[p]))}),n.delete(a),d}else return a};return JSON.stringify(o(t))===JSON.stringify(o(s))}function te(t,s){const r=[];let n=!1;function o(a){if(r.push(a),a.id===s&&(n=!0),!n&&a.children!=null&&a.children.length>0)for(let c=0;c<a.children.length&&(o(a.children[c]),!n);c++);if(!n&&a.slots)for(let c in a.slots)for(let d=0;d<a.slots[c].length&&(o(a.slots[c][d]),!n);d++);n||r.pop()}return t.forEach(o),n||console.error(`没有查询到id为${s}的节点`),r}function ge(t,s,r){const n=s.split(".");let o=t;for(let a=0;a<n.length;a++){if(o==null)return r;o=o[n[a]]}return o===void 0?r:o}function ye(t,s,r){const n=s.replace(/\[(\d+)\]/g,".$1").split(".").filter(Boolean);let o=t;for(let a=0;a<n.length-1;a++){const c=n[a];o[c]==null&&(o[c]=isNaN(Number(n[a+1]))?{}:[]),o=o[c]}return o[n[n.length-1]]=r,t}function we(t,s="default"){return ne(t,s).map(n=>n.field)}function ne(t,s="default"){const r=J(t,o=>{var a;return o.type==="form"&&(((a=o.componentProps)==null?void 0:a.name)??o.name===s)},!0);return J((r==null?void 0:r.children)??[],o=>!!o.input,!1,o=>o.type!=="subform")}function J(t,s,r=!1,n){const o=[],a=[...t];for(;a.length;){const c=a.pop();if(c!=null&&c.children&&(!n||n(c))&&a.push(...c.children),c!=null&&c.slots&&(!n||n(c)))for(let d in c.slots)a.push(...c.slots[d]);if(s(c)&&(o.push(c),r))return c}return r?!1:o}function oe(t,s,r){const n=[...t];for(;n.length;){const o=n.pop();if(o!=null&&o.children&&(!r||r(o))&&n.push(...o.children),o!=null&&o.slots&&(!r||r(o)))for(let a in o.slots)n.push(...o.slots[a]);$(o,s(o))}return t}function Se(t,s){const r=J(t,n=>n.id===s,!0);if(!r)throw new Error(`没有查询到id为${s}的节点`);return r}function Ee(t,s){const r=[{type:"",children:t}];let n=0,o=null;if(J(r,a=>{if(o=a.children??null,!o){if(a!=null&&a.slots)for(let c in a.slots){o=a.slots[c];for(let d=0;d<o.length;d++)if(o[d].id===s)return n=d,!0}return!1}for(let c=0;c<o.length;c++)if(o[c].id===s)return n=c,!0;return!1},!0),!o)throw new Error(`没有查询到id为${s}的节点`);return{list:o,schema:o[n],index:n}}function Ce(t){const s={schemas:[{type:"page",id:"root",label:"页面",children:[{label:"表单",type:"form",icon:"epic-icon-daibanshixiang",labelWidth:t.config.labelWidth||100,name:"default",componentProps:{layout:t.config.layout||"horizontal",labelWidth:t.config.labelWidth||100,labelLayout:t.config.labelLayout==="flex"?"fixed":"flex",labelCol:t.config.labelCol||{span:5},wrapperCol:t.config.wrapperCol||{span:19},hideRequiredMark:t.config.hideRequiredMark||!1,colon:t.config.colon||!0,labelAlign:t.config.labelAlign||"right",size:t.config.size||"middle"},children:[],id:"form_"+H()}],componentProps:{style:{padding:"16px"}}}],script:t.script||""};return s.schemas[0].children[0].children=z(t.list),s}function z(t,s){return t.map(r=>{var p,x,w;let n=r.type??"";const o=r.options??{},a=(l,C)=>{n===l&&(n=C,o.defaultValue&&(o.defaultValue=JSON.parse(o.defaultValue)))};if(a("uploadImg","upload-image"),a("uploadFile","upload-file"),n==="date"&&o.range&&(o.type="daterange",delete o.range),(n==="date"||n==="time")&&(o.valueFormat=o.format),n==="textarea"){const{minRows:l,maxRows:C}=o;o.autoSize={minRows:l,maxRows:C},delete o.minRows,delete o.maxRows}n==="number"&&!o.precision&&delete o.precision,o.width&&(o.style={width:o.width},delete o.width),n==="grid"&&(n="row"),s&&s.type==="grid"&&(n="col",o.span=r.span,r.key=H());const c={label:r.label,type:n,icon:r.icon||"",field:r.model,componentProps:o,id:r.key};return(o.noFormItem||!o.showLabel)&&(c.noFormItem=!0,delete o.noFormItem,delete o.showLabel),o.clearable&&(o.allowClear=!0,delete o.clearable),["input","textarea","number","password","select","cascader","checkbox","radio","date","time","slider","switch","color-picker","upload-file","upload-image"].includes(n)&&(c.input=!0,((x=(p=r.rules)==null?void 0:p[0])==null?void 0:x.required)===!1&&r.rules.shift(),((w=r.rules)==null?void 0:w.length)>0&&(c.rules=r.rules)),r.list&&(c.children=z(r.list,r)),r.columns&&(c.children=z(r.columns,r)),r.trs&&(c.children=z(r.trs,r)),r.tds&&(c.children=z(r.tds,r)),c})}function De(t,s){let r=null;return(...n)=>{r&&clearTimeout(r),r=setTimeout(()=>{t(...n)},s)}}function X(){const t=e.ref({}),s=e.ref({}),r=e.ref(!1),n=e.ref([]),o=e.reactive({});function a(h){return t.value[h]}function c(h,E){t.value[h]=E}function d(h){delete t.value[h]}function p(h,E=!1){const A=Object.entries(M.pluginManager.publicMethods).reduce((V,[u,O])=>(V[u]=O.handler,V),{});try{new Function(`const epic = this;${h}`).bind({...A,getComponent:a,find:a,defineExpose:x,publicMethods:A,pluginManager:M.pluginManager})()}catch(V){E&&console.error("[epic：自定义函数]异常：",V)}}function x(h){h!=null&&(s.value=h)}function w(h,...E){if(!h||h.length===0){console.warn("未提供任何动作");return}h.forEach(A=>{const V=A.args?JSON.parse(A.args):E;switch(A.type){case"public":l(A,V);break;case"custom":C(A,V);break;case"component":m(A,V);break;default:console.warn(`未知的动作类型: ${A.type}`);break}})}function l(h,E){var A;try{(A=M.pluginManager.publicMethods[h.methodName])==null||A.handler(...E)}catch(V){console.error(`[Epic：公共函数(${h.methodName})]执行异常:`,V)}}function C(h,E){var A,V;try{(V=(A=s.value)[h.methodName])==null||V.call(A,...E)}catch(u){console.error(`[Epic：自定义函数(${h.methodName})]执行异常:`,u)}}function m(h,E){const A=h.componentId!=null&&a(h.componentId);if(!A){console.warn(`[Epic：组件${h.componentId}]未找到`);return}try{A[h.methodName](...E)}catch(V){console.error(`[Epic：组件${h.componentId}函数(${h.methodName})]执行异常:`,V)}}function v(h=!0){r.value=h}function f(h){const E=J(h,()=>!0);n.value=E.map(A=>A.id)}function B(h,E="default"){if(o[E]){const A=o[E];$(h,A)}o[E]=h}function N(h,E="default"){if(o[E]){$(o[E],h,!1);return}o[E]=h}return{componentInstances:t,funcs:s,isDesignMode:r,defaultComponentIds:n,forms:o,addFormData:B,setFormData:N,getComponentInstance:a,find:a,addComponentInstance:c,removeComponentInstance:d,setMethods:p,doActions:w,setDesignMode:v,setDefaultComponentIds:f}}function re(){const t=e.ref([]),s=e.ref([]),r=e.ref(null);let n=0;function o(p,x="插入组件"){const w=Date.now();n+150>w||(n=w,r.value!=null&&(t.value.push(r.value),s.value.splice(0,s.value.length)),r.value={type:x,componentSchema:JSON.stringify(p)},t.value.length>60&&t.value.unshift())}function a(){if(t.value.length===0)return!1;const p=t.value.pop();return r.value!=null&&s.value.push(r.value),r.value=p,JSON.parse(p.componentSchema)}function c(){if(s.value.length===0)return!1;const p=s.value.pop();return r.value!=null&&t.value.push(r.value),r.value=p,JSON.parse(p.componentSchema)}function d(){t.value=[],s.value=[],r.value=null}return{recordList:t,undoList:s,currentRecord:r,push:o,undo:a,redo:c,reset:d}}const Ae=e.defineComponent({__name:"dynamicFormItem",props:{hasFormItem:{type:Boolean},formItemProps:{}},emits:["updateFormItemRef"],setup(t,{emit:s}){const r=M.pluginManager.getComponent("form-item"),n=t,o=s,a=e.ref(),c=()=>{o("updateFormItemRef",a.value)};return(d,p)=>n.hasFormItem?(e.openBlock(),e.createBlock(e.unref(r),e.mergeProps({key:0,ref_key:"formItemRef",ref:a,onVnodeMounted:c},n.formItemProps),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},16,["onVnodeMounted"])):e.renderSlot(d.$slots,"default",{key:1})}}),se=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:s}){const{proxy:r}=e.getCurrentInstance(),n=t,o=e.ref(null);let a=e.inject("formData",e.reactive({}));const c=e.inject("slots",{}),d=e.inject("pageManager",{}),p=e.inject("disabled",{value:!1}),x=e.inject("ruleFieldPrefix",null),w=e.inject("resetFormData",!1);let l=e.reactive(k(n.componentSchema));v();async function C(i){if(["cascader","checkbox","select","radio"].includes(i.type)&&i.componentProps.dynamicId&&n.sourceDateUrl){const y=(await M.axios({url:n.sourceDateUrl,method:"get",params:{id:i.componentProps.dynamicId},headers:{Authorization:"Bearer "+M.api.get("Admin-Token")}})).data.data;let _=await M.axios({url:y.url,method:y.method,data:JSON.parse(y.body),params:JSON.parse(y.params),headers:{...JSON.parse(y.headers),Authorization:"Bearer "+M.api.get("Admin-Token")}});if(y&&(y!=null&&y.dataPath)){const pe=y.dataPath.split(".").reduce((me,he)=>me[he],_.data);i.componentProps.options=m(pe,y.dataKey,y.dataValue)}else i.componentProps.options=m(_.data,y.dataKey,y.dataValue);return i}return i}function m(i,b,I){return i&&Object.prototype.toString.call(i)==="[object Array]"?i.map(y=>y.children&&y.children.length?{label:y[b],value:y[I]+"",children:m(y.children,b,I)}:{label:y[b],value:y[I]+""}):[]}e.watch(()=>n.componentSchema,i=>{Y(l,i,["children"])||($(l,k(i)),v())},{deep:!0});function v(){d.isDesignMode.value&&typeof l.field=="string"&&(l.field+="-design-mode")}(n.resetFormData||w)&&(a={});const f=s,B=e.ref(),N=e.ref(),h=i=>{N.value=i},E=e.useAttrs();Object.keys(E).length&&e.provide("nodeAttrs",E);const A=e.shallowRef(null),V=e.computed(()=>{var i,b;return(i=l.componentProps)!=null&&i.hidden?!1:typeof l.show=="boolean"?l.show:((b=l.show)==null?void 0:b.call(l,{values:a}))??!0}),u=e.computed(()=>{var y;const i=V.value&&((y=l.rules)==null?void 0:y.map(_=>({..._,validator:_.validator&&d.funcs.value[_.validator]})));let b=l.field;n.ruleField?b=n.ruleField:x&&l.field&&(b=k(x),b.push(l.field));const I={...l,rules:i,rule:i,field:b};return I.children&&delete I.children,I}),O=e.computed(()=>{var I,y;const i=((I=S.value)==null?void 0:I.bindModel)??"modelValue",b={};return l.on&&Object.keys(l.on).forEach(_=>{b[`on${ee(_)}`]=(...q)=>d.doActions(l.on[_],...q)}),{...n,...l.componentProps,disabled:(p==null?void 0:p.value)||((y=l.componentProps)==null?void 0:y.disabled),bindModel:i,...b}}),S=e.computed(()=>M.pluginManager.getComponentConfingByType(l.type)??null);e.watchEffect(()=>{o.value=n.modelValue??a[l.field??""]}),e.watch(()=>o.value,()=>{o.value!==(n.modelValue??a[l.field??""])&&F(o.value)}),e.watch(()=>B.value,()=>{P()},{immediate:!0});function P(){var b;const i=B.value||r;l.id&&i&&(l.input&&(i.setValue=F,i.getValue=()=>a[l.field]||n.modelValue),i.setAttr=(I,y)=>(l.componentProps||(l.componentProps={}),l.componentProps[I]=y),i.getAttr=I=>l.componentProps[I],d.addComponentInstance(l.id,i),(b=S.value)!=null&&b.defaultSchema.input&&l.noFormItem!==!0&&N.value&&d.addComponentInstance(l.id+"formItem",N.value))}function g(){var i;l.id&&(d.removeComponentInstance(l.id),(i=S.value)!=null&&i.defaultSchema.input&&l.noFormItem!==!0&&d.removeComponentInstance(l.id+"formItem"))}async function R(){var b,I,y;if(l=await C(l),typeof((b=l.componentProps)==null?void 0:b.defaultValue)<"u"){const _=d.isDesignMode.value?(I=l.componentProps)==null?void 0:I.defaultValue:a[l.field]??((y=l.componentProps)==null?void 0:y.defaultValue);F(k(_))}if(l.type==="slot"){const _=l.slotName;if(!_)return;A.value=e.defineComponent({setup(){return()=>e.renderSlot(c,_,{componentSchema:l,model:a})}});return}const i=M.pluginManager.getComponent(l.type);if(!i){console.error(`组件${l.type}未注册`);return}if(typeof i=="function"){const _=await i();A.value=_.default??_}else A.value=i}function D(i){Object.prototype.toString.call(i),Object.prototype.toString.call(i)==="[object Array]"?i.forEach(b=>{a[b.value]=b.label}):a[i.value]=i.label,M.EventBus.emit("updateformData"+n.id,a)}function F(i){f("update:modelValue",i),f("change",i),l.field&&(a[l.field]=i),M.EventBus.emit("updateformData"+n.id,a)}function U(i){f("update:dynamicId",i)}let T=null;return e.watch(()=>l,async i=>{const b=JSON.stringify({...i,children:void 0,componentProps:{...i.componentProps,options:null}});if(b===T)return!1;T=b,R()},{immediate:!0,deep:!0}),e.onUnmounted(g),(i,b)=>{var y;const I=e.resolveComponent("ENode");return A.value&&V.value?(e.openBlock(),e.createBlock(Ae,{key:0,hasFormItem:e.unref(l).noFormItem!==!0&&((y=S.value)==null?void 0:y.defaultSchema.input),formItemProps:u.value,onUpdateFormItemRef:h},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(A.value),e.mergeProps({ref_key:"componentInstance",ref:B,onVnodeMounted:P,model:e.unref(a)},{...O.value},{[O.value.bindModel]:o.value,["onUpdate:"+O.value.bindModel]:b[0]||(b[0]=_=>o.value=_),[`onUpdate:${O.value.bindModel}`||""]:F,"onUpdate:modelValueLabel":D,"onUpdate:dynamicId":U}),{node:e.withCtx(_=>[e.createVNode(I,e.mergeProps({id:n.id},_,{sourceDateUrl:n.sourceDateUrl}),null,16,["id","sourceDateUrl"])]),"edit-node":e.withCtx(()=>[e.renderSlot(i.$slots,"edit-node")]),_:3},16,["model"]))]),_:3},8,["hasFormItem","formItemProps"])):e.createCommentVNode("",!0)}}});function xe(){const t=e.ref(!1),s=X(),r=e.ref({});function n(){return new Promise(m=>{if(t.value)m();else{const v=e.watch(t,()=>{v(),m()})}})}async function o(m="default"){var f;await n();const v=(f=r.value)==null?void 0:f[m];if(!v)throw new Error(`表单 [name=${m}] 不存在`);return v}async function a(m,v){const f=await o(m);return k(await v(f))}async function c(m="default"){return await a(m,v=>v.getData())}function d(m,v="default",f=void 0){var B,N;if(f&&Object.keys(f).length){let h=function(u){let O=[];return u.forEach(S=>{S.children&&(O=[...O,...h(S.children)]),O.push(S)}),O},A=function(u){var S;let O=h((S=f==null?void 0:f.schemas[0])==null?void 0:S.children);return Object.keys(u).forEach(P=>{var D,F,U,T,i,b,I;const g=O.find(y=>y.field===P),R=["datetimerange","daterange","monthrange","dates"];if((g&&(g==null?void 0:g.type)==="checkbox"||(g==null?void 0:g.type)==="select"&&((D=g==null?void 0:g.componentProps)!=null&&D.multiple)||(g==null?void 0:g.type)==="cascader"&&!((U=(F=g==null?void 0:g.componentProps)==null?void 0:F.props)!=null&&U.multiple)||(g==null?void 0:g.type)==="date"&&R.includes((T=g==null?void 0:g.componentProps)==null?void 0:T.type))&&typeof u[P]=="string")u[P]=(i=u[P])==null?void 0:i.split(",");else if((g==null?void 0:g.type)==="cascader"&&((I=(b=g==null?void 0:g.componentProps)==null?void 0:b.props)!=null&&I.multiple)&&typeof u[P]=="string")u[P].indexOf(";")>-1?u[P]=u[P].split(";").map(y=>y.split(",")):u[P]=u[P].split(","),u[P].indexOf("；")>-1?u[P]=u[P].split("；").map(y=>y.split(",")):u[P]=u[P].split(",");else if(((g==null?void 0:g.type)==="upload-image"||(g==null?void 0:g.type)==="upload-file")&&typeof u[P]=="string"){let y=[];Object.entries(u).forEach(([_,q])=>{u[P]===q&&_!==g.field&&(y=_.split("@")[1].split(","))}),u[P]=u[P].split(",").map((_,q)=>({url:_,name:y[q]}))}else(g==null?void 0:g.type)==="number"||(g==null?void 0:g.type)==="slider"?u[P]=Number(u[P]):(g==null?void 0:g.type)==="switch"&&(u[P]=typeof u[P]=="boolean"?u[P]:u[P].indexOf("true")>-1)}),u}(m);s.setFormData(A,v);const V=(B=r.value)==null?void 0:B[v];V==null||V.clearValidate()}else{s.setFormData(m,v);const h=(N=r.value)==null?void 0:N[v];h==null||h.clearValidate()}}async function p(m="default"){return await a(m,async v=>(await v.validate(),await v.getData()))}async function x(m){await n();const v={};for(const f in r.value){const B=r.value[f];B&&(v[f]=k(await m(B)))}return v}async function w(){return await x(m=>m.getData())}function l(m){for(const v in m)d(m[v],v)}async function C(){return await x(async m=>(await m.validate(),await m.getData()))}return{ready:t,pageManager:s,forms:r,getData:c,setData:d,validate:p,getForms:w,setForms:l,validateAll:C,getFormInstance:o}}const Pe={key:0,class:"epic-loading-box"},be={class:"epic-builder-main"},Ie={class:"epic-loading-box"},ae=e.defineComponent({__name:"builder",props:{pageSchema:{},formData:{},disabled:{type:Boolean},sourceDateUrl:{},id:{}},emits:["change","ready"],setup(t,{expose:s,emit:r}){const n=M.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),o=r,{ready:a,pageManager:c,forms:d,getData:p,setData:x,validate:w,getForms:l,setForms:C,validateAll:m,getFormInstance:v}=xe(),f=t,B=e.reactive({schemas:[]});e.watch(()=>f.pageSchema,u=>{$(B,u)},{immediate:!0,deep:!0}),e.watch(()=>f.formData,u=>{if(u){let O=h(u);x(O)}},{immediate:!0,deep:!0});function N(u){let O=[];return u.forEach(S=>{S.children&&(O=[...O,...N(S.children)]),O.push(S)}),O}function h(u){let O=N(f.pageSchema.schemas[0].children);return Object.keys(u).forEach(S=>{var P,g,R,D,F,U,T;if(S.indexOf("@")<0){const i=O.find(I=>I.field===S),b=["datetimerange","daterange","monthrange","dates"];if((i&&(i==null?void 0:i.type)==="checkbox"||(i==null?void 0:i.type)==="select"&&((P=i==null?void 0:i.componentProps)!=null&&P.multiple)||(i==null?void 0:i.type)==="cascader"&&!((R=(g=i==null?void 0:i.componentProps)==null?void 0:g.props)!=null&&R.multiple)||(i==null?void 0:i.type)==="date"&&b.includes((D=i==null?void 0:i.componentProps)==null?void 0:D.type))&&typeof u[S]=="string")u[S]=(F=u[S])==null?void 0:F.split(",");else if((i==null?void 0:i.type)==="cascader"&&((T=(U=i==null?void 0:i.componentProps)==null?void 0:U.props)!=null&&T.multiple)&&typeof u[S]=="string")u[S].indexOf(";")>-1?u[S]=u[S].split(";").map(I=>I.split(",")):u[S]=u[S].split(","),u[S].indexOf("；")>-1?u[S]=u[S].split("；").map(I=>I.split(",")):u[S]=u[S].split(",");else if(((i==null?void 0:i.type)==="upload-image"||(i==null?void 0:i.type)==="upload-file")&&typeof u[S]=="string"){let I=[];Object.entries(u).forEach(([y,_])=>{u[S]===_&&y!==i.field&&(I=y.split("@")[1].split(","))}),u[S]=u[S].split(",").map((y,_)=>({url:y,name:I[_]}))}else(i==null?void 0:i.type)==="number"||(i==null?void 0:i.type)==="slider"?u[S]=Number(u[S]):(i==null?void 0:i.type)==="switch"&&(u[S]=typeof u[S]=="boolean"?u[S]:u[S].indexOf("true")>-1)}}),u}e.watch(()=>B.script,u=>{u&&c.setMethods(u,!0)},{immediate:!0}),e.provide("slots",e.useSlots()),e.provide("pageManager",c),e.provide("forms",d),e.provide("pageSchema",B),e.provide("disabled",e.computed(()=>f.disabled));const E=e.getCurrentInstance(),A=E==null?void 0:E.proxy;function V(){e.nextTick(()=>{a.value=!0,o("ready",c),A&&c.addComponentInstance("builder",A)})}return M.EventBus.on("updateformData"+f.id,u=>{o("change",u)}),s({ready:a,pageManager:c,getData:p,setData:x,validate:w,getForms:l,setForms:C,validateAll:m,getFormInstance:v}),(u,O)=>e.unref(M.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:V},{default:e.withCtx(()=>[e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.schemas,(S,P)=>(e.openBlock(),e.createBlock(e.unref(se),{id:f.id,key:P,sourceDateUrl:f.sourceDateUrl,componentSchema:S},null,8,["id","sourceDateUrl","componentSchema"]))),128))])]),fallback:e.withCtx(()=>[e.createElementVNode("div",Ie,[e.createVNode(e.unref(n))])]),_:1})):(e.openBlock(),e.createElementBlock("div",Pe))}});function j(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function Ve(t){let s=0,r,n;const o=()=>{s-=1,n&&s<=0&&(n.stop(),r=void 0,n=void 0)};return(...a)=>(s+=1,n||(n=e.effectScope(!0),r=n.run(()=>t(...a))),j(o),r)}function W(t){return typeof t=="function"?t():e.unref(t)}const _e=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Me=t=>typeof t<"u",Be=Object.prototype.toString,Oe=t=>Be.call(t)==="[object Object]",Ne=()=>{};function Fe(t){return e.getCurrentInstance()}function ke(t,s=!0,r){Fe()?e.onMounted(t,r):s?t():e.nextTick(t)}function Re(t=!1,s={}){const{truthyValue:r=!0,falsyValue:n=!1}=s,o=e.isRef(t),a=e.ref(t);function c(d){if(arguments.length)return a.value=d,a.value;{const p=W(r);return a.value=a.value===p?W(n):p,a.value}}return o?c:[a,c]}function $e(t,s,r){const n=e.watch(t,(...o)=>(e.nextTick(()=>n()),s(...o)),r);return n}const Z=_e?window:void 0;function L(t){var s;const r=W(t);return(s=r==null?void 0:r.$el)!=null?s:r}function Te(...t){let s,r,n,o;if(typeof t[0]=="string"||Array.isArray(t[0])?([r,n,o]=t,s=Z):[s,r,n,o]=t,!s)return Ne;Array.isArray(r)||(r=[r]),Array.isArray(n)||(n=[n]);const a=[],c=()=>{a.forEach(w=>w()),a.length=0},d=(w,l,C,m)=>(w.addEventListener(l,C,m),()=>w.removeEventListener(l,C,m)),p=e.watch(()=>[L(s),W(o)],([w,l])=>{if(c(),!w)return;const C=Oe(l)?{...l}:l;a.push(...r.flatMap(m=>n.map(v=>d(w,m,v,C))))},{immediate:!0,flush:"post"}),x=()=>{p(),c()};return j(x),x}function Ue(t){return typeof t=="function"?t:typeof t=="string"?s=>s.key===t:Array.isArray(t)?s=>t.includes(s.key):()=>!0}function le(...t){let s,r,n={};t.length===3?(s=t[0],r=t[1],n=t[2]):t.length===2?typeof t[1]=="object"?(s=!0,r=t[0],n=t[1]):(s=t[0],r=t[1]):(s=!0,r=t[0]);const{target:o=Z,eventName:a="keydown",passive:c=!1,dedupe:d=!1}=n,p=Ue(s);return Te(o,a,w=>{w.repeat&&W(d)||p(w)&&r(w)},c)}function Q(t,s,r={}){return le(t,s,{...r,eventName:"keydown"})}function G(t,s,r={}){return le(t,s,{...r,eventName:"keyup"})}function Le(){const t=e.ref(!1),s=e.getCurrentInstance();return s&&e.onMounted(()=>{t.value=!0},s),t}function qe(t){const s=Le();return e.computed(()=>(s.value,!!t()))}function ze(t){return JSON.parse(JSON.stringify(t))}function ie(t,s,r={}){const{window:n=Z,...o}=r;let a;const c=qe(()=>n&&"ResizeObserver"in n),d=()=>{a&&(a.disconnect(),a=void 0)},p=e.computed(()=>{const l=W(t);return Array.isArray(l)?l.map(C=>L(C)):[L(l)]}),x=e.watch(p,l=>{if(d(),c.value&&n){a=new ResizeObserver(s);for(const C of l)C&&a.observe(C,o)}},{immediate:!0,flush:"post"}),w=()=>{d(),x()};return j(w),{isSupported:c,stop:w}}function Je(t,s={width:0,height:0},r={}){const{window:n=Z,box:o="content-box"}=r,a=e.computed(()=>{var l,C;return(C=(l=L(t))==null?void 0:l.namespaceURI)==null?void 0:C.includes("svg")}),c=e.ref(s.width),d=e.ref(s.height),{stop:p}=ie(t,([l])=>{const C=o==="border-box"?l.borderBoxSize:o==="content-box"?l.contentBoxSize:l.devicePixelContentBoxSize;if(n&&a.value){const m=L(t);if(m){const v=m.getBoundingClientRect();c.value=v.width,d.value=v.height}}else if(C){const m=Array.isArray(C)?C:[C];c.value=m.reduce((v,{inlineSize:f})=>v+f,0),d.value=m.reduce((v,{blockSize:f})=>v+f,0)}else c.value=l.contentRect.width,d.value=l.contentRect.height},r);ke(()=>{const l=L(t);l&&(c.value="offsetWidth"in l?l.offsetWidth:s.width,d.value="offsetHeight"in l?l.offsetHeight:s.height)});const x=e.watch(()=>L(t),l=>{c.value=l?s.width:0,d.value=l?s.height:0});function w(){p(),x()}return{width:c,height:d,stop:w}}function We(t,s,r,n={}){var o,a,c;const{clone:d=!1,passive:p=!1,eventName:x,deep:w=!1,defaultValue:l,shouldEmit:C}=n,m=e.getCurrentInstance(),v=r||(m==null?void 0:m.emit)||((o=m==null?void 0:m.$emit)==null?void 0:o.bind(m))||((c=(a=m==null?void 0:m.proxy)==null?void 0:a.$emit)==null?void 0:c.bind(m==null?void 0:m.proxy));let f=x;s||(s="modelValue"),f=f||`update:${s.toString()}`;const B=E=>d?typeof d=="function"?d(E):ze(E):E,N=()=>Me(t[s])?B(t[s]):l,h=E=>{C?C(E)&&v(f,E):v(f,E)};if(p){const E=N(),A=e.ref(E);let V=!1;return e.watch(()=>t[s],u=>{V||(V=!0,A.value=B(u),e.nextTick(()=>V=!1))}),e.watch(A,u=>{!V&&(u!==t[s]||w)&&h(u)},{deep:w}),A}else return e.computed({get(){return N()},set(E){h(E)}})}function He(){const{isDark:t}=K(),s=Re(t);return{isDark:t,toggleDark:s}}function ce(){const t=e.ref(!1);return e.onMounted(()=>{ue(t),Ke(t)}),e.watch(()=>t.value,()=>{t.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),{isDark:t}}function ue(t){var s=document.documentElement;s&&(s.classList.contains("dark")?t.value=!0:t.value=!1)}function Ke(t){var s=document.querySelector("html"),r=new MutationObserver(function(n){for(var o of n)if(o.type==="attributes"&&o.attributeName==="class"){const a=o.target;new Array(...a.classList).includes("dark")?t.value=!0:t.value=!1}});r.observe(s,{attributes:!0,attributeFilter:["class"]}),e.onUnmounted(()=>{r.disconnect()})}function de(){const t=e.ref(1),s=e.ref(!1),{isDark:r}=ce(),{pressSpace:n,pressShift:o,pressCtrl:a}=fe();return{canvasScale:t,pressSpace:n,pressShift:o,pressCtrl:a,disabledZoom:s,isDark:r}}const K=Ve(de);function fe(){const t=e.ref(!1),s=e.ref(!1),r=e.ref(!1);return Q(" ",()=>{t.value=!0}),G(" ",()=>{t.value=!1}),Q("Shift",n=>{n.preventDefault(),s.value=!0}),G("Shift",()=>{s.value=!1}),Q("Control",n=>{n.preventDefault(),r.value=!0}),G("Control",()=>{r.value=!1}),{pressSpace:t,pressShift:s,pressCtrl:r}}function Ze(t){const{pressSpace:s}=K(),r=new Image(1,1);r.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";let n=0,o=0;function a(p){var x;s.value&&(n=p.x,o=p.y,(x=p.dataTransfer)==null||x.setDragImage(document.createElement("div"),0,0))}function c(p){if(p.preventDefault(),!p.x||!p.y||!s.value)return;const x=p.x-n,w=p.y-o;n=p.x,o=p.y,t.value&&(t.value.scrollTop-=w,t.value.scrollLeft-=x)}function d(){s.value=!1}return{handleElementDragStart:a,handleElementDrag:c,handleElementDragEnd:d}}function Qe(t){const{pressCtrl:s,canvasScale:r,disabledZoom:n}=K();function o(a){if(!s.value||n.value)return;a.preventDefault();let c=0;a.deltaY<0?c=r.value+.05:c=r.value-.05,!(c>150||c<.5)&&(r.value=c)}return e.watch(()=>r.value,a=>{t.value&&!n.value&&(t.value.style.transform=`scale(${a})`)}),{handleZoom:o,canvasScale:r}}function Ge(t,s=16.66){let r;function n(){o(),r=window.setInterval(t,s)}function o(){window.clearInterval(r)}return{startTimedQuery:n,stopTimedQuery:o}}const Ye={class:"min-w-750px rounded"},Xe={class:"h-full rounded"},je=e.defineComponent({__name:"index",setup(t,{expose:s}){const r=M.pluginManager.getComponent("monacoEditor"),n=M.pluginManager.getComponent("modal"),o=e.ref(null),a=e.ref(!1),c=e.ref(!1),d=e.ref({}),p=e.inject("pageSchema"),x=e.ref(null),w=e.ref("");function l(){c.value=!1}function C(){a.value=!1}function m(){a.value=!0,w.value=H()}async function v(){try{let f=await x.value.validateAll();if(!Object.keys(f).length){alert("请添加表单组件后再尝试！");return}Object.keys(f).length===1&&(f=f.default),d.value=JSON.stringify(f,null,2),e.nextTick(()=>{var B;(B=o.value)==null||B.setValue(d.value)}),c.value=!0}catch(f){console.error(f)}}return s({handleOpen:m}),(f,B)=>(e.openBlock(),e.createBlock(e.unref(n),{modelValue:a.value,"onUpdate:modelValue":B[1]||(B[1]=N=>a.value=N),title:"预览",class:"w-900px",width:"900px",onClose:C,onOk:v,okText:"表单数据"},{default:e.withCtx(()=>[e.createElementVNode("div",Ye,[(e.openBlock(),e.createBlock(e.unref(ae),{key:w.value,ref_key:"kb",ref:x,"page-schema":e.unref(p)},null,8,["page-schema"])),e.createVNode(e.unref(n),{modelValue:c.value,"onUpdate:modelValue":B[0]||(B[0]=N=>c.value=N),title:"表单数据",class:"w-860px",width:"860px",onClose:l,onOk:l},{default:e.withCtx(()=>[e.createElementVNode("div",Xe,[e.createVNode(e.unref(r),{ref_key:"monacoEditorRef",ref:o,autoToggleTheme:"",readOnly:"",class:"h-full editor","model-value":d.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"]))}}),et={key:0,class:"epic-loading-box"},tt={class:"epic-designer-main"},nt={class:"epic-header-container"},ot={class:"epic-loading-box"},rt=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:s,emit:r}){const n=M.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-sKJ91s0r.cjs"))),o=M.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-BSLudrcT.cjs"))),a=M.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Bmo9n7ut.cjs"))),c=M.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-HNPgHrkl.cjs"))),d=M.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Cap7FkuS.cjs"))),p=X(),x=re(),w=t;let l={schemas:[{type:"form",id:"root",label:"页面",children:[],componentProps:{name:"表单",style:{padding:"16px"}}}],script:`const { defineExpose, find } = epic;
-
-function test (){
-    console.log('test')
-}
-
-// 通过defineExpose暴露的函数或者属性
-defineExpose({
- test
-})`};e.watchEffect(()=>{if(w.defaultSchema){l=w.defaultSchema;return}w.source&&M.pluginManager.setSourceData(w.source),w.formMode&&(l.schemas=M.pluginManager.formSchemas)}),p.setDesignMode(),p.setDefaultComponentIds(l.schemas);const C=r,m=e.ref(null),v=e.reactive({checkedNode:null,hoverNode:null,disableHover:!1,matched:[]}),f=e.reactive({schemas:[],script:l.script}),{disabledZoom:B}=K();e.watchEffect(()=>{B.value=w.disabledZoom}),e.watchEffect(()=>{const D=f.script;D&&D!==""&&p.setMethods(D)}),e.provide("pageSchema",f),e.provide("revoke",x),e.provide("pageManager",p),e.provide("designerProps",e.computed(()=>w)),e.provide("designer",{setCheckedNode:h,setHoverNode:E,setDisableHover:V,handleToggleDeviceMode:g,reset:S,state:v}),M.EventBus.on("saveSourceData",D=>{C("saveSourceData",D)}),M.EventBus.on("deleteSourceData",D=>{C("deleteSourceData",D)}),M.EventBus.on("updateSourceData",D=>{C("updateSourceData",D)});function N(){f.schemas=k(l.schemas),h(f.schemas[0]),x.push(f.schemas,"初始化撤销功能")}async function h(D=f.schemas[0]){v.checkedNode=D,v.matched=te(f.schemas,D.id)}async function E(D=null){var F;if(!D||v.disableHover)return v.hoverNode=null,!1;if((D==null?void 0:D.id)===((F=v.hoverNode)==null?void 0:F.id))return!1;v.hoverNode=D}function A(){e.nextTick(()=>{C("ready",{pageManager:p})})}async function V(D=!1){v.disableHover=D}function u(D){$(f,k(D))}function O(){return e.toRaw(f)}function S(){Y(f.schemas,l.schemas)&&f.script===l.script||($(f.schemas,l.schemas),f.script=l.script,h(f.schemas[0]),x.push(f.schemas,"重置操作"),C("reset",f))}function P(){C("save",e.toRaw(f))}function g(D){C("toggleDeviceMode",D)}function R(){m.value.handleOpen()}return N(),s({revoke:x,setData:u,getData:O,reset:S,preview:R}),(D,F)=>e.unref(M.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:A},{default:e.withCtx(()=>[e.createElementVNode("div",tt,[e.createElementVNode("div",nt,[e.renderSlot(D.$slots,"header",{},()=>[w.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(n),{key:0,onPreview:R,onSave:P},{header:e.withCtx(()=>[e.renderSlot(D.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(D.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(D.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(D.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(D.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(D.$slots,"header-right-suffix")]),_:3}))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-split-view-container",{"hidden-header":D.hiddenHeader}])},[e.createVNode(e.unref(o)),e.createVNode(e.unref(a)),e.createVNode(e.unref(c))],2),e.createVNode(je,{ref_key:"previewRef",ref:m},null,512)])]),fallback:e.withCtx(()=>[e.createElementVNode("div",ot,[e.createVNode(e.unref(d))])]),_:3})):(e.openBlock(),e.createElementBlock("div",et))}}),st={component:async()=>await Promise.resolve().then(()=>require("./index-Bdnc9TGH.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"},at={component:async()=>await Promise.resolve().then(()=>require("./index-Ch9jeYmj.cjs")),defaultSchema:{label:"页面",type:"page",componentProps:{},children:[]},config:{attribute:[{label:"页面名称",type:"input",componentProps:{placeholder:"请输入"},field:"componentProps.name"}]}};function lt(t){t.component("EInputSize",async()=>await Promise.resolve().then(()=>require("./index-CucdgcqX.cjs"))),t.component("EColEditor",async()=>await Promise.resolve().then(()=>require("./index-baUE53XK.cjs"))),t.component("EActionEditor",async()=>await Promise.resolve().then(()=>require("./index-B-Uox2mn.cjs"))),t.component("ERuleEditor",async()=>await Promise.resolve().then(()=>require("./index-9VqDmCT_.cjs"))),t.component("EOptionsEditor",async()=>await Promise.resolve().then(()=>require("./index-BbCEtCJA.cjs"))),t.component("ENode",async()=>await Promise.resolve().then(()=>require("./index-0RqJEjlH.cjs"))),t.component("EDataSource",async()=>await Promise.resolve().then(()=>require("./index-DEPx91yu.cjs"))),t.registerActivitybar({id:"component_view",title:"组件",icon:"icon--epic--extension-outline",component:async()=>await Promise.resolve().then(()=>require("./index-BGT2-jZP.cjs"))}),t.registerActivitybar({id:"outline_view",title:"大纲",icon:"icon--epic--account-tree-outline-rounded",component:async()=>await Promise.resolve().then(()=>require("./outline-6Qt3qlWm.cjs"))}),t.registerRightSidebar({id:"attribute_view",title:"属性",component:async()=>await Promise.resolve().then(()=>require("./attributeView-CA-6yB0k.cjs"))}),t.registerRightSidebar({id:"style_view",title:"样式",component:async()=>await Promise.resolve().then(()=>require("./styleView-CXdgqy6O.cjs"))}),[st,at].forEach(r=>{t.registerComponent(r)})}lt(M.pluginManager);exports._sfc_main=se;exports._sfc_main$1=ae;exports._sfc_main$2=rt;exports.capitalizeFirstLetter=ee;exports.convertKFormData=Ce;exports.debounce=De;exports.deepClone=k;exports.deepCompareAndModify=$;exports.deepEqual=Y;exports.findSchemaById=Se;exports.findSchemaInfoById=Ee;exports.findSchemas=J;exports.generateNewSchema=ve;exports.getDarkState=ue;exports.getFormFields=we;exports.getFormSchemas=ne;exports.getMatchedById=te;exports.getUUID=H;exports.getValueByPath=ge;exports.initStore=de;exports.mapSchemas=oe;exports.recursionConvertedNode=z;exports.setValueByPath=ye;exports.useDark=ce;exports.useElementDrag=Ze;exports.useElementSize=Je;exports.useElementZoom=Qe;exports.useKeyPress=fe;exports.usePageManager=X;exports.useResizeObserver=ie;exports.useRevoke=re;exports.useStore=K;exports.useTheme=He;exports.useTimedQuery=Ge;exports.useVModel=We;exports.watchOnce=$e;