form-designer-xinyi 1.5.5 → 1.5.6

package/dist/core/components/builder/src/builder.vue.d.ts

@@ -13,8 +13,10 @@ declare function validate(formName?: string): Promise<FormDataModel | boolean>;
 /**
  * 设置表单数据
  * @param data
+ * @param formName
+ * @returns Promise<void>
  */
-declare function setData(data: FormDataModel, formName?: string): false | undefined;
+declare function setData(data: FormDataModel, formName?: string): Promise<void>;
 /**
  * 获取表单实例的异步函数
  * @param {string} formName - 表单名称，默认为 'default'

package/dist/index.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index-eB0GTk5O.cjs"),e=require("vue"),t=require("./revoke-Bbm2vFx2.cjs");function R(){const{isDark:n}=x(),l=M.useToggle(n);return{isDark:n,toggleDark:l}}function I(){const n=e.ref(!1);return e.onMounted(()=>{A(n),q(n)}),e.watch(()=>n.value,()=>{n.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),{isDark:n}}function A(n){var l=document.documentElement;l&&(l.classList.contains("dark")?n.value=!0:n.value=!1)}function q(n){var l=document.querySelector("html"),a=new MutationObserver(function(c){for(var i of c)if(i.type==="attributes"&&i.attributeName==="class"){const p=i.target;new Array(...p.classList).includes("dark")?n.value=!0:n.value=!1}});a.observe(l,{attributes:!0,attributeFilter:["class"]}),e.onUnmounted(()=>{a.disconnect()})}function T(){const n=e.ref(1),l=e.ref(!1),{isDark:a}=I(),{pressSpace:c,pressShift:i,pressCtrl:p}=P();return{canvasScale:n,pressSpace:c,pressShift:i,pressCtrl:p,disabledZoom:l,isDark:a}}const x=M.createSharedComposable(T);function P(){const n=e.ref(!1),l=e.ref(!1),a=e.ref(!1);return M.onKeyDown(" ",c=>{var i=c.target;["INPUT","TEXTAREA"].includes(i.tagName)||c.preventDefault(),n.value=!0}),M.onKeyUp(" ",()=>{n.value=!1}),M.onKeyDown("Shift",c=>{c.preventDefault(),l.value=!0}),M.onKeyUp("Shift",()=>{l.value=!1}),M.onKeyDown("Control",c=>{c.preventDefault(),a.value=!0}),M.onKeyUp("Control",()=>{a.value=!1}),{pressSpace:n,pressShift:l,pressCtrl:a}}function U(n){const{pressSpace:l}=x();let a=0,c=0;function i(d){var f;a=d.x,c=d.y,(f=d.dataTransfer)==null||f.setDragImage(document.createElement("div"),0,0)}function p(d){if(d.preventDefault(),!d.x||!d.y||!l.value)return;const f=d.x-a,h=d.y-c;a=d.x,c=d.y,n.value&&(n.value.scrollTop-=h,n.value.scrollLeft-=f)}function g(){l.value=!1}return{handleElementDragStart:i,handleElementDrag:p,handleElementDragEnd:g}}function K(n){const{pressCtrl:l,canvasScale:a,disabledZoom:c}=x();function i(p){if(!l.value||c.value)return;p.preventDefault();let g=0;p.deltaY<0?g=a.value+.05:g=a.value-.05,!(g>150||g<.5)&&(a.value=g)}return e.watch(()=>a.value,p=>{n.value&&!c.value&&(n.value.style.transform=`scale(${p})`)}),{handleZoom:i,canvasScale:a}}function H(n,l=16.66){let a;function c(){i(),a=window.setInterval(n,l)}function i(){window.clearInterval(a)}return{startTimedQuery:c,stopTimedQuery:i}}function L(n,l){let a=null;return(...c)=>{a&&clearTimeout(a),a=setTimeout(()=>{n.apply(this,c)},l)}}function N(){const n=e.ref({}),l=e.ref({}),a=e.ref(!1),c=e.ref([]);function i(o){return n.value[o]}function p(o,r){n.value[o]=r}function g(o){delete n.value[o]}function d(o,r=!1){const m=Object.entries(t.pluginManager.publicMethods).reduce((v,[y,s])=>(v[y]=s.handler,v),{});try{new Function(`const epic = this;${o}`).bind({...m,getComponent:i,find:i,defineExpose:f,publicMethods:m,pluginManager:t.pluginManager})()}catch(v){r&&console.error("[epic-desinger：自定义函数]异常：",v)}}function f(o){o!=null&&(l.value=o)}function h(o,...r){o==null||o.forEach(m=>{var v,y,s;if(m.type==="public"&&((v=t.pluginManager.publicMethods[m.methodName])==null||v.handler(...r)),m.type==="custom"&&((s=(y=l.value)[m.methodName])==null||s.call(y,...r)),m.type==="component"){(m.componentId!=null&&i(m.componentId))[m.methodName](...m.args?JSON.parse(m.args):r);return}})}function k(o=!0){a.value=o}function D(o){const r=t.findSchemas(o,()=>!0);c.value=r.map(m=>m.id)}return{componentInstances:n,funcs:l,isDesignMode:a,defaultComponentIds:c,getComponentInstance:i,find:i,addComponentInstance:p,removeComponentInstance:g,setMethods:d,doActions:h,setDesignMode:k,setDefaultComponentIds:D}}const O={key:0,class:"epic-loading-box"},Z={class:"epic-builder-main"},z={class:"epic-loading-box"},$=e.defineComponent({__name:"builder",props:{pageSchema:{},disabled:{type:Boolean}},emits:["ready"],setup(n,{expose:l,emit:a}){const c=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Da6i5WD2.cjs"))),i=N(),p=a,g=e.useSlots(),d=e.ref({}),f=e.ref(!1),h=n,k=e.reactive({schemas:[]});e.watch(()=>h.pageSchema,s=>{t.deepCompareAndModify(k,s)},{immediate:!0,deep:!0}),e.watch(()=>k.script,s=>{s&&s!==""&&i.setMethods(s,!0)},{immediate:!0}),e.provide("slots",g),e.provide("pageManager",i),e.provide("forms",d),e.provide("pageSchema",k),e.provide("disabled",e.computed(()=>h.disabled));function D(s="default"){return new Promise(async(S,C)=>{var E;if(!f.value){const _=e.watch(f,async()=>{_(),S(await D(s))});return}const w=(E=d.value)==null?void 0:E[s];if(!w)return C(`表单 [name=${s}] 不存在`),!1;const b=t.deepClone(await w.getData());S(b)})}function o(s="default"){return new Promise(async(S,C)=>{var b;if(!f.value){const E=e.watch(f,async()=>{E(),S(await o(s))});return}const w=(b=d.value)==null?void 0:b[s];if(!w)return C(`表单 [name=${s}] 不存在`),!1;try{await w.validate();const E=await w.getData();S(E)}catch(E){C(E)}})}function r(s,S="default"){var w;if(!f.value){const b=e.watch(f,()=>{b(),r(s,S)});return}const C=(w=d.value)==null?void 0:w[S];if(!C)return console.error(`表单 [name=${S}] 不存在`),!1;C.setData(s)}function m(s="default"){return new Promise(async(S,C)=>{var b;if(!f.value){const E=e.watch(f,async()=>{E(),S(await m(s))});return}const w=(b=d.value)==null?void 0:b[s];if(!w)return C(`表单 [name=${s}] 不存在`),!1;S(w)})}const{proxy:v}=e.getCurrentInstance();function y(){e.nextTick(()=>{f.value=!0,p("ready",i),v&&i.addComponentInstance("builder",v)})}return l({ready:f,getData:D,setData:r,validate:o,getFormInstance:m}),(s,S)=>e.unref(t.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:y},{default:e.withCtx(()=>[e.createElementVNode("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.schemas,(C,w)=>(e.openBlock(),e.createBlock(e.unref(M._sfc_main),{key:w,componentSchema:C},null,8,["componentSchema"]))),128))])]),fallback:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(e.unref(c))])]),_:1})):(e.openBlock(),e.createElementBlock("div",O))}}),Q={class:"min-w-750px rounded"},X={class:"h-full rounded"},Y=e.defineComponent({__name:"index",setup(n,{expose:l}){const a=t.pluginManager.getComponent("monacoEditor"),c=t.pluginManager.getComponent("modal"),i=e.ref(null),p=e.ref(!1),g=e.ref(!1),d=e.ref({}),f=e.inject("pageSchema"),h=e.ref(null),k=e.ref("");function D(){g.value=!1}function o(){p.value=!1}function r(){p.value=!0,k.value=t.getUUID()}async function m(){try{const v=await h.value.validate();console.log("表单结果为：",v),d.value=JSON.stringify(v,null,2),e.nextTick(()=>{var y;(y=i.value)==null||y.setValue(d.value)}),g.value=!0}catch(v){typeof v=="string"&&alert(v+`\r
-请添加表单组件后再尝试！`),console.error(v)}}return l({handleOpen:r}),(v,y)=>(e.openBlock(),e.createBlock(e.unref(c),{modelValue:p.value,"onUpdate:modelValue":y[1]||(y[1]=s=>p.value=s),title:"预览",class:"w-900px",width:"900px",onClose:o,onOk:m,okText:"输出结果"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[(e.openBlock(),e.createBlock(e.unref($),{key:k.value,ref_key:"kb",ref:h,"page-schema":e.unref(f)},null,8,["page-schema"])),e.createVNode(e.unref(c),{modelValue:g.value,"onUpdate:modelValue":y[0]||(y[0]=s=>g.value=s),title:"表单数据",class:"w-860px",width:"860px",onClose:D,onOk:D},{default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(e.unref(a),{ref_key:"monacoEditorRef",ref:i,autoToggleTheme:"",class:"h-full editor","model-value":d.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"]))}}),j={key:0,class:"epic-loading-box"},J={class:"epic-designer-main"},G={class:"epic-header-container"},W={class:"epic-loading-box"},ee=e.defineComponent({__name:"designer",props:{disabledZoom:{type:Boolean,default:!1},hiddenHeader:{type:Boolean,default:!1},lockDefaultSchemaEdit:{type:Boolean,default:!1},title:{default:"EpicDesigner默认项目"},defaultSchema:{default:()=>({schemas:[{type:"page",id:"root",label:"页面",children:[],componentProps:{style:{padding:"16px"}}}],script:`const { defineExpose, find } = epic;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index-eB0GTk5O.cjs"),e=require("vue"),t=require("./revoke-Bbm2vFx2.cjs");function R(){const{isDark:n}=_(),r=M.useToggle(n);return{isDark:n,toggleDark:r}}function A(){const n=e.ref(!1);return e.onMounted(()=>{T(n),q(n)}),e.watch(()=>n.value,()=>{n.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),{isDark:n}}function T(n){var r=document.documentElement;r&&(r.classList.contains("dark")?n.value=!0:n.value=!1)}function q(n){var r=document.querySelector("html"),a=new MutationObserver(function(s){for(var c of s)if(c.type==="attributes"&&c.attributeName==="class"){const p=c.target;new Array(...p.classList).includes("dark")?n.value=!0:n.value=!1}});a.observe(r,{attributes:!0,attributeFilter:["class"]}),e.onUnmounted(()=>{a.disconnect()})}function P(){const n=e.ref(1),r=e.ref(!1),{isDark:a}=A(),{pressSpace:s,pressShift:c,pressCtrl:p}=$();return{canvasScale:n,pressSpace:s,pressShift:c,pressCtrl:p,disabledZoom:r,isDark:a}}const _=M.createSharedComposable(P);function $(){const n=e.ref(!1),r=e.ref(!1),a=e.ref(!1);return M.onKeyDown(" ",s=>{var c=s.target;["INPUT","TEXTAREA"].includes(c.tagName)||s.preventDefault(),n.value=!0}),M.onKeyUp(" ",()=>{n.value=!1}),M.onKeyDown("Shift",s=>{s.preventDefault(),r.value=!0}),M.onKeyUp("Shift",()=>{r.value=!1}),M.onKeyDown("Control",s=>{s.preventDefault(),a.value=!0}),M.onKeyUp("Control",()=>{a.value=!1}),{pressSpace:n,pressShift:r,pressCtrl:a}}function U(n){const{pressSpace:r}=_();let a=0,s=0;function c(d){var f;a=d.x,s=d.y,(f=d.dataTransfer)==null||f.setDragImage(document.createElement("div"),0,0)}function p(d){if(d.preventDefault(),!d.x||!d.y||!r.value)return;const f=d.x-a,h=d.y-s;a=d.x,s=d.y,n.value&&(n.value.scrollTop-=h,n.value.scrollLeft-=f)}function y(){r.value=!1}return{handleElementDragStart:c,handleElementDrag:p,handleElementDragEnd:y}}function K(n){const{pressCtrl:r,canvasScale:a,disabledZoom:s}=_();function c(p){if(!r.value||s.value)return;p.preventDefault();let y=0;p.deltaY<0?y=a.value+.05:y=a.value-.05,!(y>150||y<.5)&&(a.value=y)}return e.watch(()=>a.value,p=>{n.value&&!s.value&&(n.value.style.transform=`scale(${p})`)}),{handleZoom:c,canvasScale:a}}function H(n,r=16.66){let a;function s(){c(),a=window.setInterval(n,r)}function c(){window.clearInterval(a)}return{startTimedQuery:s,stopTimedQuery:c}}function L(n,r){let a=null;return(...s)=>{a&&clearTimeout(a),a=setTimeout(()=>{n.apply(this,s)},r)}}function V(){const n=e.ref({}),r=e.ref({}),a=e.ref(!1),s=e.ref([]);function c(o){return n.value[o]}function p(o,l){n.value[o]=l}function y(o){delete n.value[o]}function d(o,l=!1){const m=Object.entries(t.pluginManager.publicMethods).reduce((v,[g,E])=>(v[g]=E.handler,v),{});try{new Function(`const epic = this;${o}`).bind({...m,getComponent:c,find:c,defineExpose:f,publicMethods:m,pluginManager:t.pluginManager})()}catch(v){l&&console.error("[epic-desinger：自定义函数]异常：",v)}}function f(o){o!=null&&(r.value=o)}function h(o,...l){o==null||o.forEach(m=>{var v,g,E;if(m.type==="public"&&((v=t.pluginManager.publicMethods[m.methodName])==null||v.handler(...l)),m.type==="custom"&&((E=(g=r.value)[m.methodName])==null||E.call(g,...l)),m.type==="component"){(m.componentId!=null&&c(m.componentId))[m.methodName](...m.args?JSON.parse(m.args):l);return}})}function C(o=!0){a.value=o}function D(o){const l=t.findSchemas(o,()=>!0);s.value=l.map(m=>m.id)}return{componentInstances:n,funcs:r,isDesignMode:a,defaultComponentIds:s,getComponentInstance:c,find:c,addComponentInstance:p,removeComponentInstance:y,setMethods:d,doActions:h,setDesignMode:C,setDefaultComponentIds:D}}const O={key:0,class:"epic-loading-box"},Z={class:"epic-builder-main"},z={class:"epic-loading-box"},F=e.defineComponent({__name:"builder",props:{pageSchema:{},disabled:{type:Boolean}},emits:["ready"],setup(n,{expose:r,emit:a}){const s=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Da6i5WD2.cjs"))),c=V(),p=a,y=e.useSlots(),d=e.ref({}),f=e.ref(!1),h=n,C=e.reactive({schemas:[]});e.watch(()=>h.pageSchema,u=>{t.deepCompareAndModify(C,u)},{immediate:!0,deep:!0}),e.watch(()=>C.script,u=>{u&&u!==""&&c.setMethods(u,!0)},{immediate:!0}),e.provide("slots",y),e.provide("pageManager",c),e.provide("forms",d),e.provide("pageSchema",C),e.provide("disabled",e.computed(()=>h.disabled));function D(u="default"){return new Promise(async(w,k)=>{var b;if(!f.value){const B=e.watch(f,async()=>{B(),w(await D(u))});return}const S=(b=d.value)==null?void 0:b[u];if(!S)return k(`表单 [name=${u}] 不存在`),!1;const x=t.deepClone(await S.getData());w(x)})}function o(u="default"){return new Promise(async(w,k)=>{var x;if(!f.value){const b=e.watch(f,async()=>{b(),w(await o(u))});return}const S=(x=d.value)==null?void 0:x[u];if(!S)return k(`表单 [name=${u}] 不存在`),!1;try{await S.validate();const b=await S.getData();w(b)}catch(b){k(b)}})}function l(u,w="default"){return new Promise(k=>{if(!f.value){const S=e.watch(f,()=>{S(),e.nextTick(()=>{m(u,w),k()})});return}e.nextTick(()=>{m(u,w),k()})})}function m(u,w="default"){var S;const k=(S=d.value)==null?void 0:S[w];if(!k)return console.error(`表单 [name=${w}] 不存在`),!1;k.setData(u)}function v(u="default"){return new Promise(async(w,k)=>{var x;if(!f.value){const b=e.watch(f,async()=>{b(),w(await v(u))});return}const S=(x=d.value)==null?void 0:x[u];if(!S)return k(`表单 [name=${u}] 不存在`),!1;w(S)})}const{proxy:g}=e.getCurrentInstance();function E(){e.nextTick(()=>{f.value=!0,p("ready",c),g&&c.addComponentInstance("builder",g)})}return r({ready:f,getData:D,setData:l,validate:o,getFormInstance:v}),(u,w)=>e.unref(t.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:E},{default:e.withCtx(()=>[e.createElementVNode("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.schemas,(k,S)=>(e.openBlock(),e.createBlock(e.unref(M._sfc_main),{key:S,componentSchema:k},null,8,["componentSchema"]))),128))])]),fallback:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(e.unref(s))])]),_:1})):(e.openBlock(),e.createElementBlock("div",O))}}),Q={class:"min-w-750px rounded"},X={class:"h-full rounded"},Y=e.defineComponent({__name:"index",setup(n,{expose:r}){const a=t.pluginManager.getComponent("monacoEditor"),s=t.pluginManager.getComponent("modal"),c=e.ref(null),p=e.ref(!1),y=e.ref(!1),d=e.ref({}),f=e.inject("pageSchema"),h=e.ref(null),C=e.ref("");function D(){y.value=!1}function o(){p.value=!1}function l(){p.value=!0,C.value=t.getUUID()}async function m(){try{const v=await h.value.validate();console.log("表单结果为：",v),d.value=JSON.stringify(v,null,2),e.nextTick(()=>{var g;(g=c.value)==null||g.setValue(d.value)}),y.value=!0}catch(v){typeof v=="string"&&alert(v+`\r
+请添加表单组件后再尝试！`),console.error(v)}}return r({handleOpen:l}),(v,g)=>(e.openBlock(),e.createBlock(e.unref(s),{modelValue:p.value,"onUpdate:modelValue":g[1]||(g[1]=E=>p.value=E),title:"预览",class:"w-900px",width:"900px",onClose:o,onOk:m,okText:"输出结果"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[(e.openBlock(),e.createBlock(e.unref(F),{key:C.value,ref_key:"kb",ref:h,"page-schema":e.unref(f)},null,8,["page-schema"])),e.createVNode(e.unref(s),{modelValue:y.value,"onUpdate:modelValue":g[0]||(g[0]=E=>y.value=E),title:"表单数据",class:"w-860px",width:"860px",onClose:D,onOk:D},{default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(e.unref(a),{ref_key:"monacoEditorRef",ref:c,autoToggleTheme:"",class:"h-full editor","model-value":d.value},null,8,["model-value"])])]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"]))}}),j={key:0,class:"epic-loading-box"},J={class:"epic-designer-main"},G={class:"epic-header-container"},W={class:"epic-loading-box"},ee=e.defineComponent({__name:"designer",props:{disabledZoom:{type:Boolean,default:!1},hiddenHeader:{type:Boolean,default:!1},lockDefaultSchemaEdit:{type:Boolean,default:!1},title:{default:"EpicDesigner默认项目"},defaultSchema:{default:()=>({schemas:[{type:"page",id:"root",label:"页面",children:[],componentProps:{style:{padding:"16px"}}}],script:`const { defineExpose, find } = epic;
 
 function test (){
     console.log('test')
@@ -8,4 +8,4 @@ function test (){
 // 通过defineExpose暴露的函数或者属性
 defineExpose({
  test
-})`})}},emits:["ready","save","reset","toggleDeviceMode"],setup(n,{expose:l,emit:a}){const c=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-n2IR3pLH.cjs"))),i=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-fsDcHxrd.cjs"))),p=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Bcut6lHO.cjs"))),g=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-BsH-8kV3.cjs"))),d=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Da6i5WD2.cjs"))),f=N(),h=n;f.setDesignMode(),f.setDefaultComponentIds(h.defaultSchema.schemas);const k=a,D=e.ref(null),o=e.reactive({checkedNode:null,hoverNode:null,disableHover:!1,matched:[]}),r=e.reactive({schemas:[],script:h.defaultSchema.script}),{disabledZoom:m}=x();e.watch(()=>h.disabledZoom,u=>{m.value=u},{immediate:!0}),e.watch(()=>r.script,u=>{u&&u!==""&&f.setMethods(u)},{immediate:!0}),e.provide("pageSchema",r),e.provide("pageManager",f),e.provide("designerProps",e.computed(()=>h)),e.provide("designer",{setCheckedNode:y,setHoverNode:s,setDisableHover:C,handleToggleDeviceMode:F,reset:E,state:o});function v(){r.schemas=t.deepClone(h.defaultSchema.schemas),y(r.schemas[0]),t.revoke.push(r.schemas,"初始化撤销功能")}async function y(u=r.schemas[0]){o.checkedNode=u,o.matched=t.getMatchedById(r.schemas,u.id)}async function s(u=null){var B;if(!u||o.disableHover)return o.hoverNode=null,!1;if((u==null?void 0:u.id)===((B=o.hoverNode)==null?void 0:B.id))return!1;o.hoverNode=u}function S(){e.nextTick(()=>{k("ready",{pageManager:f})})}async function C(u=!1){o.disableHover=u}function w(u){t.deepCompareAndModify(r,u)}function b(){return e.toRaw(r)}function E(){t.deepEqual(r.schemas,h.defaultSchema.schemas)&&r.script===h.defaultSchema.script||(t.deepCompareAndModify(r.schemas,h.defaultSchema.schemas),r.script=h.defaultSchema.script,y(r.schemas[0]),t.revoke.push(r.schemas,"重置操作"),k("reset",r))}function _(){k("save",e.toRaw(r))}function F(u){k("toggleDeviceMode",u)}function V(){D.value.handleOpen()}return v(),l({setData:w,getData:b,reset:E,preview:V}),(u,B)=>e.unref(t.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:S},{default:e.withCtx(()=>[e.createElementVNode("div",J,[e.createElementVNode("div",G,[e.renderSlot(u.$slots,"header",{},()=>[h.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(c),{key:0,onPreview:V,onSave:_},{header:e.withCtx(()=>[e.renderSlot(u.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(u.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(u.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(u.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(u.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(u.$slots,"header-right-suffix")]),_:3}))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-split-view-container",{"hidden-header":u.hiddenHeader}])},[e.createVNode(e.unref(i)),e.createVNode(e.unref(p)),e.createVNode(e.unref(g))],2),e.createVNode(Y,{ref_key:"previewRef",ref:D},null,512)])]),fallback:e.withCtx(()=>[e.createElementVNode("div",W,[e.createVNode(e.unref(d))])]),_:3})):(e.openBlock(),e.createElementBlock("div",j))}});exports.ENode=M._sfc_main;exports.PluginManager=t.PluginManager;exports.capitalizeFirstLetter=t.capitalizeFirstLetter;exports.convertKFormData=t.convertKFormData;exports.deepClone=t.deepClone;exports.deepCompareAndModify=t.deepCompareAndModify;exports.deepEqual=t.deepEqual;exports.findSchemaById=t.findSchemaById;exports.findSchemaInfoById=t.findSchemaInfoById;exports.findSchemas=t.findSchemas;exports.generateNewSchema=t.generateNewSchema;exports.getAttributeValue=t.getAttributeValue;exports.getFormFields=t.getFormFields;exports.getFormSchemas=t.getFormSchemas;exports.getMatchedById=t.getMatchedById;exports.getUUID=t.getUUID;exports.loadAsyncComponent=t.loadAsyncComponent;exports.mapSchemas=t.mapSchemas;exports.pluginManager=t.pluginManager;exports.recursionConvertedNode=t.recursionConvertedNode;exports.revoke=t.revoke;exports.setAttributeValue=t.setAttributeValue;exports.useRevoke=t.useRevoke;exports.EBuilder=$;exports.EDesigner=ee;exports.debounce=L;exports.getDarkState=A;exports.useDark=I;exports.useElementDrag=U;exports.useElementZoom=K;exports.useKeyPress=P;exports.usePageManager=N;exports.useShareStore=x;exports.useStore=T;exports.useTheme=R;exports.useTimedQuery=H;
+})`})}},emits:["ready","save","reset","toggleDeviceMode"],setup(n,{expose:r,emit:a}){const s=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-n2IR3pLH.cjs"))),c=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-fsDcHxrd.cjs"))),p=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Bcut6lHO.cjs"))),y=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-BsH-8kV3.cjs"))),d=t.loadAsyncComponent(()=>Promise.resolve().then(()=>require("./index-Da6i5WD2.cjs"))),f=V(),h=n;f.setDesignMode(),f.setDefaultComponentIds(h.defaultSchema.schemas);const C=a,D=e.ref(null),o=e.reactive({checkedNode:null,hoverNode:null,disableHover:!1,matched:[]}),l=e.reactive({schemas:[],script:h.defaultSchema.script}),{disabledZoom:m}=_();e.watch(()=>h.disabledZoom,i=>{m.value=i},{immediate:!0}),e.watch(()=>l.script,i=>{i&&i!==""&&f.setMethods(i)},{immediate:!0}),e.provide("pageSchema",l),e.provide("pageManager",f),e.provide("designerProps",e.computed(()=>h)),e.provide("designer",{setCheckedNode:g,setHoverNode:E,setDisableHover:w,handleToggleDeviceMode:B,reset:x,state:o});function v(){l.schemas=t.deepClone(h.defaultSchema.schemas),g(l.schemas[0]),t.revoke.push(l.schemas,"初始化撤销功能")}async function g(i=l.schemas[0]){o.checkedNode=i,o.matched=t.getMatchedById(l.schemas,i.id)}async function E(i=null){var N;if(!i||o.disableHover)return o.hoverNode=null,!1;if((i==null?void 0:i.id)===((N=o.hoverNode)==null?void 0:N.id))return!1;o.hoverNode=i}function u(){e.nextTick(()=>{C("ready",{pageManager:f})})}async function w(i=!1){o.disableHover=i}function k(i){t.deepCompareAndModify(l,i)}function S(){return e.toRaw(l)}function x(){t.deepEqual(l.schemas,h.defaultSchema.schemas)&&l.script===h.defaultSchema.script||(t.deepCompareAndModify(l.schemas,h.defaultSchema.schemas),l.script=h.defaultSchema.script,g(l.schemas[0]),t.revoke.push(l.schemas,"重置操作"),C("reset",l))}function b(){C("save",e.toRaw(l))}function B(i){C("toggleDeviceMode",i)}function I(){D.value.handleOpen()}return v(),r({setData:k,getData:S,reset:x,preview:I}),(i,N)=>e.unref(t.pluginManager).initialized.value?(e.openBlock(),e.createBlock(e.Suspense,{key:1,onResolve:u},{default:e.withCtx(()=>[e.createElementVNode("div",J,[e.createElementVNode("div",G,[e.renderSlot(i.$slots,"header",{},()=>[h.hiddenHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:0,onPreview:I,onSave:b},{header:e.withCtx(()=>[e.renderSlot(i.$slots,"header-prefix")]),prefix:e.withCtx(()=>[e.renderSlot(i.$slots,"header-prefix")]),title:e.withCtx(()=>[e.renderSlot(i.$slots,"header-title")]),"right-prefix":e.withCtx(()=>[e.renderSlot(i.$slots,"header-right-prefix")]),"right-action":e.withCtx(()=>[e.renderSlot(i.$slots,"header-right-action")]),"right-suffix":e.withCtx(()=>[e.renderSlot(i.$slots,"header-right-suffix")]),_:3}))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-split-view-container",{"hidden-header":i.hiddenHeader}])},[e.createVNode(e.unref(c)),e.createVNode(e.unref(p)),e.createVNode(e.unref(y))],2),e.createVNode(Y,{ref_key:"previewRef",ref:D},null,512)])]),fallback:e.withCtx(()=>[e.createElementVNode("div",W,[e.createVNode(e.unref(d))])]),_:3})):(e.openBlock(),e.createElementBlock("div",j))}});exports.ENode=M._sfc_main;exports.PluginManager=t.PluginManager;exports.capitalizeFirstLetter=t.capitalizeFirstLetter;exports.convertKFormData=t.convertKFormData;exports.deepClone=t.deepClone;exports.deepCompareAndModify=t.deepCompareAndModify;exports.deepEqual=t.deepEqual;exports.findSchemaById=t.findSchemaById;exports.findSchemaInfoById=t.findSchemaInfoById;exports.findSchemas=t.findSchemas;exports.generateNewSchema=t.generateNewSchema;exports.getAttributeValue=t.getAttributeValue;exports.getFormFields=t.getFormFields;exports.getFormSchemas=t.getFormSchemas;exports.getMatchedById=t.getMatchedById;exports.getUUID=t.getUUID;exports.loadAsyncComponent=t.loadAsyncComponent;exports.mapSchemas=t.mapSchemas;exports.pluginManager=t.pluginManager;exports.recursionConvertedNode=t.recursionConvertedNode;exports.revoke=t.revoke;exports.setAttributeValue=t.setAttributeValue;exports.useRevoke=t.useRevoke;exports.EBuilder=F;exports.EDesigner=ee;exports.debounce=L;exports.getDarkState=T;exports.useDark=A;exports.useElementDrag=U;exports.useElementZoom=K;exports.useKeyPress=$;exports.usePageManager=V;exports.useShareStore=_;exports.useStore=P;exports.useTheme=R;exports.useTimedQuery=H;

package/dist/index.js

@@ -1,19 +1,19 @@
-import { u as ee, c as te, o as F, a as L, _ as ae } from "./index-DcCbSncC.js";
-import { ref as h, onMounted as ne, watch as C, onUnmounted as se, defineComponent as K, useSlots as oe, reactive as O, provide as M, computed as Y, getCurrentInstance as re, unref as D, openBlock as I, createElementBlock as U, createBlock as P, Suspense as j, withCtx as _, createElementVNode as T, Fragment as le, renderList as ie, createVNode as $, nextTick as z, inject as ce, renderSlot as N, createCommentVNode as ue, normalizeClass as de, toRaw as Q } from "vue";
-import { p as V, f as fe, l as B, d as Z, a as J, g as me, b as pe, c as he, r as X } from "./revoke-iScTU0eW.js";
+import { u as ee, c as te, o as O, a as U, _ as ae } from "./index-DcCbSncC.js";
+import { ref as v, onMounted as ne, watch as M, onUnmounted as se, defineComponent as q, useSlots as oe, reactive as Z, provide as I, computed as j, getCurrentInstance as re, unref as w, openBlock as $, createElementBlock as K, createBlock as R, Suspense as J, withCtx as E, createElementVNode as N, Fragment as le, renderList as ie, createVNode as T, nextTick as A, inject as ce, renderSlot as V, createCommentVNode as ue, normalizeClass as de, toRaw as X } from "vue";
+import { p as B, f as fe, l as P, d as z, a as G, g as me, b as pe, c as he, r as Y } from "./revoke-iScTU0eW.js";
 import { P as Ze, t as Ke, o as ze, k as qe, n as Qe, e as Xe, h as Ye, i as je, j as Je, m as Ge, q as We, s as et, u as tt } from "./revoke-iScTU0eW.js";
 function Pe() {
-  const { isDark: e } = R(), o = ee(e);
+  const { isDark: e } = H(), n = ee(e);
   return {
     isDark: e,
-    toggleDark: o
+    toggleDark: n
   };
 }
 function ve() {
-  const e = h(!1);
+  const e = v(!1);
   return ne(() => {
     ge(e), ye(e);
-  }), C(
+  }), M(
     () => e.value,
     () => {
       e.value ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
@@ -23,18 +23,18 @@ function ve() {
   };
 }
 function ge(e) {
-  var o = document.documentElement;
-  o && (o.classList.contains("dark") ? e.value = !0 : e.value = !1);
+  var n = document.documentElement;
+  n && (n.classList.contains("dark") ? e.value = !0 : e.value = !1);
 }
 function ye(e) {
-  var o = document.querySelector("html"), t = new MutationObserver(function(r) {
-    for (var l of r)
-      if (l.type === "attributes" && l.attributeName === "class") {
-        const f = l.target;
+  var n = document.querySelector("html"), t = new MutationObserver(function(s) {
+    for (var r of s)
+      if (r.type === "attributes" && r.attributeName === "class") {
+        const f = r.target;
         new Array(...f.classList).includes("dark") ? e.value = !0 : e.value = !1;
       }
   });
-  t.observe(o, {
+  t.observe(n, {
     attributes: !0,
     attributeFilter: ["class"]
   }), se(() => {
@@ -42,305 +42,314 @@ function ye(e) {
   });
 }
 function Se() {
-  const e = h(1), o = h(!1), { isDark: t } = ve(), { pressSpace: r, pressShift: l, pressCtrl: f } = be();
+  const e = v(1), n = v(!1), { isDark: t } = ve(), { pressSpace: s, pressShift: r, pressCtrl: f } = be();
   return {
     canvasScale: e,
-    pressSpace: r,
-    pressShift: l,
+    pressSpace: s,
+    pressShift: r,
     pressCtrl: f,
-    disabledZoom: o,
+    disabledZoom: n,
     isDark: t
   };
 }
-const R = te(Se);
+const H = te(Se);
 function be() {
-  const e = h(!1), o = h(!1), t = h(!1);
-  return F(" ", (r) => {
-    var l = r.target;
-    ["INPUT", "TEXTAREA"].includes(l.tagName) || r.preventDefault(), e.value = !0;
-  }), L(" ", () => {
+  const e = v(!1), n = v(!1), t = v(!1);
+  return O(" ", (s) => {
+    var r = s.target;
+    ["INPUT", "TEXTAREA"].includes(r.tagName) || s.preventDefault(), e.value = !0;
+  }), U(" ", () => {
     e.value = !1;
-  }), F("Shift", (r) => {
-    r.preventDefault(), o.value = !0;
-  }), L("Shift", () => {
-    o.value = !1;
-  }), F("Control", (r) => {
-    r.preventDefault(), t.value = !0;
-  }), L("Control", () => {
+  }), O("Shift", (s) => {
+    s.preventDefault(), n.value = !0;
+  }), U("Shift", () => {
+    n.value = !1;
+  }), O("Control", (s) => {
+    s.preventDefault(), t.value = !0;
+  }), U("Control", () => {
     t.value = !1;
-  }), { pressSpace: e, pressShift: o, pressCtrl: t };
+  }), { pressSpace: e, pressShift: n, pressCtrl: t };
 }
 function Re(e) {
-  const { pressSpace: o } = R();
-  let t = 0, r = 0;
-  function l(c) {
+  const { pressSpace: n } = H();
+  let t = 0, s = 0;
+  function r(c) {
     var u;
-    t = c.x, r = c.y, (u = c.dataTransfer) == null || u.setDragImage(document.createElement("div"), 0, 0);
+    t = c.x, s = c.y, (u = c.dataTransfer) == null || u.setDragImage(document.createElement("div"), 0, 0);
   }
   function f(c) {
-    if (c.preventDefault(), !c.x || !c.y || !o.value)
+    if (c.preventDefault(), !c.x || !c.y || !n.value)
       return;
-    const u = c.x - t, m = c.y - r;
-    t = c.x, r = c.y, e.value && (e.value.scrollTop -= m, e.value.scrollLeft -= u);
+    const u = c.x - t, m = c.y - s;
+    t = c.x, s = c.y, e.value && (e.value.scrollTop -= m, e.value.scrollLeft -= u);
   }
-  function v() {
-    o.value = !1;
+  function g() {
+    n.value = !1;
   }
-  return { handleElementDragStart: l, handleElementDrag: f, handleElementDragEnd: v };
+  return { handleElementDragStart: r, handleElementDrag: f, handleElementDragEnd: g };
 }
 function Ae(e) {
-  const { pressCtrl: o, canvasScale: t, disabledZoom: r } = R();
-  function l(f) {
-    if (!o.value || r.value)
+  const { pressCtrl: n, canvasScale: t, disabledZoom: s } = H();
+  function r(f) {
+    if (!n.value || s.value)
       return;
     f.preventDefault();
-    let v = 0;
-    f.deltaY < 0 ? v = t.value + 0.05 : v = t.value - 0.05, !(v > 150 || v < 0.5) && (t.value = v);
+    let g = 0;
+    f.deltaY < 0 ? g = t.value + 0.05 : g = t.value - 0.05, !(g > 150 || g < 0.5) && (t.value = g);
   }
-  return C(
+  return M(
     () => t.value,
     (f) => {
-      e.value && !r.value && (e.value.style.transform = `scale(${f})`);
+      e.value && !s.value && (e.value.style.transform = `scale(${f})`);
     }
-  ), { handleZoom: l, canvasScale: t };
+  ), { handleZoom: r, canvasScale: t };
 }
-function He(e, o = 16.66) {
+function He(e, n = 16.66) {
   let t;
-  function r() {
-    l(), t = window.setInterval(e, o);
+  function s() {
+    r(), t = window.setInterval(e, n);
   }
-  function l() {
+  function r() {
     window.clearInterval(t);
   }
   return {
-    startTimedQuery: r,
-    stopTimedQuery: l
+    startTimedQuery: s,
+    stopTimedQuery: r
   };
 }
-function Fe(e, o) {
+function Fe(e, n) {
   let t = null;
-  return (...r) => {
+  return (...s) => {
     t && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, r);
-    }, o);
+      e.apply(this, s);
+    }, n);
   };
 }
-function G() {
-  const e = h({}), o = h({}), t = h(!1), r = h([]);
-  function l(a) {
+function W() {
+  const e = v({}), n = v({}), t = v(!1), s = v([]);
+  function r(a) {
     return e.value[a];
   }
-  function f(a, n) {
-    e.value[a] = n;
+  function f(a, o) {
+    e.value[a] = o;
   }
-  function v(a) {
+  function g(a) {
     delete e.value[a];
   }
-  function c(a, n = !1) {
+  function c(a, o = !1) {
     const d = Object.entries(
-      V.publicMethods
-    ).reduce((p, [g, s]) => (p[g] = s.handler, p), {});
+      B.publicMethods
+    ).reduce((p, [h, k]) => (p[h] = k.handler, p), {});
     try {
       new Function(`const epic = this;${a}`).bind({
         ...d,
-        getComponent: l,
-        find: l,
+        getComponent: r,
+        find: r,
         defineExpose: u,
         publicMethods: d,
-        pluginManager: V
+        pluginManager: B
       })();
     } catch (p) {
-      n && console.error("[epic-desinger：自定义函数]异常：", p);
+      o && console.error("[epic-desinger：自定义函数]异常：", p);
     }
   }
   function u(a) {
-    a != null && (o.value = a);
+    a != null && (n.value = a);
   }
-  function m(a, ...n) {
+  function m(a, ...o) {
     a == null || a.forEach((d) => {
-      var p, g, s;
-      if (d.type === "public" && ((p = V.publicMethods[d.methodName]) == null || p.handler(...n)), d.type === "custom" && ((s = (g = o.value)[d.methodName]) == null || s.call(g, ...n)), d.type === "component") {
-        (d.componentId != null && l(d.componentId))[d.methodName](
-          ...d.args ? JSON.parse(d.args) : n
+      var p, h, k;
+      if (d.type === "public" && ((p = B.publicMethods[d.methodName]) == null || p.handler(...o)), d.type === "custom" && ((k = (h = n.value)[d.methodName]) == null || k.call(h, ...o)), d.type === "component") {
+        (d.componentId != null && r(d.componentId))[d.methodName](
+          ...d.args ? JSON.parse(d.args) : o
         );
         return;
       }
     });
   }
-  function b(a = !0) {
+  function D(a = !0) {
     t.value = a;
   }
   function x(a) {
-    const n = fe(a, () => !0);
-    r.value = n.map((d) => d.id);
+    const o = fe(a, () => !0);
+    s.value = o.map((d) => d.id);
   }
   return {
     componentInstances: e,
-    funcs: o,
+    funcs: n,
     isDesignMode: t,
-    defaultComponentIds: r,
-    getComponentInstance: l,
+    defaultComponentIds: s,
+    getComponentInstance: r,
     // 简化查询函数, 推荐使用
-    find: l,
+    find: r,
     addComponentInstance: f,
-    removeComponentInstance: v,
+    removeComponentInstance: g,
     setMethods: c,
     doActions: m,
-    setDesignMode: b,
+    setDesignMode: D,
     setDefaultComponentIds: x
   };
 }
 const De = {
   key: 0,
   class: "epic-loading-box"
-}, we = { class: "epic-builder-main" }, ke = { class: "epic-loading-box" }, _e = /* @__PURE__ */ K({
+}, we = { class: "epic-builder-main" }, ke = { class: "epic-loading-box" }, _e = /* @__PURE__ */ q({
   __name: "builder",
   props: {
     pageSchema: {},
     disabled: { type: Boolean }
   },
   emits: ["ready"],
-  setup(e, { expose: o, emit: t }) {
-    const r = B(() => import("./index-B4P9zbh-.js")), l = G(), f = t, v = oe(), c = h({}), u = h(!1), m = e, b = O({
+  setup(e, { expose: n, emit: t }) {
+    const s = P(() => import("./index-B4P9zbh-.js")), r = W(), f = t, g = oe(), c = v({}), u = v(!1), m = e, D = Z({
       schemas: []
     });
-    C(() => m.pageSchema, (s) => {
-      Z(b, s);
+    M(() => m.pageSchema, (i) => {
+      z(D, i);
     }, {
       immediate: !0,
       deep: !0
-    }), C(() => b.script, (s) => {
-      s && s !== "" && l.setMethods(s, !0);
+    }), M(() => D.script, (i) => {
+      i && i !== "" && r.setMethods(i, !0);
     }, {
       immediate: !0
-    }), M("slots", v), M("pageManager", l), M("forms", c), M("pageSchema", b), M("disabled", Y(() => m.disabled));
-    function x(s = "default") {
-      return new Promise(async (y, w) => {
-        var k;
+    }), I("slots", g), I("pageManager", r), I("forms", c), I("pageSchema", D), I("disabled", j(() => m.disabled));
+    function x(i = "default") {
+      return new Promise(async (S, b) => {
+        var _;
         if (!u.value) {
-          const A = C(u, async () => {
-            A(), y(await x(s));
+          const F = M(u, async () => {
+            F(), S(await x(i));
           });
           return;
         }
-        const S = (k = c.value) == null ? void 0 : k[s];
-        if (!S)
-          return w(`表单 [name=${s}] 不存在`), !1;
-        const E = J(await S.getData());
-        y(E);
+        const y = (_ = c.value) == null ? void 0 : _[i];
+        if (!y)
+          return b(`表单 [name=${i}] 不存在`), !1;
+        const C = G(await y.getData());
+        S(C);
       });
     }
-    function a(s = "default") {
-      return new Promise(async (y, w) => {
-        var E;
+    function a(i = "default") {
+      return new Promise(async (S, b) => {
+        var C;
         if (!u.value) {
-          const k = C(u, async () => {
-            k(), y(await a(s));
+          const _ = M(u, async () => {
+            _(), S(await a(i));
           });
           return;
         }
-        const S = (E = c.value) == null ? void 0 : E[s];
-        if (!S)
-          return w(`表单 [name=${s}] 不存在`), !1;
+        const y = (C = c.value) == null ? void 0 : C[i];
+        if (!y)
+          return b(`表单 [name=${i}] 不存在`), !1;
         try {
-          await S.validate();
-          const k = await S.getData();
-          y(k);
-        } catch (k) {
-          w(k);
+          await y.validate();
+          const _ = await y.getData();
+          S(_);
+        } catch (_) {
+          b(_);
         }
       });
     }
-    function n(s, y = "default") {
-      var S;
-      if (!u.value) {
-        const E = C(u, () => {
-          E(), n(s, y);
+    function o(i, S = "default") {
+      return new Promise((b) => {
+        if (!u.value) {
+          const y = M(u, () => {
+            y(), A(() => {
+              d(i, S), b();
+            });
+          });
+          return;
+        }
+        A(() => {
+          d(i, S), b();
         });
-        return;
-      }
-      const w = (S = c.value) == null ? void 0 : S[y];
-      if (!w)
-        return console.error(`表单 [name=${y}] 不存在`), !1;
-      w.setData(s);
+      });
     }
-    function d(s = "default") {
-      return new Promise(async (y, w) => {
-        var E;
+    function d(i, S = "default") {
+      var y;
+      const b = (y = c.value) == null ? void 0 : y[S];
+      if (!b)
+        return console.error(`表单 [name=${S}] 不存在`), !1;
+      b.setData(i);
+    }
+    function p(i = "default") {
+      return new Promise(async (S, b) => {
+        var C;
         if (!u.value) {
-          const k = C(u, async () => {
-            k(), y(await d(s));
+          const _ = M(u, async () => {
+            _(), S(await p(i));
           });
           return;
         }
-        const S = (E = c.value) == null ? void 0 : E[s];
-        if (!S)
-          return w(`表单 [name=${s}] 不存在`), !1;
-        y(S);
+        const y = (C = c.value) == null ? void 0 : C[i];
+        if (!y)
+          return b(`表单 [name=${i}] 不存在`), !1;
+        S(y);
       });
     }
-    const { proxy: p } = re();
-    function g() {
-      z(() => {
-        u.value = !0, f("ready", l), p && l.addComponentInstance("builder", p);
+    const { proxy: h } = re();
+    function k() {
+      A(() => {
+        u.value = !0, f("ready", r), h && r.addComponentInstance("builder", h);
       });
     }
-    return o({
+    return n({
       ready: u,
       getData: x,
-      setData: n,
+      setData: o,
       validate: a,
-      getFormInstance: d
-    }), (s, y) => D(V).initialized.value ? (I(), P(j, {
+      getFormInstance: p
+    }), (i, S) => w(B).initialized.value ? ($(), R(J, {
       key: 1,
-      onResolve: g
+      onResolve: k
     }, {
-      default: _(() => [
-        T("div", we, [
-          (I(!0), U(le, null, ie(b.schemas, (w, S) => (I(), P(D(ae), {
-            key: S,
-            componentSchema: w
+      default: E(() => [
+        N("div", we, [
+          ($(!0), K(le, null, ie(D.schemas, (b, y) => ($(), R(w(ae), {
+            key: y,
+            componentSchema: b
           }, null, 8, ["componentSchema"]))), 128))
         ])
       ]),
-      fallback: _(() => [
-        T("div", ke, [
-          $(D(r))
+      fallback: E(() => [
+        N("div", ke, [
+          T(w(s))
         ])
       ]),
       _: 1
-    })) : (I(), U("div", De));
+    })) : ($(), K("div", De));
   }
-}), Ee = { class: "min-w-750px rounded" }, xe = { class: "h-full rounded" }, Ce = /* @__PURE__ */ K({
+}), Ee = { class: "min-w-750px rounded" }, xe = { class: "h-full rounded" }, Ce = /* @__PURE__ */ q({
   __name: "index",
-  setup(e, { expose: o }) {
-    const t = V.getComponent("monacoEditor"), r = V.getComponent("modal"), l = h(null), f = h(!1), v = h(!1), c = h({}), u = ce("pageSchema"), m = h(null), b = h("");
+  setup(e, { expose: n }) {
+    const t = B.getComponent("monacoEditor"), s = B.getComponent("modal"), r = v(null), f = v(!1), g = v(!1), c = v({}), u = ce("pageSchema"), m = v(null), D = v("");
     function x() {
-      v.value = !1;
+      g.value = !1;
     }
     function a() {
       f.value = !1;
     }
-    function n() {
-      f.value = !0, b.value = me();
+    function o() {
+      f.value = !0, D.value = me();
     }
     async function d() {
       try {
         const p = await m.value.validate();
-        console.log("表单结果为：", p), c.value = JSON.stringify(p, null, 2), z(() => {
-          var g;
-          (g = l.value) == null || g.setValue(c.value);
-        }), v.value = !0;
+        console.log("表单结果为：", p), c.value = JSON.stringify(p, null, 2), A(() => {
+          var h;
+          (h = r.value) == null || h.setValue(c.value);
+        }), g.value = !0;
       } catch (p) {
         typeof p == "string" && alert(p + `\r
 请添加表单组件后再尝试！`), console.error(p);
       }
     }
-    return o({
-      handleOpen: n
-    }), (p, g) => (I(), P(D(r), {
+    return n({
+      handleOpen: o
+    }), (p, h) => ($(), R(w(s), {
       modelValue: f.value,
-      "onUpdate:modelValue": g[1] || (g[1] = (s) => f.value = s),
+      "onUpdate:modelValue": h[1] || (h[1] = (k) => f.value = k),
       title: "预览",
       class: "w-900px",
       width: "900px",
@@ -348,28 +357,28 @@ const De = {
       onOk: d,
       okText: "输出结果"
     }, {
-      default: _(() => [
-        T("div", Ee, [
-          (I(), P(D(_e), {
-            key: b.value,
+      default: E(() => [
+        N("div", Ee, [
+          ($(), R(w(_e), {
+            key: D.value,
             ref_key: "kb",
             ref: m,
-            "page-schema": D(u)
+            "page-schema": w(u)
           }, null, 8, ["page-schema"])),
-          $(D(r), {
-            modelValue: v.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (s) => v.value = s),
+          T(w(s), {
+            modelValue: g.value,
+            "onUpdate:modelValue": h[0] || (h[0] = (k) => g.value = k),
             title: "表单数据",
             class: "w-860px",
             width: "860px",
             onClose: x,
             onOk: x
           }, {
-            default: _(() => [
-              T("div", xe, [
-                $(D(t), {
+            default: E(() => [
+              N("div", xe, [
+                T(w(t), {
                   ref_key: "monacoEditorRef",
-                  ref: l,
+                  ref: r,
                   autoToggleTheme: "",
                   class: "h-full editor",
                   "model-value": c.value
@@ -386,7 +395,7 @@ const De = {
 }), Me = {
   key: 0,
   class: "epic-loading-box"
-}, Ie = { class: "epic-designer-main" }, $e = { class: "epic-header-container" }, Te = { class: "epic-loading-box" }, Le = /* @__PURE__ */ K({
+}, Ie = { class: "epic-designer-main" }, $e = { class: "epic-header-container" }, Te = { class: "epic-loading-box" }, Le = /* @__PURE__ */ q({
   __name: "designer",
   props: {
     disabledZoom: { type: Boolean, default: !1 },
@@ -418,134 +427,134 @@ defineExpose({
     }) }
   },
   emits: ["ready", "save", "reset", "toggleDeviceMode"],
-  setup(e, { expose: o, emit: t }) {
-    const r = B(() => import("./index-DHI4gLFF.js")), l = B(() => import("./index-H4zzFoVP.js")), f = B(() => import("./index-C6uorzgq.js")), v = B(() => import("./index-DWCjsALD.js")), c = B(() => import("./index-B4P9zbh-.js")), u = G(), m = e;
+  setup(e, { expose: n, emit: t }) {
+    const s = P(() => import("./index-DHI4gLFF.js")), r = P(() => import("./index-H4zzFoVP.js")), f = P(() => import("./index-C6uorzgq.js")), g = P(() => import("./index-DWCjsALD.js")), c = P(() => import("./index-B4P9zbh-.js")), u = W(), m = e;
     u.setDesignMode(), u.setDefaultComponentIds(m.defaultSchema.schemas);
-    const b = t, x = h(null), a = O({
+    const D = t, x = v(null), a = Z({
       checkedNode: null,
       hoverNode: null,
       disableHover: !1,
       matched: []
-    }), n = O({
+    }), o = Z({
       schemas: [],
       script: m.defaultSchema.script
-    }), { disabledZoom: d } = R();
-    C(() => m.disabledZoom, (i) => {
-      d.value = i;
+    }), { disabledZoom: d } = H();
+    M(() => m.disabledZoom, (l) => {
+      d.value = l;
     }, {
       immediate: !0
-    }), C(() => n.script, (i) => {
-      i && i !== "" && u.setMethods(i);
+    }), M(() => o.script, (l) => {
+      l && l !== "" && u.setMethods(l);
     }, {
       immediate: !0
-    }), M("pageSchema", n), M("pageManager", u), M("designerProps", Y(() => m)), M("designer", {
-      setCheckedNode: g,
-      setHoverNode: s,
-      setDisableHover: w,
-      handleToggleDeviceMode: W,
-      reset: k,
+    }), I("pageSchema", o), I("pageManager", u), I("designerProps", j(() => m)), I("designer", {
+      setCheckedNode: h,
+      setHoverNode: k,
+      setDisableHover: S,
+      handleToggleDeviceMode: F,
+      reset: C,
       state: a
     });
     function p() {
-      n.schemas = J(m.defaultSchema.schemas), g(n.schemas[0]), X.push(n.schemas, "初始化撤销功能");
+      o.schemas = G(m.defaultSchema.schemas), h(o.schemas[0]), Y.push(o.schemas, "初始化撤销功能");
     }
-    async function g(i = n.schemas[0]) {
-      a.checkedNode = i, a.matched = pe(n.schemas, i.id);
+    async function h(l = o.schemas[0]) {
+      a.checkedNode = l, a.matched = pe(o.schemas, l.id);
     }
-    async function s(i = null) {
-      var H;
-      if (!i || a.disableHover)
+    async function k(l = null) {
+      var L;
+      if (!l || a.disableHover)
         return a.hoverNode = null, !1;
-      if ((i == null ? void 0 : i.id) === ((H = a.hoverNode) == null ? void 0 : H.id))
+      if ((l == null ? void 0 : l.id) === ((L = a.hoverNode) == null ? void 0 : L.id))
         return !1;
-      a.hoverNode = i;
+      a.hoverNode = l;
     }
-    function y() {
-      z(() => {
-        b("ready", { pageManager: u });
+    function i() {
+      A(() => {
+        D("ready", { pageManager: u });
       });
     }
-    async function w(i = !1) {
-      a.disableHover = i;
+    async function S(l = !1) {
+      a.disableHover = l;
     }
-    function S(i) {
-      Z(n, i);
+    function b(l) {
+      z(o, l);
     }
-    function E() {
-      return Q(n);
+    function y() {
+      return X(o);
     }
-    function k() {
-      he(n.schemas, m.defaultSchema.schemas) && n.script === m.defaultSchema.script || (Z(n.schemas, m.defaultSchema.schemas), n.script = m.defaultSchema.script, g(n.schemas[0]), X.push(n.schemas, "重置操作"), b("reset", n));
+    function C() {
+      he(o.schemas, m.defaultSchema.schemas) && o.script === m.defaultSchema.script || (z(o.schemas, m.defaultSchema.schemas), o.script = m.defaultSchema.script, h(o.schemas[0]), Y.push(o.schemas, "重置操作"), D("reset", o));
     }
-    function A() {
-      b("save", Q(n));
+    function _() {
+      D("save", X(o));
     }
-    function W(i) {
-      b("toggleDeviceMode", i);
+    function F(l) {
+      D("toggleDeviceMode", l);
     }
-    function q() {
+    function Q() {
       x.value.handleOpen();
     }
-    return p(), o({
-      setData: S,
-      getData: E,
-      reset: k,
-      preview: q
-    }), (i, H) => D(V).initialized.value ? (I(), P(j, {
+    return p(), n({
+      setData: b,
+      getData: y,
+      reset: C,
+      preview: Q
+    }), (l, L) => w(B).initialized.value ? ($(), R(J, {
       key: 1,
-      onResolve: y
+      onResolve: i
     }, {
-      default: _(() => [
-        T("div", Ie, [
-          T("div", $e, [
-            N(i.$slots, "header", {}, () => [
-              m.hiddenHeader ? ue("", !0) : (I(), P(D(r), {
+      default: E(() => [
+        N("div", Ie, [
+          N("div", $e, [
+            V(l.$slots, "header", {}, () => [
+              m.hiddenHeader ? ue("", !0) : ($(), R(w(s), {
                 key: 0,
-                onPreview: q,
-                onSave: A
+                onPreview: Q,
+                onSave: _
               }, {
-                header: _(() => [
-                  N(i.$slots, "header-prefix")
+                header: E(() => [
+                  V(l.$slots, "header-prefix")
                 ]),
-                prefix: _(() => [
-                  N(i.$slots, "header-prefix")
+                prefix: E(() => [
+                  V(l.$slots, "header-prefix")
                 ]),
-                title: _(() => [
-                  N(i.$slots, "header-title")
+                title: E(() => [
+                  V(l.$slots, "header-title")
                 ]),
-                "right-prefix": _(() => [
-                  N(i.$slots, "header-right-prefix")
+                "right-prefix": E(() => [
+                  V(l.$slots, "header-right-prefix")
                 ]),
-                "right-action": _(() => [
-                  N(i.$slots, "header-right-action")
+                "right-action": E(() => [
+                  V(l.$slots, "header-right-action")
                 ]),
-                "right-suffix": _(() => [
-                  N(i.$slots, "header-right-suffix")
+                "right-suffix": E(() => [
+                  V(l.$slots, "header-right-suffix")
                 ]),
                 _: 3
               }))
             ])
           ]),
-          T("div", {
-            class: de(["epic-split-view-container", { "hidden-header": i.hiddenHeader }])
+          N("div", {
+            class: de(["epic-split-view-container", { "hidden-header": l.hiddenHeader }])
           }, [
-            $(D(l)),
-            $(D(f)),
-            $(D(v))
+            T(w(r)),
+            T(w(f)),
+            T(w(g))
           ], 2),
-          $(Ce, {
+          T(Ce, {
             ref_key: "previewRef",
             ref: x
           }, null, 512)
         ])
       ]),
-      fallback: _(() => [
-        T("div", Te, [
-          $(D(c))
+      fallback: E(() => [
+        N("div", Te, [
+          T(w(c))
         ])
       ]),
       _: 3
-    })) : (I(), U("div", Me));
+    })) : ($(), K("div", Me));
   }
 });
 export {
@@ -556,8 +565,8 @@ export {
   Ke as capitalizeFirstLetter,
   ze as convertKFormData,
   Fe as debounce,
-  J as deepClone,
-  Z as deepCompareAndModify,
+  G as deepClone,
+  z as deepCompareAndModify,
   he as deepEqual,
   qe as findSchemaById,
   Qe as findSchemaInfoById,
@@ -569,19 +578,19 @@ export {
   Je as getFormSchemas,
   pe as getMatchedById,
   me as getUUID,
-  B as loadAsyncComponent,
+  P as loadAsyncComponent,
   Ge as mapSchemas,
-  V as pluginManager,
+  B as pluginManager,
   We as recursionConvertedNode,
-  X as revoke,
+  Y as revoke,
   et as setAttributeValue,
   ve as useDark,
   Re as useElementDrag,
   Ae as useElementZoom,
   be as useKeyPress,
-  G as usePageManager,
+  W as usePageManager,
   tt as useRevoke,
-  R as useShareStore,
+  H as useShareStore,
   Se as useStore,
   Pe as useTheme,
   He as useTimedQuery

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "form-designer-xinyi",
   "private": false,
-  "version": "1.5.5",
+  "version": "1.5.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",