epic-designer-gold 1.0.29 → 1.0.31

package/dist/{index-gdly69qM.js → index-BbTWJKHb.js}

@@ -1,6 +1,6 @@
-import { defineComponent as re, inject as A, ref as M, computed as q, watch as fe, openBlock as H, createElementBlock as F, Fragment as he, withDirectives as Ce, createElementVNode as V, normalizeClass as pe, toDisplayString as Qe, unref as u, createVNode as B, createCommentVNode as ie, withCtx as Z, createTextVNode as de, vShow as Te, createBlock as ve, mergeProps as Ke, useAttrs as Xe, provide as Ye, onUnmounted as qe, resolveComponent as Ge, createSlots as je, renderList as Ne, shallowRef as et, watchEffect as tt, nextTick as ze, normalizeStyle as ye, renderSlot as ot, onMounted as nt } from "vue";
-import { p as oe, o as D, g as te, a as we, h as st, d as ke, q as lt } from "./pluginManager-BCnrHPYv.js";
-import { u as $e, a as at, b as _e, _ as it, c as rt, d as ct, e as dt, w as ut, f as ht } from "./index-kTMEQOpq.js";
+import { defineComponent as re, inject as A, ref as M, computed as q, watch as fe, openBlock as H, createElementBlock as F, Fragment as he, withDirectives as Ce, createElementVNode as V, normalizeClass as pe, toDisplayString as Qe, unref as u, createVNode as B, createCommentVNode as ie, withCtx as Z, createTextVNode as de, vShow as Te, createBlock as ve, mergeProps as Ke, useAttrs as Xe, provide as Ye, onUnmounted as qe, resolveComponent as Ge, createSlots as je, renderList as Ne, shallowRef as et, watchEffect as tt, nextTick as We, normalizeStyle as ye, renderSlot as nt, onMounted as ot } from "vue";
+import { p as ne, o as D, g as te, a as Se, h as st, d as ke, q as lt } from "./pluginManager-BCnrHPYv.js";
+import { u as $e, a as at, b as _e, _ as it, c as rt, d as ct, e as dt, w as ut, f as ht } from "./index-BhICtIH5.js";
 import { ElDropdown as ft, ElDropdownMenu as pt, ElDropdownItem as ue } from "element-plus";
 import { _ as me } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
 import { d as vt } from "./vuedraggable.umd-D2S7Eo7p.js";
