@vtj/designer 0.7.6 → 0.7.9

package/dist/index.mjs

@@ -1,20 +1,20 @@
-import { defineComponent as E, openBlock as c, createElementBlock as j, toDisplayString as N, computed as S, unref as n, ref as w, reactive as Re, watchEffect as jt, toValue as et, watch as ne, createVNode as v, withCtx as g, createElementVNode as z, createBlock as _, createCommentVNode as C, createTextVNode as H, Fragment as $, renderList as B, normalizeClass as ee, resolveDynamicComponent as At, createSlots as cn, renderSlot as de, withModifiers as je, toRaw as dn, withDirectives as Ae, isRef as tt, vShow as We, mergeProps as ue, normalizeStyle as Fe, defineAsyncComponent as pn, h as xe, normalizeProps as Dt, guardReactiveProps as Pt, withKeys as ze, onMounted as It, onUnmounted as Rt, createApp as $t, shallowRef as Me, nextTick as Se, shallowReactive as mn, triggerRef as he, inject as vn, markRaw as gt, KeepAlive as Bt } from "vue";
-import { ElNotification as Ue, ElMessageBox as ct, ElMessage as dt, ElButton as re, ElDivider as Le, ElRadioGroup as fn, ElRadioButton as Ze, ElButtonGroup as gn, ElBadge as hn, ElDropdown as Tt, ElDropdownMenu as Ft, ElDropdownItem as nt, ElInput as pe, ElEmpty as Z, ElTooltip as zt, ElTag as bn, ElSwitch as Mt, ElTree as pt, ElAlert as _n, ElRow as st, ElCol as lt, ElCollapse as yn, ElCollapseItem as kn, ElForm as Ne, ElDrawer as wn, ElBreadcrumb as Sn, ElBreadcrumbItem as Vn, ElLoading as xn, ElSelect as Cn, ElOption as En, ElInputNumber as jn, ElColorPicker as An, ElConfigProvider as Dn, ElContainer as ht, ElHeader as Pn, ElAside as bt, ElMain as In, ElFooter as Rn, ElFormItem as $n } from "element-plus";
+import { defineComponent as E, openBlock as c, createElementBlock as j, toDisplayString as N, computed as S, unref as n, ref as w, reactive as Re, watchEffect as un, watch as X, toValue as et, createVNode as v, withCtx as g, createElementVNode as z, createBlock as _, createCommentVNode as C, createTextVNode as H, Fragment as $, renderList as B, normalizeClass as te, resolveDynamicComponent as jt, createSlots as cn, renderSlot as de, withModifiers as je, toRaw as dn, withDirectives as Ae, isRef as tt, vShow as We, mergeProps as ue, normalizeStyle as Fe, nextTick as ye, defineAsyncComponent as pn, h as xe, normalizeProps as At, guardReactiveProps as Dt, withKeys as ze, onMounted as Pt, onUnmounted as It, createApp as Rt, shallowRef as Me, shallowReactive as mn, triggerRef as he, inject as vn, markRaw as gt, KeepAlive as $t } from "vue";
+import { ElNotification as Ue, ElMessageBox as ct, ElMessage as dt, ElButton as re, ElDivider as Le, ElRadioGroup as fn, ElRadioButton as Ze, ElButtonGroup as gn, ElBadge as hn, ElDropdown as Bt, ElDropdownMenu as Tt, ElDropdownItem as nt, ElInput as pe, ElEmpty as Z, ElTooltip as Ft, ElTag as bn, ElSwitch as zt, ElTree as pt, ElAlert as _n, ElRow as st, ElCol as lt, ElCollapse as yn, ElCollapseItem as kn, ElForm as Ne, ElDrawer as wn, ElBreadcrumb as Sn, ElBreadcrumbItem as Vn, ElLoading as xn, ElSelect as Cn, ElOption as En, ElInputNumber as jn, ElColorPicker as An, ElConfigProvider as Dn, ElContainer as ht, ElHeader as Pn, ElAside as bt, ElMain as In, ElFooter as Rn, ElFormItem as $n } from "element-plus";
 import Bn from "element-plus/es/locale/lang/zh-cn";
