@vtj/designer 0.9.0-alpha.12 → 0.9.0-alpha.14

package/dist/index.mjs

@@ -1,11 +1,11 @@
 var il = Object.defineProperty;
 var ul = (u, e, t) => e in u ? il(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
 var F = (u, e, t) => ul(u, typeof e != "symbol" ? e + "" : e, t);
-import { computed as x, unref as n, ref as S, reactive as qe, watchEffect as cl, watch as M, toValue as Et, defineComponent as E, openBlock as d, createElementBlock as j, toDisplayString as L, createVNode as v, withCtx as y, createElementVNode as V, createBlock as w, createCommentVNode as A, createTextVNode as G, mergeProps as ue, readonly as dl, getCurrentScope as pl, onScopeDispose as ml, onMounted as gt, nextTick as Ce, getCurrentInstance as fn, shallowRef as Qe, toRaw as hn, Fragment as z, renderList as W, normalizeClass as K, defineAsyncComponent as vl, h as Je, resolveDynamicComponent as bn, createSlots as gl, withDirectives as Ee, vShow as Le, renderSlot as Ve, withModifiers as Me, isRef as Dt, normalizeStyle as rt, inject as Rt, provide as fl, normalizeProps as yn, guardReactiveProps as _n, withKeys as it, onUnmounted as wn, markRaw as It, createApp as kn, shallowReactive as hl, triggerRef as Pe, KeepAlive as Sn } from "vue";
-import { ElNotification as Ot, ElMessageBox as Be, ElMessage as De, ElButton as re, ElDivider as zt, ElRadioGroup as xn, ElRadioButton as ut, ElButtonGroup as bl, ElImage as Cn, ElDropdown as Vn, ElDropdownMenu as An, ElDropdownItem as ct, ElInput as be, ElEmpty as ie, ElAlert as Ft, ElTooltip as jn, ElTag as En, ElSwitch as Dn, ElTree as Lt, ElCollapse as ft, ElCollapseItem as ht, ElRow as pt, ElCol as mt, ElDrawer as In, ElForm as we, ElFormItem as Pn, ElBreadcrumb as yl, ElBreadcrumbItem as _l, ElLoading as wl, vLoading as kl, ElAvatar as Sl, ElSelect as xl, ElOption as Cl, ElInputNumber as Vl, ElColorPicker as Al, ElUpload as jl, ElSlider as El, ElConfigProvider as Dl, ElContainer as en, ElHeader as Il, ElAside as tn, ElMain as Pl, ElFooter as Tl } from "element-plus";
+import { computed as x, unref as n, ref as S, reactive as qe, watchEffect as cl, watch as M, toValue as Et, defineComponent as E, openBlock as d, createElementBlock as j, toDisplayString as L, createVNode as v, withCtx as y, createElementVNode as V, createBlock as w, createCommentVNode as A, createTextVNode as G, mergeProps as ue, readonly as dl, getCurrentScope as pl, onScopeDispose as ml, onMounted as gt, nextTick as Ce, getCurrentInstance as fn, shallowRef as Qe, toRaw as hn, Fragment as z, renderList as W, normalizeClass as K, defineAsyncComponent as vl, h as Je, resolveDynamicComponent as bn, createSlots as gl, withDirectives as Ee, vShow as Le, renderSlot as Ve, withModifiers as Me, isRef as Dt, normalizeStyle as rt, inject as Rt, provide as fl, normalizeProps as yn, guardReactiveProps as _n, withKeys as it, onUnmounted as wn, markRaw as It, createApp as kn, shallowReactive as hl, triggerRef as Te, KeepAlive as Sn } from "vue";
+import { ElNotification as Ot, ElMessageBox as De, ElMessage as Ie, ElButton as re, ElDivider as zt, ElRadioGroup as xn, ElRadioButton as ut, ElButtonGroup as bl, ElImage as Cn, ElDropdown as Vn, ElDropdownMenu as An, ElDropdownItem as ct, ElInput as be, ElEmpty as ie, ElAlert as Ft, ElTooltip as jn, ElTag as En, ElSwitch as Dn, ElTree as Lt, ElCollapse as ft, ElCollapseItem as ht, ElRow as pt, ElCol as mt, ElDrawer as In, ElForm as we, ElFormItem as Pn, ElBreadcrumb as yl, ElBreadcrumbItem as _l, ElLoading as wl, vLoading as kl, ElAvatar as Sl, ElSelect as xl, ElOption as Cl, ElInputNumber as Vl, ElColorPicker as Al, ElUpload as jl, ElSlider as El, ElConfigProvider as Dl, ElContainer as en, ElHeader as Il, ElAside as tn, ElMain as Pl, ElFooter as Tl } from "element-plus";
 import $l from "element-plus/es/locale/lang/zh-cn";
 import { XDialogForm as Ae, XField as I, XIcon as Re, XDialog as Oe, XPanel as bt, XAction as ge, XTabs as Wt, XContainer as q, XForm as Nt, XAttachment as Bl, XActionBar as Rl, XInputUnit as Tn, vResizable as nn, createDialog as Ol } from "@vtj/ui";
-import { jsonp as Ne, groupBy as yt, dataURLtoBlob as zl, delay as Mt, upperFirstCamelCase as $n, toRawType as Ct, cloneDeep as _t, logger as Ie, isPlainObject as Fl, fileToBase64 as Ll, merge as Jt, debounce as Wl, arrayToMap as Nl, toArray as Ml } from "@vtj/utils";
+import { jsonp as Ne, groupBy as yt, dataURLtoBlob as zl, delay as Mt, upperFirstCamelCase as $n, toRawType as Ct, cloneDeep as _t, logger as Pe, isPlainObject as Fl, fileToBase64 as Ll, merge as Jt, debounce as Wl, arrayToMap as Nl, toArray as Ml } from "@vtj/utils";
 import { isBlock as ne, DirectiveModel as Bn, createNodeFrom as Jl, BUILT_IN_VUE as Ul, BUILT_IN_VUE_ROUTER as ql, BUILT_IN_NAME as Pt, emitter as oe, EVENT_PROJECT_ACTIVED as Tt, EVENT_NODE_CHANGE as Ye, NodeModel as ln, EVENT_BLOCK_CHANGE as $t, Base as Rn, BUILT_IN_LIBRARAY_MAP as Hl, ProjectModel as Gl, EVENT_PROJECT_CHANGE as Kl, EVENT_PROJECT_BLOCKS_CHANGE as Xl, EVENT_PROJECT_PAGES_CHANGE as Ql, EVENT_PROJECT_DEPS_CHANGE as Yl, EVENT_PROJECT_PUBLISH as Zl, EVENT_PROJECT_FILE_PUBLISH as ea, EVENT_HISTORY_CHANGE as ta, EVENT_HISTORY_LOAD as na, BlockModel as an, HistoryModel as la } from "@vtj/core";
 import { parseExpression as Ze, parseFunction as aa, JSCodeToString as Ue, LIFE_CYCLES_LIST as sa, DATA_TYPES as oa, isJSExpression as et, ContextMode as On, parseDeps as ra, createAssetsCss as ia, createAssetScripts as sn, getRawComponent as on, createSchemaApis as ua, mockCleanup as ca, mockApis as da, Provider as pa, isJSFunction as ma } from "@vtj/renderer";
 import { VtjIconBack as va, VtjIconPc as ga, VtjIconPhone as fa, VtjIconPad as ha, VtjIconUndo as ba, VtjIconRedo as ya, VtjIconTemplate as Ut, VtjIconPreview as _a, VtjIconRefresh as zn, VtjIconSetting as Fn, VtjIconPublish as wa, VtjIconProject as ka, icons as Bt, ArrowDown as Ln, Search as nt, CopyDocument as Sa, Back as xa, VtjIconPlus as Wn, EditPen as Ca, Delete as Nn, VtjIconSave as Va, ArrowUp as Aa, MoreFilled as lt, VtjIconCheck as Mn, VtjIconCopy as qt, VtjIconEdit as Jn, VtjIconRemove as wt, VtjIconLock as Un, VtjIconUnlock as ja, VtjIconInvisible as qn, VtjIconVisible as Ea, VtjIconHome as Da, VtjIconShare as Ia, VtjIconComponents as Hn, Files as Pa, VtjIconSearch as Ta, VtjIconHelp as Gn, VtjIconLayers as Kn, Rank as $a, VtjIconArrowUp as Ba, VtjIconArrowDown as Ra, IconDisplayBlock as Oa, IconDisplayFlex as za, IconDisplayInlineBlock as Fa, IconDisplayInline as La, IconEyeInvisible as Wa, IconFlexDirectionrow as Na, IconFlexDirectionrowReverse as Ma, IconFlexDirectioncolumn as Ja, IconFlexDirectioncolumnReverse as Ua, IconFlexJustifyflexStartrow as qa, IconFlexJustifyflexEndrow as Ha, IconFlexJustifycenterrow as Ga, IconFlexJustifyspaceBetweenrow as Ka, IconFlexJustifyspaceAroundrow as Xa, IconFlexAlignflexStartrow as Qa, IconFlexAlignflexEndrow as Ya, IconFlexAligncenterrow as Za, IconFlexAlignbaselinerow as es, IconFlexAlignstretchrow as ts, IconPositionTopLeft as ns, IconPositionTopRight as ls, IconPositionBottomLeft as as, IconPositionBottomRight as ss, IconPositionLeft as os, IconPositionRight as rs, IconPositionTop as is, IconPositionBottom as us, IconPositionAll as cs, IconTextAlignLeft as ds, IconTextAlignCenter as ps, IconTextAlignRight as ms, IconTextAlignJustify as vs, IconFontStyleNone as gs, IconFontStyleItalic as fs, IconCross as Xn, IconTextDecorationUnderline as hs, IconTextDecorationStrike as bs, IconTextDecorationOverline as ys, IconTileXy as _s, IconTileX as ws, IconTileY as ks, IconClose as Ss, IconBorderAll as xs, IconBorderLeft as Cs, IconBorderTop as Vs, IconBorderBottom as As, IconBorderRight as js, IconBorderStyleSolid as Es, IconBorderStyleDashed as Ds, IconBorderStyleDotted as Is, IconCursorAuto as Ps, IconCursorPointer as Ts, IconCursorNotAllowed as $s, IconCursorNone as Bs, ArrowRight as Rs, Download as Os, UserFilled as zs, VtjIconDocument as Fs, VtjIconBlock as Ls, VtjIconOutline as Ws, VtjIconHistory as Ns, VtjIconApi as Ms, VtjIconCategory as Js, HomeFilled as Us, Plus as qs, Close as Hs, VtjIconVars as Gs, VtjIconSwitch as Ks, Switch as Xs } from "@vtj/icons";
@@ -15,10 +15,10 @@ import Ys from "mockjs";
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.0-alpha.12
+ * @version 0.9.0-alpha.14
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Zs = "0.9.0-alpha.12", rn = {
+const Zs = "0.9.0-alpha.14", rn = {
   width: 390,
   height: 844
 }, un = {
@@ -69,8 +69,8 @@ function Ht(u = 160) {
   const e = ce();
   return {
     span: x(() => {
-      const s = e.skeleton?.skeletonRef.leftWidth || 350, o = Math.max(Math.floor(s / u), 1);
-      return Math.floor(24 / o);
+      const o = e.skeleton?.skeletonRef.leftWidth || 350, s = Math.max(Math.floor(o / u), 1);
+      return Math.floor(24 / s);
     }),
     engine: e
   };
@@ -84,26 +84,26 @@ function io() {
 }
 const uo = (u = []) => u.map((e) => e.name);
 function co() {
-  const u = ce(), { components: e, groups: t, componentMap: l } = u.assets, a = qe({}), s = x(() => {
+  const u = ce(), { components: e, groups: t, componentMap: l } = u.assets, a = qe({}), o = x(() => {
     const m = {};
     return t.value && t.value.forEach((f) => {
       m[f.name] = f;
     }), m;
-  }), o = x(() => t.value ? t.value.map((m) => ({
+  }), s = x(() => t.value ? t.value.map((m) => ({
     label: `${m.label} (${m.count})`,
     name: m.name,
     disabled: !m.children?.length
-  })) : []), r = S(o.value[0]?.name), c = S(""), h = x(() => s.value[r.value]);
+  })) : []), r = S(s.value[0]?.name), c = S(""), h = x(() => o.value[r.value]);
   cl(() => {
-    const m = o.value.reduce(
+    const m = s.value.reduce(
       (f, _) => (f[_.name] = uo(
-        s.value[_.name].children
+        o.value[_.name].children
       ), f),
       {}
     );
     Object.assign(a, m);
   }), M(
-    o,
+    s,
     (m) => {
       m.length && !r.value && (r.value = m[0].name);
     },
@@ -117,8 +117,8 @@ function co() {
     components: e,
     groups: t,
     componentMap: l,
-    groupMap: s,
-    tabs: o,
+    groupMap: o,
+    tabs: s,
     model: a,
     currentTab: r,
     currentGroup: h,
@@ -136,33 +136,33 @@ function me() {
   };
 }
 function po(u, e, t, l, a) {
-  const s = ce();
-  s.simulator.init(u, e, t, l, a);
-  const o = x(() => s.simulator.designer.value), r = x(
-    () => Vt("hover", o.value?.hover.value)
+  const o = ce();
+  o.simulator.init(u, e, t, l, a);
+  const s = x(() => o.simulator.designer.value), r = x(
+    () => Vt("hover", s.value?.hover.value)
   ), c = x(
-    () => Vt("dropping", o.value?.dropping.value)
+    () => Vt("dropping", s.value?.dropping.value)
   ), h = x(
-    () => Vt("selected", o.value?.selected.value)
+    () => Vt("selected", s.value?.selected.value)
   );
-  return M(s.changed, () => {
-    o.value?.updateRect();
+  return M(o.changed, () => {
+    s.value?.updateRect();
   }), {
-    designer: o,
+    designer: s,
     dropping: c,
     hover: r,
     selected: h
   };
 }
 function mo(u, e = !0) {
-  const { top: t, height: l, width: a, left: s } = u || {};
+  const { top: t, height: l, width: a, left: o } = u || {};
   if (l > 100 && a > 200)
     return "inner";
-  let o, r;
-  return r = t > 30 ? "top" : "bottom", o = e || s < 300 && a < 300 ? "left" : "right", [o, r].join("-");
+  let s, r;
+  return r = t > 30 ? "top" : "bottom", s = e || o < 300 && a < 300 ? "left" : "right", [s, r].join("-");
 }
 function vo(u) {
-  const { rect: e, type: t } = u, { left: l, width: a, top: s, height: o } = e, r = { left: l, width: a, top: s, height: o };
+  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;
@@ -181,16 +181,16 @@ function vo(u) {
 }
 function Vt(u, e) {
   if (!e) return null;
-  const { left: t, top: l, width: a, height: s } = u === "dropping" ? vo(e) : e.rect, o = {
+  const { left: t, top: l, width: a, height: o } = u === "dropping" ? vo(e) : e.rect, s = {
     left: `${t}px`,
     top: `${l}px`,
     width: `${a}px`,
-    height: `${s}px`,
-    visibility: a || s ? "visible" : "hidden"
+    height: `${o}px`,
+    visibility: a || o ? "visible" : "hidden"
   };
   return {
     ...e,
-    style: o,
+    style: s,
     position: mo(e.rect, u !== "selected")
   };
 }
@@ -206,10 +206,10 @@ function xe() {
   };
 }
 function go(u, e) {
-  const t = S(""), { selected: l, isSelectBlock: a } = xe(), s = x(() => l.value?.model.id), o = x(() => {
+  const t = S(""), { selected: l, isSelectBlock: a } = xe(), o = x(() => l.value?.model.id), s = x(() => {
     const c = Et(u), h = Et(e), p = [];
     if (!c) return p;
-    const m = h?.__contextRefs[s.value || ""], _ = h === m || a.value ? [] : Object.keys(m?.context || {}).filter((O) => !["context", "ref"].includes(O)).map((O) => `this.context.${O}`);
+    const m = h?.__contextRefs[o.value || ""], _ = h === m || a.value ? [] : Object.keys(m?.context || {}).filter((O) => !["context", "ref"].includes(O)).map((O) => `this.context.${O}`);
     _.length && p.push({ title: "上下文", items: _ });
     const i = c.inject.map((O) => `this.${O.name}`);
     i.length && p.push({ title: "注入", items: i });
@@ -234,9 +234,9 @@ function go(u, e) {
     );
     return $.length && p.push({ title: "refs", items: $ }), p;
   }), r = x(() => {
-    if (!t.value) return o.value;
+    if (!t.value) return s.value;
     const c = t.value.toLowerCase(), h = [];
-    return o.value.forEach((p) => {
+    return s.value.forEach((p) => {
       const m = p.items.filter(
         (f) => f.toLowerCase().includes(c)
       );
@@ -248,7 +248,7 @@ function go(u, e) {
   });
   return {
     keyword: t,
-    options: o,
+    options: s,
     searchResult: r
   };
 }
@@ -298,21 +298,21 @@ function fo(u) {
       setters: ot,
       value: Array.isArray(t.value.children) ? "" : t.value.children
     }
-  ] : []), s = x(() => {
+  ] : []), o = x(() => {
     if (!t.value) return [];
     const m = l.value || e.assets.componentMap.get(t.value.name);
     return m ? (m.props || []).map((_) => ({
       ..._,
       value: t.value?.getPropValue(_.name) ?? _.defaultValue
     })) : [];
-  }), o = (m) => a.value.some((f) => f.name === m) || s.value.some((f) => f.name === m) || m === "style", r = x(() => t.value ? Object.keys(t.value.props).filter((m) => !o(m)).map((m) => ({
+  }), s = (m) => a.value.some((f) => f.name === m) || o.value.some((f) => f.name === m) || m === "style", r = x(() => t.value ? Object.keys(t.value.props).filter((m) => !s(m)).map((m) => ({
     name: m,
     setters: "InputSetter",
     value: t.value?.getPropValue(m)
   })) : []);
   return {
     commonProps: a,
-    componentProps: s,
+    componentProps: o,
     customProps: r,
     node: t,
     change: (m, f) => {
@@ -324,7 +324,7 @@ function fo(u) {
     removeCustom: (m) => {
       t.value?.removeProp(m);
     },
-    isExist: o
+    isExist: s
   };
 }
 function ae(u, e = "提示") {
@@ -334,21 +334,21 @@ function ae(u, e = "提示") {
   });
 }
 async function He(u) {
-  return await Be.confirm(u, "提示", { type: "warning" }).catch(
+  return await De.confirm(u, "提示", { type: "warning" }).catch(
     () => !1
   );
 }
 function de(u, e = "success") {
-  return De({
+  return Ie({
     message: u,
     type: e
   });
 }
 function ho(u) {
   const e = u ? { ...u } : {}, t = (l) => new Proxy(l || {}, {
-    get(a, s) {
-      return typeof s == "symbol" ? () => {
-      } : t(a[s]);
+    get(a, o) {
+      return typeof o == "symbol" ? () => {
+      } : t(a[o]);
     }
   });
   return e.context = new Proxy(e.context || {}, {
@@ -362,10 +362,10 @@ function pe(u, e, t = !1) {
   const a = ho(e);
   try {
     u.type === "JSExpression" ? Ze(u, a, t, !0) : aa(u, a, t, !0);
-  } catch (s) {
+  } catch (o) {
     l = !1, Ot.error({
       title: "代码错误",
-      message: s.message
+      message: o.message
     });
   }
   return l;
@@ -380,9 +380,9 @@ function Yn() {
     () => u.current.value ? u.history.value : null
   ), l = x(() => t.value?.items.length || 0), a = () => {
     e.value?.cleanHelper(), t.value?.forward();
-  }, s = () => {
+  }, o = () => {
     t.value?.backward(), e.value?.cleanHelper();
-  }, o = (h) => {
+  }, s = (h) => {
     e.value?.cleanHelper(), t.value?.load(h), de("已载入历史记录", "success");
   }, r = x(() => l.value <= 1 ? !0 : (t.value?.index || -1) <= 0), c = x(() => l.value <= 1 ? !0 : (t.value?.index || -1) >= l.value - 1);
   return {
@@ -390,8 +390,8 @@ function Yn() {
     history: t,
     total: l,
     forward: a,
-    backward: s,
-    load: o,
+    backward: o,
+    load: s,
     forwardDisabled: r,
     backwardDisabled: c
   };
@@ -424,14 +424,14 @@ function yo(u) {
       name: c,
       event: r[c]
     }));
-  }), s = x(() => {
+  }), o = x(() => {
     if (ne(t.value)) return [];
     const r = t.value?.events || {};
     return no.map((c) => ({
       name: c,
       event: r[c]
     }));
-  }), o = x(() => {
+  }), s = x(() => {
     if (!t.value || ne(t.value)) return [];
     const r = t.value.events || {};
     return (l.value?.events || e.assets.componentMap.get(t.value.name)?.events || []).map((h) => {
@@ -444,8 +444,8 @@ function yo(u) {
   });
   return {
     mouseEventList: a,
-    keyboardEventList: s,
-    componentEventList: o
+    keyboardEventList: o,
+    componentEventList: s
   };
 }
 const dn = (u, e) => new Bn({
@@ -462,7 +462,7 @@ function wo(u) {
   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((s) => s.endsWith(":" + a.name))) : [];
+    return l.length ? e.filter((a) => l.some((o) => o.endsWith(":" + a.name))) : [];
   }
   return [];
 }
@@ -476,17 +476,17 @@ function ko(u) {
     return (i ? wo(i) : []).map((b) => (t.value?.directives || []).find(
       (k) => k.name === "vModel" && k.arg == b.name
     ) || _o(b.name));
-  }), s = l("vIf"), o = l("vShow"), r = l("vBind"), c = l("vFor"), h = a(), p = {
-    vIf: s,
-    vShow: o,
+  }), o = l("vIf"), s = l("vShow"), r = l("vBind"), c = l("vFor"), h = a(), p = {
+    vIf: o,
+    vShow: s,
     vBind: r,
     vFor: c
   };
   return {
     engine: e,
     node: t,
-    vIf: s,
-    vShow: o,
+    vIf: o,
+    vShow: s,
     vBind: r,
     vFor: c,
     vModels: h,
@@ -528,14 +528,14 @@ function Gt() {
       const { protocol: _, host: i, pathname: g } = location, k = `${_}//${i}${g}${l}` + "?redirect=" + encodeURIComponent(location.hash.substring(1));
       location.href = `${t}/auth.html?r=${encodeURIComponent(k)}`;
     }
-  }, s = async () => {
+  }, o = async () => {
     const _ = e?.getData()?.token;
     if (_) {
       const i = `${t}/api/open/user/${_}`, g = await Ne(i).catch(() => null);
       return !!(g && g.data);
     }
     return !1;
-  }, o = async () => {
+  }, s = async () => {
     const _ = `${t}/api/open/templates`, i = e?.getData()?.token;
     return (await Ne(_, { query: i ? { token: i } : {} }))?.data || [];
   }, r = async (_) => {
@@ -557,8 +557,8 @@ function Gt() {
     remote: t,
     auth: l,
     toRemoteAuth: a,
-    isLogined: s,
-    getTemplates: o,
+    isLogined: o,
+    getTemplates: s,
     getTemplateDsl: h,
     getDictOptions: p,
     getTemplateCategories: () => p("TemplateCategory"),
@@ -582,26 +582,26 @@ function xo() {
     toRemoteAuth: t,
     isLogined: l,
     getTemplates: a,
-    getTemplateDsl: s,
-    removeTemplate: o
+    getTemplateDsl: o,
+    removeTemplate: s
   } = Gt(), r = S([]), c = S(!1), h = async (f) => {
     const _ = u.current.value, i = u.project.value;
     if (!i) return;
     if (!_) {
-      De.warning({
+      Ie.warning({
         message: "设计区无文件，请先打开页面或区块"
       });
       return;
     }
-    const g = await s(f);
+    const g = await o(f);
     if (!g)
-      return await Be.alert("模板不可用，可能该模板没发布过版本", {
+      return await De.alert("模板不可用，可能该模板没发布过版本", {
         type: "error",
         title: "提示"
       });
     const b = _.toDsl(), { id: k, name: C } = b, D = { ...g, id: k, name: C }, $ = i.currentFile;
     u.onSaveBlockFileFinish(() => {
-      _.update(D), De.success({
+      _.update(D), Ie.success({
         message: "模板已加载完成"
       });
     }), $ && ($.market = {
@@ -623,9 +623,9 @@ function xo() {
     toRemoteAuth: t,
     isLogined: l,
     getTemplates: a,
-    getTemplateDsl: s,
+    getTemplateDsl: o,
     installTemplate: h,
-    removeTemplate: o,
+    removeTemplate: s,
     groups: p,
     access: e,
     refreshTemplates: m,
@@ -645,7 +645,7 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     const { engine: e } = me(), t = u, l = x(() => t.icon || e.project.value?.config?.logo || Co), a = () => {
       t.link && (location.href = t.link);
     };
-    return (s, o) => (d(), j("div", {
+    return (o, s) => (d(), j("div", {
       class: "v-logo-widget",
       onClick: a
     }, [
@@ -669,23 +669,23 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   __name: "index",
   emits: ["click"],
   setup(u, { emit: e }) {
-    const t = e, { engine: l } = me(), a = x(() => l.project.value?.config?.title || l.project.value?.name), s = x(() => l.project.value?.currentFile?.title), o = () => {
+    const t = e, { engine: l } = me(), a = x(() => l.project.value?.config?.title || l.project.value?.name), o = x(() => l.project.value?.currentFile?.title), s = () => {
       t("click", l.project.value);
     };
     return (r, c) => (d(), j("div", Io, [
       v(n(re), {
         size: "small",
         round: "",
-        onClick: o
+        onClick: s
       }, {
         default: y(() => [
           v(n(va), { class: "v-switcher-widget__back" }),
           V("span", null, L(a.value), 1),
-          s.value ? (d(), w(n(zt), {
+          o.value ? (d(), w(n(zt), {
             key: 0,
             direction: "vertical"
           })) : A("", !0),
-          s.value ? (d(), j("span", Po, L(s.value), 1)) : A("", !0)
+          o.value ? (d(), j("span", Po, L(o.value), 1)) : A("", !0)
         ]),
         _: 1
       })
@@ -699,7 +699,7 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     preview: { type: Boolean }
   },
   setup(u, { expose: e }) {
-    const t = u, { forward: l, backward: a, forwardDisabled: s, backwardDisabled: o } = Yn(), r = S("pc");
+    const t = u, { forward: l, backward: a, forwardDisabled: o, backwardDisabled: s } = Yn(), r = S("pc");
     return e({
       mode: r
     }), (c, h) => (d(), j("div", $o, [
@@ -746,7 +746,7 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             type: "default",
             size: "small",
             onClick: n(a),
-            disabled: n(o) || !!t.preview
+            disabled: n(s) || !!t.preview
           }, {
             default: y(() => [
               v(n(ba))
@@ -757,7 +757,7 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             type: "default",
             size: "small",
             onClick: n(l),
-            disabled: n(s) || !!t.preview
+            disabled: n(o) || !!t.preview
           }, {
             default: y(() => [
               v(n(ya))
@@ -779,21 +779,25 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     dsl: {}
   },
   setup(u) {
-    const e = u, { getTemplateCategories: t, publishTemplate: l, getTemplateById: a, engine: s } = Gt(), o = qe({
+    const e = u, { getTemplateCategories: t, publishTemplate: l, getTemplateById: a, engine: o } = Gt(), s = qe({
       name: e.name,
       label: e.label,
       share: !0
     }), r = S(!1);
     e.id && a(e.id).then((p) => {
-      p && Object.assign(o, {
+      p && Object.assign(s, {
         category: p.category,
         version: p.latest
       }), r.value = !!p;
     });
     const c = x(() => e.canvas ? e.canvas.toDataURL("image/png") : null), h = async () => {
+      if (!c.value)
+        return await De.alert("截图失败，无法完成发布", {
+          type: "error"
+        }), !1;
       const p = zl(c.value), { dsl: m, id: f } = e;
       let _;
-      r.value && (_ = await Be.confirm(
+      r.value && (_ = await De.confirm(
         "该模板已存在，请确认您的操作是更新模板还是新建",
         {
           type: "warning",
@@ -809,20 +813,20 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         cover: p,
         category: "",
         version: "",
-        ...o
-      }, g = await l(i).catch((b) => (De.error({
+        ...s
+      }, g = await l(i).catch((b) => (Ie.error({
         message: b.message || b || "未知错误"
       }), !1));
-      return g && (De.success({
+      return g && (Ie.success({
         message: "发布模板成功！"
-      }), s.skeleton?.getWidget("Templates")?.widgetRef.refreshTemplates()), !!g;
+      }), o.skeleton?.getWidget("Templates")?.widgetRef.refreshTemplates()), !!g;
     };
     return (p, m) => (d(), w(n(Ae), {
       width: "600px",
       height: "760px",
       icon: n(Ut),
       title: "发布到模板",
-      model: o,
+      model: s,
       "submit-method": h
     }, {
       default: y(() => [
@@ -888,7 +892,7 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
   for (const [l, a] of e)
     t[l] = a;
   return t;
-}, zo = /* @__PURE__ */ Kt(Oo, [["__scopeId", "data-v-aa62d2a2"]]), Fo = { class: "v-actions-widget" }, Lo = /* @__PURE__ */ E({
+}, zo = /* @__PURE__ */ Kt(Oo, [["__scopeId", "data-v-757420d0"]]), Fo = { class: "v-actions-widget" }, Lo = /* @__PURE__ */ E({
   name: "ActionsWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -896,18 +900,18 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     coder: { type: Boolean, default: !0 }
   },
   setup(u) {
-    const { engine: e, designer: t } = xe(), { isLogined: l, toRemoteAuth: a } = Gt(), s = S(!1), o = S(!1), r = S(), c = () => {
-      e.current.value ? (s.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (t.value?.setSelected(null), e.simulator.refresh()), de("刷新完成", "success")) : de("请先打开文件", "warning");
+    const { engine: e, designer: t } = xe(), { isLogined: l, toRemoteAuth: a } = Gt(), o = S(!1), s = S(!1), r = S(), c = () => {
+      e.current.value ? (o.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (t.value?.setSelected(null), e.simulator.refresh()), de("刷新完成", "success")) : de("请先打开文件", "warning");
     }, h = async () => {
-      e.current.value ? (s.value && (e.skeleton?.closePreview(), s.value = !1, await Mt(1e3)), t.value?.setSelected(e.current.value)) : de("请先打开文件", "warning");
+      e.current.value ? (o.value && (e.skeleton?.closePreview(), o.value = !1, await Mt(1e3)), t.value?.setSelected(e.current.value)) : de("请先打开文件", "warning");
     }, p = () => {
       if (e.project.value)
         if (e.current.value) {
-          if (s.value) {
-            e.skeleton?.closePreview(), s.value = !1;
+          if (o.value) {
+            e.skeleton?.closePreview(), o.value = !1;
             return;
           }
-          e.skeleton?.openPreview(""), s.value = !0;
+          e.skeleton?.openPreview(""), o.value = !0;
         } else
           de("请先打开文件", "warning");
     }, m = () => {
@@ -929,9 +933,9 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               name: b,
               label: k,
               dsl: e.current.value?.toDsl()
-            }, o.value = !0;
+            }, s.value = !0;
           } else
-            await Be.confirm(
+            await De.confirm(
               "发布到模板需登录系统，您还没登录或登录已过期，请重新登录！",
               "提示",
               {
@@ -961,7 +965,7 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       A("", !0),
       v(n(re), {
         onClick: p,
-        type: s.value ? "warning" : "default",
+        type: o.value ? "warning" : "default",
         size: "small",
         title: "预览"
       }, {
@@ -1040,10 +1044,10 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         ]),
         _: 1
       }),
-      o.value ? (d(), w(zo, ue({
+      s.value ? (d(), w(zo, ue({
         key: 2,
-        modelValue: o.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (b) => o.value = b)
+        modelValue: s.value,
+        "onUpdate:modelValue": g[0] || (g[0] = (b) => s.value = b)
       }, r.value), null, 16, ["modelValue"])) : A("", !0)
     ]));
   }
@@ -1051,7 +1055,7 @@ const Co = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
 function Xt(u) {
   return pl() ? (ml(u), !0) : !1;
 }
-function $e(u) {
+function Be(u) {
   return typeof u == "function" ? u() : n(u);
 }
 const kt = typeof window < "u" && typeof document < "u";
@@ -1082,17 +1086,17 @@ function Go(u, e, t = {}) {
   const {
     immediate: l = !0
   } = t, a = S(!1);
-  let s = null;
-  function o() {
-    s && (clearTimeout(s), s = null);
+  let o = null;
+  function s() {
+    o && (clearTimeout(o), o = null);
   }
   function r() {
-    a.value = !1, o();
+    a.value = !1, s();
   }
   function c(...h) {
-    o(), a.value = !0, s = setTimeout(() => {
-      a.value = !1, s = null, u(...h);
-    }, $e(e));
+    s(), a.value = !0, o = setTimeout(() => {
+      a.value = !1, o = null, u(...h);
+    }, Be(e));
   }
   return l && (a.value = !0, kt && c()), Xt(r), {
     isPending: dl(a),
@@ -1103,7 +1107,7 @@ function Go(u, e, t = {}) {
 const St = kt ? window : void 0, Zn = kt ? window.navigator : void 0;
 function Se(u) {
   var e;
-  const t = $e(u);
+  const t = Be(u);
   return (e = t?.$el) != null ? e : t;
 }
 function Xe(...u) {
@@ -1111,32 +1115,32 @@ function Xe(...u) {
   if (typeof u[0] == "string" || Array.isArray(u[0]) ? ([t, l, a] = u, e = St) : [e, t, l, a] = u, !e)
     return dt;
   Array.isArray(t) || (t = [t]), Array.isArray(l) || (l = [l]);
-  const s = [], o = () => {
-    s.forEach((p) => p()), s.length = 0;
+  const o = [], s = () => {
+    o.forEach((p) => p()), o.length = 0;
   }, r = (p, m, f, _) => (p.addEventListener(m, f, _), () => p.removeEventListener(m, f, _)), c = M(
-    () => [Se(e), $e(a)],
+    () => [Se(e), Be(a)],
     ([p, m]) => {
-      if (o(), !p)
+      if (s(), !p)
         return;
       const f = No(m) ? { ...m } : m;
-      s.push(
+      o.push(
         ...t.flatMap((_) => l.map((i) => r(p, _, i, f)))
       );
     },
     { immediate: !0, flush: "post" }
   ), h = () => {
-    c(), o();
+    c(), s();
   };
   return Xt(h), h;
 }
 let pn = !1;
 function Ko(u, e, t = {}) {
-  const { window: l = St, ignore: a = [], capture: s = !0, detectIframe: o = !1 } = t;
+  const { window: l = St, ignore: a = [], capture: o = !0, detectIframe: s = !1 } = t;
   if (!l)
     return dt;
   Mo && !pn && (pn = !0, Array.from(l.document.body.children).forEach((g) => g.addEventListener("click", dt)), l.document.documentElement.addEventListener("click", dt));
   let r = !0;
-  const c = (g) => $e(a).some((b) => {
+  const c = (g) => Be(a).some((b) => {
     if (typeof b == "string")
       return Array.from(l.document.querySelectorAll(b)).some((k) => k === g.target || g.composedPath().includes(k));
     {
@@ -1145,11 +1149,11 @@ function Ko(u, e, t = {}) {
     }
   });
   function h(g) {
-    const b = $e(g);
+    const b = Be(g);
     return b && b.$.subTree.shapeFlag === 16;
   }
   function p(g, b) {
-    const k = $e(g), C = k.$.subTree && k.$.subTree.children;
+    const k = Be(g), C = k.$.subTree && k.$.subTree.children;
     return C == null || !Array.isArray(C) ? !1 : C.some((D) => D.el === b.target || b.composedPath().includes(D.el));
   }
   const m = (g) => {
@@ -1168,12 +1172,12 @@ function Ko(u, e, t = {}) {
       f || (f = !0, setTimeout(() => {
         f = !1;
       }, 0), m(g));
-    }, { passive: !0, capture: s }),
+    }, { passive: !0, capture: o }),
     Xe(l, "pointerdown", (g) => {
       const b = Se(u);
       r = !c(g) && !!(b && !g.composedPath().includes(b));
     }, { passive: !0 }),
-    o && Xe(l, "blur", (g) => {
+    s && Xe(l, "blur", (g) => {
       setTimeout(() => {
         var b;
         const k = Se(u);
@@ -1197,23 +1201,23 @@ function mn(u, e = {}) {
   const {
     controls: t = !1,
     navigator: l = Zn
-  } = e, a = Qt(() => l && "permissions" in l), s = Qe(), o = typeof u == "string" ? { name: u } : u, r = Qe(), c = () => {
+  } = e, a = Qt(() => l && "permissions" in l), o = Qe(), s = typeof u == "string" ? { name: u } : u, r = Qe(), c = () => {
     var p, m;
-    r.value = (m = (p = s.value) == null ? void 0 : p.state) != null ? m : "prompt";
+    r.value = (m = (p = o.value) == null ? void 0 : p.state) != null ? m : "prompt";
   };
-  Xe(s, "change", c);
+  Xe(o, "change", c);
   const h = Uo(async () => {
     if (a.value) {
-      if (!s.value)
+      if (!o.value)
         try {
-          s.value = await l.permissions.query(o);
+          o.value = await l.permissions.query(s);
         } catch {
-          s.value = void 0;
+          o.value = void 0;
         } finally {
           c();
         }
       if (t)
-        return hn(s.value);
+        return hn(o.value);
     }
   });
   return h(), t ? {
@@ -1228,16 +1232,16 @@ function el(u = {}) {
     read: t = !1,
     source: l,
     copiedDuring: a = 1500,
-    legacy: s = !1
-  } = u, o = Qt(() => e && "clipboard" in e), r = mn("clipboard-read"), c = mn("clipboard-write"), h = x(() => o.value || s), p = S(""), m = S(!1), f = Go(() => m.value = !1, a);
+    legacy: o = !1
+  } = u, s = Qt(() => e && "clipboard" in e), r = mn("clipboard-read"), c = mn("clipboard-write"), h = x(() => s.value || o), p = S(""), m = S(!1), f = Go(() => m.value = !1, a);
   function _() {
-    o.value && k(r.value) ? e.clipboard.readText().then((C) => {
+    s.value && k(r.value) ? e.clipboard.readText().then((C) => {
       p.value = C;
     }) : p.value = b();
   }
   h.value && t && Xe(["copy", "cut"], _);
-  async function i(C = $e(l)) {
-    h.value && C != null && (o.value && k(c.value) ? await e.clipboard.writeText(C) : g(C), p.value = C, m.value = !0, f.start());
+  async function i(C = Be(l)) {
+    h.value && C != null && (s.value && k(c.value) ? await e.clipboard.writeText(C) : g(C), p.value = C, m.value = !0, f.start());
   }
   function g(C) {
     const D = document.createElement("textarea");
@@ -1259,19 +1263,19 @@ function el(u = {}) {
 }
 function Qo(u, e, t = {}) {
   const { window: l = St, ...a } = t;
-  let s;
-  const o = Qt(() => l && "ResizeObserver" in l), r = () => {
-    s && (s.disconnect(), s = void 0);
+  let o;
+  const s = Qt(() => l && "ResizeObserver" in l), r = () => {
+    o && (o.disconnect(), o = void 0);
   }, c = x(() => {
-    const m = $e(u);
+    const m = Be(u);
     return Array.isArray(m) ? m.map((f) => Se(f)) : [Se(m)];
   }), h = M(
     c,
     (m) => {
-      if (r(), o.value && l) {
-        s = new ResizeObserver(e);
+      if (r(), s.value && l) {
+        o = new ResizeObserver(e);
         for (const f of m)
-          f && s.observe(f, a);
+          f && o.observe(f, a);
       }
     },
     { immediate: !0, flush: "post" }
@@ -1279,47 +1283,47 @@ function Qo(u, e, t = {}) {
     r(), h();
   };
   return Xt(p), {
-    isSupported: o,
+    isSupported: s,
     stop: p
   };
 }
 function tt(u, e = { width: 0, height: 0 }, t = {}) {
-  const { window: l = St, box: a = "content-box" } = t, s = x(() => {
+  const { window: l = St, box: a = "content-box" } = t, o = x(() => {
     var m, f;
     return (f = (m = Se(u)) == null ? void 0 : m.namespaceURI) == null ? void 0 : f.includes("svg");
-  }), o = S(e.width), r = S(e.height), { stop: c } = Qo(
+  }), s = S(e.width), r = S(e.height), { stop: c } = Qo(
     u,
     ([m]) => {
       const f = a === "border-box" ? m.borderBoxSize : a === "content-box" ? m.contentBoxSize : m.devicePixelContentBoxSize;
-      if (l && s.value) {
+      if (l && o.value) {
         const _ = Se(u);
         if (_) {
           const i = _.getBoundingClientRect();
-          o.value = i.width, r.value = i.height;
+          s.value = i.width, r.value = i.height;
         }
       } else if (f) {
         const _ = Array.isArray(f) ? f : [f];
-        o.value = _.reduce((i, { inlineSize: g }) => i + g, 0), r.value = _.reduce((i, { blockSize: g }) => i + g, 0);
+        s.value = _.reduce((i, { inlineSize: g }) => i + g, 0), r.value = _.reduce((i, { blockSize: g }) => i + g, 0);
       } else
-        o.value = m.contentRect.width, r.value = m.contentRect.height;
+        s.value = m.contentRect.width, r.value = m.contentRect.height;
     },
     t
   );
   Ho(() => {
     const m = Se(u);
-    m && (o.value = "offsetWidth" in m ? m.offsetWidth : e.width, r.value = "offsetHeight" in m ? m.offsetHeight : e.height);
+    m && (s.value = "offsetWidth" in m ? m.offsetWidth : e.width, r.value = "offsetHeight" in m ? m.offsetHeight : e.height);
   });
   const h = M(
     () => Se(u),
     (m) => {
-      o.value = m ? e.width : 0, r.value = m ? e.height : 0;
+      s.value = m ? e.width : 0, r.value = m ? e.height : 0;
     }
   );
   function p() {
     c(), h();
   }
   return {
-    width: o,
+    width: s,
     height: r,
     stop: p
   };
@@ -1333,17 +1337,17 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["change", "update:modelValue"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = S(!1), s = S(t.modelValue), o = S(""), r = x(
+    const t = u, l = e, a = S(!1), o = S(t.modelValue), s = S(""), r = x(
       () => Bt[t.modelValue] || t.modelValue
     ), c = x(() => {
       const _ = Object.entries(Bt);
-      return o.value ? _.filter((i) => i[0].toLowerCase().includes(o.value)) : _;
+      return s.value ? _.filter((i) => i[0].toLowerCase().includes(s.value)) : _;
     }), h = (_) => {
-      s.value = _;
+      o.value = _;
     }, p = () => {
-      l("change", s.value), l("update:modelValue", s.value), a.value = !1;
+      l("change", o.value), l("update:modelValue", o.value), a.value = !1;
     }, m = () => {
-      s.value = "", l("change", ""), l("update:modelValue", ""), a.value = !1;
+      o.value = "", l("change", ""), l("update:modelValue", ""), a.value = !1;
     }, f = () => {
       a.value = !0;
     };
@@ -1391,15 +1395,15 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               size: t.size,
               "prefix-icon": n(nt),
               clearable: "",
-              modelValue: o.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (g) => o.value = g),
+              modelValue: s.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (g) => s.value = g),
               placeholder: "请输入查询关键字"
             }, null, 8, ["size", "prefix-icon", "modelValue"]),
             V("div", er, [
               (d(!0), j(z, null, W(c.value, (g) => (d(), w(n(Re), {
                 icon: g[1],
                 onClick: (b) => h(g[0]),
-                class: K({ "is-active": s.value === g[0] })
+                class: K({ "is-active": o.value === g[0] })
               }, null, 8, ["icon", "onClick", "class"]))), 256)),
               c.value.length === 0 ? (d(), w(n(ie), { key: 0 })) : A("", !0)
             ])
@@ -1429,7 +1433,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     parentId: {}
   },
   setup(u) {
-    const e = u, { project: t, engine: l } = We(), { designer: a } = xe(), s = x(() => e.item ? "编辑页面" : "新增页面"), o = () => ({
+    const e = u, { project: t, engine: l } = We(), { designer: a } = xe(), o = x(() => e.item ? "编辑页面" : "新增页面"), s = () => ({
       dir: !1,
       name: "",
       title: "",
@@ -1439,7 +1443,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       raw: !1,
       prue: !1,
       meta: null
-    }), r = S(e.item || o()), c = x({
+    }), r = S(e.item || s()), c = x({
       get() {
         return JSON.stringify(r.value.meta || {}, null, 4);
       },
@@ -1456,12 +1460,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     ], p = (i) => {
       r.value && (r.value.name = $n(i));
     }, m = async (i) => t.value?.existPageName(i.name, [i.id]) ? (ae("页面名称已存在，请更换"), !1) : (e.item ? (t.value?.updatePage(i), a.value?.setSelected(null), l.simulator.refresh()) : t.value?.createPage(i, e.parentId), !0), { copy: f } = el({}), _ = (i) => {
-      f(i), De.success({
+      f(i), Ie.success({
         message: "已经复制到粘贴板"
       });
     };
     return (i, g) => (d(), w(n(Ae), {
-      title: s.value,
+      title: o.value,
       width: "800px",
       height: "650px",
       "form-props": { tooltipMessage: !1 },
@@ -1590,21 +1594,21 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const t = u, l = e, a = x(() => ({
       "is-active": t.active,
       "is-open": t.open
-    })), s = () => {
+    })), o = () => {
       l("click");
     };
-    return (o, r) => (d(), w(n(jn), {
+    return (s, r) => (d(), w(n(jn), {
       effect: "dark",
       placement: "right",
-      content: o.label,
+      content: s.label,
       "show-after": 600
     }, {
       default: y(() => [
         V("div", {
           class: K(["v-apps-region__icon", a.value]),
-          onClick: s
+          onClick: o
         }, [
-          (d(), w(bn(o.icon)))
+          (d(), w(bn(s.icon)))
         ], 2)
       ]),
       _: 1
@@ -1636,9 +1640,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     "command"
   ],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = S(!1), s = x(() => ({
+    const t = u, l = e, a = S(!1), o = x(() => ({
       "is-collapsed": !!a.value
-    })), o = () => {
+    })), s = () => {
       l("refresh");
     }, r = () => {
       l("plus");
@@ -1664,7 +1668,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       a.value = g;
     };
     return (g, b) => (d(), w(n(bt), {
-      class: K(["v-panel", s.value]),
+      class: K(["v-panel", o.value]),
       border: !1,
       header: _.value,
       fit: ""
@@ -1677,7 +1681,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           icon: n(zn),
           background: "hover",
           title: "刷新",
-          onClick: o
+          onClick: s
         }, null, 8, ["size", "icon"])) : A("", !0),
         t.plus ? (d(), w(n(ge), {
           key: 1,
@@ -1786,9 +1790,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         a.value = c;
       }
     );
-    const s = (c) => {
+    const o = (c) => {
       l("command", c);
-    }, o = (c) => {
+    }, s = (c) => {
       l("remove", c);
     }, r = (c) => {
       l("action-click", c);
@@ -1807,7 +1811,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
             type: "card",
             modelValue: a.value,
             "onUpdate:modelValue": h[0] || (h[0] = (p) => a.value = p),
-            onTabRemove: o,
+            onTabRemove: s,
             onActionClick: r,
             stretch: t.stretch
           }, null, 8, ["items", "modelValue", "stretch"]),
@@ -1823,7 +1827,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                 placement: "bottom-end"
               },
               menus: t.menus,
-              onCommand: s
+              onCommand: o
             }, {
               item: y(({ item: p }) => [
                 V("span", null, [
@@ -1920,7 +1924,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         divided: !0,
         icon: Hn
       }
-    }, l = u, a = e, s = S(!!l.modelValue), o = x(() => l.actionInMore ? [] : l.actions.map((f) => {
+    }, l = u, a = e, o = S(!!l.modelValue), s = x(() => l.actionInMore ? [] : l.actions.map((f) => {
       const _ = t[f];
       return {
         name: f,
@@ -1941,7 +1945,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     })), h = () => {
       a("click", l.modelValue);
     }, p = async (f) => {
-      f === "remove" ? await Be.confirm("确定删除吗？", "提示", {
+      f === "remove" ? await De.confirm("确定删除吗？", "提示", {
         type: "warning"
       }).catch(() => !1) && a("action", {
         name: f,
@@ -1953,12 +1957,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     }, m = (f) => {
       p(f.command);
     };
-    return M(s, (f) => {
+    return M(o, (f) => {
       a("update:modelValue", f), a("switch", f);
     }), M(
       () => l.modelValue,
       (f) => {
-        s.value = !!f;
+        o.value = !!f;
       }
     ), (f, _) => (d(), w(n(q), {
       class: K(["v-item", c.value]),
@@ -2010,7 +2014,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               }, ["stop"]))
             }, {
               default: y(() => [
-                (d(!0), j(z, null, W(o.value, (i) => (d(), w(n(ge), {
+                (d(!0), j(z, null, W(s.value, (i) => (d(), w(n(ge), {
                   name: i.name,
                   title: i.label,
                   mode: "icon",
@@ -2022,8 +2026,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                 }, null, 8, ["name", "title", "icon", "onClick"]))), 256)),
                 l.switch ? (d(), w(n(Dn), {
                   key: 0,
-                  modelValue: s.value,
-                  "onUpdate:modelValue": _[0] || (_[0] = (i) => s.value = i),
+                  modelValue: o.value,
+                  "onUpdate:modelValue": _[0] || (_[0] = (i) => o.value = i),
                   class: "v-item__switch",
                   size: "small"
                 }, null, 8, ["modelValue"])) : A("", !0),
@@ -2079,16 +2083,16 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         command: "remove",
         icon: wt
       }
-    ], s = () => {
+    ], o = () => {
       l("edit");
-    }, o = () => {
+    }, s = () => {
       l("copy");
     }, r = async () => {
-      await Be.confirm("确认删除？", "提示", {
+      await De.confirm("确认删除？", "提示", {
         type: "warning"
       }).catch(() => !1) && l("remove");
     }, c = (f) => {
-      f.command === "edit" && s(), f.command === "remove" && r(), f.command === "copy" && o();
+      f.command === "edit" && o(), f.command === "remove" && r(), f.command === "copy" && s();
     }, h = x(() => ({
       "is-active": t.active,
       "is-draggable": t.draggable
@@ -2149,10 +2153,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["pick", "copy"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = ["$provider", "$apis", "$components", "context"], s = (p) => {
+    const t = u, l = e, a = ["$provider", "$apis", "$components", "context"], o = (p) => {
       const m = p.value, f = Ct(m);
       return f === "Object" || f === "Module" ? Object.keys(m || {}).length === 0 : f === "Array" ? m.length === 0 : !0;
-    }, o = (p, m = "this") => typeof p == "object" ? Array.isArray(p) ? p.map((_, i) => {
+    }, s = (p, m = "this") => typeof p == "object" ? Array.isArray(p) ? p.map((_, i) => {
       const g = `[${i}]`;
       return {
         label: g,
@@ -2172,10 +2176,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       (_) => !_.label.startsWith("__") && !a.includes(_.label)
     ) : [], r = (p, m) => {
       if (p.level === 0)
-        m(o(t.context));
+        m(s(t.context));
       else {
         const f = hn(p.data.value);
-        m(o(f, p.data.path));
+        m(s(f, p.data.path));
       }
     }, c = (p) => {
       l("copy", p.path);
@@ -2188,7 +2192,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         lazy: "",
         load: r,
         "expand-on-click-node": !1,
-        props: { isLeaf: s }
+        props: { isLeaf: o }
       }, {
         default: y(({ data: f }) => [
           v(ve, {
@@ -2229,7 +2233,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     "close"
   ],
   setup(u, { emit: e }) {
-    const t = u, l = e, { searchResult: a, keyword: s } = go(t.block, t.context), { copy: o } = el({}), r = [
+    const t = u, l = e, { searchResult: a, keyword: o } = go(t.block, t.context), { copy: s } = el({}), r = [
       {
         name: "normal",
         label: "常用"
@@ -2251,7 +2255,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     }, g = (k) => {
       l("pick", k);
     }, b = (k) => {
-      o(k), De.success({
+      s(k), Ie.success({
         message: "已经复制到粘贴板"
       });
     };
@@ -2295,8 +2299,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                       default: y(() => [
                         Ee(V("div", null, [
                           v(n(be), {
-                            modelValue: n(s),
-                            "onUpdate:modelValue": C[0] || (C[0] = (D) => Dt(s) ? s.value = D : null),
+                            modelValue: n(o),
+                            "onUpdate:modelValue": C[0] || (C[0] = (D) => Dt(o) ? o.value = D : null),
                             size: "small",
                             clearable: "",
                             "prefix-icon": n(nt),
@@ -2425,7 +2429,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["submit", "update:modelValue"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = S(), s = x(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), o = (c) => {
+    const t = u, l = e, a = S(), o = x(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), s = (c) => {
       a.value = c;
     }, r = () => {
       a.value ? (l("submit", a.value), l("update:modelValue", !1)) : ae("请选择插槽");
@@ -2434,7 +2438,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       class: "v-slots-picker",
       title: "选择插槽",
       width: "600px",
-      height: s.value,
+      height: o.value,
       submit: "",
       cancel: "",
       onSubmit: r
@@ -2457,7 +2461,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               class: K(["v-slots-picker__item", { "is-active": p.name === a.value?.name }]),
               grow: "",
               flex: !1,
-              onClick: (f) => o(p)
+              onClick: (f) => s(p)
             }, {
               default: y(() => [
                 V("span", dr, "#" + L(m + 1), 1),
@@ -2483,24 +2487,24 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   setup(u) {
     const e = u, t = x(() => [`is-${e.mode}`]), l = x(() => {
       if (e.mode === "pc") return 1;
-      const s = e.mode === "mobile" ? rn : un, { width: o, height: r } = s, c = o > 0 ? (e.width || 0) / o : 1, h = r > 0 ? (e.height || 0) / r : 1;
+      const o = e.mode === "mobile" ? rn : un, { width: s, height: r } = o, c = s > 0 ? (e.width || 0) / s : 1, h = r > 0 ? (e.height || 0) / r : 1;
       return Math.min(c, h);
     }), a = x(() => {
       if (e.mode === "pc") return {};
-      const s = e.mode === "mobile" ? rn : un, { width: o, height: r } = s;
+      const o = e.mode === "mobile" ? rn : un, { width: s, height: r } = o;
       return {
-        width: `${o}px`,
+        width: `${s}px`,
         height: `${r}px`,
         left: "50%",
         top: "50%",
         transform: `translate(-50%, -50%) scale(${l.value})`
       };
     });
-    return (s, o) => (d(), j("div", {
+    return (o, s) => (d(), j("div", {
       class: K(["v-viewport", t.value]),
       style: rt(a.value)
     }, [
-      Ve(s.$slots, "default")
+      Ve(o.$slots, "default")
     ], 6));
   }
 }), mr = /* @__PURE__ */ E({
@@ -2522,11 +2526,11 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "PagesWidget",
   __name: "index",
   setup(u) {
-    const { project: e, engine: t } = We(), l = x(() => e.value?.pages || []), { current: a } = me(), s = S(!1), o = S(), r = S(), c = x(() => `(共 ${l.value.length} 项)`), h = () => {
-      r.value = void 0, o.value = void 0, s.value = !0;
+    const { project: e, engine: t } = We(), l = x(() => e.value?.pages || []), { current: a } = me(), o = S(!1), s = S(), r = S(), c = x(() => `(共 ${l.value.length} 项)`), h = () => {
+      r.value = void 0, s.value = void 0, o.value = !0;
     }, p = async (i) => {
       const { name: g, modelValue: b } = i, { data: k, node: C } = b;
-      if (g === "add" && (o.value = void 0, r.value = k.id, s.value = !0), g === "edit" && (o.value = _t(k), r.value = void 0, s.value = !0), g === "remove") {
+      if (g === "add" && (s.value = void 0, r.value = k.id, o.value = !0), g === "edit" && (s.value = _t(k), r.value = void 0, o.value = !0), g === "remove") {
         if (k.dir) {
           const D = e.value?.getPage(k.id);
           if (D && D.children?.length) {
@@ -2592,11 +2596,11 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }, 8, ["data"]),
-        s.value ? (d(), w(tr, {
+        o.value ? (d(), w(tr, {
           key: 0,
-          modelValue: s.value,
-          "onUpdate:modelValue": g[0] || (g[0] = (b) => s.value = b),
-          item: o.value,
+          modelValue: o.value,
+          "onUpdate:modelValue": g[0] || (g[0] = (b) => o.value = b),
+          item: s.value,
           "parent-id": r.value
         }, null, 8, ["modelValue", "item", "parent-id"])) : A("", !0)
       ]),
@@ -2612,12 +2616,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["change", "update:modelValue"],
   setup(u, { emit: e }) {
-    const t = u, l = e, { engine: a, project: s } = We(), o = S([]), r = S(!1), c = (C) => Array.isArray(C) ? C.map((D) => ({
+    const t = u, l = e, { engine: a, project: o } = We(), s = S([]), r = S(!1), c = (C) => Array.isArray(C) ? C.map((D) => ({
       name: D.filename,
       url: D.filepath
     })) : C ? { name: C.filename, url: C.filepath } : null, h = async (C) => {
-      if (a && s.value) {
-        const D = await a.service.uploadStaticFile(C, s.value.id);
+      if (a && o.value) {
+        const D = await a.service.uploadStaticFile(C, o.value.id);
         return c(D);
       }
       return null;
@@ -2631,8 +2635,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       }
     ), M(r, async (C) => {
       if (C) {
-        const D = await a.service.getStaticFiles(s.value?.id).catch(() => null);
-        o.value = c(D);
+        const D = await a.service.getStaticFiles(o.value?.id).catch(() => null);
+        s.value = c(D);
       }
     });
     const _ = () => {
@@ -2650,7 +2654,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     }, b = () => {
       r.value = !0;
     }, k = (C) => {
-      C.name && s.value?.id && a.service.removeStaticFile(C.name, s.value?.id);
+      C.name && o.value?.id && a.service.removeStaticFile(C.name, o.value?.id);
     };
     return (C, D) => (d(), j("div", gr, [
       v(n(be), ue({
@@ -2688,8 +2692,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
             "list-type": "list",
             selectable: !0,
             uploader: h,
-            modelValue: o.value,
-            "onUpdate:modelValue": D[0] || (D[0] = ($) => o.value = $),
+            modelValue: s.value,
+            "onUpdate:modelValue": D[0] || (D[0] = ($) => s.value = $),
             "select-value": m.value,
             "onUpdate:selectValue": D[1] || (D[1] = ($) => m.value = $)
           }, t.attachment, { onRemove: k }), null, 16, ["modelValue", "select-value"])
@@ -2702,9 +2706,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "BlocksWidget",
   __name: "index",
   setup(u) {
-    const { span: e } = Ht(), { blocks: t, engine: l } = io(), a = S(""), s = x(() => a.value ? t.value.filter((P) => P.name.includes(a.value) || P.title?.includes(a.value)) : t.value), o = x(
-      () => yt(s.value, (P) => P.category || "默认分组")
-    ), r = x(() => Object.keys(o.value)), c = {
+    const { span: e } = Ht(), { blocks: t, engine: l } = io(), a = S(""), o = x(() => a.value ? t.value.filter((P) => P.name.includes(a.value) || P.title?.includes(a.value)) : t.value), s = x(
+      () => yt(o.value, (P) => P.category || "默认分组")
+    ), r = x(() => Object.keys(s.value)), c = {
       filterable: !0,
       allowCreate: !0,
       defaultFirstOption: !0
@@ -2806,12 +2810,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
             clearable: ""
           }, null, 8, ["modelValue", "prefix-icon"])
         ]),
-        s.value.length ? (d(), w(n(ft), {
+        o.value.length ? (d(), w(n(ft), {
           key: 1,
           "model-value": r.value
         }, {
           default: y(() => [
-            (d(!0), j(z, null, W(o.value, (le, Ge) => (d(), w(n(ht), {
+            (d(!0), j(z, null, W(s.value, (le, Ge) => (d(), w(n(ht), {
               name: Ge,
               title: `${Ge} (${le.length})`
             }, {
@@ -2926,7 +2930,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "ComponentsWidget",
   __name: "index",
   setup(u) {
-    const { span: e, engine: t } = Ht(), { tabs: l, currentTab: a, currentGroup: s, model: o, searchKey: r, searchResult: c } = co(), h = (m) => {
+    const { span: e, engine: t } = Ht(), { tabs: l, currentTab: a, currentGroup: o, model: s, searchKey: r, searchResult: c } = co(), h = (m) => {
       const f = t.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       f && f.setDragging(m);
     }, p = () => {
@@ -2986,13 +2990,13 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         }, {
           default: y(() => [
             V("div", _r, [
-              n(s) ? (d(), w(n(ft), {
+              n(o) ? (d(), w(n(ft), {
                 key: 0,
-                modelValue: n(o)[n(a)],
-                "onUpdate:modelValue": f[1] || (f[1] = (_) => n(o)[n(a)] = _)
+                modelValue: n(s)[n(a)],
+                "onUpdate:modelValue": f[1] || (f[1] = (_) => n(s)[n(a)] = _)
               }, {
                 default: y(() => [
-                  (d(!0), j(z, null, W(n(s).children, (_) => (d(), w(n(ht), {
+                  (d(!0), j(z, null, W(n(o).children, (_) => (d(), w(n(ht), {
                     key: _.name,
                     name: _.name,
                     title: `${_.label} (${_.count})`
@@ -3040,7 +3044,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "OutlineWidget",
   __name: "index",
   setup(u) {
-    const { engine: e, designer: t, selected: l } = xe(), { current: a } = me(), s = S([]), o = (T, R) => {
+    const { engine: e, designer: t, selected: l } = xe(), { current: a } = me(), o = S([]), s = (T, R) => {
       if (R === "slot") return [];
       if (ne(T))
         return T.locked ? ["unlock"] : ["lock"];
@@ -3089,7 +3093,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         }
       ];
     }, p = async () => {
-      s.value = h(), l.value?.model && (await Ce(), t.value?.setSelected(l.value.model));
+      o.value = h(), l.value?.model && (await Ce(), t.value?.setSelected(l.value.model));
     }, m = x(() => l.value?.model.id), f = (T) => {
       const R = T.data;
       if (R.type === "slot" || ne(R.model) || R.model.locked || R.model.name === "template")
@@ -3129,7 +3133,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         N,
         J
       )) {
-        t.value?.setDropping(null), p(), De.warning({
+        t.value?.setDropping(null), p(), Ie.warning({
           message: `${Q.model.name}不能放置到该位置`
         }), t.value?.setDragging(null);
         return;
@@ -3192,7 +3196,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       default: y(() => [
         (d(), w(n(Lt), {
           key: n(e).changed.value,
-          data: s.value,
+          data: o.value,
           "node-key": "id",
           "default-expand-all": "",
           draggable: "",
@@ -3224,7 +3228,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               icon: B.model.locked ? n(Un) : B.model.invisible ? n(qn) : void 0,
               title: B.label,
               subtitle: B.type,
-              actions: o(B.model, B.type),
+              actions: s(B.model, B.type),
               onAction: O,
               onMouseenter: (fe) => b(B),
               onMouseleave: k
@@ -3240,9 +3244,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "HistoryWidget",
   __name: "index",
   setup(u) {
-    const { history: e, load: t, total: l } = Yn(), a = x(() => `(共 ${l.value} 条)`), s = (r) => {
+    const { history: e, load: t, total: l } = Yn(), a = x(() => `(共 ${l.value} 条)`), o = (r) => {
       r.name === "remove" && e.value?.remove(r.modelValue.id);
-    }, o = async () => {
+    }, s = async () => {
       await He("确定要清空历史记录吗？") && e.value?.clear();
     };
     return (r, c) => (d(), w(n(H), {
@@ -3250,7 +3254,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       title: "历史记录",
       subtitle: a.value,
       remove: !!n(l),
-      onRemove: o
+      onRemove: s
     }, {
       default: y(() => [
         n(l) === 0 ? (d(), w(n(ie), {
@@ -3265,7 +3269,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           small: "",
           background: "",
           actions: ["remove"],
-          onAction: s,
+          onAction: o,
           onClick: (m) => n(t)(h.id)
         }, null, 8, ["index", "title", "model-value", "active", "onClick"]))), 256)) : A("", !0)
       ]),
@@ -3278,18 +3282,18 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     categories: {}
   },
   setup(u) {
-    const e = u, t = lo.map((s) => ({
-      label: s,
-      value: s.toLowerCase()
+    const e = u, t = lo.map((o) => ({
+      label: o,
+      value: o.toLowerCase()
     })), l = {
       filterable: !0,
       allowCreate: !0,
       defaultFirstOption: !0
-    }, a = x(() => e.categories?.map((s) => ({
-      label: s,
-      value: s
+    }, a = x(() => e.categories?.map((o) => ({
+      label: o,
+      value: o
     })));
-    return (s, o) => (d(), j("div", null, [
+    return (o, s) => (d(), j("div", null, [
       v(n(I), {
         name: "method",
         label: "请求类型",
@@ -3394,7 +3398,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
             dark: "",
             height: "260px",
             modelValue: n(t).headers.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (s) => n(t).headers.value = s)
+            "onUpdate:modelValue": a[0] || (a[0] = (o) => n(t).headers.value = o)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -3435,7 +3439,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const e = Rt("currentModel", null), { project: t } = We(), l = x(() => t.value?.config || {}), a = () => {
       window.open("https://vtj.pro/help/mock.html");
     };
-    return (s, o) => (d(), j("div", null, [
+    return (o, s) => (d(), j("div", null, [
       l.value.mock ? A("", !0) : (d(), w(n(Ft), {
         key: 0,
         type: "warning",
@@ -3452,7 +3456,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       }, null, 8, ["disabled"]),
       v(n(q), { justify: "space-between" }, {
         default: y(() => [
-          o[1] || (o[1] = V("span", null, "模拟数据模板", -1)),
+          s[1] || (s[1] = V("span", null, "模拟数据模板", -1)),
           v(n(ge), {
             icon: n(Gn),
             mode: "text",
@@ -3475,7 +3479,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
             disabled: !l.value.mock,
             readonly: !l.value.mock,
             modelValue: n(e).mockTemplate.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (r) => n(e).mockTemplate.value = r)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => n(e).mockTemplate.value = r)
           }, null, 8, ["height", "disabled", "readonly", "modelValue"])
         ]),
         _: 1
@@ -3490,7 +3494,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     categories: {}
   },
   setup(u) {
-    const e = u, t = x(() => e.model ? "编辑API" : "新增API"), l = S("base"), a = S(), s = S(), o = S(e.model || {}), r = S(!1), c = S(""), h = [
+    const e = u, t = x(() => e.model ? "编辑API" : "新增API"), l = S("base"), a = S(), o = S(), s = S(e.model || {}), r = S(!1), c = S(""), h = [
       {
         label: "基础信息",
         value: "base"
@@ -3504,35 +3508,35 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         value: "mock"
       }
     ];
-    fl("currentModel", o);
-    const p = x(() => o.value?.method === "jsonp");
+    fl("currentModel", s);
+    const p = x(() => s.value?.method === "jsonp");
     M(
       () => e.model,
       (g) => {
-        o.value = Object.assign({}, g || {}), l.value = "base";
+        s.value = Object.assign({}, g || {}), l.value = "base";
       },
       {
         immediate: !0
       }
     ), M(l, async () => {
-      s.value?.formRef.validate(async (g) => {
+      o.value?.formRef.validate(async (g) => {
         g || (await Ce(), l.value = "base");
       });
     });
     const m = () => {
       a.value?.cancel();
     }, f = () => {
-      s.value?.submit();
+      o.value?.submit();
     }, _ = async (g) => e.project?.existApiName(
-      o.value.name,
-      e.model ? [o.value.id] : []
-    ) ? (ae(`API名称 [ ${o.value.name} ] 已存在`), !1) : o.value.headers && !pe(o.value.headers, window) || o.value.mockTemplate && !pe(o.value.mockTemplate, window) ? !1 : (e.project?.setApi(o.value), a.value?.close(), !0), i = () => {
-      if (o.value.mockTemplate) {
+      s.value.name,
+      e.model ? [s.value.id] : []
+    ) ? (ae(`API名称 [ ${s.value.name} ] 已存在`), !1) : s.value.headers && !pe(s.value.headers, window) || s.value.mockTemplate && !pe(s.value.mockTemplate, window) ? !1 : (e.project?.setApi(s.value), a.value?.close(), !0), i = () => {
+      if (s.value.mockTemplate) {
         const g = Ze(
-          o.value.mockTemplate,
+          s.value.mockTemplate,
           {},
           !0
-        ), { url: b, method: k } = o.value, C = Ys.mock(
+        ), { url: b, method: k } = s.value, C = Ys.mock(
           g({
             url: b,
             type: k
@@ -3615,11 +3619,11 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               default: y(() => [
                 v(n(Nt), {
                   ref_key: "formRef",
-                  ref: s,
+                  ref: o,
                   footer: !1,
                   labelPosition: "top",
                   tooltipMessage: !1,
-                  model: o.value,
+                  model: s.value,
                   submitMethod: _
                 }, {
                   default: y(() => [
@@ -3668,11 +3672,11 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "ApisWidget",
   __name: "index",
   setup(u) {
-    const { project: e } = We(), t = S(!1), l = S(null), a = S(""), s = S(!1), o = x(() => {
+    const { project: e } = We(), t = S(!1), l = S(null), a = S(""), o = S(!1), s = x(() => {
       const i = e.value?.apis || [];
       return a.value ? i.filter((g) => g.name.includes(a.value) || g.label?.includes(a.value) || g.url.includes(a.value)) : i;
     }), r = x(
-      () => yt(o.value, (i) => i.category || "默认分组")
+      () => yt(s.value, (i) => i.category || "默认分组")
     ), c = x(() => Object.keys(r.value)), h = () => ({
       id: "",
       method: "get",
@@ -3703,7 +3707,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   }`
       }
     }), p = () => {
-      t.value = !0, s.value = !1, l.value = h();
+      t.value = !0, o.value = !1, l.value = h();
     }, m = {
       get: "success",
       post: "primary",
@@ -3714,7 +3718,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     }, f = (i) => {
       i.name === "edit" && _(i.modelValue), i.name === "remove" && e.value?.removeApi(i.modelValue.name);
     }, _ = (i) => {
-      s.value = !0, l.value = _t(i), t.value = !0;
+      o.value = !0, l.value = _t(i), t.value = !0;
     };
     return (i, g) => (d(), w(n(H), {
       class: "v-apis-widget",
@@ -3759,7 +3763,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }, 8, ["model-value"]),
-        o.value.length === 0 ? (d(), w(n(ie), {
+        s.value.length === 0 ? (d(), w(n(ie), {
           key: 0,
           "image-size": 50
         })) : A("", !0),
@@ -3778,19 +3782,19 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "DepsWidget",
   __name: "index",
   setup(u) {
-    const { dependencies: e, engine: t } = Qn(), l = S(!1), a = S(!1), s = S({}), o = x(() => a.value ? "查看依赖" : s.value ? "编辑依赖" : "新增依赖"), r = (i) => i.required || i.official ? [] : ["edit", "remove"], c = (i) => i.official && !i.required, h = async (i) => (i.urls = i.urls.split(`
+    const { dependencies: e, engine: t } = Qn(), l = S(!1), a = S(!1), o = S({}), s = x(() => a.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), r = (i) => i.required || i.official ? [] : ["edit", "remove"], c = (i) => i.official && !i.required, h = async (i) => (i.urls = i.urls.split(`
 `), i.enabled = !0, i.official = !1, t.project.value?.setDeps(i), !0), p = (i) => {
       t.project.value?.setDeps(i);
     }, m = () => {
-      a.value = !1, l.value = !0, s.value = null;
+      a.value = !1, l.value = !0, o.value = null;
     }, f = (i) => {
-      a.value = !0, s.value = {
+      a.value = !0, o.value = {
         ...i,
         urls: i.urls.join(`
 `)
       }, l.value = !0;
     }, _ = (i, g) => {
-      g.name === "edit" && (s.value = {
+      g.name === "edit" && (o.value = {
         ...i,
         enabled: !0,
         official: !1,
@@ -3823,8 +3827,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           "onUpdate:modelValue": g[0] || (g[0] = (b) => l.value = b),
           width: "600px",
           height: "500px",
-          title: o.value,
-          model: s.value,
+          title: s.value,
+          model: o.value,
           submitMethod: h,
           formProps: {
             disabled: a.value,
@@ -3836,7 +3840,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               name: "package",
               label: "包名",
               required: "",
-              disabled: !!s.value
+              disabled: !!o.value
             }, null, 8, ["disabled"]),
             v(n(I), {
               name: "version",
@@ -3880,7 +3884,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["action", "dragstart", "dragend"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = x(() => t.model.name), s = x(() => !ne(t.model) && !t.model.locked), o = x(() => t.path.map((p) => ({
+    const t = u, l = e, a = x(() => t.model.name), o = x(() => !ne(t.model) && !t.model.locked), s = x(() => t.path.map((p) => ({
       command: p,
       label: p.name,
       onMouseenter: () => {
@@ -3932,12 +3936,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         size: "small",
         icon: n(Kn),
         label: a.value,
-        menus: o.value,
+        menus: s.value,
         background: "none",
         onCommand: c
       }, null, 8, ["icon", "label", "menus"]),
       v(n(Rl), {
-        disabled: !s.value,
+        disabled: !o.value,
         mode: "icon",
         size: "small",
         items: r,
@@ -3954,9 +3958,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   inheritAttrs: !1,
   __name: "index",
   setup(u, { expose: e }) {
-    const t = S(), l = S(), { width: a, height: s } = tt(t), { dependencies: o, engine: r, apis: c, meta: h } = Qn(), { current: p, isEmpty: m } = me(), f = x(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), _ = x(() => r.project.value?.config || {}), { designer: i, hover: g, dropping: b, selected: k } = po(
+    const t = S(), l = S(), { width: a, height: o } = tt(t), { dependencies: s, engine: r, apis: c, meta: h } = Qn(), { current: p, isEmpty: m } = me(), f = x(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), _ = x(() => r.project.value?.config || {}), { designer: i, hover: g, dropping: b, selected: k } = po(
       l,
-      o,
+      s,
       c,
       h,
       _
@@ -4003,7 +4007,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       v(n(nl), {
         mode: f.value,
         width: n(a),
-        height: n(s)
+        height: n(o)
       }, {
         default: y(() => [
           n(b) ? (d(), j("div", {
@@ -4067,10 +4071,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     itemTitle: { type: Function, default: (u) => u.name }
   },
   setup(u) {
-    const e = u, t = S(), l = S(), a = S(!1), s = S(e.createEmpty()), o = S(!1), r = x(
-      () => o.value ? `编辑${e.title}` : `新增${e.title}`
+    const e = u, t = S(), l = S(), a = S(!1), o = S(e.createEmpty()), s = S(!1), r = x(
+      () => s.value ? `编辑${e.title}` : `新增${e.title}`
     ), c = () => {
-      o.value = !1, s.value = e.createEmpty(), a.value = !0;
+      s.value = !1, o.value = e.createEmpty(), a.value = !0;
     }, h = (i, g) => {
       switch (g.name) {
         case "edit":
@@ -4081,12 +4085,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           break;
       }
     }, p = (i) => {
-      s.value.value = i;
+      o.value.value = i;
     }, m = (i) => {
-      o.value = !0, s.value = {
+      s.value = !0, o.value = {
         ...i
       }, a.value = !0;
-    }, f = async (i) => e.submit(i, o.value), _ = () => {
+    }, f = async (i) => e.submit(i, s.value), _ = () => {
       l.value?.itemRef.validate();
     };
     return (i, g) => (d(), w(n(H), {
@@ -4114,18 +4118,18 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           "onUpdate:modelValue": g[1] || (g[1] = (b) => a.value = b),
           title: r.value,
           "submit-method": f,
-          model: s.value,
+          model: o.value,
           block: i.current,
           context: i.context,
           onPick: p
         }, {
           default: y(() => [
-            Ve(i.$slots, "fields", yn(_n({ model: s.value, isEdit: o.value, nameLabel: i.nameLabel, valueLabel: i.valueLabel })), () => [
+            Ve(i.$slots, "fields", yn(_n({ model: o.value, isEdit: s.value, nameLabel: i.nameLabel, valueLabel: i.valueLabel })), () => [
               v(n(I), {
                 name: "name",
                 label: i.nameLabel,
                 required: "",
-                disabled: o.value
+                disabled: s.value
               }, null, 8, ["label", "disabled"]),
               v(n(I), {
                 class: "v-binder__editor",
@@ -4141,8 +4145,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                     ref: t,
                     dark: "",
                     height: "100%",
-                    modelValue: s.value.value,
-                    "onUpdate:modelValue": g[0] || (g[0] = (b) => s.value.value = b),
+                    modelValue: o.value.value,
+                    "onUpdate:modelValue": g[0] || (g[0] = (b) => o.value.value = b),
                     onBlur: _
                   }, null, 8, ["modelValue"])
                 ]),
@@ -4166,8 +4170,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const e = u, t = x(() => Object.entries(e.current?.state || {}).map(([r, c]) => ({ name: r, value: Ue(c) }))), l = () => ({
       name: "",
       value: ""
-    }), a = (o) => e.current?.removeState(o.name), s = async (o, r) => {
-      const { name: c, value: h } = o;
+    }), a = (s) => e.current?.removeState(s.name), o = async (s, r) => {
+      const { name: c, value: h } = s;
       if (!r && e.current?.state[c])
         return ae(`名称 ${c} 已存在，请更换！`), !1;
       const p = {
@@ -4176,7 +4180,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       };
       return pe(p, e.context, !0) ? (e.current?.setState(c, p), !0) : !1;
     };
-    return (o, r) => (d(), w(at, {
+    return (s, r) => (d(), w(at, {
       title: "状态数据",
       current: e.current,
       context: e.context,
@@ -4185,7 +4189,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       valueLabel: "状态初始值 [ JSExpression ]",
       createEmpty: l,
       remove: a,
-      submit: s
+      submit: o
     }, null, 8, ["current", "context", "list"]));
   }
 }), Or = /* @__PURE__ */ E({
@@ -4198,8 +4202,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const e = u, t = x(() => Object.entries(e.current?.computed || {}).map(([r, c]) => ({ name: r, value: Ue(c) }))), l = () => ({
       name: "",
       value: "() => { }"
-    }), a = (o) => e.current?.removeFunction("computed", o.name), s = async (o, r) => {
-      const { name: c, value: h } = o;
+    }), a = (s) => e.current?.removeFunction("computed", s.name), o = async (s, r) => {
+      const { name: c, value: h } = s;
       if (!r && e.current?.computed[c])
         return ae(`名称 ${c} 已存在，请更换！`), !1;
       const p = {
@@ -4208,7 +4212,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       };
       return pe(p, e.context, !0) ? (e.current?.setFunction("computed", c, p), !0) : !1;
     };
-    return (o, r) => (d(), w(at, {
+    return (s, r) => (d(), w(at, {
       title: "计算属性",
       current: e.current,
       context: e.context,
@@ -4217,7 +4221,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       valueLabel: "计算函数 [ JSFunction ]",
       createEmpty: l,
       remove: a,
-      submit: s
+      submit: o
     }, null, 8, ["current", "context", "list"]));
   }
 }), zr = /* @__PURE__ */ E({
@@ -4230,8 +4234,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const e = u, t = x(() => Object.entries(e.current?.methods || {}).map(([r, c]) => ({ name: r, value: Ue(c) }))), l = () => ({
       name: "",
       value: "() => { }"
-    }), a = (o) => e.current?.removeFunction("methods", o.name), s = async (o, r) => {
-      const { name: c, value: h } = o;
+    }), a = (s) => e.current?.removeFunction("methods", s.name), o = async (s, r) => {
+      const { name: c, value: h } = s;
       if (!r && e.current?.methods[c])
         return ae(`名称 ${c} 已存在，请更换！`), !1;
       const p = {
@@ -4240,7 +4244,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       };
       return pe(p, e.context, !0) ? (e.current?.setFunction("methods", c, p), !0) : !1;
     };
-    return (o, r) => (d(), w(at, {
+    return (s, r) => (d(), w(at, {
       title: "组件方法",
       current: e.current,
       context: e.context,
@@ -4249,7 +4253,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       valueLabel: "方法函数 [ JSFunction ]",
       createEmpty: l,
       remove: a,
-      submit: s
+      submit: o
     }, null, 8, ["current", "context", "list"]));
   }
 }), Fr = /* @__PURE__ */ E({
@@ -4265,7 +4269,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     }))), l = x(() => Object.entries(e.current?.lifeCycles || {}).map(([c, h]) => ({ name: c, value: Ue(h) }))), a = () => ({
       name: "",
       value: "() => { }"
-    }), s = (r) => e.current?.removeFunction("lifeCycles", r.name), o = async (r, c) => {
+    }), o = (r) => e.current?.removeFunction("lifeCycles", r.name), s = async (r, c) => {
       const { name: h, value: p } = r;
       if (!c && e.current?.lifeCycles[h])
         return ae(`名称 ${h} 已存在，请更换！`), !1;
@@ -4283,8 +4287,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       nameLabel: "名称",
       valueLabel: "函数 [ JSFunction ]",
       createEmpty: a,
-      remove: s,
-      submit: o
+      remove: o,
+      submit: s
     }, {
       fields: y(({ model: h, nameLabel: p, isEdit: m, valueLabel: f }) => [
         v(n(I), {
@@ -4332,7 +4336,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       deep: !1,
       immediate: !1,
       handler: "() => { }"
-    }), a = (r) => r.source, s = (r) => e.current?.removeWatch(r), o = async (r, c) => {
+    }), a = (r) => r.source, o = (r) => e.current?.removeWatch(r), s = async (r, c) => {
       const h = {
         type: "JSFunction",
         value: r.source
@@ -4357,8 +4361,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       nameLabel: "侦听源 [ JSFunction ]",
       valueLabel: "处理函数 [ JSFunction ]",
       createEmpty: l,
-      remove: s,
-      submit: o,
+      remove: o,
+      submit: s,
       itemTitle: a,
       grow: ""
     }, {
@@ -4461,10 +4465,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   setup(u, { emit: e }) {
     const t = u, l = e, a = (c, h) => {
       l("change", c, h);
-    }, s = (c) => {
+    }, o = (c) => {
       l("remove", c);
-    }, o = (c) => c ? c.replace(/[\u0391-\uFFE5]/g, "aa").length : 0, r = x(() => {
-      const h = (t.items || []).map((p) => o(p.label || p.name)).sort((p, m) => m - p)[0];
+    }, s = (c) => c ? c.replace(/[\u0391-\uFFE5]/g, "aa").length : 0, r = x(() => {
+      const h = (t.items || []).map((p) => s(p.label || p.name)).sort((p, m) => m - p)[0];
       return h ? h * 6 + 24 : 100;
     });
     return (c, h) => (d(), w(n(H), {
@@ -4489,7 +4493,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               context: t.context,
               removable: t.removable,
               onChange: a,
-              onRemove: s
+              onRemove: o
             }), null, 16, ["current", "context", "removable"]))), 128))
           ]),
           _: 1
@@ -4504,8 +4508,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   setup(u) {
     const { current: e, context: t } = me(), { selected: l } = xe(), {
       node: a,
-      commonProps: s,
-      change: o,
+      commonProps: o,
+      change: s,
       componentProps: r,
       customProps: c,
       addCustom: h,
@@ -4534,8 +4538,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           current: n(e),
           context: n(t),
           node: n(a),
-          items: n(s),
-          onChange: n(o)
+          items: n(o),
+          onChange: n(s)
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : A("", !0),
         n(a) && n(r).length ? (d(), w(At, {
           key: 1,
@@ -4544,7 +4548,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           context: n(t),
           node: n(a),
           items: n(r),
-          onChange: n(o)
+          onChange: n(s)
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : A("", !0),
         n(a) ? (d(), w(At, {
           key: 2,
@@ -4553,7 +4557,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           context: n(t),
           node: n(a),
           items: n(c),
-          onChange: n(o),
+          onChange: n(s),
           removable: "",
           plus: "",
           grow: "",
@@ -4599,10 +4603,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const e = u, t = S(), l = qe({
       type: "JSExpression",
       value: e.value
-    }), a = (s) => {
-      t.value.getEditor().setValue(s), l.value = s;
+    }), a = (o) => {
+      t.value.getEditor().setValue(o), l.value = o;
     };
-    return (s, o) => (d(), w(n(Yt), {
+    return (o, s) => (d(), w(n(Yt), {
       title: "绑定变量",
       "unbind-enabled": "",
       block: e.current,
@@ -4622,7 +4626,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               ref_key: "editorRef",
               ref: t,
               modelValue: l.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
+              "onUpdate:modelValue": s[0] || (s[0] = (r) => l.value = r),
               dark: "",
               height: "100%"
             }, null, 8, ["modelValue"])
@@ -4651,10 +4655,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         type: "JSFunction",
         value: e.event?.handler?.value || "() => {}"
       }
-    }), s = ao.map((r) => ({
+    }), o = ao.map((r) => ({
       label: r,
       value: r
-    })), o = (r) => {
+    })), s = (r) => {
       t.value.getEditor().setValue(r), a.handler.value = r;
     };
     return (r, c) => (d(), w(n(Yt), {
@@ -4663,14 +4667,14 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       block: e.current,
       context: e.context,
       model: a,
-      onPick: o
+      onPick: s
     }, {
       default: y(() => [
         v(n(I), {
           name: "modifiers",
           label: "事件修饰符",
           editor: "checkbox",
-          options: n(s)
+          options: n(o)
         }, null, 8, ["options"]),
         v(n(I), {
           class: "v-binder__editor",
@@ -4698,7 +4702,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "EventsWidget",
   __name: "index",
   setup(u) {
-    const { current: e, context: t } = me(), { selected: l } = xe(), { mouseEventList: a, keyboardEventList: s, componentEventList: o } = yo(l), r = S({
+    const { current: e, context: t } = me(), { selected: l } = xe(), { mouseEventList: a, keyboardEventList: o, componentEventList: s } = yo(l), r = S({
       name: "",
       event: void 0
     }), c = S(!1), h = (i) => {
@@ -4731,12 +4735,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           fit: !1
         }, {
           default: y(() => [
-            n(o).length ? A("", !0) : (d(), w(n(ie), {
+            n(s).length ? A("", !0) : (d(), w(n(ie), {
               key: 0,
               "image-size": 50,
               description: "该组件无自带事件"
             })),
-            (d(!0), j(z, null, W(n(o), (b) => (d(), w(n(ve), {
+            (d(!0), j(z, null, W(n(s), (b) => (d(), w(n(ve), {
               key: `component_${b.name}`,
               title: b.name,
               "model-value": b,
@@ -4779,7 +4783,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           fit: !1
         }, {
           default: y(() => [
-            (d(!0), j(z, null, W(n(s), (b) => (d(), w(n(ve), {
+            (d(!0), j(z, null, W(n(o), (b) => (d(), w(n(ve), {
               key: `keyboard_${b.name}`,
               title: b.name,
               "model-value": b,
@@ -4812,19 +4816,19 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "CssWidget",
   __name: "index",
   setup(u) {
-    const { current: e } = me(), t = S(), l = x(() => e.value?.css || ""), a = (o) => {
-      e.value?.setCss(o);
-    }, s = () => {
+    const { current: e } = me(), t = S(), l = x(() => e.value?.css || ""), a = (s) => {
+      e.value?.setCss(s);
+    }, o = () => {
       const r = (t.value?.getEditor()).getValue();
       a(r), de("保存成功");
     };
-    return (o, r) => (d(), w(n(H), {
+    return (s, r) => (d(), w(n(H), {
       class: "v-css-widget v-sub-panel",
       title: "lang:css scoped",
       size: "small",
       fit: "",
       save: "",
-      onSave: s
+      onSave: o
     }, {
       default: y(() => [
         v(n(se), {
@@ -4846,8 +4850,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   setup(u) {
     const { current: e, context: t } = me(), { selected: l } = xe(), {
       vIf: a,
-      vShow: s,
-      vBind: o,
+      vShow: o,
+      vBind: s,
       vFor: r,
       vModels: c,
       onValueChange: h,
@@ -4889,7 +4893,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   setters: "ExpressionSetter",
                   current: n(e),
                   context: n(t),
-                  value: n(s).value,
+                  value: n(o).value,
                   onChange: n(h)
                 }, null, 8, ["current", "context", "value", "onChange"]),
                 v(n(U), {
@@ -4898,7 +4902,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   setters: "ExpressionSetter",
                   current: n(e),
                   context: n(t),
-                  value: n(o).value,
+                  value: n(s).value,
                   onChange: n(h)
                 }, null, 8, ["current", "context", "value", "onChange"])
               ]),
@@ -5031,20 +5035,20 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         },
         e.item
       )
-    ), a = Object.keys(oa).map((o) => ({
-      label: o,
-      value: o
-    })), s = async (o) => {
-      const r = o.default;
-      return r && !pe(r, e.context, !0) ? !1 : (e.current.setProp(o), !0);
+    ), a = Object.keys(oa).map((s) => ({
+      label: s,
+      value: s
+    })), o = async (s) => {
+      const r = s.default;
+      return r && !pe(r, e.context, !0) ? !1 : (e.current.setProp(s), !0);
     };
-    return (o, r) => (d(), w(n(Ae), {
+    return (s, r) => (d(), w(n(Ae), {
       title: t.value,
       width: "800px",
       height: "500px",
       model: l.value,
       "form-props": { tooltipMessage: !1 },
-      "submit-method": s
+      "submit-method": o
     }, {
       default: y(() => [
         v(n(I), {
@@ -5099,8 +5103,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     context: {}
   },
   setup(u) {
-    const e = u, t = x(() => e.item ? "编辑定义事件" : "新增定义事件"), l = S(e.item), a = async (s) => (e.item && e.current.removeEmit(e.item.name, !0), e.current.setEmit(s), !0);
-    return (s, o) => (d(), w(n(Ae), {
+    const e = u, t = x(() => e.item ? "编辑定义事件" : "新增定义事件"), l = S(e.item), a = async (o) => (e.item && e.current.removeEmit(e.item.name, !0), e.current.setEmit(o), !0);
+    return (o, s) => (d(), w(n(Ae), {
       title: t.value,
       width: "600px",
       height: "200px",
@@ -5151,8 +5155,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     context: {}
   },
   setup(u) {
-    const e = u, t = x(() => e.item ? "编辑定义插槽" : "新增定义插槽"), l = S(e.item), a = async (s) => (e.item && e.current.removeSlot(e.item.name, !0), e.current.setSlot(s), !0);
-    return (s, o) => (d(), w(n(Ae), {
+    const e = u, t = x(() => e.item ? "编辑定义插槽" : "新增定义插槽"), l = S(e.item), a = async (o) => (e.item && e.current.removeSlot(e.item.name, !0), e.current.setSlot(o), !0);
+    return (o, s) => (d(), w(n(Ae), {
       title: t.value,
       width: "600px",
       height: "200px",
@@ -5212,11 +5216,11 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         },
         e.item
       )
-    ), a = async (s) => {
-      const o = s.default;
-      return o && !pe(o, e.context, !0) ? !1 : (e.current.setInject(s), !0);
+    ), a = async (o) => {
+      const s = o.default;
+      return s && !pe(s, e.context, !0) ? !1 : (e.current.setInject(o), !0);
     };
-    return (s, o) => (d(), w(n(Ae), {
+    return (o, s) => (d(), w(n(Ae), {
       title: t.value,
       width: "800px",
       height: "500px",
@@ -5249,7 +5253,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           default: y(() => [
             v(n(se), {
               modelValue: l.value.default.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (r) => l.value.default.value = r),
+              "onUpdate:modelValue": s[0] || (s[0] = (r) => l.value.default.value = r),
               height: "200px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -5264,7 +5268,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "DefinedWidget",
   __name: "index",
   setup(u) {
-    const { current: e, context: t } = me(), l = x(() => (e.value?.props || []).map((N) => typeof N == "string" ? { name: N } : N)), a = x(() => (e.value?.emits || []).map((N) => typeof N == "string" ? { name: N, params: [] } : Object.assign({ params: [] }, N))), s = x(() => (e.value?.slots || []).map((N) => typeof N == "string" ? { name: N, params: [] } : Object.assign({ params: [] }, N))), o = x(() => e.value?.inject || []), r = S(!1), c = S(), h = S(!1), p = S(), m = S(!1), f = S(), _ = S(!1), i = S(), g = () => {
+    const { current: e, context: t } = me(), l = x(() => (e.value?.props || []).map((N) => typeof N == "string" ? { name: N } : N)), a = x(() => (e.value?.emits || []).map((N) => typeof N == "string" ? { name: N, params: [] } : Object.assign({ params: [] }, N))), o = x(() => (e.value?.slots || []).map((N) => typeof N == "string" ? { name: N, params: [] } : Object.assign({ params: [] }, N))), s = x(() => e.value?.inject || []), r = S(!1), c = S(), h = S(!1), p = S(), m = S(!1), f = S(), _ = S(!1), i = S(), g = () => {
       c.value = void 0, r.value = !0;
     }, b = (N) => {
       const { name: J, modelValue: P } = N;
@@ -5373,7 +5377,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           onPlus: O
         }, {
           default: y(() => [
-            (d(!0), j(z, null, W(s.value, (P) => (d(), w(n(ve), {
+            (d(!0), j(z, null, W(o.value, (P) => (d(), w(n(ve), {
               "model-value": P,
               title: P.name,
               border: "",
@@ -5381,7 +5385,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               onClick: (Y) => T(P),
               onAction: R
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            s.value.length ? A("", !0) : (d(), w(n(ie), {
+            o.value.length ? A("", !0) : (d(), w(n(ie), {
               key: 0,
               "image-size": 50
             })),
@@ -5406,7 +5410,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           onPlus: B
         }, {
           default: y(() => [
-            (d(!0), j(z, null, W(o.value, (P) => (d(), w(n(ve), {
+            (d(!0), j(z, null, W(s.value, (P) => (d(), w(n(ve), {
               "model-value": P,
               title: P.name,
               border: "",
@@ -5414,7 +5418,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               onClick: (Y) => Q(P),
               onAction: fe
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            o.value.length ? A("", !0) : (d(), w(n(ie), {
+            s.value.length ? A("", !0) : (d(), w(n(ie), {
               key: 0,
               "image-size": 50
             })),
@@ -5459,7 +5463,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         disabled: !0,
         border: !0
       }
-    ], { apis: l, meta: a } = So(), o = S(
+    ], { apis: l, meta: a } = So(), s = S(
       Object.assign({
         type: "api",
         ref: "",
@@ -5478,24 +5482,24 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
 })`
         }
       }, e.item)
-    ), r = S(!1), c = S(""), h = S(!1), p = x(() => o.value.type === "api" ? l.value.map((b) => ({
+    ), r = S(!1), c = S(""), h = S(!1), p = x(() => s.value.type === "api" ? l.value.map((b) => ({
       label: b.label || "",
       value: b.id,
       data: b
-    })) : o.value.type === "meta" ? a.value.map((b) => ({
+    })) : s.value.type === "meta" ? a.value.map((b) => ({
       label: b.title || "",
       value: b.id,
       data: b
     })) : []), m = x(() => e.item ? "编辑数据源" : "新增数据源"), f = (b) => {
-      o.value.ref = "", o.value.name = "", o.value.label = "";
+      s.value.ref = "", s.value.name = "", s.value.label = "";
     }, _ = (b) => {
-      if (o.value.type === "api") {
+      if (s.value.type === "api") {
         const k = l.value.find((C) => C.id === b);
-        k && (o.value.name = k.name, o.value.label = k.label || "");
+        k && (s.value.name = k.name, s.value.label = k.label || "");
       }
-      if (o.value.type === "meta") {
+      if (s.value.type === "meta") {
         const k = a.value.find((C) => C.id === b);
-        k && (o.value.name = k.code, o.value.label = k.title || "");
+        k && (s.value.name = k.code, s.value.label = k.title || "");
       }
     }, i = async (b) => {
       const { transform: k, test: C, name: D } = b;
@@ -5515,30 +5519,30 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       return e.current?.setDataSource(b), !0;
     }, g = async () => {
       if (!e.context) return;
-      if (!o.value.ref) {
+      if (!s.value.ref) {
         ae("请先选择API");
         return;
       }
-      if (!o.value.test?.value) {
+      if (!s.value.test?.value) {
         ae("请先填写测试用例");
         return;
       }
-      if (!pe(o.value.test, e.context, !0))
+      if (!pe(s.value.test, e.context, !0))
         return;
       const k = async (...$) => {
-        const O = e.context?.$apis[o.value.ref];
+        const O = e.context?.$apis[s.value.ref];
         if (O)
           return await O.apply(O, $);
-        Ie.warn(`API【${o.value.ref}】不存在`);
-      }, C = Ze(o.value.test, {
+        Pe.warn(`API【${s.value.ref}】不存在`);
+      }, C = Ze(s.value.test, {
         runApi: k
-      }), D = o.value.transform?.value ? Ze(o.value.transform, {}, !0) : ($) => $;
+      }), D = s.value.transform?.value ? Ze(s.value.transform, {}, !0) : ($) => $;
       r.value = !0;
       try {
         const $ = await C();
         c.value = JSON.stringify(await D($), null, 2);
       } catch ($) {
-        Ie.error($);
+        Pe.error($);
       }
       r.value = !1, h.value = !0;
     };
@@ -5546,7 +5550,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       width: "1000px",
       height: "700px",
       title: m.value,
-      model: o.value,
+      model: s.value,
       "form-props": { tooltipMessage: !1 },
       "submit-method": i
     }, {
@@ -5576,7 +5580,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           name: "ref",
           label: "引用",
           editor: "select",
-          key: o.value.type,
+          key: s.value.type,
           required: "",
           disabled: !!e.item,
           options: p.value,
@@ -5612,8 +5616,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         }, {
           default: y(() => [
             v(n(se), {
-              modelValue: o.value.transform.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (C) => o.value.transform.value = C),
+              modelValue: s.value.transform.value,
+              "onUpdate:modelValue": k[0] || (k[0] = (C) => s.value.transform.value = C),
               height: "200px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -5627,8 +5631,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         }, {
           default: y(() => [
             v(n(se), {
-              modelValue: o.value.test.value,
-              "onUpdate:modelValue": k[1] || (k[1] = (C) => o.value.test.value = C),
+              modelValue: s.value.test.value,
+              "onUpdate:modelValue": k[1] || (k[1] = (C) => s.value.test.value = C),
               height: "100px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -5664,9 +5668,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "DataSourcesWidget",
   __name: "index",
   setup(u) {
-    const { current: e, context: t } = me(), l = S(!1), a = S(), s = x(() => Object.values(e.value?.dataSources || {}).filter(
+    const { current: e, context: t } = me(), l = S(!1), a = S(), o = x(() => Object.values(e.value?.dataSources || {}).filter(
       (p) => ["meta", "api"].includes(p.type)
-    )), o = (p) => ({
+    )), s = (p) => ({
       api: "primary",
       meta: "success",
       cube: "warning"
@@ -5692,18 +5696,18 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           onPlus: r
         }, {
           default: y(() => [
-            (d(!0), j(z, null, W(s.value, (f) => (d(), w(n(ve), {
+            (d(!0), j(z, null, W(o.value, (f) => (d(), w(n(ve), {
               border: "",
               title: f.name,
               subtitle: f.label,
               "model-value": f,
               actions: ["edit", "remove"],
               tag: f.type.toUpperCase(),
-              "tag-type": o(f.type),
+              "tag-type": s(f.type),
               onAction: h,
               onClick: (_) => c(f)
             }, null, 8, ["title", "subtitle", "model-value", "tag", "tag-type", "onClick"]))), 256)),
-            s.value.length ? A("", !0) : (d(), w(n(ie), {
+            o.value.length ? A("", !0) : (d(), w(n(ie), {
               key: 0,
               "image-size": 50
             }))
@@ -5784,7 +5788,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         value: "column-reverse",
         svg: Ua
       }
-    ], s = [
+    ], o = [
       {
         label: "flex-start",
         value: "flex-start",
@@ -5810,7 +5814,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         value: "space-around",
         svg: Xa
       }
-    ], o = [
+    ], s = [
       {
         label: "不换行",
         value: "nowrap"
@@ -5888,7 +5892,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                 name: "justify-content",
                 label: "主轴对齐",
                 setters: { name: "TagSetter" },
-                options: s,
+                options: o,
                 variable: !1,
                 value: e.styleJson["justify-content"],
                 onChange: e.setStyle
@@ -5906,7 +5910,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                 name: "flex-wrap",
                 label: "换行模式",
                 setters: { name: "TagSetter" },
-                options: o,
+                options: s,
                 variable: !1,
                 value: e.styleJson["flex-wrap"],
                 onChange: e.setStyle
@@ -5928,16 +5932,16 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       return ne(r) ? null : r;
     }), a = x(
       () => JSON.stringify(l.value?.getPropValue("style") || {}, null, 2)
-    ), s = (r) => {
+    ), o = (r) => {
       try {
         const c = JSON.parse(r);
         l.value?.setProp("style", c);
       } catch {
         ae("JSON格式错误");
       }
-    }, o = () => {
+    }, s = () => {
       const c = (t.value?.getEditor()).getValue();
-      s(c), de("保存成功");
+      o(c), de("保存成功");
     };
     return (r, c) => (d(), w(n(H), {
       class: "v-css-widget v-sub-panel",
@@ -5945,7 +5949,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       size: "small",
       fit: "",
       save: "",
-      onSave: o
+      onSave: s
     }, {
       default: y(() => [
         v(n(se), {
@@ -5955,7 +5959,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           height: "100%",
           lang: "json",
           dark: "",
-          onBlur: s
+          onBlur: o
         }, null, 8, ["model-value"])
       ]),
       _: 1
@@ -5970,8 +5974,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["close", "update:modelValue", "submit"],
   setup(u, { emit: e }) {
-    const t = [0, 10, 20, 40, 60, 100, 140, 220], l = u, a = e, s = x(() => l.auto || l.name.includes("margin")), o = S(), r = S(l.modelValue), c = S("px");
-    Ko(o, () => {
+    const t = [0, 10, 20, 40, 60, 100, 140, 220], l = u, a = e, o = x(() => l.auto || l.name.includes("margin")), s = S(), r = S(l.modelValue), c = S("px");
+    Ko(s, () => {
       a("close");
     });
     const h = (_) => {
@@ -5989,7 +5993,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         v(n(q), {
           class: "v-spacing-input__body",
           ref_key: "bodyRef",
-          ref: o,
+          ref: s,
           direction: "column"
         }, {
           default: y(() => [
@@ -6009,7 +6013,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
             }),
             v(n(q), null, {
               default: y(() => [
-                s.value ? (d(), w(n(q), {
+                o.value ? (d(), w(n(q), {
                   key: 0,
                   class: "v-spacing-input__auto",
                   width: "20%"
@@ -6088,7 +6092,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     setStyle: { type: Function }
   },
   setup(u) {
-    const e = u, t = S(), l = S(), { width: a, height: s } = tt(t), { width: o, height: r } = tt(l), c = S(!1), h = S(), p = S(), m = () => {
+    const e = u, t = S(), l = S(), { width: a, height: o } = tt(t), { width: s, height: r } = tt(l), c = S(!1), h = S(), p = S(), m = () => {
       c.value = !1, h.value = void 0, p.value = void 0;
     }, f = (_) => {
       h.value = _, p.value = e.styleJson[_], c.value = !0;
@@ -6108,11 +6112,11 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         }, [
           V("div", oi, [
             V("div", ri, [
-              n(a) && n(s) ? (d(), j("svg", {
+              n(a) && n(o) ? (d(), j("svg", {
                 key: 0,
                 xmlns: "http://www.w3.org/2000/svg",
                 width: n(a),
-                height: n(s),
+                height: n(o),
                 style: { "grid-area": "1 / 1 / -1 / -1" }
               }, [
                 V("g", null, [
@@ -6140,9 +6144,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                       fill: "currentColor",
                       d: `
               m${n(a) - 1},1
-              v${n(s) - 1}
+              v${n(o) - 1}
               l-${Z},-${ee}
-              v-${n(s) - 2 * ee}
+              v-${n(o) - 2 * ee}
               l${Z},-${ee}z`,
                       "data-automation-id": "margin-right-button",
                       "aria-label": "Margin right button",
@@ -6157,7 +6161,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                       mode: "delta",
                       fill: "currentColor",
                       d: `
-              m1,${n(s) - 1}
+              m1,${n(o) - 1}
               h${n(a) - 1}
               l-${Z},-${ee}
               h-${n(a) - 2 * Z}
@@ -6176,9 +6180,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                       fill: "currentColor",
                       d: `
               m1,1
-              v${n(s) - 1}
+              v${n(o) - 1}
               l${Z},-${ee}
-              v-${n(s) - 2 * ee}
+              v-${n(o) - 2 * ee}
               l-${Z},-${ee}z`,
                       "data-automation-id": "margin-left-button",
                       "aria-label": "Margin left button",
@@ -6192,7 +6196,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                     x: "0",
                     y: "0",
                     width: n(a),
-                    height: n(s),
+                    height: n(o),
                     fill: "transparent",
                     rx: "2",
                     ry: "2",
@@ -6205,7 +6209,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   x: "0",
                   y: "0",
                   width: n(a),
-                  height: n(s),
+                  height: n(o),
                   fill: "transparent",
                   rx: "2",
                   ry: "2",
@@ -6216,7 +6220,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                     x: "36",
                     y: "24",
                     width: n(a) - 2 * Z + 1,
-                    height: n(s) - 2 * ee + 1,
+                    height: n(o) - 2 * ee + 1,
                     fill: "transparent",
                     rx: "2",
                     ry: "2",
@@ -6229,7 +6233,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   x: "36",
                   y: "24",
                   width: n(a) - 2 * Z + 1,
-                  height: n(s) - 2 * ee + 1,
+                  height: n(o) - 2 * ee + 1,
                   fill: "transparent",
                   rx: "2",
                   ry: "2",
@@ -6258,10 +6262,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               ref: l,
               class: "spacing-min-icon"
             }, [
-              n(a) && n(s) ? (d(), j("svg", {
+              n(a) && n(o) ? (d(), j("svg", {
                 key: 0,
                 xmlns: "http://www.w3.org/2000/svg",
-                width: n(o),
+                width: n(s),
                 height: n(r),
                 style: { "grid-area": "1 / 1 / -1 / -1" }
               }, [
@@ -6272,9 +6276,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                       fill: "currentColor",
                       d: `
               m1,1
-              h${n(o) - 1}
+              h${n(s) - 1}
               l-${Z},${ee}
-              h-${n(o) - 2 * Z}
+              h-${n(s) - 2 * Z}
               l-${Z},-${ee}z`,
                       "data-automation-id": "padding-top-button",
                       "aria-label": "Padding top button",
@@ -6289,7 +6293,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                       mode: "delta",
                       fill: "currentColor",
                       d: `
-              m${n(o) - 1},1
+              m${n(s) - 1},1
               v${n(r) - 1}
               l-${Z},-${ee}
               v-${n(r) - 2 * ee}
@@ -6308,9 +6312,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                       fill: "currentColor",
                       d: `
               m1,${n(r) - 1}
-              h${n(o) - 1}
+              h${n(s) - 1}
               l-${Z},-${ee}
-              h-${n(o) - 2 * Z}
+              h-${n(s) - 2 * Z}
               l-${Z},${ee}z`,
                       "data-automation-id": "padding-bottom-button",
                       "aria-label": "Padding bottom button",
@@ -6341,7 +6345,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   V("rect", {
                     x: "0",
                     y: "0",
-                    width: n(o),
+                    width: n(s),
                     height: n(r),
                     fill: "transparent",
                     rx: "2",
@@ -6354,7 +6358,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   "clip-path": "url(#padding-outer)",
                   x: "0",
                   y: "0",
-                  width: n(o),
+                  width: n(s),
                   height: n(r),
                   fill: "transparent",
                   rx: "2",
@@ -6365,7 +6369,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   V("rect", {
                     x: "36",
                     y: "24",
-                    width: n(o) - 2 * Z + 1,
+                    width: n(s) - 2 * Z + 1,
                     height: n(r) - 2 * ee + 1,
                     fill: "transparent",
                     rx: "2",
@@ -6378,7 +6382,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                   "clip-path": "url(#padding-inner)",
                   x: "36",
                   y: "24",
-                  width: n(o) - 2 * Z + 1,
+                  width: n(s) - 2 * Z + 1,
                   height: n(r) - 2 * ee + 1,
                   fill: "transparent",
                   rx: "2",
@@ -6501,7 +6505,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         ]
       }
     ];
-    return (s, o) => (d(), w(n(H), {
+    return (o, s) => (d(), w(n(H), {
       title: "尺寸",
       class: "v-sub-panel v-",
       size: "small",
@@ -6523,7 +6527,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               options: r.options,
               variable: !1,
               value: e.styleJson[r.name],
-              onChange: s.setStyle
+              onChange: o.setStyle
             }, null, 8, ["name", "label", "setters", "options", "value", "onChange"])), 64))
           ]),
           _: 1
@@ -6539,7 +6543,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     setStyle: { type: Function }
   },
   setup(u) {
-    const e = u, t = S(), { width: l, height: a } = tt(t), s = S(!1), o = S(), r = S(), c = [
+    const e = u, t = S(), { width: l, height: a } = tt(t), o = S(!1), s = S(), r = S(), c = [
       { label: "静态", value: "static" },
       { label: "相对", value: "relative" },
       { label: "绝对", value: "absolute" },
@@ -6556,9 +6560,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       { label: "下", svg: us, value: "0% 0% auto 0%" },
       { label: "填充", svg: cs, value: "0% 0% 0% 0%" }
     ], p = x(() => (e.styleJson.inset || "").split(" ")), m = (_) => {
-      o.value = _, r.value = e.styleJson[_], s.value = !0;
+      s.value = _, r.value = e.styleJson[_], o.value = !0;
     }, f = () => {
-      s.value = !1, o.value = void 0, r.value = void 0;
+      o.value = !1, s.value = void 0, r.value = void 0;
     };
     return (_, i) => (d(), w(n(H), {
       title: "定位",
@@ -6745,10 +6749,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                         onClick: i[7] || (i[7] = (g) => m("left"))
                       }, L(e.styleJson.left || p.value[3] || "-"), 3)
                     ], 512),
-                    s.value ? (d(), w(ll, {
+                    o.value ? (d(), w(ll, {
                       key: 0,
                       auto: "",
-                      name: o.value,
+                      name: s.value,
                       modelValue: r.value,
                       "onUpdate:modelValue": i[8] || (i[8] = (g) => r.value = g),
                       onClose: f,
@@ -6837,13 +6841,13 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     ], a = [
       { label: "正常", value: "normal", svg: gs },
       { label: "斜体", value: "italic", svg: fs }
-    ], s = [
+    ], o = [
       { label: "无", value: "none", svg: Xn },
       { label: "下划线", value: "underline", svg: hs },
       { label: "删除线", value: "line-through", svg: bs },
       { label: "上划线", value: "overline", svg: ys }
     ];
-    return (o, r) => (d(), w(n(H), {
+    return (s, r) => (d(), w(n(H), {
       title: "文本",
       class: "v-sub-panel",
       size: "small",
@@ -6865,7 +6869,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               options: c.options,
               variable: !1,
               value: e.styleJson[c.name],
-              onChange: o.setStyle
+              onChange: s.setStyle
             }, null, 8, ["name", "label", "setters", "options", "value", "onChange"])), 64))
           ]),
           _: 1
@@ -6881,7 +6885,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               setters: { name: "ColorSetter" },
               variable: !1,
               value: e.styleJson.color,
-              onChange: o.setStyle
+              onChange: s.setStyle
             }, null, 8, ["value", "onChange"]),
             v(n(U), {
               name: "text-align",
@@ -6890,7 +6894,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               variable: !1,
               options: l,
               value: e.styleJson["text-align"],
-              onChange: o.setStyle
+              onChange: s.setStyle
             }, null, 8, ["value", "onChange"]),
             v(n(U), {
               name: "font-style",
@@ -6899,16 +6903,16 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               variable: !1,
               options: a,
               value: e.styleJson["font-style"],
-              onChange: o.setStyle
+              onChange: s.setStyle
             }, null, 8, ["value", "onChange"]),
             v(n(U), {
               name: "text-decoration",
               label: "修饰",
               setters: { name: "TagSetter" },
               variable: !1,
-              options: s,
+              options: o,
               value: e.styleJson["text-decoration"],
-              onChange: o.setStyle
+              onChange: s.setStyle
             }, null, 8, ["value", "onChange"])
           ]),
           _: 1
@@ -6934,10 +6938,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       { label: "水平重复", value: "repeat-x", svg: ws },
       { label: "垂直重复", value: "repeat-y", svg: ks },
       { label: "不重复", value: "no-repeat", svg: Ss }
-    ], s = [
+    ], o = [
       { label: "固定", value: "fixed" },
       { label: "滚动", value: "scroll" }
-    ], o = [
+    ], s = [
       { label: "裁剪到填充", value: "padding-box" },
       { label: "裁剪到内容", value: "content-box" },
       { label: "裁剪到文字", value: "text" }
@@ -6992,7 +6996,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               setters: { name: "RadioSetter" },
               variable: !1,
               value: e.styleJson["background-attachment"],
-              options: s,
+              options: o,
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
             v(n(U), {
@@ -7018,7 +7022,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               setters: { name: "SelectSetter" },
               variable: !1,
               value: e.styleJson["background-clip"],
-              options: o,
+              options: s,
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"])
           ]),
@@ -7044,12 +7048,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       { label: "上边框", svg: Vs, value: "border-top" },
       { label: "下边框", svg: As, value: "border-bottom" },
       { label: "右边框", svg: js, value: "border-right" }
-    ], s = [
+    ], o = [
       { label: "无", value: "none", svg: Xn },
       { label: "实线", value: "solid", svg: Es },
       { label: "虚线", value: "dashed", svg: Ds },
       { label: "点线", value: "dotted", svg: Is }
-    ], o = (r, c) => {
+    ], s = (r, c) => {
       l.value = c;
     };
     return M(
@@ -7088,7 +7092,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
               variable: !1,
               options: a,
               value: l.value,
-              onChange: o
+              onChange: s
             }, null, 8, ["value"]),
             l.value ? (d(), j(z, { key: 0 }, [
               (d(), w(n(U), {
@@ -7105,7 +7109,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                 key: `${l.value}-style`,
                 label: "样式",
                 setters: { name: "TagSetter" },
-                options: s,
+                options: o,
                 variable: !1,
                 value: e.styleJson[`${l.value}-style`],
                 onChange: e.setStyle
@@ -7172,13 +7176,13 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         label: "Dark",
         value: "var(--el-box-shadow-dark)"
       }
-    ], a = (o, r) => {
+    ], a = (s, r) => {
       e.setStyle(
         "opacity",
         r !== void 0 ? (Number(r) || 0) / 100 : void 0
       );
-    }, s = () => Number(e.styleJson.opacity ?? 1) * 100;
-    return (o, r) => (d(), w(n(H), {
+    }, o = () => Number(e.styleJson.opacity ?? 1) * 100;
+    return (s, r) => (d(), w(n(H), {
       title: "效果",
       class: "v-sub-panel",
       size: "small",
@@ -7198,7 +7202,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
                 name: "SliderSetter"
               },
               variable: !1,
-              value: s(),
+              value: o(),
               onChange: a
             }, null, 8, ["value"]),
             v(n(U), {
@@ -7234,15 +7238,15 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   setup(u) {
     const e = u, { selected: t } = xe(), l = x(() => {
-      const o = t.value?.model || null;
-      return ne(o) ? null : o;
+      const s = t.value?.model || null;
+      return ne(s) ? null : s;
     }), a = x(
       () => l.value?.getPropValue("style") || {}
-    ), s = (o, r) => {
+    ), o = (s, r) => {
       const c = l.value?.getPropValue("style") || {};
-      r !== void 0 ? c[o] = r : delete c[o], l.value?.setProp("style", c);
+      r !== void 0 ? c[s] = r : delete c[s], l.value?.setProp("style", c);
     };
-    return (o, r) => e.isStyleCodeMode ? (d(), w(ni, { key: 0 })) : (d(), w(n(q), {
+    return (s, r) => e.isStyleCodeMode ? (d(), w(ni, { key: 0 })) : (d(), w(n(q), {
       key: `widget-style-${l.value?.id}`,
       class: "v-style-widget",
       direction: "column",
@@ -7252,42 +7256,42 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         (d(), w(ti, {
           key: `Layout${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"])),
         (d(), w(Pi, {
           key: `Spacing${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"])),
         (d(), w(Ti, {
           key: `Sizing${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"])),
         (d(), w(Hi, {
           key: `Positioning${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"])),
         (d(), w(Gi, {
           key: `Texting${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"])),
         (d(), w(Ki, {
           key: `Backgound${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"])),
         (d(), w(Xi, {
           key: `Border${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"])),
         (d(), w(Qi, {
           key: `Effect${l.value?.id}`,
           "style-json": a.value,
-          setStyle: s
+          setStyle: o
         }, null, 8, ["style-json"]))
       ]),
       _: 1
@@ -7300,7 +7304,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     path: { type: Function }
   },
   setup(u, { expose: e }) {
-    const t = u, l = S(), a = S(Symbol()), { current: s, engine: o } = me(), { width: r, height: c } = tt(l), h = x(() => s.value && t.path ? t.path(s.value) : null), p = x(() => o.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
+    const t = u, l = S(), a = S(Symbol()), { current: o, engine: s } = me(), { width: r, height: c } = tt(l), h = x(() => o.value && t.path ? t.path(o.value) : null), p = x(() => s.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
     return e({
       refresh: () => {
         a.value = Symbol();
@@ -7333,12 +7337,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   inheritAttrs: !1,
   __name: "index",
   setup(u) {
-    const { selected: e, designer: t } = xe(), l = x(() => (e.value?.path || []).slice(0).reverse()), a = (o) => {
-      t.value?.setSelected(o);
-    }, s = (o) => {
-      t.value?.setHover(o);
+    const { selected: e, designer: t } = xe(), l = x(() => (e.value?.path || []).slice(0).reverse()), a = (s) => {
+      t.value?.setSelected(s);
+    }, o = (s) => {
+      t.value?.setHover(s);
     };
-    return (o, r) => n(e) ? (d(), w(n(yl), {
+    return (s, r) => n(e) ? (d(), w(n(yl), {
       key: 0,
       class: "v-nodepath-widget",
       "separator-icon": n(Rs)
@@ -7346,7 +7350,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       default: y(() => [
         (d(!0), j(z, null, W(l.value, (c) => (d(), w(n(_l), {
           onClick: (h) => a(c),
-          onMouseover: (h) => s(c)
+          onMouseover: (h) => o(c)
         }, {
           default: y(() => [
             G(L(c.name), 1)
@@ -7363,7 +7367,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   setup(u) {
     const { current: e } = me(), t = S(), l = x(
       () => JSON.stringify(e.value?.toDsl() || {}, null, 2)
-    ), a = x(() => e.value ? e.value.name : ""), s = async () => {
+    ), a = x(() => e.value ? e.value.name : ""), o = async () => {
       const r = (t.value?.getEditor()).getValue();
       if (r && await He(
         "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。"
@@ -7375,14 +7379,14 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
           ae(h?.message);
         }
     };
-    return (o, r) => (d(), w(n(H), {
+    return (s, r) => (d(), w(n(H), {
       class: "v-schema-widget",
       title: a.value,
       subtitle: "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。",
       size: "small",
       fit: "",
       save: "",
-      onSave: s
+      onSave: o
     }, {
       default: y(() => [
         v(n(se), {
@@ -7401,7 +7405,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   name: "SchemaWidget",
   __name: "index",
   setup(u) {
-    const { current: e, engine: t } = me(), l = S(), a = S(""), s = x(() => e.value ? `$vtj/vue/${e.value.id}.vue` : ""), o = x(() => e.value ? e.value.name : "");
+    const { current: e, engine: t } = me(), l = S(), a = S(""), o = x(() => e.value ? `$vtj/vue/${e.value.id}.vue` : ""), s = x(() => e.value ? e.value.name : "");
     return M(
       e,
       async (r) => {
@@ -7417,8 +7421,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       }
     ), (r, c) => (d(), w(n(H), {
       class: "v-raw-widget",
-      title: o.value,
-      subtitle: s.value,
+      title: s.value,
+      subtitle: o.value,
       size: "small",
       fit: ""
     }, {
@@ -7444,8 +7448,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   setup(u, { expose: e }) {
     const t = u, l = S(t.url), a = S();
-    let s = null;
-    const o = S(Symbol());
+    let o = null;
+    const s = S(Symbol());
     M(
       () => t.url,
       (p) => {
@@ -7453,17 +7457,17 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       }
     );
     const r = () => {
-      o.value = Symbol();
+      s.value = Symbol();
     }, c = () => {
       l.value = "//vtj.pro/help/index.html", r();
     };
     gt(() => {
-      s || (s = wl.service({ target: a.value?.$el }));
+      o || (o = wl.service({ target: a.value?.$el }));
     }), wn(() => {
-      h(), s = null;
+      h(), o = null;
     });
     const h = () => {
-      s?.close();
+      o?.close();
     };
     return e({ refresh: r, reload: c }), (p, m) => (d(), w(n(H), {
       class: "v-docs-widget",
@@ -7476,7 +7480,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     }, {
       default: y(() => [
         (d(), j("iframe", {
-          key: o.value,
+          key: s.value,
           ref: "frame",
           src: l.value,
           onLoad: h
@@ -7558,7 +7562,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         const a = t.skeleton?.getRegion("Workspace");
         a && a.regionRef.openTab("Designer");
       }
-    }), (a, s) => (d(), w(n(H), {
+    }), (a, o) => (d(), w(n(H), {
       class: "v-market-widget",
       size: "small",
       fit: "",
@@ -7579,8 +7583,8 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const { span: t } = Ht(240), {
       templates: l,
       toRemoteAuth: a,
-      isLogined: s,
-      installTemplate: o,
+      isLogined: o,
+      installTemplate: s,
       access: r,
       refreshTemplates: c,
       loading: h,
@@ -7589,7 +7593,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       const D = r?.getData()?.id;
       return yt(f.value, ($) => $.userId === D ? "我的" : $.category);
     }), i = x(() => Object.keys(_.value)), g = x(() => `(共 ${l.value.length} 个)`), b = async (D) => {
-      await s() ? await o(D.id) : await Be.confirm(
+      await o() ? await s(D.id) : await De.confirm(
         "使用需登录，您还没登录或登录已过期，请重新登录！",
         "提示",
         {
@@ -7598,7 +7602,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         }
       ).catch(() => !1) && a();
     }, k = (D) => D.userId === r?.getData()?.id, C = async (D) => {
-      await Be.confirm("确定删除该模版？", "提示", {
+      await De.confirm("确定删除该模版？", "提示", {
         type: "warning"
       }).catch(() => !1) && (await p(D.id), c());
     };
@@ -7720,7 +7724,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   __name: "index",
   setup(u) {
     const e = ce(), { access: t } = e.adapter || {}, l = t?.getData()?.avatar;
-    return (a, s) => (d(), w(n(Sl), {
+    return (a, o) => (d(), w(n(Sl), {
       class: "v-user-avatar",
       size: 30,
       icon: n(zs),
@@ -8666,11 +8670,11 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const t = (c = "") => ({
       type: "JSExpression",
       value: et(c) ? c.value : c
-    }), l = u, a = e, s = (c) => pe(c, l.context, !0), o = S(t(l.modelValue).value);
+    }), l = u, a = e, o = (c) => pe(c, l.context, !0), s = S(t(l.modelValue).value);
     M(
       () => l.modelValue,
       (c) => {
-        o.value = t(c).value;
+        s.value = t(c).value;
       },
       {
         immediate: !0
@@ -8681,12 +8685,12 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         type: "JSExpression",
         value: c
       };
-      s(h) && a("change", h);
+      o(h) && a("change", h);
     };
     return (c, h) => (d(), w(n(be), {
       class: "v-expression-setter",
-      modelValue: o.value,
-      "onUpdate:modelValue": h[0] || (h[0] = (p) => o.value = p),
+      modelValue: s.value,
+      "onUpdate:modelValue": h[0] || (h[0] = (p) => s.value = p),
       onChange: r
     }, {
       prefix: y(() => [
@@ -8724,14 +8728,14 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["change"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = x(() => et(t.modelValue) ? void 0 : Number(t.modelValue || 0)), s = (o) => {
-      l("change", o);
+    const t = u, l = e, a = x(() => et(t.modelValue) ? void 0 : Number(t.modelValue || 0)), o = (s) => {
+      l("change", s);
     };
-    return (o, r) => (d(), w(n(Vl), ue({
+    return (s, r) => (d(), w(n(Vl), ue({
       class: "v-number-setter",
       "controls-position": "right",
       "model-value": a.value
-    }, o.$attrs, { onChange: s }), null, 16, ["model-value"]));
+    }, s.$attrs, { onChange: o }), null, 16, ["model-value"]));
   }
 }), Bu = /* @__PURE__ */ E({
   name: "ColorSetter",
@@ -8750,7 +8754,7 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   setup(u, { emit: e }) {
     const t = u, l = S(), a = S(
       typeof t.modelValue == "object" ? JSON.stringify(t.modelValue, null, 2) : void 0
-    ), s = x(() => !!a.value), o = S(!1), r = e, c = (f) => {
+    ), o = x(() => !!a.value), s = S(!1), r = e, c = (f) => {
       let _ = !0;
       try {
         const i = JSON.parse(f);
@@ -8771,15 +8775,15 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       const f = l.value?.getEditor();
       if (f) {
         const _ = f.getValue();
-        c(_) && (a.value = _, r("change", JSON.parse(_)), o.value = !1);
+        c(_) && (a.value = _, r("change", JSON.parse(_)), s.value = !1);
       }
     }, p = () => {
-      a.value = "", r("change", void 0), o.value = !1;
+      a.value = "", r("change", void 0), s.value = !1;
     }, m = () => {
-      o.value = !0;
+      s.value = !0;
     };
     return (f, _) => (d(), j("div", {
-      class: K(["v-json-setter", { "is-active": s.value }])
+      class: K(["v-json-setter", { "is-active": o.value }])
     }, [
       v(n(be), ue({
         readonly: "",
@@ -8787,10 +8791,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         "model-value": t.type,
         "suffix-icon": n(lt)
       }, f.$attrs), null, 16, ["model-value", "suffix-icon"]),
-      o.value ? (d(), w(n(Oe), {
+      s.value ? (d(), w(n(Oe), {
         key: 0,
-        modelValue: o.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (i) => o.value = i),
+        modelValue: s.value,
+        "onUpdate:modelValue": _[0] || (_[0] = (i) => s.value = i),
         title: t.type,
         width: "1000px",
         height: "600px",
@@ -8837,22 +8841,22 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["change"],
   setup(u, { emit: e }) {
-    const t = u, l = S(), a = S(t.modelValue.value), s = S(!1), o = x(() => !!a.value), r = e, c = () => {
+    const t = u, l = S(), a = S(t.modelValue.value), o = S(!1), s = x(() => !!a.value), r = e, c = () => {
       const m = l.value?.getEditor();
       if (m) {
         const f = m.getValue(), _ = {
           type: "JSFunction",
           value: f
         };
-        pe(_, {}) && (a.value = f, r("change", _), s.value = !1);
+        pe(_, {}) && (a.value = f, r("change", _), o.value = !1);
       }
     }, h = () => {
-      a.value = "", r("change", void 0), s.value = !1;
+      a.value = "", r("change", void 0), o.value = !1;
     }, p = () => {
-      s.value = !0;
+      o.value = !0;
     };
     return (m, f) => (d(), j("div", {
-      class: K(["v-function-setter", { "is-active": o.value }])
+      class: K(["v-function-setter", { "is-active": s.value }])
     }, [
       v(n(be), ue({
         readonly: "",
@@ -8860,10 +8864,10 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
         "model-value": "JSFunction",
         "suffix-icon": n(lt)
       }, m.$attrs), null, 16, ["suffix-icon"]),
-      s.value ? (d(), w(n(Oe), {
+      o.value ? (d(), w(n(Oe), {
         key: 0,
-        modelValue: s.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (_) => s.value = _),
+        modelValue: o.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (_) => o.value = _),
         title: "JSFunction",
         width: "1000px",
         height: "600px",
@@ -8939,13 +8943,13 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["update:modelValue", "change"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = (s) => {
-      s.value === t.modelValue ? (l("update:modelValue", void 0), l("change", void 0)) : (l("update:modelValue", s.value), l("change", s.value));
+    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 (s, o) => (d(), j("div", ue({
+    return (o, s) => (d(), j("div", ue({
       class: "v-tag-setter",
       size: "small"
-    }, s.$attrs), [
+    }, o.$attrs), [
       (d(!0), j(z, null, W(t.options, (r) => (d(), j("span", {
         label: r.value,
         title: r.label,
@@ -8972,23 +8976,23 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["change"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = S(!0), s = x(() => a.value ? "px" : void 0), o = S(t.modelValue), r = (c) => {
+    const t = u, l = e, a = S(!0), o = x(() => a.value ? "px" : void 0), s = S(t.modelValue), r = (c) => {
       a.value = !!Number(c);
     };
-    return M(o, (c) => {
+    return M(s, (c) => {
       l("change", c);
     }), M(
       () => t.modelValue,
       (c) => {
-        c && (a.value = c.endsWith("px"), o.value = c);
+        c && (a.value = c.endsWith("px"), s.value = c);
       },
       { immediate: !0 }
     ), (c, h) => (d(), w(n(Tn), ue({
       clearable: "",
-      unit: s.value,
-      "with-unit": !!s.value,
-      modelValue: o.value,
-      "onUpdate:modelValue": h[0] || (h[0] = (p) => o.value = p),
+      unit: o.value,
+      "with-unit": !!o.value,
+      modelValue: s.value,
+      "onUpdate:modelValue": h[0] || (h[0] = (p) => s.value = p),
       onChange: r
     }, c.$attrs), null, 16, ["unit", "with-unit", "modelValue"]));
   }
@@ -9001,9 +9005,9 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
   },
   emits: ["change", "update:modelValue"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = S([]), s = x(() => a.value.length < t.limit), o = (c) => c.type.includes("image") ? (Ll(c).then((h) => {
+    const t = u, l = e, a = S([]), o = x(() => a.value.length < t.limit), s = (c) => c.type.includes("image") ? (Ll(c).then((h) => {
       a.value = [{ name: c.name, url: h }];
-    }), !1) : (De.error("只能上传图片"), !1), r = () => {
+    }), !1) : (Ie.error("只能上传图片"), !1), r = () => {
       a.value = [];
     };
     return M(
@@ -9018,13 +9022,13 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
       const c = a.value[0]?.url;
       l("change", c), l("update:modelValue", c);
     }), (c, h) => (d(), w(n(jl), ue({
-      class: ["v-image-setter", { "v-image-setter--addable": s.value }],
+      class: ["v-image-setter", { "v-image-setter--addable": o.value }],
       "list-type": "picture-card",
       limit: 1,
       action: "#",
       "file-list": a.value,
       "onUpdate:fileList": h[0] || (h[0] = (p) => a.value = p),
-      "before-upload": o,
+      "before-upload": s,
       "auto-upload": !0,
       "on-remove": r
     }, c.$attrs), {
@@ -9048,20 +9052,20 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const t = u, l = e, a = S(new Array(t.sections).fill(""));
     M(
       () => t.modelValue,
-      (o) => {
-        a.value = o ? o.split(" ") : new Array(t.sections).fill("");
+      (s) => {
+        a.value = s ? s.split(" ") : new Array(t.sections).fill("");
       },
       { immediate: !0 }
     );
-    const s = () => {
+    const o = () => {
       l("change", a.value.join(" ").trim());
     };
-    return (o, r) => (d(), j("div", Mu, [
+    return (s, r) => (d(), j("div", Mu, [
       (d(!0), j(z, null, W(t.sections, (c) => (d(), w(sl, {
         name: c - 1,
         modelValue: a.value[c - 1],
         "onUpdate:modelValue": (h) => a.value[c - 1] = h,
-        onChange: s,
+        onChange: o,
         class: "v-section-setter__item"
       }, null, 8, ["name", "modelValue", "onUpdate:modelValue"]))), 256))
     ]));
@@ -9077,23 +9081,23 @@ const Yo = { class: "v-icon-setter" }, Zo = { class: "v-icon-setter__content" },
     const t = u, l = e, a = S();
     M(
       () => t.modelValue,
-      (o) => {
-        a.value = o;
+      (s) => {
+        a.value = s;
       },
       { immediate: !0 }
-    ), M(a, (o) => {
-      l("change", o), l("update:modelValue", o);
+    ), M(a, (s) => {
+      l("change", s), l("update:modelValue", s);
     });
-    const s = () => {
+    const o = () => {
       a.value = void 0, l("change", void 0), l("update:modelValue", void 0);
     };
-    return (o, r) => (d(), j("div", Uu, [
-      v(n(El), ue({ size: "small" }, o.$attrs, {
+    return (s, r) => (d(), j("div", Uu, [
+      v(n(El), ue({ size: "small" }, s.$attrs, {
         modelValue: a.value,
         "onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c)
       }), null, 16, ["modelValue"]),
       v(n(Re), {
-        onClick: s,
+        onClick: o,
         class: "v-slider-setter__close",
         size: 16,
         icon: n(Hs)
@@ -9289,7 +9293,7 @@ class Ku {
   set(e, t) {
     const l = this.widgets[e];
     if (!l) {
-      Ie.warn(`widget '${e}' is not found`);
+      Pe.warn(`widget '${e}' is not found`);
       return;
     }
     Jt(l, t), t.component && (l.component = t.component);
@@ -9304,7 +9308,7 @@ class Ku {
     const l = Object.values(this.widgets);
     return e ? l.filter(
       (a) => a.region === e && (!t || t && t === a.group)
-    ).map((a, s) => (a.order = a.order ?? s, a)).sort((a, s) => (a.order ?? 0) - (s.order ?? 0)) : l;
+    ).map((a, o) => (a.order = a.order ?? o, a)).sort((a, o) => (a.order ?? 0) - (o.order ?? 0)) : l;
   }
 }
 const ol = new Ku();
@@ -9342,7 +9346,7 @@ class Xu {
   merge(e) {
     const t = [];
     for (const l of this.deps) {
-      const a = e.find((s) => s.package === l.package);
+      const a = e.find((o) => o.package === l.package);
       t.push(
         a ? {
           ...a,
@@ -9352,7 +9356,7 @@ class Xu {
       );
     }
     for (const l of e)
-      this.deps.find((s) => s.package === l.package) || t.push(l);
+      this.deps.find((o) => o.package === l.package) || t.push(l);
     return t;
   }
   /**
@@ -9401,7 +9405,7 @@ class Yu {
   set(e, t) {
     const l = this.setters[e];
     if (!l) {
-      Ie.warn(`setter '${e}' is not found`);
+      Pe.warn(`setter '${e}' is not found`);
       return;
     }
     Jt(l, t), t.component && (l.component = t.component);
@@ -9428,9 +9432,9 @@ class Zu {
     a.type = "module", a.src = t, a.onload = () => l && l(), e.document.head.appendChild(a);
   }
   async loadScripts(e, t) {
-    const l = this.engine?.project.value, { __BASE_PATH__: a = "/" } = l || {}, s = "", o = Date.now(), r = `${s}${a}${so}?t=${o}`;
+    const l = this.engine?.project.value, { __BASE_PATH__: a = "/" } = l || {}, o = "", s = Date.now(), r = `${o}${a}${so}?t=${s}`;
     this.enabled === void 0 && (this.enabled = await this.checkDevtools(r)), this.enabled && this.createScript(e, r, () => {
-      const c = `${s}${a}${oo}?t=${o}`;
+      const c = `${o}${a}${oo}?t=${s}`;
       this.isInited ? this.createScript(e, c, t) : t();
     });
   }
@@ -9577,9 +9581,9 @@ class tc {
   }
   async getDropSlot(e) {
     if (!e) return;
-    const { engine: t, dropping: l } = this, a = l.value ? this.getVueInstance(l.value, e.id) : null, s = a?.$vtjDynamicSlots ? a.$vtjDynamicSlots() : [], o = t.assets, r = o.componentMap, c = await o.getBlockMaterial(e.from) || r.get(e.name);
-    if (!c?.slots && s.length === 0) return;
-    const p = (c?.slots || ["default"]).concat(s).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, c = await s.getBlockMaterial(e.from) || r.get(e.name);
+    if (!c?.slots && o.length === 0) return;
+    const p = (c?.slots || ["default"]).concat(o).map((f) => typeof f == "string" ? {
       name: f,
       params: []
     } : {
@@ -9597,33 +9601,33 @@ class tc {
       return m;
   }
   getVueInstance(e, t) {
-    const { el: l, model: a } = e, s = l.__context__?.__refs;
-    if (!s) return null;
-    const o = s[t || a.id];
-    return o?._?.exposed || o;
+    const { el: l, model: a } = e, o = l.__context__?.__refs;
+    if (!o) return null;
+    const s = o[t || a.id];
+    return s?._?.exposed || s;
   }
   async onDrop(e) {
     e.preventDefault();
-    const { engine: t, dragging: l, dropping: a, draggingNode: s } = this, o = t.current.value, r = this.getHelper(e);
-    if (!o || !l || !a.value || !r) return;
+    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 c = r.model, h = a.value.type;
     if (!await this.allowDrop(c, h)) return;
     let p;
-    if (s)
-      p = s;
+    if (o)
+      p = o;
     else {
       const m = this.createNodeDsl(l);
       p = new ln(m);
     }
     if (ne(c))
-      s ? (delete p.slot, o.move(p, void 0, "inner")) : o.addNode(p, void 0, h);
+      o ? (delete p.slot, s.move(p, void 0, "inner")) : s.addNode(p, void 0, h);
     else {
       const m = await this.getDropSlot(h === "inner" ? c : c.parent);
       if (m === null) {
         this.dropping.value = null;
         return;
       }
-      p.slot = m, s ? o.move(p, c, h) : o.addNode(p, c, h);
+      p.slot = m, o ? s.move(p, c, h) : s.addNode(p, c, h);
     }
     this.dropping.value = null, t.simulator.refresh(), t.assets.clearCaches();
   }
@@ -9656,12 +9660,12 @@ class tc {
     return ln.nodes[t] || null;
   }
   getDropType(e, t, l) {
-    const { left: a, top: s, width: o, height: r } = e;
-    return t >= a && t <= a + o * 0.2 ? "left" : t >= a + o * 0.8 && t <= a + o ? "right" : l >= s && l <= s + r * 0.2 ? "top" : l >= s + r * 0.8 && l <= s + r ? "bottom" : "inner";
+    const { left: a, top: o, width: s, height: r } = e;
+    return t >= a && t <= a + s * 0.2 ? "left" : t >= a + s * 0.8 && t <= a + s ? "right" : l >= o && l <= o + r * 0.2 ? "top" : l >= o + r * 0.8 && l <= o + r ? "bottom" : "inner";
   }
   getNodePath(e = []) {
-    const t = e.filter((s) => this.isVtjElement(s)), l = this.engine.current.value;
-    return [...t.map((s) => this.getNodeByElement(s)).filter((s) => !!s), l];
+    const t = e.filter((o) => this.isVtjElement(o)), l = this.engine.current.value;
+    return [...t.map((o) => this.getNodeByElement(o)).filter((o) => !!o), l];
   }
   setDslFrom(e) {
     const t = this.engine.assets.componentMap.get(e.name);
@@ -9670,12 +9674,12 @@ class tc {
         this.setDslFrom(l);
   }
   createNodeDsl(e) {
-    const { name: t, snippet: l = {}, from: a } = e, s = {
+    const { name: t, snippet: l = {}, from: a } = e, o = {
       ...l,
       name: t,
       from: a || e.package
     };
-    return this.setDslFrom(s), s;
+    return this.setDslFrom(o), o;
   }
   getElmenetByModel(e) {
     return !this.document || !e ? null : ne(e) ? this.document.body : Array.from(
@@ -9697,12 +9701,12 @@ class tc {
     if (!l) return null;
     const a = this.getNodeByElement(l) || this.engine.current.value;
     if (!a) return null;
-    const s = l.getBoundingClientRect(), o = this.getDropType(s, e.clientX, e.clientY), r = this.getNodePath(t);
+    const o = l.getBoundingClientRect(), s = this.getDropType(o, e.clientX, e.clientY), r = this.getNodePath(t);
     return {
       el: l,
       model: a,
-      rect: s,
-      type: o,
+      rect: o,
+      type: s,
       path: r
     };
   }
@@ -9767,22 +9771,22 @@ class tc {
     if (await Ce(), e) {
       const l = this.getElmenetByModel(e);
       if (!l) return;
-      const a = l.getBoundingClientRect(), s = ne(e) ? [] : this.findPathByNode(e);
+      const a = l.getBoundingClientRect(), o = ne(e) ? [] : this.findPathByNode(e);
       this.dropping.value = {
         el: l,
         model: e,
         rect: a,
         type: t,
-        path: s
+        path: o
       };
     } else
       this.dropping.value = null;
   }
   async allowDrop(e, t = "inner") {
-    const { dragging: l, engine: a, draggingNode: s } = this, o = a.current.value;
-    if (!l || !o) return !1;
+    const { dragging: l, engine: a, draggingNode: o } = this, s = a.current.value;
+    if (!l || !s) return !1;
     if (ne(e)) return !0;
-    if (s && e.id === s.id || s && s.isChild(e))
+    if (o && e.id === o.id || o && o.isChild(e))
       return !1;
     const r = a.assets.componentMap, c = t !== "inner" && e.parent || e, h = await a.assets.getBlockMaterial(c.from) || r.get(c.name);
     if (!h) return !1;
@@ -9806,7 +9810,7 @@ class nc {
   }
   install(e) {
     e.__vtj_env__ = this.env;
-    const { library: t, globals: l, VueRouter: a, locales: s } = this.env;
+    const { library: t, globals: l, VueRouter: a, locales: o } = this.env;
     if (a) {
       const r = a.createRouter({
         history: a.createWebHashHistory(),
@@ -9815,36 +9819,36 @@ class nc {
       e.use(r);
     }
     e.use(this.provider);
-    const o = Object.entries(t);
-    Object.assign(e.config.globalProperties, l), o.forEach(([r, c]) => {
+    const s = Object.entries(t);
+    Object.assign(e.config.globalProperties, l), s.forEach(([r, c]) => {
       if (!c) {
         console.warn(`plugin: ${r} is undefined`);
         return;
       }
       if (typeof c == "function" || typeof c.install == "function") {
         let h = {};
-        const p = s[r];
+        const p = o[r];
         p && (h.locale = p), e?.use(c, h);
       }
     });
   }
   render(e, t) {
     this.file = t;
-    const { window: l, container: a, library: s, Vue: o, components: r, apis: c } = this.env, h = l.document.createElement("div");
-    h.id = "app", t?.type === "page" && h.classList.add("is-page"), t?.pure && h.classList.add("is-pure"), a.appendChild(h), this.dsl = o.reactive(e.toDsl());
+    const { window: l, container: a, library: o, Vue: s, components: r, apis: c } = this.env, h = l.document.createElement("div");
+    h.id = "app", t?.type === "page" && h.classList.add("is-page"), t?.pure && h.classList.add("is-pure"), a.appendChild(h), this.dsl = s.reactive(e.toDsl());
     const { renderer: m, context: f } = this.provider.createDslRenderer(this.dsl, {
       window: l,
       mode: On.Design,
-      Vue: o,
+      Vue: s,
       components: r,
       apis: c,
-      libs: s
-    }), _ = o.defineComponent({
+      libs: o
+    }), _ = s.defineComponent({
       render() {
-        return o.h(o.Suspense, [o.h(m)]);
+        return s.h(s.Suspense, [s.h(m)]);
       }
     });
-    this.app = o.createApp(_), this.install(this.app), Object.assign(
+    this.app = s.createApp(_), this.install(this.app), Object.assign(
       this.app.config.globalProperties.$route.meta,
       t?.meta || {}
     );
@@ -9869,12 +9873,12 @@ class nc {
     const l = t.children || t.nodes || [];
     if (Array.isArray(l))
       for (let a = 0; a < l.length; a++) {
-        const s = l[a];
-        if (s.id === e.id) {
+        const o = l[a];
+        if (o.id === e.id) {
           l.splice(a, 1, e);
           return;
         } else
-          this.updateChild(e, s);
+          this.updateChild(e, o);
       }
   }
   __onNodeChange(e) {
@@ -9900,9 +9904,9 @@ class lc extends Rn {
       this.refresh();
     });
   }
-  init(t, l, a, s, o) {
+  init(t, l, a, o, s) {
     M(
-      [t, l, a, s, o],
+      [t, l, a, o, s],
       () => {
         t.value && l.value.length && (this.resetReady(), this.renderer?.dispose(), this.renderer = null, this.setup(t.value, l.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new tc(
           this.engine,
@@ -9917,14 +9921,14 @@ class lc extends Rn {
   setup(t, l) {
     const a = t.contentWindow;
     if (!a) {
-      Ie.warn("Simulator contentWindow is null");
+      Pe.warn("Simulator contentWindow is null");
       return;
     }
     a.__simulator__ = this;
-    const s = a.document;
+    const o = a.document;
     this.contentWindow = a;
     const {
-      scripts: o,
+      scripts: s,
       css: r,
       materials: c,
       libraryExports: h,
@@ -9932,7 +9936,7 @@ class lc extends Rn {
       materialMapLibrary: m,
       libraryLocaleMap: f
     } = ra(l, this.materialPath, !0);
-    s.open(), s.write(`
+    o.open(), o.write(`
      <!DOCTYPE html>
      <html lang="zh-CN">
        <head>
@@ -9965,7 +9969,7 @@ class lc extends Rn {
        </head>
        <body> 
        </body>
-       ${sn(o)}
+       ${sn(s)}
        ${sn(c)}
        <script>
        __simulator__.emitReady(${JSON.stringify(h)},
@@ -9975,13 +9979,13 @@ class lc extends Rn {
     );
      <\/script> 
      </html>
-    `), s.close();
+    `), o.close();
   }
-  async emitReady(t = [], l = [], a = {}, s = {}) {
+  async emitReady(t = [], l = [], a = {}, o = {}) {
     this.renderer?.dispose(), this.renderer = null;
-    const o = this.contentWindow, { assets: r, service: c, current: h, provider: p, project: m } = this.engine, f = p.materials || {}, _ = [];
+    const s = this.contentWindow, { assets: r, service: c, current: h, provider: p, project: m } = this.engine, f = p.materials || {}, _ = [];
     for (const g of l) {
-      const b = f[g] ? (await f[g]()).default : o[g];
+      const b = f[g] ? (await f[g]()).default : s[g];
       _.push(b);
     }
     r.load(_);
@@ -9989,14 +9993,14 @@ class lc extends Rn {
       t,
       a,
       _,
-      s
+      o
     );
-    this.devtools.init(o, this.engine), this.renderer = new nc(i, c, p, this.designer.value), h.value && (this.renderer.render(h.value, m.value?.currentFile), this.rendered.value = Symbol()), this.triggerReady();
+    this.devtools.init(s, this.engine), this.renderer = new nc(i, c, p, this.designer.value), h.value && (this.renderer.render(h.value, m.value?.currentFile), this.rendered.value = Symbol()), this.triggerReady();
   }
-  createEnv(t = [], l = {}, a = [], s = {}) {
-    const o = this.contentWindow, { engine: r } = this, { project: c, assets: h, provider: p } = r, m = t.reduce((D, $) => (D[$] = o[$], D), {}), f = {};
-    Object.entries(s).forEach(([D, $]) => {
-      f[D] = o[$];
+  createEnv(t = [], l = {}, a = [], o = {}) {
+    const s = this.contentWindow, { engine: r } = this, { project: c, assets: h, provider: p } = r, m = t.reduce((D, $) => (D[$] = s[$], D), {}), f = {};
+    Object.entries(o).forEach(([D, $]) => {
+      f[D] = s[$];
     });
     const _ = {}, { groups: i, componentMap: g } = h;
     for (const D of i.value) {
@@ -10020,16 +10024,16 @@ class lc extends Rn {
       b
     );
     return ca(), c.value?.config?.mock && da(c.value?.apis), {
-      window: o,
-      Vue: o.Vue,
-      VueRouter: o.VueRouter,
+      window: s,
+      Vue: s.Vue,
+      VueRouter: s.VueRouter,
       library: m,
       materials: a,
       components: _,
-      container: o.document.body,
+      container: s.document.body,
       apis: C,
       globals: k,
-      libraryLocaleMap: s,
+      libraryLocaleMap: o,
       locales: f
     };
   }
@@ -10042,8 +10046,8 @@ class lc extends Rn {
     return new Promise((t, l) => {
       if (!this.contentWindow) return l(null);
       const a = this.contentWindow.document.body;
-      Qs(a).then((s) => {
-        t(s);
+      Qs(a).then((o) => {
+        t(o);
       }).catch(l);
     });
   }
@@ -10073,14 +10077,14 @@ class ac {
   parseGroups(e) {
     const t = [];
     for (let l of e) {
-      const { categories: a, components: s, label: o, name: r, library: c } = l;
-      if (!a || !s)
+      const { categories: a, components: o, label: s, name: r, library: c } = l;
+      if (!a || !o)
         continue;
-      const h = s.filter((_) => !!_.package).map((_) => _.name), p = a.map(
-        (_) => this.getCateoryComponents(_, s)
+      const h = o.filter((_) => !!_.package).map((_) => _.name), p = a.map(
+        (_) => this.getCateoryComponents(_, o)
       ), m = p.reduce((_, i) => i.count + _, 0), f = {
         name: l.name,
-        label: o || r,
+        label: s || r,
         count: m,
         names: h,
         library: c,
@@ -10106,7 +10110,7 @@ class ac {
     }
     if (!l) return null;
     l.name = t || l.name;
-    const { id: a, name: s, slots: o, props: r, emits: c } = l, h = (m) => {
+    const { id: a, name: o, slots: s, props: r, emits: c } = l, h = (m) => {
       const f = Array.isArray(m) ? m : [m];
       let _ = [];
       for (const i of f)
@@ -10116,9 +10120,9 @@ class ac {
       return _;
     }, p = {
       id: a,
-      name: s,
+      name: o,
       // 如果没有定义插槽，不能放置子组件
-      childIncludes: o?.length ? void 0 : !1,
+      childIncludes: s?.length ? void 0 : !1,
       props: (r || []).map((m) => typeof m == "string" ? {
         name: m
       } : {
@@ -10127,10 +10131,10 @@ class ac {
         setters: h(m.type)
       }),
       events: c,
-      slots: o,
+      slots: s,
       from: e
     };
-    return this.componentMap.set(s, p), p;
+    return this.componentMap.set(o, p), p;
   }
   clearCaches() {
     this.caches = {};
@@ -10162,8 +10166,8 @@ class Uc extends Rn {
     const {
       container: l,
       service: a,
-      project: s = {},
-      globals: o = {},
+      project: o = {},
+      globals: s = {},
       dependencies: r,
       materials: c,
       materialPath: h = "./",
@@ -10172,8 +10176,8 @@ class Uc extends Rn {
     } = this.options;
     this.container = l, this.service = a, this.adapter = p, this.provider = new pa({
       mode: On.Design,
-      globals: o,
-      project: s,
+      globals: s,
+      project: o,
       service: a,
       dependencies: r,
       materials: c,
@@ -10183,10 +10187,10 @@ class Uc extends Rn {
     }), this.assets = new ac(this.service, this.provider), this.simulator = new lc({
       engine: this,
       materialPath: h
-    }), this.bindEvents(), this.init(s), gt(this.render.bind(this)), wn(this.dispose.bind(this));
+    }), this.bindEvents(), this.init(o), gt(this.render.bind(this)), wn(this.dispose.bind(this));
   }
   async init(t) {
-    const l = await this.service.init(t).catch((a) => (Ie.warn("VTJEngine service init fail.", a), null));
+    const l = await this.service.init(t).catch((a) => (Pe.warn("VTJEngine service init fail.", a), null));
     l && (l.dependencies = Qu.merge(l.dependencies || []), this.project.value = new Gl(l), this.saveMaterials(), this.triggerReady());
   }
   render() {
@@ -10195,7 +10199,7 @@ class Uc extends Rn {
       const l = kn(sc);
       this.options.install && l.use(this.options.install, this), l.provide(rl, hl(this)), l.mount(t), this.app = l;
     } else
-      Ie.warn("VTJEngine constructor param [ container ] is undefined");
+      Pe.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
     oe.on(Kl, (t) => this.saveProject(t)), oe.on(Xl, (t) => this.saveBlockFile(t)), oe.on(Ql, (t) => this.saveBlockFile(t)), oe.on(Yl, () => this.saveMaterials()), oe.on(Tt, (t) => this.activeFile(t)), oe.on(Zl, () => this.publish()), oe.on(ea, () => this.publishCurrent()), oe.on($t, (t) => this.changeFile(t)), oe.on(Ye, () => this.changeCurrentFile()), oe.on(ta, (t) => this.saveHistory(t)), oe.on(na, (t) => this.loadHistory(t));
@@ -10206,53 +10210,53 @@ class Uc extends Rn {
     if (a) {
       if (l.isPageFile(a) && a.raw)
         return;
-      const s = await this.service.getFile(a.id);
-      s && (a.dsl = s);
+      const o = await this.service.getFile(a.id, l.toDsl());
+      o && (a.dsl = o);
     }
     if (a?.dsl) {
-      const s = new an(a.dsl);
-      this.updateCurrent(s), this.initHistory(s);
+      const o = new an(a.dsl);
+      this.updateCurrent(o), this.initHistory(o);
     } else
       this.updateCurrent(null);
-    Pe(this.project);
+    Te(this.project);
   }
   async changeFile(t) {
     await Ce();
     const l = t.toDsl();
-    this.service.saveFile(l), this.updateCurrent(t), this.history.value?.add(l), Pe(this.history);
+    this.service.saveFile(l, this.project.value?.toDsl()), this.updateCurrent(t), this.history.value?.add(l), Te(this.history);
   }
   changeCurrentFile() {
-    this.saveCurrentFile(), this.current.value && (this.history.value?.add(this.current.value.toDsl()), Pe(this.history));
+    this.saveCurrentFile(), this.current.value && (this.history.value?.add(this.current.value.toDsl()), Te(this.history));
   }
   async updateCurrent(t, l = !0) {
-    this.current.value = t, await Ce(), this.context.value = this.simulator.renderer?.context || null, this.isEmptyCurrent.value = this.current.value?.nodes.length === 0, this.changed.value = Symbol(), l && Pe(this.context);
+    this.current.value = t, await Ce(), this.context.value = this.simulator.renderer?.context || null, this.isEmptyCurrent.value = this.current.value?.nodes.length === 0, this.changed.value = Symbol(), l && Te(this.context);
   }
   async saveProject(t) {
     const a = t.model.toDsl();
-    await this.service.saveProject(a), Pe(this.project);
+    await this.service.saveProject(a), Te(this.project);
   }
   async saveBlockFile(t) {
-    const l = t.type, a = t.model;
+    const l = t.type, a = t.model, o = a.toDsl();
     if (l === "create") {
       const s = t.data;
-      a.isPageFile(s) && s.raw ? (await this.service.createRawPage(s), de(`源码文件已经生成：/.vtj/vue/${s.id}.vue`, "success")) : s.dsl && await this.service.saveFile(s.dsl);
+      a.isPageFile(s) && s.raw ? (await this.service.createRawPage(s, o), de(`源码文件已经生成：/.vtj/vue/${s.id}.vue`, "success")) : s.dsl && await this.service.saveFile(s.dsl, o);
     }
     if (l === "update") {
       const s = t.data;
       if (a.isPageFile(s) && (s.dir || s.raw))
         return;
-      const o = await this.service.getFile(s.id);
-      o && (o.name = s.name, Object.assign(o, s.dsl || {}), await this.service.saveFile(o));
+      const r = await this.service.getFile(s.id, o);
+      r && (r.name = s.name, Object.assign(r, s.dsl || {}), await this.service.saveFile(r, o));
     }
     if (l === "delete") {
       const s = t.data;
-      s && a.isPageFile(s) && s.raw ? await this.service.removeRawPage(s.id) : s.dir || (await this.service.removeFile(s.id), await this.service.removeRawPage(s.id), await this.service.removeHistory(s.id));
+      s && a.isPageFile(s) && s.raw ? await this.service.removeRawPage(s.id, o) : s.dir || (await this.service.removeFile(s.id, o), await this.service.removeRawPage(s.id, o), await this.service.removeHistory(s.id, o));
     }
     if (l === "clone") {
-      const { source: s, target: o } = t.data, r = await this.service.getFile(s.id);
-      r && (r.id = o.id, r.name = o.name, await this.service.saveFile(r));
+      const { source: s, target: r } = t.data, c = await this.service.getFile(s.id, o);
+      c && (c.id = r.id, c.name = r.name, await this.service.saveFile(c, o));
     }
-    Pe(this.project), this.emitter.emit(jt, t);
+    Te(this.project), this.emitter.emit(jt, t);
   }
   onSaveBlockFileFinish(t) {
     const l = (a) => {
@@ -10271,11 +10275,11 @@ class Uc extends Rn {
   }
   saveCurrentFile() {
     const t = this.current.value;
-    t && (this.updateCurrent(t), this.service.saveFile(t.toDsl()));
+    t && (this.updateCurrent(t), this.service.saveFile(t.toDsl(), this.project.value?.toDsl()));
   }
   async initHistory(t) {
     if (t) {
-      const l = await this.service.getHistory(t.id).catch(() => null);
+      const l = await this.service.getHistory(t.id, this.project.value?.toDsl()).catch(() => null);
       this.history.value = new la(
         Object.assign(l || {}, { id: t.id })
       );
@@ -10283,19 +10287,32 @@ class Uc extends Rn {
       this.history.value = null;
   }
   async saveHistory(t) {
-    const l = t.type, a = t.model;
-    l === "create" && await this.service.saveHistoryItem(a.id, t.data), l === "delete" && await this.service.removeHistoryItem(
+    const l = t.type, a = t.model, o = this.project.value?.toDsl();
+    l === "create" && await this.service.saveHistoryItem(
+      a.id,
+      t.data,
+      o
+    ), l === "delete" && await this.service.removeHistoryItem(
       a.id,
-      t.data
-    ), l === "clear" && await this.service.removeHistoryItem(a.id, t.data);
+      t.data,
+      o
+    ), l === "clear" && await this.service.removeHistoryItem(
+      a.id,
+      t.data,
+      o
+    );
     const s = a.toDsl();
-    await this.service.saveHistory(s), Pe(this.history);
+    await this.service.saveHistory(s, o), Te(this.history);
   }
   async loadHistory(t) {
-    const l = t.model, a = t.data, s = await this.service.getHistoryItem(l.id, a.id);
+    const l = t.model, a = t.data, o = this.project.value?.toDsl(), s = await this.service.getHistoryItem(
+      l.id,
+      a.id,
+      o
+    );
     if (s && s.dsl) {
-      const o = new an(s.dsl);
-      await this.updateCurrent(o), this.service.saveFile(s.dsl), Pe(this.history);
+      const r = new an(s.dsl);
+      await this.updateCurrent(r), this.service.saveFile(s.dsl, o), Te(this.history);
     }
   }
   async publish() {
@@ -10322,13 +10339,13 @@ class Uc extends Rn {
     this.emitter.all.clear(), this.simulator.dispose(), this.app && (this.app.unmount(), this.container = void 0);
   }
   async openFile(t) {
-    const l = this.project.value, a = this.skeleton?.getRegion("Apps"), s = t || l?.homepage;
-    if (!l || !a || !s) return;
-    const o = l.getPage(s);
-    o && !o.raw && (a.regionRef?.setActive("Pages"), this.simulator.ready(() => {
-      l.active(o);
+    const l = this.project.value, a = this.skeleton?.getRegion("Apps"), o = t || l?.homepage;
+    if (!l || !a || !o) return;
+    const s = l.getPage(o);
+    s && !s.raw && (a.regionRef?.setActive("Pages"), this.simulator.ready(() => {
+      l.active(s);
     }));
-    const r = l.getBlock(s);
+    const r = l.getBlock(o);
     r && (a.regionRef?.setActive("Blocks"), this.simulator?.ready(() => {
       l.active(r);
     }));
@@ -10336,9 +10353,9 @@ class Uc extends Rn {
 }
 function ce() {
   const u = Rt(rl, null);
-  return u || Ie.error("VTJEngine is not exist"), u;
+  return u || Pe.error("VTJEngine is not exist"), u;
 }
-const Te = E({
+const $e = E({
   name: "RegionWrapper",
   props: {
     region: {
@@ -10442,7 +10459,7 @@ const Te = E({
     getWidget(u) {
       const e = ol.get(u);
       if (!e) {
-        Ie.warn(`widget [ ${u} ] is not exsit`);
+        Pe.warn(`widget [ ${u} ] is not exsit`);
         return;
       }
       return this.getWidgets(e.region).find((l) => l.widget.name === u);
@@ -10537,8 +10554,8 @@ const Te = E({
       name: t,
       label: l,
       title: a,
-      value: s,
-      computedSetters: o,
+      value: o,
+      computedSetters: s,
       computedOptions: r,
       variable: c,
       changeValue: h,
@@ -10552,10 +10569,10 @@ const Te = E({
       name: t,
       label: l,
       title: a,
-      setters: o,
+      setters: s,
       defaultSetter: p,
       variable: c,
-      value: s,
+      value: o,
       removable: m,
       options: r,
       onChange: h,
@@ -10584,7 +10601,7 @@ const Te = E({
     footerHeight: { default: "20px" }
   },
   setup(u, { expose: e }) {
-    const t = u, l = S(!1), a = S(parseInt(t.leftWidth)), s = S(parseInt(t.rightWidth)), o = {
+    const t = u, l = S(!1), a = S(parseInt(t.leftWidth)), o = S(parseInt(t.rightWidth)), s = {
       dirs: ["e"],
       maxWidth: 600,
       minWidth: 49,
@@ -10599,10 +10616,10 @@ const Te = E({
       maxWidth: 600,
       minWidth: 2,
       onResizing(C, D) {
-        s.value = D.elementWidth.value;
+        o.value = D.elementWidth.value;
       },
       onEnd(C, D) {
-        s.value = D.elementWidth.value;
+        o.value = D.elementWidth.value;
       }
     }, c = S(), h = S(), p = S(), m = S(), f = S(), _ = S(), i = S(), g = S(), b = S(!1), k = S(!1);
     return e({
@@ -10616,7 +10633,7 @@ const Te = E({
       collapsed: b,
       settable: k,
       leftWidth: a,
-      rightWidth: s,
+      rightWidth: o,
       preview: g,
       isPreview: l
     }), (C, D) => (d(), w(n(Dl), { locale: n($l) }, {
@@ -10628,18 +10645,18 @@ const Te = E({
               height: C.headerHeight
             }, {
               default: y(() => [
-                v(n(Te), {
+                v(n($e), {
                   ref_key: "brand",
                   ref: c,
                   region: "Brand"
                 }, null, 512),
-                v(n(Te), {
+                v(n($e), {
                   ref_key: "toolbar",
                   ref: h,
                   region: "Toolbar",
                   preview: l.value
                 }, null, 8, ["preview"]),
-                v(n(Te), {
+                v(n($e), {
                   ref_key: "actions",
                   ref: p,
                   region: "Actions"
@@ -10657,7 +10674,7 @@ const Te = E({
                   }])
                 }, {
                   default: y(() => [
-                    v(n(Te), {
+                    v(n($e), {
                       ref_key: "apps",
                       ref: m,
                       region: "Apps"
@@ -10665,18 +10682,18 @@ const Te = E({
                   ]),
                   _: 1
                 }, 8, ["width", "class"])), [
-                  [n(nn), o]
+                  [n(nn), s]
                 ]),
                 v(n(Pl), { class: "v-skeleton__main" }, {
                   default: y(() => [
-                    l.value ? (d(), w(n(Te), {
+                    l.value ? (d(), w(n($e), {
                       key: 0,
                       ref_key: "preview",
                       ref: g,
                       region: "Preview",
                       preview: l.value
                     }, null, 8, ["preview"])) : A("", !0),
-                    Ee(v(n(Te), {
+                    Ee(v(n($e), {
                       ref_key: "workspace",
                       ref: f,
                       region: "Workspace"
@@ -10692,7 +10709,7 @@ const Te = E({
                   class: "v-skeleton__right"
                 }, {
                   default: y(() => [
-                    v(n(Te), {
+                    v(n($e), {
                       ref_key: "settings",
                       ref: _,
                       region: "Settings"
@@ -10712,7 +10729,7 @@ const Te = E({
               height: C.footerHeight
             }, {
               default: y(() => [
-                v(n(Te), {
+                v(n($e), {
                   ref_key: "status",
                   ref: i,
                   region: "Status"
@@ -10747,12 +10764,12 @@ const Te = E({
   },
   emits: ["change", "remove"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = S(!1), s = S(""), o = S(
+    const t = u, l = e, a = S(!1), o = S(""), s = S(
       t.setters.find((k) => k.name === t.defaultSetter) || t.setters[0]
     ), r = S(t.value), c = x(() => !!et(r.value)), h = {
-      [o.value.name]: r.value
+      [s.value.name]: r.value
     }, p = (k) => {
-      h[o.value.name] = r.value, o.value = k, r.value = h[k.name] ?? void 0, m(r.value);
+      h[s.value.name] = r.value, s.value = k, r.value = h[k.name] ?? void 0, m(r.value);
     };
     M(
       () => t.value,
@@ -10762,7 +10779,7 @@ const Te = E({
     ), M(
       () => t.defaultSetter,
       () => {
-        o.value = t.setters.find(
+        s.value = t.setters.find(
           (k) => k.name === t.defaultSetter
         ) || t.setters[0];
       }
@@ -10772,10 +10789,10 @@ const Te = E({
     }, f = () => {
       l("remove", t.name);
     }, _ = () => {
-      a.value = !0, s.value = et(r.value) ? r.value.value : "";
+      a.value = !0, o.value = et(r.value) ? r.value.value : "";
     }, i = () => {
-      a.value = !1, s.value = "";
-    }, g = async (k) => pe(k, t.context, !0) ? (h[o.value.name] = r.value, r.value = k, l("change", k), !0) : !1, b = async () => {
+      a.value = !1, o.value = "";
+    }, g = async (k) => pe(k, t.context, !0) ? (h[s.value.name] = r.value, r.value = k, l("change", k), !0) : !1, b = async () => {
       await He("确定要解除绑定吗？") && (i(), r.value = void 0, l("change", void 0));
     };
     return (k, C) => (d(), w(n(Pn), {
@@ -10800,12 +10817,12 @@ const Te = E({
       ]),
       default: y(() => [
         V("div", ic, [
-          o.value ? (d(), j("div", uc, [
-            c.value ? A("", !0) : (d(), w(bn(o.value.component), ue({
+          s.value ? (d(), j("div", uc, [
+            c.value ? A("", !0) : (d(), w(bn(s.value.component), ue({
               key: 0,
               current: t.current,
               context: t.context
-            }, o.value.props, {
+            }, s.value.props, {
               options: t.options,
               modelValue: r.value,
               "onUpdate:modelValue": C[0] || (C[0] = (D) => r.value = D),
@@ -10851,7 +10868,7 @@ const Te = E({
                       default: y(() => [
                         v(n(Mn), {
                           class: K({
-                            "is-placeholder": D.name !== o.value.name
+                            "is-placeholder": D.name !== s.value.name
                           })
                         }, null, 8, ["class"]),
                         G(" " + L(D.label), 1)
@@ -10878,7 +10895,7 @@ const Te = E({
           key: 0,
           current: t.current,
           context: t.context,
-          value: s.value,
+          value: o.value,
           modelValue: a.value,
           "onUpdate:modelValue": C[1] || (C[1] = (D) => a.value = D),
           submitMethod: g,
@@ -10909,12 +10926,12 @@ const Te = E({
     return e({
       widgets: l,
       widgetsRef: a
-    }), (s, o) => (d(), j("div", fc, [
+    }), (o, s) => (d(), j("div", fc, [
       (d(!0), j(z, null, W(n(l), (r) => (d(), w(n(Fe), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
-        region: s.region,
+        region: o.region,
         widget: r
       }, null, 8, ["region", "widget"]))), 256))
     ]));
@@ -10931,14 +10948,14 @@ const Te = E({
     return e({
       widgets: l,
       widgetsRef: a
-    }), (s, o) => (d(), j("div", bc, [
+    }), (o, s) => (d(), j("div", bc, [
       (d(!0), j(z, null, W(n(l), (r) => (d(), w(n(Fe), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
-        region: s.region,
+        region: o.region,
         widget: r,
-        preview: s.preview
+        preview: o.preview
       }, null, 8, ["region", "widget", "preview"]))), 256))
     ]));
   }
@@ -10954,12 +10971,12 @@ const Te = E({
     return e({
       widgets: l,
       widgetsRef: a
-    }), (s, o) => (d(), j("div", _c, [
+    }), (o, s) => (d(), j("div", _c, [
       (d(!0), j(z, null, W(n(l), (r) => (d(), w(n(Fe), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
-        region: s.region,
+        region: o.region,
         widget: r
       }, null, 8, ["region", "widget"]))), 256))
     ]));
@@ -10973,7 +10990,7 @@ const Te = E({
     index: { default: 0 }
   },
   setup(u, { expose: e }) {
-    const t = u, l = ce(), { widgets: a, widgetsRef: s } = ze(t.region), o = x(() => a.value.filter((i) => i.openType === "panel")), r = x(() => a.value.filter((i) => i.openType !== "panel")), c = o.value[t.index], h = S(c), p = S(c), m = (i) => {
+    const t = u, l = ce(), { widgets: a, widgetsRef: o } = ze(t.region), s = x(() => a.value.filter((i) => i.openType === "panel")), r = x(() => a.value.filter((i) => i.openType !== "panel")), c = s.value[t.index], h = S(c), p = S(c), m = (i) => {
       h.value = i, p.value = p.value?.name === i.name ? null : i;
     }, f = (i) => {
       i.openType === "link" && i.url && window.open(i.url), i.openType === "dialog" && Ol({
@@ -10987,15 +11004,15 @@ const Te = E({
       l.skeleton?.toggleCollapse(!i);
     }), e({
       widgets: a,
-      widgetsRef: s,
+      widgetsRef: o,
       setActive: (i) => {
-        const g = o.value.find((b) => b.name === i);
+        const g = s.value.find((b) => b.name === i);
         h.value = g, p.value = g;
       }
     }), (i, g) => (d(), j("div", kc, [
       V("div", Sc, [
         V("div", xc, [
-          (d(!0), j(z, null, W(o.value, (b) => (d(), w(n(vn), {
+          (d(!0), j(z, null, W(s.value, (b) => (d(), w(n(vn), {
             key: `icon-${b.name}`,
             icon: b.icon,
             label: b.label,
@@ -11014,14 +11031,14 @@ const Te = E({
         ])
       ]),
       V("div", Vc, [
-        (d(!0), j(z, null, W(o.value, (b) => (d(), w(Sn, {
+        (d(!0), j(z, null, W(s.value, (b) => (d(), w(Sn, {
           key: b.name
         }, [
           h.value?.name === b.name ? (d(), w(n(Fe), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
-            ref: s,
+            ref: o,
             region: i.region,
             widget: b
           }, null, 8, ["region", "widget"])) : A("", !0)
@@ -11036,7 +11053,7 @@ const Te = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: a } = ze(t.region), s = qe(
+    const t = u, { widgets: l, widgetsRef: a } = ze(t.region), o = qe(
       l.value.map((i) => ({
         name: i.name,
         command: i.name,
@@ -11046,17 +11063,17 @@ const Te = E({
         checked: !i.closable,
         actions: i.actions
       }))
-    ), o = x(() => s?.filter((i) => !i.closable || i.checked)), r = x(() => s.map((i) => ({
+    ), s = x(() => o?.filter((i) => !i.closable || i.checked)), r = x(() => o.map((i) => ({
       ...i,
       disabled: !i.closable
-    }))), c = S(o.value[0]?.name), h = x(() => s.find((g) => g.name === c.value)?.props || {}), p = (i) => {
-      const g = s.find((b) => b.name === i);
-      g && (g.checked = !1), c.value === i && (c.value = o.value[0]?.name);
+    }))), c = S(s.value[0]?.name), h = x(() => o.find((g) => g.name === c.value)?.props || {}), p = (i) => {
+      const g = o.find((b) => b.name === i);
+      g && (g.checked = !1), c.value === i && (c.value = s.value[0]?.name);
     }, m = (i) => {
-      const g = s.find((b) => b.name === i.name);
-      g && g.closable && (g.checked = !g.checked, g.checked && (c.value = g.name), !g.checked && c.value === g.name && (c.value = o.value[0]?.name));
+      const g = o.find((b) => b.name === i.name);
+      g && g.closable && (g.checked = !g.checked, g.checked && (c.value = g.name), !g.checked && c.value === g.name && (c.value = s.value[0]?.name));
     }, f = (i, g = {}) => {
-      const b = s.find((k) => k.name === i);
+      const b = o.find((k) => k.name === i);
       b && (b.props = Object.assign({}, b.props, g), b.checked = !0, c.value = b.name);
     }, _ = (i) => {
       if (a.value) {
@@ -11076,7 +11093,7 @@ const Te = E({
       openTab: f
     }), (i, g) => (d(), w(n(xt), {
       class: "v-workspace-region",
-      items: o.value,
+      items: s.value,
       menus: r.value,
       modelValue: c.value,
       "onUpdate:modelValue": g[0] || (g[0] = (b) => c.value = b),
@@ -11109,8 +11126,8 @@ const Te = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, l = ce(), { current: a } = me(), { selected: s, isSelectBlock: o } = xe(), r = x(
-      () => o.value ? ke.Block : ke.Node
+    const t = u, l = ce(), { current: a } = me(), { selected: o, isSelectBlock: s } = xe(), r = x(
+      () => s.value ? ke.Block : ke.Node
     ), { widgets: c, widgetsRef: h } = ze(t.region, r), p = S(), m = S(!1), f = x(() => c.value.map((b) => ({
       name: b.name,
       label: b.label,
@@ -11122,7 +11139,7 @@ const Te = E({
         }
       ] : void 0
     }))), _ = x(() => {
-      const b = s.value?.model;
+      const b = o.value?.model;
       return b ? l.assets.componentMap.get(b.name)?.doc : null;
     });
     M(a, (b) => {
@@ -11156,7 +11173,7 @@ const Te = E({
       direction: "column"
     }, {
       default: y(() => [
-        n(s) ? (d(), w(n(q), {
+        n(o) ? (d(), w(n(q), {
           key: 0,
           flex: "",
           justify: "space-between",
@@ -11168,8 +11185,8 @@ const Te = E({
               default: y(() => [
                 v(n(Kn)),
                 V("span", null, [
-                  G(L(n(s)?.model.name) + ": ", 1),
-                  V("i", null, L(n(s)?.model.id), 1)
+                  G(L(n(o)?.model.name) + ": ", 1),
+                  V("i", null, L(n(o)?.model.id), 1)
                 ])
               ]),
               _: 1
@@ -11188,7 +11205,7 @@ const Te = E({
           ]),
           _: 1
         })) : A("", !0),
-        n(s) && !n(s).model.locked ? (d(), w(n(q), {
+        n(o) && !n(o).model.locked ? (d(), w(n(q), {
           key: 1,
           grow: "",
           padding: !1
@@ -11221,11 +11238,11 @@ const Te = E({
           ]),
           _: 1
         })) : A("", !0),
-        n(s) ? A("", !0) : (d(), w(n(ie), {
+        n(o) ? A("", !0) : (d(), w(n(ie), {
           key: 2,
           description: "请在左侧画布选中节点"
         })),
-        n(s) && n(s).model.locked ? (d(), w(n(ie), {
+        n(o) && n(o).model.locked ? (d(), w(n(ie), {
           key: 3,
           "image-size": 1,
           description: "节点已被锁定, 禁止编辑"
@@ -11246,12 +11263,12 @@ const Te = E({
     return e({
       widgets: l,
       widgetsRef: a
-    }), (s, o) => (d(), j("div", Dc, [
+    }), (o, s) => (d(), j("div", Dc, [
       (d(!0), j(z, null, W(n(l), (r) => (d(), w(n(Fe), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
-        region: s.region,
+        region: o.region,
         widget: r
       }, null, 8, ["region", "widget"]))), 256))
     ]));
@@ -11263,7 +11280,7 @@ const Te = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: a } = ze(t.region), s = qe(
+    const t = u, { widgets: l, widgetsRef: a } = ze(t.region), o = qe(
       l.value.map((c) => ({
         name: c.name,
         command: c.name,
@@ -11271,14 +11288,14 @@ const Te = E({
         closable: !!c.closable,
         checked: !1
       }))
-    ), o = x(() => s.filter((c) => !c.closable || c.checked)), r = S(o.value[0]?.name);
+    ), s = x(() => o.filter((c) => !c.closable || c.checked)), r = S(s.value[0]?.name);
     return e({
       currentTab: r,
       widgets: l,
       widgetsRef: a
     }), (c, h) => (d(), w(n(xt), {
       class: "v-workspace-region",
-      items: o.value,
+      items: s.value,
       modelValue: r.value,
       "onUpdate:modelValue": h[0] || (h[0] = (p) => r.value = p)
     }, {
@@ -11331,7 +11348,7 @@ export {
   un as PAD_SIZE,
   H as Panel,
   ro as RegionType,
-  Te as RegionWrapper,
+  $e as RegionWrapper,
   nc as Renderer,
   jt as SAVE_BLOCK_FILE_FINISH,
   mc as SetterView,