@@ -13,12 +13,12 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
   class: "epic-widget-action-item pointer-events-auto"
 }, yt = /* @__PURE__ */ re({
   __name: "previewWidgets",
-  setup(ne, { expose: U }) {
-    const v = A("pageManager", {}), o = A("pageSchema"), t = A("designer"), b = A("designerProps"), a = A("revoke"), m = M(null), I = M(null), w = M(null), P = M(!1), i = M(!1), r = M(!0), h = M("top"), { canvasScale: c, disabledZoom: $ } = $e();
+  setup(oe, { expose: U }) {
+    const v = A("pageManager", {}), n = A("pageSchema"), t = A("designer"), w = A("designerProps"), a = A("revoke"), m = M(null), I = M(null), S = M(null), P = M(!1), i = M(!1), r = M(!0), h = M("top"), { canvasScale: c, disabledZoom: $ } = $e();
     let s = null;
     const Y = q(() => {
       const e = t.state.checkedNode;
-      return !(!(e != null && e.id) || b.value.lockDefaultSchemaEdit && v.defaultComponentIds.value.includes(e == null ? void 0 : e.id) || e.type === "table-cell");
+      return !(!(e != null && e.id) || w.value.lockDefaultSchemaEdit && v.defaultComponentIds.value.includes(e == null ? void 0 : e.id) || e.type === "table-cell");
     }), Q = q(() => {
       const e = t.state.checkedNode;
       return (e == null ? void 0 : e.type) === "eTd";
@@ -28,26 +28,26 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       return (e == null ? void 0 : e.type) === "table";
     });
     const O = q(() => {
-      var S, C, R, f, J, X;
-      const e = v.componentInstances.value, l = (S = t.state.checkedNode) == null ? void 0 : S.id;
+      var b, C, R, f, J, X;
+      const e = v.componentInstances.value, l = (b = t.state.checkedNode) == null ? void 0 : b.id;
       if ((R = (C = t.state.checkedNode) == null ? void 0 : C.componentProps) != null && R.hidden)
         return null;
-      const x = oe.getComponentConfingByType((f = t.state.checkedNode) == null ? void 0 : f.type) ?? null;
+      const x = ne.getComponentConfingByType((f = t.state.checkedNode) == null ? void 0 : f.type) ?? null;
       if (!l || !(e != null && e[l]))
         return null;
       if (x != null && x.defaultSchema.input && ((J = t.state.checkedNode) == null ? void 0 : J.noFormItem) !== !0)
         return (X = e[l + "formItem"]) == null ? void 0 : X.$el;
-      const n = e[l];
-      return !(n != null && n.$el) || (n == null ? void 0 : n.$el.nodeName) === "#text" || !(n != null && n.$el.getBoundingClientRect) ? null : n == null ? void 0 : n.$el;
+      const o = e[l];
+      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;
     }), g = q(() => {
-      var S, C, R, f;
-      const e = v.componentInstances.value, l = (S = t.state.hoverNode) == null ? void 0 : S.id, x = oe.getComponentConfingByType((C = t.state.hoverNode) == null ? void 0 : C.type) ?? null;
+      var b, C, R, f;
+      const e = v.componentInstances.value, l = (b = t.state.hoverNode) == null ? void 0 : b.id, x = ne.getComponentConfingByType((C = t.state.hoverNode) == null ? void 0 : C.type) ?? null;
       if (!l || !(e != null && e[l]))
         return null;
       if (x != null && x.defaultSchema.input && ((R = t.state.hoverNode) == null ? void 0 : R.noFormItem) !== !0)
         return (f = e[l + "formItem"]) == null ? void 0 : f.$el;
-      const n = e[l];
-      return (n == null ? void 0 : n.$el.nodeName) === "#text" ? null : n == null ? void 0 : n.$el;
+      const o = e[l];
+      return (o == null ? void 0 : o.$el.nodeName) === "#text" ? null : o == null ? void 0 : o.$el;
     }), { mutationObserver: k, observerConfig: y } = Re(K), { startTimedQuery: j, stopTimedQuery: ce } = at(K);
     fe(
       () => O.value,
@@ -64,14 +64,14 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
           P.value = !1;
       }
     );
-    const { mutationObserver: z, observerConfig: L } = Re(be);
+    const { mutationObserver: W, observerConfig: L } = Re(be);
     fe(
       () => g.value,
       (e) => {
-        e && (z.observe(e, L), be());
+        e && (W.observe(e, L), be());
       }
     );
-    let W = 0;
+    let z = 0;
     fe(
       () => {
         var e;
@@ -79,10 +79,10 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       },
       (e) => {
         if (e) {
-          i.value = !0, clearTimeout(W);
+          i.value = !0, clearTimeout(z);
           return;
         }
-        W = setTimeout(() => {
+        z = setTimeout(() => {
           i.value = !1;
         }, 300);
       }
@@ -91,23 +91,23 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
     function K() {
       const e = O.value;
       if (!e || !s) return;
-      const { top: l, left: x } = s == null ? void 0 : s.getBoundingClientRect(), { top: n, left: S, width: C, height: R } = e.getBoundingClientRect(), f = $.value ? 1 : c.value, J = n - l + ((s == null ? void 0 : s.scrollTop) ?? 0) * f, X = S - x + ((s == null ? void 0 : s.scrollLeft) ?? 0) * f, G = R / f;
-      m.value && (m.value.style.width = `${C / f}px`, m.value.style.height = `${G}px`, m.value.style.top = `${J / f}px`, m.value.style.left = `${X / f}px`, Ae(J, X)), w.value && (J < 45 && G < 100 ? (w.value.style.top = "", w.value.style.bottom = "-30px", w.value.style["border-radius"] = "0px 0px 4px 4px", h.value = "bottom") : J < 45 ? (w.value.style.top = "0px", w.value.style["border-radius"] = "0px 0px 4px 0", h.value = "center") : (w.value.style.top = "-30px", w.value.style["border-radius"] = "4px 4px 0px 0px", h.value = "top"));
+      const { top: l, left: x } = s == null ? void 0 : s.getBoundingClientRect(), { top: o, left: b, width: C, height: R } = e.getBoundingClientRect(), f = $.value ? 1 : c.value, J = o - l + ((s == null ? void 0 : s.scrollTop) ?? 0) * f, X = b - x + ((s == null ? void 0 : s.scrollLeft) ?? 0) * f, G = R / f;
+      m.value && (m.value.style.width = `${C / f}px`, m.value.style.height = `${G}px`, m.value.style.top = `${J / f}px`, m.value.style.left = `${X / f}px`, Ae(J, X)), S.value && (J < 45 && G < 100 ? (S.value.style.top = "", S.value.style.bottom = "-30px", S.value.style["border-radius"] = "0px 0px 4px 4px", h.value = "bottom") : J < 45 ? (S.value.style.top = "0px", S.value.style["border-radius"] = "0px 0px 4px 0", h.value = "center") : (S.value.style.top = "-30px", S.value.style["border-radius"] = "4px 4px 0px 0px", h.value = "top"));
     }
     function Ae(e, l) {
       const x = O.value;
       if (!s || !x) return;
-      const n = s.getBoundingClientRect(), { width: S } = x.getBoundingClientRect(), C = $.value ? 1 : c.value, R = e / C - n.top;
-      let f = l / C - n.left + S / C;
-      f < n.width && (f = 0);
-      const J = s.scrollTop - n.height / 3 + 60, X = s.scrollTop + n.height / 3 * 2, G = s.scrollLeft - n.width + 200, le = s.scrollLeft + n.width - 200;
+      const o = s.getBoundingClientRect(), { width: b } = x.getBoundingClientRect(), C = $.value ? 1 : c.value, R = e / C - o.top;
+      let f = l / C - o.left + b / C;
+      f < o.width && (f = 0);
+      const J = s.scrollTop - o.height / 3 + 60, X = s.scrollTop + o.height / 3 * 2, G = s.scrollLeft - o.width + 200, le = s.scrollLeft + o.width - 200;
       Math.abs(R - ee) < 10 && Math.abs(f - se) < 10 || (ee = R, se = f, !(R > J && R < X && f > G && f < le) && (s.scrollTop = R, s.scrollLeft = f));
     }
     function be() {
       var G, le;
       const e = g.value;
       if (!e) return;
-      const { top: l, left: x } = (s == null ? void 0 : s.getBoundingClientRect()) ?? { top: 0, left: 0 }, { top: n, left: S, width: C, height: R } = ((G = e.getBoundingClientRect) == null ? void 0 : G.call(e)) ?? ((le = e.nextElementSibling) == null ? void 0 : le.getBoundingClientRect()), f = $.value ? 1 : c.value, J = n - l + ((s == null ? void 0 : s.scrollTop) ?? 0) * f, X = S - x + ((s == null ? void 0 : s.scrollLeft) ?? 0) * f;
+      const { top: l, left: x } = (s == null ? void 0 : s.getBoundingClientRect()) ?? { top: 0, left: 0 }, { top: o, left: b, width: C, height: R } = ((G = e.getBoundingClientRect) == null ? void 0 : G.call(e)) ?? ((le = e.nextElementSibling) == null ? void 0 : le.getBoundingClientRect()), f = $.value ? 1 : c.value, J = o - l + ((s == null ? void 0 : s.scrollTop) ?? 0) * f, X = b - x + ((s == null ? void 0 : s.scrollLeft) ?? 0) * f;
       I.value && (I.value.style.width = `${C / f}px`, I.value.style.height = `${R / f}px`, I.value.style.top = `${J / f}px`, I.value.style.left = `${X / f}px`);
     }
     function Re(e) {
@@ -122,19 +122,19 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       };
     }
     function Ue(e) {
-      var l, x, n, S, C, R, f, J, X, G, le, De, Be, Me, Le, Ee, He, Ie;
+      var l, x, o, b, C, R, f, J, X, G, le, De, Be, Me, Le, Ee, He, Ie;
       if (e === "right") {
-        const d = t.state.matched.find((N) => N.type === "eTable"), _ = D(o.schemas, (d == null ? void 0 : d.id) ?? "root"), T = (x = D(o.schemas, ((l = t.state.checkedNode) == null ? void 0 : l.id) ?? "root")) == null ? void 0 : x.index;
-        (n = _.list) == null || n[0].children.forEach((N) => {
+        const d = t.state.matched.find((N) => N.type === "eTable"), _ = D(n.schemas, (d == null ? void 0 : d.id) ?? "root"), T = (x = D(n.schemas, ((l = t.state.checkedNode) == null ? void 0 : l.id) ?? "root")) == null ? void 0 : x.index;
+        (o = _.list) == null || o[0].children.forEach((N) => {
           var E;
           (E = N.children) == null || E.splice(T + 1, 0, {
             type: "eTd",
             id: "eTd_" + te(),
             children: []
           });
-        }), a.push(o.schemas, "添加右列");
+        }), a.push(n.schemas, "添加右列");
       } else if (e === "left") {
-        const d = t.state.matched.find((N) => N.type === "eTable"), _ = D(o.schemas, (d == null ? void 0 : d.id) ?? "root"), T = (C = D(o.schemas, ((S = t.state.checkedNode) == null ? void 0 : S.id) ?? "root")) == null ? void 0 : C.index;
+        const d = t.state.matched.find((N) => N.type === "eTable"), _ = D(n.schemas, (d == null ? void 0 : d.id) ?? "root"), T = (C = D(n.schemas, ((b = t.state.checkedNode) == null ? void 0 : b.id) ?? "root")) == null ? void 0 : C.index;
         (R = _.list) == null || R[0].children.forEach((N) => {
           var E;
           T === 0 ? N.children.unshift({
@@ -146,75 +146,75 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
             id: "eTd_" + te(),
             children: []
           });
-        }), a.push(o.schemas, "添加左列");
+        }), a.push(n.schemas, "添加左列");
       } else if (e === "top") {
-        const d = t.state.matched.find((p) => p.type === "eTable"), _ = t.state.matched.find((p) => p.type === "eTr"), T = D(o.schemas, (d == null ? void 0 : d.id) ?? "root"), N = D(o.schemas, (_ == null ? void 0 : _.id) ?? "root"), E = D(o.schemas, ((f = t.state.checkedNode) == null ? void 0 : f.id) ?? "root");
+        const d = t.state.matched.find((p) => p.type === "eTable"), _ = t.state.matched.find((p) => p.type === "eTr"), T = D(n.schemas, (d == null ? void 0 : d.id) ?? "root"), N = D(n.schemas, (_ == null ? void 0 : _.id) ?? "root"), E = D(n.schemas, ((f = t.state.checkedNode) == null ? void 0 : f.id) ?? "root");
         N.index === 0 ? (J = T.list) == null || J[0].children.unshift({
           type: "eTr",
           id: "eTr_" + te(),
-          children: we(E.list).map((p) => (p.id = "eTd_" + te(), p.children = [], p))
+          children: Se(E.list).map((p) => (p.id = "eTd_" + te(), p.children = [], p))
         }) : (X = T.list) == null || X[0].children.splice(N.index - 1, 0, {
           type: "eTr",
           id: "eTr_" + te(),
-          children: we(E.list).map((p) => (p.id = "eTd_" + te(), p.children = [], p))
-        }), a.push(o.schemas, "添加上列");
+          children: Se(E.list).map((p) => (p.id = "eTd_" + te(), p.children = [], p))
+        }), a.push(n.schemas, "添加上列");
       } else if (e === "bottom") {
-        const d = t.state.matched.find((p) => p.type === "eTable"), _ = t.state.matched.find((p) => p.type === "eTr"), T = D(o.schemas, (d == null ? void 0 : d.id) ?? "root"), N = D(o.schemas, (_ == null ? void 0 : _.id) ?? "root"), E = D(o.schemas, ((G = t.state.checkedNode) == null ? void 0 : G.id) ?? "root");
+        const d = t.state.matched.find((p) => p.type === "eTable"), _ = t.state.matched.find((p) => p.type === "eTr"), T = D(n.schemas, (d == null ? void 0 : d.id) ?? "root"), N = D(n.schemas, (_ == null ? void 0 : _.id) ?? "root"), E = D(n.schemas, ((G = t.state.checkedNode) == null ? void 0 : G.id) ?? "root");
         (le = T.list) == null || le[0].children.splice(N.index + 1, 0, {
           type: "eTr",
           id: "eTr_" + te(),
-          children: we(E.list).map((p) => (p.id = "eTd_" + te(), p.children = [], p))
-        }), a.push(o.schemas, "添加下列");
+          children: Se(E.list).map((p) => (p.id = "eTd_" + te(), p.children = [], p))
+        }), a.push(n.schemas, "添加下列");
       } else if (e === "merge-right") {
         t.state.matched.find((N) => N.type === "eTr");
-        const d = D(o.schemas, ((De = t.state.checkedNode) == null ? void 0 : De.id) ?? "root");
+        const d = D(n.schemas, ((De = t.state.checkedNode) == null ? void 0 : De.id) ?? "root");
         if (d.index === d.list.length - 1)
           return;
         const _ = d.list[d.index], T = d.list[d.index + 1];
-        _.colspan = (_.colspan || 1) + (T.colspan || 1), d.list.splice(d.index + 1, 1), a.push(o.schemas, "向右合并");
+        _.colspan = (_.colspan || 1) + (T.colspan || 1), d.list.splice(d.index + 1, 1), a.push(n.schemas, "向右合并");
       } else if (e === "merge-bottom") {
         const d = t.state.matched.find((p) => p.type === "eTable"), _ = t.state.matched.find((p) => p.type === "eTr");
-        D(o.schemas, (d == null ? void 0 : d.id) ?? "root");
-        const T = D(o.schemas, (_ == null ? void 0 : _.id) ?? "root"), E = D(o.schemas, ((Be = t.state.checkedNode) == null ? void 0 : Be.id) ?? "root").index;
+        D(n.schemas, (d == null ? void 0 : d.id) ?? "root");
+        const T = D(n.schemas, (_ == null ? void 0 : _.id) ?? "root"), E = D(n.schemas, ((Be = t.state.checkedNode) == null ? void 0 : Be.id) ?? "root").index;
         if (T.index !== T.list.length - 1) {
           const p = T.list[T.index];
           let ge = 0, xe = 0;
-          p.children.forEach((ae, Se) => {
-            ae.colSpan || (ae.colSpan = 1), xe = xe + ae.colSpan, xe === E + 1 && (ge = Se);
+          p.children.forEach((ae, we) => {
+            ae.colSpan || (ae.colSpan = 1), xe = xe + ae.colSpan, xe === E + 1 && (ge = we);
           }), p.children[ge].rowSpan = (p.children[ge].rowSpan || 1) + 1;
           const Ze = T.list[T.index + p.children[ge].rowSpan - 1];
           let Oe = 0, Ve = 0;
-          p.children.forEach((ae, Se) => {
-            ae.colSpan || (ae.colSpan = 1), Ve = Ve + ae.colSpan, xe === E + 1 && (Oe = Se);
+          p.children.forEach((ae, we) => {
+            ae.colSpan || (ae.colSpan = 1), Ve = Ve + ae.colSpan, xe === E + 1 && (Oe = we);
           }), Ze.children.splice(Oe, 1);
         }
-        a.push(o.schemas, "向下合并");
+        a.push(n.schemas, "向下合并");
       } else if (e === "delete-col") {
-        const d = t.state.matched.find((N) => N.type === "eTable"), _ = D(o.schemas, (d == null ? void 0 : d.id) ?? "root"), T = (Le = D(o.schemas, ((Me = t.state.checkedNode) == null ? void 0 : Me.id) ?? "root")) == null ? void 0 : Le.index;
+        const d = t.state.matched.find((N) => N.type === "eTable"), _ = D(n.schemas, (d == null ? void 0 : d.id) ?? "root"), T = (Le = D(n.schemas, ((Me = t.state.checkedNode) == null ? void 0 : Me.id) ?? "root")) == null ? void 0 : Le.index;
         (Ee = _.list) == null || Ee[0].children.forEach((N) => {
           var E;
           (E = N.children) == null || E.splice(T, 1);
-        }), a.push(o.schemas, "删除当前列");
+        }), a.push(n.schemas, "删除当前列");
       } else if (e === "delete-row") {
-        const d = t.state.matched.find((E) => E.type === "eTable"), _ = t.state.matched.find((E) => E.type === "eTr"), T = D(o.schemas, (d == null ? void 0 : d.id) ?? "root"), N = D(o.schemas, (_ == null ? void 0 : _.id) ?? "root");
-        D(o.schemas, ((He = t.state.checkedNode) == null ? void 0 : He.id) ?? "root"), (Ie = T.list) == null || Ie[0].children.splice(N.index, 1), a.push(o.schemas, "删除当前行");
+        const d = t.state.matched.find((E) => E.type === "eTable"), _ = t.state.matched.find((E) => E.type === "eTr"), T = D(n.schemas, (d == null ? void 0 : d.id) ?? "root"), N = D(n.schemas, (_ == null ? void 0 : _.id) ?? "root");
+        D(n.schemas, ((He = t.state.checkedNode) == null ? void 0 : He.id) ?? "root"), (Ie = T.list) == null || Ie[0].children.splice(N.index, 1), a.push(n.schemas, "删除当前行");
       }
     }
     function Pe() {
       var C;
-      const e = D(o.schemas, ((C = t.state.checkedNode) == null ? void 0 : C.id) ?? "root");
+      const e = D(n.schemas, ((C = t.state.checkedNode) == null ? void 0 : C.id) ?? "root");
       if (!e)
         return !1;
-      const { list: l, schema: x, index: n } = e, S = st(x);
-      l.splice(n + 1, 0, S), t.setCheckedNode(S), a.push(o.schemas, "复制组件");
+      const { list: l, schema: x, index: o } = e, b = st(x);
+      l.splice(o + 1, 0, b), t.setCheckedNode(b), a.push(n.schemas, "复制组件");
     }
     function Fe() {
-      var S;
-      const e = D(o.schemas, ((S = t.state.checkedNode) == null ? void 0 : S.id) ?? "root");
+      var b;
+      const e = D(n.schemas, ((b = t.state.checkedNode) == null ? void 0 : b.id) ?? "root");
       if (!e)
         return !1;
-      let { list: l, schema: x, index: n } = e;
-      l.splice(n, 1), n === l.length && n--, t.setCheckedNode(l[n]), a.push(o.schemas, "删除组件");
+      let { list: l, schema: x, index: o } = e;
+      l.splice(o, 1), o === l.length && o--, t.setCheckedNode(l[o]), a.push(n.schemas, "删除组件");
     }
     function Je(e) {
       s = e, s == null || s.addEventListener("scroll", () => {
@@ -224,7 +224,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
     return U({
       handleInit: Je
     }), (e, l) => {
-      var x, n, S, C, R;
+      var x, o, b, C, R;
       return H(), F(he, null, [
         Ce(V("div", {
           ref_key: "selectorRef",
@@ -234,9 +234,9 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
           V("div", {
             class: "epic-widget-action-box",
             ref_key: "actionBoxRef",
-            ref: w
+            ref: S
           }, [
-            V("div", mt, Qe((n = u(oe).getComponentConfingByType(((x = u(t).state.checkedNode) == null ? void 0 : x.type) ?? "")) == null ? void 0 : n.defaultSchema.label), 1),
+            V("div", mt, Qe((o = u(ne).getComponentConfingByType(((x = u(t).state.checkedNode) == null ? void 0 : x.type) ?? "")) == null ? void 0 : o.defaultSchema.label), 1),
             Y.value ? (H(), F("div", gt, [
               Y.value && !Q.value ? (H(), F("div", {
                 key: 0,
@@ -314,7 +314,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
             ])) : ie("", !0)
           ], 512)
         ], 2), [
-          [Te, P.value && ((S = u(t).state.checkedNode) == null ? void 0 : S.id) !== "root"]
+          [Te, P.value && ((b = u(t).state.checkedNode) == null ? void 0 : b.id) !== "root"]
         ]),
         Ce(V("div", {
           ref_key: "hoverWidgetRef",
@@ -333,10 +333,10 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
     schemas: {}
   },
   emits: ["update:schemas"],
-  setup(ne, { emit: U }) {
-    const v = A("designer"), o = A("pageSchema"), t = A("revoke"), b = ne, a = U, m = q({
+  setup(oe, { emit: U }) {
+    const v = A("designer"), n = A("pageSchema"), t = A("revoke"), w = oe, a = U, m = q({
       get() {
-        return b.schemas;
+        return w.schemas;
       },
       set(r) {
         a("update:schemas", r);
@@ -345,15 +345,15 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
     function I(r) {
       v.setCheckedNode(m.value[r]), v.setDisableHover(!0);
     }
-    function w() {
-      v.setDisableHover(), t.push(o.schemas, "拖拽组件");
+    function S() {
+      v.setDisableHover(), t.push(n.schemas, "拖拽组件");
     }
     function P() {
-      t.push(o.schemas, "插入组件");
+      t.push(n.schemas, "插入组件");
     }
     function i(r) {
       var h, c, $;
-      return r.id === ((h = o.schemas[0]) == null ? void 0 : h.id) || ($ = (c = oe.getComponentConfingByType(r.type)) == null ? void 0 : c.editConstraints) != null && $.immovable ? "unmover-item" : "draggable-item";
+      return r.id === ((h = n.schemas[0]) == null ? void 0 : h.id) || ($ = (c = ne.getComponentConfingByType(r.type)) == null ? void 0 : c.editConstraints) != null && $.immovable ? "unmover-item" : "draggable-item";
     }
     return (r, h) => (H(), ve(u(vt), Ke({
       modelValue: m.value,
@@ -370,7 +370,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       ghostClass: "moveing"
     }, {
       onStart: h[1] || (h[1] = (c) => I(c.oldIndex)),
-      onEnd: h[2] || (h[2] = (c) => w()),
+      onEnd: h[2] || (h[2] = (c) => S()),
       onAdd: h[3] || (h[3] = (c) => {
         I(c.newIndex), P();
       })
@@ -380,25 +380,25 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
           class: pe(["widget-box", i(c)]),
           key: $
         }, [
-          B(We, { schema: c }, null, 8, ["schema"])
+          B(ze, { schema: c }, null, 8, ["schema"])
         ], 2))
       ]),
       _: 1
     }, 16, ["modelValue"]));
   }
-}), We = /* @__PURE__ */ re({
+}), ze = /* @__PURE__ */ re({
   name: "ENodeItem",
   __name: "nodeItem",
   props: {
     schema: {},
     name: {}
   },
-  setup(ne) {
-    const U = Xe(), v = A("designer"), o = A("pageManager", {}), t = A("pageSchema", {}), b = M(null);
+  setup(oe) {
+    const U = Xe(), v = A("designer"), n = A("pageManager", {}), t = A("pageSchema", {}), w = M(null);
     Ye("nodeAttrs", U);
-    const a = ne, m = q(() => {
+    const a = oe, m = q(() => {
       var $, s, Y, Q, O;
-      const i = o.componentInstances.value, r = ($ = a.schema) == null ? void 0 : $.id, h = oe.getComponentConfingByType((s = a.schema) == null ? void 0 : s.type) ?? null;
+      const i = n.componentInstances.value, r = ($ = a.schema) == null ? void 0 : $.id, h = ne.getComponentConfingByType((s = a.schema) == null ? void 0 : s.type) ?? null;
       if (!r || !(i != null && i[r]))
         return null;
       if (h != null && h.defaultSchema.input && ((Y = a.schema) == null ? void 0 : Y.noFormItem) !== !0)
@@ -409,16 +409,16 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
     fe(
       () => m.value,
       (i) => {
-        i == null || i.addEventListener("click", I, !1), i == null || i.addEventListener("mouseover", w, !1), i == null || i.addEventListener("mouseout", P, !1);
+        i == null || i.addEventListener("click", I, !1), i == null || i.addEventListener("mouseover", S, !1), i == null || i.addEventListener("mouseout", P, !1);
       }
     ), qe(() => {
       var i, r, h;
-      (i = m.value) == null || i.removeEventListener("click", I, !1), (r = m.value) == null || r.removeEventListener("mouseover", w, !1), (h = m.value) == null || h.removeEventListener("mouseout", P, !1);
+      (i = m.value) == null || i.removeEventListener("click", I, !1), (r = m.value) == null || r.removeEventListener("mouseover", S, !1), (h = m.value) == null || h.removeEventListener("mouseout", P, !1);
     });
     function I(i) {
       i.stopPropagation(), v.setCheckedNode(a.schema);
     }
-    function w(i) {
+    function S(i) {
       var r;
       a.schema.id !== ((r = t.schemas[0]) == null ? void 0 : r.id) && (i.stopPropagation(), v.setHoverNode(a.schema));
     }
@@ -430,10 +430,10 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       const h = Ge("ENodeItem");
       return H(), ve(u(it), {
         ref_key: "nodeRef",
-        ref: b,
+        ref: w,
         componentSchema: a.schema
       }, je({ _: 2 }, [
-        ($ = (c = u(oe).getComponentConfingByType(a.schema.type)) == null ? void 0 : c.editConstraints) != null && $.childImmovable ? {
+        ($ = (c = u(ne).getComponentConfingByType(a.schema.type)) == null ? void 0 : c.editConstraints) != null && $.childImmovable ? {
           name: "edit-node",
           fn: Z(() => [
             (H(!0), F(he, null, Ne(a.schema.children, (s) => (H(), ve(h, {
@@ -456,23 +456,23 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       ]), 1032, ["componentSchema"]);
     };
   }
-}), bt = { class: "min-w-750px rounded h-full" }, St = /* @__PURE__ */ re({
+}), bt = { class: "min-w-750px rounded h-full" }, wt = /* @__PURE__ */ re({
   __name: "previewJson",
-  setup(ne, { expose: U }) {
-    const v = oe.getComponent("modal"), o = oe.getComponent("monacoEditor"), t = {
+  setup(oe, { expose: U }) {
+    const v = ne.getComponent("modal"), n = ne.getComponent("monacoEditor"), t = {
       theme: "vs-light",
       selectOnLineNumbers: !0,
       minimap: {
         enabled: !1
       },
       readOnly: !0
-    }, b = M(null), a = M(!1), m = A("pageSchema");
+    }, w = M(null), a = M(!1), m = A("pageSchema");
     function I() {
       a.value = !1;
     }
-    function w() {
-      a.value = !0, b.value ? b.value.setValue(JSON.stringify(m, null, 2)) : setTimeout(() => {
-        w();
+    function S() {
+      a.value = !0, w.value ? w.value.setValue(JSON.stringify(m, null, 2)) : setTimeout(() => {
+        S();
       }, 300);
     }
     function P(i = "epic-data.json") {
@@ -481,7 +481,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       c.setAttribute("href", h), c.setAttribute("download", i), c.click();
     }
     return U({
-      handleOpen: w
+      handleOpen: S
     }), (i, r) => (H(), ve(u(v), {
       modelValue: a.value,
       "onUpdate:modelValue": r[0] || (r[0] = (h) => a.value = h),
@@ -494,9 +494,9 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
     }, {
       default: Z(() => [
         V("div", bt, [
-          B(u(o), {
+          B(u(n), {
             ref_key: "monacoEditorRef",
-            ref: b,
+            ref: w,
             class: "editor h-full",
             autoToggleTheme: "",
             readOnly: "",
@@ -508,7 +508,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), wt = { class: "epic-edit-toolbar flex items-center justify-between px-2" }, kt = { class: "flex-1 h-full flex items-center" }, Ct = {
+}), St = { class: "epic-edit-toolbar flex items-center justify-between px-2" }, kt = { class: "flex-1 h-full flex items-center" }, Ct = {
   key: 0,
   class: "epic-divider"
 }, Tt = ["title", "onClick"], Nt = { class: "flex-1 h-full flex items-center justify-end" }, $t = {
@@ -516,8 +516,8 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
   class: "flex items-center ml-12px"
 }, Rt = { class: "pr-8px w-82px cursor-pointer" }, Dt = { class: "epic-device h-28px items-center gap-1 rounded-md border p-2px flex" }, Bt = ["title", "onClick"], Mt = /* @__PURE__ */ re({
   __name: "toolbar",
-  setup(ne) {
-    const U = oe.getComponent("select"), { canvasScale: v, disabledZoom: o } = $e(), t = M("pc"), b = A("pageSchema"), a = A("designer"), m = A("revoke"), I = M(null), w = [
+  setup(oe) {
+    const U = ne.getComponent("select"), { canvasScale: v, disabledZoom: n } = $e(), t = M("pc"), w = A("pageSchema"), a = A("designer"), m = A("revoke"), I = M(null), S = [
       {
         icon: "icon--epic--computer-outline-rounded",
         title: "pc",
@@ -594,11 +594,11 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
     ];
     function c() {
       const g = m.undo();
-      g && (ke(b.schemas, g), a.setCheckedNode(b.schemas[0]));
+      g && (ke(w.schemas, g), a.setCheckedNode(w.schemas[0]));
     }
     function $() {
       const g = m.redo();
-      g && (ke(b.schemas, g), a.setCheckedNode(b.schemas[0]));
+      g && (ke(w.schemas, g), a.setCheckedNode(w.schemas[0]));
     }
     function s() {
       a.reset();
@@ -610,14 +610,14 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       g.target.value = null;
       const y = new FileReader();
       y.readAsText(k), y.onload = (ce) => {
-        var z;
-        Q((z = ce.target) == null ? void 0 : z.result);
+        var W;
+        Q((W = ce.target) == null ? void 0 : W.result);
       };
     }
     function Q(g) {
       try {
         let k = JSON.parse(g ?? "");
-        k.schemas || (k = lt(k)), ke(b, k);
+        k.schemas || (k = lt(k)), ke(w, k);
       } catch (k) {
         console.error(k);
       }
@@ -636,10 +636,10 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
           mode: g
         }
       };
-      b.canvas = k[g], console.log("%c [ pageSchema ]-248", "font-size:13px; background:pink; color:#bf2c9f;", b);
+      w.canvas = k[g];
     }
     return (g, k) => (H(), F(he, null, [
-      V("div", wt, [
+      V("div", St, [
         V("div", kt, [
           (H(!0), F(he, null, Ne(P.value, (y, j) => (H(), F(he, { key: j }, [
             y.divider ? (H(), F("div", Ct)) : ie("", !0),
@@ -664,7 +664,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
           [Te, !1]
         ]),
         V("div", Nt, [
-          u(o) ? ie("", !0) : (H(), F("div", $t, [
+          u(n) ? ie("", !0) : (H(), F("div", $t, [
             V("div", Rt, [
               B(u(U), {
                 value: r.value,
@@ -677,7 +677,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
             ])
           ])),
           V("div", Dt, [
-            (H(), F(he, null, Ne(w, (y) => V("div", {
+            (H(), F(he, null, Ne(S, (y) => V("div", {
               key: y.key,
               title: y.title,
               class: pe(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm", { checked: y.key === t.value }]),
@@ -690,7 +690,7 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
           ])
         ])
       ]),
-      B(St, {
+      B(wt, {
         ref_key: "previewJson",
         ref: I
       }, null, 512)
@@ -698,16 +698,16 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
   }
 }), Lt = { class: "h-full flex flex-col relative" }, Et = ["draggable"], Ht = /* @__PURE__ */ re({
   __name: "editScreenContainer",
-  setup(ne) {
-    const U = A("pageSchema"), v = M(null), o = M(null), t = M(null), { pressSpace: b, disabledZoom: a } = $e(), {
+  setup(oe) {
+    const U = A("pageSchema"), v = M(null), n = M(null), t = M(null), { pressSpace: w, disabledZoom: a } = $e(), {
       handleElementDragStart: m,
       handleElementDrag: I,
-      handleElementDragEnd: w
-    } = rt(v), { width: P, height: i } = ct(v), { canvasScale: r, handleZoom: h } = dt(o);
+      handleElementDragEnd: S
+    } = rt(v), { width: P, height: i } = ct(v), { canvasScale: r, handleZoom: h } = dt(n);
     let c = 0, $ = 0;
     const s = M({}), Y = M({}), Q = M({}), O = et({ width: 0, height: 0 });
     tt(k), fe(Q, () => {
-      ze(g);
+      We(g);
     });
     function g() {
       t.value && (O.value = {
@@ -716,65 +716,65 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
       });
     }
     function k() {
-      var z, L;
+      var W, L;
       Q.value = {
-        width: ((z = U.canvas) == null ? void 0 : z.width) ?? "0",
+        width: ((W = U.canvas) == null ? void 0 : W.width) ?? "0",
         height: ((L = U.canvas) == null ? void 0 : L.height) ?? "0"
       };
     }
     ut(P, y), fe(O, y);
     function y() {
-      let z = O.value.width || c, L = O.value.height || $;
+      let W = O.value.width || c, L = O.value.height || $;
       s.value = {
-        width: P.value + z + "px",
+        width: P.value + W + "px",
         // 滚动框宽度，包含额外的宽度
         height: i.value + L + "px"
         // 滚动框高度，包含额外的高度
       }, Y.value = {
-        width: z + "px",
+        width: W + "px",
         // 画布宽度
         height: L + "px"
         // 画布高度
       }, j();
     }
     function j() {
-      ze(() => {
+      We(() => {
         var se;
-        let z = O.value.width || c;
-        const W = (O.value.height || $) / 2, ee = z / 2;
-        (se = v.value) == null || se.scrollTo(ee, W);
+        let W = O.value.width || c;
+        const z = (O.value.height || $) / 2, ee = W / 2;
+        (se = v.value) == null || se.scrollTo(ee, z);
       });
     }
-    _e(v, ce), _e(o, ce);
+    _e(v, ce), _e(n, ce);
     function ce() {
       var L;
       if (!v.value) return;
-      const z = v.value.getBoundingClientRect();
-      if (c = z.width - 60, $ = z.height - 80, !a.value)
+      const W = v.value.getBoundingClientRect();
+      if (c = W.width - 60, $ = W.height - 80, !a.value)
         if (O.value.width === 0)
           r.value = 1;
         else {
-          const W = (c - 20) / O.value.width, ee = $ / (O.value.height || ((L = o.value) == null ? void 0 : L.clientHeight) || 1), se = Math.abs(W - 1) < Math.abs(ee - 1);
+          const z = (c - 20) / O.value.width, ee = $ / (O.value.height || ((L = n.value) == null ? void 0 : L.clientHeight) || 1), se = Math.abs(z - 1) < Math.abs(ee - 1);
           let K = 1;
-          se ? K = W : K = ee, (W < 1 || ee < 1) && (K = Math.min(W, ee)), K < 1.4 && K > 0.5 && (r.value = K);
+          se ? K = z : K = ee, (z < 1 || ee < 1) && (K = Math.min(z, ee)), K < 1.4 && K > 0.5 && (r.value = K);
         }
       ht(y, 50)();
     }
-    return (z, L) => (H(), F("div", Lt, [
+    return (W, L) => (H(), F("div", Lt, [
       B(Mt),
       V("div", {
         ref_key: "editScreenContainerRef",
         ref: v,
-        class: pe(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container", { "cursor-grab": u(b) }]),
-        draggable: u(b),
+        class: pe(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container", { "cursor-grab": u(w) }]),
+        draggable: u(w),
         onWheel: L[0] || (L[0] = //@ts-ignore
-        (...W) => u(h) && u(h)(...W)),
+        (...z) => u(h) && u(h)(...z)),
         onDragstart: L[1] || (L[1] = //@ts-ignore
-        (...W) => u(m) && u(m)(...W)),
+        (...z) => u(m) && u(m)(...z)),
         onDragend: L[2] || (L[2] = //@ts-ignore
-        (...W) => u(w) && u(w)(...W)),
+        (...z) => u(S) && u(S)(...z)),
         onDrag: L[3] || (L[3] = //@ts-ignore
-        (...W) => u(I) && u(I)(...W))
+        (...z) => u(I) && u(I)(...z))
       }, [
         V("div", {
           id: "canvasContainer",
@@ -783,14 +783,14 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
         }, [
           V("div", {
             ref_key: "draggableElRef",
-            ref: o,
+            ref: n,
             class: "transition-all"
           }, [
             V("div", {
-              class: pe({ "pointer-events-none": u(b) }),
+              class: pe({ "pointer-events-none": u(w) }),
               style: ye(Y.value)
             }, [
-              ot(z.$slots, "default")
+              nt(W.$slots, "default")
             ], 6)
           ], 512)
         ], 4)
@@ -805,12 +805,12 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
   }
 }), It = { class: "epic-edit-canvas" }, Pt = /* @__PURE__ */ re({
   __name: "index",
-  setup(ne) {
-    const U = M(null), v = M(null), o = A("pageSchema"), t = q(() => o.schemas[0]), b = q(() => ({
+  setup(oe) {
+    const U = M(null), v = M(null), n = A("pageSchema"), t = q(() => n.schemas[0]), w = q(() => ({
       width: "100%",
       height: "100%"
     }));
-    return nt(() => {
+    return ot(() => {
       var a;
       (a = v.value) == null || a.handleInit(U.value);
     }), (a, m) => (H(), F("section", It, [
@@ -820,9 +820,9 @@ const mt = { class: "epic-widget-action-item whitespace-nowrap" }, gt = {
             ref_key: "epicEditRangeRef",
             ref: U,
             class: "epic-edit-range rounded-md overflow-auto relative",
-            style: ye(b.value)
+            style: ye(w.value)
           }, [
-            B(We, { schema: t.value }, null, 8, ["schema"]),
+            B(ze, { schema: t.value }, null, 8, ["schema"]),
             B(yt, {
               ref_key: "ePreviewWidgetsRef",
               ref: v