@vtj/designer 0.8.99 → 0.8.100

package/dist/index.mjs

@@ -1,20 +1,20 @@
-import { computed as S, unref as n, ref as k, reactive as qe, watchEffect as Jn, watch as q, toValue as pt, defineComponent as E, openBlock as d, createElementBlock as A, toDisplayString as z, createVNode as v, withCtx as h, createElementVNode as V, createBlock as y, createCommentVNode as j, createTextVNode as G, Fragment as T, renderList as N, normalizeClass as H, resolveDynamicComponent as Yt, createSlots as Mn, withDirectives as Ee, vShow as De, renderSlot as Se, withModifiers as Ne, readonly as Ln, getCurrentScope as Un, onScopeDispose as qn, onMounted as et, nextTick as we, getCurrentInstance as Zt, toRaw as Hn, isRef as mt, mergeProps as re, normalizeStyle as Xe, defineAsyncComponent as Gn, h as Te, inject as xt, provide as Xn, normalizeProps as en, guardReactiveProps as tn, withKeys as Qe, onUnmounted as nn, markRaw as vt, createApp as ln, shallowRef as gt, shallowReactive as Qn, triggerRef as Ae, KeepAlive as an } from "vue";
+import { computed as S, unref as n, ref as k, reactive as qe, watchEffect as Jn, watch as q, toValue as pt, defineComponent as E, openBlock as d, createElementBlock as A, toDisplayString as z, createVNode as v, withCtx as h, createElementVNode as V, createBlock as y, createCommentVNode as j, createTextVNode as G, Fragment as T, renderList as W, normalizeClass as H, resolveDynamicComponent as Yt, createSlots as Mn, withDirectives as Ee, vShow as Ie, renderSlot as Se, withModifiers as We, readonly as Ln, getCurrentScope as Un, onScopeDispose as qn, onMounted as et, nextTick as we, getCurrentInstance as Zt, toRaw as Hn, isRef as mt, mergeProps as re, normalizeStyle as Xe, defineAsyncComponent as Gn, h as Te, inject as xt, provide as Xn, normalizeProps as en, guardReactiveProps as tn, withKeys as Qe, onUnmounted as nn, markRaw as vt, createApp as ln, shallowRef as gt, shallowReactive as Qn, triggerRef as Ae, KeepAlive as an } from "vue";
 import { ElNotification as Ct, ElMessageBox as Vt, ElMessage as tt, ElButton as ae, ElDivider as At, ElRadioGroup as sn, ElRadioButton as Ke, ElButtonGroup as Kn, ElDropdown as on, ElDropdownMenu as rn, ElDropdownItem as ft, ElInput as ye, ElEmpty as se, ElTooltip as un, ElTag as Yn, ElSwitch as cn, ElTree as jt, ElAlert as dn, ElRow as ht, ElCol as bt, ElCollapse as Zn, ElCollapseItem as el, ElDrawer as pn, ElForm as ge, ElFormItem as mn, ElBreadcrumb as tl, ElBreadcrumbItem as nl, ElLoading as ll, ElSelect as al, ElOption as sl, ElInputNumber as ol, ElColorPicker as rl, ElUpload as il, ElSlider as ul, ElConfigProvider as cl, ElContainer as Ot, ElHeader as dl, ElAside as Ft, ElMain as pl, ElFooter as ml } from "element-plus";
 import vl from "element-plus/es/locale/lang/zh-cn";
-import { XIcon as xe, XDialog as Be, XDialogForm as Ve, XField as B, XPanel as nt, XAction as he, XTabs as Et, XContainer as M, XForm as Pt, XAttachment as gl, XActionBar as fl, XInputUnit as vn, vResizable as Nt, createDialog as hl } from "@vtj/ui";
-import { delay as gn, upperFirstCamelCase as fn, toRawType as ut, cloneDeep as lt, logger as Ce, isPlainObject as bl, fileToBase64 as yl, merge as It, arrayToMap as _l, toArray as wl } from "@vtj/utils";
-import { isBlock as ee, DirectiveModel as hn, createNodeFrom as kl, BUILT_IN_VUE as Sl, BUILT_IN_VUE_ROUTER as xl, BUILT_IN_NAME as yt, emitter as te, EVENT_PROJECT_ACTIVED as _t, EVENT_NODE_CHANGE as Je, NodeModel as Wt, EVENT_BLOCK_CHANGE as wt, Base as bn, BUILT_IN_LIBRARAY_MAP as Cl, ProjectModel as Vl, EVENT_PROJECT_CHANGE as Al, EVENT_PROJECT_BLOCKS_CHANGE as jl, EVENT_PROJECT_PAGES_CHANGE as El, EVENT_PROJECT_DEPS_CHANGE as Pl, EVENT_PROJECT_PUBLISH as Il, EVENT_PROJECT_FILE_PUBLISH as Dl, EVENT_HISTORY_CHANGE as Bl, EVENT_HISTORY_LOAD as Rl, BlockModel as Jt, HistoryModel as $l } from "@vtj/core";
-import { parseExpression as Me, parseFunction as Tl, JSCodeToString as ze, LIFE_CYCLES_LIST as zl, DATA_TYPES as Ol, isJSExpression as Le, ContextMode as yn, parseDeps as Fl, createAssetsCss as Nl, createAssetScripts as Mt, getRawComponent as Lt, createSchemaApis as Wl, mockCleanup as Jl, mockApis as Ml, Provider as Ll, isJSFunction as Ul } from "@vtj/renderer";
-import { VtjIconBack as ql, VtjIconPc as Hl, VtjIconPhone as Gl, VtjIconPad as Xl, VtjIconUndo as Ql, VtjIconRedo as Kl, VtjIconPreview as Yl, VtjIconRefresh as Zl, VtjIconSetting as _n, icons as kt, ArrowDown as wn, Search as Dt, Back as ea, VtjIconPlus as kn, EditPen as ta, Delete as na, VtjIconSave as la, ArrowUp as aa, MoreFilled as Bt, VtjIconCheck as Sn, VtjIconCopy as xn, VtjIconEdit as Cn, VtjIconRemove as at, VtjIconLock as Vn, VtjIconUnlock as sa, VtjIconInvisible as An, VtjIconVisible as oa, VtjIconHome as ra, Files as ia, VtjIconSearch as ua, VtjIconHelp as jn, VtjIconLayers as En, Rank as ca, VtjIconArrowUp as da, VtjIconArrowDown as pa, IconDisplayBlock as ma, IconDisplayFlex as va, IconDisplayInlineBlock as ga, IconDisplayInline as fa, IconEyeInvisible as ha, IconFlexDirectionrow as ba, IconFlexDirectionrowReverse as ya, IconFlexDirectioncolumn as _a, IconFlexDirectioncolumnReverse as wa, IconFlexJustifyflexStartrow as ka, IconFlexJustifyflexEndrow as Sa, IconFlexJustifycenterrow as xa, IconFlexJustifyspaceBetweenrow as Ca, IconFlexJustifyspaceAroundrow as Va, IconFlexAlignflexStartrow as Aa, IconFlexAlignflexEndrow as ja, IconFlexAligncenterrow as Ea, IconFlexAlignbaselinerow as Pa, IconFlexAlignstretchrow as Ia, IconPositionTopLeft as Da, IconPositionTopRight as Ba, IconPositionBottomLeft as Ra, IconPositionBottomRight as $a, IconPositionLeft as Ta, IconPositionRight as za, IconPositionTop as Oa, IconPositionBottom as Fa, IconPositionAll as Na, IconTextAlignLeft as Wa, IconTextAlignCenter as Ja, IconTextAlignRight as Ma, IconTextAlignJustify as La, IconFontStyleNone as Ua, IconFontStyleItalic as qa, IconCross as Pn, IconTextDecorationUnderline as Ha, IconTextDecorationStrike as Ga, IconTextDecorationOverline as Xa, IconTileXy as Qa, IconTileX as Ka, IconTileY as Ya, IconClose as Za, IconBorderAll as es, IconBorderLeft as ts, IconBorderTop as ns, IconBorderBottom as ls, IconBorderRight as as, IconBorderStyleSolid as ss, IconBorderStyleDashed as os, IconBorderStyleDotted as rs, IconCursorAuto as is, IconCursorPointer as us, IconCursorNotAllowed as cs, IconCursorNone as ds, ArrowRight as ps, VtjIconDocument as ms, VtjIconComponents as vs, VtjIconBlock as gs, VtjIconOutline as fs, VtjIconHistory as hs, VtjIconApi as bs, VtjIconCategory as ys, VtjIconInfo as _s, HomeFilled as ws, Plus as ks, Close as Ss, VtjIconVars as xs, VtjIconSwitch as Cs, Switch as Vs } from "@vtj/icons";
+import { XIcon as xe, XDialog as Be, XDialogForm as Ve, XField as B, XPanel as nt, XAction as he, XTabs as Et, XContainer as M, XForm as Pt, XAttachment as gl, XActionBar as fl, XInputUnit as vn, vResizable as Wt, createDialog as hl } from "@vtj/ui";
+import { delay as gn, upperFirstCamelCase as fn, toRawType as ut, cloneDeep as lt, logger as Ce, isPlainObject as bl, fileToBase64 as yl, merge as Dt, arrayToMap as _l, toArray as wl } from "@vtj/utils";
+import { isBlock as ee, DirectiveModel as hn, createNodeFrom as kl, BUILT_IN_VUE as Sl, BUILT_IN_VUE_ROUTER as xl, BUILT_IN_NAME as yt, emitter as te, EVENT_PROJECT_ACTIVED as _t, EVENT_NODE_CHANGE as Je, NodeModel as Nt, EVENT_BLOCK_CHANGE as wt, Base as bn, BUILT_IN_LIBRARAY_MAP as Cl, ProjectModel as Vl, EVENT_PROJECT_CHANGE as Al, EVENT_PROJECT_BLOCKS_CHANGE as jl, EVENT_PROJECT_PAGES_CHANGE as El, EVENT_PROJECT_DEPS_CHANGE as Pl, EVENT_PROJECT_PUBLISH as Dl, EVENT_PROJECT_FILE_PUBLISH as Il, EVENT_HISTORY_CHANGE as Bl, EVENT_HISTORY_LOAD as Rl, BlockModel as Jt, HistoryModel as $l } from "@vtj/core";
+import { parseExpression as Me, parseFunction as Tl, JSCodeToString as ze, LIFE_CYCLES_LIST as zl, DATA_TYPES as Ol, isJSExpression as Le, ContextMode as yn, parseDeps as Fl, createAssetsCss as Wl, createAssetScripts as Mt, getRawComponent as Lt, createSchemaApis as Nl, mockCleanup as Jl, mockApis as Ml, Provider as Ll, isJSFunction as Ul } from "@vtj/renderer";
+import { VtjIconBack as ql, VtjIconPc as Hl, VtjIconPhone as Gl, VtjIconPad as Xl, VtjIconUndo as Ql, VtjIconRedo as Kl, VtjIconPreview as Yl, VtjIconRefresh as Zl, VtjIconSetting as _n, icons as kt, ArrowDown as wn, Search as It, Back as ea, VtjIconPlus as kn, EditPen as ta, Delete as na, VtjIconSave as la, ArrowUp as aa, MoreFilled as Bt, VtjIconCheck as Sn, VtjIconCopy as xn, VtjIconEdit as Cn, VtjIconRemove as at, VtjIconLock as Vn, VtjIconUnlock as sa, VtjIconInvisible as An, VtjIconVisible as oa, VtjIconHome as ra, Files as ia, VtjIconSearch as ua, VtjIconHelp as jn, VtjIconLayers as En, Rank as ca, VtjIconArrowUp as da, VtjIconArrowDown as pa, IconDisplayBlock as ma, IconDisplayFlex as va, IconDisplayInlineBlock as ga, IconDisplayInline as fa, IconEyeInvisible as ha, IconFlexDirectionrow as ba, IconFlexDirectionrowReverse as ya, IconFlexDirectioncolumn as _a, IconFlexDirectioncolumnReverse as wa, IconFlexJustifyflexStartrow as ka, IconFlexJustifyflexEndrow as Sa, IconFlexJustifycenterrow as xa, IconFlexJustifyspaceBetweenrow as Ca, IconFlexJustifyspaceAroundrow as Va, IconFlexAlignflexStartrow as Aa, IconFlexAlignflexEndrow as ja, IconFlexAligncenterrow as Ea, IconFlexAlignbaselinerow as Pa, IconFlexAlignstretchrow as Da, IconPositionTopLeft as Ia, IconPositionTopRight as Ba, IconPositionBottomLeft as Ra, IconPositionBottomRight as $a, IconPositionLeft as Ta, IconPositionRight as za, IconPositionTop as Oa, IconPositionBottom as Fa, IconPositionAll as Wa, IconTextAlignLeft as Na, IconTextAlignCenter as Ja, IconTextAlignRight as Ma, IconTextAlignJustify as La, IconFontStyleNone as Ua, IconFontStyleItalic as qa, IconCross as Pn, IconTextDecorationUnderline as Ha, IconTextDecorationStrike as Ga, IconTextDecorationOverline as Xa, IconTileXy as Qa, IconTileX as Ka, IconTileY as Ya, IconClose as Za, IconBorderAll as es, IconBorderLeft as ts, IconBorderTop as ns, IconBorderBottom as ls, IconBorderRight as as, IconBorderStyleSolid as ss, IconBorderStyleDashed as os, IconBorderStyleDotted as rs, IconCursorAuto as is, IconCursorPointer as us, IconCursorNotAllowed as cs, IconCursorNone as ds, ArrowRight as ps, VtjIconDocument as ms, VtjIconComponents as vs, VtjIconBlock as gs, VtjIconOutline as fs, VtjIconHistory as hs, VtjIconApi as bs, VtjIconCategory as ys, VtjIconInfo as _s, HomeFilled as ws, Plus as ks, Close as Ss, VtjIconVars as xs, VtjIconSwitch as Cs, Switch as Vs } from "@vtj/icons";
 import As from "mockjs";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.99