-import { XAction as ye, XIcon as De, XDialog as $e, XDialogForm as ce, XField as P, XPanel as mt, XTabs as Nt, XContainer as O, XForm as Tn, XActionBar as Fn, vResizable as _t, createDialog as zn } from "@vtj/ui";
-import { delay as Ot, upperFirstCamelCase as Wt, toRawType as Qe, cloneDeep as He, isPlainObject as Mn, merge as Lt, arrayToMap as Nn, toArray as On } from "@vtj/utils";
-import { parseExpression as Je, parseFunction as Wn, JSCodeToString as Ce, LIFE_CYCLES_LIST as Ln, DATA_TYPES as Jn, logger as me, isJSExpression as Pe, createLoader as Un, ContextMode as ot, createRenderer as Hn, parseDeps as qn, createAssetsCss as Gn, createAssetScripts as yt, getRawComponent as Kn, createSchemaApis as Zn, Provider as Qn, isJSFunction as Xn } from "@vtj/renderer";
-import { isBlock as U, DirectiveModel as Jt, emitter as q, EVENT_PROJECT_ACTIVED as at, EVENT_NODE_CHANGE as Ie, NodeModel as kt, EVENT_BLOCK_CHANGE as rt, Base as Ut, ProjectModel as Yn, EVENT_PROJECT_CHANGE as es, EVENT_PROJECT_BLOCKS_CHANGE as ts, EVENT_PROJECT_PAGES_CHANGE as ns, EVENT_PROJECT_DEPS_CHANGE as ss, EVENT_PROJECT_PUBLISH as ls, EVENT_PROJECT_FILE_PUBLISH as os, EVENT_HISTORY_CHANGE as as, EVENT_HISTORY_LOAD as rs, BlockModel as wt, HistoryModel as is } from "@vtj/core";
-import { VtjIconBack as us, VtjIconPc as cs, VtjIconPhone as ds, VtjIconPad as ps, VtjIconUndo as ms, VtjIconRedo as vs, VtjIconBug as fs, VtjIconPreview as gs, VtjIconRefresh as hs, VtjIconSetting as bs, icons as it, ArrowDown as _s, Search as Ht, Back as ys, VtjIconPlus as qt, Delete as ks, VtjIconSave as ws, MoreFilled as vt, VtjIconCheck as Gt, VtjIconCopy as Kt, VtjIconEdit as Zt, VtjIconRemove as qe, VtjIconLock as Qt, VtjIconUnlock as Ss, VtjIconInvisible as Xt, VtjIconVisible as Vs, VtjIconHome as xs, VtjIconSearch as Cs, VtjIconLayers as Yt, VtjIconArrowUp as Es, VtjIconArrowDown as js, ArrowRight as As, VtjIconDocument as Ds, VtjIconComponents as Ps, VtjIconBlock as Is, VtjIconOutline as Rs, VtjIconHistory as $s, VtjIconApi as Bs, VtjIconCategory as Ts, VtjIconInfo as Fs, VtjIconVars as zs, VtjIconSwitch as Ms, VtjIconHelp as Ns } from "@vtj/icons";
-import { useClipboard as Os, useElementSize as en } from "@vueuse/core";
+import { XAction as ke, XIcon as De, XDialog as $e, XDialogForm as ce, XField as P, XPanel as mt, XTabs as Mt, XContainer as O, XForm as Tn, XActionBar as Fn, vResizable as _t, createDialog as zn } from "@vtj/ui";
+import { delay as Nt, upperFirstCamelCase as Ot, toRawType as Qe, cloneDeep as He, isPlainObject as Mn, merge as Wt, arrayToMap as Nn, toArray as On } from "@vtj/utils";
+import { parseExpression as Je, parseFunction as Wn, JSCodeToString as Ce, LIFE_CYCLES_LIST as Ln, DATA_TYPES as Jn, logger as me, isJSExpression as Pe, createLoader as Un, ContextMode as at, createRenderer as Hn, parseDeps as qn, createAssetsCss as Gn, createAssetScripts as yt, getRawComponent as Kn, createSchemaApis as Zn, Provider as Qn, isJSFunction as Xn } from "@vtj/renderer";
+import { isBlock as U, DirectiveModel as Lt, emitter as q, EVENT_PROJECT_ACTIVED as ot, EVENT_NODE_CHANGE as Ie, NodeModel as kt, EVENT_BLOCK_CHANGE as rt, Base as Jt, ProjectModel as Yn, EVENT_PROJECT_CHANGE as es, EVENT_PROJECT_BLOCKS_CHANGE as ts, EVENT_PROJECT_PAGES_CHANGE as ns, EVENT_PROJECT_DEPS_CHANGE as ss, EVENT_PROJECT_PUBLISH as ls, EVENT_PROJECT_FILE_PUBLISH as as, EVENT_HISTORY_CHANGE as os, EVENT_HISTORY_LOAD as rs, BlockModel as wt, HistoryModel as is } from "@vtj/core";
+import { VtjIconBack as us, VtjIconPc as cs, VtjIconPhone as ds, VtjIconPad as ps, VtjIconUndo as ms, VtjIconRedo as vs, VtjIconBug as fs, VtjIconPreview as gs, VtjIconRefresh as hs, VtjIconSetting as bs, icons as it, ArrowDown as _s, Search as Ut, Back as ys, VtjIconPlus as Ht, Delete as ks, VtjIconSave as ws, MoreFilled as vt, VtjIconCheck as qt, VtjIconCopy as Gt, VtjIconEdit as Kt, VtjIconRemove as qe, VtjIconLock as Zt, VtjIconUnlock as Ss, VtjIconInvisible as Qt, VtjIconVisible as Vs, VtjIconHome as xs, VtjIconSearch as Cs, VtjIconLayers as Xt, VtjIconArrowUp as Es, VtjIconArrowDown as js, ArrowRight as As, VtjIconDocument as Ds, VtjIconComponents as Ps, VtjIconBlock as Is, VtjIconOutline as Rs, VtjIconHistory as $s, VtjIconApi as Bs, VtjIconCategory as Ts, VtjIconInfo as Fs, VtjIconVars as zs, VtjIconSwitch as Ms, VtjIconHelp as Ns } from "@vtj/icons";
+import { useClipboard as Os, useElementSize as Yt } from "@vueuse/core";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.6
+ * @version 0.7.9
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ws = "0.7.6", St = {
+const Ws = "0.7.9", St = {
   width: 390,
   height: 844
 }, Vt = {
@@ -44,13 +44,13 @@ const Ws = "0.7.6", St = {
   "once",
   "passive"
 ];
-var ae = /* @__PURE__ */ ((i) => (i.Block = "block", i.Node = "node", i))(ae || {}), qs = /* @__PURE__ */ ((i) => (i.Brand = "Brand", i.Toolbar = "Toolbar", i.Actions = "Actions", i.Apps = "Apps", i.Workspace = "Workspace", i.Settings = "Settings", i.Status = "Status", i.Preview = "Preview", i))(qs || {});
-const tn = "data:image/png;base64,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", Gs = ["title", "src"], Ks = { key: 1 }, Zs = /* @__PURE__ */ E({
+var oe = /* @__PURE__ */ ((i) => (i.Block = "block", i.Node = "node", i))(oe || {}), qs = /* @__PURE__ */ ((i) => (i.Brand = "Brand", i.Toolbar = "Toolbar", i.Actions = "Actions", i.Apps = "Apps", i.Workspace = "Workspace", i.Settings = "Settings", i.Status = "Status", i.Preview = "Preview", i))(qs || {});
+const en = "data:image/png;base64,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", Gs = ["title", "src"], Ks = { key: 1 }, Zs = /* @__PURE__ */ E({
   name: "LogoWidget",
   inheritAttrs: !1,
   __name: "index",
   props: {
-    icon: { default: tn },
+    icon: { default: en },
     text: { default: "VTJ" },
     link: {}
   },
@@ -77,26 +77,26 @@ const tn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAA
     return (e, t) => (c(), j("div", Qs, "EmptyWidget"));
   }
 });
-function nn() {
+function tn() {
   const i = se(), e = S(() => i.project.value?.dependencies ?? []);
   return {
     engine: i,
     dependencies: e
   };
 }
-function ke(i, e) {
-  const t = S(() => rn.getWidgets(n(i), n(e)).filter((l) => !l.invisible)), s = w();
+function we(i, e) {
+  const t = S(() => on.getWidgets(n(i), n(e)).filter((l) => !l.invisible)), s = w();
   return {
     widgets: t,
     widgetsRef: s
   };
 }
-function sn() {
+function nn() {
   const i = se();
   return {
     span: S(() => {
-      const l = i.skeleton?.skeletonRef.leftWidth || 400, o = Math.min(Math.floor((l - 50) / 120), 24);
-      return Math.floor(24 / o);
+      const l = i.skeleton?.skeletonRef.leftWidth || 400, a = Math.min(Math.floor((l - 50) / 120), 24);
+      return Math.floor(24 / a);
     }),
     engine: i
   };
@@ -110,7 +110,7 @@ function Ys() {
 }
 const el = (i = []) => i.map((e) => e.name);
 function tl() {
-  const i = se(), { components: e, groups: t, componentMap: s } = i.assets, l = Re({}), o = S(() => {
+  const i = se(), { components: e, groups: t, componentMap: s } = i.assets, l = Re({}), a = S(() => {
     const f = {};
     return t.value && t.value.forEach((b) => {
       f[b.name] = b;
@@ -119,11 +119,11 @@ function tl() {
     label: `${f.label} (${f.count})`,
     name: f.name,
     disabled: !f.children?.length
-  })) : []), a = w(r.value[0]?.name), u = w(""), p = S(() => o.value[a.value]);
-  jt(() => {
+  })) : []), o = w(r.value[0]?.name), u = w(""), p = S(() => a.value[o.value]);
+  un(() => {
     const f = r.value.reduce(
       (b, h) => (b[h.name] = el(
-        o.value[h.name].children
+        a.value[h.name].children
       ), b),
       {}
     );
@@ -137,16 +137,16 @@ function tl() {
     components: e,
     groups: t,
     componentMap: s,
-    groupMap: o,
+    groupMap: a,
     tabs: r,
     model: l,
-    currentTab: a,
+    currentTab: o,
     currentGroup: p,
     searchKey: u,
     searchResult: m
   };
 }
-function te() {
+function ne() {
   const i = se(), e = S(() => i.current.value), t = S(() => i.context.value), s = S(() => i.isEmptyCurrent.value);
   return {
     engine: i,
@@ -160,52 +160,54 @@ function nl(i, e) {
   t.simulator.init(i, e);
   const s = S(() => t.simulator.designer.value), l = S(
     () => Xe("hover", s.value?.hover.value)
-  ), o = S(
+  ), a = S(
     () => Xe("dropping", s.value?.dropping.value)
   ), r = S(
     () => Xe("selected", s.value?.selected.value)
   );
-  return {
+  return X(t.changed, () => {
+    s.value?.updateRect();
+  }), {
     designer: s,
-    dropping: o,
+    dropping: a,
     hover: l,
     selected: r
   };
 }
 function sl(i, e = !0) {
-  const { top: t, height: s, width: l, left: o } = i || {};
+  const { top: t, height: s, width: l, left: a } = i || {};
   if (s > 100 && l > 200)
     return "inner";
-  let r, a;
-  return a = t > 30 ? "top" : "bottom", r = e || o < 300 && l < 300 ? "left" : "right", [r, a].join("-");
+  let r, o;
+  return o = t > 30 ? "top" : "bottom", r = e || a < 300 && l < 300 ? "left" : "right", [r, o].join("-");
 }
 function ll(i) {
-  const { rect: e, type: t } = i, { left: s, width: l, top: o, height: r } = e, a = { left: s, width: l, top: o, height: r };
+  const { rect: e, type: t } = i, { left: s, width: l, top: a, height: r } = e, o = { left: s, width: l, top: a, height: r };
   switch (t) {
     case "left":
-      a.left = 0, a.width = 0;
+      o.left = 0, o.width = 0;
       break;
     case "right":
-      a.left = a.left + a.width - 4, a.width = 0;
+      o.left = o.left + o.width - 4, o.width = 0;
       break;
     case "bottom":
-      a.top = a.top + a.height - 4, a.height = 0;
+      o.top = o.top + o.height - 4, o.height = 0;
       break;
     case "top":
-      a.height = 0;
+      o.height = 0;
       break;
   }
-  return a;
+  return o;
 }
 function Xe(i, e) {
   if (!e)
     return null;
-  const { left: t, top: s, width: l, height: o } = i === "dropping" ? ll(e) : e.rect, r = {
+  const { left: t, top: s, width: l, height: a } = i === "dropping" ? ll(e) : e.rect, r = {
     left: `${t}px`,
     top: `${s}px`,
     width: `${l}px`,
-    height: `${o}px`,
-    visibility: l || o ? "visible" : "hidden"
+    height: `${a}px`,
+    visibility: l || a ? "visible" : "hidden"
   };
   return {
     ...e,
@@ -224,12 +226,12 @@ function fe() {
     isSelectBlock: s
   };
 }
-function ol(i, e) {
-  const t = w(""), { selected: s, isSelectBlock: l } = fe(), o = S(() => s.value?.model.id), r = S(() => {
+function al(i, e) {
+  const t = w(""), { selected: s, isSelectBlock: l } = fe(), a = S(() => s.value?.model.id), r = S(() => {
     const u = et(i), p = et(e), m = [];
     if (!u)
       return m;
-    const f = p?.__contextRefs[o.value || ""], h = p === f || l.value ? [] : Object.keys(f?.context || {}).filter((A) => !["context", "ref"].includes(A)).map((A) => `this.context.${A}`);
+    const f = p?.__contextRefs[a.value || ""], h = p === f || l.value ? [] : Object.keys(f?.context || {}).filter((A) => !["context", "ref"].includes(A)).map((A) => `this.context.${A}`);
     h.length && m.push({ title: "上下文", items: h });
     const d = u.inject.map((A) => `this.${A.name}`);
     d.length && m.push({ title: "注入", items: d });
@@ -253,7 +255,7 @@ function ol(i, e) {
       (A) => `this.$refs.${A}`
     );
     return F.length && m.push({ title: "refs", items: F }), m;
-  }), a = S(() => {
+  }), o = S(() => {
     if (!t.value)
       return r.value;
     const u = t.value.toLowerCase(), p = [];
@@ -270,7 +272,7 @@ function ol(i, e) {
   return {
     keyword: t,
     options: r,
-    searchResult: a
+    searchResult: o
   };
 }
 const Te = [
@@ -283,12 +285,12 @@ const Te = [
     label: "表达式"
   }
 ];
-function al(i) {
+function ol(i) {
   const e = se(), t = S(() => {
     const f = i.value?.model || null;
     return U(f) ? null : f;
   }), s = w();
-  ne(
+  X(
     t,
     async (f) => {
       f?.from ? s.value = await e.assets.getBlockMaterial(f.from) || void 0 : s.value = void 0;
@@ -319,7 +321,7 @@ function al(i) {
       setters: Te,
       value: Array.isArray(t.value.children) ? "" : t.value.children
     }
-  ] : []), o = S(() => {
+  ] : []), a = S(() => {
     if (!t.value)
       return [];
     const f = s.value || e.assets.componentMap.get(t.value.name);
@@ -327,15 +329,15 @@ function al(i) {
       ...h,
       value: t.value?.getPropValue(h.name) ?? h.defaultValue
     })) : [];
-  }), r = (f) => l.value.some((b) => b.name === f) || o.value.some((b) => b.name === f) || f === "style", a = S(() => t.value ? Object.keys(t.value.props).filter((f) => !r(f)).map((f) => ({
+  }), r = (f) => l.value.some((b) => b.name === f) || a.value.some((b) => b.name === f) || f === "style", o = S(() => t.value ? Object.keys(t.value.props).filter((f) => !r(f)).map((f) => ({
     name: f,
     setters: "InputSetter",
     value: t.value?.getPropValue(f)
   })) : []);
   return {
     commonProps: l,
-    componentProps: o,
-    customProps: a,
+    componentProps: a,
+    customProps: o,
     node: t,
     change: (f, b) => {
       t.value && (f === "children" ? t.value.setChildren(b) : t.value.setProp(f, b));
@@ -360,13 +362,13 @@ async function Ee(i) {
     () => !1
   );
 }
-function oe(i, e = "success") {
+function ae(i, e = "success") {
   return dt({
     message: i,
     type: e
   });
 }
-function Y(i, e, t = !1) {
+function ee(i, e, t = !1) {
   let s = !0;
   try {
     i.type === "JSExpression" ? Je(i, e, t, !0) : Wn(i, e, t, !0);
@@ -378,26 +380,26 @@ function Y(i, e, t = !1) {
   }
   return s;
 }
-function ln() {
+function sn() {
   const i = se(), e = S(
     () => i.simulator.designer.value
   ), t = S(
     () => i.current.value ? i.history.value : null
   ), s = S(() => t.value?.items.length || 0), l = () => {
     e.value?.cleanHelper(), t.value?.forward();
-  }, o = () => {
+  }, a = () => {
     t.value?.backward(), e.value?.cleanHelper();
   }, r = (p) => {
-    e.value?.cleanHelper(), t.value?.load(p), oe("已载入历史记录", "success");
-  }, a = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) <= 0), u = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) >= s.value - 1);
+    e.value?.cleanHelper(), t.value?.load(p), ae("已载入历史记录", "success");
+  }, o = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) <= 0), u = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) >= s.value - 1);
   return {
     engine: i,
     history: t,
     total: s,
     forward: l,
-    backward: o,
+    backward: a,
     load: r,
-    forwardDisabled: a,
+    forwardDisabled: o,
     backwardDisabled: u
   };
 }
@@ -410,51 +412,51 @@ function Ge() {
 }
 function rl(i) {
   const e = se(), t = S(() => {
-    const a = i.value?.model || null;
-    return U(a) ? null : a;
+    const o = i.value?.model || null;
+    return U(o) ? null : o;
   }), s = w();
-  ne(t, async (a) => {
-    a?.from ? s.value = await e.assets.getBlockMaterial(a.from) || void 0 : s.value = void 0;
+  X(t, async (o) => {
+    o?.from ? s.value = await e.assets.getBlockMaterial(o.from) || void 0 : s.value = void 0;
   });
   const l = S(() => {
     if (U(t.value))
       return [];
-    const a = t.value?.events || {};
+    const o = t.value?.events || {};
     return Ls.map((u) => ({
       name: u,
-      event: a[u]
+      event: o[u]
     }));
-  }), o = S(() => {
+  }), a = S(() => {
     if (U(t.value))
       return [];
-    const a = t.value?.events || {};
+    const o = t.value?.events || {};
     return Js.map((u) => ({
       name: u,
-      event: a[u]
+      event: o[u]
     }));
   }), r = S(() => {
     if (!t.value || U(t.value))
       return [];
-    const a = t.value.events || {};
+    const o = t.value.events || {};
     return (s.value?.events || e.assets.componentMap.get(t.value.name)?.events || []).map((p) => {
       const m = typeof p == "string" ? p : p.name;
       return {
         name: m,
-        event: a[m]
+        event: o[m]
       };
     });
   });
   return {
     mouseEventList: l,
-    keyboardEventList: o,
+    keyboardEventList: a,
     componentEventList: r
   };
 }
-const xt = (i, e) => new Jt({
+const xt = (i, e) => new Lt({
   name: i,
   value: void 0,
   iterator: e
-}), il = (i = "modelValue") => new Jt({
+}), il = (i = "modelValue") => new Lt({
   name: "vModel",
   value: void 0,
   arg: i
@@ -465,7 +467,7 @@ function ul(i) {
   const { props: e = [], events: t = [] } = i;
   if (e.length && t.length) {
     const s = t.filter((l) => (typeof l == "string" ? l : l.name).startsWith("update:")).map((l) => l = typeof l == "string" ? l : l.name);
-    return s.length ? e.filter((l) => s.some((o) => o.includes(l.name))) : [];
+    return s.length ? e.filter((l) => s.some((a) => a.includes(l.name))) : [];
   }
   return [];
 }
@@ -480,18 +482,18 @@ function cl(i) {
     return (d ? ul(d) : []).map((y) => (t.value?.directives || []).find(
       (V) => V.name === "vModel" && V.arg == y.name
     ) || il(y.name));
-  }), o = s("vIf"), r = s("vShow"), a = s("vBind"), u = s("vFor"), p = l(), m = {
-    vIf: o,
+  }), a = s("vIf"), r = s("vShow"), o = s("vBind"), u = s("vFor"), p = l(), m = {
+    vIf: a,
     vShow: r,
-    vBind: a,
+    vBind: o,
     vFor: u
   };
   return {
     engine: e,
     node: t,
-    vIf: o,
+    vIf: a,
     vShow: r,
-    vBind: a,
+    vBind: o,
     vFor: u,
     vModels: p,
     onValueChange: (d, k) => {
@@ -532,10 +534,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   __name: "index",
   emits: ["click"],
   setup(i, { emit: e }) {
-    const t = e, { engine: s } = te(), l = S(() => s.project.value?.name), o = S(() => s.project.value?.currentFile?.title), r = () => {
+    const t = e, { engine: s } = ne(), l = S(() => s.project.value?.name), a = S(() => s.project.value?.currentFile?.title), r = () => {
       t("click", s.project.value);
     };
-    return (a, u) => (c(), j("div", pl, [
+    return (o, u) => (c(), j("div", pl, [
       v(n(re), {
         size: "small",
         round: "",
@@ -544,11 +546,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         default: g(() => [
           v(n(us), { class: "v-switcher-widget__back" }),
           z("span", null, N(l.value), 1),
-          o.value ? (c(), _(n(Le), {
+          a.value ? (c(), _(n(Le), {
             key: 0,
             direction: "vertical"
           })) : C("", !0),
-          o.value ? (c(), j("span", ml, N(o.value), 1)) : C("", !0)
+          a.value ? (c(), j("span", ml, N(a.value), 1)) : C("", !0)
         ]),
         _: 1
       })
@@ -562,14 +564,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     preview: { type: Boolean }
   },
   setup(i, { expose: e }) {
-    const t = i, { forward: s, backward: l, forwardDisabled: o, backwardDisabled: r } = ln(), a = w("pc");
+    const t = i, { forward: s, backward: l, forwardDisabled: a, backwardDisabled: r } = sn(), o = w("pc");
     return e({
-      mode: a
+      mode: o
     }), (u, p) => (c(), j("div", fl, [
       v(n(fn), {
         size: "small",
-        modelValue: a.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (m) => a.value = m)
+        modelValue: o.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (m) => o.value = m)
       }, {
         default: g(() => [
           v(n(Ze), { label: "pc" }, {
@@ -611,7 +613,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             type: "default",
             size: "small",
             onClick: n(s),
-            disabled: n(o) || !!t.preview
+            disabled: n(a) || !!t.preview
           }, {
             default: g(() => [
               v(n(vs))
@@ -632,9 +634,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   setup(i) {
     const { engine: e, designer: t } = fe(), s = w(!1), l = () => {
-      e.current.value ? (s.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (t.value?.setSelected(null), e.simulator.refresh()), oe("刷新完成", "success")) : oe("请先打开文件", "warning");
-    }, o = async () => {
-      e.current.value ? (s.value && (e.skeleton?.closePreview(), s.value = !1, await Ot(1e3)), t.value?.setSelected(e.current.value)) : oe("请先打开文件", "warning");
+      e.current.value ? (s.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (t.value?.setSelected(null), e.simulator.refresh()), ae("刷新完成", "success")) : ae("请先打开文件", "warning");
+    }, a = async () => {
+      e.current.value ? (s.value && (e.skeleton?.closePreview(), s.value = !1, await Nt(1e3)), t.value?.setSelected(e.current.value)) : ae("请先打开文件", "warning");
     }, r = () => {
       if (e.project.value)
         if (e.current.value) {
@@ -644,13 +646,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           }
           e.skeleton?.openPreview(""), s.value = !0;
         } else
-          oe("请先打开文件", "warning");
-    }, a = () => {
+          ae("请先打开文件", "warning");
+    }, o = () => {
       const p = e.project.value;
-      p && (p.currentFile ? p.publish(p.currentFile) : oe("请先打开文件", "warning"));
+      p && (p.currentFile ? p.publish(p.currentFile) : ae("请先打开文件", "warning"));
     }, u = (p) => {
       const m = e.project.value;
-      m && (p === "current" ? a() : m.publish());
+      m && (p === "current" ? o() : m.publish());
     };
     return (p, m) => (c(), j("div", hl, [
       v(n(hn), {
@@ -659,7 +661,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         hidden: !0
       }, {
         default: g(() => [
-          v(n(ye), {
+          v(n(ke), {
             mode: "icon",
             icon: n(fs),
             background: "hover"
@@ -694,7 +696,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         type: "default",
         size: "small",
         title: "页面设置",
-        onClick: o
+        onClick: a
       }, {
         default: g(() => [
           v(n(bs))
@@ -702,15 +704,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         _: 1
       }),
       v(n(Le), { direction: "vertical" }),
-      v(n(Tt), {
+      v(n(Bt), {
         "split-button": "",
         type: "primary",
         size: "small",
-        onClick: a,
+        onClick: o,
         onCommand: u
       }, {
         dropdown: g(() => [
-          v(n(Ft), null, {
+          v(n(Tt), null, {
             default: g(() => [
               v(n(nt), { command: "current" }, {
                 default: g(() => [
@@ -735,7 +737,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       })
     ]));
   }
-}), yl = { class: "v-icon-setter" }, kl = { class: "v-icon-setter__content" }, wl = { class: "v-icon-setter__list" }, on = /* @__PURE__ */ E({
+}), yl = { class: "v-icon-setter" }, kl = { class: "v-icon-setter__content" }, wl = { class: "v-icon-setter__list" }, ln = /* @__PURE__ */ E({
   name: "IconSetter",
   __name: "icon",
   props: {
@@ -744,17 +746,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change", "update:modelValue"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = w(!1), o = w(t.modelValue), r = w(""), a = S(
+    const t = i, s = e, l = w(!1), a = w(t.modelValue), r = w(""), o = S(
       () => it[t.modelValue] || t.modelValue
     ), u = S(() => {
       const h = Object.entries(it);
       return r.value ? h.filter((d) => d[0].toLowerCase().includes(r.value)) : h;
     }), p = (h) => {
-      o.value = h;
+      a.value = h;
     }, m = () => {
-      s("change", o.value), s("update:modelValue", o.value), l.value = !1;
+      s("change", a.value), s("update:modelValue", a.value), l.value = !1;
     }, f = () => {
-      o.value = "", s("change", ""), s("update:modelValue", ""), l.value = !1;
+      a.value = "", s("change", ""), s("update:modelValue", ""), l.value = !1;
     }, b = () => {
       l.value = !0;
     };
@@ -768,7 +770,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         onFocus: b
       }, {
         prepend: g(() => [
-          v(n(De), { icon: a.value }, null, 8, ["icon"])
+          v(n(De), { icon: o.value }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["size", "model-value", "suffix-icon"]),
@@ -800,7 +802,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           z("div", kl, [
             v(n(pe), {
               size: t.size,
-              "prefix-icon": n(Ht),
+              "prefix-icon": n(Ut),
               clearable: "",
               modelValue: r.value,
               "onUpdate:modelValue": d[0] || (d[0] = (k) => r.value = k),
@@ -810,7 +812,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               (c(!0), j($, null, B(u.value, (k) => (c(), _(n(De), {
                 icon: k[1],
                 onClick: (y) => p(k[0]),
-                class: ee({ "is-active": o.value === k[0] })
+                class: te({ "is-active": a.value === k[0] })
               }, null, 8, ["icon", "onClick", "class"]))), 256)),
               u.value.length === 0 ? (c(), _(n(Z), { key: 0 })) : C("", !0)
             ])
@@ -836,18 +838,18 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       mask: !0,
       hidden: !1,
       raw: !1
-    }), o = w(e.item || l()), r = [
+    }), a = w(e.item || l()), r = [
       { label: "页面", value: !1 },
       { label: "目录", value: !0 }
-    ], a = (p) => {
-      o.value && (o.value.name = Wt(p));
+    ], o = (p) => {
+      a.value && (a.value.name = Ot(p));
     }, u = async (p) => t.value?.existPageName(p.name, [p.id]) ? (Q("页面名称已存在，请更换"), !1) : (e.item ? t.value?.updatePage(p) : t.value?.createPage(p, e.parentId), !0);
     return (p, m) => (c(), _(n(ce), {
       title: s.value,
       width: "800px",
       height: "500px",
       "form-props": { tooltipMessage: !1 },
-      model: o.value,
+      model: a.value,
       "submit-method": u
     }, {
       default: g(() => [
@@ -864,7 +866,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           name: "name",
           label: "名称",
           required: "",
-          onChange: a,
+          onChange: o,
           rules: { pattern: n(ve), message: "名称格式不正确" }
         }, null, 8, ["rules"]),
         v(n(P), {
@@ -878,9 +880,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           editor: "none"
         }, {
           editor: g(() => [
-            v(on, {
-              modelValue: o.value.icon,
-              "onUpdate:modelValue": m[0] || (m[0] = (f) => o.value.icon = f),
+            v(ln, {
+              modelValue: a.value.icon,
+              "onUpdate:modelValue": m[0] || (m[0] = (f) => a.value.icon = f),
               size: "default"
             }, null, 8, ["modelValue"])
           ]),
@@ -924,10 +926,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const t = i, s = e, l = S(() => ({
       "is-active": t.active,
       "is-open": t.open
-    })), o = () => {
+    })), a = () => {
       s("click");
     };
-    return (r, a) => (c(), _(n(zt), {
+    return (r, o) => (c(), _(n(Ft), {
       effect: "dark",
       placement: "right",
       content: r.label,
@@ -935,10 +937,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, {
       default: g(() => [
         z("div", {
-          class: ee(["v-apps-region__icon", l.value]),
-          onClick: o
+          class: te(["v-apps-region__icon", l.value]),
+          onClick: a
         }, [
-          (c(), _(At(r.icon)))
+          (c(), _(jt(r.icon)))
         ], 2)
       ]),
       _: 1
@@ -960,17 +962,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i, { emit: e }) {
     const t = i, s = e, l = () => {
       s("plus");
-    }, o = () => {
+    }, a = () => {
       s("back");
     }, r = () => {
       s("remove");
-    }, a = () => {
+    }, o = () => {
       s("save");
     }, u = S(() => t.header ? {
       content: t.title,
       subtitle: t.subtitle,
       icon: t.back ? ys : void 0,
-      onClickBack: t.back ? o : void 0
+      onClickBack: t.back ? a : void 0
     } : null);
     return (p, m) => (c(), _(n(mt), {
       class: "v-panel",
@@ -979,16 +981,16 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       fit: ""
     }, cn({
       actions: g(() => [
-        t.plus ? (c(), _(n(ye), {
+        t.plus ? (c(), _(n(ke), {
           key: 0,
           size: p.$attrs.size,
           mode: "icon",
-          icon: n(qt),
+          icon: n(Ht),
           background: "hover",
           title: "新增",
           onClick: l
         }, null, 8, ["size", "icon"])) : C("", !0),
-        t.remove ? (c(), _(n(ye), {
+        t.remove ? (c(), _(n(ke), {
           key: 1,
           size: p.$attrs.size,
           mode: "icon",
@@ -997,14 +999,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           title: "清除",
           onClick: r
         }, null, 8, ["size", "icon"])) : C("", !0),
-        t.save ? (c(), _(n(ye), {
+        t.save ? (c(), _(n(ke), {
           key: 2,
           size: p.$attrs.size,
           mode: "icon",
           icon: n(ws),
           background: "hover",
           title: "保存",
-          onClick: a
+          onClick: o
         }, null, 8, ["size", "icon"])) : C("", !0),
         de(p.$slots, "actions")
       ]),
@@ -1039,20 +1041,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const t = i, s = e, l = w(
       (t.modelValue || t.items[0]?.name) ?? ""
     );
-    ne(l, () => {
+    X(l, () => {
       s("update:modelValue", l.value);
-    }), ne(
+    }), X(
       () => t.modelValue,
-      (a) => {
-        l.value = a;
+      (o) => {
+        l.value = o;
       }
     );
-    const o = (a) => {
-      s("command", a);
-    }, r = (a) => {
-      s("remove", a);
+    const a = (o) => {
+      s("command", o);
+    }, r = (o) => {
+      s("remove", o);
     };
-    return (a, u) => (c(), _(n(mt), {
+    return (o, u) => (c(), _(n(mt), {
       class: "v-tabs",
       border: !1,
       fit: "",
@@ -1060,7 +1062,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, {
       header: g(() => [
         z("div", Vl, [
-          v(n(Nt), {
+          v(n(Mt), {
             class: "v-tabs__tabs",
             items: t.items,
             type: "card",
@@ -1070,7 +1072,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             stretch: t.stretch
           }, null, 8, ["items", "modelValue", "stretch"]),
           t.menus && t.menus.length ? (c(), j("div", xl, [
-            t.menus && t.menus.length ? (c(), _(n(ye), {
+            t.menus && t.menus.length ? (c(), _(n(ke), {
               key: 0,
               mode: "icon",
               size: "small",
@@ -1081,13 +1083,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                 placement: "bottom-end"
               },
               menus: t.menus,
-              onCommand: o
+              onCommand: a
             }, {
               item: g(({ item: p }) => [
                 z("span", null, [
-                  t.checkable ? (c(), _(n(Gt), {
+                  t.checkable ? (c(), _(n(qt), {
                     key: 0,
-                    class: ee({
+                    class: te({
                       "v-tabs__checked": !0,
                       "is-checked": p.checked
                     })
@@ -1101,7 +1103,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         ])
       ]),
       default: g(() => [
-        de(a.$slots, "default")
+        de(o.$slots, "default")
       ]),
       _: 3
     }));
@@ -1112,7 +1114,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
 }, El = { class: "v-item__content" }, jl = {
   key: 3,
   class: "v-item__subtitle"
-}, X = /* @__PURE__ */ E({
+}, Y = /* @__PURE__ */ E({
   name: "VItem",
   __name: "item",
   props: {
@@ -1136,15 +1138,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const t = {
       add: {
         label: "创建",
-        icon: qt
+        icon: Ht
       },
       copy: {
         label: "复制",
-        icon: Kt
+        icon: Gt
       },
       edit: {
         label: "编辑",
-        icon: Zt
+        icon: Kt
       },
       remove: {
         label: "删除",
@@ -1152,7 +1154,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       },
       lock: {
         label: "锁定",
-        icon: Qt
+        icon: Zt
       },
       unlock: {
         label: "解锁",
@@ -1160,7 +1162,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       },
       invisible: {
         label: "隐藏",
-        icon: Xt
+        icon: Qt
       },
       visible: {
         label: "显示",
@@ -1170,13 +1172,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         label: "主页",
         icon: xs
       }
-    }, s = i, l = e, o = w(!!s.modelValue), r = S(() => s.actions.map((m) => {
+    }, s = i, l = e, a = w(!!s.modelValue), r = S(() => s.actions.map((m) => {
       const f = t[m];
       return {
         name: m,
         ...f
       };
-    })), a = S(() => ({
+    })), o = S(() => ({
       "is-background": s.background,
       "is-border": s.border,
       "is-active": s.active,
@@ -1195,15 +1197,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         modelValue: s.modelValue
       });
     };
-    return ne(o, (m) => {
+    return X(a, (m) => {
       l("update:modelValue", m), l("switch", m);
-    }), ne(
+    }), X(
       () => s.modelValue,
       (m) => {
-        o.value = !!m;
+        a.value = !!m;
       }
     ), (m, f) => (c(), _(n(O), {
-      class: ee(["v-item", a.value]),
+      class: te(["v-item", o.value]),
       justify: "space-between",
       align: "center",
       onClick: u
@@ -1243,7 +1245,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           }, ["stop"]))
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(r.value, (b) => (c(), _(n(ye), {
+            (c(!0), j($, null, B(r.value, (b) => (c(), _(n(ke), {
               name: b.name,
               title: b.label,
               mode: "icon",
@@ -1253,10 +1255,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               icon: b.icon,
               onClick: (h) => p(b.name)
             }, null, 8, ["name", "title", "icon", "onClick"]))), 256)),
-            s.switch ? (c(), _(n(Mt), {
+            s.switch ? (c(), _(n(zt), {
               key: 0,
-              modelValue: o.value,
-              "onUpdate:modelValue": f[0] || (f[0] = (b) => o.value = b),
+              modelValue: a.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (b) => a.value = b),
               class: "v-item__switch",
               size: "small"
             }, null, 8, ["modelValue"])) : C("", !0),
@@ -1282,22 +1284,22 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i, { emit: e }) {
     const t = i, s = e, l = () => {
       s("edit");
-    }, o = async () => {
+    }, a = async () => {
       await ct.confirm("确认删除？", "提示", {
         type: "warning"
       }).catch(() => !1) && s("remove");
     }, r = S(() => ({
       "is-active": t.active,
       "is-draggable": t.draggable
-    })), a = () => {
+    })), o = () => {
       s("dragstart", t);
     }, u = () => {
       s("dragend", t);
     };
     return (p, m) => (c(), j("div", {
-      class: ee(["v-box", r.value]),
+      class: te(["v-box", r.value]),
       draggable: p.draggable,
-      onDragstart: a,
+      onDragstart: o,
       onDragend: u
     }, [
       v(n(O), {
@@ -1319,12 +1321,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       }, {
         default: g(() => [
           v(n(De), {
-            icon: n(Zt),
+            icon: n(Kt),
             onClick: l
           }, null, 8, ["icon"]),
           v(n(De), {
             icon: n(qe),
-            onClick: o
+            onClick: a
           }, null, 8, ["icon"])
         ]),
         _: 1
@@ -1338,7 +1340,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["pick", "copy"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = ["$provider", "$apis", "$components", "context"], o = (m) => {
+    const t = i, s = e, l = ["$provider", "$apis", "$components", "context"], a = (m) => {
       const f = m.value, b = Qe(f);
       return b === "Object" || b === "Module" ? Object.keys(f || {}).length === 0 : b === "Array" ? f.length === 0 : !0;
     }, r = (m, f = "this") => typeof m == "object" ? Array.isArray(m) ? m.map((b, h) => {
@@ -1356,7 +1358,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       path: `${f}.${b}`
     })).filter(
       (b) => !b.label.startsWith("__") && !l.includes(b.label)
-    ) : [], a = (m, f) => {
+    ) : [], o = (m, f) => {
       if (m.level === 0)
         f(r(t.context));
       else {
@@ -1372,12 +1374,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       m.context ? (c(), _(n(pt), {
         key: 0,
         lazy: "",
-        load: a,
+        load: o,
         "expand-on-click-node": !1,
-        props: { isLeaf: o }
+        props: { isLeaf: a }
       }, {
         default: g(({ data: b }) => [
-          v(X, {
+          v(Y, {
             title: b.label,
             clickable: "",
             onClick: (h) => p(b),
@@ -1413,7 +1415,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     "close"
   ],
   setup(i, { emit: e }) {
-    const t = i, s = e, { searchResult: l, keyword: o } = ol(t.block, t.context), { copy: r } = Os({}), a = [
+    const t = i, s = e, { searchResult: l, keyword: a } = al(t.block, t.context), { copy: r } = Os({}), o = [
       {
         name: "normal",
         label: "常用"
@@ -1464,7 +1466,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               default: g(() => [
                 v(Ke, {
                   class: "v-binder__tabs",
-                  items: a,
+                  items: o,
                   modelValue: u.value,
                   "onUpdate:modelValue": x[1] || (x[1] = (D) => u.value = D)
                 }, {
@@ -1478,11 +1480,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                       default: g(() => [
                         Ae(z("div", null, [
                           v(n(pe), {
-                            modelValue: n(o),
-                            "onUpdate:modelValue": x[0] || (x[0] = (D) => tt(o) ? o.value = D : null),
+                            modelValue: n(a),
+                            "onUpdate:modelValue": x[0] || (x[0] = (D) => tt(a) ? a.value = D : null),
                             size: "small",
                             clearable: "",
-                            "prefix-icon": n(Ht),
+                            "prefix-icon": n(Ut),
                             placeholder: "筛选可用项"
                           }, null, 8, ["modelValue", "prefix-icon"]),
                           (c(!0), j($, null, B(n(l), (D) => (c(), j("div", null, [
@@ -1492,7 +1494,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                               ]),
                               _: 2
                             }, 1024),
-                            (c(!0), j($, null, B(D.items, (F) => (c(), _(X, {
+                            (c(!0), j($, null, B(D.items, (F) => (c(), _(Y, {
                               title: F,
                               background: "",
                               actions: ["copy"],
@@ -1608,19 +1610,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["submit", "update:modelValue"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = w(), o = S(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), r = (u) => {
+    const t = i, s = e, l = w(), a = S(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), r = (u) => {
       l.value = u;
-    }, a = () => {
+    }, o = () => {
       l.value ? (s("submit", l.value), s("update:modelValue", !1)) : Q("请选择插槽");
     };
     return (u, p) => (c(), _(n($e), ue({
       class: "v-slots-picker",
       title: "选择插槽",
       width: "600px",
-      height: o.value,
+      height: a.value,
       submit: "",
       cancel: "",
-      onSubmit: a
+      onSubmit: o
     }, u.$attrs), {
       default: g(() => [
         v(n(_n), {
@@ -1637,7 +1639,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         }, {
           default: g(() => [
             (c(!0), j($, null, B(t.slots, (m, f) => (c(), _(n(O), {
-              class: ee(["v-slots-picker__item", { "is-active": m.name === l.value?.name }]),
+              class: te(["v-slots-picker__item", { "is-active": m.name === l.value?.name }]),
               grow: "",
               flex: !1,
               onClick: (b) => r(m)
@@ -1667,36 +1669,36 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const e = i, t = S(() => [`is-${e.mode}`]), s = S(() => {
       if (e.mode === "pc")
         return 1;
-      const o = e.mode === "mobile" ? St : Vt, { width: r, height: a } = o, u = r > 0 ? (e.width || 0) / r : 1, p = a > 0 ? (e.height || 0) / a : 1;
+      const a = e.mode === "mobile" ? St : Vt, { width: r, height: o } = a, u = r > 0 ? (e.width || 0) / r : 1, p = o > 0 ? (e.height || 0) / o : 1;
       return Math.min(u, p);
     }), l = S(() => {
       if (e.mode === "pc")
         return {};
-      const o = e.mode === "mobile" ? St : Vt, { width: r, height: a } = o;
+      const a = e.mode === "mobile" ? St : Vt, { width: r, height: o } = a;
       return {
         width: `${r}px`,
-        height: `${a}px`,
+        height: `${o}px`,
         left: "50%",
         top: "50%",
         transform: `translate(-50%, -50%) scale(${s.value})`
       };
     });
-    return (o, r) => (c(), j("div", {
-      class: ee(["v-viewport", t.value]),
+    return (a, r) => (c(), j("div", {
+      class: te(["v-viewport", t.value]),
       style: Fe(l.value)
     }, [
-      de(o.$slots, "default")
+      de(a.$slots, "default")
     ], 6));
   }
 }), Tl = /* @__PURE__ */ E({
   name: "PagesWidget",
   __name: "index",
   setup(i) {
-    const { project: e, engine: t } = Ge(), s = S(() => e.value?.pages || []), { current: l } = te(), o = w(!1), r = w(), a = w(), u = () => {
-      a.value = void 0, r.value = void 0, o.value = !0;
+    const { project: e, engine: t } = Ge(), s = S(() => e.value?.pages || []), { current: l } = ne(), a = w(!1), r = w(), o = w(), u = () => {
+      o.value = void 0, r.value = void 0, a.value = !0;
     }, p = async (h) => {
       const { name: d, modelValue: k } = h, { data: y, node: V } = k;
-      if (d === "add" && (r.value = void 0, a.value = y.id, o.value = !0), d === "edit" && (r.value = He(y), a.value = void 0, o.value = !0), d === "remove") {
+      if (d === "add" && (r.value = void 0, o.value = y.id, a.value = !0), d === "edit" && (r.value = He(y), o.value = void 0, a.value = !0), d === "remove") {
         if (y.dir) {
           const x = e.value?.getPage(y.id);
           if (x && x.children?.length) {
@@ -1710,9 +1712,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         const x = V.parent?.data.id;
         e.value?.clonePage(y, x);
       }
-      d === "home" && (e.value?.setHomepage(y.id), oe("设置主页成功", "success"));
+      d === "home" && (e.value?.setHomepage(y.id), ae("设置主页成功", "success"));
     }, m = async (h) => {
-      h.raw && oe("这是源码模式页面，不能低代码设计", "warning"), h.dir || h.raw ? t.project.value?.deactivate() : t.project.value?.active(h);
+      h.raw && ae("这是源码模式页面，不能低代码设计", "warning"), h.dir || h.raw ? t.project.value?.deactivate() : t.project.value?.active(h);
     }, f = (h, d, k) => k === "inner" ? !!d.data.dir : !0, b = () => {
       e.value?.update({
         pages: et(s)
@@ -1735,7 +1737,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onNodeDrop: b
         }, {
           default: g(({ data: k, node: y }) => [
-            v(n(X), {
+            v(n(Y), {
               class: "v-pages-widget__item",
               icon: n(it)[k.icon],
               title: k.title,
@@ -1755,12 +1757,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ]),
           _: 1
         }, 8, ["data"]),
-        o.value ? (c(), _(Sl, {
+        a.value ? (c(), _(Sl, {
           key: 0,
-          modelValue: o.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (k) => o.value = k),
+          modelValue: a.value,
+          "onUpdate:modelValue": d[0] || (d[0] = (k) => a.value = k),
           item: r.value,
-          "parent-id": a.value
+          "parent-id": o.value
         }, null, 8, ["modelValue", "item", "parent-id"])) : C("", !0)
       ]),
       _: 1
@@ -1770,7 +1772,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "BlocksWidget",
   __name: "index",
   setup(i) {
-    const { span: e } = sn(), { blocks: t, engine: s } = Ys(), l = w(void 0), { current: o } = te(), r = w(!1), a = S(() => l.value?.id ? "编辑" : "新增"), u = S(() => `(共 ${t.value.length} 个)`), p = () => ({
+    const { span: e } = nn(), { blocks: t, engine: s } = Ys(), l = w(void 0), { current: a } = ne(), r = w(!1), o = S(() => l.value?.id ? "编辑" : "新增"), u = S(() => `(共 ${t.value.length} 个)`), p = () => ({
       name: "",
       title: "",
       type: "block"
@@ -1795,7 +1797,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, h = (x) => {
       s.project.value?.removeBlock(x.id);
     }, d = (x) => {
-      l.value && (l.value.name = Wt(x));
+      l.value && (l.value.name = Ot(x));
     }, k = async (x) => {
       s.project.value?.active(x);
     }, y = async (x) => {
@@ -1829,12 +1831,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                 v(n(ut), {
                   name: F.name,
                   title: F.title,
-                  active: n(o)?.id === F.id,
+                  active: n(a)?.id === F.id,
                   editable: "",
                   onEdit: (A) => b(F),
                   onRemove: (A) => h(F),
                   onClick: (A) => k(F),
-                  draggable: n(o)?.id !== F.id,
+                  draggable: n(a)?.id !== F.id,
                   onDragstart: (A) => y(F),
                   onDragend: V
                 }, null, 8, ["name", "title", "active", "onEdit", "onRemove", "onClick", "draggable", "onDragstart"])
@@ -1848,7 +1850,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         v(n(ce), {
           modelValue: r.value,
           "onUpdate:modelValue": D[0] || (D[0] = (F) => r.value = F),
-          title: a.value,
+          title: o.value,
           model: l.value,
           width: "600px",
           height: "250px",
@@ -1886,7 +1888,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "ComponentsWidget",
   __name: "index",
   setup(i) {
-    const { span: e, engine: t } = sn(), { tabs: s, currentTab: l, currentGroup: o, model: r, searchKey: a, searchResult: u } = tl(), p = (f) => {
+    const { span: e, engine: t } = nn(), { tabs: s, currentTab: l, currentGroup: a, model: r, searchKey: o, searchResult: u } = tl(), p = (f) => {
       const b = t.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       b && b.setDragging(f);
     }, m = () => {
@@ -1901,8 +1903,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       default: g(() => [
         z("div", zl, [
           v(n(pe), {
-            modelValue: n(a),
-            "onUpdate:modelValue": b[0] || (b[0] = (h) => tt(a) ? a.value = h : null),
+            modelValue: n(o),
+            "onUpdate:modelValue": b[0] || (b[0] = (h) => tt(o) ? o.value = h : null),
             placeholder: "搜索组件",
             clearable: "",
             size: "small"
@@ -1913,7 +1915,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             _: 1
           }, 8, ["modelValue"])
         ]),
-        n(a) ? (c(), j("div", Ml, [
+        n(o) ? (c(), j("div", Ml, [
           v(n(st), {
             wrap: "wrap",
             gutter: 5
@@ -1938,7 +1940,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             _: 1
           }),
           n(u).length ? C("", !0) : (c(), _(n(Z), { key: 0 }))
-        ])) : (c(), _(n(Nt), {
+        ])) : (c(), _(n(Mt), {
           key: 1,
           items: n(s),
           modelValue: n(l),
@@ -1946,13 +1948,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         }, {
           default: g(() => [
             z("div", Nl, [
-              n(o) ? (c(), _(n(yn), {
+              n(a) ? (c(), _(n(yn), {
                 key: 0,
                 modelValue: n(r)[n(l)],
                 "onUpdate:modelValue": b[1] || (b[1] = (h) => n(r)[n(l)] = h)
               }, {
                 default: g(() => [
-                  (c(!0), j($, null, B(n(o).children, (h) => (c(), _(n(kn), {
+                  (c(!0), j($, null, B(n(a).children, (h) => (c(), _(n(kn), {
                     key: h.name,
                     name: h.name,
                     title: `${h.label} (${h.count})`
@@ -2000,12 +2002,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "OutlineWidget",
   __name: "index",
   setup(i) {
-    const { engine: e, designer: t, selected: s } = fe(), { current: l } = te(), o = w([]), r = (A) => {
+    const { engine: e, designer: t, selected: s } = fe(), { current: l } = ne(), a = w([]), r = (A) => {
       if (U(A))
         return A.locked ? ["unlock"] : ["lock"];
       const T = A.parent;
       return T && (T.locked || T.invisible) ? [] : l.value?.locked ? [] : A.locked ? ["unlock"] : A.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
-    }, a = (A) => {
+    }, o = (A) => {
       const T = [];
       return A.forEach((I) => {
         const G = {
@@ -2015,7 +2017,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           //getNodeType(model),
           model: I
         };
-        Array.isArray(I.children) && (G.children = a(I.children)), T.push(G);
+        Array.isArray(I.children) && (G.children = o(I.children)), T.push(G);
       }), T;
     }, u = () => {
       if (!l.value)
@@ -2027,11 +2029,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           label: T,
           type: A,
           model: l.value,
-          children: a(I)
+          children: o(I)
         }
       ];
-    }, p = () => {
-      o.value = u();
+    }, p = async () => {
+      a.value = u(), s.value?.model && (await ye(), t.value?.setSelected(s.value.model));
     }, m = S(() => s.value?.model.id), f = (A) => {
       const T = A.data;
       if (U(T.model) || T.model.locked || T.model.name === "template")
@@ -2118,13 +2120,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           break;
       }
     };
-    return ne(l, p, { immediate: !0, deep: !0 }), (A, T) => (c(), _(n(W), {
+    return X(e.changed, p, { immediate: !0 }), (A, T) => (c(), _(n(W), {
       class: "v-outline-widget",
       title: "大纲树"
     }, {
       default: g(() => [
-        v(n(pt), {
-          data: o.value,
+        (c(), _(n(pt), {
+          key: n(e).changed.value,
+          data: a.value,
           "node-key": "id",
           "default-expand-all": "",
           draggable: "",
@@ -2140,8 +2143,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onNodeDragEnd: x
         }, {
           default: g(({ data: I, node: G }) => [
-            v(n(X), {
-              class: ee(["v-outline-widget__item", {
+            v(n(Y), {
+              class: te(["v-outline-widget__item", {
                 "is-locked": I.model.locked,
                 "is-invisible": I.model.invisible,
                 "is-dragging": I.dragging
@@ -2152,7 +2155,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               background: "",
               hover: "",
               "model-value": I.model,
-              icon: I.model.locked ? n(Qt) : I.model.invisible ? n(Xt) : void 0,
+              icon: I.model.locked ? n(Zt) : I.model.invisible ? n(Qt) : void 0,
               title: I.label,
               subtitle: I.type,
               actions: r(I.model),
@@ -2162,7 +2165,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             }, null, 8, ["class", "active", "model-value", "icon", "title", "subtitle", "actions", "onMouseenter"])
           ]),
           _: 1
-        }, 8, ["data", "current-node-key"])
+        }, 8, ["data", "current-node-key"]))
       ]),
       _: 1
     }));
@@ -2171,12 +2174,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "HistoryWidget",
   __name: "index",
   setup(i) {
-    const { history: e, load: t, total: s } = ln(), l = S(() => `(共 ${s.value} 条)`), o = (a) => {
-      a.name === "remove" && e.value?.remove(a.modelValue.id);
+    const { history: e, load: t, total: s } = sn(), l = S(() => `(共 ${s.value} 条)`), a = (o) => {
+      o.name === "remove" && e.value?.remove(o.modelValue.id);
     }, r = async () => {
       await Ee("确定要清空历史记录吗？") && e.value?.clear();
     };
-    return (a, u) => (c(), _(n(W), {
+    return (o, u) => (c(), _(n(W), {
       class: "v-history-widget",
       title: "历史记录",
       subtitle: l.value,
@@ -2188,7 +2191,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           key: 0,
           "image-size": 50
         })) : C("", !0),
-        n(e) ? (c(!0), j($, { key: 1 }, B(n(e).items, (p, m) => (c(), _(n(X), {
+        n(e) ? (c(!0), j($, { key: 1 }, B(n(e).items, (p, m) => (c(), _(n(Y), {
           index: m + 1,
           title: p.label,
           "model-value": p,
@@ -2196,7 +2199,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           small: "",
           background: "",
           actions: ["remove"],
-          onAction: o,
+          onAction: a,
           onClick: (f) => n(t)(p.id)
         }, null, 8, ["index", "title", "model-value", "active", "onClick"]))), 256)) : C("", !0)
       ]),
@@ -2219,7 +2222,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "ApisWidget",
   __name: "index",
   setup(i) {
-    const e = w(!1), t = w(null), s = w(!1), l = S(() => s.value ? "编辑API" : "新增API"), o = S(() => r.value?.apis || []), { project: r } = Ge(), a = () => ({
+    const e = w(!1), t = w(null), s = w(!1), l = S(() => s.value ? "编辑API" : "新增API"), a = S(() => r.value?.apis || []), { project: r } = Ge(), o = () => ({
       method: "get",
       name: "",
       label: "",
@@ -2237,7 +2240,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         }
       }
     }), u = () => {
-      e.value = !0, s.value = !1, t.value = a();
+      e.value = !0, s.value = !1, t.value = o();
     }, p = Us.map((y) => ({
       label: y,
       value: y.toLowerCase()
@@ -2262,7 +2265,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         value: "data"
       }
     ], b = (y, V, x) => {
-      Y(
+      ee(
         {
           type: "JSExpression",
           value: V
@@ -2284,7 +2287,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       onPlus: u
     }, {
       default: g(() => [
-        (c(!0), j($, null, B(o.value, (x) => (c(), _(n(X), {
+        (c(!0), j($, null, B(a.value, (x) => (c(), _(n(Y), {
           key: x.id,
           small: "",
           title: x.name,
@@ -2297,7 +2300,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onClick: (D) => d(x),
           onAction: h
         }, null, 8, ["title", "subtitle", "model-value", "tag", "tag-type", "onClick"]))), 128)),
-        o.value.length === 0 ? (c(), _(n(Z), {
+        a.value.length === 0 ? (c(), _(n(Z), {
           key: 0,
           "image-size": 50
         })) : C("", !0),
@@ -2481,19 +2484,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "DepsWidget",
   __name: "index",
   setup(i) {
-    const { dependencies: e, engine: t } = nn(), s = w(!1), l = w(!1), o = w({}), r = S(() => l.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), a = (d) => d.required || d.official ? [] : ["edit", "remove"], u = (d) => d.official && !d.required, p = async (d) => (d.urls = d.urls.split(`
+    const { dependencies: e, engine: t } = tn(), s = w(!1), l = w(!1), a = w({}), r = S(() => l.value ? "查看依赖" : a.value ? "编辑依赖" : "新增依赖"), o = (d) => d.required || d.official ? [] : ["edit", "remove"], u = (d) => d.official && !d.required, p = async (d) => (d.urls = d.urls.split(`
 `), t.project.value?.setDeps(d), !0), m = (d) => {
       t.project.value?.setDeps(d);
     }, f = () => {
-      l.value = !1, s.value = !0, o.value = null;
+      l.value = !1, s.value = !0, a.value = null;
     }, b = (d) => {
-      l.value = !0, o.value = {
+      l.value = !0, a.value = {
         ...d,
         urls: d.urls.join(`
 `)
       }, s.value = !0;
     }, h = (d, k) => {
-      k.name === "edit" && (o.value = {
+      k.name === "edit" && (a.value = {
         ...d,
         urls: d.urls.join(`
 `)
@@ -2506,11 +2509,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       onPlus: f
     }, {
       default: g(() => [
-        (c(!0), j($, null, B(n(e), (y) => (c(), _(n(X), {
+        (c(!0), j($, null, B(n(e), (y) => (c(), _(n(Y), {
           key: y.package,
           title: y.package,
           subtitle: y.version,
-          actions: a(y),
+          actions: o(y),
           background: "",
           switch: u(y),
           modelValue: y.enabled,
@@ -2525,7 +2528,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           width: "600px",
           height: "500px",
           title: r.value,
-          model: o.value,
+          model: a.value,
           submitMethod: p,
           formProps: {
             disabled: l.value,
@@ -2537,7 +2540,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               name: "package",
               label: "包名",
               required: "",
-              disabled: !!o.value
+              disabled: !!a.value
             }, null, 8, ["disabled"]),
             v(n(P), {
               name: "version",
@@ -2581,13 +2584,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["action"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = S(() => t.model.name), o = S(() => !U(t.model) && !t.model.locked), r = S(() => t.path.map((m) => ({
+    const t = i, s = e, l = S(() => t.model.name), a = S(() => !U(t.model) && !t.model.locked), r = S(() => t.path.map((m) => ({
       command: m,
       label: m.name,
       onMouseenter: () => {
         s("action", { type: "hover", model: m });
       }
-    }))), a = [
+    }))), o = [
       {
         name: "prev",
         icon: Es,
@@ -2600,7 +2603,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       },
       {
         name: "copy",
-        icon: Kt,
+        icon: Gt,
         title: "复制"
       },
       {
@@ -2614,22 +2617,22 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       m.name === "remove" ? await Ee("确定删除?") && s("action", { type: m.name, model: t.model }) : s("action", { type: m.name, model: t.model });
     };
     return (m, f) => (c(), j("div", {
-      class: ee(["v-actions", [`is-${t.position}`]])
+      class: te(["v-actions", [`is-${t.position}`]])
     }, [
-      v(n(ye), {
+      v(n(ke), {
         mode: "icon",
         size: "small",
-        icon: n(Yt),
+        icon: n(Xt),
         label: l.value,
         menus: r.value,
         background: "none",
         onCommand: u
       }, null, 8, ["icon", "label", "menus"]),
       v(n(Fn), {
-        disabled: !o.value,
+        disabled: !a.value,
         mode: "icon",
         size: "small",
-        items: a,
+        items: o,
         background: "none",
         onClick: p
       }, null, 8, ["disabled"])
@@ -2643,7 +2646,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   inheritAttrs: !1,
   __name: "index",
   setup(i, { expose: e }) {
-    const t = w(), s = w(), { width: l, height: o } = en(t), { dependencies: r, engine: a } = nn(), { current: u, isEmpty: p } = te(), m = S(() => a.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), { designer: f, hover: b, dropping: h, selected: d } = nl(
+    const t = w(), s = w(), { width: l, height: a } = Yt(t), { dependencies: r, engine: o } = tn(), { current: u, isEmpty: p } = ne(), m = S(() => o.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), { designer: f, hover: b, dropping: h, selected: d } = nl(
       s,
       r
     ), k = (y) => {
@@ -2682,7 +2685,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       v(n(an), {
         mode: m.value,
         width: n(l),
-        height: n(o)
+        height: n(a)
       }, {
         default: g(() => [
           z("iframe", {
@@ -2692,7 +2695,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           }, null, 512),
           n(h) ? (c(), j("div", {
             key: 0,
-            class: ee(["v-designer__dropping", "is-inner"]),
+            class: te(["v-designer__dropping", "is-inner"]),
             style: Fe(n(h).style)
           }, null, 4)) : C("", !0),
           n(b) ? (c(), j("div", {
@@ -2701,7 +2704,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             style: Fe(n(b).style)
           }, [
             z("span", {
-              class: ee(`is-${n(b).position}`)
+              class: te(`is-${n(b).position}`)
             }, [
               H(N(n(b).model.name) + ": ", 1),
               z("i", null, N(n(b).model.id), 1)
@@ -2744,10 +2747,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     itemTitle: { type: Function, default: (i) => i.name }
   },
   setup(i) {
-    const e = i, t = w(), s = w(), l = w(!1), o = w(e.createEmpty()), r = w(!1), a = S(
+    const e = i, t = w(), s = w(), l = w(!1), a = w(e.createEmpty()), r = w(!1), o = S(
       () => r.value ? `编辑${e.title}` : `新增${e.title}`
     ), u = () => {
-      r.value = !1, o.value = e.createEmpty(), l.value = !0;
+      r.value = !1, a.value = e.createEmpty(), l.value = !0;
     }, p = (d, k) => {
       switch (k.name) {
         case "edit":
@@ -2758,9 +2761,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           break;
       }
     }, m = (d) => {
-      o.value.value = d;
+      a.value.value = d;
     }, f = (d) => {
-      r.value = !0, o.value = {
+      r.value = !0, a.value = {
         ...d
       }, l.value = !0;
     }, b = async (d) => e.submit(d, r.value), h = () => {
@@ -2775,7 +2778,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       onPlus: u
     }, {
       default: g(() => [
-        (c(!0), j($, null, B(d.list, (y) => (c(), _(n(X), {
+        (c(!0), j($, null, B(d.list, (y) => (c(), _(n(Y), {
           title: e.itemTitle(y),
           border: "",
           actions: ["edit", "remove"],
@@ -2789,15 +2792,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         v(n(ft), {
           modelValue: l.value,
           "onUpdate:modelValue": k[1] || (k[1] = (y) => l.value = y),
-          title: a.value,
+          title: o.value,
           "submit-method": b,
-          model: o.value,
+          model: a.value,
           block: d.current,
           context: d.context,
           onPick: m
         }, {
           default: g(() => [
-            de(d.$slots, "fields", Dt(Pt({ model: o.value, isEdit: r.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
+            de(d.$slots, "fields", At(Dt({ model: a.value, isEdit: r.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
               v(n(P), {
                 name: "name",
                 label: d.nameLabel,
@@ -2817,8 +2820,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                     ref: t,
                     dark: "",
                     height: "350px",
-                    modelValue: o.value.value,
-                    "onUpdate:modelValue": k[0] || (k[0] = (y) => o.value.value = y),
+                    modelValue: a.value.value,
+                    "onUpdate:modelValue": k[0] || (k[0] = (y) => a.value.value = y),
                     onBlur: h
                   }, null, 8, ["modelValue"])
                 ]),
@@ -2839,20 +2842,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.state || {}).map(([a, u]) => ({ name: a, value: Ce(u) }))), s = () => ({
+    const e = i, t = S(() => Object.entries(e.current?.state || {}).map(([o, u]) => ({ name: o, value: Ce(u) }))), s = () => ({
       name: "",
       value: ""
-    }), l = (r) => e.current?.removeState(r.name), o = async (r, a) => {
+    }), l = (r) => e.current?.removeState(r.name), a = async (r, o) => {
       const { name: u, value: p } = r;
-      if (!a && e.current?.state[u])
+      if (!o && e.current?.state[u])
         return Q(`名称 ${u} 已存在，请更换！`), !1;
       const m = {
         type: "JSExpression",
         value: p
       };
-      return Y(m, e.context, !0) ? (e.current?.setState(u, m), !0) : !1;
+      return ee(m, e.context, !0) ? (e.current?.setState(u, m), !0) : !1;
     };
-    return (r, a) => (c(), _(Be, {
+    return (r, o) => (c(), _(Be, {
       title: "状态数据",
       current: e.current,
       context: e.context,
@@ -2861,7 +2864,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       valueLabel: "状态初始值 [ JSExpression ]",
       createEmpty: s,
       remove: l,
-      submit: o
+      submit: a
     }, null, 8, ["current", "context", "list"]));
   }
 }), Zl = /* @__PURE__ */ E({
@@ -2871,20 +2874,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.computed || {}).map(([a, u]) => ({ name: a, value: Ce(u) }))), s = () => ({
+    const e = i, t = S(() => Object.entries(e.current?.computed || {}).map(([o, u]) => ({ name: o, value: Ce(u) }))), s = () => ({
       name: "",
       value: "() => { }"
-    }), l = (r) => e.current?.removeFunction("computed", r.name), o = async (r, a) => {
+    }), l = (r) => e.current?.removeFunction("computed", r.name), a = async (r, o) => {
       const { name: u, value: p } = r;
-      if (!a && e.current?.computed[u])
+      if (!o && e.current?.computed[u])
         return Q(`名称 ${u} 已存在，请更换！`), !1;
       const m = {
         type: "JSFunction",
         value: p
       };
-      return Y(m, e.context, !0) ? (e.current?.setFunction("computed", u, m), !0) : !1;
+      return ee(m, e.context, !0) ? (e.current?.setFunction("computed", u, m), !0) : !1;
     };
-    return (r, a) => (c(), _(Be, {
+    return (r, o) => (c(), _(Be, {
       title: "计算属性",
       current: e.current,
       context: e.context,
@@ -2893,7 +2896,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       valueLabel: "计算函数 [ JSFunction ]",
       createEmpty: s,
       remove: l,
-      submit: o
+      submit: a
     }, null, 8, ["current", "context", "list"]));
   }
 }), Ql = /* @__PURE__ */ E({
@@ -2903,20 +2906,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.methods || {}).map(([a, u]) => ({ name: a, value: Ce(u) }))), s = () => ({
+    const e = i, t = S(() => Object.entries(e.current?.methods || {}).map(([o, u]) => ({ name: o, value: Ce(u) }))), s = () => ({
       name: "",
       value: "() => { }"
-    }), l = (r) => e.current?.removeFunction("methods", r.name), o = async (r, a) => {
+    }), l = (r) => e.current?.removeFunction("methods", r.name), a = async (r, o) => {
       const { name: u, value: p } = r;
-      if (!a && e.current?.methods[u])
+      if (!o && e.current?.methods[u])
         return Q(`名称 ${u} 已存在，请更换！`), !1;
       const m = {
         type: "JSFunction",
         value: p
       };
-      return Y(m, e.context, !0) ? (e.current?.setFunction("methods", u, m), !0) : !1;
+      return ee(m, e.context, !0) ? (e.current?.setFunction("methods", u, m), !0) : !1;
     };
-    return (r, a) => (c(), _(Be, {
+    return (r, o) => (c(), _(Be, {
       title: "组件方法",
       current: e.current,
       context: e.context,
@@ -2925,7 +2928,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       valueLabel: "方法函数 [ JSFunction ]",
       createEmpty: s,
       remove: l,
-      submit: o
+      submit: a
     }, null, 8, ["current", "context", "list"]));
   }
 }), Xl = /* @__PURE__ */ E({
@@ -2935,23 +2938,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Ln.map((a) => ({
-      label: a,
-      value: a
+    const e = i, t = S(() => Ln.map((o) => ({
+      label: o,
+      value: o
     }))), s = S(() => Object.entries(e.current?.lifeCycles || {}).map(([u, p]) => ({ name: u, value: Ce(p) }))), l = () => ({
       name: "",
       value: "() => { }"
-    }), o = (a) => e.current?.removeFunction("lifeCycles", a.name), r = async (a, u) => {
-      const { name: p, value: m } = a;
+    }), a = (o) => e.current?.removeFunction("lifeCycles", o.name), r = async (o, u) => {
+      const { name: p, value: m } = o;
       if (!u && e.current?.lifeCycles[p])
         return Q(`名称 ${p} 已存在，请更换！`), !1;
       const f = {
         type: "JSFunction",
         value: m
       };
-      return Y(f, e.context, !0) ? (e.current?.setFunction("lifeCycles", p, f), !0) : !1;
+      return ee(f, e.context, !0) ? (e.current?.setFunction("lifeCycles", p, f), !0) : !1;
     };
-    return (a, u) => (c(), _(Be, {
+    return (o, u) => (c(), _(Be, {
       title: "生命周期",
       current: e.current,
       context: e.context,
@@ -2959,7 +2962,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       nameLabel: "名称",
       valueLabel: "函数 [ JSFunction ]",
       createEmpty: l,
-      remove: o,
+      remove: a,
       submit: r
     }, {
       fields: g(({ model: p, nameLabel: m, isEdit: f, valueLabel: b }) => [
@@ -2998,33 +3001,33 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => (e.current?.watch || []).map((a) => ({
-      ...a,
-      source: Ce(a.source),
-      handler: Ce(a.handler)
+    const e = i, t = S(() => (e.current?.watch || []).map((o) => ({
+      ...o,
+      source: Ce(o.source),
+      handler: Ce(o.handler)
     }))), s = () => ({
       source: "() => { }",
       deep: !1,
       immediate: !1,
       handler: "() => { }"
-    }), l = (a) => a.source, o = (a) => e.current?.removeWatch(a), r = async (a, u) => {
+    }), l = (o) => o.source, a = (o) => e.current?.removeWatch(o), r = async (o, u) => {
       const p = {
         type: "JSFunction",
-        value: a.source
+        value: o.source
       }, m = {
         type: "JSFunction",
-        value: a.handler
+        value: o.handler
       };
-      if (!Y(p, e.context, !0) || !Y(m, e.context, !0))
+      if (!ee(p, e.context, !0) || !ee(m, e.context, !0))
         return !1;
       const f = {
-        ...a,
+        ...o,
         source: p,
         handler: m
       };
       return e.current?.setWatch(f), !0;
     };
-    return (a, u) => (c(), _(Be, {
+    return (o, u) => (c(), _(Be, {
       title: "侦听器",
       current: e.current,
       context: e.context,
@@ -3032,7 +3035,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       nameLabel: "侦听源 [ JSFunction ]",
       valueLabel: "处理函数 [ JSFunction ]",
       createEmpty: s,
-      remove: o,
+      remove: a,
       submit: r,
       itemTitle: l,
       grow: ""
@@ -3086,10 +3089,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["current", "context", "list"]));
   }
-}), eo = /* @__PURE__ */ E({
+}), ea = /* @__PURE__ */ E({
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te();
+    const { current: e, context: t } = ne();
     return (s, l) => (c(), _(n(O), {
       class: "v-scripts-widget",
       direction: "column",
@@ -3132,12 +3135,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change", "remove"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = (r, a) => {
-      s("change", r, a);
-    }, o = (r) => {
+    const t = i, s = e, l = (r, o) => {
+      s("change", r, o);
+    }, a = (r) => {
       s("remove", r);
     };
-    return (r, a) => (c(), _(n(W), {
+    return (r, o) => (c(), _(n(W), {
       title: t.title,
       class: "v-sub-panel",
       size: "small",
@@ -3145,9 +3148,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, {
       default: g(() => [
         v(n(Ne), {
+          class: "v-properties-widget__form",
           size: "small",
-          "label-width": "80px",
-          onKeydown: a[0] || (a[0] = ze(je(() => {
+          "label-width": "90px",
+          onKeydown: o[0] || (o[0] = ze(je(() => {
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: g(() => [
@@ -3157,7 +3161,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               context: t.context,
               removable: t.removable,
               onChange: l,
-              onRemove: o
+              onRemove: a
             }), null, 16, ["current", "context", "removable"]))), 128))
           ]),
           _: 1
@@ -3166,19 +3170,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title"]));
   }
-}), to = /* @__PURE__ */ E({
+}), ta = /* @__PURE__ */ E({
+  name: "PropertiesWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), { selected: s } = fe(), {
+    const { current: e, context: t } = ne(), { selected: s } = fe(), {
       node: l,
-      commonProps: o,
+      commonProps: a,
       change: r,
-      componentProps: a,
+      componentProps: o,
       customProps: u,
       addCustom: p,
       removeCustom: m,
       isExist: f
-    } = al(s), b = w(!1), h = w(), d = () => {
+    } = ol(s), b = w(!1), h = w(), d = () => {
       b.value = !0, h.value = {
         name: ""
       };
@@ -3201,7 +3206,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           current: n(e),
           context: n(t),
           node: n(l),
-          items: n(o),
+          items: n(a),
           onChange: n(r)
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : C("", !0),
         n(l) ? (c(), _(Ye, {
@@ -3210,7 +3215,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           current: n(e),
           context: n(t),
           node: n(l),
-          items: n(a),
+          items: n(o),
           onChange: n(r)
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : C("", !0),
         n(l) ? (c(), _(Ye, {
@@ -3254,7 +3259,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     })) : C("", !0);
   }
-}), no = /* @__PURE__ */ E({
+}), na = /* @__PURE__ */ E({
   name: "VariableBinder",
   __name: "variable",
   props: {
@@ -3266,10 +3271,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const e = i, t = w(), s = Re({
       type: "JSExpression",
       value: e.value
-    }), l = (o) => {
-      t.value.getEditor().setValue(o), s.value = o;
+    }), l = (a) => {
+      t.value.getEditor().setValue(a), s.value = a;
     };
-    return (o, r) => (c(), _(n(ft), {
+    return (a, r) => (c(), _(n(ft), {
       title: "绑定变量",
       "unbind-enabled": "",
       block: e.current,
@@ -3288,7 +3293,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               ref_key: "editorRef",
               ref: t,
               modelValue: s.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (a) => s.value = a),
+              "onUpdate:modelValue": r[0] || (r[0] = (o) => s.value = o),
               dark: "",
               height: "450px"
             }, null, 8, ["modelValue"])
@@ -3299,7 +3304,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["block", "context", "model"]));
   }
-}), so = /* @__PURE__ */ E({
+}), sa = /* @__PURE__ */ E({
   name: "EventBinder",
   __name: "event",
   props: {
@@ -3317,13 +3322,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         type: "JSFunction",
         value: e.event?.handler?.value || "() => {}"
       }
-    }), o = Hs.map((a) => ({
-      label: a,
-      value: a
-    })), r = (a) => {
-      t.value.getEditor().setValue(a), l.handler.value = a;
+    }), a = Hs.map((o) => ({
+      label: o,
+      value: o
+    })), r = (o) => {
+      t.value.getEditor().setValue(o), l.handler.value = o;
     };
-    return (a, u) => (c(), _(n(ft), {
+    return (o, u) => (c(), _(n(ft), {
       title: "绑定事件",
       "unbind-enabled": "",
       block: e.current,
@@ -3336,7 +3341,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           name: "modifiers",
           label: "事件修饰符",
           editor: "checkbox",
-          options: n(o)
+          options: n(a)
         }, null, 8, ["options"]),
         v(n(P), {
           name: "handler.value",
@@ -3359,26 +3364,26 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["block", "context", "model"]));
   }
-}), lo = /* @__PURE__ */ E({
+}), la = /* @__PURE__ */ E({
   name: "EventsWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), { selected: s } = fe(), { mouseEventList: l, keyboardEventList: o, componentEventList: r } = rl(s), a = w({
+    const { current: e, context: t } = ne(), { selected: s } = fe(), { mouseEventList: l, keyboardEventList: a, componentEventList: r } = rl(s), o = w({
       name: "",
       event: void 0
     }), u = w(!1), p = (d) => {
-      a.value = He(d), u.value = !0;
+      o.value = He(d), u.value = !0;
     }, m = async (d) => {
       const k = {
         ...d,
         modifiers: d.modifiers.reduce((V, x) => (V[x] = !0, V), {})
       };
-      return Y(k.handler, t.value, !0) ? ((s.value?.model).setEvent(k), !0) : !1;
+      return ee(k.handler, t.value, !0) ? ((s.value?.model).setEvent(k), !0) : !1;
     }, f = async (d) => {
       const k = s.value?.model;
       d.name && (k.removeEvent(d.name), u.value = !1);
     }, b = async () => {
-      a.value.name && await Ee("确定要删除该事件吗？") && f(a.value);
+      o.value.name && await Ee("确定要删除该事件吗？") && f(o.value);
     }, h = (d) => {
       const { name: k, modelValue: y } = d;
       k === "edit" && p(y), k === "remove" && f(y);
@@ -3401,7 +3406,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               "image-size": 50,
               description: "该组件无自带事件"
             })),
-            (c(!0), j($, null, B(n(r), (y) => (c(), _(n(X), {
+            (c(!0), j($, null, B(n(r), (y) => (c(), _(n(Y), {
               title: y.name,
               "model-value": y,
               border: "",
@@ -3421,7 +3426,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           fit: !1
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(n(l), (y) => (c(), _(n(X), {
+            (c(!0), j($, null, B(n(l), (y) => (c(), _(n(Y), {
               title: y.name,
               "model-value": y,
               border: "",
@@ -3442,7 +3447,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           fit: !1
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(n(o), (y) => (c(), _(n(X), {
+            (c(!0), j($, null, B(n(a), (y) => (c(), _(n(Y), {
               title: y.name,
               "model-value": y,
               border: "",
@@ -3455,14 +3460,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ]),
           _: 1
         }),
-        u.value ? (c(), _(n(so), {
+        u.value ? (c(), _(n(sa), {
           key: 0,
           modelValue: u.value,
           "onUpdate:modelValue": k[0] || (k[0] = (y) => u.value = y),
           context: n(t),
           current: n(e),
-          name: a.value.name,
-          event: a.value.event,
+          name: o.value.name,
+          event: o.value.event,
           submitMethod: m,
           onUnbind: b
         }, null, 8, ["modelValue", "context", "current", "name", "event"])) : C("", !0)
@@ -3470,23 +3475,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), oo = /* @__PURE__ */ E({
+}), aa = /* @__PURE__ */ E({
   name: "CssWidget",
   __name: "index",
   setup(i) {
-    const { current: e } = te(), t = w(), s = S(() => e.value?.css || ""), l = (r) => {
+    const { current: e } = ne(), t = w(), s = S(() => e.value?.css || ""), l = (r) => {
       e.value?.setCss(r);
-    }, o = () => {
-      const a = (t.value?.getEditor()).getValue();
-      l(a), oe("保存成功");
+    }, a = () => {
+      const o = (t.value?.getEditor()).getValue();
+      l(o), ae("保存成功");
     };
-    return (r, a) => (c(), _(n(W), {
+    return (r, o) => (c(), _(n(W), {
       class: "v-css-widget v-sub-panel",
       title: "lang:css scoped",
       size: "small",
       fit: "",
       save: "",
-      onSave: o
+      onSave: a
     }, {
       default: g(() => [
         v(n(K), {
@@ -3502,15 +3507,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), ao = /* @__PURE__ */ E({
+}), oa = /* @__PURE__ */ E({
   name: "DirectivesWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), { selected: s } = fe(), {
+    const { current: e, context: t } = ne(), { selected: s } = fe(), {
       vIf: l,
-      vShow: o,
+      vShow: a,
       vBind: r,
-      vFor: a,
+      vFor: o,
       vModels: u,
       onValueChange: p,
       onForChange: m,
@@ -3551,7 +3556,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   setters: "ExpressionSetter",
                   current: n(e),
                   context: n(t),
-                  value: n(o).value,
+                  value: n(a).value,
                   onChange: n(p)
                 }, null, 8, ["current", "context", "value", "onChange"]),
                 v(n(_e), {
@@ -3589,7 +3594,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   setters: "ExpressionSetter",
                   current: n(e),
                   context: n(t),
-                  value: n(a).value,
+                  value: n(o).value,
                   onChange: n(m)
                 }, null, 8, ["current", "context", "value", "onChange"]),
                 v(n(_e), {
@@ -3601,7 +3606,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   },
                   current: n(e),
                   context: n(t),
-                  value: n(a).iterator?.item,
+                  value: n(o).iterator?.item,
                   onChange: n(m)
                 }, null, 8, ["current", "context", "value", "onChange"]),
                 v(n(_e), {
@@ -3613,7 +3618,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   },
                   current: n(e),
                   context: n(t),
-                  value: n(a).iterator?.index,
+                  value: n(o).iterator?.index,
                   onChange: n(m)
                 }, null, 8, ["current", "context", "value", "onChange"])
               ]),
@@ -3674,7 +3679,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), ro = /* @__PURE__ */ E({
+}), ra = /* @__PURE__ */ E({
   name: "DefinedPropsDialog",
   __name: "props",
   props: {
@@ -3696,17 +3701,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     ), l = Object.keys(Jn).map((r) => ({
       label: r,
       value: r
-    })), o = async (r) => {
-      const a = r.default;
-      return a && !Y(a, e.context, !0) ? !1 : (e.current.setProp(r), !0);
+    })), a = async (r) => {
+      const o = r.default;
+      return o && !ee(o, e.context, !0) ? !1 : (e.current.setProp(r), !0);
     };
-    return (r, a) => (c(), _(n(ce), {
+    return (r, o) => (c(), _(n(ce), {
       title: t.value,
       width: "800px",
       height: "500px",
       model: s.value,
       "form-props": { tooltipMessage: !1 },
-      "submit-method": o
+      "submit-method": a
     }, {
       default: g(() => [
         v(n(P), {
@@ -3741,7 +3746,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           default: g(() => [
             v(n(K), {
               modelValue: s.value.default.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (u) => s.value.default.value = u),
+              "onUpdate:modelValue": o[0] || (o[0] = (u) => s.value.default.value = u),
               height: "200px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -3752,7 +3757,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), io = /* @__PURE__ */ E({
+}), ia = /* @__PURE__ */ E({
   name: "DefinedEventsDialog",
   __name: "events",
   props: {
@@ -3763,8 +3768,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i) {
     const e = i, t = S(() => e.item ? "编辑定义事件" : "新增定义事件"), s = w({
       name: e.item
-    }), l = async (o) => (e.item && e.current.removeEmit(e.item, !0), e.current.setEmit(o.name), !0);
-    return (o, r) => (c(), _(n(ce), {
+    }), l = async (a) => (e.item && e.current.removeEmit(e.item, !0), e.current.setEmit(a.name), !0);
+    return (a, r) => (c(), _(n(ce), {
       title: t.value,
       width: "600px",
       height: "200px",
@@ -3787,7 +3792,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), uo = /* @__PURE__ */ E({
+}), ua = /* @__PURE__ */ E({
   name: "DefinedSlotsDialog",
   __name: "slots",
   props: {
@@ -3798,8 +3803,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i) {
     const e = i, t = S(() => e.item ? "编辑定义插槽" : "新增定义插槽"), s = w({
       name: e.item
-    }), l = async (o) => (e.item && e.current.removeSlot(e.item, !0), e.current.setSlot(o.name), !0);
-    return (o, r) => (c(), _(n(ce), {
+    }), l = async (a) => (e.item && e.current.removeSlot(e.item, !0), e.current.setSlot(a.name), !0);
+    return (a, r) => (c(), _(n(ce), {
       title: t.value,
       width: "600px",
       height: "200px",
@@ -3822,7 +3827,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), co = /* @__PURE__ */ E({
+}), ca = /* @__PURE__ */ E({
   name: "DefinedInjectsDialog",
   __name: "injects",
   props: {
@@ -3841,11 +3846,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         },
         e.item
       )
-    ), l = async (o) => {
-      const r = o.default;
-      return r && !Y(r, e.context, !0) ? !1 : (e.current.setInject(o), !0);
+    ), l = async (a) => {
+      const r = a.default;
+      return r && !ee(r, e.context, !0) ? !1 : (e.current.setInject(a), !0);
     };
-    return (o, r) => (c(), _(n(ce), {
+    return (a, r) => (c(), _(n(ce), {
       title: t.value,
       width: "800px",
       height: "500px",
@@ -3878,7 +3883,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           default: g(() => [
             v(n(K), {
               modelValue: s.value.default.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (a) => s.value.default.value = a),
+              "onUpdate:modelValue": r[0] || (r[0] = (o) => s.value.default.value = o),
               height: "200px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -3889,17 +3894,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), po = /* @__PURE__ */ E({
+}), da = /* @__PURE__ */ E({
   name: "DefinedWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), s = S(() => (e.value?.props || []).map((M) => typeof M == "string" ? { name: M } : M)), l = S(() => e.value?.emits || []), o = S(() => e.value?.slots || []), r = S(() => e.value?.inject || []), a = w(!1), u = w(), p = w(!1), m = w(), f = w(!1), b = w(), h = w(!1), d = w(), k = () => {
-      u.value = void 0, a.value = !0;
+    const { current: e, context: t } = ne(), s = S(() => (e.value?.props || []).map((M) => typeof M == "string" ? { name: M } : M)), l = S(() => e.value?.emits || []), a = S(() => e.value?.slots || []), r = S(() => e.value?.inject || []), o = w(!1), u = w(), p = w(!1), m = w(), f = w(!1), b = w(), h = w(!1), d = w(), k = () => {
+      u.value = void 0, o.value = !0;
     }, y = (M) => {
       const { name: J, modelValue: R } = M;
       J === "edit" && V(R), J === "remove" && e.value?.removeProp(R);
     }, V = (M) => {
-      u.value = M, a.value = !0;
+      u.value = M, o.value = !0;
     }, x = () => {
       m.value = void 0, p.value = !0;
     }, D = (M) => {
@@ -3938,7 +3943,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onPlus: k
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(s.value, (R) => (c(), _(n(X), {
+            (c(!0), j($, null, B(s.value, (R) => (c(), _(n(Y), {
               "model-value": R,
               title: R.name,
               border: "",
@@ -3950,12 +3955,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               key: 0,
               "image-size": 50
             })),
-            a.value ? (c(), _(ro, {
+            o.value ? (c(), _(ra, {
               key: 1,
               current: n(e),
               context: n(t),
-              modelValue: a.value,
-              "onUpdate:modelValue": J[0] || (J[0] = (R) => a.value = R),
+              modelValue: o.value,
+              "onUpdate:modelValue": J[0] || (J[0] = (R) => o.value = R),
               item: u.value
             }, null, 8, ["current", "context", "modelValue", "item"])) : C("", !0)
           ]),
@@ -3970,7 +3975,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onPlus: x
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(l.value, (R) => (c(), _(n(X), {
+            (c(!0), j($, null, B(l.value, (R) => (c(), _(n(Y), {
               "model-value": R,
               title: R,
               border: "",
@@ -3982,7 +3987,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               key: 0,
               "image-size": 50
             })),
-            p.value ? (c(), _(io, {
+            p.value ? (c(), _(ia, {
               key: 1,
               modelValue: p.value,
               "onUpdate:modelValue": J[1] || (J[1] = (R) => p.value = R),
@@ -4002,7 +4007,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onPlus: A
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(o.value, (R) => (c(), _(n(X), {
+            (c(!0), j($, null, B(a.value, (R) => (c(), _(n(Y), {
               "model-value": R,
               title: R,
               border: "",
@@ -4010,11 +4015,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               onClick: (Ve) => T(R),
               onAction: I
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            o.value.length ? C("", !0) : (c(), _(n(Z), {
+            a.value.length ? C("", !0) : (c(), _(n(Z), {
               key: 0,
               "image-size": 50
             })),
-            f.value ? (c(), _(uo, {
+            f.value ? (c(), _(ua, {
               key: 1,
               modelValue: f.value,
               "onUpdate:modelValue": J[2] || (J[2] = (R) => f.value = R),
@@ -4035,7 +4040,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onPlus: G
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(r.value, (R) => (c(), _(n(X), {
+            (c(!0), j($, null, B(r.value, (R) => (c(), _(n(Y), {
               "model-value": R,
               title: R.name,
               border: "",
@@ -4047,7 +4052,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               key: 0,
               "image-size": 50
             })),
-            h.value ? (c(), _(co, {
+            h.value ? (c(), _(ca, {
               key: 1,
               modelValue: h.value,
               "onUpdate:modelValue": J[3] || (J[3] = (R) => h.value = R),
@@ -4062,7 +4067,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     })) : C("", !0);
   }
-}), mo = /* @__PURE__ */ E({
+}), pa = /* @__PURE__ */ E({
   name: "DataSourceDialogForm",
   __name: "form",
   props: {
@@ -4091,7 +4096,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
 })`
         }
       }, e.item)
-    ), o = w(!1), r = w(""), a = w(!1), u = S(() => t.value.map((h) => ({
+    ), a = w(!1), r = w(""), o = w(!1), u = S(() => t.value.map((h) => ({
       label: h.label || "",
       value: h.id,
       data: h
@@ -4105,12 +4110,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       if (!e.item && e.current.dataSources[y])
         return Q(`名称【${y}】已经存在，请更换名称`), !1;
       if (d?.value) {
-        if (!Y(d, e.context, !0))
+        if (!ee(d, e.context, !0))
           return !1;
       } else
         h.transform = void 0;
       if (k?.value) {
-        if (!Y(k, e.context, !0))
+        if (!ee(k, e.context, !0))
           return !1;
       } else
         h.test = void 0;
@@ -4126,7 +4131,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         Q("请先填写测试用例");
         return;
       }
-      if (!Y(l.value.test, e.context, !0))
+      if (!ee(l.value.test, e.context, !0))
         return;
       const d = async (...V) => {
         const x = e.context?.$apis[l.value.ref];
@@ -4136,14 +4141,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       }, k = Je(l.value.test, {
         runApi: d
       }), y = l.value.transform?.value ? Je(l.value.transform, {}, !0) : (V) => V;
-      o.value = !0;
+      a.value = !0;
       try {
         const V = await k();
         r.value = JSON.stringify(await y(V), null, 2);
       } catch (V) {
         me.error(V);
       }
-      o.value = !1, a.value = !0;
+      a.value = !1, o.value = !0;
     };
     return (h, d) => (c(), _(n(ce), {
       width: "1000px",
@@ -4155,7 +4160,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, {
       extra: g(() => [
         v(n(re), {
-          loading: o.value,
+          loading: a.value,
           type: "warning",
           onClick: b
         }, {
@@ -4228,11 +4233,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ]),
           _: 1
         }),
-        a.value ? (c(), _(n(wn), {
+        o.value ? (c(), _(n(wn), {
           key: 0,
           class: "v-drawer",
-          modelValue: a.value,
-          "onUpdate:modelValue": d[2] || (d[2] = (k) => a.value = k),
+          modelValue: o.value,
+          "onUpdate:modelValue": d[2] || (d[2] = (k) => o.value = k),
           title: "测试用例运行结果",
           direction: "btt",
           "append-to-body": "",
@@ -4253,19 +4258,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), vo = /* @__PURE__ */ E({
+}), ma = /* @__PURE__ */ E({
   name: "DataSourcesWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), s = w(!1), l = w(), o = S(() => Object.values(e.value?.dataSources || {}).filter(
+    const { current: e, context: t } = ne(), s = w(!1), l = w(), a = S(() => Object.values(e.value?.dataSources || {}).filter(
       (p) => p.type === "api"
     )), r = () => {
       l.value = void 0, s.value = !0;
-    }, a = (p) => {
+    }, o = (p) => {
       l.value = p, s.value = !0;
     }, u = (p) => {
       const { name: m, modelValue: f } = p;
-      m === "edit" && a(f), m === "remove" && e.value?.removeDataSource(f.name);
+      m === "edit" && o(f), m === "remove" && e.value?.removeDataSource(f.name);
     };
     return (p, m) => (c(), _(n(O), {
       class: "v-data-sources-widget",
@@ -4281,23 +4286,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onPlus: r
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(o.value, (f) => (c(), _(n(X), {
+            (c(!0), j($, null, B(a.value, (f) => (c(), _(n(Y), {
               border: "",
               title: f.name,
               subtitle: f.label,
               "model-value": f,
               actions: ["edit", "remove"],
               onAction: u,
-              onClick: (b) => a(f)
+              onClick: (b) => o(f)
             }, null, 8, ["title", "subtitle", "model-value", "onClick"]))), 256)),
-            o.value.length ? C("", !0) : (c(), _(n(Z), {
+            a.value.length ? C("", !0) : (c(), _(n(Z), {
               key: 0,
               "image-size": 50
             }))
           ]),
           _: 1
         }),
-        s.value ? (c(), _(mo, {
+        s.value ? (c(), _(pa, {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": m[0] || (m[0] = (f) => s.value = f),
@@ -4309,27 +4314,27 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), fo = /* @__PURE__ */ E({
+}), va = /* @__PURE__ */ E({
   name: "StyleWidget",
   __name: "index",
   setup(i) {
     const { selected: e } = fe(), t = w(), s = S(() => {
-      const a = e.value?.model || null;
-      return U(a) ? null : a;
+      const o = e.value?.model || null;
+      return U(o) ? null : o;
     }), l = S(
       () => JSON.stringify(s.value?.getPropValue("style") || {}, null, 2)
-    ), o = (a) => {
+    ), a = (o) => {
       try {
-        const u = JSON.parse(a);
+        const u = JSON.parse(o);
         s.value?.setProp("style", u);
       } catch {
         Q("JSON格式错误");
       }
     }, r = () => {
       const u = (t.value?.getEditor()).getValue();
-      o(u), oe("保存成功");
+      a(u), ae("保存成功");
     };
-    return (a, u) => (c(), _(n(W), {
+    return (o, u) => (c(), _(n(W), {
       class: "v-css-widget v-sub-panel",
       title: "style",
       size: "small",
@@ -4345,20 +4350,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           height: "100%",
           lang: "json",
           dark: "",
-          onBlur: o
+          onBlur: a
         }, null, 8, ["model-value"])
       ]),
       _: 1
     }));
   }
-}), go = ["src"], ho = /* @__PURE__ */ E({
+}), fa = ["src"], ga = /* @__PURE__ */ E({
   name: "PreviewerWidget",
   __name: "index",
   props: {
     path: { type: Function }
   },
   setup(i, { expose: e }) {
-    const t = i, s = w(), l = w(Symbol()), { current: o, engine: r } = te(), { width: a, height: u } = en(s), p = S(() => o.value && t.path ? t.path(o.value) : null), m = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
+    const t = i, s = w(), l = w(Symbol()), { current: a, engine: r } = ne(), { width: o, height: u } = Yt(s), p = S(() => a.value && t.path ? t.path(a.value) : null), m = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
     return e({
       refresh: () => {
         l.value = Symbol();
@@ -4371,7 +4376,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, [
       v(n(an), {
         mode: m.value,
-        width: n(a),
+        width: n(o),
         height: n(u)
       }, {
         default: g(() => [
@@ -4380,23 +4385,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             ref: "iframe",
             frameborder: "0",
             src: p.value
-          }, null, 8, go)) : C("", !0)
+          }, null, 8, fa)) : C("", !0)
         ]),
         _: 1
       }, 8, ["mode", "width", "height"])
     ]));
   }
-}), bo = /* @__PURE__ */ E({
+}), ha = /* @__PURE__ */ E({
   name: "NodePathWidget",
   inheritAttrs: !1,
   __name: "index",
   setup(i) {
     const { selected: e, designer: t } = fe(), s = S(() => (e.value?.path || []).slice(0).reverse()), l = (r) => {
       t.value?.setSelected(r);
-    }, o = (r) => {
+    }, a = (r) => {
       t.value?.setHover(r);
     };
-    return (r, a) => n(e) ? (c(), _(n(Sn), {
+    return (r, o) => n(e) ? (c(), _(n(Sn), {
       key: 0,
       class: "v-nodepath-widget",
       "separator-icon": n(As)
@@ -4404,7 +4409,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       default: g(() => [
         (c(!0), j($, null, B(s.value, (u) => (c(), _(n(Vn), {
           onClick: (p) => l(u),
-          onMouseover: (p) => o(u)
+          onMouseover: (p) => a(u)
         }, {
           default: g(() => [
             H(N(u.name), 1)
@@ -4415,32 +4420,32 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["separator-icon"])) : C("", !0);
   }
-}), _o = /* @__PURE__ */ E({
+}), ba = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
   setup(i) {
-    const { current: e } = te(), t = w(), s = S(
+    const { current: e } = ne(), t = w(), s = S(
       () => JSON.stringify(e.value?.toDsl() || {}, null, 2)
-    ), l = S(() => e.value ? e.value.name : ""), o = async () => {
-      const a = (t.value?.getEditor()).getValue();
-      if (a && await Ee(
+    ), l = S(() => e.value ? e.value.name : ""), a = async () => {
+      const o = (t.value?.getEditor()).getValue();
+      if (o && await Ee(
         "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。"
       ))
         try {
-          const p = JSON.parse(a);
-          e.value?.update(p), oe("保存成功");
+          const p = JSON.parse(o);
+          e.value?.update(p), ae("保存成功");
         } catch (p) {
           Q(p?.message);
         }
     };
-    return (r, a) => (c(), _(n(W), {
+    return (r, o) => (c(), _(n(W), {
       class: "v-schema-widget",
       title: l.value,
       subtitle: "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。",
       size: "small",
       fit: "",
       save: "",
-      onSave: o
+      onSave: a
     }, {
       default: g(() => [
         v(n(K), {
@@ -4455,28 +4460,28 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title"]));
   }
-}), yo = /* @__PURE__ */ E({
+}), _a = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
   setup(i) {
-    const { current: e, engine: t } = te(), s = w(), l = w(""), o = S(() => e.value ? `$vtj/raw/${e.value.id}.vue` : ""), r = S(() => e.value ? e.value.name : "");
-    return ne(
+    const { current: e, engine: t } = ne(), s = w(), l = w(""), a = S(() => e.value ? `$vtj/raw/${e.value.id}.vue` : ""), r = S(() => e.value ? e.value.name : "");
+    return X(
       e,
-      async (a) => {
+      async (o) => {
         const u = t.project.value;
-        u && a ? l.value = await t.service.genVueContent(
+        u && o ? l.value = await t.service.genVueContent(
           u.toDsl(),
-          a.toDsl()
+          o.toDsl()
         ) : l.value = "";
       },
       {
         immediate: !0,
         deep: !0
       }
-    ), (a, u) => (c(), _(n(W), {
+    ), (o, u) => (c(), _(n(W), {
       class: "v-raw-widget",
       title: r.value,
-      subtitle: o.value,
+      subtitle: a.value,
       size: "small",
       fit: ""
     }, {
@@ -4494,7 +4499,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "subtitle"]));
   }
-}), ko = ["src"], wo = /* @__PURE__ */ E({
+}), ya = ["src"], ka = /* @__PURE__ */ E({
   name: "DocsWidget",
   __name: "index",
   props: {
@@ -4503,15 +4508,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i) {
     const e = i, t = w();
     let s = null;
-    It(() => {
+    Pt(() => {
       s || (s = xn.service({ target: t.value?.$el }));
-    }), Rt(() => {
+    }), It(() => {
       l(), s = null;
     });
     const l = () => {
       s?.close();
     };
-    return (o, r) => (c(), _(n(W), {
+    return (a, r) => (c(), _(n(W), {
       class: "v-docs-widget",
       size: "small",
       fit: "",
@@ -4525,21 +4530,21 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ref: "frame",
           src: e.url,
           onLoad: l
-        }, null, 40, ko)
+        }, null, 40, ya)
       ]),
       _: 1
     }, 512));
   }
-}), So = { class: "v-about-widget" }, Vo = { class: "v-about-widget__logo" }, xo = ["src"], Co = /* @__PURE__ */ z("div", { class: "v-about-widget__name" }, "VTJ.PRO", -1), Eo = { class: "v-about-widget__version" }, jo = /* @__PURE__ */ E({
+}), wa = { class: "v-about-widget" }, Sa = { class: "v-about-widget__logo" }, Va = ["src"], xa = /* @__PURE__ */ z("div", { class: "v-about-widget__name" }, "VTJ.PRO", -1), Ca = { class: "v-about-widget__version" }, Ea = /* @__PURE__ */ E({
   name: "AboutWidget",
   __name: "index",
   setup(i) {
-    return (e, t) => (c(), j("div", So, [
-      z("div", Vo, [
-        z("img", { src: n(tn) }, null, 8, xo)
+    return (e, t) => (c(), j("div", wa, [
+      z("div", Sa, [
+        z("img", { src: n(en) }, null, 8, Va)
       ]),
-      Co,
-      z("div", Eo, "版本：" + N(n(Ws)), 1)
+      xa,
+      z("div", Ca, "版本：" + N(n(Ws)), 1)
     ]));
   }
 }), L = {
@@ -4556,21 +4561,21 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   Apis: Jl,
   Deps: Ul,
   Designer: Gl,
-  Scripts: eo,
-  Properties: to,
-  Events: lo,
-  Css: oo,
-  Directives: ao,
-  Defined: po,
-  DataSources: vo,
-  Style: fo,
-  Previewer: ho,
-  NodePath: bo,
-  Schema: _o,
-  Raw: yo,
-  Docs: wo,
-  About: jo
-}, Ao = [
+  Scripts: ea,
+  Properties: ta,
+  Events: la,
+  Css: aa,
+  Directives: oa,
+  Defined: da,
+  DataSources: ma,
+  Style: va,
+  Previewer: ga,
+  NodePath: ha,
+  Schema: ba,
+  Raw: _a,
+  Docs: ka,
+  About: Ea
+}, ja = [
   {
     name: "Logo",
     region: "Brand",
@@ -4712,7 +4717,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Scripts,
     type: "tab",
-    group: ae.Block,
+    group: oe.Block,
     label: "设置"
   },
   {
@@ -4720,7 +4725,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Css,
     type: "tab",
-    group: ae.Block,
+    group: oe.Block,
     label: "CSS"
   },
   {
@@ -4728,7 +4733,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.DataSources,
     type: "tab",
-    group: ae.Block,
+    group: oe.Block,
     label: "数据源"
   },
   {
@@ -4736,7 +4741,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Defined,
     type: "tab",
-    group: ae.Block,
+    group: oe.Block,
     label: "定义"
   },
   {
@@ -4744,7 +4749,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Properties,
     type: "tab",
-    group: ae.Node,
+    group: oe.Node,
     label: "属性"
   },
   {
@@ -4752,7 +4757,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Style,
     type: "tab",
-    group: ae.Node,
+    group: oe.Node,
     label: "样式"
   },
   {
@@ -4760,7 +4765,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Events,
     type: "tab",
-    group: ae.Node,
+    group: oe.Node,
     label: "事件"
   },
   {
@@ -4768,7 +4773,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Directives,
     type: "tab",
-    group: ae.Node,
+    group: oe.Node,
     label: "指令"
   },
   {
@@ -4776,7 +4781,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Status",
     component: L.NodePath
   }
-], Do = [
+], Aa = [
   {
     package: "vue",
     version: "latest",
@@ -4875,7 +4880,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     official: !0,
     enabled: !1
   }
-], Po = [
+], Da = [
   {
     id: "elements",
     category: "特殊元素"
@@ -4884,7 +4889,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     id: "components",
     category: "内置组件"
   }
-], Io = [
+], Pa = [
   {
     name: "component",
     label: "动态组件",
@@ -4921,8 +4926,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       children: "默认插槽内容"
     }
   }
-], Ro = [
-  ...Io,
+], Ia = [
+  ...Pa,
   {
     name: "Transition",
     label: "过渡效果",
@@ -5237,31 +5242,31 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       }
     ]
   }
-], $o = [
+], Ra = [
   {
     name: "vue",
     version: "latest",
     label: "内置",
     library: "Vue",
     order: 0,
-    categories: Po,
-    components: Ro
+    categories: Da,
+    components: Ia
   }
-], Bo = /* @__PURE__ */ E({
+], $a = /* @__PURE__ */ E({
   name: "StringSetter",
   __name: "string",
   setup(i) {
     return (e, t) => (c(), _(n(pe), ue({ clearable: "" }, e.$attrs), null, 16));
   }
-}), To = /* @__PURE__ */ E({
+}), Ba = /* @__PURE__ */ E({
   name: "BooleanSetter",
   __name: "boolean",
   setup(i) {
-    return (e, t) => (c(), _(n(Mt), ue(e.$attrs, {
+    return (e, t) => (c(), _(n(zt), ue(e.$attrs, {
       "model-value": !!e.$attrs.modelValue
     }), null, 16, ["model-value"]));
   }
-}), Fo = "{{", zo = "}}", Mo = /* @__PURE__ */ E({
+}), Ta = "{{", Fa = "}}", za = /* @__PURE__ */ E({
   name: "ExpressionSetter",
   __name: "expression",
   props: {
@@ -5273,8 +5278,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const t = (u = "") => ({
       type: "JSExpression",
       value: Pe(u) ? u.value : u
-    }), s = i, l = e, o = (u) => Y(u, s.context, !0), r = w(t(s.modelValue).value);
-    ne(
+    }), s = i, l = e, a = (u) => ee(u, s.context, !0), r = w(t(s.modelValue).value);
+    X(
       () => s.modelValue,
       (u) => {
         r.value = t(u).value;
@@ -5283,29 +5288,29 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         immediate: !0
       }
     );
-    const a = (u) => {
+    const o = (u) => {
       const p = {
         type: "JSExpression",
         value: u
       };
-      o(p) && l("change", p);
+      a(p) && l("change", p);
     };
     return (u, p) => (c(), _(n(pe), {
       class: "v-expression-setter",
       modelValue: r.value,
       "onUpdate:modelValue": p[0] || (p[0] = (m) => r.value = m),
-      onChange: a
+      onChange: o
     }, {
       prefix: g(() => [
-        H(N(Fo))
+        H(N(Ta))
       ]),
       suffix: g(() => [
-        H(N(zo))
+        H(N(Fa))
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), No = /* @__PURE__ */ E({
+}), Ma = /* @__PURE__ */ E({
   name: "SelectSetter",
   __name: "select",
   props: {
@@ -5322,7 +5327,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 16));
   }
-}), Oo = /* @__PURE__ */ E({
+}), Na = /* @__PURE__ */ E({
   name: "NumberSetter",
   __name: "number",
   props: {
@@ -5330,22 +5335,22 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = S(() => Pe(t.modelValue) ? void 0 : Number(t.modelValue || 0)), o = (r) => {
+    const t = i, s = e, l = S(() => Pe(t.modelValue) ? void 0 : Number(t.modelValue || 0)), a = (r) => {
       s("change", r);
     };
-    return (r, a) => (c(), _(n(jn), ue({
+    return (r, o) => (c(), _(n(jn), ue({
       class: "v-number-setter",
       "controls-position": "right",
       "model-value": l.value
-    }, r.$attrs, { onChange: o }), null, 16, ["model-value"]));
+    }, r.$attrs, { onChange: a }), null, 16, ["model-value"]));
   }
-}), Wo = /* @__PURE__ */ E({
+}), Oa = /* @__PURE__ */ E({
   name: "ColorSetter",
   __name: "color",
   setup(i) {
-    return (e, t) => (c(), _(n(An), Dt(Pt(e.$attrs)), null, 16));
+    return (e, t) => (c(), _(n(An), At(Dt(e.$attrs)), null, 16));
   }
-}), Lo = /* @__PURE__ */ E({
+}), Wa = /* @__PURE__ */ E({
   name: "JsonSetter",
   __name: "json",
   props: {
@@ -5356,7 +5361,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i, { emit: e }) {
     const t = i, s = w(), l = w(
       typeof t.modelValue == "object" ? JSON.stringify(t.modelValue, null, 2) : void 0
-    ), o = S(() => !!l.value), r = w(!1), a = e, u = (b) => {
+    ), a = S(() => !!l.value), r = w(!1), o = e, u = (b) => {
       let h = !0;
       try {
         const d = JSON.parse(b);
@@ -5377,15 +5382,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       const b = s.value?.getEditor();
       if (b) {
         const h = b.getValue();
-        u(h) && (l.value = h, a("change", JSON.parse(h)), r.value = !1);
+        u(h) && (l.value = h, o("change", JSON.parse(h)), r.value = !1);
       }
     }, m = () => {
-      l.value = "", a("change", void 0), r.value = !1;
+      l.value = "", o("change", void 0), r.value = !1;
     }, f = () => {
       r.value = !0;
     };
     return (b, h) => (c(), j("div", {
-      class: ee(["v-json-setter", { "is-active": o.value }])
+      class: te(["v-json-setter", { "is-active": a.value }])
     }, [
       v(n(pe), ue({
         readonly: "",
@@ -5420,7 +5425,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       }, 8, ["modelValue", "title"])) : C("", !0)
     ], 2));
   }
-}), Jo = /* @__PURE__ */ E({
+}), La = /* @__PURE__ */ E({
   name: "FunctionSetter",
   __name: "function",
   props: {
@@ -5431,22 +5436,22 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change"],
   setup(i, { emit: e }) {
-    const t = i, s = w(), l = w(t.modelValue.value), o = w(!1), r = S(() => !!l.value), a = e, u = () => {
+    const t = i, s = w(), l = w(t.modelValue.value), a = w(!1), r = S(() => !!l.value), o = e, u = () => {
       const f = s.value?.getEditor();
       if (f) {
         const b = f.getValue(), h = {
           type: "JSFunction",
           value: b
         };
-        Y(h, {}) && (l.value = b, a("change", h), o.value = !1);
+        ee(h, {}) && (l.value = b, o("change", h), a.value = !1);
       }
     }, p = () => {
-      l.value = "", a("change", void 0), o.value = !1;
+      l.value = "", o("change", void 0), a.value = !1;
     }, m = () => {
-      o.value = !0;
+      a.value = !0;
     };
     return (f, b) => (c(), j("div", {
-      class: ee(["v-function-setter", { "is-active": r.value }])
+      class: te(["v-function-setter", { "is-active": r.value }])
     }, [
       v(n(pe), ue({
         readonly: "",
@@ -5454,10 +5459,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         "model-value": "JSFunction",
         "suffix-icon": n(vt)
       }, f.$attrs), null, 16, ["suffix-icon"]),
-      o.value ? (c(), _(n($e), {
+      a.value ? (c(), _(n($e), {
         key: 0,
-        modelValue: o.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (h) => o.value = h),
+        modelValue: a.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (h) => a.value = h),
         title: "JSFunction",
         width: "1000px",
         height: "600px",
@@ -5481,20 +5486,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     ], 2));
   }
 }), le = {
-  StringSetter: Bo,
-  BooleanSetter: To,
-  ExpressionSetter: Mo,
-  SelectSetter: No,
-  NumberSetter: Oo,
-  ColorSetter: Wo,
-  IconSetter: on,
-  JsonSetter: Lo,
-  FunctionSetter: Jo
-}, Uo = {
+  StringSetter: $a,
+  BooleanSetter: Ba,
+  ExpressionSetter: za,
+  SelectSetter: Ma,
+  NumberSetter: Na,
+  ColorSetter: Oa,
+  IconSetter: ln,
+  JsonSetter: Wa,
+  FunctionSetter: La
+}, Ja = {
   name: "StringSetter",
   component: le.StringSetter,
   type: "String"
-}, Ho = [
+}, Ua = [
   {
     name: "InputSetter",
     component: le.StringSetter,
@@ -5573,14 +5578,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     type: "Function"
   }
 ];
-class qo {
+class Ha {
   widgets = {};
   constructor() {
     this.widgets = this.createWidgets();
   }
   createWidgets() {
     const e = {};
-    for (const t of Ao)
+    for (const t of ja)
       e[t.name] = t;
     return e;
   }
@@ -5611,7 +5616,7 @@ class qo {
       me.warn(`widget '${e}' is not found`);
       return;
     }
-    Lt(s, t), t.component && (s.component = t.component);
+    Wt(s, t), t.component && (s.component = t.component);
   }
   /**
    * 根据区域名称获取区域内的器件配置
@@ -5626,9 +5631,9 @@ class qo {
     ) : s;
   }
 }
-const rn = new qo();
-class Go {
-  constructor(e = Do) {
+const on = new Ha();
+class qa {
+  constructor(e = Aa) {
     this.deps = e;
   }
   /**
@@ -5661,14 +5666,14 @@ class Go {
   merge(e) {
     const t = [];
     for (const s of this.deps) {
-      const l = e.find((o) => o.package === s.package);
+      const l = e.find((a) => a.package === s.package);
       t.push({
         ...s,
         ...l
       });
     }
     for (const s of e)
-      this.deps.find((o) => o.package === s.package) || t.push(s);
+      this.deps.find((a) => a.package === s.package) || t.push(s);
     return t;
   }
   /**
@@ -5680,16 +5685,16 @@ class Go {
     t > -1 && this.deps.splice(t, 1);
   }
 }
-const Ko = new Go();
-class Zo {
+const Ga = new qa();
+class Ka {
   setters = {};
-  defaultSetter = Uo;
+  defaultSetter = Ja;
   constructor() {
     this.setters = this.createSetters();
   }
   createSetters() {
     const e = {};
-    for (const t of Ho)
+    for (const t of Ua)
       e[t.name] = t;
     return e;
   }
@@ -5720,16 +5725,16 @@ class Zo {
       me.warn(`setter '${e}' is not found`);
       return;
     }
-    Lt(s, t), t.component && (s.component = t.component);
+    Wt(s, t), t.component && (s.component = t.component);
   }
   getByType(e) {
     return Object.values(this.setters).filter((s) => s.type === e).map((s) => s.name);
   }
 }
-const Oe = new Zo();
-function Qo(i) {
+const Oe = new Ka();
+function Za(i) {
   return new Promise((e, t) => {
-    const s = $t(Bl, {
+    const s = Rt(Bl, {
       slots: i,
       onClose: () => {
         s.unmount(), t(null);
@@ -5741,7 +5746,7 @@ function Qo(i) {
     s.mount(document.createElement("div"));
   });
 }
-class Xo {
+class Qa {
   constructor(e, t, s) {
     this.engine = e, this.contentWindow = t, this.dependencies = s, this.document = this.contentWindow.document, this.bindEvents(t, this.document);
   }
@@ -5763,7 +5768,7 @@ class Xo {
       "scroll",
       this.bind(this.onViewChange, "onViewChange")
     ), e.addEventListener("resize", this.bind(this.onViewChange, "onViewChange")), t.addEventListener("mouseleave", this.bind(this.onLeave, "onLeave")), t.addEventListener("dragleave", this.bind(this.onLeave, "onLeave")), t.addEventListener("dragover", this.bind(this.onDragOver, "onDragOver")), t.addEventListener("drop", this.bind(this.onDrop, "onDrop")), t.addEventListener("click", this.bind(this.onSelected, "onSelected")), q.on(
-      at,
+      ot,
       this.bind(this.onActiveChange, "onActiveChange")
     ), q.on(Ie, this.bind(this.onViewChange, "onViewChange"));
   }
@@ -5781,7 +5786,7 @@ class Xo {
       "dragover",
       this.bind(this.onDragOver, "onDragOver")
     ), t.removeEventListener("drop", this.bind(this.onDrop, "onDrop")), t.removeEventListener("click", this.bind(this.onSelected, "onSelected")), q.off(
-      at,
+      ot,
       this.bind(this.onActiveChange, "onActiveChange")
     ), q.off(
       Ie,
@@ -5804,10 +5809,10 @@ class Xo {
   async getDropSlot(e) {
     if (!e)
       return;
-    const { engine: t } = this, s = t.assets, l = s.componentMap, o = await s.getBlockMaterial(e.from) || l.get(e.name);
-    if (!o?.slots)
+    const { engine: t } = this, s = t.assets, l = s.componentMap, a = await s.getBlockMaterial(e.from) || l.get(e.name);
+    if (!a?.slots)
       return;
-    const r = (o?.slots || ["default"]).map(
+    const r = (a?.slots || ["default"]).map(
       (u) => typeof u == "string" ? {
         name: u,
         params: []
@@ -5820,28 +5825,28 @@ class Xo {
       return;
     if (r.length === 1)
       return r[0];
-    const a = await Qo(r).catch(() => null);
-    if (!(a && a.name === "default" && (!a.params || a.params?.length === 0)))
-      return a;
+    const o = await Za(r).catch(() => null);
+    if (!(o && o.name === "default" && (!o.params || o.params?.length === 0)))
+      return o;
   }
   async onDrop(e) {
     e.preventDefault();
-    const { engine: t, dragging: s, dropping: l } = this, o = t.current.value, r = this.getHelper(e);
-    if (!o || !s || !l.value || !r)
+    const { engine: t, dragging: s, dropping: l } = this, a = t.current.value, r = this.getHelper(e);
+    if (!a || !s || !l.value || !r)
       return;
-    const a = r.model, u = l.value.type;
-    if (!await this.allowDrop(a, u))
+    const o = r.model, u = l.value.type;
+    if (!await this.allowDrop(o, u))
       return;
     const p = this.createNodeDsl(s), m = new kt(p);
-    if (U(a))
-      o.addNode(m, void 0, u);
+    if (U(o))
+      a.addNode(m, void 0, u);
     else {
-      const f = await this.getDropSlot(u === "inner" ? a : a.parent);
+      const f = await this.getDropSlot(u === "inner" ? o : o.parent);
       if (f === null) {
         this.dropping.value = null;
         return;
       }
-      m.slot = f, o.addNode(m, a, u);
+      m.slot = f, a.addNode(m, o, u);
     }
     this.dropping.value = null;
   }
@@ -5866,12 +5871,12 @@ class Xo {
     return kt.nodes[t] || null;
   }
   getDropType(e, t, s) {
-    const { left: l, top: o, width: r, height: a } = e;
-    return t >= l && t <= l + r * 0.2 ? "left" : t >= l + r * 0.8 && t <= l + r ? "right" : s >= o && s <= o + a * 0.2 ? "top" : s >= o + a * 0.8 && s <= o + a ? "bottom" : "inner";
+    const { left: l, top: a, width: r, height: o } = e;
+    return t >= l && t <= l + r * 0.2 ? "left" : t >= l + r * 0.8 && t <= l + r ? "right" : s >= a && s <= a + o * 0.2 ? "top" : s >= a + o * 0.8 && s <= a + o ? "bottom" : "inner";
   }
   getNodePath(e = []) {
-    const t = e.filter((o) => this.isVtjElement(o)), s = this.engine.current.value;
-    return [...t.map((o) => this.getNodeByElement(o)).filter((o) => !!o), s];
+    const t = e.filter((a) => this.isVtjElement(a)), s = this.engine.current.value;
+    return [...t.map((a) => this.getNodeByElement(a)).filter((a) => !!a), s];
   }
   setDslFrom(e) {
     const t = this.engine.assets.componentMap.get(e.name);
@@ -5880,12 +5885,12 @@ class Xo {
         this.setDslFrom(s);
   }
   createNodeDsl(e) {
-    const { name: t, snippet: s = {}, from: l } = e, o = {
+    const { name: t, snippet: s = {}, from: l } = e, a = {
       ...s,
       name: t,
       from: l || e.package
     };
-    return this.setDslFrom(o), o;
+    return this.setDslFrom(a), a;
   }
   getElmenetByModel(e) {
     return !this.document || !e ? null : U(e) ? this.document.body : Array.from(
@@ -5909,20 +5914,20 @@ class Xo {
     const l = this.getNodeByElement(s) || this.engine.current.value;
     if (!l)
       return null;
-    const o = s.getBoundingClientRect(), r = this.getDropType(o, e.clientX, e.clientY), a = this.getNodePath(t);
+    const a = s.getBoundingClientRect(), r = this.getDropType(a, e.clientX, e.clientY), o = this.getNodePath(t);
     return {
       el: s,
       model: l,
-      rect: o,
+      rect: a,
       type: r,
-      path: a
+      path: o
     };
   }
   cleanHelper() {
     this.setSelected(null), this.setHover(null), this.setDragging(null), this.setDropping(null);
   }
   async updateRect() {
-    await Ot(0);
+    await Nt(100);
     const e = n(this.selected), t = n(this.hover);
     if (e) {
       const s = e.el.getBoundingClientRect();
@@ -5943,7 +5948,7 @@ class Xo {
     this.dragging = e;
   }
   async setHover(e) {
-    if (await Se(), e) {
+    if (await ye(), e) {
       const t = this.getElmenetByModel(e);
       if (!t)
         return;
@@ -5959,7 +5964,7 @@ class Xo {
       this.hover.value = null;
   }
   async setSelected(e) {
-    if (await Se(), e) {
+    if (await ye(), e) {
       const t = this.getElmenetByModel(e) || this.document?.createElement("span");
       if (!t)
         return;
@@ -5975,31 +5980,31 @@ class Xo {
       this.selected.value = null;
   }
   async setDropping(e, t = "inner") {
-    if (await Se(), e) {
+    if (await ye(), e) {
       const s = this.getElmenetByModel(e);
       if (!s)
         return;
-      const l = s.getBoundingClientRect(), o = U(e) ? [] : this.findPathByNode(e);
+      const l = s.getBoundingClientRect(), a = U(e) ? [] : this.findPathByNode(e);
       this.dropping.value = {
         el: s,
         model: e,
         rect: l,
         type: t,
-        path: o
+        path: a
       };
     } else
       this.dropping.value = null;
   }
   async allowDrop(e, t = "inner") {
-    const { dragging: s, engine: l } = this, o = l.current.value;
-    if (!s || !o)
+    const { dragging: s, engine: l } = this, a = l.current.value;
+    if (!s || !a)
       return !1;
     if (U(e))
       return !0;
-    const r = l.assets.componentMap, a = t !== "inner" && e.parent || e, u = await l.assets.getBlockMaterial(a.from) || r.get(a.name);
+    const r = l.assets.componentMap, o = t !== "inner" && e.parent || e, u = await l.assets.getBlockMaterial(o.from) || r.get(o.name);
     if (!u)
       return !1;
-    const { parentIncludes: p = !0, name: m } = s, { childIncludes: f = !0 } = u, b = p === !0 || Array.isArray(p) && p.includes(a.name), h = f === !0 || Array.isArray(f) && f.includes(m);
+    const { parentIncludes: p = !0, name: m } = s, { childIncludes: f = !0 } = u, b = p === !0 || Array.isArray(p) && p.includes(o.name), h = f === !0 || Array.isArray(f) && f.includes(m);
     return b && h;
   }
   dispose() {
@@ -6007,7 +6012,7 @@ class Xo {
     this.setSelected(null), this.setHover(null), this.setDragging(null), e && t && this.unbindEvents(e, t), this.document = null;
   }
 }
-class Yo {
+class Xa {
   constructor(e, t, s = null) {
     this.env = e, this.service = t, this.designer = s, this.nodeChange = this.__onNodeChange.bind(this), this.blockChange = this.__onBlockChange.bind(this);
   }
@@ -6018,18 +6023,18 @@ class Yo {
   context = null;
   install(e) {
     const { library: t, globals: s } = this.env, l = Object.values(t);
-    Object.assign(e.config.globalProperties, s), e.config.errorHandler = (o, r, a) => {
-      const u = r?.$options.name, p = o?.message || o?.msg || "未知错误", m = `[ ${u} ] ${p}`;
+    Object.assign(e.config.globalProperties, s), e.config.errorHandler = (a, r, o) => {
+      const u = r?.$options.name, p = a?.message || a?.msg || "未知错误", m = `[ ${u} ] ${p}`;
       console.error({
-        err: o,
+        err: a,
         instance: r,
-        info: a
+        info: o
       }), Ue.error({
         title: "运行错误",
         message: m
       });
-    }, l.forEach((o) => {
-      (typeof o == "function" || typeof o.install == "function") && e?.use(o);
+    }, l.forEach((a) => {
+      (typeof a == "function" || typeof a.install == "function") && e?.use(a);
     });
   }
   render(e) {
@@ -6037,28 +6042,28 @@ class Yo {
       window: t,
       container: s,
       Vue: l,
-      components: o,
+      components: a,
       library: r,
-      apis: a
+      apis: o
     } = this.env, u = t.document.createElement("div");
     u.id = "app", s.appendChild(u), this.dsl = l.reactive(e.toDsl());
     const p = Un({
       getDsl: async (b) => await this.service.getFile(b) || null,
       options: {
-        mode: ot.Design,
+        mode: at.Design,
         Vue: l,
-        components: o,
+        components: a,
         libs: r,
-        apis: a,
+        apis: o,
         window: t
       }
     }), { renderer: m, context: f } = Hn({
       Vue: l,
-      mode: ot.Design,
+      mode: at.Design,
       dsl: this.dsl,
-      components: o,
+      components: a,
       libs: r,
-      apis: a,
+      apis: o,
       loader: p,
       window: t
     });
@@ -6082,12 +6087,12 @@ class Yo {
     const s = t.children || t.nodes || [];
     if (Array.isArray(s))
       for (let l = 0; l < s.length; l++) {
-        const o = s[l];
-        if (o.id === e.id) {
+        const a = s[l];
+        if (a.id === e.id) {
           s.splice(l, 1, e);
           return;
         } else
-          this.updateChild(e, o);
+          this.updateChild(e, a);
       }
   }
   __onNodeChange(e) {
@@ -6097,7 +6102,7 @@ class Yo {
     this.dispose(), this.render(e), this.designer?.selected.value && this.designer.setSelected(e);
   }
 }
-class ea extends Ut {
+class Ya extends Jt {
   contentWindow = null;
   renderer = null;
   designer = Me(null);
@@ -6106,18 +6111,22 @@ class ea extends Ut {
   constructor(e) {
     super();
     const { engine: t, materialPath: s } = e;
-    this.engine = t, this.materialPath = s, ne(this.engine.current, () => {
+    this.engine = t, this.materialPath = s, X(this.engine.current, () => {
       this.refresh();
     });
   }
   init(e, t) {
-    jt(() => {
-      e.value && t.value.length && (this.resetReady(), this.setup(e.value, t.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Xo(
-        this.engine,
-        this.contentWindow,
-        t
-      )));
-    });
+    X(
+      [e, t],
+      () => {
+        e.value && t.value.length && (this.resetReady(), this.setup(e.value, t.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Qa(
+          this.engine,
+          this.contentWindow,
+          t
+        )));
+      },
+      { immediate: !0 }
+    );
   }
   setup(e, t) {
     const s = e.contentWindow;
@@ -6129,9 +6138,9 @@ class ea extends Ut {
     const l = s.document;
     this.contentWindow = s;
     const {
-      scripts: o,
+      scripts: a,
       css: r,
-      materials: a,
+      materials: o,
       libraryExports: u,
       materialExports: p,
       materialMapLibrary: m
@@ -6154,8 +6163,8 @@ class ea extends Ut {
             }
          </style>
          ${Gn(r)}
-         ${yt(o)}
          ${yt(a)}
+         ${yt(o)}
        </head>
        <body> 
        </body>
@@ -6169,17 +6178,17 @@ class ea extends Ut {
   }
   async emitReady(e = [], t = [], s = {}) {
     this.renderer?.dispose(), this.renderer = null;
-    const l = this.contentWindow, { assets: o, service: r, current: a, provider: u } = this.engine, p = u.materials || {}, m = [];
+    const l = this.contentWindow, { assets: a, service: r, current: o, provider: u } = this.engine, p = u.materials || {}, m = [];
     for (const b of t) {
       const h = p[b] ? (await p[b]()).default : l[b];
       m.push(h);
     }
-    o.load(m);
+    a.load(m);
     const f = this.createEnv(e, s, m);
-    this.renderer = new Yo(f, r, this.designer.value), a.value && this.renderer.render(a.value), this.triggerReady();
+    this.renderer = new Xa(f, r, this.designer.value), o.value && this.renderer.render(o.value), this.triggerReady();
   }
   createEnv(e = [], t = {}, s = []) {
-    const l = this.contentWindow, { engine: o } = this, { project: r, assets: a, provider: u } = o, p = e.reduce((y, V) => (y[V] = l[V], y), {}), m = {}, { groups: f, componentMap: b } = a;
+    const l = this.contentWindow, { engine: a } = this, { project: r, assets: o, provider: u } = a, p = e.reduce((y, V) => (y[V] = l[V], y), {}), m = {}, { groups: f, componentMap: b } = o;
     for (const y of f.value) {
       const V = y.names || [], x = p[t[y.library || ""]];
       x && V.forEach((D) => {
@@ -6208,7 +6217,7 @@ class ea extends Ut {
     this.renderer?.dispose(), this.designer.value?.dispose(), this.contentWindow = null, this.renderer = null, this.designer.value = null;
   }
 }
-class ta {
+class eo {
   constructor(e) {
     this.service = e;
   }
@@ -6229,14 +6238,14 @@ class ta {
   parseGroups(e) {
     const t = [];
     for (let s of e) {
-      const { categories: l, components: o, label: r, name: a, library: u } = s;
-      if (!l || !o)
+      const { categories: l, components: a, label: r, name: o, library: u } = s;
+      if (!l || !a)
         continue;
-      const p = o.map((h) => h.name), m = l.map(
-        (h) => this.getCateoryComponents(h, o)
+      const p = a.map((h) => h.name), m = l.map(
+        (h) => this.getCateoryComponents(h, a)
       ), f = m.reduce((h, d) => d.count + h, 0), b = {
         name: s.name,
-        label: r || a,
+        label: r || o,
         count: f,
         names: p,
         library: u,
@@ -6247,7 +6256,7 @@ class ta {
     return t;
   }
   load(e) {
-    const t = [...$o, ...e].filter((s) => !!s);
+    const t = [...Ra, ...e].filter((s) => !!s);
     t.sort((s, l) => s.order - l.order);
     for (let s of t)
       s.components && (this.components = this.components.concat(s.components));
@@ -6262,7 +6271,7 @@ class ta {
     const s = await this.service.getFile(t);
     if (!s)
       return null;
-    const { id: l, name: o, slots: r, props: a, emits: u } = s, p = (f) => {
+    const { id: l, name: a, slots: r, props: o, emits: u } = s, p = (f) => {
       const b = Array.isArray(f) ? f : [f];
       let h = [];
       for (const d of b)
@@ -6273,10 +6282,10 @@ class ta {
     };
     return {
       id: l,
-      name: o,
+      name: a,
       // 如果没有定义插槽，不能放置子组件
       childIncludes: r?.length ? void 0 : !1,
-      props: (a || []).map((f) => typeof f == "string" ? {
+      props: (o || []).map((f) => typeof f == "string" ? {
         name: f
       } : {
         name: f.name,
@@ -6289,8 +6298,8 @@ class ta {
     };
   }
 }
-const un = Symbol("VtjEngine");
-class Ma extends Ut {
+const rn = Symbol("VtjEngine");
+class Mo extends Jt {
   app;
   skeleton;
   container;
@@ -6304,47 +6313,51 @@ class Ma extends Ut {
   isEmptyCurrent = w(!1);
   history = w(null);
   provider;
+  /**
+   * 当current变化时，更新该值，用于通知组件更新
+   */
+  changed = w(Symbol());
   constructor(e) {
     super();
     const {
       container: t,
       service: s,
       project: l = {},
-      globals: o = {},
+      globals: a = {},
       dependencies: r,
-      materials: a,
+      materials: o,
       materialPath: u = "./"
     } = e;
     this.container = t, this.service = s, this.provider = new Qn({
-      mode: ot.Design,
-      globals: o,
+      mode: at.Design,
+      globals: a,
       project: l,
       service: s,
       dependencies: r,
-      materials: a,
+      materials: o,
       materialPath: u
-    }), this.assets = new ta(this.service), this.simulator = new ea({
+    }), this.assets = new eo(this.service), this.simulator = new Ya({
       engine: this,
       materialPath: u
-    }), this.bindEvents(), this.init(l), It(this.render.bind(this)), Rt(this.dispose.bind(this));
+    }), this.bindEvents(), this.init(l), Pt(this.render.bind(this)), It(this.dispose.bind(this));
   }
   async init(e) {
     const t = await this.service.init(e).catch((s) => (me.warn("VTJEngine service init fail.", s), null));
-    t && (t.dependencies = Ko.merge(t.dependencies || []), this.project.value = new Yn(t), this.saveMaterials(), this.triggerReady());
+    t && (t.dependencies = Ga.merge(t.dependencies || []), this.project.value = new Yn(t), this.saveMaterials(), this.triggerReady());
   }
   render() {
     const e = n(this.container);
     if (e) {
-      const t = $t(na);
-      t.provide(un, mn(this)), t.mount(e), this.app = t;
+      const t = Rt(to);
+      t.provide(rn, mn(this)), t.mount(e), this.app = t;
     } else
       me.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    q.on(es, (e) => this.saveProject(e)), q.on(ts, (e) => this.saveBlockFile(e)), q.on(ns, (e) => this.saveBlockFile(e)), q.on(ss, () => this.saveMaterials()), q.on(at, (e) => this.activeFile(e)), q.on(ls, () => this.publish()), q.on(os, () => this.publishCurrent()), q.on(rt, (e) => this.changeFile(e)), q.on(Ie, () => this.changeCurrentFile()), q.on(as, (e) => this.saveHistory(e)), q.on(rs, (e) => this.loadHistory(e));
+    q.on(es, (e) => this.saveProject(e)), q.on(ts, (e) => this.saveBlockFile(e)), q.on(ns, (e) => this.saveBlockFile(e)), q.on(ss, () => this.saveMaterials()), q.on(ot, (e) => this.activeFile(e)), q.on(ls, () => this.publish()), q.on(as, () => this.publishCurrent()), q.on(rt, (e) => this.changeFile(e)), q.on(Ie, () => this.changeCurrentFile()), q.on(os, (e) => this.saveHistory(e)), q.on(rs, (e) => this.loadHistory(e));
   }
   async activeFile(e) {
-    await Se();
+    await ye();
     const t = e.model, s = e.model.currentFile;
     if (s) {
       if (t.isPageFile(s) && s.raw)
@@ -6360,7 +6373,7 @@ class Ma extends Ut {
     he(this.project);
   }
   async changeFile(e) {
-    await Se();
+    await ye();
     const t = e.toDsl();
     this.service.saveFile(t), this.updateCurrent(e), this.history.value?.add(t), he(this.history);
   }
@@ -6368,7 +6381,7 @@ class Ma extends Ut {
     this.saveCurrentFile(), this.current.value && (this.history.value?.add(this.current.value.toDsl()), he(this.history));
   }
   async updateCurrent(e, t = !0) {
-    this.current.value = e, await Se(), this.context.value = this.simulator.renderer?.context || null, this.isEmptyCurrent.value = this.current.value?.nodes.length === 0, t && he(this.context);
+    this.current.value = e, await ye(), this.context.value = this.simulator.renderer?.context || null, this.isEmptyCurrent.value = this.current.value?.nodes.length === 0, this.changed.value = Symbol(), t && he(this.context);
   }
   async saveProject(e) {
     const s = e.model.toDsl();
@@ -6378,27 +6391,27 @@ class Ma extends Ut {
     const t = e.type, s = e.model;
     if (t === "create") {
       const l = e.data;
-      s.isPageFile(l) && l.raw ? (await this.service.createRawPage(l), oe(`源码文件已经生成：/.vtj/vue/${l.id}.vue`, "success")) : l.dsl && await this.service.saveFile(l.dsl);
+      s.isPageFile(l) && l.raw ? (await this.service.createRawPage(l), ae(`源码文件已经生成：/.vtj/vue/${l.id}.vue`, "success")) : l.dsl && await this.service.saveFile(l.dsl);
     }
     if (t === "update") {
       const l = e.data;
       if (s.isPageFile(l) && (l.dir || l.raw))
         return;
-      const o = await this.service.getFile(l.id);
-      o && (o.name = l.name, await this.service.saveFile(o));
+      const a = await this.service.getFile(l.id);
+      a && (a.name = l.name, await this.service.saveFile(a));
     }
     if (t === "delete") {
       const l = e.data;
       l && s.isPageFile(l) && l.raw ? await this.service.removeRawPage(l.id) : l.dir || (await this.service.removeFile(l.id), await this.service.removeHistory(l.id));
     }
     if (t === "clone") {
-      const { page: l, newPage: o } = e.data, r = await this.service.getFile(l.id);
-      r && (r.id = o.id, r.name = o.name, await this.service.saveFile(r));
+      const { page: l, newPage: a } = e.data, r = await this.service.getFile(l.id);
+      r && (r.id = a.id, r.name = a.name, await this.service.saveFile(r));
     }
     he(this.project);
   }
   async saveMaterials() {
-    await Se(), this.simulator.ready(() => {
+    await ye(), this.simulator.ready(() => {
       const e = this.project.value;
       if (e) {
         const t = this.assets.componentMap;
@@ -6431,8 +6444,8 @@ class Ma extends Ut {
   async loadHistory(e) {
     const t = e.model, s = e.data, l = await this.service.getHistoryItem(t.id, s.id);
     if (l && l.dsl) {
-      const o = new wt(l.dsl);
-      await this.updateCurrent(o), he(this.history);
+      const a = new wt(l.dsl);
+      await this.updateCurrent(a), he(this.history);
     }
   }
   async publish() {
@@ -6442,7 +6455,7 @@ class Ma extends Ut {
         ...e.toDsl(),
         pages: e.getPages()
       };
-      await this.service.publish(t) && oe("整站发布成功", "success");
+      await this.service.publish(t) && ae("整站发布成功", "success");
     }
   }
   async publishCurrent() {
@@ -6452,7 +6465,7 @@ class Ma extends Ut {
         ...e.toDsl(),
         pages: e.getPages()
       };
-      await this.service.publishFile(s, t) && oe("发布成功", "success");
+      await this.service.publishFile(s, t) && ae("发布成功", "success");
     }
   }
   dispose() {
@@ -6462,9 +6475,9 @@ class Ma extends Ut {
     const t = this.project.value, s = this.skeleton?.getRegion("Apps"), l = e || t?.homepage;
     if (!t || !s || !l)
       return;
-    const o = t.getPage(l);
-    o && !o.raw && (s.regionRef?.setActive("Pages"), this.simulator.ready(() => {
-      t.active(o);
+    const a = t.getPage(l);
+    a && !a.raw && (s.regionRef?.setActive("Pages"), this.simulator.ready(() => {
+      t.active(a);
     }));
     const r = t.getBlock(l);
     r && (s.regionRef?.setActive("Blocks"), this.simulator?.ready(() => {
@@ -6473,7 +6486,7 @@ class Ma extends Ut {
   }
 }
 function se() {
-  const i = vn(un, null);
+  const i = vn(rn, null);
   return i || me.error("VTJEngine is not exist"), i;
 }
 const be = E({
@@ -6493,7 +6506,7 @@ const be = E({
     const i = Et[this.region] || Et.EmptyRegion;
     return xe(i, { ...this.$props, ...this.$attrs, ref: "regionRef" });
   }
-}), we = E({
+}), Se = E({
   name: "WidgetWrapper",
   props: {
     region: {
@@ -6518,7 +6531,7 @@ const be = E({
       ref: "widgetRef"
     });
   }
-}), na = E({
+}), to = E({
   name: "SkeletonWrapper",
   setup() {
     const i = w(), e = se(), t = w({});
@@ -6532,7 +6545,7 @@ const be = E({
     this.engine.skeleton = this;
   },
   render() {
-    return xe(sa, { ...this.$props, ...this.$attrs, ref: "skeletonRef" });
+    return xe(no, { ...this.$props, ...this.$attrs, ref: "skeletonRef" });
   },
   methods: {
     /**
@@ -6576,7 +6589,7 @@ const be = E({
      * @returns
      */
     getWidget(i) {
-      const e = rn.get(i);
+      const e = on.get(i);
       if (!e) {
         me.warn(`widget [ ${i} ] is not exsit`);
         return;
@@ -6671,16 +6684,16 @@ const be = E({
       name: t,
       label: s,
       title: l,
-      value: o,
+      value: a,
       computedSetters: r,
-      computedOptions: a,
+      computedOptions: o,
       variable: u,
       changeValue: p,
       defaultSetter: m,
       removable: f,
       onRemove: b
     } = this;
-    return xe(ca, {
+    return xe(uo, {
       context: i,
       current: e,
       name: t,
@@ -6689,9 +6702,9 @@ const be = E({
       setters: r,
       defaultSetter: m,
       variable: u,
-      value: o,
+      value: a,
       removable: f,
-      options: a,
+      options: o,
       onChange: p,
       onRemove: b
     });
@@ -6708,7 +6721,7 @@ const be = E({
       this.$emit("remove", i);
     }
   }
-}), sa = /* @__PURE__ */ E({
+}), no = /* @__PURE__ */ E({
   name: "Skeletion",
   __name: "skeleton",
   props: {
@@ -6718,7 +6731,7 @@ const be = E({
     footerHeight: { default: "20px" }
   },
   setup(i, { expose: e }) {
-    const t = i, s = w(!1), l = w(parseInt(t.leftWidth)), o = w(parseInt(t.rightWidth)), r = {
+    const t = i, s = w(!1), l = w(parseInt(t.leftWidth)), a = w(parseInt(t.rightWidth)), r = {
       dirs: ["e"],
       maxWidth: 600,
       minWidth: 49,
@@ -6728,15 +6741,15 @@ const be = E({
       onEnd(x, D) {
         l.value = D.elementWidth.value;
       }
-    }, a = {
+    }, o = {
       dirs: ["w"],
       maxWidth: 600,
       minWidth: 2,
       onResizing(x, D) {
-        o.value = D.elementWidth.value;
+        a.value = D.elementWidth.value;
       },
       onEnd(x, D) {
-        o.value = D.elementWidth.value;
+        a.value = D.elementWidth.value;
       }
     }, u = w(), p = w(), m = w(), f = w(), b = w(), h = w(), d = w(), k = w(), y = w(!1), V = w(!1);
     return e({
@@ -6750,7 +6763,7 @@ const be = E({
       collapsed: y,
       settable: V,
       leftWidth: l,
-      rightWidth: o,
+      rightWidth: a,
       preview: k,
       isPreview: s
     }), (x, D) => (c(), _(n(Dn), { locale: n(Bn) }, {
@@ -6786,7 +6799,7 @@ const be = E({
                 s.value ? C("", !0) : Ae((c(), _(n(bt), {
                   key: 0,
                   width: t.leftWidth,
-                  class: ee(["v-skeleton__left", {
+                  class: te(["v-skeleton__left", {
                     "is-collapsed": y.value
                   }])
                 }, {
@@ -6835,7 +6848,7 @@ const be = E({
                   _: 1
                 }, 8, ["width"])), [
                   [We, V.value],
-                  [n(_t), a]
+                  [n(_t), o]
                 ])
               ]),
               _: 1
@@ -6861,10 +6874,10 @@ const be = E({
       _: 1
     }, 8, ["locale"]));
   }
-}), la = { key: 1 }, oa = { class: "v-setter__content" }, aa = {
+}), so = { key: 1 }, lo = { class: "v-setter__content" }, ao = {
   key: 0,
   class: "v-setter__input"
-}, ra = { class: "v-setter__action" }, ia = "{{", ua = "}}", ca = /* @__PURE__ */ E({
+}, oo = { class: "v-setter__action" }, ro = "{{", io = "}}", uo = /* @__PURE__ */ E({
   __name: "setter",
   props: {
     context: {},
@@ -6881,19 +6894,19 @@ const be = E({
   },
   emits: ["change", "remove"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = w(!1), o = w(""), r = w(
+    const t = i, s = e, l = w(!1), a = w(""), r = w(
       t.setters.find((V) => V.name === t.defaultSetter) || t.setters[0]
-    ), a = w(t.value), u = S(() => !!Pe(a.value)), p = {
-      [r.value.name]: a.value
+    ), o = w(t.value), u = S(() => !!Pe(o.value)), p = {
+      [r.value.name]: o.value
     }, m = (V) => {
-      p[r.value.name] = a.value, r.value = V, a.value = p[V.name] ?? void 0, f(a.value);
+      p[r.value.name] = o.value, r.value = V, o.value = p[V.name] ?? void 0, f(o.value);
     };
-    ne(
+    X(
       () => t.value,
       () => {
-        a.value = t.value;
+        o.value = t.value;
       }
-    ), ne(
+    ), X(
       () => t.defaultSetter,
       () => {
         r.value = t.setters.find(
@@ -6906,11 +6919,11 @@ const be = E({
     }, b = () => {
       s("remove", t.name);
     }, h = () => {
-      l.value = !0, o.value = Pe(a.value) ? a.value.value : "";
+      l.value = !0, a.value = Pe(o.value) ? o.value.value : "";
     }, d = () => {
-      l.value = !1, o.value = "";
-    }, k = async (V) => Y(V, t.context, !0) ? (p[r.value.name] = a.value, a.value = V, s("change", V), !0) : !1, y = async () => {
-      await Ee("确定要解除绑定吗？") && (d(), a.value = void 0, s("change", ""));
+      l.value = !1, a.value = "";
+    }, k = async (V) => ee(V, t.context, !0) ? (p[r.value.name] = o.value, o.value = V, s("change", V), !0) : !1, y = async () => {
+      await Ee("确定要解除绑定吗？") && (d(), o.value = void 0, s("change", ""));
     };
     return (V, x) => (c(), _(n($n), {
       class: "v-setter",
@@ -6918,7 +6931,7 @@ const be = E({
       "label-positon": "left"
     }, {
       label: g(() => [
-        t.title ? (c(), _(n(zt), {
+        t.title ? (c(), _(n(Ft), {
           key: 0,
           placement: "top-start",
           content: t.title
@@ -6927,19 +6940,19 @@ const be = E({
             H(N(t.label || t.name), 1)
           ]),
           _: 1
-        }, 8, ["content"])) : (c(), j("span", la, N(t.label || t.name), 1))
+        }, 8, ["content"])) : (c(), j("span", so, N(t.label || t.name), 1))
       ]),
       default: g(() => [
-        z("div", oa, [
-          r.value ? (c(), j("div", aa, [
-            u.value ? C("", !0) : (c(), _(At(r.value.component), ue({
+        z("div", lo, [
+          r.value ? (c(), j("div", ao, [
+            u.value ? C("", !0) : (c(), _(jt(r.value.component), ue({
               key: 0,
               current: t.current,
               context: t.context
             }, r.value.props, {
               options: t.options,
-              modelValue: a.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (D) => a.value = D),
+              modelValue: o.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (D) => o.value = D),
               onChange: f,
               disabled: u.value
             }), null, 16, ["current", "context", "options", "modelValue", "disabled"])),
@@ -6950,22 +6963,22 @@ const be = E({
               "model-value": "JSExpression"
             }, {
               prefix: g(() => [
-                H(N(ia))
+                H(N(ro))
               ]),
               suffix: g(() => [
-                H(N(ua))
+                H(N(io))
               ]),
               _: 1
             })) : C("", !0)
           ])) : C("", !0),
-          z("div", ra, [
+          z("div", oo, [
             t.variable ? (c(), _(n(zs), {
               key: 0,
               onClick: h,
-              class: ee(["v-icon-vars", { "is-active": u.value }]),
+              class: te(["v-icon-vars", { "is-active": u.value }]),
               title: "绑定变量"
             }, null, 8, ["class"])) : C("", !0),
-            t.setters.length > 1 ? (c(), _(n(Tt), {
+            t.setters.length > 1 ? (c(), _(n(Bt), {
               key: 1,
               disabled: u.value,
               size: "small",
@@ -6973,15 +6986,15 @@ const be = E({
               onCommand: m
             }, {
               dropdown: g(() => [
-                v(n(Ft), null, {
+                v(n(Tt), null, {
                   default: g(() => [
                     (c(!0), j($, null, B(t.setters, (D) => (c(), _(n(nt), {
                       command: D,
                       key: D.name
                     }, {
                       default: g(() => [
-                        v(n(Gt), {
-                          class: ee({
+                        v(n(qt), {
+                          class: te({
                             "is-placeholder": D.name !== r.value.name
                           })
                         }, null, 8, ["class"]),
@@ -7005,11 +7018,11 @@ const be = E({
             })) : C("", !0)
           ])
         ]),
-        l.value ? (c(), _(n(no), {
+        l.value ? (c(), _(n(na), {
           key: 0,
           current: t.current,
           context: t.context,
-          value: o.value,
+          value: a.value,
           modelValue: l.value,
           "onUpdate:modelValue": x[1] || (x[1] = (D) => l.value = D),
           submitMethod: k,
@@ -7019,16 +7032,16 @@ const be = E({
       _: 1
     }));
   }
-}), da = { class: "v-empty-region" }, pa = /* @__PURE__ */ E({
+}), co = { class: "v-empty-region" }, po = /* @__PURE__ */ E({
   name: "EmptyRegion",
   __name: "empty",
   props: {
     region: {}
   },
   setup(i) {
-    return (e, t) => (c(), j("div", da, "找不到符合【" + N(e.region) + "】名称的区域组件", 1));
+    return (e, t) => (c(), j("div", co, "找不到符合【" + N(e.region) + "】名称的区域组件", 1));
   }
-}), ma = { class: "v-brand-region" }, va = /* @__PURE__ */ E({
+}), mo = { class: "v-brand-region" }, vo = /* @__PURE__ */ E({
   name: "BrandRegion",
   inheritAttrs: !1,
   __name: "brand",
@@ -7036,21 +7049,21 @@ const be = E({
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region);
+    const t = i, { widgets: s, widgetsRef: l } = we(t.region);
     return e({
       widgets: s,
       widgetsRef: l
-    }), (o, r) => (c(), j("div", ma, [
-      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
+    }), (a, r) => (c(), j("div", mo, [
+      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(Se), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: o.region,
-        widget: a
+        region: a.region,
+        widget: o
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), fa = { class: "v-toolbar-region" }, ga = /* @__PURE__ */ E({
+}), fo = { class: "v-toolbar-region" }, go = /* @__PURE__ */ E({
   name: "ToolbarRegion",
   __name: "toolbar",
   props: {
@@ -7058,22 +7071,22 @@ const be = E({
     preview: { type: Boolean }
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region);
+    const t = i, { widgets: s, widgetsRef: l } = we(t.region);
     return e({
       widgets: s,
       widgetsRef: l
-    }), (o, r) => (c(), j("div", fa, [
-      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
+    }), (a, r) => (c(), j("div", fo, [
+      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(Se), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: o.region,
-        widget: a,
-        preview: o.preview
+        region: a.region,
+        widget: o,
+        preview: a.preview
       }, null, 8, ["region", "widget", "preview"]))), 256))
     ]));
   }
-}), ha = { class: "v-actions-region" }, ba = /* @__PURE__ */ E({
+}), ho = { class: "v-actions-region" }, bo = /* @__PURE__ */ E({
   name: "ActionsRegion",
   inheritAttrs: !1,
   __name: "actions",
@@ -7081,21 +7094,21 @@ const be = E({
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region);
+    const t = i, { widgets: s, widgetsRef: l } = we(t.region);
     return e({
       widgets: s,
       widgetsRef: l
-    }), (o, r) => (c(), j("div", ha, [
-      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
+    }), (a, r) => (c(), j("div", ho, [
+      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(Se), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: o.region,
-        widget: a
+        region: a.region,
+        widget: o
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), _a = { class: "v-apps-region" }, ya = { class: "v-apps-region__header" }, ka = { class: "v-apps-region__top" }, wa = { class: "v-apps-region__bottom" }, Sa = { class: "v-apps-region__panels" }, Va = /* @__PURE__ */ E({
+}), _o = { class: "v-apps-region" }, yo = { class: "v-apps-region__header" }, ko = { class: "v-apps-region__top" }, wo = { class: "v-apps-region__bottom" }, So = { class: "v-apps-region__panels" }, Vo = /* @__PURE__ */ E({
   name: "AppsRegion",
   inheritAttrs: !1,
   __name: "apps",
@@ -7104,7 +7117,7 @@ const be = E({
     index: { default: 0 }
   },
   setup(i, { expose: e }) {
-    const t = i, s = se(), { widgets: l, widgetsRef: o } = ke(t.region), r = S(() => l.value.filter((d) => d.openType === "panel")), a = S(() => l.value.filter((d) => d.openType !== "panel")), u = r.value[t.index], p = w(u), m = w(u), f = (d) => {
+    const t = i, s = se(), { widgets: l, widgetsRef: a } = we(t.region), r = S(() => l.value.filter((d) => d.openType === "panel")), o = S(() => l.value.filter((d) => d.openType !== "panel")), u = r.value[t.index], p = w(u), m = w(u), f = (d) => {
       p.value = d, m.value = m.value?.name === d.name ? null : d;
     }, b = (d) => {
       d.openType === "link" && d.url && window.open(d.url), d.openType === "dialog" && zn({
@@ -7114,18 +7127,18 @@ const be = E({
         content: d.component
       });
     };
-    return ne(m, (d) => {
+    return X(m, (d) => {
       s.skeleton?.toggleCollapse(!d);
     }), e({
       widgets: l,
-      widgetsRef: o,
+      widgetsRef: a,
       setActive: (d) => {
         const k = r.value.find((y) => y.name === d);
         p.value = k, m.value = k;
       }
-    }), (d, k) => (c(), j("div", _a, [
-      z("div", ya, [
-        z("div", ka, [
+    }), (d, k) => (c(), j("div", _o, [
+      z("div", yo, [
+        z("div", ko, [
           (c(!0), j($, null, B(r.value, (y) => (c(), _(n(Ct), {
             key: `icon-${y.name}`,
             icon: y.icon,
@@ -7135,8 +7148,8 @@ const be = E({
             onClick: (V) => f(y)
           }, null, 8, ["icon", "label", "active", "open", "onClick"]))), 128))
         ]),
-        z("div", wa, [
-          (c(!0), j($, null, B(a.value, (y) => (c(), _(n(Ct), {
+        z("div", wo, [
+          (c(!0), j($, null, B(o.value, (y) => (c(), _(n(Ct), {
             key: `icon-${y.name}`,
             icon: y.icon,
             label: y.label,
@@ -7144,15 +7157,15 @@ const be = E({
           }, null, 8, ["icon", "label", "onClick"]))), 128))
         ])
       ]),
-      z("div", Sa, [
-        (c(!0), j($, null, B(r.value, (y) => (c(), _(Bt, {
+      z("div", So, [
+        (c(!0), j($, null, B(r.value, (y) => (c(), _($t, {
           key: y.name
         }, [
-          p.value?.name === y.name ? (c(), _(n(we), {
+          p.value?.name === y.name ? (c(), _(n(Se), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
-            ref: o,
+            ref: a,
             region: d.region,
             widget: y
           }, null, 8, ["region", "widget"])) : C("", !0)
@@ -7160,14 +7173,14 @@ const be = E({
       ])
     ]));
   }
-}), xa = /* @__PURE__ */ E({
+}), xo = /* @__PURE__ */ E({
   name: "WorkspaceRegion",
   __name: "workspace",
   props: {
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region), o = Re(
+    const t = i, { widgets: s, widgetsRef: l } = we(t.region), a = Re(
       s.value.map((h) => ({
         name: h.name,
         command: h.name,
@@ -7176,14 +7189,14 @@ const be = E({
         props: h.props || {},
         checked: !h.closable
       }))
-    ), r = S(() => o.filter((h) => !h.closable || h.checked)), a = S(() => o.map((h) => ({
+    ), r = S(() => a.filter((h) => !h.closable || h.checked)), o = S(() => a.map((h) => ({
       ...h,
       disabled: !h.closable
-    }))), u = w(r.value[0]?.name), p = S(() => o.find((d) => d.name === u.value)?.props || {}), m = (h) => {
-      const d = o.find((k) => k.name === h);
+    }))), u = w(r.value[0]?.name), p = S(() => a.find((d) => d.name === u.value)?.props || {}), m = (h) => {
+      const d = a.find((k) => k.name === h);
       d && (d.checked = !1), u.value === h && (u.value = r.value[0]?.name);
     }, f = (h) => {
-      const d = o.find((k) => k.name === h.name);
+      const d = a.find((k) => k.name === h.name);
       d && d.closable && (d.checked = !d.checked, d.checked && (u.value = d.name), !d.checked && u.value === d.name && (u.value = r.value[0]?.name));
     };
     return e({
@@ -7191,13 +7204,13 @@ const be = E({
       widgets: s,
       widgetsRef: l,
       openTab: (h, d = {}) => {
-        const k = o.find((y) => y.name === h);
+        const k = a.find((y) => y.name === h);
         k && (k.props = Object.assign({}, k.props, d), k.checked = !0, u.value = k.name);
       }
     }), (h, d) => (c(), _(n(Ke), {
       class: "v-workspace-region",
       items: r.value,
-      menus: a.value,
+      menus: o.value,
       modelValue: u.value,
       "onUpdate:modelValue": d[0] || (d[0] = (k) => u.value = k),
       checkable: "",
@@ -7208,7 +7221,7 @@ const be = E({
         (c(!0), j($, null, B(n(s), (k) => (c(), j($, {
           key: k.name
         }, [
-          u.value === k.name ? (c(), _(n(we), {
+          u.value === k.name ? (c(), _(n(Se), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -7221,26 +7234,26 @@ const be = E({
       _: 1
     }, 8, ["items", "menus", "modelValue"]));
   }
-}), Ca = /* @__PURE__ */ E({
+}), Co = /* @__PURE__ */ E({
   name: "SettingsRegion",
   __name: "settings",
   props: {
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, s = se(), { current: l } = te(), { selected: o, isSelectBlock: r } = fe(), a = S(
-      () => r.value ? ae.Block : ae.Node
-    ), { widgets: u, widgetsRef: p } = ke(t.region, a), m = S(() => u.value.map((d) => ({
+    const t = i, s = se(), { current: l } = ne(), { selected: a, isSelectBlock: r } = fe(), o = S(
+      () => r.value ? oe.Block : oe.Node
+    ), { widgets: u, widgetsRef: p } = we(t.region, o), m = S(() => u.value.map((d) => ({
       name: d.name,
       label: d.label
     }))), f = w(""), b = S(() => {
-      const d = o.value?.model;
+      const d = a.value?.model;
       return d ? s.assets.componentMap.get(d.name)?.doc : null;
     });
-    ne(l, (d) => {
+    X(l, (d) => {
       s.skeleton?.settable(!!d);
-    }), ne(
-      a,
+    }), X(
+      o,
       () => {
         f.value = m.value[0]?.name;
       },
@@ -7264,7 +7277,7 @@ const be = E({
       direction: "column"
     }, {
       default: g(() => [
-        n(o) ? (c(), _(n(O), {
+        n(a) ? (c(), _(n(O), {
           key: 0,
           flex: "",
           justify: "space-between",
@@ -7274,17 +7287,17 @@ const be = E({
           default: g(() => [
             v(n(O), { class: "v-settings-region__title" }, {
               default: g(() => [
-                v(n(Yt)),
+                v(n(Xt)),
                 z("span", null, [
-                  H(N(n(o)?.model.name) + ": ", 1),
-                  z("i", null, N(n(o)?.model.id), 1)
+                  H(N(n(a)?.model.name) + ": ", 1),
+                  z("i", null, N(n(a)?.model.id), 1)
                 ])
               ]),
               _: 1
             }),
             b.value ? (c(), _(n(O), { key: 0 }, {
               default: g(() => [
-                v(n(ye), {
+                v(n(ke), {
                   onClick: h,
                   icon: n(Ns),
                   mode: "text",
@@ -7296,7 +7309,7 @@ const be = E({
           ]),
           _: 1
         })) : C("", !0),
-        n(o) && !n(o).model.locked ? (c(), _(n(O), {
+        n(a) && !n(a).model.locked ? (c(), _(n(O), {
           key: 1,
           grow: "",
           padding: !1
@@ -7313,7 +7326,7 @@ const be = E({
                 (c(!0), j($, null, B(n(u), (y) => (c(), j($, {
                   key: y.name
                 }, [
-                  f.value === y.name ? (c(), _(n(we), {
+                  f.value === y.name ? (c(), _(n(Se), {
                     key: 0,
                     ref_for: !0,
                     ref_key: "widgetsRef",
@@ -7328,11 +7341,11 @@ const be = E({
           ]),
           _: 1
         })) : C("", !0),
-        n(o) ? C("", !0) : (c(), _(n(Z), {
+        n(a) ? C("", !0) : (c(), _(n(Z), {
           key: 2,
           description: "请在左侧画布选中节点"
         })),
-        n(o) && n(o).model.locked ? (c(), _(n(Z), {
+        n(a) && n(a).model.locked ? (c(), _(n(Z), {
           key: 3,
           "image-size": 1,
           description: "节点已被锁定, 禁止编辑"
@@ -7341,7 +7354,7 @@ const be = E({
       _: 1
     })) : C("", !0);
   }
-}), Ea = { class: "v-status-region" }, ja = /* @__PURE__ */ E({
+}), Eo = { class: "v-status-region" }, jo = /* @__PURE__ */ E({
   name: "StatusRegion",
   inheritAttrs: !1,
   __name: "status",
@@ -7349,28 +7362,28 @@ const be = E({
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region);
+    const t = i, { widgets: s, widgetsRef: l } = we(t.region);
     return e({
       widgets: s,
       widgetsRef: l
-    }), (o, r) => (c(), j("div", Ea, [
-      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
+    }), (a, r) => (c(), j("div", Eo, [
+      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(Se), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: o.region,
-        widget: a
+        region: a.region,
+        widget: o
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), Aa = /* @__PURE__ */ E({
+}), Ao = /* @__PURE__ */ E({
   name: "PreviewRegion",
   __name: "preview",
   props: {
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region), o = Re(
+    const t = i, { widgets: s, widgetsRef: l } = we(t.region), a = Re(
       s.value.map((u) => ({
         name: u.name,
         command: u.name,
@@ -7378,22 +7391,22 @@ const be = E({
         closable: !!u.closable,
         checked: !1
       }))
-    ), r = S(() => o.filter((u) => !u.closable || u.checked)), a = w(r.value[0]?.name);
+    ), r = S(() => a.filter((u) => !u.closable || u.checked)), o = w(r.value[0]?.name);
     return e({
-      currentTab: a,
+      currentTab: o,
       widgets: s,
       widgetsRef: l
     }), (u, p) => (c(), _(n(Ke), {
       class: "v-workspace-region",
       items: r.value,
-      modelValue: a.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (m) => a.value = m)
+      modelValue: o.value,
+      "onUpdate:modelValue": p[0] || (p[0] = (m) => o.value = m)
     }, {
       default: g(() => [
-        (c(!0), j($, null, B(n(s), (m) => (c(), _(Bt, {
+        (c(!0), j($, null, B(n(s), (m) => (c(), _($t, {
           key: m.name
         }, [
-          a.value === m.name ? (c(), _(n(we), {
+          o.value === m.name ? (c(), _(n(Se), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -7407,28 +7420,28 @@ const be = E({
     }, 8, ["items", "modelValue"]));
   }
 }), Et = {
-  EmptyRegion: pa,
-  Brand: va,
-  Toolbar: ga,
-  Actions: ba,
-  Apps: Va,
-  Workspace: xa,
-  Settings: Ca,
-  Status: ja,
-  Preview: Aa
+  EmptyRegion: po,
+  Brand: vo,
+  Toolbar: go,
+  Actions: bo,
+  Apps: Vo,
+  Workspace: xo,
+  Settings: Co,
+  Status: jo,
+  Preview: Ao
 };
 export {
   Us as API_METHOD_TYPES,
-  ta as Assets,
+  eo as Assets,
   ft as Binder,
   ut as Box,
-  Xo as Designer,
+  Qa as Designer,
   Hs as EVENT_MODIFIERS,
   K as Editor,
-  Ma as Engine,
-  so as EventBinder,
+  Mo as Engine,
+  sa as EventBinder,
   Ct as Icon,
-  X as Item,
+  Y as Item,
   Js as KEYBOARD_EVENT_LIST,
   St as MOBILE_SIZE,
   Ls as MOUSE_EVENT_LIST,
@@ -7437,36 +7450,36 @@ export {
   W as Panel,
   qs as RegionType,
   be as RegionWrapper,
-  Yo as Renderer,
-  ca as SetterView,
+  Xa as Renderer,
+  uo as SetterView,
   _e as SetterWrapper,
-  ea as Simulator,
-  sa as Skeleton,
-  na as SkeletonWrapper,
+  Ya as Simulator,
+  no as Skeleton,
+  to as SkeletonWrapper,
   Bl as SlotsPicker,
   Ke as Tabs,
   Ws as VTJ_DESIGNER_VERSION,
-  no as VariableBinder,
+  na as VariableBinder,
   Rl as Viewer,
   an as Viewport,
-  ae as WidgetGroup,
-  we as WidgetWrapper,
-  Do as builtInDeps,
-  $o as builtInMaterials,
-  Ho as builtInSetters,
-  Ao as builtInWidgets,
+  oe as WidgetGroup,
+  Se as WidgetWrapper,
+  Aa as builtInDeps,
+  Ra as builtInMaterials,
+  Ua as builtInSetters,
+  ja as builtInWidgets,
   Ee as confirm,
-  Qo as createSlotsPicker,
-  Uo as defaultSetter,
-  Ko as depsManager,
-  un as engineKey,
-  Y as expressionValidate,
-  oe as message,
+  Za as createSlotsPicker,
+  Ja as defaultSetter,
+  Ga as depsManager,
+  rn as engineKey,
+  ee as expressionValidate,
+  ae as message,
   Q as notify,
   Et as regions,
   Oe as setterManager,
   le as setters,
   se as useEngine,
-  rn as widgetManager,
+  on as widgetManager,
   L as widgets
 };