@vtj/designer 0.7.32 → 0.7.33

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { computed as S, unref as t, ref as k, reactive as Me, watchEffect as In, watch as H, toValue as at, defineComponent as V, openBlock as u, createElementBlock as A, toDisplayString as z, createVNode as p, withCtx as h, createElementVNode as x, createBlock as b, createCommentVNode as j, createTextVNode as G, Fragment as $, renderList as T, normalizeClass as q, resolveDynamicComponent as Jt, createSlots as Dn, withDirectives as je, vShow as De, renderSlot as _e, withModifiers as Oe, toRaw as Pn, isRef as ot, mergeProps as ue, normalizeStyle as qe, nextTick as ye, defineAsyncComponent as Bn, h as Be, inject as ht, provide as $n, normalizeProps as Wt, guardReactiveProps as Nt, withKeys as He, onMounted as Mt, onUnmounted as Lt, createApp as Ut, shallowRef as rt, shallowReactive as Rn, triggerRef as Ve, markRaw as At, KeepAlive as qt } from "vue";
-import { ElNotification as Qe, ElMessageBox as bt, ElMessage as Ke, ElButton as ie, ElDivider as yt, ElRadioGroup as Ht, ElRadioButton as Ge, ElButtonGroup as zn, ElDropdown as Gt, ElDropdownMenu as Xt, ElDropdownItem as it, ElInput as we, ElEmpty as se, ElTooltip as Qt, ElTag as Tn, ElSwitch as Kt, ElTree as _t, ElAlert as Yt, ElRow as ut, ElCol as ct, ElCollapse as On, ElCollapseItem as Fn, ElDrawer as Zt, ElForm as ge, ElFormItem as en, ElBreadcrumb as Jn, ElBreadcrumbItem as Wn, ElLoading as Nn, ElUpload as Mn, ElSelect as Ln, ElOption as Un, ElInputNumber as qn, ElColorPicker as Hn, ElSlider as Gn, ElConfigProvider as Xn, ElContainer as jt, ElHeader as Qn, ElAside as Et, ElMain as Kn, ElFooter as Yn } from "element-plus";
+import { computed as S, unref as t, ref as k, reactive as Me, watchEffect as In, watch as q, toValue as at, defineComponent as V, openBlock as u, createElementBlock as A, toDisplayString as z, createVNode as p, withCtx as h, createElementVNode as x, createBlock as b, createCommentVNode as j, createTextVNode as G, Fragment as $, renderList as T, normalizeClass as H, resolveDynamicComponent as Jt, createSlots as Dn, withDirectives as je, vShow as De, renderSlot as _e, withModifiers as Oe, toRaw as Pn, isRef as ot, mergeProps as ue, normalizeStyle as He, nextTick as ye, defineAsyncComponent as Bn, h as Be, inject as ht, provide as $n, normalizeProps as Nt, guardReactiveProps as Wt, withKeys as qe, onMounted as Mt, onUnmounted as Lt, createApp as Ut, shallowRef as rt, shallowReactive as Rn, triggerRef as Ve, markRaw as At, KeepAlive as Ht } from "vue";
+import { ElNotification as Ke, ElMessageBox as bt, ElMessage as Qe, ElButton as ie, ElDivider as yt, ElRadioGroup as qt, ElRadioButton as Ge, ElButtonGroup as zn, ElDropdown as Gt, ElDropdownMenu as Xt, ElDropdownItem as it, ElInput as we, ElEmpty as se, ElTooltip as Kt, ElTag as Tn, ElSwitch as Qt, ElTree as _t, ElAlert as Yt, ElRow as ut, ElCol as ct, ElCollapse as On, ElCollapseItem as Fn, ElDrawer as Zt, ElForm as ge, ElFormItem as en, ElBreadcrumb as Jn, ElBreadcrumbItem as Nn, ElLoading as Wn, ElUpload as Mn, ElSelect as Ln, ElOption as Un, ElInputNumber as Hn, ElColorPicker as qn, ElSlider as Gn, ElConfigProvider as Xn, ElContainer as jt, ElHeader as Kn, ElAside as Et, ElMain as Qn, ElFooter as Yn } from "element-plus";
 import Zn from "element-plus/es/locale/lang/zh-cn";
-import { XIcon as ke, XDialog as Re, XDialogForm as xe, XField as I, XPanel as Ye, XAction as he, XTabs as wt, XContainer as N, XForm as kt, XActionBar as el, XInputUnit as tn, vResizable as It, createDialog as tl } from "@vtj/ui";
+import { XIcon as ke, XDialog as Re, XDialogForm as xe, XField as I, XPanel as Ye, XAction as he, XTabs as wt, XContainer as W, XForm as kt, XActionBar as el, XInputUnit as tn, vResizable as It, createDialog as tl } from "@vtj/ui";
 import { delay as nn, upperFirstCamelCase as ln, toRawType as nt, cloneDeep as Ze, logger as Se, fileToBase64 as nl, isPlainObject as ll, merge as St, arrayToMap as sl, toArray as al } from "@vtj/utils";
 import { isBlock as Y, DirectiveModel as sn, BUILT_IN_VUE as ol, BUILT_IN_VUE_ROUTER as rl, BUILT_IN_NAME as dt, emitter as te, EVENT_PROJECT_ACTIVED as pt, EVENT_NODE_CHANGE as Fe, NodeModel as Dt, EVENT_BLOCK_CHANGE as mt, Base as an, BUILT_IN_LIBRARAY_MAP as il, ProjectModel as ul, EVENT_PROJECT_CHANGE as cl, EVENT_PROJECT_BLOCKS_CHANGE as dl, EVENT_PROJECT_PAGES_CHANGE as pl, EVENT_PROJECT_DEPS_CHANGE as ml, EVENT_PROJECT_PUBLISH as vl, EVENT_PROJECT_FILE_PUBLISH as gl, EVENT_HISTORY_CHANGE as fl, EVENT_HISTORY_LOAD as hl, BlockModel as Pt, HistoryModel as bl } from "@vtj/core";
-import { parseExpression as Je, parseFunction as yl, JSCodeToString as $e, LIFE_CYCLES_LIST as _l, DATA_TYPES as wl, isJSExpression as We, createLoader as kl, ContextMode as vt, createRenderer as Sl, parseDeps as xl, createAssetsCss as Cl, createAssetScripts as Bt, getRawComponent as $t, createSchemaApis as Vl, mockCleanup as Al, mockApis as jl, Provider as El, isJSFunction as Il } from "@vtj/renderer";
-import { VtjIconBack as Dl, VtjIconPc as Pl, VtjIconPhone as Bl, VtjIconPad as $l, VtjIconUndo as Rl, VtjIconRedo as zl, VtjIconPreview as Tl, VtjIconRefresh as Ol, VtjIconSetting as on, icons as gt, ArrowDown as rn, Search as un, Back as Fl, VtjIconPlus as cn, EditPen as Jl, Delete as Wl, VtjIconSave as Nl, ArrowUp as Ml, MoreFilled as xt, VtjIconCheck as dn, VtjIconCopy as pn, VtjIconEdit as mn, VtjIconRemove as et, VtjIconLock as vn, VtjIconUnlock as Ll, VtjIconInvisible as gn, VtjIconVisible as Ul, VtjIconHome as ql, VtjIconSearch as Hl, VtjIconHelp as fn, VtjIconLayers as hn, VtjIconArrowUp as Gl, VtjIconArrowDown as Xl, IconDisplayBlock as Ql, IconDisplayFlex as Kl, IconDisplayInlineBlock as Yl, IconDisplayInline as Zl, IconEyeInvisible as es, IconFlexDirectionrow as ts, IconFlexDirectionrowReverse as ns, IconFlexDirectioncolumn as ls, IconFlexDirectioncolumnReverse as ss, IconFlexJustifyflexStartrow as as, IconFlexJustifyflexEndrow as os, IconFlexJustifycenterrow as rs, IconFlexJustifyspaceBetweenrow as is, IconFlexJustifyspaceAroundrow as us, IconFlexAlignflexStartrow as cs, IconFlexAlignflexEndrow as ds, IconFlexAligncenterrow as ps, IconFlexAlignbaselinerow as ms, IconFlexAlignstretchrow as vs, IconPositionTopLeft as gs, IconPositionTopRight as fs, IconPositionBottomLeft as hs, IconPositionBottomRight as bs, IconPositionLeft as ys, IconPositionRight as _s, IconPositionTop as ws, IconPositionBottom as ks, IconPositionAll as Ss, IconTextAlignLeft as xs, IconTextAlignCenter as Cs, IconTextAlignRight as Vs, IconTextAlignJustify as As, IconFontStyleNone as js, IconFontStyleItalic as Es, IconCross as bn, IconTextDecorationUnderline as Is, IconTextDecorationStrike as Ds, IconTextDecorationOverline as Ps, IconTileXy as Bs, IconTileX as $s, IconTileY as Rs, IconClose as zs, IconBorderAll as Ts, IconBorderLeft as Os, IconBorderTop as Fs, IconBorderBottom as Js, IconBorderRight as Ws, IconBorderStyleSolid as Ns, IconBorderStyleDashed as Ms, IconBorderStyleDotted as Ls, IconCursorAuto as Us, IconCursorPointer as qs, IconCursorNotAllowed as Hs, IconCursorNone as Gs, ArrowRight as Xs, Plus as Qs, VtjIconDocument as Ks, VtjIconComponents as Ys, VtjIconBlock as Zs, VtjIconOutline as ea, VtjIconHistory as ta, VtjIconApi as na, VtjIconCategory as la, VtjIconInfo as sa, Close as aa, VtjIconVars as oa, VtjIconSwitch as ra, Switch as ia } from "@vtj/icons";
-import { useClipboard as ua, useElementSize as Ne, onClickOutside as ca } from "@vueuse/core";
+import { parseExpression as Je, parseFunction as yl, JSCodeToString as $e, LIFE_CYCLES_LIST as _l, DATA_TYPES as wl, isJSExpression as Ne, createLoader as kl, ContextMode as vt, createRenderer as Sl, parseDeps as xl, createAssetsCss as Cl, createAssetScripts as Bt, getRawComponent as $t, createSchemaApis as Vl, mockCleanup as Al, mockApis as jl, Provider as El, isJSFunction as Il } from "@vtj/renderer";
+import { VtjIconBack as Dl, VtjIconPc as Pl, VtjIconPhone as Bl, VtjIconPad as $l, VtjIconUndo as Rl, VtjIconRedo as zl, VtjIconPreview as Tl, VtjIconRefresh as Ol, VtjIconSetting as on, icons as gt, ArrowDown as rn, Search as un, Back as Fl, VtjIconPlus as cn, EditPen as Jl, Delete as Nl, VtjIconSave as Wl, ArrowUp as Ml, MoreFilled as xt, VtjIconCheck as dn, VtjIconCopy as pn, VtjIconEdit as mn, VtjIconRemove as et, VtjIconLock as vn, VtjIconUnlock as Ll, VtjIconInvisible as gn, VtjIconVisible as Ul, VtjIconHome as Hl, VtjIconSearch as ql, VtjIconHelp as fn, VtjIconLayers as hn, VtjIconArrowUp as Gl, VtjIconArrowDown as Xl, IconDisplayBlock as Kl, IconDisplayFlex as Ql, IconDisplayInlineBlock as Yl, IconDisplayInline as Zl, IconEyeInvisible as es, IconFlexDirectionrow as ts, IconFlexDirectionrowReverse as ns, IconFlexDirectioncolumn as ls, IconFlexDirectioncolumnReverse as ss, IconFlexJustifyflexStartrow as as, IconFlexJustifyflexEndrow as os, IconFlexJustifycenterrow as rs, IconFlexJustifyspaceBetweenrow as is, IconFlexJustifyspaceAroundrow as us, IconFlexAlignflexStartrow as cs, IconFlexAlignflexEndrow as ds, IconFlexAligncenterrow as ps, IconFlexAlignbaselinerow as ms, IconFlexAlignstretchrow as vs, IconPositionTopLeft as gs, IconPositionTopRight as fs, IconPositionBottomLeft as hs, IconPositionBottomRight as bs, IconPositionLeft as ys, IconPositionRight as _s, IconPositionTop as ws, IconPositionBottom as ks, IconPositionAll as Ss, IconTextAlignLeft as xs, IconTextAlignCenter as Cs, IconTextAlignRight as Vs, IconTextAlignJustify as As, IconFontStyleNone as js, IconFontStyleItalic as Es, IconCross as bn, IconTextDecorationUnderline as Is, IconTextDecorationStrike as Ds, IconTextDecorationOverline as Ps, IconTileXy as Bs, IconTileX as $s, IconTileY as Rs, IconClose as zs, IconBorderAll as Ts, IconBorderLeft as Os, IconBorderTop as Fs, IconBorderBottom as Js, IconBorderRight as Ns, IconBorderStyleSolid as Ws, IconBorderStyleDashed as Ms, IconBorderStyleDotted as Ls, IconCursorAuto as Us, IconCursorPointer as Hs, IconCursorNotAllowed as qs, IconCursorNone as Gs, ArrowRight as Xs, Plus as Ks, VtjIconDocument as Qs, VtjIconComponents as Ys, VtjIconBlock as Zs, VtjIconOutline as ea, VtjIconHistory as ta, VtjIconApi as na, VtjIconCategory as la, VtjIconInfo as sa, Close as aa, VtjIconVars as oa, VtjIconSwitch as ra, Switch as ia } from "@vtj/icons";
+import { useClipboard as ua, useElementSize as We, onClickOutside as ca } from "@vueuse/core";
 import da from "mockjs";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.32