+ * @version 0.8.100
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const js = "0.8.99", Ut = {
+const js = "0.8.100", Ut = {
   width: 390,
   height: 844
 }, qt = {
@@ -29,14 +29,14 @@ const js = "0.8.99", Ut = {
   "mouseup",
   "mouseover",
   "contextmenu"
-], Ps = ["keydown", "keyup", "keypress"], Is = [
+], Ps = ["keydown", "keyup", "keypress"], Ds = [
   "GET",
   "POST",
   "PUT",
   "PATCH",
   "DELETE",
   "JSONP"
-], Ds = [
+], Is = [
   "stop",
   "prevent",
   "capture",
@@ -44,43 +44,43 @@ const js = "0.8.99", Ut = {
   "once",
   "passive"
 ];
-var fe = /* @__PURE__ */ ((i) => (i.Block = "block", i.Node = "node", i))(fe || {}), Bs = /* @__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))(Bs || {});
-function In() {
-  const i = ce(), e = S(() => i.project.value?.dependencies ?? []), t = S(() => i.project.value?.apis ?? []), l = S(() => i.project.value?.meta ?? []);
+var fe = /* @__PURE__ */ ((u) => (u.Block = "block", u.Node = "node", u))(fe || {}), Bs = /* @__PURE__ */ ((u) => (u.Brand = "Brand", u.Toolbar = "Toolbar", u.Actions = "Actions", u.Apps = "Apps", u.Workspace = "Workspace", u.Settings = "Settings", u.Status = "Status", u.Preview = "Preview", u))(Bs || {});
+function Dn() {
+  const u = ce(), e = S(() => u.project.value?.dependencies ?? []), t = S(() => u.project.value?.apis ?? []), l = S(() => u.project.value?.meta ?? []);
   return {
-    engine: i,
+    engine: u,
     dependencies: e,
     apis: t,
     meta: l
   };
 }
-function Pe(i, e) {
-  const t = S(() => Nn.getWidgets(n(i), n(e)).filter((a) => !a.invisible)), l = k();
+function Pe(u, e) {
+  const t = S(() => Wn.getWidgets(n(u), n(e)).filter((a) => !a.invisible)), l = k();
   return {
     widgets: t,
     widgetsRef: l
   };
 }
-function Dn() {
-  const i = ce();
+function In() {
+  const u = ce();
   return {
     span: S(() => {
-      const a = i.skeleton?.skeletonRef.leftWidth || 400, o = Math.min(Math.floor((a - 50) / 120), 24);
+      const a = u.skeleton?.skeletonRef.leftWidth || 400, o = Math.min(Math.floor((a - 50) / 120), 24);
       return Math.floor(24 / o);
     }),
-    engine: i
+    engine: u
   };
 }
 function Rs() {
-  const i = ce(), e = S(() => i.project.value?.blocks ?? []);
+  const u = ce(), e = S(() => u.project.value?.blocks ?? []);
   return {
-    engine: i,
+    engine: u,
     blocks: e
   };
 }
-const $s = (i = []) => i.map((e) => e.name);
+const $s = (u = []) => u.map((e) => e.name);
 function Ts() {
-  const i = ce(), { components: e, groups: t, componentMap: l } = i.assets, a = qe({}), o = S(() => {
+  const u = ce(), { components: e, groups: t, componentMap: l } = u.assets, a = qe({}), o = S(() => {
     const m = {};
     return t.value && t.value.forEach((f) => {
       m[f.name] = f;
@@ -89,7 +89,7 @@ function Ts() {
     label: `${m.label} (${m.count})`,
     name: m.name,
     disabled: !m.children?.length
-  })) : []), r = k(s.value[0]?.name), u = k(""), g = S(() => o.value[r.value]);
+  })) : []), r = k(s.value[0]?.name), i = k(""), g = S(() => o.value[r.value]);
   Jn(() => {
     const m = s.value.reduce(
       (f, b) => (f[b.name] = $s(
@@ -106,7 +106,7 @@ function Ts() {
     { immediate: !0 }
   );
   const p = S(() => {
-    const m = u.value.toLowerCase();
+    const m = i.value.toLowerCase();
     return !m || !e ? [] : e.filter((f) => f.name.toLowerCase().includes(m) || f.label?.toLowerCase().includes(m));
   });
   return {
@@ -118,25 +118,25 @@ function Ts() {
     model: a,
     currentTab: r,
     currentGroup: g,
-    searchKey: u,
+    searchKey: i,
     searchResult: p
   };
 }
 function ie() {
-  const i = ce(), e = S(() => i.current.value), t = S(() => i.simulator.renderer?.context ?? null), l = S(() => i.isEmptyCurrent.value);
+  const u = ce(), e = S(() => u.current.value), t = S(() => u.simulator.renderer?.context ?? null), l = S(() => u.isEmptyCurrent.value);
   return {
-    engine: i,
+    engine: u,
     current: e,
     isEmpty: l,
     context: t
   };
 }
-function zs(i, e, t, l, a) {
+function zs(u, e, t, l, a) {
   const o = ce();
-  o.simulator.init(i, e, t, l, a);
+  o.simulator.init(u, e, t, l, a);
   const s = S(() => o.simulator.designer.value), r = S(
     () => ct("hover", s.value?.hover.value)
-  ), u = S(
+  ), i = S(
     () => ct("dropping", s.value?.dropping.value)
   ), g = S(
     () => ct("selected", s.value?.selected.value)
@@ -145,20 +145,20 @@ function zs(i, e, t, l, a) {
     s.value?.updateRect();
   }), {
     designer: s,
-    dropping: u,
+    dropping: i,
     hover: r,
     selected: g
   };
 }
-function Os(i, e = !0) {
-  const { top: t, height: l, width: a, left: o } = i || {};
+function Os(u, e = !0) {
+  const { top: t, height: l, width: a, left: o } = u || {};
   if (l > 100 && a > 200)
     return "inner";
   let s, r;
   return r = t > 30 ? "top" : "bottom", s = e || o < 300 && a < 300 ? "left" : "right", [s, r].join("-");
 }
-function Fs(i) {
-  const { rect: e, type: t } = i, { left: l, width: a, top: o, height: s } = e, r = { left: l, width: a, top: o, height: s };
+function Fs(u) {
+  const { rect: e, type: t } = u, { left: l, width: a, top: o, height: s } = e, r = { left: l, width: a, top: o, height: s };
   switch (t) {
     case "left":
       r.left = 0, r.width = 0;
@@ -175,9 +175,9 @@ function Fs(i) {
   }
   return r;
 }
-function ct(i, e) {
+function ct(u, e) {
   if (!e) return null;
-  const { left: t, top: l, width: a, height: o } = i === "dropping" ? Fs(e) : e.rect, s = {
+  const { left: t, top: l, width: a, height: o } = u === "dropping" ? Fs(e) : e.rect, s = {
     left: `${t}px`,
     top: `${l}px`,
     width: `${a}px`,
@@ -187,54 +187,54 @@ function ct(i, e) {
   return {
     ...e,
     style: s,
-    position: Os(e.rect, i !== "selected")
+    position: Os(e.rect, u !== "selected")
   };
 }
 function ke() {
-  const i = ce(), e = S(
-    () => i.simulator.designer.value
+  const u = ce(), e = S(
+    () => u.simulator.designer.value
   ), t = S(() => e.value?.selected.value), l = S(() => ee(t.value?.model));
   return {
-    engine: i,
+    engine: u,
     designer: e,
     selected: t,
     isSelectBlock: l
   };
 }
-function Ns(i, e) {
+function Ws(u, e) {
   const t = k(""), { selected: l, isSelectBlock: a } = ke(), o = S(() => l.value?.model.id), s = S(() => {
-    const u = pt(i), g = pt(e), p = [];
-    if (!u) return p;
+    const i = pt(u), g = pt(e), p = [];
+    if (!i) return p;
     const m = g?.__contextRefs[o.value || ""], b = g === m || a.value ? [] : Object.keys(m?.context || {}).filter(($) => !["context", "ref"].includes($)).map(($) => `this.context.${$}`);
     b.length && p.push({ title: "上下文", items: b });
-    const c = u.inject.map(($) => `this.${$.name}`);
+    const c = i.inject.map(($) => `this.${$.name}`);
     c.length && p.push({ title: "注入", items: c });
-    const _ = u.props.map(
+    const _ = i.props.map(
       ($) => typeof $ == "string" ? `this.props.${$}` : `this.props.${$.name}`
     );
     _.length && p.push({ title: "属性", items: _ });
-    const w = Object.keys(u.state).map(($) => `this.state.${$}`);
+    const w = Object.keys(i.state).map(($) => `this.state.${$}`);
     w.length && p.push({ title: "状态", items: w });
-    const x = Object.keys(u.computed).map(
+    const x = Object.keys(i.computed).map(
       ($) => `this.${$}.value`
     );
     x.length && p.push({ title: "计算属性", items: x });
-    const C = Object.keys(u.methods).map(($) => `this.${$}`);
+    const C = Object.keys(i.methods).map(($) => `this.${$}`);
     C.length && p.push({ title: "方法", items: C });
-    const D = Object.keys(u.dataSources).map(
+    const I = Object.keys(i.dataSources).map(
       ($) => `this.${$}`
     );
-    D.length && p.push({ title: "数据源", items: D });
+    I.length && p.push({ title: "数据源", items: I });
     const O = Object.keys(g?.$refs || {}).map(
       ($) => `this.$refs.${$}`
     );
     return O.length && p.push({ title: "refs", items: O }), p;
   }), r = S(() => {
     if (!t.value) return s.value;
-    const u = t.value.toLowerCase(), g = [];
+    const i = t.value.toLowerCase(), g = [];
     return s.value.forEach((p) => {
       const m = p.items.filter(
-        (f) => f.toLowerCase().includes(u)
+        (f) => f.toLowerCase().includes(i)
       );
       m.length && g.push({
         title: p.title,
@@ -258,9 +258,9 @@ const Ge = [
     label: "表达式"
   }
 ];
-function Ws(i) {
+function Ns(u) {
   const e = ce(), t = S(() => {
-    const m = i.value?.model || null;
+    const m = u.value?.model || null;
     return ee(m) ? null : m;
   }), l = k();
   q(
@@ -323,36 +323,36 @@ function Ws(i) {
     isExist: s
   };
 }
-function ne(i, e = "提示") {
+function ne(u, e = "提示") {
   return Ct.warning({
     title: e,
-    message: i
+    message: u
   });
 }
-async function Oe(i) {
-  return await Vt.confirm(i, "提示", { type: "warning" }).catch(
+async function Oe(u) {
+  return await Vt.confirm(u, "提示", { type: "warning" }).catch(
     () => !1
   );
 }
-function de(i, e = "success") {
+function de(u, e = "success") {
   return tt({
-    message: i,
+    message: u,
     type: e
   });
 }
-function Js(i) {
-  const e = i ? { ...i } : {};
+function Js(u) {
+  const e = u ? { ...u } : {};
   return e.context = new Proxy(e.context || {}, {
     get(t, l) {
       return t[l] ?? {};
     }
   }), e;
 }
-function oe(i, e, t = !1) {
+function oe(u, e, t = !1) {
   let l = !0;
   const a = Js(e);
   try {
-    i.type === "JSExpression" ? Me(i, a, t, !0) : Tl(i, a, t, !0);
+    u.type === "JSExpression" ? Me(u, a, t, !0) : Tl(u, a, t, !0);
   } catch (o) {
     l = !1, Ct.error({
       title: "代码错误",
@@ -361,42 +361,42 @@ function oe(i, e, t = !1) {
   }
   return l;
 }
-function Ms(i) {
-  return Object.keys(i).concat(Object.getOwnPropertyNames(Object.getPrototypeOf(i))).filter((e) => !["constructor"].includes(e));
+function Ms(u) {
+  return Object.keys(u).concat(Object.getOwnPropertyNames(Object.getPrototypeOf(u))).filter((e) => !["constructor"].includes(e));
 }
 function Bn() {
-  const i = ce(), e = S(
-    () => i.simulator.designer.value
+  const u = ce(), e = S(
+    () => u.simulator.designer.value
   ), t = S(
-    () => i.current.value ? i.history.value : null
+    () => u.current.value ? u.history.value : null
   ), l = S(() => t.value?.items.length || 0), a = () => {
     e.value?.cleanHelper(), t.value?.forward();
   }, o = () => {
     t.value?.backward(), e.value?.cleanHelper();
   }, s = (g) => {
     e.value?.cleanHelper(), t.value?.load(g), de("已载入历史记录", "success");
-  }, r = S(() => l.value <= 1 ? !0 : (t.value?.index || -1) <= 0), u = S(() => l.value <= 1 ? !0 : (t.value?.index || -1) >= l.value - 1);
+  }, r = S(() => l.value <= 1 ? !0 : (t.value?.index || -1) <= 0), i = S(() => l.value <= 1 ? !0 : (t.value?.index || -1) >= l.value - 1);
   return {
-    engine: i,
+    engine: u,
     history: t,
     total: l,
     forward: a,
     backward: o,
     load: s,
     forwardDisabled: r,
-    backwardDisabled: u
+    backwardDisabled: i
   };
 }
 function Re() {
-  const i = ce(), e = S(() => i.project.value);
+  const u = ce(), e = S(() => u.project.value);
   return {
-    engine: i,
+    engine: u,
     project: e
   };
 }
-function Ls(i) {
+function Ls(u) {
   const e = ce(), t = S(() => {
-    const r = i.value?.model || null;
+    const r = u.value?.model || null;
     return !r || ee(r) ? null : r;
   }), l = k();
   q(
@@ -411,16 +411,16 @@ function Ls(i) {
   const a = S(() => {
     if (ee(t.value)) return [];
     const r = t.value?.events || {};
-    return Es.map((u) => ({
-      name: u,
-      event: r[u]
+    return Es.map((i) => ({
+      name: i,
+      event: r[i]
     }));
   }), o = S(() => {
     if (ee(t.value)) return [];
     const r = t.value?.events || {};
-    return Ps.map((u) => ({
-      name: u,
-      event: r[u]
+    return Ps.map((i) => ({
+      name: i,
+      event: r[i]
     }));
   }), s = S(() => {
     if (!t.value || ee(t.value)) return [];
@@ -439,27 +439,27 @@ function Ls(i) {
     componentEventList: s
   };
 }
-const Ht = (i, e) => new hn({
-  name: i,
+const Ht = (u, e) => new hn({
+  name: u,
   value: void 0,
   iterator: e
-}), Us = (i = "modelValue") => new hn({
+}), Us = (u = "modelValue") => new hn({
   name: "vModel",
   value: void 0,
-  arg: i
+  arg: u
 });
-function qs(i) {
-  if (!i) return [];
-  const { props: e = [], events: t = [] } = i;
+function qs(u) {
+  if (!u) return [];
+  const { props: e = [], events: t = [] } = u;
   if (e.length && t.length) {
     const l = t.filter((a) => (typeof a == "string" ? a : a.name).startsWith("update:")).map((a) => a = typeof a == "string" ? a : a.name);
     return l.length ? e.filter((a) => l.some((o) => o.endsWith(":" + a.name))) : [];
   }
   return [];
 }
-function Hs(i) {
+function Hs(u) {
   const e = ce(), t = S(() => {
-    const c = i.value?.model || null;
+    const c = u.value?.model || null;
     return ee(c) ? null : c;
   }), l = (c) => S(() => t.value && (t.value.directives || []).find((_) => _.name === c) || Ht(c)), a = () => S(() => {
     if (!t.value) return [];
@@ -467,11 +467,11 @@ function Hs(i) {
     return (c ? qs(c) : []).map((w) => (t.value?.directives || []).find(
       (x) => x.name === "vModel" && x.arg == w.name
     ) || Us(w.name));
-  }), o = l("vIf"), s = l("vShow"), r = l("vBind"), u = l("vFor"), g = a(), p = {
+  }), o = l("vIf"), s = l("vShow"), r = l("vBind"), i = l("vFor"), g = a(), p = {
     vIf: o,
     vShow: s,
     vBind: r,
-    vFor: u
+    vFor: i
   };
   return {
     engine: e,
@@ -479,7 +479,7 @@ function Hs(i) {
     vIf: o,
     vShow: s,
     vBind: r,
-    vFor: u,
+    vFor: i,
     vModels: g,
     onValueChange: (c, _) => {
       const w = p[c];
@@ -488,13 +488,13 @@ function Hs(i) {
     onForChange: (c, _) => {
       if (t.value) {
         if (c === "value") {
-          _ ? (u.value.value = _, t.value.setDirective(u.value)) : t.value.removeDirective(u.value);
+          _ ? (i.value.value = _, t.value.setDirective(i.value)) : t.value.removeDirective(i.value);
           return;
         }
-        (c === "item" || c === "index") && (u.value.iterator = {
-          ...u.value.iterator,
+        (c === "item" || c === "index") && (i.value.iterator = {
+          ...i.value.iterator,
           [c]: _ || void 0
-        }, t.value.setDirective(u.value));
+        }, t.value.setDirective(i.value));
       }
     },
     onModelChange: (c, _) => {
@@ -505,9 +505,9 @@ function Hs(i) {
   };
 }
 function Gs() {
-  const { engine: i, project: e } = Re(), t = S(() => e.value?.apis || []), l = S(() => e.value?.meta || []);
+  const { engine: u, project: e } = Re(), t = S(() => e.value?.apis || []), l = S(() => e.value?.meta || []);
   return {
-    engine: i,
+    engine: u,
     project: e,
     apis: t,
     meta: l
@@ -522,8 +522,8 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     text: { default: "VTJ" },
     link: {}
   },
-  setup(i) {
-    const { engine: e } = ie(), t = i, l = S(() => t.icon || e.project.value?.config?.logo || Xs), a = () => {
+  setup(u) {
+    const { engine: e } = ie(), t = u, l = S(() => t.icon || e.project.value?.config?.logo || Xs), a = () => {
       t.link && (location.href = t.link);
     };
     return (o, s) => (d(), A("div", {
@@ -541,7 +541,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
 }), Zs = { class: "v-empty-widget" }, eo = /* @__PURE__ */ E({
   name: "EmptyWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     return (e, t) => (d(), A("div", Zs, "EmptyWidget"));
   }
 }), to = { class: "v-switcher-widget" }, no = { key: 1 }, lo = /* @__PURE__ */ E({
@@ -549,11 +549,11 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   inheritAttrs: !1,
   __name: "index",
   emits: ["click"],
-  setup(i, { emit: e }) {
+  setup(u, { emit: e }) {
     const t = e, { engine: l } = ie(), a = S(() => l.project.value?.config?.title || l.project.value?.name), o = S(() => l.project.value?.currentFile?.title), s = () => {
       t("click", l.project.value);
     };
-    return (r, u) => (d(), A("div", to, [
+    return (r, i) => (d(), A("div", to, [
       v(n(ae), {
         size: "small",
         round: "",
@@ -579,11 +579,11 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   props: {
     preview: { type: Boolean }
   },
-  setup(i, { expose: e }) {
-    const t = i, { forward: l, backward: a, forwardDisabled: o, backwardDisabled: s } = Bn(), r = k("pc");
+  setup(u, { expose: e }) {
+    const t = u, { forward: l, backward: a, forwardDisabled: o, backwardDisabled: s } = Bn(), r = k("pc");
     return e({
       mode: r
-    }), (u, g) => (d(), A("div", ao, [
+    }), (i, g) => (d(), A("div", ao, [
       v(n(sn), {
         size: "small",
         modelValue: r.value,
@@ -657,7 +657,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   props: {
     coder: { type: Boolean, default: !0 }
   },
-  setup(i) {
+  setup(u) {
     const { engine: e, designer: t } = ke(), l = k(!1), a = () => {
       e.current.value ? (l.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (t.value?.setSelected(null), e.simulator.refresh()), de("刷新完成", "success")) : de("请先打开文件", "warning");
     }, o = async () => {
@@ -675,7 +675,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, r = () => {
       const g = e.project.value;
       g && (g.currentFile ? g.publish(g.currentFile) : de("请先打开文件", "warning"));
-    }, u = (g) => {
+    }, i = (g) => {
       const p = e.project.value;
       p && (g === "current" ? r() : p.publish());
     };
@@ -721,7 +721,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         type: "primary",
         size: "small",
         onClick: r,
-        onCommand: u
+        onCommand: i
       }, {
         dropdown: h(() => [
           v(n(rn), null, {
@@ -757,10 +757,10 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     size: { default: "small" }
   },
   emits: ["change", "update:modelValue"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k(!1), o = k(t.modelValue), s = k(""), r = S(
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k(!1), o = k(t.modelValue), s = k(""), r = S(
       () => kt[t.modelValue] || t.modelValue
-    ), u = S(() => {
+    ), i = S(() => {
       const b = Object.entries(kt);
       return s.value ? b.filter((c) => c[0].toLowerCase().includes(s.value)) : b;
     }), g = (b) => {
@@ -814,19 +814,19 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           V("div", co, [
             v(n(ye), {
               size: t.size,
-              "prefix-icon": n(Dt),
+              "prefix-icon": n(It),
               clearable: "",
               modelValue: s.value,
               "onUpdate:modelValue": c[0] || (c[0] = (_) => s.value = _),
               placeholder: "请输入查询关键字"
             }, null, 8, ["size", "prefix-icon", "modelValue"]),
             V("div", po, [
-              (d(!0), A(T, null, N(u.value, (_) => (d(), y(n(xe), {
+              (d(!0), A(T, null, W(i.value, (_) => (d(), y(n(xe), {
                 icon: _[1],
                 onClick: (w) => g(_[0]),
                 class: H({ "is-active": o.value === _[0] })
               }, null, 8, ["icon", "onClick", "class"]))), 256)),
-              u.value.length === 0 ? (d(), y(n(se), { key: 0 })) : j("", !0)
+              i.value.length === 0 ? (d(), y(n(se), { key: 0 })) : j("", !0)
             ])
           ])
         ]),
@@ -841,8 +841,8 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     item: {},
     parentId: {}
   },
-  setup(i) {
-    const e = i, { project: t } = Re(), l = S(() => e.item ? "编辑页面" : "新增页面"), a = () => ({
+  setup(u) {
+    const e = u, { project: t } = Re(), l = S(() => e.item ? "编辑页面" : "新增页面"), a = () => ({
       dir: !1,
       name: "",
       title: "",
@@ -855,14 +855,14 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       { label: "目录", value: !0 }
     ], r = (g) => {
       o.value && (o.value.name = fn(g));
-    }, u = async (g) => t.value?.existPageName(g.name, [g.id]) ? (ne("页面名称已存在，请更换"), !1) : (e.item ? t.value?.updatePage(g) : t.value?.createPage(g, e.parentId), !0);
+    }, i = async (g) => t.value?.existPageName(g.name, [g.id]) ? (ne("页面名称已存在，请更换"), !1) : (e.item ? t.value?.updatePage(g) : t.value?.createPage(g, e.parentId), !0);
     return (g, p) => (d(), y(n(Ve), {
       title: l.value,
       width: "800px",
       height: "500px",
       "form-props": { tooltipMessage: !1 },
       model: o.value,
-      "submit-method": u
+      "submit-method": i
     }, {
       default: h(() => [
         v(n(B), {
@@ -934,8 +934,8 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     open: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = S(() => ({
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = S(() => ({
       "is-active": t.active,
       "is-open": t.open
     })), o = () => {
@@ -973,14 +973,14 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     collapsable: { type: Boolean }
   },
   emits: ["plus", "back", "remove", "save", "edit"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k(!1), o = S(() => ({
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k(!1), o = S(() => ({
       "is-collapsed": !!a.value
     })), s = () => {
       l("plus");
     }, r = () => {
       l("edit");
-    }, u = () => {
+    }, i = () => {
       l("back");
     }, g = () => {
       l("remove");
@@ -990,7 +990,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       content: t.title,
       subtitle: t.subtitle,
       icon: t.back ? ea : void 0,
-      onClickBack: t.back ? u : void 0,
+      onClickBack: t.back ? i : void 0,
       onClick: t.collapsable ? () => {
         a.value = !a.value;
       } : void 0
@@ -1049,7 +1049,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           title: "展开",
           onClick: c[0] || (c[0] = (_) => f(!1))
         }, null, 8, ["size", "icon"])), [
-          [De, a.value]
+          [Ie, a.value]
         ]) : j("", !0),
         t.collapsable ? Ee((d(), y(n(he), {
           key: 5,
@@ -1060,7 +1060,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           title: "收起",
           onClick: c[1] || (c[1] = (_) => f(!0))
         }, null, 8, ["size", "icon"])), [
-          [De, !a.value]
+          [Ie, !a.value]
         ]) : j("", !0),
         Se(b.$slots, "actions")
       ]),
@@ -1096,26 +1096,26 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     "remove",
     "action-click"
   ],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k(
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k(
       (t.modelValue || t.items[0]?.name) ?? ""
     );
     q(a, () => {
       l("update:modelValue", a.value);
     }), q(
       () => t.modelValue,
-      (u) => {
-        a.value = u;
+      (i) => {
+        a.value = i;
       }
     );
-    const o = (u) => {
-      l("command", u);
-    }, s = (u) => {
-      l("remove", u);
-    }, r = (u) => {
-      l("action-click", u);
+    const o = (i) => {
+      l("command", i);
+    }, s = (i) => {
+      l("remove", i);
+    }, r = (i) => {
+      l("action-click", i);
     };
-    return (u, g) => (d(), y(n(nt), {
+    return (i, g) => (d(), y(n(nt), {
       class: "v-tabs",
       border: !1,
       fit: "",
@@ -1165,7 +1165,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         ])
       ]),
       default: h(() => [
-        Se(u.$slots, "default")
+        Se(i.$slots, "default")
       ]),
       _: 3
     }));
@@ -1194,7 +1194,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     small: { type: Boolean }
   },
   emits: ["click", "action", "update:modelValue", "switch"],
-  setup(i, { emit: e }) {
+  setup(u, { emit: e }) {
     const t = {
       add: {
         label: "创建",
@@ -1232,7 +1232,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         label: "主页",
         icon: ra
       }
-    }, l = i, a = e, o = k(!!l.modelValue), s = S(() => l.actions.map((p) => {
+    }, l = u, a = e, o = k(!!l.modelValue), s = S(() => l.actions.map((p) => {
       const m = t[p];
       return {
         name: p,
@@ -1244,7 +1244,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       "is-active": l.active,
       "is-hover": l.hover,
       "is-small": l.small
-    })), u = () => {
+    })), i = () => {
       a("click", l.modelValue);
     }, g = async (p) => {
       p === "remove" ? await Vt.confirm("确定删除吗？", "提示", {
@@ -1268,7 +1268,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       class: H(["v-item", r.value]),
       justify: "space-between",
       align: "center",
-      onClick: u
+      onClick: i
     }, {
       default: h(() => [
         v(n(M), {
@@ -1304,11 +1304,11 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         }),
         v(n(M), {
           class: "v-item__actions",
-          onClick: m[1] || (m[1] = Ne(() => {
+          onClick: m[1] || (m[1] = We(() => {
           }, ["stop"]))
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(s.value, (f) => (d(), y(n(he), {
+            (d(!0), A(T, null, W(s.value, (f) => (d(), y(n(he), {
               name: f.name,
               title: f.label,
               mode: "icon",
@@ -1346,8 +1346,8 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     tagType: {}
   },
   emits: ["edit", "remove", "dragstart", "dragend"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = () => {
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = () => {
       l("edit");
     }, o = async () => {
       await Vt.confirm("确认删除？", "提示", {
@@ -1358,14 +1358,14 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       "is-draggable": t.draggable
     })), r = () => {
       l("dragstart", t);
-    }, u = () => {
+    }, i = () => {
       l("dragend", t);
     };
     return (g, p) => (d(), A("div", {
       class: H(["v-box", s.value]),
       draggable: g.draggable,
       onDragstart: r,
-      onDragend: u
+      onDragend: i
     }, [
       v(n(M), {
         direction: "column",
@@ -1403,37 +1403,37 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     ], 42, bo));
   }
 });
-function Rt(i) {
-  return Un() ? (qn(i), !0) : !1;
+function Rt(u) {
+  return Un() ? (qn(u), !0) : !1;
 }
-function ot(i) {
-  return typeof i == "function" ? i() : n(i);
+function ot(u) {
+  return typeof u == "function" ? u() : n(u);
 }
 const rt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const wo = Object.prototype.toString, ko = (i) => wo.call(i) === "[object Object]", Ye = () => {
+const wo = Object.prototype.toString, ko = (u) => wo.call(u) === "[object Object]", Ye = () => {
 }, So = /* @__PURE__ */ xo();
 function xo() {
-  var i, e;
-  return rt && ((i = window?.navigator) == null ? void 0 : i.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((e = window?.navigator) == null ? void 0 : e.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+  var u, e;
+  return rt && ((u = window?.navigator) == null ? void 0 : u.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((e = window?.navigator) == null ? void 0 : e.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
-function Co(i) {
+function Co(u) {
   let e;
   function t() {
-    return e || (e = i()), e;
+    return e || (e = u()), e;
   }
   return t.reset = async () => {
     const l = e;
     e = void 0, l && await l;
   }, t;
 }
-function Vo(i) {
+function Vo(u) {
   return Zt();
 }
-function Ao(i, e = !0, t) {
-  Vo() ? et(i, t) : e ? i() : we(i);
+function Ao(u, e = !0, t) {
+  Vo() ? et(u, t) : e ? u() : we(u);
 }
-function jo(i, e, t = {}) {
+function jo(u, e, t = {}) {
   const {
     immediate: l = !0
   } = t, a = k(!1);
@@ -1444,31 +1444,31 @@ function jo(i, e, t = {}) {
   function r() {
     a.value = !1, s();
   }
-  function u(...g) {
+  function i(...g) {
     s(), a.value = !0, o = setTimeout(() => {
-      a.value = !1, o = null, i(...g);
+      a.value = !1, o = null, u(...g);
     }, ot(e));
   }
-  return l && (a.value = !0, rt && u()), Rt(r), {
+  return l && (a.value = !0, rt && i()), Rt(r), {
     isPending: Ln(a),
-    start: u,
+    start: i,
     stop: r
   };
 }
-function be(i) {
+function be(u) {
   var e;
-  const t = ot(i);
+  const t = ot(u);
   return (e = t?.$el) != null ? e : t;
 }
 const it = rt ? window : void 0, $n = rt ? window.navigator : void 0;
-function We(...i) {
+function Ne(...u) {
   let e, t, l, a;
-  if (typeof i[0] == "string" || Array.isArray(i[0]) ? ([t, l, a] = i, e = it) : [e, t, l, a] = i, !e)
+  if (typeof u[0] == "string" || Array.isArray(u[0]) ? ([t, l, a] = u, e = it) : [e, t, l, a] = u, !e)
     return Ye;
   Array.isArray(t) || (t = [t]), Array.isArray(l) || (l = [l]);
   const o = [], s = () => {
     o.forEach((p) => p()), o.length = 0;
-  }, r = (p, m, f, b) => (p.addEventListener(m, f, b), () => p.removeEventListener(m, f, b)), u = q(
+  }, r = (p, m, f, b) => (p.addEventListener(m, f, b), () => p.removeEventListener(m, f, b)), i = q(
     () => [be(e), ot(a)],
     ([p, m]) => {
       if (s(), !p)
@@ -1480,18 +1480,18 @@ function We(...i) {
     },
     { immediate: !0, flush: "post" }
   ), g = () => {
-    u(), s();
+    i(), s();
   };
   return Rt(g), g;
 }
 let Xt = !1;
-function Eo(i, e, t = {}) {
+function Eo(u, e, t = {}) {
   const { window: l = it, ignore: a = [], capture: o = !0, detectIframe: s = !1 } = t;
   if (!l)
     return Ye;
   So && !Xt && (Xt = !0, Array.from(l.document.body.children).forEach((f) => f.addEventListener("click", Ye)), l.document.documentElement.addEventListener("click", Ye));
   let r = !0;
-  const u = (f) => a.some((b) => {
+  const i = (f) => a.some((b) => {
     if (typeof b == "string")
       return Array.from(l.document.querySelectorAll(b)).some((c) => c === f.target || f.composedPath().includes(c));
     {
@@ -1499,24 +1499,24 @@ function Eo(i, e, t = {}) {
       return c && (f.target === c || f.composedPath().includes(c));
     }
   }), p = [
-    We(l, "click", (f) => {
-      const b = be(i);
+    Ne(l, "click", (f) => {
+      const b = be(u);
       if (!(!b || b === f.target || f.composedPath().includes(b))) {
-        if (f.detail === 0 && (r = !u(f)), !r) {
+        if (f.detail === 0 && (r = !i(f)), !r) {
           r = !0;
           return;
         }
         e(f);
       }
     }, { passive: !0, capture: o }),
-    We(l, "pointerdown", (f) => {
-      const b = be(i);
-      r = !u(f) && !!(b && !f.composedPath().includes(b));
+    Ne(l, "pointerdown", (f) => {
+      const b = be(u);
+      r = !i(f) && !!(b && !f.composedPath().includes(b));
     }, { passive: !0 }),
-    s && We(l, "blur", (f) => {
+    s && Ne(l, "blur", (f) => {
       setTimeout(() => {
         var b;
-        const c = be(i);
+        const c = be(u);
         ((b = l.document.activeElement) == null ? void 0 : b.tagName) === "IFRAME" && !c?.contains(l.document.activeElement) && e(f);
       }, 0);
     })
@@ -1524,28 +1524,28 @@ function Eo(i, e, t = {}) {
   return () => p.forEach((f) => f());
 }
 function Po() {
-  const i = k(!1), e = Zt();
+  const u = k(!1), e = Zt();
   return e && et(() => {
-    i.value = !0;
-  }, e), i;
+    u.value = !0;
+  }, e), u;
 }
-function $t(i) {
+function $t(u) {
   const e = Po();
-  return S(() => (e.value, !!i()));
+  return S(() => (e.value, !!u()));
 }
-function Qt(i, e = {}) {
+function Qt(u, e = {}) {
   const {
     controls: t = !1,
     navigator: l = $n
   } = e, a = $t(() => l && "permissions" in l);
   let o;
-  const s = typeof i == "string" ? { name: i } : i, r = k(), u = () => {
+  const s = typeof u == "string" ? { name: u } : u, r = k(), i = () => {
     o && (r.value = o.state);
   }, g = Co(async () => {
     if (a.value) {
       if (!o)
         try {
-          o = await l.permissions.query(s), We(o, "change", u), u();
+          o = await l.permissions.query(s), Ne(o, "change", i), i();
         } catch {
           r.value = "prompt";
         }
@@ -1558,30 +1558,30 @@ function Qt(i, e = {}) {
     query: g
   } : r;
 }
-function Io(i = {}) {
+function Do(u = {}) {
   const {
     navigator: e = $n,
     read: t = !1,
     source: l,
     copiedDuring: a = 1500,
     legacy: o = !1
-  } = i, s = $t(() => e && "clipboard" in e), r = Qt("clipboard-read"), u = Qt("clipboard-write"), g = S(() => s.value || o), p = k(""), m = k(!1), f = jo(() => m.value = !1, a);
+  } = u, s = $t(() => e && "clipboard" in e), r = Qt("clipboard-read"), i = Qt("clipboard-write"), g = S(() => s.value || o), p = k(""), m = k(!1), f = jo(() => m.value = !1, a);
   function b() {
     s.value && x(r.value) ? e.clipboard.readText().then((C) => {
       p.value = C;
     }) : p.value = w();
   }
-  g.value && t && We(["copy", "cut"], b);
+  g.value && t && Ne(["copy", "cut"], b);
   async function c(C = ot(l)) {
-    g.value && C != null && (s.value && x(u.value) ? await e.clipboard.writeText(C) : _(C), p.value = C, m.value = !0, f.start());
+    g.value && C != null && (s.value && x(i.value) ? await e.clipboard.writeText(C) : _(C), p.value = C, m.value = !0, f.start());
   }
   function _(C) {
-    const D = document.createElement("textarea");
-    D.value = C ?? "", D.style.position = "absolute", D.style.opacity = "0", document.body.appendChild(D), D.select(), document.execCommand("copy"), D.remove();
+    const I = document.createElement("textarea");
+    I.value = C ?? "", I.style.position = "absolute", I.style.opacity = "0", document.body.appendChild(I), I.select(), document.execCommand("copy"), I.remove();
   }
   function w() {
-    var C, D, O;
-    return (O = (D = (C = document?.getSelection) == null ? void 0 : C.call(document)) == null ? void 0 : D.toString()) != null ? O : "";
+    var C, I, O;
+    return (O = (I = (C = document?.getSelection) == null ? void 0 : C.call(document)) == null ? void 0 : I.toString()) != null ? O : "";
   }
   function x(C) {
     return C === "granted" || C === "prompt";
@@ -1593,13 +1593,13 @@ function Io(i = {}) {
     copy: c
   };
 }
-function Do(i, e, t = {}) {
+function Io(u, e, t = {}) {
   const { window: l = it, ...a } = t;
   let o;
   const s = $t(() => l && "ResizeObserver" in l), r = () => {
     o && (o.disconnect(), o = void 0);
-  }, u = S(() => Array.isArray(i) ? i.map((m) => be(m)) : [be(i)]), g = q(
-    u,
+  }, i = S(() => Array.isArray(u) ? u.map((m) => be(m)) : [be(u)]), g = q(
+    i,
     (m) => {
       if (r(), s.value && l) {
         o = new ResizeObserver(e);
@@ -1616,16 +1616,16 @@ function Do(i, e, t = {}) {
     stop: p
   };
 }
-function Ue(i, e = { width: 0, height: 0 }, t = {}) {
+function Ue(u, e = { width: 0, height: 0 }, t = {}) {
   const { window: l = it, box: a = "content-box" } = t, o = S(() => {
     var m, f;
-    return (f = (m = be(i)) == null ? void 0 : m.namespaceURI) == null ? void 0 : f.includes("svg");
-  }), s = k(e.width), r = k(e.height), { stop: u } = Do(
-    i,
+    return (f = (m = be(u)) == null ? void 0 : m.namespaceURI) == null ? void 0 : f.includes("svg");
+  }), s = k(e.width), r = k(e.height), { stop: i } = Io(
+    u,
     ([m]) => {
       const f = a === "border-box" ? m.borderBoxSize : a === "content-box" ? m.contentBoxSize : m.devicePixelContentBoxSize;
       if (l && o.value) {
-        const b = be(i);
+        const b = be(u);
         if (b) {
           const c = b.getBoundingClientRect();
           s.value = c.width, r.value = c.height;
@@ -1639,17 +1639,17 @@ function Ue(i, e = { width: 0, height: 0 }, t = {}) {
     t
   );
   Ao(() => {
-    const m = be(i);
+    const m = be(u);
     m && (s.value = "offsetWidth" in m ? m.offsetWidth : e.width, r.value = "offsetHeight" in m ? m.offsetHeight : e.height);
   });
   const g = q(
-    () => be(i),
+    () => be(u),
     (m) => {
       s.value = m ? e.width : 0, r.value = m ? e.height : 0;
     }
   );
   function p() {
-    u(), g();
+    i(), g();
   }
   return {
     width: s,
@@ -1663,8 +1663,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     context: {}
   },
   emits: ["pick", "copy"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = ["$provider", "$apis", "$components", "context"], o = (p) => {
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = ["$provider", "$apis", "$components", "context"], o = (p) => {
       const m = p.value, f = ut(m);
       return f === "Object" || f === "Module" ? Object.keys(m || {}).length === 0 : f === "Array" ? m.length === 0 : !0;
     }, s = (p, m = "this") => typeof p == "object" ? Array.isArray(p) ? p.map((b, c) => {
@@ -1692,7 +1692,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         const f = Hn(p.data.value);
         m(s(f, p.data.path));
       }
-    }, u = (p) => {
+    }, i = (p) => {
       l("copy", p.path);
     }, g = (p) => {
       l("pick", p.path);
@@ -1714,7 +1714,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             onClick: (b) => g(f),
             background: "",
             actions: ["copy"],
-            onAction: (b) => u(f),
+            onAction: (b) => i(f),
             grow: "",
             small: ""
           }, null, 8, ["title", "subtitle", "subtitle-cls", "onClick", "onAction"])
@@ -1743,8 +1743,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     "update:modelValue",
     "close"
   ],
-  setup(i, { emit: e }) {
-    const t = i, l = e, { searchResult: a, keyword: o } = Ns(t.block, t.context), { copy: s } = Io({}), r = [
+  setup(u, { emit: e }) {
+    const t = u, l = e, { searchResult: a, keyword: o } = Ws(t.block, t.context), { copy: s } = Do({}), r = [
       {
         name: "normal",
         label: "常用"
@@ -1753,7 +1753,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         name: "viewer",
         label: "高级"
       }
-    ], u = k("normal"), g = k(), p = async (x) => {
+    ], i = k("normal"), g = k(), p = async (x) => {
       l("submit", x), t.submitMethod ? await t.submitMethod(x) && m() : m();
     }, m = () => {
       l("update:modelValue", !1), l("close");
@@ -1797,8 +1797,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                 v(st, {
                   class: "v-binder__tabs",
                   items: r,
-                  modelValue: u.value,
-                  "onUpdate:modelValue": C[1] || (C[1] = (D) => u.value = D)
+                  modelValue: i.value,
+                  "onUpdate:modelValue": C[1] || (C[1] = (I) => i.value = I)
                 }, {
                   default: h(() => [
                     v(n(M), {
@@ -1811,20 +1811,20 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                         Ee(V("div", null, [
                           v(n(ye), {
                             modelValue: n(o),
-                            "onUpdate:modelValue": C[0] || (C[0] = (D) => mt(o) ? o.value = D : null),
+                            "onUpdate:modelValue": C[0] || (C[0] = (I) => mt(o) ? o.value = I : null),
                             size: "small",
                             clearable: "",
-                            "prefix-icon": n(Dt),
+                            "prefix-icon": n(It),
                             placeholder: "筛选可用项"
                           }, null, 8, ["modelValue", "prefix-icon"]),
-                          (d(!0), A(T, null, N(n(a), (D) => (d(), A("div", null, [
+                          (d(!0), A(T, null, W(n(a), (I) => (d(), A("div", null, [
                             v(n(At), { "border-style": "dotted" }, {
                               default: h(() => [
-                                G(z(D.title), 1)
+                                G(z(I.title), 1)
                               ]),
                               _: 2
                             }, 1024),
-                            (d(!0), A(T, null, N(D.items, (O) => (d(), y(ue, {
+                            (d(!0), A(T, null, W(I.items, (O) => (d(), y(ue, {
                               title: O,
                               background: "",
                               actions: ["copy"],
@@ -1835,14 +1835,14 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                           ]))), 256)),
                           n(a).length ? j("", !0) : (d(), y(n(se), { key: 0 }))
                         ], 512), [
-                          [De, u.value === "normal"]
+                          [Ie, i.value === "normal"]
                         ]),
                         Ee(v(Ro, {
                           context: t.context,
                           onCopy: w,
                           onPick: _
                         }, null, 8, ["context"]), [
-                          [De, u.value === "viewer"]
+                          [Ie, i.value === "viewer"]
                         ])
                       ]),
                       _: 1
@@ -1939,13 +1939,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     slots: { default: () => [] }
   },
   emits: ["submit", "update:modelValue"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k(), o = S(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), s = (u) => {
-      a.value = u;
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k(), o = S(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), s = (i) => {
+      a.value = i;
     }, r = () => {
       a.value ? (l("submit", a.value), l("update:modelValue", !1)) : ne("请选择插槽");
     };
-    return (u, g) => (d(), y(n(Be), re({
+    return (i, g) => (d(), y(n(Be), re({
       class: "v-slots-picker",
       title: "选择插槽",
       width: "600px",
@@ -1953,7 +1953,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       submit: "",
       cancel: "",
       onSubmit: r
-    }, u.$attrs), {
+    }, i.$attrs), {
       default: h(() => [
         v(n(dn), {
           title: "该组件支持多个插槽，请选择放置到其中一个",
@@ -1968,7 +1968,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           wrap: "wrap"
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(t.slots, (p, m) => (d(), y(n(M), {
+            (d(!0), A(T, null, W(t.slots, (p, m) => (d(), y(n(M), {
               class: H(["v-slots-picker__item", { "is-active": p.name === a.value?.name }]),
               grow: "",
               flex: !1,
@@ -1995,11 +1995,11 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     width: {},
     height: {}
   },
-  setup(i) {
-    const e = i, t = S(() => [`is-${e.mode}`]), l = S(() => {
+  setup(u) {
+    const e = u, t = S(() => [`is-${e.mode}`]), l = S(() => {
       if (e.mode === "pc") return 1;
-      const o = e.mode === "mobile" ? Ut : qt, { width: s, height: r } = o, u = s > 0 ? (e.width || 0) / s : 1, g = r > 0 ? (e.height || 0) / r : 1;
-      return Math.min(u, g);
+      const o = e.mode === "mobile" ? Ut : qt, { width: s, height: r } = o, i = s > 0 ? (e.width || 0) / s : 1, g = r > 0 ? (e.height || 0) / r : 1;
+      return Math.min(i, g);
     }), a = S(() => {
       if (e.mode === "pc") return {};
       const o = e.mode === "mobile" ? Ut : qt, { width: s, height: r } = o;
@@ -2021,8 +2021,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), zo = /* @__PURE__ */ E({
   name: "PagesWidget",
   __name: "index",
-  setup(i) {
-    const { project: e, engine: t } = Re(), l = S(() => e.value?.pages || []), { current: a } = ie(), o = k(!1), s = k(), r = k(), u = () => {
+  setup(u) {
+    const { project: e, engine: t } = Re(), l = S(() => e.value?.pages || []), { current: a } = ie(), o = k(!1), s = k(), r = k(), i = () => {
       r.value = void 0, s.value = void 0, o.value = !0;
     }, g = async (b) => {
       const { name: c, modelValue: _ } = b, { data: w, node: x } = _;
@@ -2053,7 +2053,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       title: "页面管理",
       plus: "",
       subtitle: "(共 0 条)",
-      onPlus: u
+      onPlus: i
     }, {
       default: h(() => [
         v(n(jt), {
@@ -2104,14 +2104,14 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     attachment: {}
   },
   emits: ["change", "update:modelValue"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, { engine: a, project: o } = Re(), s = k([]), r = k(!1), u = (C) => Array.isArray(C) ? C.map((D) => ({
-      name: D.filename,
-      url: D.filepath
+  setup(u, { emit: e }) {
+    const t = u, l = e, { engine: a, project: o } = Re(), s = k([]), r = k(!1), i = (C) => Array.isArray(C) ? C.map((I) => ({
+      name: I.filename,
+      url: I.filepath
     })) : C ? { name: C.filename, url: C.filepath } : null, g = async (C) => {
       if (a && o.value) {
-        const D = await a.service.uploadStaticFile(C, o.value.id);
-        return u(D);
+        const I = await a.service.uploadStaticFile(C, o.value.id);
+        return i(I);
       }
       return null;
     }, p = (C) => C ? (C || "").split(",").map((O) => ({ url: O })) : [], m = k(
@@ -2124,8 +2124,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       }
     ), q(r, async (C) => {
       if (C) {
-        const D = await a.service.getStaticFiles(o.value?.id).catch(() => null);
-        s.value = u(D);
+        const I = await a.service.getStaticFiles(o.value?.id).catch(() => null);
+        s.value = i(I);
       }
     });
     const b = () => {
@@ -2133,7 +2133,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         return ne("请选择文件"), !1;
       const C = (t.attachment?.accept || "").toLowerCase().split(",");
       return C.length > 0 ? [].concat(m.value).every(($) => {
-        const I = $.name || $.url.split("?")[0], R = I.substring(I.lastIndexOf(".")).toLowerCase();
+        const D = $.name || $.url.split("?")[0], R = D.substring(D.lastIndexOf(".")).toLowerCase();
         return C.includes(R);
       }) ? !0 : (ne(`只支持 ${C.join(",")} 文件`), !1) : !0;
     }, c = () => {
@@ -2145,7 +2145,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     }, x = (C) => {
       C.name && o.value?.id && a.service.removeStaticFile(C.name, o.value?.id);
     };
-    return (C, D) => (d(), A("div", Oo, [
+    return (C, I) => (d(), A("div", Oo, [
       v(n(ye), re({
         readonly: "",
         onFocus: w,
@@ -2155,7 +2155,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       r.value ? (d(), y(n(Be), {
         key: 0,
         modelValue: r.value,
-        "onUpdate:modelValue": D[1] || (D[1] = (O) => r.value = O),
+        "onUpdate:modelValue": I[1] || (I[1] = (O) => r.value = O),
         title: "文件选择器",
         width: "600px",
         height: "400px",
@@ -2183,7 +2183,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             uploader: g,
             "model-value": s.value,
             "select-value": m.value,
-            "onUpdate:selectValue": D[0] || (D[0] = (O) => m.value = O)
+            "onUpdate:selectValue": I[0] || (I[0] = (O) => m.value = O)
           }, t.attachment, { onRemove: x }), null, 16, ["model-value", "select-value"])
         ]),
         _: 1
@@ -2193,8 +2193,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), Fo = /* @__PURE__ */ E({
   name: "BlocksWidget",
   __name: "index",
-  setup(i) {
-    const { span: e } = Dn(), { blocks: t, engine: l } = Rs(), a = [
+  setup(u) {
+    const { span: e } = In(), { blocks: t, engine: l } = Rs(), a = [
       {
         label: "设计",
         value: "Schema",
@@ -2223,7 +2223,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         label: "插件",
         type: "danger"
       }
-    }, s = k(void 0), { current: r } = ie(), u = k(!1), g = S(() => s.value?.id ? "编辑区块" : "新增区块"), p = S(() => `(共 ${t.value.length} 个)`), m = () => ({
+    }, s = k(void 0), { current: r } = ie(), i = k(!1), g = S(() => s.value?.id ? "编辑区块" : "新增区块"), p = S(() => `(共 ${t.value.length} 个)`), m = () => ({
       fromType: "Schema",
       name: "",
       title: "",
@@ -2235,10 +2235,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         return ".json";
       if (s.value?.fromType === "Plugin")
         return ".js,.css,.json";
-    }), b = S(() => s.value?.fromType === "Plugin"), c = async (I) => {
-      const R = I, P = l.project.value;
+    }), b = S(() => s.value?.fromType === "Plugin"), c = async (D) => {
+      const R = D, P = l.project.value;
       if (!P) return !1;
-      if (I.id)
+      if (D.id)
         if (!P.existBlockName(R.name, [R.id]))
           P.updateBlock(R);
         else
@@ -2249,23 +2249,23 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         return ne(`名称【${R.name}】已经存在，请更换名称`), !1;
       return !0;
     }, _ = () => {
-      s.value = m(), u.value = !0;
-    }, w = (I) => {
-      s.value = lt(I), u.value = !0;
-    }, x = (I) => {
-      l.project.value?.removeBlock(I.id);
-    }, C = (I) => {
-      s.value && (s.value.name = fn(I));
-    }, D = async (I) => {
-      (!I.fromType || I.fromType === "Schema") && l.project.value?.active(I);
-    }, O = async (I) => {
-      const R = kl(I), P = await l.assets.getBlockMaterial(R, I.name), X = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+      s.value = m(), i.value = !0;
+    }, w = (D) => {
+      s.value = lt(D), i.value = !0;
+    }, x = (D) => {
+      l.project.value?.removeBlock(D.id);
+    }, C = (D) => {
+      s.value && (s.value.name = fn(D));
+    }, I = async (D) => {
+      (!D.fromType || D.fromType === "Schema") && l.project.value?.active(D);
+    }, O = async (D) => {
+      const R = kl(D), P = await l.assets.getBlockMaterial(R, D.name), X = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       X && P && X.setDragging(P);
     }, $ = () => {
-      const I = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
-      I && I.setDragging(null);
+      const D = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+      D && D.setDragging(null);
     };
-    return (I, R) => (d(), y(n(U), {
+    return (D, R) => (d(), y(n(U), {
       class: "v-blocks-widget",
       title: "区块管理",
       subtitle: p.value,
@@ -2278,7 +2278,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           gutter: 5
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(n(t), (P) => (d(), y(n(bt), {
+            (d(!0), A(T, null, W(n(t), (P) => (d(), y(n(bt), {
               key: P.id,
               span: n(e)
             }, {
@@ -2292,7 +2292,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   tagType: o[P.fromType || "Schema"]?.type,
                   onEdit: (X) => w(P),
                   onRemove: (X) => x(P),
-                  onClick: (X) => D(P),
+                  onClick: (X) => I(P),
                   draggable: n(r)?.id !== P.id,
                   onDragstart: (X) => O(P),
                   onDragend: $
@@ -2305,8 +2305,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         }),
         n(t).length ? j("", !0) : (d(), y(n(se), { key: 0 })),
         v(n(Ve), {
-          modelValue: u.value,
-          "onUpdate:modelValue": R[0] || (R[0] = (P) => u.value = P),
+          modelValue: i.value,
+          "onUpdate:modelValue": R[0] || (R[0] = (P) => i.value = P),
           title: g.value,
           model: s.value,
           width: "600px",
@@ -2360,14 +2360,14 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       _: 1
     }, 8, ["subtitle"]));
   }
-}), No = { class: "v-components-widget__search" }, Wo = {
+}), Wo = { class: "v-components-widget__search" }, No = {
   key: 0,
   class: "v-components-widget__result"
 }, Jo = { class: "v-components-widget__list" }, Mo = /* @__PURE__ */ E({
   name: "ComponentsWidget",
   __name: "index",
-  setup(i) {
-    const { span: e, engine: t } = Dn(), { tabs: l, currentTab: a, currentGroup: o, model: s, searchKey: r, searchResult: u } = Ts(), g = (m) => {
+  setup(u) {
+    const { span: e, engine: t } = In(), { tabs: l, currentTab: a, currentGroup: o, model: s, searchKey: r, searchResult: i } = Ts(), g = (m) => {
       const f = t.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       f && f.setDragging(m);
     }, p = () => {
@@ -2380,7 +2380,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       body: { flex: !0, direction: "column" }
     }, {
       default: h(() => [
-        V("div", No, [
+        V("div", Wo, [
           v(n(ye), {
             modelValue: n(r),
             "onUpdate:modelValue": f[0] || (f[0] = (b) => mt(r) ? r.value = b : null),
@@ -2394,13 +2394,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             _: 1
           }, 8, ["modelValue"])
         ]),
-        n(r) ? (d(), A("div", Wo, [
+        n(r) ? (d(), A("div", No, [
           v(n(ht), {
             wrap: "wrap",
             gutter: 5
           }, {
             default: h(() => [
-              (d(!0), A(T, null, N(n(u), (b) => (d(), y(n(bt), {
+              (d(!0), A(T, null, W(n(i), (b) => (d(), y(n(bt), {
                 span: n(e),
                 key: b.name
               }, {
@@ -2418,7 +2418,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             ]),
             _: 1
           }),
-          n(u).length ? j("", !0) : (d(), y(n(se), { key: 0 }))
+          n(i).length ? j("", !0) : (d(), y(n(se), { key: 0 }))
         ])) : (d(), y(n(Et), {
           key: 1,
           items: n(l),
@@ -2433,7 +2433,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                 "onUpdate:modelValue": f[1] || (f[1] = (b) => n(s)[n(a)] = b)
               }, {
                 default: h(() => [
-                  (d(!0), A(T, null, N(n(o).children, (b) => (d(), y(n(el), {
+                  (d(!0), A(T, null, W(n(o).children, (b) => (d(), y(n(el), {
                     key: b.name,
                     name: b.name,
                     title: `${b.label} (${b.count})`
@@ -2445,7 +2445,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                         gutter: 5
                       }, {
                         default: h(() => [
-                          (d(!0), A(T, null, N(b.components, (c) => (d(), y(n(bt), {
+                          (d(!0), A(T, null, W(b.components, (c) => (d(), y(n(bt), {
                             span: n(e),
                             key: c.name
                           }, {
@@ -2480,17 +2480,17 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), Lo = /* @__PURE__ */ E({
   name: "OutlineWidget",
   __name: "index",
-  setup(i) {
-    const { engine: e, designer: t, selected: l } = ke(), { current: a } = ie(), o = k([]), s = (I, R) => {
+  setup(u) {
+    const { engine: e, designer: t, selected: l } = ke(), { current: a } = ie(), o = k([]), s = (D, R) => {
       if (R === "slot") return [];
-      if (ee(I))
-        return I.locked ? ["unlock"] : ["lock"];
-      const P = I.parent;
-      return P && (P.locked || P.invisible) ? [] : a.value?.locked ? [] : I.locked ? ["unlock"] : I.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
-    }, r = (I, R) => {
+      if (ee(D))
+        return D.locked ? ["unlock"] : ["lock"];
+      const P = D.parent;
+      return P && (P.locked || P.invisible) ? [] : a.value?.locked ? [] : D.locked ? ["unlock"] : D.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
+    }, r = (D, R) => {
       const P = {};
-      if (!I.some((F) => F.slot)) return u(I);
-      for (const F of I) {
+      if (!D.some((F) => F.slot)) return i(D);
+      for (const F of D) {
         const L = F.slot?.name || "default";
         P[L] || (P[L] = []), P[L].push(F);
       }
@@ -2502,12 +2502,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           type: "slot",
           model: R,
           disabled: !0,
-          children: u(L)
+          children: i(L)
         });
       return pe;
-    }, u = (I) => {
+    }, i = (D) => {
       const R = [];
-      return I.forEach((P) => {
+      return D.forEach((P) => {
         const X = {
           id: P.id,
           label: P.name,
@@ -2519,25 +2519,25 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       }), R;
     }, g = () => {
       if (!a.value) return [];
-      const { id: I, name: R, nodes: P } = a.value;
+      const { id: D, name: R, nodes: P } = a.value;
       return [
         {
-          id: I,
+          id: D,
           label: R,
-          type: I,
+          type: D,
           model: a.value,
-          children: u(P)
+          children: i(P)
         }
       ];
     }, p = async () => {
       o.value = g(), l.value?.model && (await we(), t.value?.setSelected(l.value.model));
-    }, m = S(() => l.value?.model.id), f = (I) => {
-      const R = I.data;
+    }, m = S(() => l.value?.model.id), f = (D) => {
+      const R = D.data;
       if (R.type === "slot" || ee(R.model) || R.model.locked || R.model.name === "template")
         return !1;
       const P = e.assets.componentMap.get(R.model.name);
       return P ? (t.value?.setDragging(P), !0) : !1;
-    }, b = async (I, R, P) => {
+    }, b = async (D, R, P) => {
       const X = R.data, F = {
         prev: "top",
         next: "bottom",
@@ -2547,19 +2547,19 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       if (ee(X.model))
         L = P === "inner", t.value?.setDropping(L ? X.model : null, "inner");
       else {
-        const W = X.model;
-        L = !!await t.value?.allowDrop(W, F), t.value?.setDropping(L ? W : null, "inner");
+        const N = X.model;
+        L = !!await t.value?.allowDrop(N, F), t.value?.setDropping(L ? N : null, "inner");
       }
       return L;
-    }, c = (I) => {
-      const R = I?.model;
-      if (!R || R.invisible || I.type === "slot") {
+    }, c = (D) => {
+      const R = D?.model;
+      if (!R || R.invisible || D.type === "slot") {
         t.value?.setSelected(null), t.value?.setHover(null);
         return;
       }
       t.value?.setSelected(R), t.value?.setHover(null);
-    }, _ = async (I, R, P) => {
-      const X = I.data, pe = R.data;
+    }, _ = async (D, R, P) => {
+      const X = D.data, pe = R.data;
       if (ee(pe.model)) {
         const Fe = X.model;
         delete Fe.slot, a.value?.move(Fe, void 0, "inner"), t.value?.setDropping(null), t.value?.setDragging(null);
@@ -2584,26 +2584,26 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       } else
         p();
       t.value?.setDropping(null), t.value?.setDragging(null), e.simulator.refresh();
-    }, w = (I) => {
-      if (I.type === "slot") {
+    }, w = (D) => {
+      if (D.type === "slot") {
         t.value?.setHover(null);
         return;
       }
-      ee(I.model) ? t.value?.setHover(I.model) : (t.value?.setHover(I.model), I.model.invisible && t.value?.setHover(null), I.model.name === "slot" && t.value?.setHover(null));
+      ee(D.model) ? t.value?.setHover(D.model) : (t.value?.setHover(D.model), D.model.invisible && t.value?.setHover(null), D.model.name === "slot" && t.value?.setHover(null));
     }, x = () => {
       t.value?.setHover(null);
-    }, C = (I) => {
-      const R = I.data;
+    }, C = (D) => {
+      const R = D.data;
       R.dragging = !0;
       const P = e.assets.componentMap.get(R.model.name);
       P && t.value?.setDragging(P);
-    }, D = async (I) => {
-      const R = I.data;
+    }, I = async (D) => {
+      const R = D.data;
       R.dragging = !1;
-    }, O = (I, R) => {
-      I && ((I.id === R.id || !ee(I) && R.isChild(I)) && t.value?.setSelected(null), t.value?.setHover(null));
-    }, $ = (I) => {
-      const { name: R, modelValue: P } = I, X = l.value?.model;
+    }, O = (D, R) => {
+      D && ((D.id === R.id || !ee(D) && R.isChild(D)) && t.value?.setSelected(null), t.value?.setHover(null));
+    }, $ = (D) => {
+      const { name: R, modelValue: P } = D, X = l.value?.model;
       switch (R) {
         case "lock":
           O(X, P), P.lock();
@@ -2626,7 +2626,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           break;
       }
     };
-    return q(e.changed, p, { immediate: !0 }), (I, R) => (d(), y(n(U), {
+    return q(e.changed, p, { immediate: !0 }), (D, R) => (d(), y(n(U), {
       class: "v-outline-widget",
       title: "大纲树"
     }, {
@@ -2646,7 +2646,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           onCurrentChange: c,
           onNodeDrop: _,
           onNodeDragStart: C,
-          onNodeDragEnd: D
+          onNodeDragEnd: I
         }, {
           default: h(({ data: P, node: X }) => [
             v(n(ue), {
@@ -2680,13 +2680,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), Uo = /* @__PURE__ */ E({
   name: "HistoryWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { history: e, load: t, total: l } = Bn(), a = S(() => `(共 ${l.value} 条)`), o = (r) => {
       r.name === "remove" && e.value?.remove(r.modelValue.id);
     }, s = async () => {
       await Oe("确定要清空历史记录吗？") && e.value?.clear();
     };
-    return (r, u) => (d(), y(n(U), {
+    return (r, i) => (d(), y(n(U), {
       class: "v-history-widget",
       title: "历史记录",
       subtitle: a.value,
@@ -2698,7 +2698,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           key: 0,
           "image-size": 50
         })) : j("", !0),
-        n(e) ? (d(!0), A(T, { key: 1 }, N(n(e).items, (g, p) => (d(), y(n(ue), {
+        n(e) ? (d(!0), A(T, { key: 1 }, W(n(e).items, (g, p) => (d(), y(n(ue), {
           index: p + 1,
           title: g.label,
           "model-value": g,
@@ -2715,8 +2715,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   }
 }), qo = /* @__PURE__ */ E({
   __name: "base-info",
-  setup(i) {
-    const e = Is.map((t) => ({
+  setup(u) {
+    const e = Ds.map((t) => ({
       label: t,
       value: t.toLowerCase()
     }));
@@ -2760,7 +2760,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   })
 }), Ho = /* @__PURE__ */ E({
   __name: "request-settings",
-  setup(i) {
+  setup(u) {
     const e = [
       {
         label: "表单",
@@ -2839,7 +2839,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   }
 }), Go = /* @__PURE__ */ E({
   __name: "jsonp-options",
-  setup(i) {
+  setup(u) {
     return (e, t) => (d(), A("div", null, [
       v(n(B), {
         name: "jsonpOptions.jsonpCallback",
@@ -2867,7 +2867,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   }
 }), Xo = /* @__PURE__ */ V("span", null, "模拟数据模板", -1), Qo = /* @__PURE__ */ E({
   __name: "mock-template",
-  setup(i) {
+  setup(u) {
     const e = xt("currentModel", null), { project: t } = Re(), l = S(() => t.value?.config || {}), a = () => {
       window.open("https://vtj.pro/help/mock.html");
     };
@@ -2924,8 +2924,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     model: {},
     project: {}
   },
-  setup(i) {
-    const e = i, t = S(() => e.model ? "编辑API" : "新增API"), l = k("base"), a = k(), o = k(), s = k(e.model || {}), r = k(!1), u = k(""), g = [
+  setup(u) {
+    const e = u, t = S(() => e.model ? "编辑API" : "新增API"), l = k("base"), a = k(), o = k(), s = k(e.model || {}), r = k(!1), i = k(""), g = [
       {
         label: "基础信息",
         value: "base"
@@ -2973,7 +2973,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             type: x
           })
         );
-        u.value = JSON.stringify(C, null, 2), r.value = !0;
+        i.value = JSON.stringify(C, null, 2), r.value = !0;
       }
     };
     return (_, w) => (d(), y(n(Be), {
@@ -3059,7 +3059,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                 }, {
                   default: h(() => [
                     Ee(v(qo, null, null, 512), [
-                      [De, l.value === "base"]
+                      [Ie, l.value === "base"]
                     ]),
                     l.value === "settings" ? (d(), A("div", Ko, [
                       p.value ? (d(), y(Go, { key: 0 })) : (d(), y(Ho, { key: 1 }))
@@ -3086,7 +3086,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         }, {
           default: h(() => [
             v(n(le), {
-              "model-value": u.value,
+              "model-value": i.value,
               border: "",
               dark: "",
               height: "100%",
@@ -3102,7 +3102,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), Zo = { class: "v-apis__search" }, er = /* @__PURE__ */ E({
   name: "ApisWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const e = k(!1), t = k(null), l = k(""), a = k(!1), o = S(() => {
       const f = s.value?.apis || [];
       return l.value ? f.filter((b) => b.name.includes(l.value) || b.label?.includes(l.value) || b.url.includes(l.value)) : f;
@@ -3135,7 +3135,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     }
   }`
       }
-    }), u = () => {
+    }), i = () => {
       e.value = !0, a.value = !1, t.value = r();
     }, g = {
       get: "success",
@@ -3153,7 +3153,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       class: "v-apis-widget",
       title: "API管理",
       plus: "",
-      onPlus: u
+      onPlus: i
     }, {
       default: h(() => [
         V("div", Zo, [
@@ -3161,12 +3161,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             size: "small",
             modelValue: l.value,
             "onUpdate:modelValue": b[0] || (b[0] = (c) => l.value = c),
-            "prefix-icon": n(Dt),
+            "prefix-icon": n(It),
             placeholder: "搜索API",
             clearable: ""
           }, null, 8, ["modelValue", "prefix-icon"])
         ]),
-        (d(!0), A(T, null, N(o.value, (c) => (d(), y(n(ue), {
+        (d(!0), A(T, null, W(o.value, (c) => (d(), y(n(ue), {
           key: c.id,
           small: "",
           title: c.name,
@@ -3196,8 +3196,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), tr = /* @__PURE__ */ E({
   name: "DepsWidget",
   __name: "index",
-  setup(i) {
-    const { dependencies: e, engine: t } = In(), l = k(!1), a = k(!1), o = k({}), s = S(() => a.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), r = (c) => c.required || c.official ? [] : ["edit", "remove"], u = (c) => c.official && !c.required, g = async (c) => (c.urls = c.urls.split(`
+  setup(u) {
+    const { dependencies: e, engine: t } = Dn(), l = k(!1), a = k(!1), o = k({}), s = S(() => a.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), r = (c) => c.required || c.official ? [] : ["edit", "remove"], i = (c) => c.official && !c.required, g = async (c) => (c.urls = c.urls.split(`
 `), t.project.value?.setDeps(c), !0), p = (c) => {
       t.project.value?.setDeps(c);
     }, m = () => {
@@ -3222,13 +3222,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       onPlus: m
     }, {
       default: h(() => [
-        (d(!0), A(T, null, N(n(e), (w) => (d(), y(n(ue), {
+        (d(!0), A(T, null, W(n(e), (w) => (d(), y(n(ue), {
           key: w.package,
           title: w.package,
           subtitle: w.version,
           actions: r(w),
           background: "",
-          switch: u(w),
+          switch: i(w),
           modelValue: w.enabled,
           "onUpdate:modelValue": (x) => w.enabled = x,
           onSwitch: (x) => p(w),
@@ -3296,8 +3296,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     path: { default: () => [] }
   },
   emits: ["action", "dragstart", "dragend"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = S(() => t.model.name), o = S(() => !ee(t.model) && !t.model.locked), s = S(() => t.path.map((p) => ({
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = S(() => t.model.name), o = S(() => !ee(t.model) && !t.model.locked), s = S(() => t.path.map((p) => ({
       command: p,
       label: p.name,
       onMouseenter: () => {
@@ -3336,7 +3336,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         icon: at,
         title: "删除"
       }
-    ], u = (p) => {
+    ], i = (p) => {
       l("action", { type: "selected", model: p.command });
     }, g = async (p) => {
       p.name === "remove" ? await Oe("确定删除?") && l("action", { type: p.name, model: t.model }) : l("action", { type: p.name, model: t.model });
@@ -3351,7 +3351,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         label: a.value,
         menus: s.value,
         background: "none",
-        onCommand: u
+        onCommand: i
       }, null, 8, ["icon", "label", "menus"]),
       v(n(fl), {
         disabled: !o.value,
@@ -3370,17 +3370,17 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   name: "VDesigner",
   inheritAttrs: !1,
   __name: "index",
-  setup(i, { expose: e }) {
-    const t = k(), l = k(), { width: a, height: o } = Ue(t), { dependencies: s, engine: r, apis: u, meta: g } = In(), { current: p, isEmpty: m } = ie(), f = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), b = S(() => r.project.value?.config || {}), { designer: c, hover: _, dropping: w, selected: x } = zs(
+  setup(u, { expose: e }) {
+    const t = k(), l = k(), { width: a, height: o } = Ue(t), { dependencies: s, engine: r, apis: i, meta: g } = Dn(), { current: p, isEmpty: m } = ie(), f = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), b = S(() => r.project.value?.config || {}), { designer: c, hover: _, dropping: w, selected: x } = zs(
       l,
       s,
-      u,
+      i,
       g,
       b
     ), C = ($) => {
-      const I = $.type, R = $.model;
+      const D = $.type, R = $.model;
       if (p.value)
-        switch (I) {
+        switch (D) {
           case "remove":
             p.value.removeNode(R), c.value?.setSelected(null);
             break;
@@ -3401,10 +3401,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             c.value?.setSelected(R);
             break;
         }
-    }, D = ($) => {
+    }, I = ($) => {
       if ($ && c.value) {
-        const I = r.assets.componentMap.get($.name);
-        I && c.value.setDragging(I), c.value.setDraggingNode($);
+        const D = r.assets.componentMap.get($.name);
+        D && c.value.setDragging(D), c.value.setDraggingNode($);
       }
     }, O = () => {
       c.value && (c.value.setDraggingNode(null), c.value.setDragging(null));
@@ -3412,7 +3412,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     return e({
       designer: c,
       mode: f
-    }), ($, I) => (d(), A("div", {
+    }), ($, D) => (d(), A("div", {
       ref_key: "container",
       ref: t,
       class: "v-designer"
@@ -3455,7 +3455,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               model: n(x).model,
               path: n(x).path,
               onAction: C,
-              onDragstart: D,
+              onDragstart: I,
               onDragend: O
             }, null, 8, ["position", "model", "path"])
           ], 4)) : j("", !0)
@@ -3481,12 +3481,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     list: {},
     remove: {},
     submit: {},
-    itemTitle: { type: Function, default: (i) => i.name }
+    itemTitle: { type: Function, default: (u) => u.name }
   },
-  setup(i) {
-    const e = i, t = k(), l = k(), a = k(!1), o = k(e.createEmpty()), s = k(!1), r = S(
+  setup(u) {
+    const e = u, t = k(), l = k(), a = k(!1), o = k(e.createEmpty()), s = k(!1), r = S(
       () => s.value ? `编辑${e.title}` : `新增${e.title}`
-    ), u = () => {
+    ), i = () => {
       s.value = !1, o.value = e.createEmpty(), a.value = !0;
     }, g = (c, _) => {
       switch (_.name) {
@@ -3512,10 +3512,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       size: "small",
       fit: !1,
       plus: "",
-      onPlus: u
+      onPlus: i
     }, {
       default: h(() => [
-        (d(!0), A(T, null, N(c.list, (w) => (d(), y(n(ue), {
+        (d(!0), A(T, null, W(c.list, (w) => (d(), y(n(ue), {
           title: e.itemTitle(w),
           border: "",
           actions: ["edit", "remove"],
@@ -3579,19 +3579,19 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     context: {},
     current: {}
   },
-  setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.state || {}).map(([r, u]) => ({ name: r, value: ze(u) }))), l = () => ({
+  setup(u) {
+    const e = u, t = S(() => Object.entries(e.current?.state || {}).map(([r, i]) => ({ name: r, value: ze(i) }))), l = () => ({
       name: "",
       value: ""
     }), a = (s) => e.current?.removeState(s.name), o = async (s, r) => {
-      const { name: u, value: g } = s;
-      if (!r && e.current?.state[u])
-        return ne(`名称 ${u} 已存在，请更换！`), !1;
+      const { name: i, value: g } = s;
+      if (!r && e.current?.state[i])
+        return ne(`名称 ${i} 已存在，请更换！`), !1;
       const p = {
         type: "JSExpression",
         value: g
       };
-      return oe(p, e.context, !0) ? (e.current?.setState(u, p), !0) : !1;
+      return oe(p, e.context, !0) ? (e.current?.setState(i, p), !0) : !1;
     };
     return (s, r) => (d(), y(He, {
       title: "状态数据",
@@ -3611,19 +3611,19 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     context: {},
     current: {}
   },
-  setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.computed || {}).map(([r, u]) => ({ name: r, value: ze(u) }))), l = () => ({
+  setup(u) {
+    const e = u, t = S(() => Object.entries(e.current?.computed || {}).map(([r, i]) => ({ name: r, value: ze(i) }))), l = () => ({
       name: "",
       value: "() => { }"
     }), a = (s) => e.current?.removeFunction("computed", s.name), o = async (s, r) => {
-      const { name: u, value: g } = s;
-      if (!r && e.current?.computed[u])
-        return ne(`名称 ${u} 已存在，请更换！`), !1;
+      const { name: i, value: g } = s;
+      if (!r && e.current?.computed[i])
+        return ne(`名称 ${i} 已存在，请更换！`), !1;
       const p = {
         type: "JSFunction",
         value: g
       };
-      return oe(p, e.context, !0) ? (e.current?.setFunction("computed", u, p), !0) : !1;
+      return oe(p, e.context, !0) ? (e.current?.setFunction("computed", i, p), !0) : !1;
     };
     return (s, r) => (d(), y(He, {
       title: "计算属性",
@@ -3643,19 +3643,19 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     context: {},
     current: {}
   },
-  setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.methods || {}).map(([r, u]) => ({ name: r, value: ze(u) }))), l = () => ({
+  setup(u) {
+    const e = u, t = S(() => Object.entries(e.current?.methods || {}).map(([r, i]) => ({ name: r, value: ze(i) }))), l = () => ({
       name: "",
       value: "() => { }"
     }), a = (s) => e.current?.removeFunction("methods", s.name), o = async (s, r) => {
-      const { name: u, value: g } = s;
-      if (!r && e.current?.methods[u])
-        return ne(`名称 ${u} 已存在，请更换！`), !1;
+      const { name: i, value: g } = s;
+      if (!r && e.current?.methods[i])
+        return ne(`名称 ${i} 已存在，请更换！`), !1;
       const p = {
         type: "JSFunction",
         value: g
       };
-      return oe(p, e.context, !0) ? (e.current?.setFunction("methods", u, p), !0) : !1;
+      return oe(p, e.context, !0) ? (e.current?.setFunction("methods", i, p), !0) : !1;
     };
     return (s, r) => (d(), y(He, {
       title: "组件方法",
@@ -3675,16 +3675,16 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     context: {},
     current: {}
   },
-  setup(i) {
-    const e = i, t = S(() => zl.map((r) => ({
+  setup(u) {
+    const e = u, t = S(() => zl.map((r) => ({
       label: r,
       value: r
-    }))), l = S(() => Object.entries(e.current?.lifeCycles || {}).map(([u, g]) => ({ name: u, value: ze(g) }))), a = () => ({
+    }))), l = S(() => Object.entries(e.current?.lifeCycles || {}).map(([i, g]) => ({ name: i, value: ze(g) }))), a = () => ({
       name: "",
       value: "() => { }"
-    }), o = (r) => e.current?.removeFunction("lifeCycles", r.name), s = async (r, u) => {
+    }), o = (r) => e.current?.removeFunction("lifeCycles", r.name), s = async (r, i) => {
       const { name: g, value: p } = r;
-      if (!u && e.current?.lifeCycles[g])
+      if (!i && e.current?.lifeCycles[g])
         return ne(`名称 ${g} 已存在，请更换！`), !1;
       const m = {
         type: "JSFunction",
@@ -3692,7 +3692,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       };
       return oe(m, e.context, !0) ? (e.current?.setFunction("lifeCycles", g, m), !0) : !1;
     };
-    return (r, u) => (d(), y(He, {
+    return (r, i) => (d(), y(He, {
       title: "生命周期",
       current: e.current,
       context: e.context,
@@ -3739,8 +3739,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     context: {},
     current: {}
   },
-  setup(i) {
-    const e = i, t = S(() => (e.current?.watch || []).map((r) => ({
+  setup(u) {
+    const e = u, t = S(() => (e.current?.watch || []).map((r) => ({
       ...r,
       source: ze(r.source),
       handler: ze(r.handler)
@@ -3749,7 +3749,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       deep: !1,
       immediate: !1,
       handler: "() => { }"
-    }), a = (r) => r.source, o = (r) => e.current?.removeWatch(r), s = async (r, u) => {
+    }), a = (r) => r.source, o = (r) => e.current?.removeWatch(r), s = async (r, i) => {
       const g = {
         type: "JSFunction",
         value: r.source
@@ -3766,7 +3766,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       };
       return e.current?.setWatch(m), !0;
     };
-    return (r, u) => (d(), y(He, {
+    return (r, i) => (d(), y(He, {
       title: "侦听器",
       current: e.current,
       context: e.context,
@@ -3832,7 +3832,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   }
 }), cr = /* @__PURE__ */ E({
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e, context: t } = ie();
     return (l, a) => (d(), y(n(M), {
       class: "v-scripts-widget",
@@ -3875,8 +3875,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     removable: { type: Boolean }
   },
   emits: ["change", "remove"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = (s, r) => {
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = (s, r) => {
       l("change", s, r);
     }, o = (s) => {
       l("remove", s);
@@ -3892,12 +3892,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           class: "v-properties-widget__form",
           size: "small",
           "label-width": "90px",
-          onKeydown: r[0] || (r[0] = Qe(Ne(() => {
+          onKeydown: r[0] || (r[0] = Qe(We(() => {
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(t.items, (u) => (d(), y(n(J), re({ ref_for: !0 }, u, {
-              key: `${u.name}_${t.node.id}`,
+            (d(!0), A(T, null, W(t.items, (i) => (d(), y(n(J), re({ ref_for: !0 }, i, {
+              key: `${i.name}_${t.node.id}`,
               current: t.current,
               context: t.context,
               removable: t.removable,
@@ -3914,17 +3914,17 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), dr = /* @__PURE__ */ E({
   name: "PropertiesWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e, context: t } = ie(), { selected: l } = ke(), {
       node: a,
       commonProps: o,
       change: s,
       componentProps: r,
-      customProps: u,
+      customProps: i,
       addCustom: g,
       removeCustom: p,
       isExist: m
-    } = Ws(l), f = k(!1), b = k(), c = () => {
+    } = Ns(l), f = k(!1), b = k(), c = () => {
       f.value = !0, b.value = {
         name: ""
       };
@@ -3965,7 +3965,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           current: n(e),
           context: n(t),
           node: n(a),
-          items: n(u),
+          items: n(i),
           onChange: n(s),
           removable: "",
           plus: "",
@@ -3975,7 +3975,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : j("", !0),
         v(n(Ve), {
           modelValue: f.value,
-          "onUpdate:modelValue": C[0] || (C[0] = (D) => f.value = D),
+          "onUpdate:modelValue": C[0] || (C[0] = (I) => f.value = I),
           title: "新增自定义属性",
           width: "400px",
           height: "150px",
@@ -4008,8 +4008,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     current: {},
     value: {}
   },
-  setup(i) {
-    const e = i, t = k(), l = qe({
+  setup(u) {
+    const e = u, t = k(), l = qe({
       type: "JSExpression",
       value: e.value
     }), a = (o) => {
@@ -4055,8 +4055,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     name: {},
     event: {}
   },
-  setup(i) {
-    const e = i, t = k(), a = qe({
+  setup(u) {
+    const e = u, t = k(), a = qe({
       name: e.name,
       ...e.event,
       modifiers: Object.keys(e.event?.modifiers || {}),
@@ -4064,13 +4064,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         type: "JSFunction",
         value: e.event?.handler?.value || "() => {}"
       }
-    }), o = Ds.map((r) => ({
+    }), o = Is.map((r) => ({
       label: r,
       value: r
     })), s = (r) => {
       t.value.getEditor().setValue(r), a.handler.value = r;
     };
-    return (r, u) => (d(), y(n(Tt), {
+    return (r, i) => (d(), y(n(Tt), {
       title: "绑定事件",
       "unbind-enabled": "",
       block: e.current,
@@ -4096,7 +4096,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               ref_key: "editorRef",
               ref: t,
               modelValue: a.handler.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (g) => a.handler.value = g),
+              "onUpdate:modelValue": i[0] || (i[0] = (g) => a.handler.value = g),
               dark: "",
               height: "100%"
             }, null, 8, ["modelValue"])
@@ -4110,12 +4110,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), vr = /* @__PURE__ */ E({
   name: "EventsWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e, context: t } = ie(), { selected: l } = ke(), { mouseEventList: a, keyboardEventList: o, componentEventList: s } = Ls(l), r = k({
       name: "",
       event: void 0
-    }), u = k(!1), g = (c) => {
-      r.value = lt(c), u.value = !0;
+    }), i = k(!1), g = (c) => {
+      r.value = lt(c), i.value = !0;
     }, p = async (c) => {
       const _ = {
         ...c,
@@ -4124,7 +4124,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       return oe(_.handler, t.value, !0) ? ((l.value?.model).setEvent(_), !0) : !1;
     }, m = async (c) => {
       const _ = l.value?.model;
-      c.name && (_.removeEvent(c.name), u.value = !1);
+      c.name && (_.removeEvent(c.name), i.value = !1);
     }, f = async () => {
       r.value.name && await Oe("确定要删除该事件吗？") && m(r.value);
     }, b = (c) => {
@@ -4149,7 +4149,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               "image-size": 50,
               description: "该组件无自带事件"
             })),
-            (d(!0), A(T, null, N(n(s), (w) => (d(), y(n(ue), {
+            (d(!0), A(T, null, W(n(s), (w) => (d(), y(n(ue), {
               key: `component_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -4170,7 +4170,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           fit: !1
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(n(a), (w) => (d(), y(n(ue), {
+            (d(!0), A(T, null, W(n(a), (w) => (d(), y(n(ue), {
               key: `mouse_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -4192,7 +4192,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           fit: !1
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(n(o), (w) => (d(), y(n(ue), {
+            (d(!0), A(T, null, W(n(o), (w) => (d(), y(n(ue), {
               key: `keyboard_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -4206,10 +4206,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           ]),
           _: 1
         }),
-        u.value ? (d(), y(n(mr), {
+        i.value ? (d(), y(n(mr), {
           key: 0,
-          modelValue: u.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (w) => u.value = w),
+          modelValue: i.value,
+          "onUpdate:modelValue": _[0] || (_[0] = (w) => i.value = w),
           context: n(t),
           current: n(e),
           name: r.value.name,
@@ -4224,7 +4224,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), gr = /* @__PURE__ */ E({
   name: "CssWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e } = ie(), t = k(), l = S(() => e.value?.css || ""), a = (s) => {
       e.value?.setCss(s);
     }, o = () => {
@@ -4256,13 +4256,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), fr = /* @__PURE__ */ E({
   name: "DirectivesWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e, context: t } = ie(), { selected: l } = ke(), {
       vIf: a,
       vShow: o,
       vBind: s,
       vFor: r,
-      vModels: u,
+      vModels: i,
       onValueChange: g,
       onForChange: p,
       onModelChange: m
@@ -4283,7 +4283,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             v(n(ge), {
               size: "small",
               "label-width": "80px",
-              onKeydown: c[0] || (c[0] = Qe(Ne(() => {
+              onKeydown: c[0] || (c[0] = Qe(We(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: h(() => [
@@ -4330,7 +4330,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             v(n(ge), {
               size: "small",
               "label-width": "80px",
-              onKeydown: c[1] || (c[1] = Qe(Ne(() => {
+              onKeydown: c[1] || (c[1] = Qe(We(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: h(() => [
@@ -4381,7 +4381,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           grow: ""
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(n(u), (_, w) => (d(), y(n(U), {
+            (d(!0), A(T, null, W(n(i), (_, w) => (d(), y(n(U), {
               card: "",
               border: "",
               class: "v-sub-panel",
@@ -4394,7 +4394,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                 v(n(ge), {
                   size: "small",
                   "label-width": "60px",
-                  onKeydown: c[2] || (c[2] = Qe(Ne(() => {
+                  onKeydown: c[2] || (c[2] = Qe(We(() => {
                   }, ["prevent", "stop"]), ["enter"]))
                 }, {
                   default: h(() => [
@@ -4413,7 +4413,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               ]),
               _: 2
             }, 1032, ["title"]))), 256)),
-            n(u).length ? j("", !0) : (d(), y(n(se), {
+            n(i).length ? j("", !0) : (d(), y(n(se), {
               key: 0,
               description: "当前组件没有双向绑定属性",
               "image-size": 50
@@ -4433,8 +4433,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     current: {},
     context: {}
   },
-  setup(i) {
-    const e = i, t = S(() => e.item ? "编辑定义属性" : "新增定义属性"), l = k(
+  setup(u) {
+    const e = u, t = S(() => e.item ? "编辑定义属性" : "新增定义属性"), l = k(
       Object.assign(
         {
           default: {
@@ -4492,7 +4492,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           default: h(() => [
             v(n(le), {
               modelValue: l.value.default.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value.default.value = u),
+              "onUpdate:modelValue": r[0] || (r[0] = (i) => l.value.default.value = i),
               height: "200px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -4511,9 +4511,9 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     current: {},
     context: {}
   },
-  setup(i) {
-    const e = i, t = S(() => e.item ? "编辑定义事件" : "新增定义事件"), l = k(e.item), a = (s, r, u) => {
-      Array.isArray(r) ? r.every((p) => _e.test(p)) ? u() : u(new Error("参数名称格式错误")) : u(new Error("参数名称必须是数组形式"));
+  setup(u) {
+    const e = u, t = S(() => e.item ? "编辑定义事件" : "新增定义事件"), l = k(e.item), a = (s, r, i) => {
+      Array.isArray(r) ? r.every((p) => _e.test(p)) ? i() : i(new Error("参数名称格式错误")) : i(new Error("参数名称必须是数组形式"));
     }, o = async (s) => (e.item && e.current.removeEmit(e.item.name, !0), e.current.setEmit(s), !0);
     return (s, r) => (d(), y(n(Ve), {
       title: t.value,
@@ -4566,9 +4566,9 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     current: {},
     context: {}
   },
-  setup(i) {
-    const e = i, t = S(() => e.item ? "编辑定义插槽" : "新增定义插槽"), l = k(e.item), a = (s, r, u) => {
-      Array.isArray(r) ? r.every((p) => _e.test(p)) ? u() : u(new Error("参数名称格式错误")) : u(new Error("参数名称必须是数组形式"));
+  setup(u) {
+    const e = u, t = S(() => e.item ? "编辑定义插槽" : "新增定义插槽"), l = k(e.item), a = (s, r, i) => {
+      Array.isArray(r) ? r.every((p) => _e.test(p)) ? i() : i(new Error("参数名称格式错误")) : i(new Error("参数名称必须是数组形式"));
     }, o = async (s) => (e.item && e.current.removeSlot(e.item.name, !0), e.current.setSlot(s), !0);
     return (s, r) => (d(), y(n(Ve), {
       title: t.value,
@@ -4620,8 +4620,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     current: {},
     context: {}
   },
-  setup(i) {
-    const e = i, t = S(() => e.item ? "编辑注入" : "新增注入"), l = k(
+  setup(u) {
+    const e = u, t = S(() => e.item ? "编辑注入" : "新增注入"), l = k(
       Object.assign(
         {
           default: {
@@ -4682,35 +4682,35 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), wr = /* @__PURE__ */ E({
   name: "DefinedWidget",
   __name: "index",
-  setup(i) {
-    const { current: e, context: t } = ie(), l = S(() => (e.value?.props || []).map((F) => typeof F == "string" ? { name: F } : F)), a = S(() => (e.value?.emits || []).map((F) => typeof F == "string" ? { name: F, params: [] } : F)), o = S(() => (e.value?.slots || []).map((F) => typeof F == "string" ? { name: F, params: [] } : F)), s = S(() => e.value?.inject || []), r = k(!1), u = k(), g = k(!1), p = k(), m = k(!1), f = k(), b = k(!1), c = k(), _ = () => {
-      u.value = void 0, r.value = !0;
+  setup(u) {
+    const { current: e, context: t } = ie(), l = S(() => (e.value?.props || []).map((F) => typeof F == "string" ? { name: F } : F)), a = S(() => (e.value?.emits || []).map((F) => typeof F == "string" ? { name: F, params: [] } : F)), o = S(() => (e.value?.slots || []).map((F) => typeof F == "string" ? { name: F, params: [] } : F)), s = S(() => e.value?.inject || []), r = k(!1), i = k(), g = k(!1), p = k(), m = k(!1), f = k(), b = k(!1), c = k(), _ = () => {
+      i.value = void 0, r.value = !0;
     }, w = (F) => {
-      const { name: L, modelValue: W } = F;
-      L === "edit" && x(W), L === "remove" && e.value?.removeProp(W);
+      const { name: L, modelValue: N } = F;
+      L === "edit" && x(N), L === "remove" && e.value?.removeProp(N);
     }, x = (F) => {
-      u.value = F, r.value = !0;
+      i.value = F, r.value = !0;
     }, C = () => {
       p.value = void 0, g.value = !0;
-    }, D = (F) => {
+    }, I = (F) => {
       p.value = { ...F }, g.value = !0;
     }, O = (F) => {
-      const { name: L, modelValue: W } = F;
-      L === "edit" && D(W), L === "remove" && e.value?.removeEmit(W.name);
+      const { name: L, modelValue: N } = F;
+      L === "edit" && I(N), L === "remove" && e.value?.removeEmit(N.name);
     }, $ = () => {
       f.value = void 0, m.value = !0;
-    }, I = (F) => {
+    }, D = (F) => {
       f.value = { ...F }, m.value = !0;
     }, R = (F) => {
-      const { name: L, modelValue: W } = F;
-      L === "edit" && I(W), L === "remove" && e.value?.removeSlot(W.name);
+      const { name: L, modelValue: N } = F;
+      L === "edit" && D(N), L === "remove" && e.value?.removeSlot(N.name);
     }, P = () => {
       c.value = void 0, b.value = !0;
     }, X = (F) => {
       c.value = F, b.value = !0;
     }, pe = (F) => {
-      const { name: L, modelValue: W } = F;
-      L === "edit" && X(W), L === "remove" && e.value?.removeInject(W);
+      const { name: L, modelValue: N } = F;
+      L === "edit" && X(N), L === "remove" && e.value?.removeInject(N);
     };
     return (F, L) => n(e) && n(t) ? (d(), y(n(M), {
       key: 0,
@@ -4728,12 +4728,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           onPlus: _
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(l.value, (W) => (d(), y(n(ue), {
-              "model-value": W,
-              title: W.name,
+            (d(!0), A(T, null, W(l.value, (N) => (d(), y(n(ue), {
+              "model-value": N,
+              title: N.name,
               border: "",
               actions: ["edit", "remove"],
-              onClick: ($e) => x(W),
+              onClick: ($e) => x(N),
               onAction: w
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             l.value.length ? j("", !0) : (d(), y(n(se), {
@@ -4745,8 +4745,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               current: n(e),
               context: n(t),
               modelValue: r.value,
-              "onUpdate:modelValue": L[0] || (L[0] = (W) => r.value = W),
-              item: u.value
+              "onUpdate:modelValue": L[0] || (L[0] = (N) => r.value = N),
+              item: i.value
             }, null, 8, ["current", "context", "modelValue", "item"])) : j("", !0)
           ]),
           _: 1
@@ -4760,12 +4760,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           onPlus: C
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(a.value, (W) => (d(), y(n(ue), {
-              "model-value": W,
-              title: W.name,
+            (d(!0), A(T, null, W(a.value, (N) => (d(), y(n(ue), {
+              "model-value": N,
+              title: N.name,
               border: "",
               actions: ["remove"],
-              onClick: ($e) => D(W),
+              onClick: ($e) => I(N),
               onAction: O
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             a.value.length ? j("", !0) : (d(), y(n(se), {
@@ -4775,7 +4775,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             g.value ? (d(), y(br, {
               key: 1,
               modelValue: g.value,
-              "onUpdate:modelValue": L[1] || (L[1] = (W) => g.value = W),
+              "onUpdate:modelValue": L[1] || (L[1] = (N) => g.value = N),
               current: n(e),
               context: n(t),
               item: p.value
@@ -4792,12 +4792,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           onPlus: $
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(o.value, (W) => (d(), y(n(ue), {
-              "model-value": W,
-              title: W.name,
+            (d(!0), A(T, null, W(o.value, (N) => (d(), y(n(ue), {
+              "model-value": N,
+              title: N.name,
               border: "",
               actions: ["remove"],
-              onClick: ($e) => I(W),
+              onClick: ($e) => D(N),
               onAction: R
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             o.value.length ? j("", !0) : (d(), y(n(se), {
@@ -4807,7 +4807,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             m.value ? (d(), y(yr, {
               key: 1,
               modelValue: m.value,
-              "onUpdate:modelValue": L[2] || (L[2] = (W) => m.value = W),
+              "onUpdate:modelValue": L[2] || (L[2] = (N) => m.value = N),
               current: n(e),
               context: n(t),
               item: f.value
@@ -4825,12 +4825,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           onPlus: P
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(s.value, (W) => (d(), y(n(ue), {
-              "model-value": W,
-              title: W.name,
+            (d(!0), A(T, null, W(s.value, (N) => (d(), y(n(ue), {
+              "model-value": N,
+              title: N.name,
               border: "",
               actions: ["remove"],
-              onClick: ($e) => X(W),
+              onClick: ($e) => X(N),
               onAction: pe
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             s.value.length ? j("", !0) : (d(), y(n(se), {
@@ -4840,7 +4840,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             b.value ? (d(), y(_r, {
               key: 1,
               modelValue: b.value,
-              "onUpdate:modelValue": L[3] || (L[3] = (W) => b.value = W),
+              "onUpdate:modelValue": L[3] || (L[3] = (N) => b.value = N),
               current: n(e),
               context: n(t),
               item: c.value
@@ -4860,8 +4860,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     current: {},
     item: {}
   },
-  setup(i) {
-    const e = i, t = [
+  setup(u) {
+    const e = u, t = [
       {
         label: "API",
         value: "api",
@@ -4897,7 +4897,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 })`
         }
       }, e.item)
-    ), r = k(!1), u = k(""), g = k(!1), p = S(() => s.value.type === "api" ? l.value.map((w) => ({
+    ), r = k(!1), i = k(""), g = k(!1), p = S(() => s.value.type === "api" ? l.value.map((w) => ({
       label: w.label || "",
       value: w.id,
       data: w
@@ -4917,10 +4917,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         x && (s.value.name = x.code, s.value.label = x.title || "");
       }
     }, c = async (w) => {
-      const { transform: x, test: C, name: D } = w;
+      const { transform: x, test: C, name: I } = w;
       if (!e.current) return !1;
-      if (!e.item && e.current.dataSources[D])
-        return ne(`名称【${D}】已经存在，请更换名称`), !1;
+      if (!e.item && e.current.dataSources[I])
+        return ne(`名称【${I}】已经存在，请更换名称`), !1;
       if (x?.value) {
         if (!oe(x, e.context, !0))
           return !1;
@@ -4951,11 +4951,11 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         Ce.warn(`API【${s.value.ref}】不存在`);
       }, C = Me(s.value.test, {
         runApi: x
-      }), D = s.value.transform?.value ? Me(s.value.transform, {}, !0) : (O) => O;
+      }), I = s.value.transform?.value ? Me(s.value.transform, {}, !0) : (O) => O;
       r.value = !0;
       try {
         const O = await C();
-        u.value = JSON.stringify(await D(O), null, 2);
+        i.value = JSON.stringify(await I(O), null, 2);
       } catch (O) {
         Ce.error(O);
       }
@@ -5066,7 +5066,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         }, {
           default: h(() => [
             v(n(le), {
-              "model-value": u.value,
+              "model-value": i.value,
               border: "",
               dark: "",
               height: "100%",
@@ -5082,7 +5082,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), Sr = /* @__PURE__ */ E({
   name: "DataSourcesWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e, context: t } = ie(), l = k(!1), a = k(), o = S(() => Object.values(e.value?.dataSources || {}).filter(
       (p) => ["meta", "api"].includes(p.type)
     )), s = (p) => ({
@@ -5091,11 +5091,11 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       cube: "warning"
     })[p], r = () => {
       a.value = void 0, l.value = !0;
-    }, u = (p) => {
+    }, i = (p) => {
       a.value = p, l.value = !0;
     }, g = (p) => {
       const { name: m, modelValue: f } = p;
-      m === "edit" && u(f), m === "remove" && e.value?.removeDataSource(f.name);
+      m === "edit" && i(f), m === "remove" && e.value?.removeDataSource(f.name);
     };
     return (p, m) => (d(), y(n(M), {
       class: "v-data-sources-widget",
@@ -5111,7 +5111,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           onPlus: r
         }, {
           default: h(() => [
-            (d(!0), A(T, null, N(o.value, (f) => (d(), y(n(ue), {
+            (d(!0), A(T, null, W(o.value, (f) => (d(), y(n(ue), {
               border: "",
               title: f.name,
               subtitle: f.label,
@@ -5120,7 +5120,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               tag: f.type.toUpperCase(),
               "tag-type": s(f.type),
               onAction: g,
-              onClick: (b) => u(f)
+              onClick: (b) => i(f)
             }, null, 8, ["title", "subtitle", "model-value", "tag", "tag-type", "onClick"]))), 256)),
             o.value.length ? j("", !0) : (d(), y(n(se), {
               key: 0,
@@ -5147,8 +5147,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, t = k();
+  setup(u) {
+    const e = u, t = k();
     q(
       () => e.styleJson.display,
       (g) => {
@@ -5266,9 +5266,9 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       {
         label: "stretch",
         value: "stretch",
-        svg: Ia
+        svg: Da
       }
-    ], u = (g, p) => {
+    ], i = (g, p) => {
       t.value = p === "flex", e.setStyle("display", p), t.value || (e.setStyle("flex-direction", void 0), e.setStyle("justify-content", void 0), e.setStyle("align-items", void 0), e.setStyle("flex-wrap", void 0));
     };
     return (g, p) => (d(), y(n(U), {
@@ -5291,7 +5291,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               options: l,
               variable: !1,
               value: e.styleJson.display,
-              onChange: u
+              onChange: i
             }, null, 8, ["value"]),
             t.value ? (d(), A(T, { key: 0 }, [
               v(n(J), {
@@ -5341,7 +5341,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), Cr = /* @__PURE__ */ E({
   name: "StyleWidget",
   __name: "JsonMode",
-  setup(i) {
+  setup(u) {
     const { selected: e } = ke(), t = k(), l = S(() => {
       const r = e.value?.model || null;
       return ee(r) ? null : r;
@@ -5349,16 +5349,16 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       () => JSON.stringify(l.value?.getPropValue("style") || {}, null, 2)
     ), o = (r) => {
       try {
-        const u = JSON.parse(r);
-        l.value?.setProp("style", u);
+        const i = JSON.parse(r);
+        l.value?.setProp("style", i);
       } catch {
         ne("JSON格式错误");
       }
     }, s = () => {
-      const u = (t.value?.getEditor()).getValue();
-      o(u), de("保存成功");
+      const i = (t.value?.getEditor()).getValue();
+      o(i), de("保存成功");
     };
-    return (r, u) => (d(), y(n(U), {
+    return (r, i) => (d(), y(n(U), {
       class: "v-css-widget v-sub-panel",
       title: "JSON",
       size: "small",
@@ -5388,15 +5388,15 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     auto: { type: Boolean }
   },
   emits: ["close", "update:modelValue", "submit"],
-  setup(i, { emit: e }) {
-    const t = [0, 10, 20, 40, 60, 100, 140, 220], l = i, a = e, o = S(() => l.auto || l.name.includes("margin")), s = k(), r = k(l.modelValue), u = k("px");
+  setup(u, { emit: e }) {
+    const t = [0, 10, 20, 40, 60, 100, 140, 220], l = u, a = e, o = S(() => l.auto || l.name.includes("margin")), s = k(), r = k(l.modelValue), i = k("px");
     Eo(s, () => {
       a("close");
     });
     const g = (b) => {
       r.value = typeof b == "number" ? `${b}px` : "auto", p(r.value);
     }, p = (b) => {
-      u.value = b === "auto" ? void 0 : "px";
+      i.value = b === "auto" ? void 0 : "px";
     }, m = () => {
       r.value ? (a("update:modelValue", r.value), a("submit", l.name, r.value), a("close")) : ne("请输入有效值", "提示");
     }, f = () => {
@@ -5418,9 +5418,9 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   modelValue: r.value,
                   "onUpdate:modelValue": c[0] || (c[0] = (_) => r.value = _),
                   size: "small",
-                  "with-unit": !!u.value,
-                  unit: u.value,
-                  format: u.value ? "0" : void 0,
+                  "with-unit": !!i.value,
+                  unit: i.value,
+                  format: i.value ? "0" : void 0,
                   onChange: p
                 }, null, 8, ["modelValue", "with-unit", "unit", "format"])
               ]),
@@ -5447,7 +5447,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   wrap: "wrap"
                 }, {
                   default: h(() => [
-                    (d(), A(T, null, N(t, (_) => V("span", {
+                    (d(), A(T, null, W(t, (_) => V("span", {
                       onClick: (w) => g(_)
                     }, z(_), 9, Er)), 64))
                   ]),
@@ -5490,7 +5490,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       ])
     ]));
   }
-}), Pr = { class: "spacing-wrap" }, Ir = { class: "spacing-max-icon" }, Dr = ["width", "height"], Br = ["d"], Rr = ["d"], $r = ["d"], Tr = ["d"], zr = { id: "margin-outer" }, Or = ["width", "height"], Fr = ["width", "height"], Nr = { id: "margin-inner" }, Wr = ["width", "height"], Jr = ["width", "height"], Mr = ["width", "height"], Lr = ["d"], Ur = ["d"], qr = ["d"], Hr = ["d"], Gr = { id: "padding-outer" }, Xr = ["width", "height"], Qr = ["width", "height"], Kr = { id: "padding-inner" }, Yr = ["width", "height"], Zr = ["width", "height"], ei = {
+}), Pr = { class: "spacing-wrap" }, Dr = { class: "spacing-max-icon" }, Ir = ["width", "height"], Br = ["d"], Rr = ["d"], $r = ["d"], Tr = ["d"], zr = { id: "margin-outer" }, Or = ["width", "height"], Fr = ["width", "height"], Wr = { id: "margin-inner" }, Nr = ["width", "height"], Jr = ["width", "height"], Mr = ["width", "height"], Lr = ["d"], Ur = ["d"], qr = ["d"], Hr = ["d"], Gr = { id: "padding-outer" }, Xr = ["width", "height"], Qr = ["width", "height"], Kr = { id: "padding-inner" }, Yr = ["width", "height"], Zr = ["width", "height"], ei = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "100%",
   height: "100%",
@@ -5526,11 +5526,11 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, t = k(), l = k(), { width: a, height: o } = Ue(t), { width: s, height: r } = Ue(l), u = k(!1), g = k(), p = k(), m = () => {
-      u.value = !1, g.value = void 0, p.value = void 0;
+  setup(u) {
+    const e = u, t = k(), l = k(), { width: a, height: o } = Ue(t), { width: s, height: r } = Ue(l), i = k(!1), g = k(), p = k(), m = () => {
+      i.value = !1, g.value = void 0, p.value = void 0;
     }, f = (b) => {
-      g.value = b, p.value = e.styleJson[b], u.value = !0;
+      g.value = b, p.value = e.styleJson[b], i.value = !0;
     };
     return (b, c) => (d(), y(n(U), {
       title: "间距",
@@ -5546,7 +5546,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           ref: t
         }, [
           V("div", Pr, [
-            V("div", Ir, [
+            V("div", Dr, [
               n(a) && n(o) ? (d(), A("svg", {
                 key: 0,
                 xmlns: "http://www.w3.org/2000/svg",
@@ -5650,7 +5650,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   ry: "2",
                   style: { "pointer-events": "none", "stroke-width": "2px" }
                 }, null, 8, Fr),
-                V("clipPath", Nr, [
+                V("clipPath", Wr, [
                   V("rect", {
                     x: "36",
                     y: "24",
@@ -5660,7 +5660,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                     rx: "2",
                     ry: "2",
                     style: { "pointer-events": "none" }
-                  }, null, 8, Wr)
+                  }, null, 8, Nr)
                 ]),
                 V("rect", {
                   class: "stroke",
@@ -5674,7 +5674,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   ry: "2",
                   style: { "pointer-events": "none", "stroke-width": "2px" }
                 }, null, 8, Jr)
-              ], 8, Dr)) : j("", !0),
+              ], 8, Ir)) : j("", !0),
               V("div", {
                 class: H(["spacing-edit margin-top", { "is-setting": e.styleJson["margin-top"] }]),
                 onClick: c[4] || (c[4] = (_) => f("margin-top"))
@@ -5845,7 +5845,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             (d(), A("svg", ei, ni)),
             (d(), A("svg", li, si))
           ]),
-          u.value ? (d(), y(zn, {
+          i.value ? (d(), y(zn, {
             key: 0,
             name: g.value,
             modelValue: p.value,
@@ -5864,8 +5864,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, a = [
+  setup(u) {
+    const e = u, a = [
       {
         name: "width",
         label: "宽(W)",
@@ -5935,7 +5935,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           inline: ""
         }, {
           default: h(() => [
-            (d(), A(T, null, N(a, (r) => v(n(J), {
+            (d(), A(T, null, W(a, (r) => v(n(J), {
               name: r.name,
               label: r.label,
               setters: { name: r.setter },
@@ -5957,15 +5957,15 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, t = k(), { width: l, height: a } = Ue(t), o = k(!1), s = k(), r = k(), u = [
+  setup(u) {
+    const e = u, t = k(), { width: l, height: a } = Ue(t), o = k(!1), s = k(), r = k(), i = [
       { label: "静态", value: "static" },
       { label: "相对", value: "relative" },
       { label: "绝对", value: "absolute" },
       { label: "固定", value: "fixed" },
       { label: "粘性", value: "sticky" }
     ], g = [
-      { label: "左上", svg: Da, value: "0% auto auto 0%" },
+      { label: "左上", svg: Ia, value: "0% auto auto 0%" },
       { label: "右上", svg: Ba, value: "0% 0% auto auto" },
       { label: "左下", svg: Ra, value: "auto auto 0% 0%" },
       { label: "右下", svg: $a, value: "auto 0% 0% auto" },
@@ -5973,7 +5973,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       { label: "右", svg: za, value: "0% 0% 0% auto" },
       { label: "上", svg: Oa, value: "auto 0% 0% 0%" },
       { label: "下", svg: Fa, value: "0% 0% auto 0%" },
-      { label: "填充", svg: Na, value: "0% 0% 0% 0%" }
+      { label: "填充", svg: Wa, value: "0% 0% 0% 0%" }
     ], p = S(() => (e.styleJson.inset || "").split(" ")), m = (b) => {
       s.value = b, r.value = e.styleJson[b], o.value = !0;
     }, f = () => {
@@ -5997,7 +5997,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                 name: "position",
                 label: "定位",
                 setters: { name: "SelectSetter" },
-                options: u,
+                options: i,
                 variable: !1,
                 value: e.styleJson.position,
                 onChange: e.setStyle
@@ -6199,8 +6199,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, t = [
+  setup(u) {
+    const e = u, t = [
       {
         name: "font-size",
         label: "字号",
@@ -6249,7 +6249,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         ]
       }
     ], l = [
-      { label: "左", value: "left", svg: Wa },
+      { label: "左", value: "left", svg: Na },
       { label: "中", value: "center", svg: Ja },
       { label: "右", value: "right", svg: Ma },
       { label: "两端", value: "justify", svg: La }
@@ -6277,13 +6277,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           inline: ""
         }, {
           default: h(() => [
-            (d(), A(T, null, N(t, (u) => v(n(J), {
-              name: u.name,
-              label: u.label,
-              setters: { name: u.setter },
-              options: u.options,
+            (d(), A(T, null, W(t, (i) => v(n(J), {
+              name: i.name,
+              label: i.label,
+              setters: { name: i.setter },
+              options: i.options,
               variable: !1,
-              value: e.styleJson[u.name],
+              value: e.styleJson[i.name],
               onChange: s.setStyle
             }, null, 8, ["name", "label", "setters", "options", "value", "onChange"])), 64))
           ]),
@@ -6342,12 +6342,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, t = (u, g) => {
+  setup(u) {
+    const e = u, t = (i, g) => {
       g ? e.setStyle("background-image", `url(${g})`) : e.setStyle("background-image", void 0);
-    }, l = (u) => {
+    }, l = (i) => {
       const g = /^url\(([\w\W]+)\)$/;
-      return u?.match(g)?.[1];
+      return i?.match(g)?.[1];
     }, a = [
       { label: "重复", value: "repeat", svg: Qa },
       { label: "水平重复", value: "repeat-x", svg: Ka },
@@ -6367,7 +6367,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       { label: "覆盖", value: "cover" },
       { label: "填充", value: "contain" }
     ];
-    return (u, g) => (d(), y(n(U), {
+    return (i, g) => (d(), y(n(U), {
       title: "背景",
       class: "v-sub-panel",
       size: "small",
@@ -6453,22 +6453,33 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, t = k("border"), l = [
+  setup(u) {
+    const e = u, t = () => {
+      const r = Object.keys(e.styleJson || {});
+      return r.find((f) => f.startsWith("border-left")) ? "border-left" : r.find((f) => f.startsWith("border-top")) ? "border-top" : r.find((f) => f.startsWith("border-bottom")) ? "border-bottom" : r.find((f) => f.startsWith("border-right")) ? "border-right" : "border";
+    }, l = k("border"), a = [
       { label: "全边框", svg: es, value: "border" },
       { label: "左边框", svg: ts, value: "border-left" },
       { label: "上边框", svg: ns, value: "border-top" },
       { label: "下边框", svg: ls, value: "border-bottom" },
       { label: "右边框", svg: as, value: "border-right" }
-    ], a = [
+    ], o = [
       { label: "无", value: "none", svg: Pn },
       { label: "实线", value: "solid", svg: ss },
       { label: "虚线", value: "dashed", svg: os },
       { label: "点线", value: "dotted", svg: rs }
-    ], o = (s, r) => {
-      t.value = r;
+    ], s = (r, i) => {
+      l.value = i;
     };
-    return (s, r) => (d(), y(n(U), {
+    return q(
+      () => e.styleJson,
+      () => {
+        l.value = t();
+      },
+      {
+        immediate: !0
+      }
+    ), (r, i) => (d(), y(n(U), {
       title: "边框",
       class: "v-sub-panel",
       size: "small",
@@ -6494,37 +6505,37 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               label: "边框",
               setters: { name: "TagSetter" },
               variable: !1,
-              options: l,
-              value: t.value,
-              onChange: o
+              options: a,
+              value: l.value,
+              onChange: s
             }, null, 8, ["value"]),
-            t.value ? (d(), A(T, { key: 0 }, [
+            l.value ? (d(), A(T, { key: 0 }, [
               (d(), y(n(J), {
-                name: `${t.value}-width`,
-                key: `${t.value}-width`,
+                name: `${l.value}-width`,
+                key: `${l.value}-width`,
                 label: "宽度",
                 setters: { name: "SizeSetter" },
                 variable: !1,
-                value: e.styleJson[`${t.value}-width`],
+                value: e.styleJson[`${l.value}-width`],
                 onChange: e.setStyle
               }, null, 8, ["name", "value", "onChange"])),
               (d(), y(n(J), {
-                name: `${t.value}-style`,
-                key: `${t.value}-style`,
+                name: `${l.value}-style`,
+                key: `${l.value}-style`,
                 label: "样式",
                 setters: { name: "TagSetter" },
-                options: a,
+                options: o,
                 variable: !1,
-                value: e.styleJson[`${t.value}-style`],
+                value: e.styleJson[`${l.value}-style`],
                 onChange: e.setStyle
               }, null, 8, ["name", "value", "onChange"])),
               (d(), y(n(J), {
-                name: `${t.value}-color`,
-                key: `${t.value}-color`,
+                name: `${l.value}-color`,
+                key: `${l.value}-color`,
                 label: "颜色",
                 setters: { name: "ColorSetter" },
                 variable: !1,
-                value: e.styleJson[`${t.value}-color`],
+                value: e.styleJson[`${l.value}-color`],
                 onChange: e.setStyle
               }, null, 8, ["name", "value", "onChange"]))
             ], 64)) : j("", !0)
@@ -6541,8 +6552,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     styleJson: {},
     setStyle: { type: Function }
   },
-  setup(i) {
-    const e = i, t = [
+  setup(u) {
+    const e = u, t = [
       {
         label: "自动",
         value: "auto",
@@ -6640,15 +6651,15 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   props: {
     isStyleCodeMode: { type: Boolean }
   },
-  setup(i) {
-    const e = i, { selected: t } = ke(), l = S(() => {
+  setup(u) {
+    const e = u, { selected: t } = ke(), l = S(() => {
       const s = t.value?.model || null;
       return ee(s) ? null : s;
     }), a = S(
       () => l.value?.getPropValue("style") || {}
     ), o = (s, r) => {
-      const u = l.value?.getPropValue("style") || {};
-      r !== void 0 ? u[s] = r : delete u[s], l.value?.setProp("style", u);
+      const i = l.value?.getPropValue("style") || {};
+      r !== void 0 ? i[s] = r : delete i[s], l.value?.setProp("style", i);
     };
     return (s, r) => e.isStyleCodeMode ? (d(), y(Cr, { key: 0 })) : (d(), y(n(M), {
       key: `widget-style-${l.value?.id}`,
@@ -6707,8 +6718,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   props: {
     path: { type: Function }
   },
-  setup(i, { expose: e }) {
-    const t = i, l = k(), a = k(Symbol()), { current: o, engine: s } = ie(), { width: r, height: u } = Ue(l), g = S(() => o.value && t.path ? t.path(o.value) : null), p = S(() => s.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
+  setup(u, { expose: e }) {
+    const t = u, l = k(), a = k(Symbol()), { current: o, engine: s } = ie(), { width: r, height: i } = Ue(l), g = S(() => o.value && t.path ? t.path(o.value) : null), p = S(() => s.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
     return e({
       refresh: () => {
         a.value = Symbol();
@@ -6722,7 +6733,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       v(n(Tn), {
         mode: p.value,
         width: n(r),
-        height: n(u)
+        height: n(i)
       }, {
         default: h(() => [
           g.value ? (d(), A("iframe", {
@@ -6740,7 +6751,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   name: "NodePathWidget",
   inheritAttrs: !1,
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { selected: e, designer: t } = ke(), l = S(() => (e.value?.path || []).slice(0).reverse()), a = (s) => {
       t.value?.setSelected(s);
     }, o = (s) => {
@@ -6752,12 +6763,12 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       "separator-icon": n(ps)
     }, {
       default: h(() => [
-        (d(!0), A(T, null, N(l.value, (u) => (d(), y(n(nl), {
-          onClick: (g) => a(u),
-          onMouseover: (g) => o(u)
+        (d(!0), A(T, null, W(l.value, (i) => (d(), y(n(nl), {
+          onClick: (g) => a(i),
+          onMouseover: (g) => o(i)
         }, {
           default: h(() => [
-            G(z(u.name), 1)
+            G(z(i.name), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "onMouseover"]))), 256))
@@ -6768,7 +6779,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), Pi = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e } = ie(), t = k(), l = S(
       () => JSON.stringify(e.value?.toDsl() || {}, null, 2)
     ), a = S(() => e.value ? e.value.name : ""), o = async () => {
@@ -6805,17 +6816,17 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       _: 1
     }, 8, ["title"]));
   }
-}), Ii = /* @__PURE__ */ E({
+}), Di = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { current: e, engine: t } = ie(), l = k(), a = k(""), o = S(() => e.value ? `$vtj/vue/${e.value.id}.vue` : ""), s = S(() => e.value ? e.value.name : "");
     return q(
       e,
       async (r) => {
-        const u = t.project.value;
-        u && r ? a.value = await t.service.genVueContent(
-          u.toDsl(),
+        const i = t.project.value;
+        i && r ? a.value = await t.service.genVueContent(
+          i.toDsl(),
           r.toDsl()
         ) : a.value = "";
       },
@@ -6823,7 +6834,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         immediate: !0,
         deep: !0
       }
-    ), (r, u) => (d(), y(n(U), {
+    ), (r, i) => (d(), y(n(U), {
       class: "v-raw-widget",
       title: s.value,
       subtitle: o.value,
@@ -6844,14 +6855,14 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       _: 1
     }, 8, ["title", "subtitle"]));
   }
-}), Di = ["src"], Bi = /* @__PURE__ */ E({
+}), Ii = ["src"], Bi = /* @__PURE__ */ E({
   name: "DocsWidget",
   __name: "index",
   props: {
     url: { default: "//vtj.pro/help/index.html" }
   },
-  setup(i, { expose: e }) {
-    const t = i, l = k();
+  setup(u, { expose: e }) {
+    const t = u, l = k();
     let a = null;
     const o = k(Symbol()), s = () => {
       o.value = Symbol();
@@ -6864,7 +6875,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     const r = () => {
       a?.close();
     };
-    return e({ refresh: s }), (u, g) => (d(), y(n(U), {
+    return e({ refresh: s }), (i, g) => (d(), y(n(U), {
       class: "v-docs-widget",
       size: "small",
       fit: "",
@@ -6879,7 +6890,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           ref: "frame",
           src: t.url,
           onLoad: r
-        }, null, 40, Di))
+        }, null, 40, Ii))
       ]),
       _: 1
     }, 512));
@@ -6887,7 +6898,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), On = "data:image/png;base64,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", Ri = { class: "v-about-widget" }, $i = { class: "v-about-widget__logo" }, Ti = ["src"], zi = /* @__PURE__ */ V("div", { class: "v-about-widget__name" }, "VTJ.PRO", -1), Oi = { class: "v-about-widget__version" }, Fi = /* @__PURE__ */ E({
   name: "AboutWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     return (e, t) => (d(), A("div", Ri, [
       V("div", $i, [
         V("img", { src: n(On) }, null, 8, Ti)
@@ -6896,10 +6907,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       V("div", Oi, "版本：" + z(n(js)), 1)
     ]));
   }
-}), Ni = /* @__PURE__ */ E({
+}), Wi = /* @__PURE__ */ E({
   name: "ProjectConfigWidget",
   __name: "index",
-  setup(i) {
+  setup(u) {
     const { project: e } = Re(), t = (l) => {
       e.value?.setConfig(l);
     };
@@ -6969,11 +6980,11 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   Previewer: ji,
   NodePath: Ei,
   Schema: Pi,
-  Raw: Ii,
+  Raw: Di,
   Docs: Bi,
   About: Fi,
-  ProjectConfig: Ni
-}, Wi = [
+  ProjectConfig: Wi
+}, Ni = [
   {
     name: "Logo",
     region: "Brand",
@@ -7825,13 +7836,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 ], Hi = /* @__PURE__ */ E({
   name: "StringSetter",
   __name: "string",
-  setup(i) {
+  setup(u) {
     return (e, t) => (d(), y(n(ye), re({ clearable: "" }, e.$attrs), null, 16));
   }
 }), Gi = /* @__PURE__ */ E({
   name: "BooleanSetter",
   __name: "boolean",
-  setup(i) {
+  setup(u) {
     return (e, t) => (d(), y(n(cn), re(e.$attrs, {
       "model-value": !!e.$attrs.modelValue
     }), null, 16, ["model-value"]));
@@ -7844,28 +7855,28 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     context: {}
   },
   emits: ["change"],
-  setup(i, { emit: e }) {
-    const t = (u = "") => ({
+  setup(u, { emit: e }) {
+    const t = (i = "") => ({
       type: "JSExpression",
-      value: Le(u) ? u.value : u
-    }), l = i, a = e, o = (u) => oe(u, l.context, !0), s = k(t(l.modelValue).value);
+      value: Le(i) ? i.value : i
+    }), l = u, a = e, o = (i) => oe(i, l.context, !0), s = k(t(l.modelValue).value);
     q(
       () => l.modelValue,
-      (u) => {
-        s.value = t(u).value;
+      (i) => {
+        s.value = t(i).value;
       },
       {
         immediate: !0
       }
     );
-    const r = (u) => {
+    const r = (i) => {
       const g = {
         type: "JSExpression",
-        value: u
+        value: i
       };
       o(g) && a("change", g);
     };
-    return (u, g) => (d(), y(n(ye), {
+    return (i, g) => (d(), y(n(ye), {
       class: "v-expression-setter",
       modelValue: s.value,
       "onUpdate:modelValue": g[0] || (g[0] = (p) => s.value = p),
@@ -7886,11 +7897,11 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   props: {
     options: { default: () => [] }
   },
-  setup(i) {
-    const e = i;
+  setup(u) {
+    const e = u;
     return (t, l) => (d(), y(n(al), re({ clearable: "" }, t.$attrs), {
       default: h(() => [
-        (d(!0), A(T, null, N(e.options, (a) => (d(), y(n(sl), re({
+        (d(!0), A(T, null, W(e.options, (a) => (d(), y(n(sl), re({
           key: a.label,
           ref_for: !0
         }, a), null, 16))), 128))
@@ -7905,8 +7916,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     modelValue: {}
   },
   emits: ["change"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = S(() => Le(t.modelValue) ? void 0 : Number(t.modelValue || 0)), o = (s) => {
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = S(() => Le(t.modelValue) ? void 0 : Number(t.modelValue || 0)), o = (s) => {
       l("change", s);
     };
     return (s, r) => (d(), y(n(ol), re({
@@ -7918,7 +7929,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), eu = /* @__PURE__ */ E({
   name: "ColorSetter",
   __name: "color",
-  setup(i) {
+  setup(u) {
     return (e, t) => (d(), y(n(rl), en(tn(e.$attrs)), null, 16));
   }
 }), tu = /* @__PURE__ */ E({
@@ -7929,10 +7940,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     type: { default: "JSON" }
   },
   emits: ["change"],
-  setup(i, { emit: e }) {
-    const t = i, l = k(), a = k(
+  setup(u, { emit: e }) {
+    const t = u, l = k(), a = k(
       typeof t.modelValue == "object" ? JSON.stringify(t.modelValue, null, 2) : void 0
-    ), o = S(() => !!a.value), s = k(!1), r = e, u = (f) => {
+    ), o = S(() => !!a.value), s = k(!1), r = e, i = (f) => {
       let b = !0;
       try {
         const c = JSON.parse(f);
@@ -7953,7 +7964,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       const f = l.value?.getEditor();
       if (f) {
         const b = f.getValue();
-        u(b) && (a.value = b, r("change", JSON.parse(b)), s.value = !1);
+        i(b) && (a.value = b, r("change", JSON.parse(b)), s.value = !1);
       }
     }, p = () => {
       a.value = "", r("change", void 0), s.value = !1;
@@ -8018,8 +8029,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     }) }
   },
   emits: ["change"],
-  setup(i, { emit: e }) {
-    const t = i, l = k(), a = k(t.modelValue.value), o = k(!1), s = S(() => !!a.value), r = e, u = () => {
+  setup(u, { emit: e }) {
+    const t = u, l = k(), a = k(t.modelValue.value), o = k(!1), s = S(() => !!a.value), r = e, i = () => {
       const m = l.value?.getEditor();
       if (m) {
         const f = m.getValue(), b = {
@@ -8052,7 +8063,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         cancel: "",
         submit: "",
         clear: "",
-        onSubmit: u,
+        onSubmit: i,
         onClear: g
       }, {
         extra: h(() => [
@@ -8086,14 +8097,14 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   props: {
     options: { default: () => [] }
   },
-  setup(i) {
-    const e = i;
+  setup(u) {
+    const e = u;
     return (t, l) => (d(), y(n(sn), re({
       class: "v-radio-setter",
       size: "small"
     }, t.$attrs), {
       default: h(() => [
-        (d(!0), A(T, null, N(e.options, (a) => (d(), y(n(Ke), {
+        (d(!0), A(T, null, W(e.options, (a) => (d(), y(n(Ke), {
           label: a.label,
           value: a.value,
           title: a.label
@@ -8120,21 +8131,21 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     modelValue: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = (o) => {
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = (o) => {
       o.value === t.modelValue ? (l("update:modelValue", void 0), l("change", void 0)) : (l("update:modelValue", o.value), l("change", o.value));
     };
     return (o, s) => (d(), A("div", re({
       class: "v-tag-setter",
       size: "small"
     }, o.$attrs), [
-      (d(!0), A(T, null, N(t.options, (r) => (d(), A("span", {
+      (d(!0), A(T, null, W(t.options, (r) => (d(), A("span", {
         label: r.value,
         title: r.label,
         class: H({
           "is-active": t.modelValue === r.value
         }),
-        onClick: (u) => a(r)
+        onClick: (i) => a(r)
       }, [
         r.svg ? (d(), y(n(xe), {
           key: 0,
@@ -8153,26 +8164,26 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     modelValue: {}
   },
   emits: ["change"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k(!0), o = S(() => a.value ? "px" : void 0), s = k(t.modelValue), r = (u) => {
-      a.value = !!Number(u);
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k(!0), o = S(() => a.value ? "px" : void 0), s = k(t.modelValue), r = (i) => {
+      a.value = !!Number(i);
     };
-    return q(s, (u) => {
-      l("change", u);
+    return q(s, (i) => {
+      l("change", i);
     }), q(
       () => t.modelValue,
-      (u) => {
-        u && (a.value = u.endsWith("px"), s.value = u);
+      (i) => {
+        i && (a.value = i.endsWith("px"), s.value = i);
       },
       { immediate: !0 }
-    ), (u, g) => (d(), y(n(vn), re({
+    ), (i, g) => (d(), y(n(vn), re({
       clearable: "",
       unit: o.value,
       "with-unit": !!o.value,
       modelValue: s.value,
       "onUpdate:modelValue": g[0] || (g[0] = (p) => s.value = p),
       onChange: r
-    }, u.$attrs), null, 16, ["unit", "with-unit", "modelValue"]));
+    }, i.$attrs), null, 16, ["unit", "with-unit", "modelValue"]));
   }
 }), ou = { class: "v-image-setter__plus" }, ru = /* @__PURE__ */ E({
   name: "ImageSetter",
@@ -8182,24 +8193,24 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     limit: { default: 1 }
   },
   emits: ["change", "update:modelValue"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k([]), o = S(() => a.value.length < t.limit), s = (u) => u.type.includes("image") ? (yl(u).then((g) => {
-      a.value = [{ name: u.name, url: g }];
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k([]), o = S(() => a.value.length < t.limit), s = (i) => i.type.includes("image") ? (yl(i).then((g) => {
+      a.value = [{ name: i.name, url: g }];
     }), !1) : (tt.error("只能上传图片"), !1), r = () => {
       a.value = [];
     };
     return q(
       () => t.modelValue,
-      (u) => {
-        a.value = u ? [{ name: "", url: u }] : [];
+      (i) => {
+        a.value = i ? [{ name: "", url: i }] : [];
       },
       {
         immediate: !0
       }
     ), q(a, () => {
-      const u = a.value[0]?.url;
-      l("change", u), l("update:modelValue", u);
-    }), (u, g) => (d(), y(n(il), re({
+      const i = a.value[0]?.url;
+      l("change", i), l("update:modelValue", i);
+    }), (i, g) => (d(), y(n(il), re({
       class: ["v-image-setter", { "v-image-setter--addable": o.value }],
       "list-type": "picture-card",
       limit: 1,
@@ -8209,7 +8220,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       "before-upload": s,
       "auto-upload": !0,
       "on-remove": r
-    }, u.$attrs), {
+    }, i.$attrs), {
       default: h(() => [
         V("span", ou, [
           v(n(xe), { icon: n(ks) }, null, 8, ["icon"])
@@ -8226,8 +8237,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     sections: { default: 4 }
   },
   emits: ["change"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k(new Array(t.sections).fill(""));
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k(new Array(t.sections).fill(""));
     q(
       () => t.modelValue,
       (s) => {
@@ -8239,10 +8250,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       l("change", a.value.join(" ").trim());
     };
     return (s, r) => (d(), A("div", iu, [
-      (d(!0), A(T, null, N(t.sections, (u) => (d(), y(Fn, {
-        name: u - 1,
-        modelValue: a.value[u - 1],
-        "onUpdate:modelValue": (g) => a.value[u - 1] = g,
+      (d(!0), A(T, null, W(t.sections, (i) => (d(), y(Fn, {
+        name: i - 1,
+        modelValue: a.value[i - 1],
+        "onUpdate:modelValue": (g) => a.value[i - 1] = g,
         onChange: o,
         class: "v-section-setter__item"
       }, null, 8, ["name", "modelValue", "onUpdate:modelValue"]))), 256))
@@ -8255,8 +8266,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     modelValue: { default: void 0 }
   },
   emits: ["change", "update:modelValue"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k();
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k();
     q(
       () => t.modelValue,
       (s) => {
@@ -8272,7 +8283,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     return (s, r) => (d(), A("div", cu, [
       v(n(ul), re({ size: "small" }, s.$attrs, {
         modelValue: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => a.value = u)
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i)
       }), null, 16, ["modelValue"]),
       v(n(xe), {
         onClick: o,
@@ -8443,7 +8454,7 @@ class vu {
   }
   createWidgets() {
     const e = {};
-    for (const t of Wi)
+    for (const t of Ni)
       e[t.name] = t;
     return e;
   }
@@ -8474,7 +8485,7 @@ class vu {
       Ce.warn(`widget '${e}' is not found`);
       return;
     }
-    It(l, t), t.component && (l.component = t.component);
+    Dt(l, t), t.component && (l.component = t.component);
   }
   /**
    * 根据区域名称获取区域内的器件配置
@@ -8489,7 +8500,7 @@ class vu {
     ).map((a, o) => (a.order = a.order ?? o, a)).sort((a, o) => (a.order ?? 0) - (o.order ?? 0)) : l;
   }
 }
-const Nn = new vu();
+const Wn = new vu();
 class gu {
   constructor(e = Ji) {
     this.deps = e;
@@ -8586,17 +8597,17 @@ class hu {
       Ce.warn(`setter '${e}' is not found`);
       return;
     }
-    It(l, t), t.component && (l.component = t.component);
+    Dt(l, t), t.component && (l.component = t.component);
   }
   getByType(e) {
     return Object.values(this.setters).filter((l) => l.type === e).map((l) => l.name);
   }
 }
 const Ze = new hu();
-function bu(i) {
+function bu(u) {
   return new Promise((e, t) => {
     const l = ln(To, {
-      slots: i,
+      slots: u,
       onClose: () => {
         l.unmount(), t(null);
       },
@@ -8674,9 +8685,9 @@ class yu {
   }
   async getDropSlot(e) {
     if (!e) return;
-    const { engine: t, dropping: l } = this, a = l.value ? this.getVueInstance(l.value, e.id) : null, o = a?.$vtjDynamicSlots ? a.$vtjDynamicSlots() : [], s = t.assets, r = s.componentMap, u = await s.getBlockMaterial(e.from) || r.get(e.name);
-    if (!u?.slots && o.length === 0) return;
-    const p = (u?.slots || ["default"]).concat(o).map((f) => typeof f == "string" ? {
+    const { engine: t, dropping: l } = this, a = l.value ? this.getVueInstance(l.value, e.id) : null, o = a?.$vtjDynamicSlots ? a.$vtjDynamicSlots() : [], s = t.assets, r = s.componentMap, i = await s.getBlockMaterial(e.from) || r.get(e.name);
+    if (!i?.slots && o.length === 0) return;
+    const p = (i?.slots || ["default"]).concat(o).map((f) => typeof f == "string" ? {
       name: f,
       params: []
     } : {
@@ -8701,24 +8712,24 @@ class yu {
     e.preventDefault();
     const { engine: t, dragging: l, dropping: a, draggingNode: o } = this, s = t.current.value, r = this.getHelper(e);
     if (!s || !l || !a.value || !r) return;
-    const u = r.model, g = a.value.type;
-    if (!await this.allowDrop(u, g)) return;
+    const i = r.model, g = a.value.type;
+    if (!await this.allowDrop(i, g)) return;
     let p;
     if (o)
       p = o;
     else {
       const m = this.createNodeDsl(l);
-      p = new Wt(m);
+      p = new Nt(m);
     }
-    if (ee(u))
+    if (ee(i))
       o ? (delete p.slot, s.move(p, void 0, "inner")) : s.addNode(p, void 0, g);
     else {
-      const m = await this.getDropSlot(g === "inner" ? u : u.parent);
+      const m = await this.getDropSlot(g === "inner" ? i : i.parent);
       if (m === null) {
         this.dropping.value = null;
         return;
       }
-      p.slot = m, o ? s.move(p, u, g) : s.addNode(p, u, g);
+      p.slot = m, o ? s.move(p, i, g) : s.addNode(p, i, g);
     }
     this.dropping.value = null, t.simulator.refresh(), t.assets.clearCaches();
   }
@@ -8739,7 +8750,7 @@ class yu {
   }
   getNodeByElement(e) {
     const t = e.__vtj__ ?? "";
-    return Wt.nodes[t] || null;
+    return Nt.nodes[t] || null;
   }
   getDropType(e, t, l) {
     const { left: a, top: o, width: s, height: r } = e;
@@ -8870,9 +8881,9 @@ class yu {
     if (ee(e)) return !0;
     if (o && e.id === o.id || o && o.isChild(e))
       return !1;
-    const r = a.assets.componentMap, u = t !== "inner" && e.parent || e, g = await a.assets.getBlockMaterial(u.from) || r.get(u.name);
+    const r = a.assets.componentMap, i = t !== "inner" && e.parent || e, g = await a.assets.getBlockMaterial(i.from) || r.get(i.name);
     if (!g) return !1;
-    const { parentIncludes: p = !0, name: m } = l, { childIncludes: f = !0 } = g, b = p === !0 || Array.isArray(p) && p.includes(u.name), c = f === !0 || Array.isArray(f) && f.includes(m);
+    const { parentIncludes: p = !0, name: m } = l, { childIncludes: f = !0 } = g, b = p === !0 || Array.isArray(p) && p.includes(i.name), c = f === !0 || Array.isArray(f) && f.includes(m);
     return b && c;
   }
   dispose() {
@@ -8901,17 +8912,17 @@ class _u {
     }
     e.use(this.provider);
     const s = Object.entries(t);
-    Object.assign(e.config.globalProperties, l), s.forEach(([r, u]) => {
-      if (typeof u == "function" || typeof u.install == "function") {
+    Object.assign(e.config.globalProperties, l), s.forEach(([r, i]) => {
+      if (typeof i == "function" || typeof i.install == "function") {
         let g = {};
         const p = o[r];
-        p && (g.locale = p), e?.use(u, g);
+        p && (g.locale = p), e?.use(i, g);
       }
     });
   }
   render(e) {
-    const { window: t, container: l, library: a, Vue: o, components: s, apis: r } = this.env, u = t.document.createElement("div");
-    u.id = "app", l.appendChild(u), this.dsl = o.reactive(e.toDsl());
+    const { window: t, container: l, library: a, Vue: o, components: s, apis: r } = this.env, i = t.document.createElement("div");
+    i.id = "app", l.appendChild(i), this.dsl = o.reactive(e.toDsl());
     const { renderer: g, context: p } = this.provider.createDslRenderer(this.dsl, {
       window: t,
       mode: yn.Design,
@@ -8926,7 +8937,7 @@ class _u {
     });
     this.app = o.createApp(m), this.install(this.app);
     try {
-      this.app.mount(u);
+      this.app.mount(i);
     } catch (f) {
       ne(f.message || "未知错误", "运行时错误"), console.error(f);
     }
@@ -8998,7 +9009,7 @@ class wu extends bn {
       scripts: o,
       css: s,
       materials: r,
-      libraryExports: u,
+      libraryExports: i,
       materialExports: g,
       materialMapLibrary: p,
       libraryLocaleMap: m
@@ -9020,14 +9031,14 @@ class wu extends bn {
               background: #fff;
             }
          </style>
-         ${Nl(s)}
+         ${Wl(s)}
          ${Mt(o)}
          ${Mt(r)}
        </head>
        <body> 
        </body>
        <script>
-       __simulator__.emitReady(${JSON.stringify(u)},
+       __simulator__.emitReady(${JSON.stringify(i)},
         ${JSON.stringify(g)}, 
     ${JSON.stringify(p)},
     ${JSON.stringify(m)}
@@ -9038,7 +9049,7 @@ class wu extends bn {
   }
   async emitReady(e = [], t = [], l = {}, a = {}) {
     this.renderer?.dispose(), this.renderer = null;
-    const o = this.contentWindow, { assets: s, service: r, current: u, provider: g } = this.engine, p = g.materials || {}, m = [];
+    const o = this.contentWindow, { assets: s, service: r, current: i, provider: g } = this.engine, p = g.materials || {}, m = [];
     for (const b of t) {
       const c = p[b] ? (await p[b]()).default : o[b];
       m.push(c);
@@ -9050,30 +9061,30 @@ class wu extends bn {
       m,
       a
     );
-    this.renderer = new _u(f, r, g, this.designer.value), u.value && this.renderer.render(u.value), this.triggerReady();
+    this.renderer = new _u(f, r, g, this.designer.value), i.value && this.renderer.render(i.value), this.triggerReady();
   }
   createEnv(e = [], t = {}, l = [], a = {}) {
-    const o = this.contentWindow, { engine: s } = this, { project: r, assets: u, provider: g } = s, p = e.reduce((C, D) => (C[D] = o[D], C), {}), m = {};
-    Object.entries(a).forEach(([C, D]) => {
-      m[C] = o[D];
+    const o = this.contentWindow, { engine: s } = this, { project: r, assets: i, provider: g } = s, p = e.reduce((C, I) => (C[I] = o[I], C), {}), m = {};
+    Object.entries(a).forEach(([C, I]) => {
+      m[C] = o[I];
     });
-    const f = {}, { groups: b, componentMap: c } = u;
+    const f = {}, { groups: b, componentMap: c } = i;
     for (const C of b.value) {
-      const D = C.names || [];
+      const I = C.names || [];
       if (C.name === yt)
-        D.forEach((O) => {
-          const $ = c.get(O), I = $?.package || "", R = Cl[I], P = p[R];
+        I.forEach((O) => {
+          const $ = c.get(O), D = $?.package || "", R = Cl[D], P = p[R];
           P && $ && (f[O] = Lt($, P));
         });
       else {
         const O = p[t[C.library || ""]];
-        O && D.forEach(($) => {
-          const I = c.get($);
-          I ? f[$] = Lt(I, O) : f[$] = O[$];
+        O && I.forEach(($) => {
+          const D = c.get($);
+          D ? f[$] = Lt(D, O) : f[$] = O[$];
         });
       }
     }
-    const { adapter: _, globals: w } = g, x = Wl(
+    const { adapter: _, globals: w } = g, x = Nl(
       r.value?.apis,
       r.value?.meta,
       _
@@ -9123,7 +9134,7 @@ class ku {
   parseGroups(e) {
     const t = [];
     for (let l of e) {
-      const { categories: a, components: o, label: s, name: r, library: u } = l;
+      const { categories: a, components: o, label: s, name: r, library: i } = l;
       if (!a || !o)
         continue;
       const g = o.filter((b) => !!b.package).map((b) => b.name), p = a.map(
@@ -9133,7 +9144,7 @@ class ku {
         label: s || r,
         count: m,
         names: g,
-        library: u,
+        library: i,
         children: p
       };
       t.push(f);
@@ -9156,7 +9167,7 @@ class ku {
     }
     if (!l) return null;
     l.name = t || l.name;
-    const { id: a, name: o, slots: s, props: r, emits: u } = l, g = (m) => {
+    const { id: a, name: o, slots: s, props: r, emits: i } = l, g = (m) => {
       const f = Array.isArray(m) ? m : [m];
       let b = [];
       for (const c of f)
@@ -9176,7 +9187,7 @@ class ku {
         type: m.type,
         setters: g(m.type)
       }),
-      events: u,
+      events: i,
       slots: s,
       from: e
     };
@@ -9186,7 +9197,7 @@ class ku {
     this.caches = {};
   }
 }
-const Wn = Symbol("VtjEngine");
+const Nn = Symbol("VtjEngine");
 class oc extends bn {
   constructor(e) {
     super(), this.options = e;
@@ -9197,7 +9208,7 @@ class oc extends bn {
       globals: o = {},
       dependencies: s,
       materials: r,
-      materialPath: u = "./",
+      materialPath: i = "./",
       adapter: g,
       install: p
     } = this.options;
@@ -9208,12 +9219,12 @@ class oc extends bn {
       service: l,
       dependencies: s,
       materials: r,
-      materialPath: u,
+      materialPath: i,
       adapter: g,
       install: p
     }), this.assets = new ku(this.service, this.provider), this.simulator = new wu({
       engine: this,
-      materialPath: u
+      materialPath: i
     }), this.bindEvents(), this.init(a), et(this.render.bind(this)), nn(this.dispose.bind(this));
   }
   app;
@@ -9241,12 +9252,12 @@ class oc extends bn {
     const e = n(this.container);
     if (e) {
       const t = ln(Su);
-      this.options.install && t.use(this.options.install, this), t.provide(Wn, Qn(this)), t.mount(e), this.app = t;
+      this.options.install && t.use(this.options.install, this), t.provide(Nn, Qn(this)), t.mount(e), this.app = t;
     } else
       Ce.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    te.on(Al, (e) => this.saveProject(e)), te.on(jl, (e) => this.saveBlockFile(e)), te.on(El, (e) => this.saveBlockFile(e)), te.on(Pl, () => this.saveMaterials()), te.on(_t, (e) => this.activeFile(e)), te.on(Il, () => this.publish()), te.on(Dl, () => this.publishCurrent()), te.on(wt, (e) => this.changeFile(e)), te.on(Je, () => this.changeCurrentFile()), te.on(Bl, (e) => this.saveHistory(e)), te.on(Rl, (e) => this.loadHistory(e));
+    te.on(Al, (e) => this.saveProject(e)), te.on(jl, (e) => this.saveBlockFile(e)), te.on(El, (e) => this.saveBlockFile(e)), te.on(Pl, () => this.saveMaterials()), te.on(_t, (e) => this.activeFile(e)), te.on(Dl, () => this.publish()), te.on(Il, () => this.publishCurrent()), te.on(wt, (e) => this.changeFile(e)), te.on(Je, () => this.changeCurrentFile()), te.on(Bl, (e) => this.saveHistory(e)), te.on(Rl, (e) => this.loadHistory(e));
   }
   async activeFile(e) {
     await we();
@@ -9377,8 +9388,8 @@ class oc extends bn {
   }
 }
 function ce() {
-  const i = xt(Wn, null);
-  return i || Ce.error("VTJEngine is not exist"), i;
+  const u = xt(Nn, null);
+  return u || Ce.error("VTJEngine is not exist"), u;
 }
 const je = E({
   name: "RegionWrapper",
@@ -9394,10 +9405,10 @@ const je = E({
     };
   },
   render() {
-    const i = Kt[this.region] || Kt.EmptyRegion;
-    return Te(i, { ...this.$props, ...this.$attrs, ref: "regionRef" });
+    const u = Kt[this.region] || Kt.EmptyRegion;
+    return Te(u, { ...this.$props, ...this.$attrs, ref: "regionRef" });
   }
-}), Ie = E({
+}), De = E({
   name: "WidgetWrapper",
   props: {
     region: {
@@ -9425,9 +9436,9 @@ const je = E({
 }), Su = E({
   name: "SkeletonWrapper",
   setup() {
-    const i = k(), e = ce(), t = k({});
+    const u = k(), e = ce(), t = k({});
     return {
-      skeletonRef: i,
+      skeletonRef: u,
       engine: e,
       widgets: t
     };
@@ -9444,32 +9455,32 @@ const je = E({
      * @param region
      * @returns
      */
-    getRegion(i) {
-      return this.skeletonRef[i.toLowerCase()];
+    getRegion(u) {
+      return this.skeletonRef[u.toLowerCase()];
     },
     /**
      * 切换应用区域折叠或展开
      */
-    toggleCollapse(i) {
+    toggleCollapse(u) {
       if (this.skeletonRef) {
         const e = this.skeletonRef.collapsed;
-        this.skeletonRef.collapsed = i ?? !e;
+        this.skeletonRef.collapsed = u ?? !e;
       }
     },
     /**
      * 控制设置区域隐藏或显示
      * @param val
      */
-    settable(i) {
-      this.skeletonRef && (this.skeletonRef.settable = i);
+    settable(u) {
+      this.skeletonRef && (this.skeletonRef.settable = u);
     },
     /**
      * 获取区域内的 widget wrapper 实例数组
      * @param region
      * @returns
      */
-    getWidgets(i) {
-      const e = this.getRegion(i);
+    getWidgets(u) {
+      const e = this.getRegion(u);
       return e ? wl(
         e.regionRef?.widgetsRef || []
       ) : [];
@@ -9479,15 +9490,15 @@ const je = E({
      * @param name
      * @returns
      */
-    getWidget(i) {
-      const e = Nn.get(i);
+    getWidget(u) {
+      const e = Wn.get(u);
       if (!e) {
-        Ce.warn(`widget [ ${i} ] is not exsit`);
+        Ce.warn(`widget [ ${u} ] is not exsit`);
         return;
       }
-      return this.getWidgets(e.region).find((l) => l.widget.name === i);
+      return this.getWidgets(e.region).find((l) => l.widget.name === u);
     },
-    openPreview(i) {
+    openPreview(u) {
       this.skeletonRef && (this.skeletonRef.isPreview = !0);
     },
     closePreview() {
@@ -9563,16 +9574,16 @@ const je = E({
       } : e);
     },
     defaultSetter() {
-      const { value: i, computedSetters: e } = this;
-      let t = typeof i;
-      t === "Object" && (Array.isArray(i) ? t = "Array" : Le(i) ? t = "Object" : Ul(i) && (t = "Function"));
+      const { value: u, computedSetters: e } = this;
+      let t = typeof u;
+      t === "Object" && (Array.isArray(u) ? t = "Array" : Le(u) ? t = "Object" : Ul(u) && (t = "Function"));
       const l = Ze.getByType(t) || [];
       return l.length ? (e.find((a) => l.includes(a.name)) || e[0])?.name : e[0]?.name;
     }
   },
   render() {
     const {
-      context: i,
+      context: u,
       current: e,
       name: t,
       label: l,
@@ -9580,21 +9591,21 @@ const je = E({
       value: o,
       computedSetters: s,
       computedOptions: r,
-      variable: u,
+      variable: i,
       changeValue: g,
       defaultSetter: p,
       removable: m,
       onRemove: f
     } = this;
-    return Te(Iu, {
-      context: i,
+    return Te(Du, {
+      context: u,
       current: e,
       name: t,
       label: l,
       title: a,
       setters: s,
       defaultSetter: p,
-      variable: u,
+      variable: i,
       value: o,
       removable: m,
       options: r,
@@ -9604,14 +9615,14 @@ const je = E({
   },
   emits: ["change", "remove"],
   methods: {
-    getSetter(i) {
-      return typeof i == "string" ? Ze.get(i) || Ze.defaultSetter : i;
+    getSetter(u) {
+      return typeof u == "string" ? Ze.get(u) || Ze.defaultSetter : u;
     },
-    changeValue(i) {
-      this.$emit("change", this.name, i);
+    changeValue(u) {
+      this.$emit("change", this.name, u);
     },
-    onRemove(i) {
-      this.$emit("remove", i);
+    onRemove(u) {
+      this.$emit("remove", u);
     }
   }
 }), xu = /* @__PURE__ */ E({
@@ -9623,30 +9634,30 @@ const je = E({
     rightWidth: { default: "350px" },
     footerHeight: { default: "20px" }
   },
-  setup(i, { expose: e }) {
-    const t = i, l = k(!1), a = k(parseInt(t.leftWidth)), o = k(parseInt(t.rightWidth)), s = {
+  setup(u, { expose: e }) {
+    const t = u, l = k(!1), a = k(parseInt(t.leftWidth)), o = k(parseInt(t.rightWidth)), s = {
       dirs: ["e"],
       maxWidth: 600,
       minWidth: 49,
-      onResizing(C, D) {
-        a.value = D.elementWidth.value;
+      onResizing(C, I) {
+        a.value = I.elementWidth.value;
       },
-      onEnd(C, D) {
-        a.value = D.elementWidth.value;
+      onEnd(C, I) {
+        a.value = I.elementWidth.value;
       }
     }, r = {
       dirs: ["w"],
       maxWidth: 600,
       minWidth: 2,
-      onResizing(C, D) {
-        o.value = D.elementWidth.value;
+      onResizing(C, I) {
+        o.value = I.elementWidth.value;
       },
-      onEnd(C, D) {
-        o.value = D.elementWidth.value;
+      onEnd(C, I) {
+        o.value = I.elementWidth.value;
       }
-    }, u = k(), g = k(), p = k(), m = k(), f = k(), b = k(), c = k(), _ = k(), w = k(!1), x = k(!1);
+    }, i = k(), g = k(), p = k(), m = k(), f = k(), b = k(), c = k(), _ = k(), w = k(!1), x = k(!1);
     return e({
-      brand: u,
+      brand: i,
       toolbar: g,
       actions: p,
       apps: m,
@@ -9659,7 +9670,7 @@ const je = E({
       rightWidth: o,
       preview: _,
       isPreview: l
-    }), (C, D) => (d(), y(n(cl), { locale: n(vl) }, {
+    }), (C, I) => (d(), y(n(cl), { locale: n(vl) }, {
       default: h(() => [
         v(n(Ot), { class: "v-skeleton" }, {
           default: h(() => [
@@ -9670,7 +9681,7 @@ const je = E({
               default: h(() => [
                 v(n(je), {
                   ref_key: "brand",
-                  ref: u,
+                  ref: i,
                   region: "Brand"
                 }, null, 512),
                 v(n(je), {
@@ -9705,7 +9716,7 @@ const je = E({
                   ]),
                   _: 1
                 }, 8, ["width", "class"])), [
-                  [n(Nt), s]
+                  [n(Wt), s]
                 ]),
                 v(n(pl), { class: "v-skeleton__main" }, {
                   default: h(() => [
@@ -9721,7 +9732,7 @@ const je = E({
                       ref: f,
                       region: "Workspace"
                     }, null, 512), [
-                      [De, !l.value]
+                      [Ie, !l.value]
                     ])
                   ]),
                   _: 1
@@ -9740,8 +9751,8 @@ const je = E({
                   ]),
                   _: 1
                 }, 8, ["width"])), [
-                  [De, x.value],
-                  [n(Nt), r]
+                  [Ie, x.value],
+                  [n(Wt), r]
                 ])
               ]),
               _: 1
@@ -9770,7 +9781,7 @@ const je = E({
 }), Cu = ["title"], Vu = { class: "v-setter__content" }, Au = {
   key: 0,
   class: "v-setter__input"
-}, ju = { class: "v-setter__action" }, Eu = "{{", Pu = "}}", Iu = /* @__PURE__ */ E({
+}, ju = { class: "v-setter__action" }, Eu = "{{", Pu = "}}", Du = /* @__PURE__ */ E({
   __name: "setter",
   props: {
     context: {},
@@ -9786,10 +9797,10 @@ const je = E({
     removable: { type: Boolean }
   },
   emits: ["change", "remove"],
-  setup(i, { emit: e }) {
-    const t = i, l = e, a = k(!1), o = k(""), s = k(
+  setup(u, { emit: e }) {
+    const t = u, l = e, a = k(!1), o = k(""), s = k(
       t.setters.find((x) => x.name === t.defaultSetter) || t.setters[0]
-    ), r = k(t.value), u = S(() => !!Le(r.value)), g = {
+    ), r = k(t.value), i = S(() => !!Le(r.value)), g = {
       [s.value.name]: r.value
     }, p = (x) => {
       g[s.value.name] = r.value, s.value = x, r.value = g[x.name] ?? void 0, m(r.value);
@@ -9841,18 +9852,18 @@ const je = E({
       default: h(() => [
         V("div", Vu, [
           s.value ? (d(), A("div", Au, [
-            u.value ? j("", !0) : (d(), y(Yt(s.value.component), re({
+            i.value ? j("", !0) : (d(), y(Yt(s.value.component), re({
               key: 0,
               current: t.current,
               context: t.context
             }, s.value.props, {
               options: t.options,
               modelValue: r.value,
-              "onUpdate:modelValue": C[0] || (C[0] = (D) => r.value = D),
+              "onUpdate:modelValue": C[0] || (C[0] = (I) => r.value = I),
               onChange: m,
-              disabled: u.value
+              disabled: i.value
             }), null, 16, ["current", "context", "options", "modelValue", "disabled"])),
-            u.value ? (d(), y(n(ye), {
+            i.value ? (d(), y(n(ye), {
               key: 1,
               class: "v-expression-setter",
               disabled: "",
@@ -9871,12 +9882,12 @@ const je = E({
             t.variable ? (d(), y(n(xs), {
               key: 0,
               onClick: b,
-              class: H(["v-icon-vars", { "is-active": u.value }]),
+              class: H(["v-icon-vars", { "is-active": i.value }]),
               title: "绑定变量"
             }, null, 8, ["class"])) : j("", !0),
             t.setters.length > 1 ? (d(), y(n(on), {
               key: 1,
-              disabled: u.value,
+              disabled: i.value,
               size: "small",
               "popper-class": "v-setter-switch",
               onCommand: p
@@ -9884,17 +9895,17 @@ const je = E({
               dropdown: h(() => [
                 v(n(rn), null, {
                   default: h(() => [
-                    (d(!0), A(T, null, N(t.setters, (D) => (d(), y(n(ft), {
-                      command: D,
-                      key: D.name
+                    (d(!0), A(T, null, W(t.setters, (I) => (d(), y(n(ft), {
+                      command: I,
+                      key: I.name
                     }, {
                       default: h(() => [
                         v(n(Sn), {
                           class: H({
-                            "is-placeholder": D.name !== s.value.name
+                            "is-placeholder": I.name !== s.value.name
                           })
                         }, null, 8, ["class"]),
-                        G(" " + z(D.label), 1)
+                        G(" " + z(I.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["command"]))), 128))
@@ -9920,7 +9931,7 @@ const je = E({
           context: t.context,
           value: o.value,
           modelValue: a.value,
-          "onUpdate:modelValue": C[1] || (C[1] = (D) => a.value = D),
+          "onUpdate:modelValue": C[1] || (C[1] = (I) => a.value = I),
           submitMethod: _,
           onUnbind: w
         }, null, 8, ["current", "context", "value", "modelValue"])) : j("", !0)
@@ -9928,14 +9939,14 @@ const je = E({
       _: 1
     }));
   }
-}), Du = { class: "v-empty-region" }, Bu = /* @__PURE__ */ E({
+}), Iu = { class: "v-empty-region" }, Bu = /* @__PURE__ */ E({
   name: "EmptyRegion",
   __name: "empty",
   props: {
     region: {}
   },
-  setup(i) {
-    return (e, t) => (d(), A("div", Du, "找不到符合【" + z(e.region) + "】名称的区域组件", 1));
+  setup(u) {
+    return (e, t) => (d(), A("div", Iu, "找不到符合【" + z(e.region) + "】名称的区域组件", 1));
   }
 }), Ru = { class: "v-brand-region" }, $u = /* @__PURE__ */ E({
   name: "BrandRegion",
@@ -9944,13 +9955,13 @@ const je = E({
   props: {
     region: {}
   },
-  setup(i, { expose: e }) {
-    const t = i, { widgets: l, widgetsRef: a } = Pe(t.region);
+  setup(u, { expose: e }) {
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Ru, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
+      (d(!0), A(T, null, W(n(l), (r) => (d(), y(n(De), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -9966,13 +9977,13 @@ const je = E({
     region: {},
     preview: { type: Boolean }
   },
-  setup(i, { expose: e }) {
-    const t = i, { widgets: l, widgetsRef: a } = Pe(t.region);
+  setup(u, { expose: e }) {
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Tu, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
+      (d(!0), A(T, null, W(n(l), (r) => (d(), y(n(De), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -9989,13 +10000,13 @@ const je = E({
   props: {
     region: {}
   },
-  setup(i, { expose: e }) {
-    const t = i, { widgets: l, widgetsRef: a } = Pe(t.region);
+  setup(u, { expose: e }) {
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Ou, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
+      (d(!0), A(T, null, W(n(l), (r) => (d(), y(n(De), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -10004,7 +10015,7 @@ const je = E({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), Nu = { class: "v-apps-region" }, Wu = { class: "v-apps-region__header" }, Ju = { class: "v-apps-region__top" }, Mu = { class: "v-apps-region__bottom" }, Lu = { class: "v-apps-region__panels" }, Uu = /* @__PURE__ */ E({
+}), Wu = { class: "v-apps-region" }, Nu = { class: "v-apps-region__header" }, Ju = { class: "v-apps-region__top" }, Mu = { class: "v-apps-region__bottom" }, Lu = { class: "v-apps-region__panels" }, Uu = /* @__PURE__ */ E({
   name: "AppsRegion",
   inheritAttrs: !1,
   __name: "apps",
@@ -10012,8 +10023,8 @@ const je = E({
     region: {},
     index: { default: 0 }
   },
-  setup(i, { expose: e }) {
-    const t = i, l = ce(), { widgets: a, widgetsRef: o } = Pe(t.region), s = S(() => a.value.filter((c) => c.openType === "panel")), r = S(() => a.value.filter((c) => c.openType !== "panel")), u = s.value[t.index], g = k(u), p = k(u), m = (c) => {
+  setup(u, { expose: e }) {
+    const t = u, l = ce(), { widgets: a, widgetsRef: o } = Pe(t.region), s = S(() => a.value.filter((c) => c.openType === "panel")), r = S(() => a.value.filter((c) => c.openType !== "panel")), i = s.value[t.index], g = k(i), p = k(i), m = (c) => {
       g.value = c, p.value = p.value?.name === c.name ? null : c;
     }, f = (c) => {
       c.openType === "link" && c.url && window.open(c.url), c.openType === "dialog" && hl({
@@ -10032,10 +10043,10 @@ const je = E({
         const _ = s.value.find((w) => w.name === c);
         g.value = _, p.value = _;
       }
-    }), (c, _) => (d(), A("div", Nu, [
-      V("div", Wu, [
+    }), (c, _) => (d(), A("div", Wu, [
+      V("div", Nu, [
         V("div", Ju, [
-          (d(!0), A(T, null, N(s.value, (w) => (d(), y(n(Gt), {
+          (d(!0), A(T, null, W(s.value, (w) => (d(), y(n(Gt), {
             key: `icon-${w.name}`,
             icon: w.icon,
             label: w.label,
@@ -10045,7 +10056,7 @@ const je = E({
           }, null, 8, ["icon", "label", "active", "open", "onClick"]))), 128))
         ]),
         V("div", Mu, [
-          (d(!0), A(T, null, N(r.value, (w) => (d(), y(n(Gt), {
+          (d(!0), A(T, null, W(r.value, (w) => (d(), y(n(Gt), {
             key: `icon-${w.name}`,
             icon: w.icon,
             label: w.label,
@@ -10054,10 +10065,10 @@ const je = E({
         ])
       ]),
       V("div", Lu, [
-        (d(!0), A(T, null, N(s.value, (w) => (d(), y(an, {
+        (d(!0), A(T, null, W(s.value, (w) => (d(), y(an, {
           key: w.name
         }, [
-          g.value?.name === w.name ? (d(), y(n(Ie), {
+          g.value?.name === w.name ? (d(), y(n(De), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -10075,8 +10086,8 @@ const je = E({
   props: {
     region: {}
   },
-  setup(i, { expose: e }) {
-    const t = i, { widgets: l, widgetsRef: a } = Pe(t.region), o = qe(
+  setup(u, { expose: e }) {
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region), o = qe(
       l.value.map((c) => ({
         name: c.name,
         command: c.name,
@@ -10089,15 +10100,15 @@ const je = E({
     ), s = S(() => o?.filter((c) => !c.closable || c.checked)), r = S(() => o.map((c) => ({
       ...c,
       disabled: !c.closable
-    }))), u = k(s.value[0]?.name), g = S(() => o.find((_) => _.name === u.value)?.props || {}), p = (c) => {
+    }))), i = k(s.value[0]?.name), g = S(() => o.find((_) => _.name === i.value)?.props || {}), p = (c) => {
       const _ = o.find((w) => w.name === c);
-      _ && (_.checked = !1), u.value === c && (u.value = s.value[0]?.name);
+      _ && (_.checked = !1), i.value === c && (i.value = s.value[0]?.name);
     }, m = (c) => {
       const _ = o.find((w) => w.name === c.name);
-      _ && _.closable && (_.checked = !_.checked, _.checked && (u.value = _.name), !_.checked && u.value === _.name && (u.value = s.value[0]?.name));
+      _ && _.closable && (_.checked = !_.checked, _.checked && (i.value = _.name), !_.checked && i.value === _.name && (i.value = s.value[0]?.name));
     }, f = (c, _ = {}) => {
       const w = o.find((x) => x.name === c);
-      w && (w.props = Object.assign({}, w.props, _), w.checked = !0, u.value = w.name);
+      w && (w.props = Object.assign({}, w.props, _), w.checked = !0, i.value = w.name);
     }, b = (c) => {
       if (a.value) {
         const _ = a.value[0]?.widgetRef;
@@ -10110,7 +10121,7 @@ const je = E({
       }
     };
     return e({
-      currentTab: u,
+      currentTab: i,
       widgets: l,
       widgetsRef: a,
       openTab: f
@@ -10118,18 +10129,18 @@ const je = E({
       class: "v-workspace-region",
       items: s.value,
       menus: r.value,
-      modelValue: u.value,
-      "onUpdate:modelValue": _[0] || (_[0] = (w) => u.value = w),
+      modelValue: i.value,
+      "onUpdate:modelValue": _[0] || (_[0] = (w) => i.value = w),
       checkable: "",
       onRemove: p,
       onCommand: m,
       onActionClick: b
     }, {
       default: h(() => [
-        (d(!0), A(T, null, N(n(l), (w) => (d(), A(T, {
+        (d(!0), A(T, null, W(n(l), (w) => (d(), A(T, {
           key: w.name
         }, [
-          u.value === w.name ? (d(), y(n(Ie), {
+          i.value === w.name ? (d(), y(n(De), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -10148,10 +10159,10 @@ const je = E({
   props: {
     region: {}
   },
-  setup(i, { expose: e }) {
-    const t = i, l = ce(), { current: a } = ie(), { selected: o, isSelectBlock: s } = ke(), r = S(
+  setup(u, { expose: e }) {
+    const t = u, l = ce(), { current: a } = ie(), { selected: o, isSelectBlock: s } = ke(), r = S(
       () => s.value ? fe.Block : fe.Node
-    ), { widgets: u, widgetsRef: g } = Pe(t.region, r), p = k(), m = k(!1), f = S(() => u.value.map((w) => ({
+    ), { widgets: i, widgetsRef: g } = Pe(t.region, r), p = k(), m = k(!1), f = S(() => i.value.map((w) => ({
       name: w.name,
       label: w.label,
       actions: w.name === "Style" ? [
@@ -10187,7 +10198,7 @@ const je = E({
       w.name === "switch" && (m.value = !m.value);
     };
     return e({
-      widgets: u,
+      widgets: i,
       widgetsRef: g
     }), (w, x) => n(a) ? (d(), y(n(M), {
       key: 0,
@@ -10243,16 +10254,16 @@ const je = E({
               onActionClick: _
             }, {
               default: h(() => [
-                (d(!0), A(T, null, N(n(u), (C) => (d(), A(T, {
+                (d(!0), A(T, null, W(n(i), (C) => (d(), A(T, {
                   key: C.name
                 }, [
-                  p.value === C.name ? (d(), y(n(Ie), {
+                  p.value === C.name ? (d(), y(n(De), {
                     key: 0,
                     ref_for: !0,
                     ref_key: "widgetsRef",
                     ref: g,
                     region: w.region,
-                    widget: n(It)({ props: { isStyleCodeMode: m.value } }, C)
+                    widget: n(Dt)({ props: { isStyleCodeMode: m.value } }, C)
                   }, null, 8, ["region", "widget"])) : j("", !0)
                 ], 64))), 128))
               ]),
@@ -10281,13 +10292,13 @@ const je = E({
   props: {
     region: {}
   },
-  setup(i, { expose: e }) {
-    const t = i, { widgets: l, widgetsRef: a } = Pe(t.region);
+  setup(u, { expose: e }) {
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Gu, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
+      (d(!0), A(T, null, W(n(l), (r) => (d(), y(n(De), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -10302,36 +10313,36 @@ const je = E({
   props: {
     region: {}
   },
-  setup(i, { expose: e }) {
-    const t = i, { widgets: l, widgetsRef: a } = Pe(t.region), o = qe(
-      l.value.map((u) => ({
-        name: u.name,
-        command: u.name,
-        label: u.label,
-        closable: !!u.closable,
+  setup(u, { expose: e }) {
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region), o = qe(
+      l.value.map((i) => ({
+        name: i.name,
+        command: i.name,
+        label: i.label,
+        closable: !!i.closable,
         checked: !1
       }))
-    ), s = S(() => o.filter((u) => !u.closable || u.checked)), r = k(s.value[0]?.name);
+    ), s = S(() => o.filter((i) => !i.closable || i.checked)), r = k(s.value[0]?.name);
     return e({
       currentTab: r,
       widgets: l,
       widgetsRef: a
-    }), (u, g) => (d(), y(n(st), {
+    }), (i, g) => (d(), y(n(st), {
       class: "v-workspace-region",
       items: s.value,
       modelValue: r.value,
       "onUpdate:modelValue": g[0] || (g[0] = (p) => r.value = p)
     }, {
       default: h(() => [
-        (d(!0), A(T, null, N(n(l), (p) => (d(), y(an, {
+        (d(!0), A(T, null, W(n(l), (p) => (d(), y(an, {
           key: p.name
         }, [
-          r.value === p.name ? (d(), y(n(Ie), {
+          r.value === p.name ? (d(), y(n(De), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
             ref: a,
-            region: u.region,
+            region: i.region,
             widget: p
           }, null, 8, ["region", "widget"])) : j("", !0)
         ], 1024))), 128))
@@ -10351,12 +10362,12 @@ const je = E({
   Preview: Qu
 };
 export {
-  Is as API_METHOD_TYPES,
+  Ds as API_METHOD_TYPES,
   ku as Assets,
   Tt as Binder,
   St as Box,
   yu as Designer,
-  Ds as EVENT_MODIFIERS,
+  Is as EVENT_MODIFIERS,
   le as Editor,
   oc as Engine,
   mr as EventBinder,
@@ -10371,7 +10382,7 @@ export {
   Bs as RegionType,
   je as RegionWrapper,
   _u as Renderer,
-  Iu as SetterView,
+  Du as SetterView,
   J as SetterWrapper,
   wu as Simulator,
   xu as Skeleton,
@@ -10383,16 +10394,16 @@ export {
   Ro as Viewer,
   Tn as Viewport,
   fe as WidgetGroup,
-  Ie as WidgetWrapper,
+  De as WidgetWrapper,
   Ji as builtInDeps,
   qi as builtInMaterials,
   mu as builtInSetters,
-  Wi as builtInWidgets,
+  Ni as builtInWidgets,
   Oe as confirm,
   bu as createSlotsPicker,
   pu as defaultSetter,
   fu as depsManager,
-  Wn as engineKey,
+  Nn as engineKey,
   oe as expressionValidate,
   Ms as getClassProperties,
   de as message,
@@ -10402,6 +10413,6 @@ export {
   Ze as setterManager,
   Z as setters,
   ce as useEngine,
-  Nn as widgetManager,
+  Wn as widgetManager,
   Q as widgets
 };