+ * @version 0.7.33
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const pa = "0.7.32", Rt = {
+const pa = "0.7.33", Rt = {
   width: 390,
   height: 844
 }, zt = {
@@ -98,7 +98,7 @@ function _a() {
       {}
     );
     Object.assign(s, g);
-  }), H(
+  }), q(
     r,
     (g) => {
       g.length && !a.value && (a.value = g[0].name);
@@ -141,7 +141,7 @@ function wa(c, e, n, l) {
   ), i = S(
     () => lt("selected", o.value?.selected.value)
   );
-  return H(s.changed, () => {
+  return q(s.changed, () => {
     o.value?.updateRect();
   }), {
     designer: o,
@@ -266,7 +266,7 @@ function Ca(c) {
     const g = c.value?.model || null;
     return Y(g) ? null : g;
   }), l = k();
-  H(
+  q(
     n,
     async (g) => {
       g?.from ? l.value = await e.assets.getBlockMaterial(g.from) || void 0 : l.value = void 0;
@@ -328,7 +328,7 @@ function Ca(c) {
   };
 }
 function le(c, e = "提示") {
-  return Qe.warning({
+  return Ke.warning({
     title: e,
     message: c
   });
@@ -339,7 +339,7 @@ async function ze(c) {
   );
 }
 function de(c, e = "success") {
-  return Ke({
+  return Qe({
     message: c,
     type: e
   });
@@ -349,7 +349,7 @@ function ae(c, e, n = !1) {
   try {
     c.type === "JSExpression" ? Je(c, e, n, !0) : yl(c, e, n, !0);
   } catch (s) {
-    l = !1, Qe.error({
+    l = !1, Ke.error({
       title: "代码错误",
       message: s.message
     });
@@ -391,7 +391,7 @@ function Va(c) {
     const a = c.value?.model || null;
     return !a || Y(a) ? null : a;
   }), l = k();
-  H(
+  q(
     n,
     async (a) => {
       a?.from ? l.value = await e.assets.getBlockMaterial(a.from) || void 0 : l.value = void 0;
@@ -569,7 +569,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       })
     ]));
   }
-}), Ja = { class: "v-toolbar-widget" }, Wa = /* @__PURE__ */ V({
+}), Ja = { class: "v-toolbar-widget" }, Na = /* @__PURE__ */ V({
   name: "ToolbarWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -581,7 +581,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     return e({
       mode: a
     }), (i, v) => (u(), A("div", Ja, [
-      p(t(Ht), {
+      p(t(qt), {
         size: "small",
         modelValue: a.value,
         "onUpdate:modelValue": v[0] || (v[0] = (m) => a.value = m)
@@ -647,7 +647,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       })
     ]));
   }
-}), Na = { class: "v-actions-widget" }, Ma = /* @__PURE__ */ x("span", null, "发布", -1), La = /* @__PURE__ */ V({
+}), Wa = { class: "v-actions-widget" }, Ma = /* @__PURE__ */ x("span", null, "发布", -1), La = /* @__PURE__ */ V({
   name: "ActionsWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -676,7 +676,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       const m = e.project.value;
       m && (v === "current" ? a() : m.publish());
     };
-    return (v, m) => (u(), A("div", Na, [
+    return (v, m) => (u(), A("div", Wa, [
       j("", !0),
       j("", !0),
       p(t(ie), {
@@ -746,7 +746,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       })
     ]));
   }
-}), Ua = { class: "v-icon-setter" }, qa = { class: "v-icon-setter__content" }, Ha = { class: "v-icon-setter__list" }, kn = /* @__PURE__ */ V({
+}), Ua = { class: "v-icon-setter" }, Ha = { class: "v-icon-setter__content" }, qa = { class: "v-icon-setter__list" }, kn = /* @__PURE__ */ V({
   name: "IconSetter",
   __name: "icon",
   props: {
@@ -808,7 +808,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           })
         ]),
         default: h(() => [
-          x("div", qa, [
+          x("div", Ha, [
             p(t(we), {
               size: n.size,
               "prefix-icon": t(un),
@@ -817,11 +817,11 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               "onUpdate:modelValue": d[0] || (d[0] = (_) => r.value = _),
               placeholder: "请输入查询关键字"
             }, null, 8, ["size", "prefix-icon", "modelValue"]),
-            x("div", Ha, [
+            x("div", qa, [
               (u(!0), A($, null, T(i.value, (_) => (u(), b(t(ke), {
                 icon: _[1],
                 onClick: (w) => v(_[0]),
-                class: q({ "is-active": o.value === _[0] })
+                class: H({ "is-active": o.value === _[0] })
               }, null, 8, ["icon", "onClick", "class"]))), 256)),
               i.value.length === 0 ? (u(), b(t(se), { key: 0 })) : j("", !0)
             ])
@@ -938,7 +938,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     })), o = () => {
       l("click");
     };
-    return (r, a) => (u(), b(t(Qt), {
+    return (r, a) => (u(), b(t(Kt), {
       effect: "dark",
       placement: "right",
       content: r.label,
@@ -946,7 +946,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, {
       default: h(() => [
         x("div", {
-          class: q(["v-apps-region__icon", s.value]),
+          class: H(["v-apps-region__icon", s.value]),
           onClick: o
         }, [
           (u(), b(Jt(r.icon)))
@@ -995,7 +995,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       s.value = f;
     };
     return (f, d) => (u(), b(t(Ye), {
-      class: q(["v-panel", o.value]),
+      class: H(["v-panel", o.value]),
       border: !1,
       header: g.value,
       fit: ""
@@ -1023,7 +1023,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           key: 2,
           size: f.$attrs.size,
           mode: "icon",
-          icon: t(Wl),
+          icon: t(Nl),
           background: "hover",
           title: "清除",
           onClick: v
@@ -1032,7 +1032,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           key: 3,
           size: f.$attrs.size,
           mode: "icon",
-          icon: t(Nl),
+          icon: t(Wl),
           background: "hover",
           title: "保存",
           onClick: m
@@ -1075,7 +1075,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       } : void 0
     ]), 1032, ["class", "header"]));
   }
-}), Xa = { class: "v-tabs__header" }, Qa = {
+}), Xa = { class: "v-tabs__header" }, Ka = {
   key: 0,
   class: "v-tabs__actions"
 }, tt = /* @__PURE__ */ V({
@@ -1097,9 +1097,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     const n = c, l = e, s = k(
       (n.modelValue || n.items[0]?.name) ?? ""
     );
-    H(s, () => {
+    q(s, () => {
       l("update:modelValue", s.value);
-    }), H(
+    }), q(
       () => n.modelValue,
       (i) => {
         s.value = i;
@@ -1130,7 +1130,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             onActionClick: a,
             stretch: n.stretch
           }, null, 8, ["items", "modelValue", "stretch"]),
-          n.menus && n.menus.length ? (u(), A("div", Qa, [
+          n.menus && n.menus.length ? (u(), A("div", Ka, [
             n.menus && n.menus.length ? (u(), b(t(he), {
               key: 0,
               mode: "icon",
@@ -1148,7 +1148,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                 x("span", null, [
                   n.checkable ? (u(), b(t(dn), {
                     key: 0,
-                    class: q({
+                    class: H({
                       "v-tabs__checked": !0,
                       "is-checked": m.checked
                     })
@@ -1167,7 +1167,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 3
     }));
   }
-}), Ka = {
+}), Qa = {
   key: 2,
   class: "v-item__index"
 }, Ya = { class: "v-item__content" }, Za = {
@@ -1229,7 +1229,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       },
       home: {
         label: "主页",
-        icon: ql
+        icon: Hl
       }
     }, l = c, s = e, o = k(!!l.modelValue), r = S(() => l.actions.map((m) => {
       const g = n[m];
@@ -1256,21 +1256,21 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         modelValue: l.modelValue
       });
     };
-    return H(o, (m) => {
+    return q(o, (m) => {
       s("update:modelValue", m), s("switch", m);
-    }), H(
+    }), q(
       () => l.modelValue,
       (m) => {
         o.value = !!m;
       }
-    ), (m, g) => (u(), b(t(N), {
-      class: q(["v-item", a.value]),
+    ), (m, g) => (u(), b(t(W), {
+      class: H(["v-item", a.value]),
       justify: "space-between",
       align: "center",
       onClick: i
     }, {
       default: h(() => [
-        p(t(N), {
+        p(t(W), {
           class: "v-item__title",
           align: "center"
         }, {
@@ -1291,14 +1291,14 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                 ]),
                 _: 1
               }, 8, ["type"])) : j("", !0),
-              m.index !== void 0 ? (u(), A("span", Ka, " # " + z(m.index), 1)) : j("", !0),
+              m.index !== void 0 ? (u(), A("span", Qa, " # " + z(m.index), 1)) : j("", !0),
               x("span", Ya, z(m.title), 1),
               m.subtitle ? (u(), A("span", Za, z(m.subtitle), 1)) : j("", !0)
             ])
           ]),
           _: 3
         }),
-        p(t(N), {
+        p(t(W), {
           class: "v-item__actions",
           onClick: g[1] || (g[1] = Oe(() => {
           }, ["stop"]))
@@ -1314,7 +1314,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               icon: y.icon,
               onClick: (f) => v(y.name)
             }, null, 8, ["name", "title", "icon", "onClick"]))), 256)),
-            l.switch ? (u(), b(t(Kt), {
+            l.switch ? (u(), b(t(Qt), {
               key: 0,
               modelValue: o.value,
               "onUpdate:modelValue": g[0] || (g[0] = (y) => o.value = y),
@@ -1356,12 +1356,12 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       l("dragend", n);
     };
     return (v, m) => (u(), A("div", {
-      class: q(["v-box", r.value]),
+      class: H(["v-box", r.value]),
       draggable: v.draggable,
       onDragstart: a,
       onDragend: i
     }, [
-      p(t(N), {
+      p(t(W), {
         direction: "column",
         justify: "center",
         align: "center"
@@ -1372,7 +1372,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         ]),
         _: 1
       }),
-      n.editable ? (u(), b(t(N), {
+      n.editable ? (u(), b(t(W), {
         key: 0,
         class: "v-box__footer",
         justify: "flex-end",
@@ -1496,7 +1496,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, _ = (C) => {
       l("pick", C);
     }, w = (C) => {
-      r(C), Ke.success({
+      r(C), Qe.success({
         message: "已经复制到粘贴板"
       });
     };
@@ -1512,13 +1512,13 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       onClose: g
     }, {
       default: h(() => [
-        p(t(N), {
+        p(t(W), {
           fit: "",
           direction: "row",
           overflow: "hidden"
         }, {
           default: h(() => [
-            p(t(N), {
+            p(t(W), {
               width: "30%",
               height: "100%"
             }, {
@@ -1530,7 +1530,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   "onUpdate:modelValue": E[1] || (E[1] = (D) => i.value = D)
                 }, {
                   default: h(() => [
-                    p(t(N), {
+                    p(t(W), {
                       class: "v-binder__tab-content",
                       fit: "",
                       padding: "",
@@ -1588,9 +1588,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               border: !1
             }, {
               footer: h(() => [
-                p(t(N), { justify: "space-between" }, {
+                p(t(W), { justify: "space-between" }, {
                   default: h(() => [
-                    p(t(N), null, {
+                    p(t(W), null, {
                       default: h(() => [
                         C.unbindEnabled ? (u(), b(t(ie), {
                           key: 0,
@@ -1606,7 +1606,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       ]),
                       _: 1
                     }),
-                    p(t(N), null, {
+                    p(t(W), null, {
                       default: h(() => [
                         p(t(ie), {
                           type: "default",
@@ -1689,7 +1689,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           type: "warning",
           closable: !1
         }),
-        p(t(N), {
+        p(t(W), {
           class: "v-slots-picker__content",
           justify: "space-around",
           alignContent: "flex-start",
@@ -1697,8 +1697,8 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           wrap: "wrap"
         }, {
           default: h(() => [
-            (u(!0), A($, null, T(n.slots, (m, g) => (u(), b(t(N), {
-              class: q(["v-slots-picker__item", { "is-active": m.name === s.value?.name }]),
+            (u(!0), A($, null, T(n.slots, (m, g) => (u(), b(t(W), {
+              class: H(["v-slots-picker__item", { "is-active": m.name === s.value?.name }]),
               grow: "",
               flex: !1,
               onClick: (y) => r(m)
@@ -1743,8 +1743,8 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       };
     });
     return (o, r) => (u(), A("div", {
-      class: q(["v-viewport", n.value]),
-      style: qe(s.value)
+      class: H(["v-viewport", n.value]),
+      style: He(s.value)
     }, [
       _e(o.$slots, "default")
     ], 6));
@@ -1969,7 +1969,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             size: "small"
           }, {
             prefix: h(() => [
-              p(t(Hl))
+              p(t(ql))
             ]),
             _: 1
           }, 8, ["modelValue"])
@@ -2061,14 +2061,14 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   name: "OutlineWidget",
   __name: "index",
   setup(c) {
-    const { engine: e, designer: n, selected: l } = be(), { current: s } = oe(), o = k([]), r = (R, W) => {
-      if (W === "slot")
+    const { engine: e, designer: n, selected: l } = be(), { current: s } = oe(), o = k([]), r = (R, N) => {
+      if (N === "slot")
         return [];
       if (Y(R))
         return R.locked ? ["unlock"] : ["lock"];
       const P = R.parent;
       return P && (P.locked || P.invisible) ? [] : s.value?.locked ? [] : R.locked ? ["unlock"] : R.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
-    }, a = (R, W) => {
+    }, a = (R, N) => {
       const P = {};
       if (!R.some((M) => M.slot))
         return i(R);
@@ -2079,16 +2079,16 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       const pe = [];
       for (const [M, L] of Object.entries(P))
         pe.push({
-          id: `${W.id}-${M}`,
+          id: `${N.id}-${M}`,
           label: `#${M}`,
           type: "slot",
-          model: W,
+          model: N,
           disabled: !0,
           children: i(L)
         });
       return pe;
     }, i = (R) => {
-      const W = [];
+      const N = [];
       return R.forEach((P) => {
         const Z = {
           id: P.id,
@@ -2097,16 +2097,16 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           //getNodeType(model),
           model: P
         };
-        Array.isArray(P.children) && (Z.children = a(P.children, P)), W.push(Z);
-      }), W;
+        Array.isArray(P.children) && (Z.children = a(P.children, P)), N.push(Z);
+      }), N;
     }, v = () => {
       if (!s.value)
         return [];
-      const { id: R, name: W, nodes: P } = s.value;
+      const { id: R, name: N, nodes: P } = s.value;
       return [
         {
           id: R,
-          label: W,
+          label: N,
           type: R,
           model: s.value,
           children: i(P)
@@ -2115,13 +2115,13 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, m = async () => {
       o.value = v(), l.value?.model && (await ye(), n.value?.setSelected(l.value.model));
     }, g = S(() => l.value?.model.id), y = (R) => {
-      const W = R.data;
-      if (W.type === "slot" || Y(W.model) || W.model.locked || W.model.name === "template")
+      const N = R.data;
+      if (N.type === "slot" || Y(N.model) || N.model.locked || N.model.name === "template")
         return !1;
-      const P = e.assets.componentMap.get(W.model.name);
+      const P = e.assets.componentMap.get(N.model.name);
       return P ? (n.value?.setDragging(P), !0) : !1;
-    }, f = async (R, W, P) => {
-      const Z = W.data, M = {
+    }, f = async (R, N, P) => {
+      const Z = N.data, M = {
         prev: "top",
         next: "bottom",
         inner: "inner"
@@ -2135,14 +2135,14 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       }
       return L;
     }, d = (R) => {
-      const W = R?.model;
-      if (!W || W.invisible || R.type === "slot") {
+      const N = R?.model;
+      if (!N || N.invisible || R.type === "slot") {
         n.value?.setSelected(null), n.value?.setHover(null);
         return;
       }
-      n.value?.setSelected(W), n.value?.setHover(null);
-    }, _ = async (R, W, P) => {
-      const Z = R.data, pe = W.data;
+      n.value?.setSelected(N), n.value?.setHover(null);
+    }, _ = async (R, N, P) => {
+      const Z = R.data, pe = N.data;
       if (Y(pe.model)) {
         n.value?.setDropping(null), n.value?.setDragging(null);
         return;
@@ -2152,7 +2152,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         M,
         L
       )) {
-        n.value?.setDropping(null), m(), Ke.warning({
+        n.value?.setDropping(null), m(), Qe.warning({
           message: `${Z.model.name}不能放置到该位置`
         }), n.value?.setDragging(null);
         return;
@@ -2175,18 +2175,18 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, C = () => {
       n.value?.setHover(null);
     }, E = (R) => {
-      const W = R.data;
-      W.dragging = !0;
-      const P = e.assets.componentMap.get(W.model.name);
+      const N = R.data;
+      N.dragging = !0;
+      const P = e.assets.componentMap.get(N.model.name);
       P && n.value?.setDragging(P);
     }, D = async (R) => {
-      const W = R.data;
-      W.dragging = !1;
-    }, B = (R, W) => {
-      R && ((R.id === W.id || !Y(R) && W.isChild(R)) && n.value?.setSelected(null), n.value?.setHover(null));
+      const N = R.data;
+      N.dragging = !1;
+    }, B = (R, N) => {
+      R && ((R.id === N.id || !Y(R) && N.isChild(R)) && n.value?.setSelected(null), n.value?.setHover(null));
     }, J = (R) => {
-      const { name: W, modelValue: P } = R, Z = l.value?.model;
-      switch (W) {
+      const { name: N, modelValue: P } = R, Z = l.value?.model;
+      switch (N) {
         case "lock":
           B(Z, P), P.lock();
           break;
@@ -2208,7 +2208,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           break;
       }
     };
-    return H(e.changed, m, { immediate: !0 }), (R, W) => (u(), b(t(U), {
+    return q(e.changed, m, { immediate: !0 }), (R, N) => (u(), b(t(U), {
       class: "v-outline-widget",
       title: "大纲树"
     }, {
@@ -2232,7 +2232,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         }, {
           default: h(({ data: P, node: Z }) => [
             p(t(re), {
-              class: q(["v-outline-widget__item", {
+              class: H(["v-outline-widget__item", {
                 "is-locked": P.model.locked,
                 "is-invisible": P.model.invisible,
                 "is-dragging": P.dragging,
@@ -2358,7 +2358,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       }
     ], n = ht("currentModel", null);
     return (l, s) => (u(), A("div", null, [
-      p(t(N), { justify: "space-between" }, {
+      p(t(W), { justify: "space-between" }, {
         default: h(() => [
           p(t(I), {
             name: "settings.loading",
@@ -2468,7 +2468,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         disabled: !l.value.mock,
         editor: "switch"
       }, null, 8, ["disabled"]),
-      p(t(N), { justify: "space-between" }, {
+      p(t(W), { justify: "space-between" }, {
         default: h(() => [
           yo,
           p(t(he), {
@@ -2523,7 +2523,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     ];
     $n("currentModel", r);
     const m = S(() => r.value?.method === "jsonp");
-    H(
+    q(
       () => e.model,
       (_) => {
         r.value = Object.assign({}, _ || {}), l.value = "base";
@@ -2531,7 +2531,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       {
         immediate: !0
       }
-    ), H(l, async () => {
+    ), q(l, async () => {
       o.value?.formRef.validate(async (_) => {
         _ || (await ye(), l.value = "base");
       });
@@ -2566,9 +2566,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       height: "600px"
     }, {
       default: h(() => [
-        p(t(N), { fit: "" }, {
+        p(t(W), { fit: "" }, {
           default: h(() => [
-            p(t(N), {
+            p(t(W), {
               width: "100px",
               shrink: !1
             }, {
@@ -2593,7 +2593,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               fit: ""
             }, {
               footer: h(() => [
-                p(t(N), { justify: "space-between" }, {
+                p(t(W), { justify: "space-between" }, {
                   default: h(() => [
                     x("div", null, [
                       l.value === "mock" ? (u(), b(t(ie), {
@@ -2899,7 +2899,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       m.name === "remove" ? await ze("确定删除?") && l("action", { type: m.name, model: n.model }) : l("action", { type: m.name, model: n.model });
     };
     return (m, g) => (u(), A("div", {
-      class: q(["v-actions", [`is-${n.position}`]])
+      class: H(["v-actions", [`is-${n.position}`]])
     }, [
       p(t(he), {
         mode: "icon",
@@ -2928,7 +2928,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   inheritAttrs: !1,
   __name: "index",
   setup(c, { expose: e }) {
-    const n = k(), l = k(), { width: s, height: o } = Ne(n), { dependencies: r, engine: a, apis: i } = yn(), { current: v, isEmpty: m } = oe(), g = S(() => a.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), y = S(() => a.project.value?.config || {}), { designer: f, hover: d, dropping: _, selected: w } = wa(
+    const n = k(), l = k(), { width: s, height: o } = We(n), { dependencies: r, engine: a, apis: i } = yn(), { current: v, isEmpty: m } = oe(), g = S(() => a.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), y = S(() => a.project.value?.config || {}), { designer: f, hover: d, dropping: _, selected: w } = wa(
       l,
       r,
       i,
@@ -2979,16 +2979,16 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           }, null, 512),
           t(_) ? (u(), A("div", {
             key: 0,
-            class: q(["v-designer__dropping", "is-inner"]),
-            style: qe(t(_).style)
+            class: H(["v-designer__dropping", "is-inner"]),
+            style: He(t(_).style)
           }, null, 4)) : j("", !0),
           t(d) ? (u(), A("div", {
             key: 1,
             class: "v-designer__hover",
-            style: qe(t(d).style)
+            style: He(t(d).style)
           }, [
             x("span", {
-              class: q(`is-${t(d).position}`)
+              class: H(`is-${t(d).position}`)
             }, [
               G(z(t(d).model.name) + ": ", 1),
               x("i", null, z(t(d).model.id), 1)
@@ -2997,7 +2997,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           t(w) ? (u(), A("div", {
             key: 2,
             class: "v-designer__selected",
-            style: qe(t(w).style)
+            style: He(t(w).style)
           }, [
             p(Co, {
               position: t(w).position,
@@ -3084,7 +3084,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           onPick: m
         }, {
           default: h(() => [
-            _e(d.$slots, "fields", Wt(Nt({ model: o.value, isEdit: r.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
+            _e(d.$slots, "fields", Nt(Wt({ model: o.value, isEdit: r.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
               p(t(I), {
                 name: "name",
                 label: d.nameLabel,
@@ -3377,7 +3377,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   __name: "index",
   setup(c) {
     const { current: e, context: n } = oe();
-    return (l, s) => (u(), b(t(N), {
+    return (l, s) => (u(), b(t(W), {
       class: "v-scripts-widget",
       direction: "column",
       fit: ""
@@ -3435,7 +3435,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           class: "v-properties-widget__form",
           size: "small",
           "label-width": "90px",
-          onKeydown: a[0] || (a[0] = He(Oe(() => {
+          onKeydown: a[0] || (a[0] = qe(Oe(() => {
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: h(() => [
@@ -3477,7 +3477,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, w = async (C) => {
       await ze("确定删除？") && m(C);
     };
-    return (C, E) => t(e) ? (u(), b(t(N), {
+    return (C, E) => t(e) ? (u(), b(t(W), {
       key: 0,
       class: "v-properties-widget",
       direction: "column",
@@ -3672,7 +3672,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       const { name: _, modelValue: w } = d;
       _ === "edit" && v(w), _ === "remove" && g(w);
     };
-    return (d, _) => (u(), b(t(N), {
+    return (d, _) => (u(), b(t(W), {
       class: "v-events-widget",
       direction: "column",
       fit: ""
@@ -3808,7 +3808,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       onForChange: m,
       onModelChange: g
     } = Ea(l), y = (f) => f.arg ? typeof f.arg == "string" ? f.arg : Je(f.arg, {}) : "modelValue";
-    return (f, d) => (u(), b(t(N), {
+    return (f, d) => (u(), b(t(W), {
       class: "v-directives-widget",
       direction: "column",
       fit: ""
@@ -3824,7 +3824,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             p(t(ge), {
               size: "small",
               "label-width": "80px",
-              onKeydown: d[0] || (d[0] = He(Oe(() => {
+              onKeydown: d[0] || (d[0] = qe(Oe(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: h(() => [
@@ -3871,7 +3871,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             p(t(ge), {
               size: "small",
               "label-width": "80px",
-              onKeydown: d[1] || (d[1] = He(Oe(() => {
+              onKeydown: d[1] || (d[1] = qe(Oe(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: h(() => [
@@ -3935,7 +3935,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                 p(t(ge), {
                   size: "small",
                   "label-width": "60px",
-                  onKeydown: d[2] || (d[2] = He(Oe(() => {
+                  onKeydown: d[2] || (d[2] = qe(Oe(() => {
                   }, ["prevent", "stop"]), ["enter"]))
                 }, {
                   default: h(() => [
@@ -4044,7 +4044,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }, 8, ["title", "model"]));
   }
-}), Wo = /* @__PURE__ */ V({
+}), No = /* @__PURE__ */ V({
   name: "DefinedEventsDialog",
   __name: "events",
   props: {
@@ -4079,7 +4079,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }, 8, ["title", "model"]));
   }
-}), No = /* @__PURE__ */ V({
+}), Wo = /* @__PURE__ */ V({
   name: "DefinedSlotsDialog",
   __name: "slots",
   props: {
@@ -4203,7 +4203,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       y.value = void 0, g.value = !0;
     }, R = (M) => {
       y.value = M, g.value = !0;
-    }, W = (M) => {
+    }, N = (M) => {
       const { name: L, modelValue: O } = M;
       L === "edit" && R(O), L === "remove" && e.value?.removeSlot(O);
     }, P = () => {
@@ -4214,7 +4214,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       const { name: L, modelValue: O } = M;
       L === "edit" && Z(O), L === "remove" && e.value?.removeInject(O);
     };
-    return (M, L) => t(e) && t(n) ? (u(), b(t(N), {
+    return (M, L) => t(e) && t(n) ? (u(), b(t(W), {
       key: 0,
       class: "v-defined-widget",
       direction: "column",
@@ -4274,7 +4274,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               key: 0,
               "image-size": 50
             })),
-            v.value ? (u(), b(Wo, {
+            v.value ? (u(), b(No, {
               key: 1,
               modelValue: v.value,
               "onUpdate:modelValue": L[1] || (L[1] = (O) => v.value = O),
@@ -4300,13 +4300,13 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               border: "",
               actions: ["remove"],
               onClick: (Pe) => R(O),
-              onAction: W
+              onAction: N
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             o.value.length ? j("", !0) : (u(), b(t(se), {
               key: 0,
               "image-size": 50
             })),
-            g.value ? (u(), b(No, {
+            g.value ? (u(), b(Wo, {
               key: 1,
               modelValue: g.value,
               "onUpdate:modelValue": L[2] || (L[2] = (O) => g.value = O),
@@ -4545,7 +4545,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }, 8, ["title", "model"]));
   }
-}), qo = /* @__PURE__ */ V({
+}), Ho = /* @__PURE__ */ V({
   name: "DataSourcesWidget",
   __name: "index",
   setup(c) {
@@ -4559,7 +4559,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       const { name: m, modelValue: g } = v;
       m === "edit" && a(g), m === "remove" && e.value?.removeDataSource(g.name);
     };
-    return (v, m) => (u(), b(t(N), {
+    return (v, m) => (u(), b(t(W), {
       class: "v-data-sources-widget",
       direction: "column",
       fit: ""
@@ -4601,7 +4601,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }));
   }
-}), Ho = /* @__PURE__ */ V({
+}), qo = /* @__PURE__ */ V({
   __name: "layout",
   props: {
     styleJson: {},
@@ -4609,7 +4609,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   },
   setup(c) {
     const e = c, n = k();
-    H(
+    q(
       () => e.styleJson.display,
       (v) => {
         n.value = v === "flex";
@@ -4620,12 +4620,12 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       {
         label: "block-块级布局",
         value: "block",
-        svg: Ql
+        svg: Kl
       },
       {
         label: "flex-弹性布局",
         value: "flex",
-        svg: Kl
+        svg: Ql
       },
       {
         label: "inline-block-行内块级布局",
@@ -4840,7 +4840,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }));
   }
-}), Xo = { class: "v-spacing-input" }, Qo = /* @__PURE__ */ x("div", { class: "v-spacing-input__modal" }, null, -1), Ko = { class: "v-spacing-input__content" }, Yo = ["onClick"], xn = /* @__PURE__ */ V({
+}), Xo = { class: "v-spacing-input" }, Ko = /* @__PURE__ */ x("div", { class: "v-spacing-input__modal" }, null, -1), Qo = { class: "v-spacing-input__content" }, Yo = ["onClick"], xn = /* @__PURE__ */ V({
   __name: "spacing-input",
   props: {
     name: {},
@@ -4863,16 +4863,16 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       a.value = void 0, s("update:modelValue", a.value), s("submit", l.name, void 0), s("close");
     };
     return (f, d) => (u(), A("div", Xo, [
-      Qo,
-      x("div", Ko, [
-        p(t(N), {
+      Ko,
+      x("div", Qo, [
+        p(t(W), {
           class: "v-spacing-input__body",
           ref_key: "bodyRef",
           ref: r,
           direction: "column"
         }, {
           default: h(() => [
-            p(t(N), null, {
+            p(t(W), null, {
               default: h(() => [
                 p(t(tn), {
                   modelValue: a.value,
@@ -4886,9 +4886,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               ]),
               _: 1
             }),
-            p(t(N), null, {
+            p(t(W), null, {
               default: h(() => [
-                o.value ? (u(), b(t(N), {
+                o.value ? (u(), b(t(W), {
                   key: 0,
                   class: "v-spacing-input__auto",
                   width: "20%"
@@ -4900,7 +4900,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   ]),
                   _: 1
                 })) : j("", !0),
-                p(t(N), {
+                p(t(W), {
                   grow: "",
                   class: "v-spacing-input__values",
                   align: "center",
@@ -4916,7 +4916,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               ]),
               _: 1
             }),
-            p(t(N), null, {
+            p(t(W), null, {
               default: h(() => [
                 p(t(ie), {
                   size: "small",
@@ -4980,14 +4980,14 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   "dominant-baseline": "hanging"
 }, " margin ", -1), jr = [
   Ar
-], Q = 36, K = 24, Er = /* @__PURE__ */ V({
+], K = 36, Q = 24, Er = /* @__PURE__ */ V({
   __name: "spacing",
   props: {
     styleJson: {},
     setStyle: { type: Function }
   },
   setup(c) {
-    const e = c, n = k(), l = k(), { width: s, height: o } = Ne(n), { width: r, height: a } = Ne(l), i = k(!1), v = k(), m = k(), g = () => {
+    const e = c, n = k(), l = k(), { width: s, height: o } = We(n), { width: r, height: a } = We(l), i = k(!1), v = k(), m = k(), g = () => {
       i.value = !1, v.value = void 0, m.value = void 0;
     }, y = (f) => {
       v.value = f, m.value = e.styleJson[f], i.value = !0;
@@ -5022,9 +5022,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m1,1
               h${t(s) - 1}
-              l-${Q},${K}
-              h-${t(s) - 2 * Q}
-              l-${Q},-${K}z`,
+              l-${K},${Q}
+              h-${t(s) - 2 * K}
+              l-${K},-${Q}z`,
                       "data-automation-id": "margin-top-button",
                       "aria-label": "Margin top button",
                       class: "tb-path-color",
@@ -5040,9 +5040,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m${t(s) - 1},1
               v${t(o) - 1}
-              l-${Q},-${K}
-              v-${t(o) - 2 * K}
-              l${Q},-${K}z`,
+              l-${K},-${Q}
+              v-${t(o) - 2 * Q}
+              l${K},-${Q}z`,
                       "data-automation-id": "margin-right-button",
                       "aria-label": "Margin right button",
                       class: "lr-path-color",
@@ -5058,9 +5058,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m1,${t(o) - 1}
               h${t(s) - 1}
-              l-${Q},-${K}
-              h-${t(s) - 2 * Q}
-              l-${Q},${K}z`,
+              l-${K},-${Q}
+              h-${t(s) - 2 * K}
+              l-${K},${Q}z`,
                       "data-automation-id": "margin-bottom-button",
                       "aria-label": "Margin bottom button",
                       class: "tb-path-color",
@@ -5076,9 +5076,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m1,1
               v${t(o) - 1}
-              l${Q},-${K}
-              v-${t(o) - 2 * K}
-              l-${Q},-${K}z`,
+              l${K},-${Q}
+              v-${t(o) - 2 * Q}
+              l-${K},-${Q}z`,
                       "data-automation-id": "margin-left-button",
                       "aria-label": "Margin left button",
                       class: "lr-path-color",
@@ -5114,8 +5114,8 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   x("rect", {
                     x: "36",
                     y: "24",
-                    width: t(s) - 2 * Q + 1,
-                    height: t(o) - 2 * K + 1,
+                    width: t(s) - 2 * K + 1,
+                    height: t(o) - 2 * Q + 1,
                     fill: "transparent",
                     rx: "2",
                     ry: "2",
@@ -5127,8 +5127,8 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   "clip-path": "url(#margin-inner)",
                   x: "36",
                   y: "24",
-                  width: t(s) - 2 * Q + 1,
-                  height: t(o) - 2 * K + 1,
+                  width: t(s) - 2 * K + 1,
+                  height: t(o) - 2 * Q + 1,
                   fill: "transparent",
                   rx: "2",
                   ry: "2",
@@ -5136,19 +5136,19 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                 }, null, 8, dr)
               ], 8, tr)) : j("", !0),
               x("div", {
-                class: q(["spacing-edit margin-top", { "is-setting": e.styleJson["margin-top"] }]),
+                class: H(["spacing-edit margin-top", { "is-setting": e.styleJson["margin-top"] }]),
                 onClick: d[4] || (d[4] = (_) => y("margin-top"))
               }, z(e.styleJson["margin-top"] || "-"), 3),
               x("div", {
-                class: q(["spacing-edit margin-right", { "is-setting": e.styleJson["margin-right"] }]),
+                class: H(["spacing-edit margin-right", { "is-setting": e.styleJson["margin-right"] }]),
                 onClick: d[5] || (d[5] = (_) => y("margin-right"))
               }, z(e.styleJson["margin-right"] || "-"), 3),
               x("div", {
-                class: q(["spacing-edit margin-bottom", { "is-setting": e.styleJson["margin-bottom"] }]),
+                class: H(["spacing-edit margin-bottom", { "is-setting": e.styleJson["margin-bottom"] }]),
                 onClick: d[6] || (d[6] = (_) => y("margin-bottom"))
               }, z(e.styleJson["margin-bottom"] || "-"), 3),
               x("div", {
-                class: q(["spacing-edit margin-left", { "is-setting": e.styleJson["margin-left"] }]),
+                class: H(["spacing-edit margin-left", { "is-setting": e.styleJson["margin-left"] }]),
                 onClick: d[7] || (d[7] = (_) => y("margin-left"))
               }, z(e.styleJson["margin-left"] || "-"), 3)
             ]),
@@ -5172,9 +5172,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m1,1
               h${t(r) - 1}
-              l-${Q},${K}
-              h-${t(r) - 2 * Q}
-              l-${Q},-${K}z`,
+              l-${K},${Q}
+              h-${t(r) - 2 * K}
+              l-${K},-${Q}z`,
                       "data-automation-id": "padding-top-button",
                       "aria-label": "Padding top button",
                       class: "tb-path-color",
@@ -5190,9 +5190,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m${t(r) - 1},1
               v${t(a) - 1}
-              l-${Q},-${K}
-              v-${t(a) - 2 * K}
-              l${Q},-${K}z`,
+              l-${K},-${Q}
+              v-${t(a) - 2 * Q}
+              l${K},-${Q}z`,
                       "data-automation-id": "padding-right-button",
                       "aria-label": "Padding right button",
                       class: "lr-path-color",
@@ -5208,9 +5208,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m1,${t(a) - 1}
               h${t(r) - 1}
-              l-${Q},-${K}
-              h-${t(r) - 2 * Q}
-              l-${Q},${K}z`,
+              l-${K},-${Q}
+              h-${t(r) - 2 * K}
+              l-${K},${Q}z`,
                       "data-automation-id": "padding-bottom-button",
                       "aria-label": "Padding bottom button",
                       class: "tb-path-color",
@@ -5226,9 +5226,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                       d: `
               m1,1
               v${t(a) - 1}
-              l${Q},-${K}
-              v-${t(a) - 2 * K}
-              l-${Q},-${K}z`,
+              l${K},-${Q}
+              v-${t(a) - 2 * Q}
+              l-${K},-${Q}z`,
                       "data-automation-id": "padding-left-button",
                       "aria-label": "Padding left button",
                       class: "lr-path-color",
@@ -5264,8 +5264,8 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   x("rect", {
                     x: "36",
                     y: "24",
-                    width: t(r) - 2 * Q + 1,
-                    height: t(a) - 2 * K + 1,
+                    width: t(r) - 2 * K + 1,
+                    height: t(a) - 2 * Q + 1,
                     fill: "transparent",
                     rx: "2",
                     ry: "2",
@@ -5277,8 +5277,8 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   "clip-path": "url(#padding-inner)",
                   x: "36",
                   y: "24",
-                  width: t(r) - 2 * Q + 1,
-                  height: t(a) - 2 * K + 1,
+                  width: t(r) - 2 * K + 1,
+                  height: t(a) - 2 * Q + 1,
                   fill: "transparent",
                   rx: "2",
                   ry: "2",
@@ -5286,19 +5286,19 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                 }, null, 8, kr)
               ], 8, pr)) : j("", !0),
               x("div", {
-                class: q(["spacing-edit padding-top", { "is-setting": e.styleJson["padding-top"] }]),
+                class: H(["spacing-edit padding-top", { "is-setting": e.styleJson["padding-top"] }]),
                 onClick: d[12] || (d[12] = (_) => y("padding-top"))
               }, z(e.styleJson["padding-top"] || "-"), 3),
               x("div", {
-                class: q(["spacing-edit padding-right", { "is-setting": e.styleJson["padding-right"] }]),
+                class: H(["spacing-edit padding-right", { "is-setting": e.styleJson["padding-right"] }]),
                 onClick: d[13] || (d[13] = (_) => y("padding-right"))
               }, z(e.styleJson["padding-right"] || "-"), 3),
               x("div", {
-                class: q(["spacing-edit padding-bottom", { "is-setting": e.styleJson["padding-bottom"] }]),
+                class: H(["spacing-edit padding-bottom", { "is-setting": e.styleJson["padding-bottom"] }]),
                 onClick: d[14] || (d[14] = (_) => y("padding-bottom"))
               }, z(e.styleJson["padding-bottom"] || "-"), 3),
               x("div", {
-                class: q(["spacing-edit padding-left", { "is-setting": e.styleJson["padding-left"] }]),
+                class: H(["spacing-edit padding-left", { "is-setting": e.styleJson["padding-left"] }]),
                 onClick: d[15] || (d[15] = (_) => y("padding-left"))
               }, z(e.styleJson["padding-left"] || "-"), 3)
             ], 512),
@@ -5411,14 +5411,14 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }));
   }
-}), Dr = { class: "v-style-widget__positioning" }, Pr = { class: "spacing-wrap" }, Br = ["width", "height"], $r = ["d"], Rr = ["d"], zr = ["d"], Tr = ["d"], Or = { id: "margin-outer" }, Fr = ["width", "height"], Jr = ["width", "height"], Wr = { id: "margin-inner" }, Nr = ["width", "height"], Mr = ["width", "height"], me = 36, ve = 24, Lr = /* @__PURE__ */ V({
+}), Dr = { class: "v-style-widget__positioning" }, Pr = { class: "spacing-wrap" }, Br = ["width", "height"], $r = ["d"], Rr = ["d"], zr = ["d"], Tr = ["d"], Or = { id: "margin-outer" }, Fr = ["width", "height"], Jr = ["width", "height"], Nr = { id: "margin-inner" }, Wr = ["width", "height"], Mr = ["width", "height"], me = 36, ve = 24, Lr = /* @__PURE__ */ V({
   __name: "positioning",
   props: {
     styleJson: {},
     setStyle: { type: Function }
   },
   setup(c) {
-    const e = c, n = k(), { width: l, height: s } = Ne(n), o = k(!1), r = k(), a = k(), i = [
+    const e = c, n = k(), { width: l, height: s } = We(n), o = k(!1), r = k(), a = k(), i = [
       { label: "静态", value: "static" },
       { label: "相对", value: "relative" },
       { label: "绝对", value: "absolute" },
@@ -5582,7 +5582,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                           ry: "2",
                           style: { "pointer-events": "none", "stroke-width": "2px" }
                         }, null, 8, Jr),
-                        x("clipPath", Wr, [
+                        x("clipPath", Nr, [
                           x("rect", {
                             x: "36",
                             y: "24",
@@ -5592,7 +5592,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                             rx: "2",
                             ry: "2",
                             style: { "pointer-events": "none" }
-                          }, null, 8, Nr)
+                          }, null, 8, Wr)
                         ]),
                         x("rect", {
                           class: "stroke",
@@ -5608,19 +5608,19 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                         }, null, 8, Mr)
                       ], 8, Br)) : j("", !0),
                       x("div", {
-                        class: q(["spacing-edit padding-top", { "is-setting": e.styleJson.top }]),
+                        class: H(["spacing-edit padding-top", { "is-setting": e.styleJson.top }]),
                         onClick: d[4] || (d[4] = (_) => g("top"))
                       }, z(e.styleJson.top || m.value[0] || "-"), 3),
                       x("div", {
-                        class: q(["spacing-edit padding-right", { "is-setting": e.styleJson.right }]),
+                        class: H(["spacing-edit padding-right", { "is-setting": e.styleJson.right }]),
                         onClick: d[5] || (d[5] = (_) => g("right"))
                       }, z(e.styleJson.right || m.value[1] || "-"), 3),
                       x("div", {
-                        class: q(["spacing-edit padding-bottom", { "is-setting": e.styleJson.bottom }]),
+                        class: H(["spacing-edit padding-bottom", { "is-setting": e.styleJson.bottom }]),
                         onClick: d[6] || (d[6] = (_) => g("bottom"))
                       }, z(e.styleJson.bottom || m.value[2] || "-"), 3),
                       x("div", {
-                        class: q(["spacing-edit padding-left", { "is-setting": e.styleJson.left }]),
+                        class: H(["spacing-edit padding-left", { "is-setting": e.styleJson.left }]),
                         onClick: d[7] || (d[7] = (_) => g("left"))
                       }, z(e.styleJson.left || m.value[3] || "-"), 3)
                     ], 512),
@@ -5796,7 +5796,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }));
   }
-}), qr = /* @__PURE__ */ V({
+}), Hr = /* @__PURE__ */ V({
   __name: "backgound",
   props: {
     styleJson: {},
@@ -5907,7 +5907,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }));
   }
-}), Hr = /* @__PURE__ */ V({
+}), qr = /* @__PURE__ */ V({
   __name: "border",
   props: {
     styleJson: {},
@@ -5919,10 +5919,10 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       { label: "左边框", svg: Os, value: "border-left" },
       { label: "上边框", svg: Fs, value: "border-top" },
       { label: "下边框", svg: Js, value: "border-bottom" },
-      { label: "右边框", svg: Ws, value: "border-right" }
+      { label: "右边框", svg: Ns, value: "border-right" }
     ], s = [
       { label: "无", value: "none", svg: bn },
-      { label: "实线", value: "solid", svg: Ns },
+      { label: "实线", value: "solid", svg: Ws },
       { label: "虚线", value: "dashed", svg: Ms },
       { label: "点线", value: "dotted", svg: Ls }
     ], o = (r, a) => {
@@ -6011,12 +6011,12 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       {
         label: "Pointer",
         value: "pointer",
-        svg: qs
+        svg: Hs
       },
       {
         label: "NotAllowed",
         value: "not-allowed",
-        svg: Hs
+        svg: qs
       },
       {
         label: "无",
@@ -6108,14 +6108,14 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       const i = l.value?.getPropValue("style") || {};
       a !== void 0 ? i[r] = a : delete i[r], l.value?.setProp("style", i);
     };
-    return (r, a) => e.isStyleCodeMode ? (u(), b(Go, { key: 0 })) : (u(), b(t(N), {
+    return (r, a) => e.isStyleCodeMode ? (u(), b(Go, { key: 0 })) : (u(), b(t(W), {
       key: `widget-style-${l.value?.id}`,
       class: "v-style-widget",
       direction: "column",
       fit: ""
     }, {
       default: h(() => [
-        (u(), b(Ho, {
+        (u(), b(qo, {
           key: `Layout${l.value?.id}`,
           "style-json": s.value,
           setStyle: o
@@ -6140,12 +6140,12 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           "style-json": s.value,
           setStyle: o
         }, null, 8, ["style-json"])),
-        (u(), b(qr, {
+        (u(), b(Hr, {
           key: `Backgound${l.value?.id}`,
           "style-json": s.value,
           setStyle: o
         }, null, 8, ["style-json"])),
-        (u(), b(Hr, {
+        (u(), b(qr, {
           key: `Border${l.value?.id}`,
           "style-json": s.value,
           setStyle: o
@@ -6159,14 +6159,14 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       _: 1
     }));
   }
-}), Qr = ["src"], Kr = /* @__PURE__ */ V({
+}), Kr = ["src"], Qr = /* @__PURE__ */ V({
   name: "PreviewerWidget",
   __name: "index",
   props: {
     path: { type: Function }
   },
   setup(c, { expose: e }) {
-    const n = c, l = k(), s = k(Symbol()), { current: o, engine: r } = oe(), { width: a, height: i } = Ne(l), v = S(() => o.value && n.path ? n.path(o.value) : null), m = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
+    const n = c, l = k(), s = k(Symbol()), { current: o, engine: r } = oe(), { width: a, height: i } = We(l), v = S(() => o.value && n.path ? n.path(o.value) : null), m = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
     return e({
       refresh: () => {
         s.value = Symbol();
@@ -6188,7 +6188,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             ref: "iframe",
             frameborder: "0",
             src: v.value
-          }, null, 8, Qr)) : j("", !0)
+          }, null, 8, Kr)) : j("", !0)
         ]),
         _: 1
       }, 8, ["mode", "width", "height"])
@@ -6210,7 +6210,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       "separator-icon": t(Xs)
     }, {
       default: h(() => [
-        (u(!0), A($, null, T(l.value, (i) => (u(), b(t(Wn), {
+        (u(!0), A($, null, T(l.value, (i) => (u(), b(t(Nn), {
           onClick: (v) => s(i),
           onMouseover: (v) => o(i)
         }, {
@@ -6268,7 +6268,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   __name: "index",
   setup(c) {
     const { current: e, engine: n } = oe(), l = k(), s = k(""), o = S(() => e.value ? `$vtj/vue/${e.value.id}.vue` : ""), r = S(() => e.value ? e.value.name : "");
-    return H(
+    return q(
       e,
       async (a) => {
         const i = n.project.value;
@@ -6312,7 +6312,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     const e = c, n = k();
     let l = null;
     Mt(() => {
-      l || (l = Nn.service({ target: n.value?.$el }));
+      l || (l = Wn.service({ target: n.value?.$el }));
     }), Lt(() => {
       s(), l = null;
     });
@@ -6361,10 +6361,10 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   setup(c, { emit: e }) {
     const n = c, l = e, s = k([]), o = S(() => s.value.length < n.limit), r = (i) => i.type.includes("image") ? (nl(i).then((v) => {
       s.value = [{ name: i.name, url: v }];
-    }), !1) : (Ke.error("只能上传图片"), !1), a = () => {
+    }), !1) : (Qe.error("只能上传图片"), !1), a = () => {
       s.value = [];
     };
-    return H(
+    return q(
       () => n.modelValue,
       (i) => {
         s.value = i ? [{ name: "", url: i }] : [];
@@ -6372,7 +6372,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       {
         immediate: !0
       }
-    ), H(s, () => {
+    ), q(s, () => {
       const i = s.value[0]?.url;
       l("change", i), l("update:modelValue", i);
     }), (i, v) => (u(), b(t(Mn), ue({
@@ -6388,7 +6388,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, i.$attrs), {
       default: h(() => [
         x("span", ui, [
-          p(t(ke), { icon: t(Qs) }, null, 8, ["icon"])
+          p(t(ke), { icon: t(Ks) }, null, 8, ["icon"])
         ])
       ]),
       _: 1
@@ -6445,7 +6445,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   Logo: $a,
   EmptyWidget: za,
   Switcher: Fa,
-  Toolbar: Wa,
+  Toolbar: Na,
   Actions: La,
   Pages: ro,
   Blocks: io,
@@ -6461,9 +6461,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   Css: Oo,
   Directives: Fo,
   Defined: Lo,
-  DataSources: qo,
+  DataSources: Ho,
   Style: Xr,
-  Previewer: Kr,
+  Previewer: Qr,
   NodePath: Yr,
   Schema: Zr,
   Raw: ei,
@@ -6497,7 +6497,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     component: X.Pages,
     type: "app",
     openType: "panel",
-    icon: Ks,
+    icon: Qs,
     label: "页面管理"
   },
   {
@@ -6742,20 +6742,24 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     official: !0,
     enabled: !0
   },
-  {
-    package: "echarts",
-    version: "latest",
-    library: "echarts",
-    urls: ["@vtj/materials/deps/echarts/echarts.min.js"],
-    required: !1,
-    official: !0,
-    enabled: !0
-  },
+  // {
+  //   package: 'echarts',
+  //   version: 'latest',
+  //   library: 'echarts',
+  //   urls: ['@vtj/materials/deps/echarts/echarts.min.js'],
+  //   required: false,
+  //   official: true,
+  //   enabled: true
+  // },
   {
     package: "@vtj/ui",
     version: "latest",
     library: "VtjUI",
     urls: [
+      "@vtj/materials/deps/echarts/echarts.min.js",
+      "@vtj/materials/deps/@ckeditor/ckeditor5-build-classic/ckeditor.js",
+      "@vtj/materials/deps/@ckeditor/ckeditor5-build-classic/zh-cn.js",
+      "@vtj/materials/deps/@ckeditor/ckeditor5-vue/ckeditor.js",
       "@vtj/materials/deps/@vtj/ui/style.css",
       "@vtj/materials/deps/@vtj/ui/index.umd.js"
     ],
@@ -6770,7 +6774,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     version: "latest",
     library: "antd",
     urls: [
-      "@vtj/materials/deps/ant-design-vue/rest.css",
+      "@vtj/materials/deps/ant-design-vue/reset.css",
       "@vtj/materials/deps/ant-design-vue/dayjs/dayjs.min.js",
       "@vtj/materials/deps/ant-design-vue/dayjs/plugin/customParseFormat.js",
       "@vtj/materials/deps/ant-design-vue/dayjs/plugin/weekday.js",
@@ -7294,7 +7298,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   name: "BooleanSetter",
   __name: "boolean",
   setup(c) {
-    return (e, n) => (u(), b(t(Kt), ue(e.$attrs, {
+    return (e, n) => (u(), b(t(Qt), ue(e.$attrs, {
       "model-value": !!e.$attrs.modelValue
     }), null, 16, ["model-value"]));
   }
@@ -7309,9 +7313,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   setup(c, { emit: e }) {
     const n = (i = "") => ({
       type: "JSExpression",
-      value: We(i) ? i.value : i
+      value: Ne(i) ? i.value : i
     }), l = c, s = e, o = (i) => ae(i, l.context, !0), r = k(n(l.modelValue).value);
-    H(
+    q(
       () => l.modelValue,
       (i) => {
         r.value = n(i).value;
@@ -7367,10 +7371,10 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   },
   emits: ["change"],
   setup(c, { emit: e }) {
-    const n = c, l = e, s = S(() => We(n.modelValue) ? void 0 : Number(n.modelValue || 0)), o = (r) => {
+    const n = c, l = e, s = S(() => Ne(n.modelValue) ? void 0 : Number(n.modelValue || 0)), o = (r) => {
       l("change", r);
     };
-    return (r, a) => (u(), b(t(qn), ue({
+    return (r, a) => (u(), b(t(Hn), ue({
       class: "v-number-setter",
       "controls-position": "right",
       "model-value": s.value
@@ -7380,7 +7384,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   name: "ColorSetter",
   __name: "color",
   setup(c) {
-    return (e, n) => (u(), b(t(Hn), Wt(Nt(e.$attrs)), null, 16));
+    return (e, n) => (u(), b(t(qn), Nt(Wt(e.$attrs)), null, 16));
   }
 }), Ci = /* @__PURE__ */ V({
   name: "JsonSetter",
@@ -7404,7 +7408,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         if (typeof d != "object")
           throw new Error(`"${y}" is not a ${n.type}`);
       } catch (d) {
-        f = !1, Qe.error({
+        f = !1, Ke.error({
           title: "代码错误",
           message: d?.message || d
         });
@@ -7422,7 +7426,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       r.value = !0;
     };
     return (y, f) => (u(), A("div", {
-      class: q(["v-json-setter", { "is-active": o.value }])
+      class: H(["v-json-setter", { "is-active": o.value }])
     }, [
       p(t(we), ue({
         readonly: "",
@@ -7483,7 +7487,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       o.value = !0;
     };
     return (g, y) => (u(), A("div", {
-      class: q(["v-function-setter", { "is-active": r.value }])
+      class: H(["v-function-setter", { "is-active": r.value }])
     }, [
       p(t(we), ue({
         readonly: "",
@@ -7525,7 +7529,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   },
   setup(c) {
     const e = c;
-    return (n, l) => (u(), b(t(Ht), ue({
+    return (n, l) => (u(), b(t(qt), ue({
       class: "v-radio-setter",
       size: "small"
     }, n.$attrs), {
@@ -7568,7 +7572,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       (u(!0), A($, null, T(n.options, (a) => (u(), A("span", {
         label: a.value,
         title: a.label,
-        class: q({
+        class: H({
           "is-active": n.modelValue === a.value
         }),
         onClick: (i) => s(a)
@@ -7594,9 +7598,9 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     const n = c, l = e, s = k(!0), o = S(() => s.value ? "px" : void 0), r = k(n.modelValue), a = (i) => {
       s.value = !!Number(i);
     };
-    return H(r, (i) => {
+    return q(r, (i) => {
       l("change", i);
-    }), H(
+    }), q(
       () => n.modelValue,
       (i) => {
         i && (s.value = i.endsWith("px"), r.value = i);
@@ -7621,7 +7625,7 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   emits: ["change"],
   setup(c, { emit: e }) {
     const n = c, l = e, s = k(new Array(n.sections).fill(""));
-    H(
+    q(
       () => n.modelValue,
       (r) => {
         s.value = r ? r.split(" ") : new Array(n.sections).fill("");
@@ -7650,13 +7654,13 @@ const Da = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   emits: ["change", "update:modelValue"],
   setup(c, { emit: e }) {
     const n = c, l = e, s = k();
-    H(
+    q(
       () => n.modelValue,
       (r) => {
         s.value = r;
       },
       { immediate: !0 }
-    ), H(s, (r) => {
+    ), q(s, (r) => {
       l("change", r), l("update:modelValue", r);
     });
     const o = () => {
@@ -7901,10 +7905,13 @@ class Ti {
     const n = [];
     for (const l of this.deps) {
       const s = e.find((o) => o.package === l.package);
-      n.push({
-        ...l,
-        ...s
-      });
+      n.push(
+        s ? {
+          ...s,
+          ...l,
+          enabled: s.enabled
+        } : l
+      );
     }
     for (const l of e)
       this.deps.find((o) => o.package === l.package) || n.push(l);
@@ -7980,7 +7987,7 @@ function Ji(c) {
     l.mount(document.createElement("div"));
   });
 }
-class Wi {
+class Ni {
   constructor(e, n, l) {
     this.engine = e, this.contentWindow = n, this.dependencies = l, this.document = this.contentWindow.document, this.bindEvents(n, this.document);
   }
@@ -8246,7 +8253,7 @@ class Wi {
     this.setSelected(null), this.setHover(null), this.setDragging(null), e && n && this.unbindEvents(e, n), this.document = null;
   }
 }
-class Ni {
+class Wi {
   constructor(e, n, l = null) {
     this.env = e, this.service = n, this.designer = l, this.nodeChange = this.__onNodeChange.bind(this), this.blockChange = this.__onBlockChange.bind(this);
   }
@@ -8271,7 +8278,7 @@ class Ni {
         err: r,
         instance: a,
         info: i
-      }), Qe.error({
+      }), Ke.error({
         title: "运行错误",
         message: g
       });
@@ -8353,15 +8360,15 @@ class Mi extends an {
   constructor(e) {
     super();
     const { engine: n, materialPath: l } = e;
-    this.engine = n, this.materialPath = l, H(this.engine.current, () => {
+    this.engine = n, this.materialPath = l, q(this.engine.current, () => {
       this.refresh();
     });
   }
   init(e, n, l, s) {
-    H(
+    q(
       [e, n, l, s],
       () => {
-        e.value && n.value.length && (this.resetReady(), this.setup(e.value, n.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Wi(
+        e.value && n.value.length && (this.resetReady(), this.renderer?.dispose(), this.renderer = null, this.setup(e.value, n.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Ni(
           this.engine,
           this.contentWindow,
           n
@@ -8378,7 +8385,7 @@ class Mi extends an {
     }
     l.__simulator__ = this;
     const s = l.document;
-    this.contentWindow = l;
+    l.CKEDITOR_VERSION = void 0, this.contentWindow = l;
     const {
       scripts: o,
       css: r,
@@ -8427,7 +8434,7 @@ class Mi extends an {
     }
     o.load(m);
     const g = this.createEnv(e, l, m);
-    this.renderer = new Ni(g, r, this.designer.value), a.value && this.renderer.render(a.value), this.triggerReady();
+    this.renderer = new Wi(g, r, this.designer.value), a.value && this.renderer.render(a.value), this.triggerReady();
   }
   createEnv(e = [], n = {}, l = []) {
     const s = this.contentWindow, { engine: o } = this, { project: r, assets: a, provider: i } = o, v = e.reduce((w, C) => (w[C] = s[C], w), {}), m = {}, { groups: g, componentMap: y } = a;
@@ -8801,7 +8808,7 @@ const Ae = V({
     this.engine.skeleton = this;
   },
   render() {
-    return Be(qi, { ...this.$props, ...this.$attrs, ref: "skeletonRef" });
+    return Be(Hi, { ...this.$props, ...this.$attrs, ref: "skeletonRef" });
   },
   methods: {
     /**
@@ -8930,7 +8937,7 @@ const Ae = V({
     defaultSetter() {
       const { value: c, computedSetters: e } = this;
       let n = typeof c;
-      n === "Object" && (Array.isArray(c) ? n = "Array" : We(c) ? n = "Object" : Il(c) && (n = "Function"));
+      n === "Object" && (Array.isArray(c) ? n = "Array" : Ne(c) ? n = "Object" : Il(c) && (n = "Function"));
       const l = Xe.getByType(n) || [];
       return l.length ? (e.find((s) => l.includes(s.name)) || e[0])?.name : e[0]?.name;
     }
@@ -8979,7 +8986,7 @@ const Ae = V({
       this.$emit("remove", c);
     }
   }
-}), qi = /* @__PURE__ */ V({
+}), Hi = /* @__PURE__ */ V({
   name: "Skeletion",
   __name: "skeleton",
   props: {
@@ -9028,7 +9035,7 @@ const Ae = V({
       default: h(() => [
         p(t(jt), { class: "v-skeleton" }, {
           default: h(() => [
-            p(t(Qn), {
+            p(t(Kn), {
               class: "v-skeleton__header",
               height: E.headerHeight
             }, {
@@ -9057,7 +9064,7 @@ const Ae = V({
                 l.value ? j("", !0) : je((u(), b(t(Et), {
                   key: 0,
                   width: n.leftWidth,
-                  class: q(["v-skeleton__left", {
+                  class: H(["v-skeleton__left", {
                     "is-collapsed": w.value
                   }])
                 }, {
@@ -9072,7 +9079,7 @@ const Ae = V({
                 }, 8, ["width", "class"])), [
                   [t(It), r]
                 ]),
-                p(t(Kn), { class: "v-skeleton__main" }, {
+                p(t(Qn), { class: "v-skeleton__main" }, {
                   default: h(() => [
                     l.value ? (u(), b(t(Ae), {
                       key: 0,
@@ -9132,10 +9139,10 @@ const Ae = V({
       _: 1
     }, 8, ["locale"]));
   }
-}), Hi = { key: 1 }, Gi = { class: "v-setter__content" }, Xi = {
+}), qi = { key: 1 }, Gi = { class: "v-setter__content" }, Xi = {
   key: 0,
   class: "v-setter__input"
-}, Qi = { class: "v-setter__action" }, Ki = "{{", Yi = "}}", Zi = /* @__PURE__ */ V({
+}, Ki = { class: "v-setter__action" }, Qi = "{{", Yi = "}}", Zi = /* @__PURE__ */ V({
   __name: "setter",
   props: {
     context: {},
@@ -9154,17 +9161,17 @@ const Ae = V({
   setup(c, { emit: e }) {
     const n = c, l = e, s = k(!1), o = k(""), r = k(
       n.setters.find((C) => C.name === n.defaultSetter) || n.setters[0]
-    ), a = k(n.value), i = S(() => !!We(a.value)), v = {
+    ), a = k(n.value), i = S(() => !!Ne(a.value)), v = {
       [r.value.name]: a.value
     }, m = (C) => {
       v[r.value.name] = a.value, r.value = C, a.value = v[C.name] ?? void 0, g(a.value);
     };
-    H(
+    q(
       () => n.value,
       () => {
         a.value = n.value;
       }
-    ), H(
+    ), q(
       () => n.defaultSetter,
       () => {
         r.value = n.setters.find(
@@ -9177,7 +9184,7 @@ const Ae = V({
     }, y = () => {
       l("remove", n.name);
     }, f = () => {
-      s.value = !0, o.value = We(a.value) ? a.value.value : "";
+      s.value = !0, o.value = Ne(a.value) ? a.value.value : "";
     }, d = () => {
       s.value = !1, o.value = "";
     }, _ = async (C) => ae(C, n.context, !0) ? (v[r.value.name] = a.value, a.value = C, l("change", C), !0) : !1, w = async () => {
@@ -9189,7 +9196,7 @@ const Ae = V({
       "label-positon": "left"
     }, {
       label: h(() => [
-        n.title ? (u(), b(t(Qt), {
+        n.title ? (u(), b(t(Kt), {
           key: 0,
           placement: "top-start",
           content: n.title
@@ -9198,7 +9205,7 @@ const Ae = V({
             G(z(n.label || n.name), 1)
           ]),
           _: 1
-        }, 8, ["content"])) : (u(), A("span", Hi, z(n.label || n.name), 1))
+        }, 8, ["content"])) : (u(), A("span", qi, z(n.label || n.name), 1))
       ]),
       default: h(() => [
         x("div", Gi, [
@@ -9221,7 +9228,7 @@ const Ae = V({
               "model-value": "JSExpression"
             }, {
               prefix: h(() => [
-                G(z(Ki))
+                G(z(Qi))
               ]),
               suffix: h(() => [
                 G(z(Yi))
@@ -9229,11 +9236,11 @@ const Ae = V({
               _: 1
             })) : j("", !0)
           ])) : j("", !0),
-          x("div", Qi, [
+          x("div", Ki, [
             n.variable ? (u(), b(t(oa), {
               key: 0,
               onClick: f,
-              class: q(["v-icon-vars", { "is-active": i.value }]),
+              class: H(["v-icon-vars", { "is-active": i.value }]),
               title: "绑定变量"
             }, null, 8, ["class"])) : j("", !0),
             n.setters.length > 1 ? (u(), b(t(Gt), {
@@ -9252,7 +9259,7 @@ const Ae = V({
                     }, {
                       default: h(() => [
                         p(t(dn), {
-                          class: q({
+                          class: H({
                             "is-placeholder": D.name !== r.value.name
                           })
                         }, null, 8, ["class"]),
@@ -9385,7 +9392,7 @@ const Ae = V({
         content: d.component
       });
     };
-    return H(m, (d) => {
+    return q(m, (d) => {
       l.skeleton?.toggleCollapse(!d);
     }), e({
       widgets: s,
@@ -9416,7 +9423,7 @@ const Ae = V({
         ])
       ]),
       x("div", pu, [
-        (u(!0), A($, null, T(r.value, (w) => (u(), b(qt, {
+        (u(!0), A($, null, T(r.value, (w) => (u(), b(Ht, {
           key: w.name
         }, [
           v.value?.name === w.name ? (u(), b(t(Ie), {
@@ -9515,15 +9522,15 @@ const Ae = V({
       const w = o.value?.model;
       return w ? l.assets.componentMap.get(w.name)?.doc : null;
     });
-    H(s, (w) => {
+    q(s, (w) => {
       l.skeleton?.settable(!!w);
-    }), H(
+    }), q(
       a,
       () => {
         m.value = y.value[0]?.name;
       },
       { immediate: !0 }
-    ), H(m, () => {
+    ), q(m, () => {
       g.value = !1;
     });
     const d = () => {
@@ -9539,14 +9546,14 @@ const Ae = V({
     return e({
       widgets: i,
       widgetsRef: v
-    }), (w, C) => t(s) ? (u(), b(t(N), {
+    }), (w, C) => t(s) ? (u(), b(t(W), {
       key: 0,
       class: "v-settings-region",
       fit: "",
       direction: "column"
     }, {
       default: h(() => [
-        t(o) ? (u(), b(t(N), {
+        t(o) ? (u(), b(t(W), {
           key: 0,
           flex: "",
           justify: "space-between",
@@ -9554,7 +9561,7 @@ const Ae = V({
           class: "v-settings-region__header"
         }, {
           default: h(() => [
-            p(t(N), { class: "v-settings-region__title" }, {
+            p(t(W), { class: "v-settings-region__title" }, {
               default: h(() => [
                 p(t(hn)),
                 x("span", null, [
@@ -9564,7 +9571,7 @@ const Ae = V({
               ]),
               _: 1
             }),
-            f.value ? (u(), b(t(N), { key: 0 }, {
+            f.value ? (u(), b(t(W), { key: 0 }, {
               default: h(() => [
                 p(t(he), {
                   onClick: d,
@@ -9578,7 +9585,7 @@ const Ae = V({
           ]),
           _: 1
         })) : j("", !0),
-        t(o) && !t(o).model.locked ? (u(), b(t(N), {
+        t(o) && !t(o).model.locked ? (u(), b(t(W), {
           key: 1,
           grow: "",
           padding: !1
@@ -9673,7 +9680,7 @@ const Ae = V({
       "onUpdate:modelValue": v[0] || (v[0] = (m) => a.value = m)
     }, {
       default: h(() => [
-        (u(!0), A($, null, T(t(l), (m) => (u(), b(qt, {
+        (u(!0), A($, null, T(t(l), (m) => (u(), b(Ht, {
           key: m.name
         }, [
           a.value === m.name ? (u(), b(t(Ie), {
@@ -9705,7 +9712,7 @@ export {
   Li as Assets,
   Ct as Binder,
   ft as Box,
-  Wi as Designer,
+  Ni as Designer,
   fa as EVENT_MODIFIERS,
   ne as Editor,
   Eu as Engine,
@@ -9720,11 +9727,11 @@ export {
   U as Panel,
   ha as RegionType,
   Ae as RegionWrapper,
-  Ni as Renderer,
+  Wi as Renderer,
   Zi as SetterView,
   F as SetterWrapper,
   Mi as Simulator,
-  qi as Skeleton,
+  Hi as Skeleton,
   Ui as SkeletonWrapper,
   oo as SlotsPicker,
   tt as Tabs,