@vtj/designer 0.7.19 → 0.7.21

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as E, openBlock as c, createElementBlock as $, toDisplayString as B, computed as S, unref as t, ref as k, reactive as Oe, watchEffect as kn, watch as H, toValue as st, createVNode as p, withCtx as f, createElementVNode as x, createBlock as b, createCommentVNode as I, createTextVNode as q, Fragment as P, renderList as z, normalizeClass as W, resolveDynamicComponent as Tt, createSlots as Sn, withDirectives as je, vShow as De, renderSlot as ye, withModifiers as ze, toRaw as xn, isRef as at, mergeProps as re, normalizeStyle as Le, nextTick as $e, defineAsyncComponent as Cn, h as Pe, normalizeProps as Jt, guardReactiveProps as Ft, withKeys as Ue, onMounted as Ot, onUnmounted as Nt, createApp as Mt, shallowRef as ot, shallowReactive as Vn, triggerRef as Ce, inject as $n, markRaw as xt, KeepAlive as Wt } from "vue";
+import { defineComponent as $, openBlock as c, createElementBlock as V, toDisplayString as B, computed as S, unref as t, ref as k, reactive as Oe, watchEffect as kn, watch as H, toValue as st, createVNode as p, withCtx as f, createElementVNode as x, createBlock as b, createCommentVNode as E, createTextVNode as q, Fragment as P, renderList as z, normalizeClass as W, resolveDynamicComponent as Tt, createSlots as Sn, withDirectives as je, vShow as De, renderSlot as ye, withModifiers as ze, toRaw as xn, isRef as at, mergeProps as re, normalizeStyle as Le, nextTick as $e, defineAsyncComponent as Cn, h as Pe, normalizeProps as Jt, guardReactiveProps as Ft, withKeys as Ue, onMounted as Ot, onUnmounted as Nt, createApp as Mt, shallowRef as ot, shallowReactive as Vn, triggerRef as Ce, inject as $n, markRaw as xt, KeepAlive as Wt } from "vue";
 import { ElNotification as Ke, ElMessageBox as ft, ElMessage as Ze, ElButton as ce, ElDivider as ht, ElRadioGroup as Lt, ElRadioButton as He, ElButtonGroup as En, ElDropdown as Ut, ElDropdownMenu as Ht, ElDropdownItem as rt, ElInput as _e, ElEmpty as le, ElTooltip as qt, ElTag as In, ElSwitch as Gt, ElTree as bt, ElAlert as jn, ElRow as it, ElCol as ut, ElCollapse as An, ElCollapseItem as Dn, ElForm as me, ElDrawer as Pn, ElFormItem as Kt, ElBreadcrumb as Rn, ElBreadcrumbItem as Bn, ElLoading as zn, ElSelect as Tn, ElOption as Jn, ElInputNumber as Fn, ElColorPicker as On, ElUpload as Nn, ElSlider as Mn, ElConfigProvider as Wn, ElContainer as Ct, ElHeader as Ln, ElAside as Vt, ElMain as Un, ElFooter as Hn } from "element-plus";
 import qn from "element-plus/es/locale/lang/zh-cn";
 import { XIcon as we, XDialog as Ne, XDialogForm as he, XField as D, XPanel as yt, XAction as fe, XTabs as Zt, XContainer as M, XForm as Gn, XActionBar as Kn, XInputUnit as Qt, vResizable as $t, createDialog as Zn } from "@vtj/ui";
@@ -11,10 +11,10 @@ import { useClipboard as sa, useElementSize as Fe, onClickOutside as aa } from "
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.19
+ * @version 0.7.21
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const oa = "0.7.19", Dt = {
+const oa = "0.7.21", Dt = {
   width: 390,
   height: 844
 }, Pt = {
@@ -45,7 +45,7 @@ const oa = "0.7.19", Dt = {
   "passive"
 ];
 var ve = /* @__PURE__ */ ((u) => (u.Block = "block", u.Node = "node", u))(ve || {}), da = /* @__PURE__ */ ((u) => (u.Brand = "Brand", u.Toolbar = "Toolbar", u.Actions = "Actions", u.Apps = "Apps", u.Workspace = "Workspace", u.Settings = "Settings", u.Status = "Status", u.Preview = "Preview", u))(da || {});
-const kt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAQd0lEQVR4nO2dCXRVxRnHf/clIPsekBgIS1hFdqVoZbGLFNTWWgQ3bLVurRYJcTuntbW22qooKKWl2toWquygIFa01doqmBBWWcomIkhACLIKyXvcnu/eefiSNzd57y4vAfI/553wuPfNzJ3/nW9m/t83M4Yx6iTVGOlAC6AD0Bs4F2gGtFT/lmtNgLpABDgMFAN7gCJgH3AQ2ACsAz5V91RbpFfDguUAg4EewBCgLdAQqJXAb5sD7RyuHVGfpcBy4AOgADjkc/k9obq0kP7AN4CrgK7qrQ8aJrALeAt4Q/3dV7XVULWEtAauBq5ThNSpqoIo7AReBWYA/6mqQlQFId2AW4HRwHmpzjwBSMv5N/BHYAHwRSozTyUhQsS9iohGqcrUI1YDE4GXgROpyDAVhMiIKBe4I0V9QxCQgcCvgdeCzigUcPo/BN4HHjiNyRAMBBYBs4BOQWYUFCFdgIXA80DHgPKoCowE3gHuCirvIAj5AfAmcEUAaVcHZAJTgHlqjuQr/CREJm/PAH8G2pyWVZ0crlbzl8v8TNQvQrLVGP5en9I7XdBV9S0/9qu8fhDSC1isZI6zEaKjTQYe8aM+vSZwqeq8u5+lZMTiYeA5oLaXRLwQMhSYe5b0F4niR8BUL6S4VXsvAWYCGZ6Kf2bi+8oVcDuQ9KzbTQvpqQS4GjKcIVrdU25+mCwhbZWuk+WhsGcLxgEPJvusyRAi84xpNR14UhD9a1QyP0iGkEeBQcGV/YyE1O+zwPnJ/CARSEc1NrBin9kQtftFoHEiT5kIIeLj/s3ZXqsecSHwUCJJVEZIGjAJaFXVT3QG4D7ga5U9RmWEiHI7/GyvSZ8QUkPhhhUlVxEhLZUcUAP/ILFld7slJK9GFgkEuRXEjjkSIh6/O0+fZzyt0EK5tLVwIiSvMltXA0+4yWluoiOkqwrVqUFwqA/ckygholI2SCUZZhjM4/bflOYrn1IwT4AZSW3eSlLpUP4/yxPSKtWtwyyBnPPgioHQtpX93Zd0TVXZEbviddcJQ59OMHwAZDTxL+8EIWFRN5a/tTwh31UxtymBtIrhF8GiBwwWPmDw2oMGg3t5rxghIi0NLugAbcRJUKoIiEUYbhwCrz9k57sgz6BvZ7u1pBBjlPk6hdjIRSHnXeV8ChzmF3DlJfDyWIP653yZ28ZP4dKHTfYdBCPNHRndsuGpmwwGdYNjJ2DiYpMnFtheI8OwTWPnLCh43KBR3S9/u/0z+N4Ek8KNYKQu9PvbKkDEQmwL6QP0S0UJhIxhA2D6PWXJEHTNhN7t7Tc46XQj0KQRzBhrMLwPNKgDLRvDY9cZfFOeLtrywjC0B2XIELTLgNm5Br072603RRgZm00sIcNSsSRAyBjSF6b/xIirEMHRE7D7gEtfZhiG9YGe2fGXLuwY41A1oOhzfRLtW8LMcQbnd0wZKd9UC40shGL+Xhl0zkLGwJ4w816D5g7juKlvwbqPwEhkvVRs2thPcfWFhvb62h02ERZqw+vL4e//1afVuTXMGW/QpV1KSMmIDaGKEtI+GSeKGwgZ/brZZLR08AzMWgY/e8l03TqyW8PXesRf2roH3t3w5aI46UdKwnDnVJNXC/XJiemcPd4gp03gpMhr8tXol+ijDwly7iFk9Opiv3VtmuvvmZsPtzxnWp2wm85cCBnRB5pr9IXFK2F/sXImKBjpcOQY3DTJ5LWV+iQvaGOTkp0Z+Ojr8mjoUJSQnkHlJG9X9xyYO96wOk0dFq6AHzxncvS4XVFJ52FCWh24+qJ4cxU5Ca8WmpZNK39VzOKhIzDmWZO31+nT7t0OZuUaZGYESkrbaOB2SMVmBeIrlwfo0h7mjTfo6ODikrdzzCSTw8eS7zdOIQzd28JXNCs3pO94f6PzGl6jNhQfhOsnmrz3P/09F+XAy7kGGc0CmzzWV2tQLEJaqD7EVwgZHdvA/DyDLpn6lN9aCzc/a/L5YfdkWJ15BIb1soe55TEv3+SYpF9BvySkFO2D6yeZrNyuv2dQV3hpnEHTRvZcJwB0jRIieko9X8kogQ5ZMC/PoJvDss531sMNE032H7QrxDVOQq168F2NuZIh9PyCsn2HE4xzYMduuPZpk3U79Td9vQdMG2vQqF4gpAgPTUPKi+XWWMRByDivpW13ezosZ/lgC9w4yWRvsUcysGWRAZ3UPKMclm6CDTsSD5gVUrbssEnZskd/jwwc/ibqQl3fSZGl4e1DakWQLxAyWjW3Z7v9HIygmIRRT5vs2mtXgBdE9SmZe6RpTJKYq8gJe5ibKEQyWb8NrnnS5KPP9D/6dn948W6DunV8JUVc5i1Dfi3GFDKaNYaX7zUY2Fl/z4ZdMPoZk493eyfDwklo2Bgu7x1/af8ReH1VYuaqPISUNZvhe0+ZfLJff8/Ir8Cff2xwTm3f3AZS0mYhxYwnCBkNG9id3lCH6aWYgJETTDZ97BMZ2Obqki5o+6klq2H7LveDBaMurNhoi427HWSW0RfDCz8ySE/3hRSplcyQ2lXHNaQg9evB9LEGlzvMZiwV9SmTddv8U1Etc2XYc4+QxiTN+cB0sRigLISU/HU2KZ85bFFz46Uw9Q5FijcnV3qUkBZuUzBPQnoaTLnd4CoHnViavDzQ6s0+S9oRaJkBwzXm6qO98M46f/Y6ElLeXwM3PGty4Kj+nluGwiOjDatMcX6X5HCutz6kFAb1gDEO08pPDyj/woYA/Aul8PULIEsjxSxaAcX73c36dRBS3iyAMZNNDjvsfJI7Avp2scvlAVYfohHBE0QELu+lH8KImbr2GdNq8ob7HLSw3sJaemW3NAxzlml0Eq+oA4veh9ummhQfiU+rTi3VWr2ZrXohT0mY0NbB4P1qnsl7+f6TYSEM7VrDEM0AYvUOyN/i/9Zs1tC5Dsx8A/70tv6erOae34JwyNOWdwbscNjyK3eEQe+eAUnXYfttbKFRdhcWmhw/7FIxrgzH4VuD4Iav6u/bVeytA5Hd7UJqj0J3SIf5+SZhTRvrrqSTCzra8rtfkIGEKLvXDIh/G4+VJC6VJAt5hqF9Ydo9BplN4398vNTuuzzm/VlIbRjpDrVg2Qb45Vz9myHu0Hn3++wOVcruAI2y+98N8OF2/82VkHFJT5hRgafzyYWwcpMnEUoq8dOQ2r3TFSy7mgaPzoDHFuhTyGkF8+4z6OqXOzSCNcQuHxwhmP2BaanMFSm7yULI6NvV1uacPJ3P/xMemWladZGMTFMO4m3ZJUV3EAcSg/XwafDT6SYTF+t/Ij7q+fcbdMn2RoqYqzoN4Dua0dWeg7BkjZ8yqU1Gz072C6UzU4KX3oO7nzeJRDz3WzJg3ivV6SAMJA4piGlA3l9MJr+h/5n4qOfeZ9C5rQdSSuGiTtBHI1z+60PYUeRf/2F5OjvaZc52GEnOWQa3TTEt/7wPcx5pIQdCapNhzxBSIibkvmjygsOw8PwsmDXesHwlrtyhJlzV31nZlf7Fg8n4Mpvj0Dkb5uYZlsnVQYIjbplicsyl21mD9SJshNSOzw6iQHIQUkojcPcfTaY5bLTaKxvm5CUfOCA6UcMmcEXf+Gtbimzvox/mSsjIaav6PQfHxOJVth/+8FEPbud4iMHdGfJ7+20h5UQp3PUHk9nL9Pf0aWcHo2W1SoKUsK3sdtJEHr+yHD53G1wXAylL+yw70uR8h70qpJ+6aaLJwSO+kiEQV1pJdGK41M+UpQlLBMmtk00WOsQ9DciBmbkG52YkGDhgwKiB8cqutMgFBfaw24u5EjKyzrXNVG9N5KPg3xtst3PxId/JKFVbn596p1b4mrwKsREhTpq2NfrR4OLOtkOrRdOKSRGJP7OV6Gbx11Zth8Jt3syV5enMgFnjDKv16rB0M4yaYLLvcx/czvGQAwM+JIaQpZ5lMQ2EFIkokbfqPxv19wzpDjPGGTRpXIE7NGJHJLbWDD1fKTD54rB7cyVkNG1im1AnT6fldp5gsmd/IGQIlkUVk+hjFHiZIFYEeYB9B2w/+vJt+hulsl8aa9CgfjwplrKbbo+uyuPIcZi/3B7qurFWklcD8XT+xGBwN/0963fans5Pinz0dMbj1Lg0SsghdTpAIJAH2b3XJuXDT/Q5fKt3DCmxbTUCHVrDZRplV2z6+iSiSmIhZrBeXTsKf5jGyYUavUkEytZPAl0vIkrfv6JfYhv6PwLLUgUObFNv26bd+nuu7AeTbzVID8V43kTZ7QPNNBrSPHHTliTfmVuhp2nwu9sMK4JEB/HnjJQYra2BL96ReeDa6JdYQpaoIXBgkAfbuN1+67Y5SJo3D4b+nWKWoaVLKKeDVLLWpZBYCiP6w/cH6y+LS0HKuGpTQP6cspgZ23/HElKsdhgNFEKK+NdHTzLZ6aCi1a6ltE/DLuqWong1WUJ8dha5JOSkPUHVQRYLSUhpQRBu53gcjV3OhmZsMt2zVzgByIMWrFeklPPGyIx7xRZ7GGu1i3T4wxLKBELvPwwTF6m5h5sCpMGba+wJbCyk1V03yeS9tSlbYyh9R5nxZ5rR4+ex33eqLYQc3h//IJNHiaV9ax00bWBw0oRFhTDur2UXfIqafPQYvFIIoZBhEZg3zSR/o/shqKS9cw98XAz9OthL6wq22v7yd9ekdMHneGBzmbJpzg8ZpXYdTQmsCWEte3Hm3gO2qdKJddbIy1RtOux9PmD1T6XQvb3tSFu+FfbsC2yeoUOhWvFcRjzSEVJXTVQCW8RTHlblnLQru6IRU3Tk5YeieyrNUpV3ekB+eGfcDPyt/FXd/FbGxRNSWTKpYCMBb5t1n8/hPaImyDwpxWTIUUpzdBecBIeZUbGrBoHgcYnJSIYQsWu/CELfqoGliMx2qoaKJLl/qGPjauAfpMf6WUV7wlemkcrOZw7LVmrgAhPVgMkRlRGytWYjTN8gXqHHKkssES/C8zWmyzPCamfwSiN8EiEkorY23VT1z3Xa4qfquL1KkaifbZfapTR1mxadOZiTzLwuGcfn20p7qUHiWKlOcEt4BWKynugp6tiKGlSObUoX3JtMXbkJDXhYEVMDZxSpzUQ3J1tHbkPLZMTwlxpCtNinDu0vcPNjt4SE1XHcf3L5+zMV0jKuTXREpYOX4MsSNfJ6+myt/XKQSfR3YkN63MDr0pawGnkldHrMGYxCdc6KZ4Xcr7VGv1F2M9ColWoKOfR+hF8TZz+P756htprN9zHN6oxSdU7hdZ7WaZaD3wfcS6TUN1SLOZN9KavVxpW/dXO8akXwmxBUWOpDyqauCiD9qkSJImGo187bCUEQEsUSdbz3A3426SrEEhUiJWbqQFDFCJIQgewK8oTacfN36vvpBmnl10s8uCyFD7rsujCgINFDnTl+bex+59UUMtP+vQr40AYkBIFUExKFbFl5gzqLKacqCuCAQ6pveEGZqNQe8VKFhEQhiwwuA66RXVj93JAzCRxTSwJmqWBzX5aJu0VVExILWZ4vCwQuVvY6M9EDfZNERAmABao1vKP6iWpREdWJkFjUUgHfMhjopD79Vb9TW20YWdlChOPK5JSoRflr1NLjfDVfcr8LUoDwed8c3yCzYFmUIB9BM3U6prQi+UjrkY9s4CnXZGdu0dWkD5CwJZFwxO0sw20JLJCFdPIJfKmFJwD/B4g2wB0X86iqAAAAAElFTkSuQmCC", pa = ["title", "src"], ma = { key: 1 }, va = /* @__PURE__ */ E({
+const kt = "data:image/png;base64,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", pa = ["title", "src"], ma = { key: 1 }, va = /* @__PURE__ */ $({
   name: "LogoWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -58,30 +58,31 @@ const kt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAA
     const e = u, n = () => {
       e.link && (location.href = e.link);
     };
-    return (l, s) => (c(), $("div", {
+    return (l, s) => (c(), V("div", {
       class: "v-logo-widget",
       onClick: n
     }, [
-      e.icon ? (c(), $("img", {
+      e.icon ? (c(), V("img", {
         key: 0,
         title: e.text,
         class: "v-logo-widget__icon",
         src: e.icon
-      }, null, 8, pa)) : (c(), $("span", ma, B(e.text), 1))
+      }, null, 8, pa)) : (c(), V("span", ma, B(e.text), 1))
     ]));
   }
-}), ga = { class: "v-empty-widget" }, fa = /* @__PURE__ */ E({
+}), ga = { class: "v-empty-widget" }, fa = /* @__PURE__ */ $({
   name: "EmptyWidget",
   __name: "index",
   setup(u) {
-    return (e, n) => (c(), $("div", ga, "EmptyWidget"));
+    return (e, n) => (c(), V("div", ga, "EmptyWidget"));
   }
 });
 function mn() {
-  const u = ie(), e = S(() => u.project.value?.dependencies ?? []);
+  const u = ie(), e = S(() => u.project.value?.dependencies ?? []), n = S(() => u.project.value?.apis ?? []);
   return {
     engine: u,
-    dependencies: e
+    dependencies: e,
+    apis: n
   };
 }
 function Ee(u, e) {
@@ -119,7 +120,7 @@ function ya() {
     label: `${g.label} (${g.count})`,
     name: g.name,
     disabled: !g.children?.length
-  })) : []), a = k(r.value[0]?.name), i = k(""), v = S(() => o.value[a.value]);
+  })) : []), a = k(r.value[0]?.name), i = k(""), m = S(() => o.value[a.value]);
   kn(() => {
     const g = r.value.reduce(
       (y, h) => (y[h.name] = ba(
@@ -129,7 +130,7 @@ function ya() {
     );
     Object.assign(s, g);
   });
-  const m = S(() => {
+  const v = S(() => {
     const g = i.value.toLowerCase();
     return !g || !e ? [] : e.filter((y) => y.name.toLowerCase().includes(g) || y.label?.toLowerCase().includes(g));
   });
@@ -141,13 +142,13 @@ function ya() {
     tabs: r,
     model: s,
     currentTab: a,
-    currentGroup: v,
+    currentGroup: m,
     searchKey: i,
-    searchResult: m
+    searchResult: v
   };
 }
 function oe() {
-  const u = ie(), e = S(() => u.current.value), n = S(() => u.context.value), l = S(() => u.isEmptyCurrent.value);
+  const u = ie(), e = S(() => u.current.value), n = S(() => u.simulator.renderer?.context ?? null), l = S(() => u.isEmptyCurrent.value);
   return {
     engine: u,
     current: e,
@@ -155,23 +156,23 @@ function oe() {
     context: n
   };
 }
-function _a(u, e) {
-  const n = ie();
-  n.simulator.init(u, e);
-  const l = S(() => n.simulator.designer.value), s = S(
-    () => nt("hover", l.value?.hover.value)
-  ), o = S(
-    () => nt("dropping", l.value?.dropping.value)
+function _a(u, e, n) {
+  const l = ie();
+  l.simulator.init(u, e, n);
+  const s = S(() => l.simulator.designer.value), o = S(
+    () => nt("hover", s.value?.hover.value)
   ), r = S(
-    () => nt("selected", l.value?.selected.value)
+    () => nt("dropping", s.value?.dropping.value)
+  ), a = S(
+    () => nt("selected", s.value?.selected.value)
   );
-  return H(n.changed, () => {
-    l.value?.updateRect();
+  return H(l.changed, () => {
+    s.value?.updateRect();
   }), {
-    designer: l,
-    dropping: o,
-    hover: s,
-    selected: r
+    designer: s,
+    dropping: r,
+    hover: o,
+    selected: a
   };
 }
 function wa(u, e = !0) {
@@ -228,46 +229,46 @@ function be() {
 }
 function Sa(u, e) {
   const n = k(""), { selected: l, isSelectBlock: s } = be(), o = S(() => l.value?.model.id), r = S(() => {
-    const i = st(u), v = st(e), m = [];
+    const i = st(u), m = st(e), v = [];
     if (!i)
-      return m;
-    const g = v?.__contextRefs[o.value || ""], h = v === g || s.value ? [] : Object.keys(g?.context || {}).filter((j) => !["context", "ref"].includes(j)).map((j) => `this.context.${j}`);
-    h.length && m.push({ title: "上下文", items: h });
-    const d = i.inject.map((j) => `this.${j.name}`);
-    d.length && m.push({ title: "注入", items: d });
+      return v;
+    const g = m?.__contextRefs[o.value || ""], h = m === g || s.value ? [] : Object.keys(g?.context || {}).filter((A) => !["context", "ref"].includes(A)).map((A) => `this.context.${A}`);
+    h.length && v.push({ title: "上下文", items: h });
+    const d = i.inject.map((A) => `this.${A.name}`);
+    d.length && v.push({ title: "注入", items: d });
     const _ = i.props.map(
-      (j) => typeof j == "string" ? `this.$props.${j}` : `this.$props.${j.name}`
+      (A) => typeof A == "string" ? `this.$props.${A}` : `this.$props.${A.name}`
     );
-    _.length && m.push({ title: "属性", items: _ });
-    const w = Object.keys(i.state).map((j) => `this.state.${j}`);
-    w.length && m.push({ title: "状态", items: w });
+    _.length && v.push({ title: "属性", items: _ });
+    const w = Object.keys(i.state).map((A) => `this.state.${A}`);
+    w.length && v.push({ title: "状态", items: w });
     const C = Object.keys(i.computed).map(
-      (j) => `this.${j}.value`
+      (A) => `this.${A}.value`
     );
-    C.length && m.push({ title: "计算属性", items: C });
-    const V = Object.keys(i.methods).map((j) => `this.${j}`);
-    V.length && m.push({ title: "方法", items: V });
-    const A = Object.keys(i.dataSources).map(
-      (j) => `this.${j}`
+    C.length && v.push({ title: "计算属性", items: C });
+    const I = Object.keys(i.methods).map((A) => `this.${A}`);
+    I.length && v.push({ title: "方法", items: I });
+    const j = Object.keys(i.dataSources).map(
+      (A) => `this.${A}`
     );
-    A.length && m.push({ title: "数据源", items: A });
-    const O = Object.keys(v?.$refs || {}).map(
-      (j) => `this.$refs.${j}`
+    j.length && v.push({ title: "数据源", items: j });
+    const T = Object.keys(m?.$refs || {}).map(
+      (A) => `this.$refs.${A}`
     );
-    return O.length && m.push({ title: "refs", items: O }), m;
+    return T.length && v.push({ title: "refs", items: T }), v;
   }), a = S(() => {
     if (!n.value)
       return r.value;
-    const i = n.value.toLowerCase(), v = [];
-    return r.value.forEach((m) => {
-      const g = m.items.filter(
+    const i = n.value.toLowerCase(), m = [];
+    return r.value.forEach((v) => {
+      const g = v.items.filter(
         (y) => y.toLowerCase().includes(i)
       );
-      g.length && v.push({
-        title: m.title,
+      g.length && m.push({
+        title: v.title,
         items: g
       });
-    }), v;
+    }), m;
   });
   return {
     keyword: n,
@@ -389,8 +390,8 @@ function gn() {
     e.value?.cleanHelper(), n.value?.forward();
   }, o = () => {
     n.value?.backward(), e.value?.cleanHelper();
-  }, r = (v) => {
-    e.value?.cleanHelper(), n.value?.load(v), ue("已载入历史记录", "success");
+  }, r = (m) => {
+    e.value?.cleanHelper(), n.value?.load(m), ue("已载入历史记录", "success");
   }, a = S(() => l.value <= 1 ? !0 : (n.value?.index || -1) <= 0), i = S(() => l.value <= 1 ? !0 : (n.value?.index || -1) >= l.value - 1);
   return {
     engine: u,
@@ -438,11 +439,11 @@ function Ca(u) {
     if (!n.value || Q(n.value))
       return [];
     const a = n.value.events || {};
-    return (l.value?.events || e.assets.componentMap.get(n.value.name)?.events || []).map((v) => {
-      const m = typeof v == "string" ? v : v.name;
+    return (l.value?.events || e.assets.componentMap.get(n.value.name)?.events || []).map((m) => {
+      const v = typeof m == "string" ? m : m.name;
       return {
-        name: m,
-        event: a[m]
+        name: v,
+        event: a[v]
       };
     });
   });
@@ -482,7 +483,7 @@ function Ea(u) {
     return (d ? $a(d) : []).map((w) => (n.value?.directives || []).find(
       (C) => C.name === "vModel" && C.arg == w.name
     ) || Va(w.name));
-  }), o = l("vIf"), r = l("vShow"), a = l("vBind"), i = l("vFor"), v = s(), m = {
+  }), o = l("vIf"), r = l("vShow"), a = l("vBind"), i = l("vFor"), m = s(), v = {
     vIf: o,
     vShow: r,
     vBind: a,
@@ -495,9 +496,9 @@ function Ea(u) {
     vShow: r,
     vBind: a,
     vFor: i,
-    vModels: v,
+    vModels: m,
     onValueChange: (d, _) => {
-      const w = m[d];
+      const w = v[d];
       n.value && (_ ? (w.value.value = _, n.value.setDirective(w.value)) : (w.value.value = void 0, n.value.removeDirective(w.value)));
     },
     onForChange: (d, _) => {
@@ -515,7 +516,7 @@ function Ea(u) {
     onModelChange: (d, _) => {
       if (!n.value)
         return;
-      const w = parseInt(d), C = v.value[w];
+      const w = parseInt(d), C = m.value[w];
       C && (_ ? (C.value = _, n.value.setDirective(C)) : (C.value = void 0, n.value.removeDirective(C)));
     }
   };
@@ -528,7 +529,7 @@ function Ia() {
     apis: n
   };
 }
-const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */ E({
+const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */ $({
   name: "SwitcherWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -537,7 +538,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const n = e, { engine: l } = oe(), s = S(() => l.project.value?.name), o = S(() => l.project.value?.currentFile?.title), r = () => {
       n("click", l.project.value);
     };
-    return (a, i) => (c(), $("div", ja, [
+    return (a, i) => (c(), V("div", ja, [
       p(t(ce), {
         size: "small",
         round: "",
@@ -549,14 +550,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           o.value ? (c(), b(t(ht), {
             key: 0,
             direction: "vertical"
-          })) : I("", !0),
-          o.value ? (c(), $("span", Aa, B(o.value), 1)) : I("", !0)
+          })) : E("", !0),
+          o.value ? (c(), V("span", Aa, B(o.value), 1)) : E("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}), Pa = { class: "v-toolbar-widget" }, Ra = /* @__PURE__ */ E({
+}), Pa = { class: "v-toolbar-widget" }, Ra = /* @__PURE__ */ $({
   name: "ToolbarWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -567,11 +568,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const n = u, { forward: l, backward: s, forwardDisabled: o, backwardDisabled: r } = gn(), a = k("pc");
     return e({
       mode: a
-    }), (i, v) => (c(), $("div", Pa, [
+    }), (i, m) => (c(), V("div", Pa, [
       p(t(Lt), {
         size: "small",
         modelValue: a.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (m) => a.value = m)
+        "onUpdate:modelValue": m[0] || (m[0] = (v) => a.value = v)
       }, {
         default: f(() => [
           p(t(He), { label: "pc" }, {
@@ -595,7 +596,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      I("", !0),
+      E("", !0),
       p(t(En), null, {
         default: f(() => [
           p(t(ce), {
@@ -625,7 +626,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       })
     ]));
   }
-}), Ba = { class: "v-actions-widget" }, za = /* @__PURE__ */ x("span", null, "发布", -1), Ta = /* @__PURE__ */ E({
+}), Ba = { class: "v-actions-widget" }, za = /* @__PURE__ */ x("span", null, "发布", -1), Ta = /* @__PURE__ */ $({
   name: "ActionsWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -648,15 +649,15 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         } else
           ue("请先打开文件", "warning");
     }, a = () => {
-      const v = e.project.value;
-      v && (v.currentFile ? v.publish(v.currentFile) : ue("请先打开文件", "warning"));
-    }, i = (v) => {
       const m = e.project.value;
-      m && (v === "current" ? a() : m.publish());
+      m && (m.currentFile ? m.publish(m.currentFile) : ue("请先打开文件", "warning"));
+    }, i = (m) => {
+      const v = e.project.value;
+      v && (m === "current" ? a() : v.publish());
     };
-    return (v, m) => (c(), $("div", Ba, [
-      I("", !0),
-      I("", !0),
+    return (m, v) => (c(), V("div", Ba, [
+      E("", !0),
+      E("", !0),
       p(t(ce), {
         onClick: r,
         type: l.value ? "warning" : "default",
@@ -724,7 +725,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       })
     ]));
   }
-}), Ja = { class: "v-icon-setter" }, Fa = { class: "v-icon-setter__content" }, Oa = { class: "v-icon-setter__list" }, fn = /* @__PURE__ */ E({
+}), Ja = { class: "v-icon-setter" }, Fa = { class: "v-icon-setter__content" }, Oa = { class: "v-icon-setter__list" }, fn = /* @__PURE__ */ $({
   name: "IconSetter",
   __name: "icon",
   props: {
@@ -738,16 +739,16 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     ), i = S(() => {
       const h = Object.entries(vt);
       return r.value ? h.filter((d) => d[0].toLowerCase().includes(r.value)) : h;
-    }), v = (h) => {
+    }), m = (h) => {
       o.value = h;
-    }, m = () => {
+    }, v = () => {
       l("change", o.value), l("update:modelValue", o.value), s.value = !1;
     }, g = () => {
       o.value = "", l("change", ""), l("update:modelValue", ""), s.value = !1;
     }, y = () => {
       s.value = !0;
     };
-    return (h, d) => (c(), $("div", Ja, [
+    return (h, d) => (c(), V("div", Ja, [
       p(t(_e), {
         size: n.size,
         readonly: "",
@@ -771,7 +772,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         clear: "",
         modelValue: s.value,
         "onUpdate:modelValue": d[1] || (d[1] = (_) => s.value = _),
-        onSubmit: m
+        onSubmit: v
       }, {
         extra: f(() => [
           p(t(ce), {
@@ -796,20 +797,20 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               placeholder: "请输入查询关键字"
             }, null, 8, ["size", "prefix-icon", "modelValue"]),
             x("div", Oa, [
-              (c(!0), $(P, null, z(i.value, (_) => (c(), b(t(we), {
+              (c(!0), V(P, null, z(i.value, (_) => (c(), b(t(we), {
                 icon: _[1],
-                onClick: (w) => v(_[0]),
+                onClick: (w) => m(_[0]),
                 class: W({ "is-active": o.value === _[0] })
               }, null, 8, ["icon", "onClick", "class"]))), 256)),
-              i.value.length === 0 ? (c(), b(t(le), { key: 0 })) : I("", !0)
+              i.value.length === 0 ? (c(), b(t(le), { key: 0 })) : E("", !0)
             ])
           ])
         ]),
         _: 1
-      }, 8, ["modelValue"])) : I("", !0)
+      }, 8, ["modelValue"])) : E("", !0)
     ]));
   }
-}), Na = /* @__PURE__ */ E({
+}), Na = /* @__PURE__ */ $({
   name: "PageForm",
   __name: "form",
   props: {
@@ -828,10 +829,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     }), o = k(e.item || s()), r = [
       { label: "页面", value: !1 },
       { label: "目录", value: !0 }
-    ], a = (v) => {
-      o.value && (o.value.name = Yt(v));
-    }, i = async (v) => n.value?.existPageName(v.name, [v.id]) ? (te("页面名称已存在，请更换"), !1) : (e.item ? n.value?.updatePage(v) : n.value?.createPage(v, e.parentId), !0);
-    return (v, m) => (c(), b(t(he), {
+    ], a = (m) => {
+      o.value && (o.value.name = Yt(m));
+    }, i = async (m) => n.value?.existPageName(m.name, [m.id]) ? (te("页面名称已存在，请更换"), !1) : (e.item ? n.value?.updatePage(m) : n.value?.createPage(m, e.parentId), !0);
+    return (m, v) => (c(), b(t(he), {
       title: l.value,
       width: "800px",
       height: "500px",
@@ -869,7 +870,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           editor: f(() => [
             p(fn, {
               modelValue: o.value.icon,
-              "onUpdate:modelValue": m[0] || (m[0] = (g) => o.value.icon = g),
+              "onUpdate:modelValue": v[0] || (v[0] = (g) => o.value.icon = g),
               size: "default"
             }, null, 8, ["modelValue"])
           ]),
@@ -899,7 +900,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), Bt = /* @__PURE__ */ E({
+}), Bt = /* @__PURE__ */ $({
   name: "VIcon",
   __name: "Icon",
   props: {
@@ -933,7 +934,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["content"]));
   }
-}), N = /* @__PURE__ */ E({
+}), N = /* @__PURE__ */ $({
   name: "VPanel",
   __name: "panel",
   props: {
@@ -957,9 +958,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       l("edit");
     }, i = () => {
       l("back");
-    }, v = () => {
-      l("remove");
     }, m = () => {
+      l("remove");
+    }, v = () => {
       l("save");
     }, g = S(() => n.header ? {
       content: n.title,
@@ -987,7 +988,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           background: "hover",
           title: "新增",
           onClick: r
-        }, null, 8, ["size", "icon"])) : I("", !0),
+        }, null, 8, ["size", "icon"])) : E("", !0),
         n.edit ? (c(), b(t(fe), {
           key: 1,
           size: h.$attrs.size,
@@ -996,7 +997,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           background: "hover",
           title: "编辑",
           onClick: a
-        }, null, 8, ["size", "icon"])) : I("", !0),
+        }, null, 8, ["size", "icon"])) : E("", !0),
         n.remove ? (c(), b(t(fe), {
           key: 2,
           size: h.$attrs.size,
@@ -1004,8 +1005,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           icon: t(Bl),
           background: "hover",
           title: "清除",
-          onClick: v
-        }, null, 8, ["size", "icon"])) : I("", !0),
+          onClick: m
+        }, null, 8, ["size", "icon"])) : E("", !0),
         n.save ? (c(), b(t(fe), {
           key: 3,
           size: h.$attrs.size,
@@ -1013,8 +1014,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           icon: t(zl),
           background: "hover",
           title: "保存",
-          onClick: m
-        }, null, 8, ["size", "icon"])) : I("", !0),
+          onClick: v
+        }, null, 8, ["size", "icon"])) : E("", !0),
         n.collapsable ? je((c(), b(t(fe), {
           key: 4,
           size: h.$attrs.size,
@@ -1025,7 +1026,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           onClick: d[0] || (d[0] = (_) => y(!1))
         }, null, 8, ["size", "icon"])), [
           [De, s.value]
-        ]) : I("", !0),
+        ]) : E("", !0),
         n.collapsable ? je((c(), b(t(fe), {
           key: 5,
           size: h.$attrs.size,
@@ -1036,7 +1037,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           onClick: d[1] || (d[1] = (_) => y(!0))
         }, null, 8, ["size", "icon"])), [
           [De, !s.value]
-        ]) : I("", !0),
+        ]) : E("", !0),
         ye(h.$slots, "actions")
       ]),
       default: f(() => [
@@ -1056,7 +1057,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
 }), Ma = { class: "v-tabs__header" }, Wa = {
   key: 0,
   class: "v-tabs__actions"
-}, et = /* @__PURE__ */ E({
+}, et = /* @__PURE__ */ $({
   __name: "tabs",
   props: {
     items: { default: () => [] },
@@ -1090,7 +1091,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     }, a = (i) => {
       l("action-click", i);
     };
-    return (i, v) => (c(), b(t(yt), {
+    return (i, m) => (c(), b(t(yt), {
       class: "v-tabs",
       border: !1,
       fit: "",
@@ -1103,12 +1104,12 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
             items: n.items,
             type: "card",
             modelValue: s.value,
-            "onUpdate:modelValue": v[0] || (v[0] = (m) => s.value = m),
+            "onUpdate:modelValue": m[0] || (m[0] = (v) => s.value = v),
             onTabRemove: r,
             onActionClick: a,
             stretch: n.stretch
           }, null, 8, ["items", "modelValue", "stretch"]),
-          n.menus && n.menus.length ? (c(), $("div", Wa, [
+          n.menus && n.menus.length ? (c(), V("div", Wa, [
             n.menus && n.menus.length ? (c(), b(t(fe), {
               key: 0,
               mode: "icon",
@@ -1122,21 +1123,21 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               menus: n.menus,
               onCommand: o
             }, {
-              item: f(({ item: m }) => [
+              item: f(({ item: v }) => [
                 x("span", null, [
                   n.checkable ? (c(), b(t(an), {
                     key: 0,
                     class: W({
                       "v-tabs__checked": !0,
-                      "is-checked": m.checked
+                      "is-checked": v.checked
                     })
-                  }, null, 8, ["class"])) : I("", !0),
-                  q(" " + B(m.label), 1)
+                  }, null, 8, ["class"])) : E("", !0),
+                  q(" " + B(v.label), 1)
                 ])
               ]),
               _: 1
-            }, 8, ["icon", "menus"])) : I("", !0)
-          ])) : I("", !0)
+            }, 8, ["icon", "menus"])) : E("", !0)
+          ])) : E("", !0)
         ])
       ]),
       default: f(() => [
@@ -1151,7 +1152,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
 }, Ua = { class: "v-item__content" }, Ha = {
   key: 3,
   class: "v-item__subtitle"
-}, se = /* @__PURE__ */ E({
+}, se = /* @__PURE__ */ $({
   name: "VItem",
   __name: "item",
   props: {
@@ -1209,10 +1210,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         label: "主页",
         icon: Ol
       }
-    }, l = u, s = e, o = k(!!l.modelValue), r = S(() => l.actions.map((m) => {
-      const g = n[m];
+    }, l = u, s = e, o = k(!!l.modelValue), r = S(() => l.actions.map((v) => {
+      const g = n[v];
       return {
-        name: m,
+        name: v,
         ...g
       };
     })), a = S(() => ({
@@ -1223,25 +1224,25 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       "is-small": l.small
     })), i = () => {
       s("click", l.modelValue);
-    }, v = async (m) => {
-      m === "remove" ? await ft.confirm("确定删除吗？", "提示", {
+    }, m = async (v) => {
+      v === "remove" ? await ft.confirm("确定删除吗？", "提示", {
         type: "warning"
       }).catch(() => !1) && s("action", {
-        name: m,
+        name: v,
         modelValue: l.modelValue
       }) : s("action", {
-        name: m,
+        name: v,
         modelValue: l.modelValue
       });
     };
-    return H(o, (m) => {
-      s("update:modelValue", m), s("switch", m);
+    return H(o, (v) => {
+      s("update:modelValue", v), s("switch", v);
     }), H(
       () => l.modelValue,
-      (m) => {
-        o.value = !!m;
+      (v) => {
+        o.value = !!v;
       }
-    ), (m, g) => (c(), b(t(M), {
+    ), (v, g) => (c(), b(t(M), {
       class: W(["v-item", a.value]),
       justify: "space-between",
       align: "center",
@@ -1253,11 +1254,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           align: "center"
         }, {
           default: f(() => [
-            ye(m.$slots, "default", {}, () => [
-              m.icon ? (c(), b(t(we), {
+            ye(v.$slots, "default", {}, () => [
+              v.icon ? (c(), b(t(we), {
                 key: 0,
-                icon: m.icon
-              }, null, 8, ["icon"])) : I("", !0),
+                icon: v.icon
+              }, null, 8, ["icon"])) : E("", !0),
               l.tag ? (c(), b(t(In), {
                 key: 1,
                 class: "v-item__tag",
@@ -1268,10 +1269,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   q(B(l.tag), 1)
                 ]),
                 _: 1
-              }, 8, ["type"])) : I("", !0),
-              m.index !== void 0 ? (c(), $("span", La, " # " + B(m.index), 1)) : I("", !0),
-              x("span", Ua, B(m.title), 1),
-              m.subtitle ? (c(), $("span", Ha, B(m.subtitle), 1)) : I("", !0)
+              }, 8, ["type"])) : E("", !0),
+              v.index !== void 0 ? (c(), V("span", La, " # " + B(v.index), 1)) : E("", !0),
+              x("span", Ua, B(v.title), 1),
+              v.subtitle ? (c(), V("span", Ha, B(v.subtitle), 1)) : E("", !0)
             ])
           ]),
           _: 3
@@ -1282,7 +1283,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           }, ["stop"]))
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(r.value, (y) => (c(), b(t(fe), {
+            (c(!0), V(P, null, z(r.value, (y) => (c(), b(t(fe), {
               name: y.name,
               title: y.label,
               mode: "icon",
@@ -1290,7 +1291,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               background: "none",
               type: "info",
               icon: y.icon,
-              onClick: (h) => v(y.name)
+              onClick: (h) => m(y.name)
             }, null, 8, ["name", "title", "icon", "onClick"]))), 256)),
             l.switch ? (c(), b(t(Gt), {
               key: 0,
@@ -1298,8 +1299,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               "onUpdate:modelValue": g[0] || (g[0] = (y) => o.value = y),
               class: "v-item__switch",
               size: "small"
-            }, null, 8, ["modelValue"])) : I("", !0),
-            ye(m.$slots, "status")
+            }, null, 8, ["modelValue"])) : E("", !0),
+            ye(v.$slots, "status")
           ]),
           _: 3
         })
@@ -1307,7 +1308,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 3
     }, 8, ["class"]));
   }
-}), qa = ["draggable"], Ga = { class: "v-box__name" }, Ka = { class: "v-box__label" }, gt = /* @__PURE__ */ E({
+}), qa = ["draggable"], Ga = { class: "v-box__name" }, Ka = { class: "v-box__label" }, gt = /* @__PURE__ */ $({
   name: "VBox",
   __name: "box",
   props: {
@@ -1333,9 +1334,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     }, i = () => {
       l("dragend", n);
     };
-    return (v, m) => (c(), $("div", {
+    return (m, v) => (c(), V("div", {
       class: W(["v-box", r.value]),
-      draggable: v.draggable,
+      draggable: m.draggable,
       onDragstart: a,
       onDragend: i
     }, [
@@ -1367,20 +1368,20 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           }, null, 8, ["icon"])
         ]),
         _: 1
-      })) : I("", !0)
+      })) : E("", !0)
     ], 42, qa));
   }
-}), Za = { class: "v-context-viewer" }, Qa = /* @__PURE__ */ E({
+}), Za = { class: "v-context-viewer" }, Qa = /* @__PURE__ */ $({
   __name: "viewer",
   props: {
     context: {}
   },
   emits: ["pick", "copy"],
   setup(u, { emit: e }) {
-    const n = u, l = e, s = ["$provider", "$apis", "$components", "context"], o = (m) => {
-      const g = m.value, y = tt(g);
+    const n = u, l = e, s = ["$provider", "$apis", "$components", "context"], o = (v) => {
+      const g = v.value, y = tt(g);
       return y === "Object" || y === "Module" ? Object.keys(g || {}).length === 0 : y === "Array" ? g.length === 0 : !0;
-    }, r = (m, g = "this") => typeof m == "object" ? Array.isArray(m) ? m.map((y, h) => {
+    }, r = (v, g = "this") => typeof v == "object" ? Array.isArray(v) ? v.map((y, h) => {
       const d = `[${h}]`;
       return {
         label: d,
@@ -1388,27 +1389,27 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         type: tt(y),
         path: `${g}${d}`
       };
-    }) : Object.entries(m).map(([y, h]) => ({
+    }) : Object.entries(v).map(([y, h]) => ({
       label: y,
       value: h,
       type: tt(h),
       path: `${g}.${y}`
     })).filter(
       (y) => !y.label.startsWith("__") && !s.includes(y.label)
-    ) : [], a = (m, g) => {
-      if (m.level === 0)
+    ) : [], a = (v, g) => {
+      if (v.level === 0)
         g(r(n.context));
       else {
-        const y = xn(m.data.value);
-        g(r(y, m.data.path));
+        const y = xn(v.data.value);
+        g(r(y, v.data.path));
       }
-    }, i = (m) => {
-      l("copy", m.path);
-    }, v = (m) => {
-      l("pick", m.path);
+    }, i = (v) => {
+      l("copy", v.path);
+    }, m = (v) => {
+      l("pick", v.path);
     };
-    return (m, g) => (c(), $("div", Za, [
-      m.context ? (c(), b(t(bt), {
+    return (v, g) => (c(), V("div", Za, [
+      v.context ? (c(), b(t(bt), {
         key: 0,
         lazy: "",
         load: a,
@@ -1419,7 +1420,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           p(se, {
             title: y.label,
             clickable: "",
-            onClick: (h) => v(y),
+            onClick: (h) => m(y),
             background: "",
             actions: ["copy"],
             onAction: (h) => i(y),
@@ -1428,10 +1429,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           }, null, 8, ["title", "onClick", "onAction"])
         ]),
         _: 1
-      }, 8, ["props"])) : I("", !0)
+      }, 8, ["props"])) : E("", !0)
     ]));
   }
-}), St = /* @__PURE__ */ E({
+}), St = /* @__PURE__ */ $({
   __name: "binder",
   props: {
     title: {},
@@ -1461,7 +1462,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         name: "viewer",
         label: "高级"
       }
-    ], i = k("normal"), v = k(), m = async (C) => {
+    ], i = k("normal"), m = k(), v = async (C) => {
       l("submit", C), n.submitMethod ? await n.submitMethod(C) && g() : g();
     }, g = () => {
       l("update:modelValue", !1), l("close");
@@ -1470,7 +1471,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     }, h = () => {
       g();
     }, d = async () => {
-      v.value?.submit();
+      m.value?.submit();
     }, _ = (C) => {
       l("pick", C);
     }, w = (C) => {
@@ -1478,7 +1479,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         message: "已经复制到粘贴板"
       });
     };
-    return (C, V) => (c(), b(t(Ne), {
+    return (C, I) => (c(), b(t(Ne), {
       "model-value": n.modelValue,
       class: "v-binder",
       title: C.title,
@@ -1505,7 +1506,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   class: "v-binder__tabs",
                   items: a,
                   modelValue: i.value,
-                  "onUpdate:modelValue": V[1] || (V[1] = (A) => i.value = A)
+                  "onUpdate:modelValue": I[1] || (I[1] = (j) => i.value = j)
                 }, {
                   default: f(() => [
                     p(t(M), {
@@ -1518,29 +1519,29 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                         je(x("div", null, [
                           p(t(_e), {
                             modelValue: t(o),
-                            "onUpdate:modelValue": V[0] || (V[0] = (A) => at(o) ? o.value = A : null),
+                            "onUpdate:modelValue": I[0] || (I[0] = (j) => at(o) ? o.value = j : null),
                             size: "small",
                             clearable: "",
                             "prefix-icon": t(ln),
                             placeholder: "筛选可用项"
                           }, null, 8, ["modelValue", "prefix-icon"]),
-                          (c(!0), $(P, null, z(t(s), (A) => (c(), $("div", null, [
+                          (c(!0), V(P, null, z(t(s), (j) => (c(), V("div", null, [
                             p(t(ht), { "border-style": "dotted" }, {
                               default: f(() => [
-                                q(B(A.title), 1)
+                                q(B(j.title), 1)
                               ]),
                               _: 2
                             }, 1024),
-                            (c(!0), $(P, null, z(A.items, (O) => (c(), b(se, {
-                              title: O,
+                            (c(!0), V(P, null, z(j.items, (T) => (c(), b(se, {
+                              title: T,
                               background: "",
                               actions: ["copy"],
                               small: "",
-                              onClick: (j) => _(O),
-                              onAction: (j) => w(O)
+                              onClick: (A) => _(T),
+                              onAction: (A) => w(T)
                             }, null, 8, ["title", "onClick", "onAction"]))), 256))
                           ]))), 256)),
-                          t(s).length ? I("", !0) : (c(), b(t(le), { key: 0 }))
+                          t(s).length ? E("", !0) : (c(), b(t(le), { key: 0 }))
                         ], 512), [
                           [De, i.value === "normal"]
                         ]),
@@ -1580,7 +1581,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                             q(" 移除绑定 ")
                           ]),
                           _: 1
-                        })) : I("", !0)
+                        })) : E("", !0)
                       ]),
                       _: 1
                     }),
@@ -1616,14 +1617,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               default: f(() => [
                 p(t(Gn), {
                   ref_key: "formRef",
-                  ref: v,
+                  ref: m,
                   class: "v-binder__form",
                   footer: !1,
                   "label-position": "top",
                   "tooltip-message": !1,
                   model: n.model,
                   rules: n.rules,
-                  "submit-method": m
+                  "submit-method": v
                 }, {
                   default: f(() => [
                     ye(C.$slots, "default")
@@ -1640,7 +1641,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 3
     }, 8, ["model-value", "title"]));
   }
-}), Xa = { class: "v-slots-picker__sn" }, Ya = /* @__PURE__ */ E({
+}), Xa = { class: "v-slots-picker__sn" }, Ya = /* @__PURE__ */ $({
   __name: "slots",
   props: {
     slots: { default: () => [] }
@@ -1652,7 +1653,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     }, a = () => {
       s.value ? (l("submit", s.value), l("update:modelValue", !1)) : te("请选择插槽");
     };
-    return (i, v) => (c(), b(t(Ne), re({
+    return (i, m) => (c(), b(t(Ne), re({
       class: "v-slots-picker",
       title: "选择插槽",
       width: "600px",
@@ -1675,15 +1676,15 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           wrap: "wrap"
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(n.slots, (m, g) => (c(), b(t(M), {
-              class: W(["v-slots-picker__item", { "is-active": m.name === s.value?.name }]),
+            (c(!0), V(P, null, z(n.slots, (v, g) => (c(), b(t(M), {
+              class: W(["v-slots-picker__item", { "is-active": v.name === s.value?.name }]),
               grow: "",
               flex: !1,
-              onClick: (y) => r(m)
+              onClick: (y) => r(v)
             }, {
               default: f(() => [
                 x("span", Xa, "#" + B(g + 1), 1),
-                q(" " + B(m.name), 1)
+                q(" " + B(v.name), 1)
               ]),
               _: 2
             }, 1032, ["class", "onClick"]))), 256))
@@ -1694,7 +1695,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 16, ["height"]));
   }
-}), hn = /* @__PURE__ */ E({
+}), hn = /* @__PURE__ */ $({
   name: "Viewport",
   __name: "viewport",
   props: {
@@ -1706,8 +1707,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const e = u, n = S(() => [`is-${e.mode}`]), l = S(() => {
       if (e.mode === "pc")
         return 1;
-      const o = e.mode === "mobile" ? Dt : Pt, { width: r, height: a } = o, i = r > 0 ? (e.width || 0) / r : 1, v = a > 0 ? (e.height || 0) / a : 1;
-      return Math.min(i, v);
+      const o = e.mode === "mobile" ? Dt : Pt, { width: r, height: a } = o, i = r > 0 ? (e.width || 0) / r : 1, m = a > 0 ? (e.height || 0) / a : 1;
+      return Math.min(i, m);
     }), s = S(() => {
       if (e.mode === "pc")
         return {};
@@ -1720,25 +1721,25 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         transform: `translate(-50%, -50%) scale(${l.value})`
       };
     });
-    return (o, r) => (c(), $("div", {
+    return (o, r) => (c(), V("div", {
       class: W(["v-viewport", n.value]),
       style: Le(s.value)
     }, [
       ye(o.$slots, "default")
     ], 6));
   }
-}), eo = /* @__PURE__ */ E({
+}), eo = /* @__PURE__ */ $({
   name: "PagesWidget",
   __name: "index",
   setup(u) {
     const { project: e, engine: n } = Ye(), l = S(() => e.value?.pages || []), { current: s } = oe(), o = k(!1), r = k(), a = k(), i = () => {
       a.value = void 0, r.value = void 0, o.value = !0;
-    }, v = async (h) => {
+    }, m = async (h) => {
       const { name: d, modelValue: _ } = h, { data: w, node: C } = _;
       if (d === "add" && (r.value = void 0, a.value = w.id, o.value = !0), d === "edit" && (r.value = Qe(w), a.value = void 0, o.value = !0), d === "remove") {
         if (w.dir) {
-          const V = e.value?.getPage(w.id);
-          if (V && V.children?.length) {
+          const I = e.value?.getPage(w.id);
+          if (I && I.children?.length) {
             te("请先删除子页面");
             return;
           }
@@ -1746,11 +1747,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         e.value?.removePage(w.id);
       }
       if (d === "copy") {
-        const V = C.parent?.data.id;
-        e.value?.clonePage(w, V);
+        const I = C.parent?.data.id;
+        e.value?.clonePage(w, I);
       }
       d === "home" && (e.value?.setHomepage(w.id), ue("设置主页成功", "success"));
-    }, m = async (h) => {
+    }, v = async (h) => {
       h.raw && ue("这是源码模式页面，不能低代码设计", "warning"), h.dir || h.raw ? n.project.value?.deactivate() : n.project.value?.active(h);
     }, g = (h, d, _) => _ === "inner" ? !!d.data.dir : !0, y = () => {
       e.value?.update({
@@ -1781,8 +1782,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               subtitle: _.name,
               "model-value": { data: _, node: w },
               actions: _.dir ? ["add", "edit", "remove"] : _.raw ? ["home", "edit", "remove"] : ["home", "copy", "edit", "remove"],
-              onAction: v,
-              onClick: (C) => m(_),
+              onAction: m,
+              onClick: (C) => v(_),
               active: t(s)?.id === _.id,
               tag: t(e)?.homepage === _.id ? "主页" : void 0,
               "tag-type": "success",
@@ -1800,54 +1801,54 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           "onUpdate:modelValue": d[0] || (d[0] = (_) => o.value = _),
           item: r.value,
           "parent-id": a.value
-        }, null, 8, ["modelValue", "item", "parent-id"])) : I("", !0)
+        }, null, 8, ["modelValue", "item", "parent-id"])) : E("", !0)
       ]),
       _: 1
     }));
   }
-}), to = /* @__PURE__ */ E({
+}), to = /* @__PURE__ */ $({
   name: "BlocksWidget",
   __name: "index",
   setup(u) {
-    const { span: e } = vn(), { blocks: n, engine: l } = ha(), s = k(void 0), { current: o } = oe(), r = k(!1), a = S(() => s.value?.id ? "编辑" : "新增"), i = S(() => `(共 ${n.value.length} 个)`), v = () => ({
+    const { span: e } = vn(), { blocks: n, engine: l } = ha(), s = k(void 0), { current: o } = oe(), r = k(!1), a = S(() => s.value?.id ? "编辑" : "新增"), i = S(() => `(共 ${n.value.length} 个)`), m = () => ({
       name: "",
       title: "",
       type: "block"
-    }), m = async (V) => {
-      const A = V, O = l.project.value;
-      if (!O)
+    }), v = async (I) => {
+      const j = I, T = l.project.value;
+      if (!T)
         return !1;
-      if (V.id)
-        if (!O.existBlockName(A.name, [A.id]))
-          O.updateBlock(A);
+      if (I.id)
+        if (!T.existBlockName(j.name, [j.id]))
+          T.updateBlock(j);
         else
-          return te(`名称【${A.name}】已经存在，请更换名称`), !1;
-      else if (!O.existBlockName(A.name))
-        O.createBlock(A);
+          return te(`名称【${j.name}】已经存在，请更换名称`), !1;
+      else if (!T.existBlockName(j.name))
+        T.createBlock(j);
       else
-        return te(`名称【${A.name}】已经存在，请更换名称`), !1;
+        return te(`名称【${j.name}】已经存在，请更换名称`), !1;
       return !0;
     }, g = () => {
-      s.value = v(), r.value = !0;
-    }, y = (V) => {
-      s.value = Qe(V), r.value = !0;
-    }, h = (V) => {
-      l.project.value?.removeBlock(V.id);
-    }, d = (V) => {
-      s.value && (s.value.name = Yt(V));
-    }, _ = async (V) => {
-      l.project.value?.active(V);
-    }, w = async (V) => {
-      const A = {
+      s.value = m(), r.value = !0;
+    }, y = (I) => {
+      s.value = Qe(I), r.value = !0;
+    }, h = (I) => {
+      l.project.value?.removeBlock(I.id);
+    }, d = (I) => {
+      s.value && (s.value.name = Yt(I));
+    }, _ = async (I) => {
+      l.project.value?.active(I);
+    }, w = async (I) => {
+      const j = {
         type: "Schema",
-        id: V.id
-      }, O = await l.assets.getBlockMaterial(A), j = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
-      j && O && j.setDragging(O);
+        id: I.id
+      }, T = await l.assets.getBlockMaterial(j), A = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+      A && T && A.setDragging(T);
     }, C = () => {
-      const V = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
-      V && V.setDragging(null);
+      const I = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+      I && I.setDragging(null);
     };
-    return (V, A) => (c(), b(t(N), {
+    return (I, j) => (c(), b(t(N), {
       class: "v-blocks-widget",
       title: "区块管理",
       subtitle: i.value,
@@ -1860,21 +1861,21 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           gutter: 5
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(t(n), (O) => (c(), b(t(ut), {
-              key: O.id,
+            (c(!0), V(P, null, z(t(n), (T) => (c(), b(t(ut), {
+              key: T.id,
               span: t(e)
             }, {
               default: f(() => [
                 p(t(gt), {
-                  name: O.name,
-                  title: O.title,
-                  active: t(o)?.id === O.id,
+                  name: T.name,
+                  title: T.title,
+                  active: t(o)?.id === T.id,
                   editable: "",
-                  onEdit: (j) => y(O),
-                  onRemove: (j) => h(O),
-                  onClick: (j) => _(O),
-                  draggable: t(o)?.id !== O.id,
-                  onDragstart: (j) => w(O),
+                  onEdit: (A) => y(T),
+                  onRemove: (A) => h(T),
+                  onClick: (A) => _(T),
+                  draggable: t(o)?.id !== T.id,
+                  onDragstart: (A) => w(T),
                   onDragend: C
                 }, null, 8, ["name", "title", "active", "onEdit", "onRemove", "onClick", "draggable", "onDragstart"])
               ]),
@@ -1883,16 +1884,16 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           ]),
           _: 1
         }),
-        t(n).length ? I("", !0) : (c(), b(t(le), { key: 0 })),
+        t(n).length ? E("", !0) : (c(), b(t(le), { key: 0 })),
         p(t(he), {
           modelValue: r.value,
-          "onUpdate:modelValue": A[0] || (A[0] = (O) => r.value = O),
+          "onUpdate:modelValue": j[0] || (j[0] = (T) => r.value = T),
           title: a.value,
           model: s.value,
           width: "600px",
           height: "250px",
           "form-props": { tooltipMessage: !1 },
-          "submit-method": m
+          "submit-method": v
         }, {
           default: f(() => [
             p(t(D), {
@@ -1921,14 +1922,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
 }), no = { class: "v-components-widget__search" }, lo = {
   key: 0,
   class: "v-components-widget__result"
-}, so = { class: "v-components-widget__list" }, ao = /* @__PURE__ */ E({
+}, so = { class: "v-components-widget__list" }, ao = /* @__PURE__ */ $({
   name: "ComponentsWidget",
   __name: "index",
   setup(u) {
-    const { span: e, engine: n } = vn(), { tabs: l, currentTab: s, currentGroup: o, model: r, searchKey: a, searchResult: i } = ya(), v = (g) => {
+    const { span: e, engine: n } = vn(), { tabs: l, currentTab: s, currentGroup: o, model: r, searchKey: a, searchResult: i } = ya(), m = (g) => {
       const y = n.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       y && y.setDragging(g);
-    }, m = () => {
+    }, v = () => {
       const g = n.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       g && g.setDragging(null);
     };
@@ -1952,13 +1953,13 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
             _: 1
           }, 8, ["modelValue"])
         ]),
-        t(a) ? (c(), $("div", lo, [
+        t(a) ? (c(), V("div", lo, [
           p(t(it), {
             wrap: "wrap",
             gutter: 5
           }, {
             default: f(() => [
-              (c(!0), $(P, null, z(t(i), (h) => (c(), b(t(ut), {
+              (c(!0), V(P, null, z(t(i), (h) => (c(), b(t(ut), {
                 span: t(e),
                 key: h.name
               }, {
@@ -1967,8 +1968,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                     name: h.name,
                     title: h.label || h.name,
                     draggable: "",
-                    onDragstart: (d) => v(h),
-                    onDragend: m
+                    onDragstart: (d) => m(h),
+                    onDragend: v
                   }, null, 8, ["name", "title", "onDragstart"])
                 ]),
                 _: 2
@@ -1976,7 +1977,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
             ]),
             _: 1
           }),
-          t(i).length ? I("", !0) : (c(), b(t(le), { key: 0 }))
+          t(i).length ? E("", !0) : (c(), b(t(le), { key: 0 }))
         ])) : (c(), b(t(Zt), {
           key: 1,
           items: t(l),
@@ -1991,7 +1992,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 "onUpdate:modelValue": y[1] || (y[1] = (h) => t(r)[t(s)] = h)
               }, {
                 default: f(() => [
-                  (c(!0), $(P, null, z(t(o).children, (h) => (c(), b(t(Dn), {
+                  (c(!0), V(P, null, z(t(o).children, (h) => (c(), b(t(Dn), {
                     key: h.name,
                     name: h.name,
                     title: `${h.label} (${h.count})`
@@ -2003,7 +2004,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                         gutter: 5
                       }, {
                         default: f(() => [
-                          (c(!0), $(P, null, z(h.components, (d) => (c(), b(t(ut), {
+                          (c(!0), V(P, null, z(h.components, (d) => (c(), b(t(ut), {
                             span: t(e),
                             key: d.name
                           }, {
@@ -2012,21 +2013,21 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                                 name: d.name,
                                 title: d.label || d.name,
                                 draggable: "",
-                                onDragstart: (_) => v(d),
-                                onDragend: m
+                                onDragstart: (_) => m(d),
+                                onDragend: v
                               }, null, 8, ["name", "title", "onDragstart"])
                             ]),
                             _: 2
                           }, 1032, ["span"]))), 128))
                         ]),
                         _: 2
-                      }, 1024)) : I("", !0)
+                      }, 1024)) : E("", !0)
                     ]),
                     _: 2
                   }, 1032, ["name", "title"]))), 128))
                 ]),
                 _: 1
-              }, 8, ["modelValue"])) : I("", !0)
+              }, 8, ["modelValue"])) : E("", !0)
             ])
           ]),
           _: 1
@@ -2035,18 +2036,18 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), oo = /* @__PURE__ */ E({
+}), oo = /* @__PURE__ */ $({
   name: "OutlineWidget",
   __name: "index",
   setup(u) {
-    const { engine: e, designer: n, selected: l } = be(), { current: s } = oe(), o = k([]), r = (j) => {
-      if (Q(j))
-        return j.locked ? ["unlock"] : ["lock"];
-      const T = j.parent;
-      return T && (T.locked || T.invisible) ? [] : s.value?.locked ? [] : j.locked ? ["unlock"] : j.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
-    }, a = (j) => {
-      const T = [];
-      return j.forEach((R) => {
+    const { engine: e, designer: n, selected: l } = be(), { current: s } = oe(), o = k([]), r = (A) => {
+      if (Q(A))
+        return A.locked ? ["unlock"] : ["lock"];
+      const J = A.parent;
+      return J && (J.locked || J.invisible) ? [] : s.value?.locked ? [] : A.locked ? ["unlock"] : A.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
+    }, a = (A) => {
+      const J = [];
+      return A.forEach((R) => {
         const ee = {
           id: R.id,
           label: R.name,
@@ -2054,31 +2055,31 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           //getNodeType(model),
           model: R
         };
-        Array.isArray(R.children) && (ee.children = a(R.children)), T.push(ee);
-      }), T;
+        Array.isArray(R.children) && (ee.children = a(R.children)), J.push(ee);
+      }), J;
     }, i = () => {
       if (!s.value)
         return [];
-      const { id: j, name: T, nodes: R } = s.value;
+      const { id: A, name: J, nodes: R } = s.value;
       return [
         {
-          id: j,
-          label: T,
-          type: j,
+          id: A,
+          label: J,
+          type: A,
           model: s.value,
           children: a(R)
         }
       ];
-    }, v = async () => {
+    }, m = async () => {
       o.value = i(), l.value?.model && (await $e(), n.value?.setSelected(l.value.model));
-    }, m = S(() => l.value?.model.id), g = (j) => {
-      const T = j.data;
-      if (Q(T.model) || T.model.locked || T.model.name === "template")
+    }, v = S(() => l.value?.model.id), g = (A) => {
+      const J = A.data;
+      if (Q(J.model) || J.model.locked || J.model.name === "template")
         return !1;
-      const R = e.assets.componentMap.get(T.model.name);
+      const R = e.assets.componentMap.get(J.model.name);
       return R ? (n.value?.setDragging(R), !0) : !1;
-    }, y = async (j, T, R) => {
-      const ee = T.data, xe = {
+    }, y = async (A, J, R) => {
+      const ee = J.data, xe = {
         prev: "top",
         next: "bottom",
         inner: "inner"
@@ -2091,11 +2092,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         L = !!await n.value?.allowDrop(G, xe), n.value?.setDropping(L ? G : null, "inner");
       }
       return L;
-    }, h = (j) => {
-      const T = j?.model;
-      !T || T.invisible || (n.value?.setSelected(T), n.value?.setHover(null));
-    }, d = async (j, T, R) => {
-      const ee = j.data, ge = T.data;
+    }, h = (A) => {
+      const J = A?.model;
+      !J || J.invisible || (n.value?.setSelected(J), n.value?.setHover(null));
+    }, d = async (A, J, R) => {
+      const ee = A.data, ge = J.data;
       if (Q(ge.model)) {
         n.value?.setDropping(null), n.value?.setDragging(null);
         return;
@@ -2105,45 +2106,45 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         xe,
         L
       )) {
-        n.value?.setDropping(null), v(), Ze.warning({
+        n.value?.setDropping(null), m(), Ze.warning({
           message: `${ee.model.name}不能放置到该位置`
         }), n.value?.setDragging(null);
         return;
       }
-      const J = await n.value?.getDropSlot(
+      const F = await n.value?.getDropSlot(
         R === "inner" ? xe : xe.parent
       );
-      if (J !== null) {
+      if (F !== null) {
         const Ae = ee.model;
-        Ae.slot = J, s.value?.move(Ae, xe, L);
+        Ae.slot = F, s.value?.move(Ae, xe, L);
       } else
-        v();
+        m();
       n.value?.setDropping(null), n.value?.setDragging(null), e.simulator.refresh();
-    }, _ = (j) => {
-      Q(j.model) ? n.value?.setHover(j.model) : (n.value?.setHover(j.model), j.model.invisible && n.value?.setHover(null), j.model.name === "slot" && n.value?.setHover(null));
+    }, _ = (A) => {
+      Q(A.model) ? n.value?.setHover(A.model) : (n.value?.setHover(A.model), A.model.invisible && n.value?.setHover(null), A.model.name === "slot" && n.value?.setHover(null));
     }, w = () => {
       n.value?.setHover(null);
-    }, C = (j) => {
-      const T = j.data;
-      T.dragging = !0;
-      const R = e.assets.componentMap.get(T.model.name);
+    }, C = (A) => {
+      const J = A.data;
+      J.dragging = !0;
+      const R = e.assets.componentMap.get(J.model.name);
       R && n.value?.setDragging(R);
-    }, V = async (j) => {
-      const T = j.data;
-      T.dragging = !1;
-    }, A = (j, T) => {
-      j && ((j.id === T.id || !Q(j) && T.isChild(j)) && n.value?.setSelected(null), n.value?.setHover(null));
-    }, O = (j) => {
-      const { name: T, modelValue: R } = j, ee = l.value?.model;
-      switch (T) {
+    }, I = async (A) => {
+      const J = A.data;
+      J.dragging = !1;
+    }, j = (A, J) => {
+      A && ((A.id === J.id || !Q(A) && J.isChild(A)) && n.value?.setSelected(null), n.value?.setHover(null));
+    }, T = (A) => {
+      const { name: J, modelValue: R } = A, ee = l.value?.model;
+      switch (J) {
         case "lock":
-          A(ee, R), R.lock();
+          j(ee, R), R.lock();
           break;
         case "unlock":
-          A(ee, R), R.unlock();
+          j(ee, R), R.unlock();
           break;
         case "invisible":
-          A(ee, R), R.setVisible(!1);
+          j(ee, R), R.setVisible(!1);
           break;
         case "visible":
           R.setVisible(!0);
@@ -2153,11 +2154,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           ge && n.value?.setSelected(ge);
           break;
         case "remove":
-          A(ee, R), s.value?.removeNode(R);
+          j(ee, R), s.value?.removeNode(R);
           break;
       }
     };
-    return H(e.changed, v, { immediate: !0 }), (j, T) => (c(), b(t(N), {
+    return H(e.changed, m, { immediate: !0 }), (A, J) => (c(), b(t(N), {
       class: "v-outline-widget",
       title: "大纲树"
     }, {
@@ -2169,7 +2170,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           "default-expand-all": "",
           draggable: "",
           "empty-text": "请新建或打开文件",
-          "current-node-key": m.value,
+          "current-node-key": v.value,
           "highlight-current": !0,
           "expand-on-click-node": !1,
           "allow-drop": y,
@@ -2177,7 +2178,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           onCurrentChange: h,
           onNodeDrop: d,
           onNodeDragStart: C,
-          onNodeDragEnd: V
+          onNodeDragEnd: I
         }, {
           default: f(({ data: R, node: ee }) => [
             p(t(se), {
@@ -2196,7 +2197,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               title: R.label,
               subtitle: R.type,
               actions: r(R.model),
-              onAction: O,
+              onAction: T,
               onMouseenter: (ge) => _(R),
               onMouseleave: w
             }, null, 8, ["class", "active", "model-value", "icon", "title", "subtitle", "actions", "onMouseenter"])
@@ -2207,7 +2208,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), ro = /* @__PURE__ */ E({
+}), ro = /* @__PURE__ */ $({
   name: "HistoryWidget",
   __name: "index",
   setup(u) {
@@ -2227,35 +2228,35 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         t(l) === 0 ? (c(), b(t(le), {
           key: 0,
           "image-size": 50
-        })) : I("", !0),
-        t(e) ? (c(!0), $(P, { key: 1 }, z(t(e).items, (v, m) => (c(), b(t(se), {
-          index: m + 1,
-          title: v.label,
-          "model-value": v,
-          active: m == t(e).index,
+        })) : E("", !0),
+        t(e) ? (c(!0), V(P, { key: 1 }, z(t(e).items, (m, v) => (c(), b(t(se), {
+          index: v + 1,
+          title: m.label,
+          "model-value": m,
+          active: v == t(e).index,
           small: "",
           background: "",
           actions: ["remove"],
           onAction: o,
-          onClick: (g) => t(n)(v.id)
-        }, null, 8, ["index", "title", "model-value", "active", "onClick"]))), 256)) : I("", !0)
+          onClick: (g) => t(n)(m.id)
+        }, null, 8, ["index", "title", "model-value", "active", "onClick"]))), 256)) : E("", !0)
       ]),
       _: 1
     }, 8, ["subtitle", "remove"]));
   }
 }), ne = Cn({
   loader: () => import("./Editor-BKlikwSl.js"),
-  loadingComponent: E({
+  loadingComponent: $({
     render() {
       return Pe("div", "正在拼命加载...");
     }
   }),
-  errorComponent: E({
+  errorComponent: $({
     render() {
       return Pe("div", "组件加载失败！");
     }
   })
-}), io = /* @__PURE__ */ E({
+}), io = /* @__PURE__ */ $({
   name: "ApisWidget",
   __name: "index",
   setup(u) {
@@ -2278,10 +2279,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       }
     }), i = () => {
       e.value = !0, l.value = !1, n.value = a();
-    }, v = ua.map((w) => ({
+    }, m = ua.map((w) => ({
       label: w,
       value: w.toLowerCase()
-    })), m = {
+    })), v = {
       get: "success",
       post: "primary",
       put: "warning",
@@ -2301,14 +2302,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         label: "文件",
         value: "data"
       }
-    ], y = (w, C, V) => {
+    ], y = (w, C, I) => {
       ae(
         {
           type: "JSExpression",
           value: C
         },
         window
-      ) ? V() : V(new Error("代码错误"));
+      ) ? I() : I(new Error("代码错误"));
     }, h = (w) => {
       w.name === "edit" && d(w.modelValue), w.name === "remove" && r.value?.removeApi(w.modelValue.name);
     }, d = (w) => {
@@ -2324,26 +2325,26 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       onPlus: i
     }, {
       default: f(() => [
-        (c(!0), $(P, null, z(o.value, (V) => (c(), b(t(se), {
-          key: V.id,
+        (c(!0), V(P, null, z(o.value, (I) => (c(), b(t(se), {
+          key: I.id,
           small: "",
-          title: V.name,
-          subtitle: V.label,
-          "model-value": V,
-          tag: V.method?.toUpperCase(),
-          "tag-type": m[V.method || "get"],
+          title: I.name,
+          subtitle: I.label,
+          "model-value": I,
+          tag: I.method?.toUpperCase(),
+          "tag-type": v[I.method || "get"],
           background: "",
           actions: ["edit", "remove"],
-          onClick: (A) => d(V),
+          onClick: (j) => d(I),
           onAction: h
         }, null, 8, ["title", "subtitle", "model-value", "tag", "tag-type", "onClick"]))), 128)),
         o.value.length === 0 ? (c(), b(t(le), {
           key: 0,
           "image-size": 50
-        })) : I("", !0),
+        })) : E("", !0),
         p(t(he), {
           modelValue: e.value,
-          "onUpdate:modelValue": C[1] || (C[1] = (V) => e.value = V),
+          "onUpdate:modelValue": C[1] || (C[1] = (I) => e.value = I),
           model: n.value,
           title: s.value,
           width: "1000px",
@@ -2373,7 +2374,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                       label: "请求类型",
                       required: "",
                       editor: "radio",
-                      options: t(v),
+                      options: t(m),
                       props: { button: !0 }
                     }, null, 8, ["options"]),
                     p(t(D), {
@@ -2462,7 +2463,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                           editor: f(() => [
                             p(t(ne), {
                               modelValue: n.value.settings.headers.value,
-                              "onUpdate:modelValue": C[0] || (C[0] = (V) => n.value.settings.headers.value = V),
+                              "onUpdate:modelValue": C[0] || (C[0] = (I) => n.value.settings.headers.value = I),
                               dark: "",
                               height: "200px"
                             }, null, 8, ["modelValue"])
@@ -2471,7 +2472,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                         }, 8, ["rules"])
                       ]),
                       _: 1
-                    }, 8, ["subtitle"])) : I("", !0),
+                    }, 8, ["subtitle"])) : E("", !0),
                     n.value.method === "jsonp" ? (c(), b(t(N), {
                       key: 1,
                       title: "请求配置",
@@ -2503,7 +2504,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                         })
                       ]),
                       _: 1
-                    }, 8, ["subtitle"])) : I("", !0)
+                    }, 8, ["subtitle"])) : E("", !0)
                   ]),
                   _: 1
                 })
@@ -2517,12 +2518,12 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), uo = /* @__PURE__ */ E({
+}), uo = /* @__PURE__ */ $({
   name: "DepsWidget",
   __name: "index",
   setup(u) {
-    const { dependencies: e, engine: n } = mn(), l = k(!1), s = k(!1), o = k({}), r = S(() => s.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), a = (d) => d.required || d.official ? [] : ["edit", "remove"], i = (d) => d.official && !d.required, v = async (d) => (d.urls = d.urls.split(`
-`), n.project.value?.setDeps(d), !0), m = (d) => {
+    const { dependencies: e, engine: n } = mn(), l = k(!1), s = k(!1), o = k({}), r = S(() => s.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), a = (d) => d.required || d.official ? [] : ["edit", "remove"], i = (d) => d.official && !d.required, m = async (d) => (d.urls = d.urls.split(`
+`), n.project.value?.setDeps(d), !0), v = (d) => {
       n.project.value?.setDeps(d);
     }, g = () => {
       s.value = !1, l.value = !0, o.value = null;
@@ -2546,7 +2547,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       onPlus: g
     }, {
       default: f(() => [
-        (c(!0), $(P, null, z(t(e), (w) => (c(), b(t(se), {
+        (c(!0), V(P, null, z(t(e), (w) => (c(), b(t(se), {
           key: w.package,
           title: w.package,
           subtitle: w.version,
@@ -2555,7 +2556,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           switch: i(w),
           modelValue: w.enabled,
           "onUpdate:modelValue": (C) => w.enabled = C,
-          onSwitch: (C) => m(w),
+          onSwitch: (C) => v(w),
           onClick: (C) => y(w),
           onAction: (C) => h(w, C)
         }, null, 8, ["title", "subtitle", "actions", "switch", "modelValue", "onUpdate:modelValue", "onSwitch", "onClick", "onAction"]))), 128)),
@@ -2566,7 +2567,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           height: "500px",
           title: r.value,
           model: o.value,
-          submitMethod: v,
+          submitMethod: m,
           formProps: {
             disabled: s.value,
             tooltipMessage: !1
@@ -2612,7 +2613,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), co = /* @__PURE__ */ E({
+}), co = /* @__PURE__ */ $({
   __name: "actions",
   props: {
     position: {},
@@ -2621,11 +2622,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
   },
   emits: ["action"],
   setup(u, { emit: e }) {
-    const n = u, l = e, s = S(() => n.model.name), o = S(() => !Q(n.model) && !n.model.locked), r = S(() => n.path.map((m) => ({
-      command: m,
-      label: m.name,
+    const n = u, l = e, s = S(() => n.model.name), o = S(() => !Q(n.model) && !n.model.locked), r = S(() => n.path.map((v) => ({
+      command: v,
+      label: v.name,
       onMouseenter: () => {
-        l("action", { type: "hover", model: m });
+        l("action", { type: "hover", model: v });
       }
     }))), a = [
       {
@@ -2648,12 +2649,12 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         icon: Xe,
         title: "删除"
       }
-    ], i = (m) => {
-      l("action", { type: "selected", model: m.command });
-    }, v = async (m) => {
-      m.name === "remove" ? await Be("确定删除?") && l("action", { type: m.name, model: n.model }) : l("action", { type: m.name, model: n.model });
+    ], i = (v) => {
+      l("action", { type: "selected", model: v.command });
+    }, m = async (v) => {
+      v.name === "remove" ? await Be("确定删除?") && l("action", { type: v.name, model: n.model }) : l("action", { type: v.name, model: n.model });
     };
-    return (m, g) => (c(), $("div", {
+    return (v, g) => (c(), V("div", {
       class: W(["v-actions", [`is-${n.position}`]])
     }, [
       p(t(fe), {
@@ -2671,56 +2672,57 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         size: "small",
         items: a,
         background: "none",
-        onClick: v
+        onClick: m
       }, null, 8, ["disabled"])
     ], 2));
   }
 }), po = {
   key: 1,
   class: "v-designer__placeholder"
-}, mo = /* @__PURE__ */ E({
+}, mo = /* @__PURE__ */ $({
   name: "VDesigner",
   inheritAttrs: !1,
   __name: "index",
   setup(u, { expose: e }) {
-    const n = k(), l = k(), { width: s, height: o } = Fe(n), { dependencies: r, engine: a } = mn(), { current: i, isEmpty: v } = oe(), m = S(() => a.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), { designer: g, hover: y, dropping: h, selected: d } = _a(
+    const n = k(), l = k(), { width: s, height: o } = Fe(n), { dependencies: r, engine: a, apis: i } = mn(), { current: m, isEmpty: v } = oe(), g = S(() => a.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), { designer: y, hover: h, dropping: d, selected: _ } = _a(
       l,
-      r
-    ), _ = (w) => {
-      const C = w.type, V = w.model;
-      if (i.value)
-        switch (C) {
+      r,
+      i
+    ), w = (C) => {
+      const I = C.type, j = C.model;
+      if (m.value)
+        switch (I) {
           case "remove":
-            i.value.removeNode(V), g.value?.setSelected(null);
+            m.value.removeNode(j), y.value?.setSelected(null);
             break;
           case "copy":
-            const A = i.value.cloneNode(V);
-            g.value?.setSelected(A);
+            const T = m.value.cloneNode(j);
+            y.value?.setSelected(T);
             break;
           case "prev":
-            i.value.movePrev(V), g.value?.setSelected(V);
+            m.value.movePrev(j), y.value?.setSelected(j);
             break;
           case "next":
-            i.value.moveNext(V), g.value?.setSelected(V);
+            m.value.moveNext(j), y.value?.setSelected(j);
             break;
           case "hover":
-            g.value?.setHover(V);
+            y.value?.setHover(j);
             break;
           case "selected":
-            g.value?.setSelected(V);
+            y.value?.setSelected(j);
             break;
         }
     };
     return e({
-      designer: g,
-      mode: m
-    }), (w, C) => (c(), $("div", {
+      designer: y,
+      mode: g
+    }), (C, I) => (c(), V("div", {
       ref_key: "container",
       ref: n,
       class: "v-designer"
     }, [
       p(t(hn), {
-        mode: m.value,
+        mode: g.value,
         width: t(s),
         height: t(o)
       }, {
@@ -2730,46 +2732,46 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
             ref: l,
             frameborder: "0"
           }, null, 512),
-          t(h) ? (c(), $("div", {
+          t(d) ? (c(), V("div", {
             key: 0,
             class: W(["v-designer__dropping", "is-inner"]),
-            style: Le(t(h).style)
-          }, null, 4)) : I("", !0),
-          t(y) ? (c(), $("div", {
+            style: Le(t(d).style)
+          }, null, 4)) : E("", !0),
+          t(h) ? (c(), V("div", {
             key: 1,
             class: "v-designer__hover",
-            style: Le(t(y).style)
+            style: Le(t(h).style)
           }, [
             x("span", {
-              class: W(`is-${t(y).position}`)
+              class: W(`is-${t(h).position}`)
             }, [
-              q(B(t(y).model.name) + ": ", 1),
-              x("i", null, B(t(y).model.id), 1)
+              q(B(t(h).model.name) + ": ", 1),
+              x("i", null, B(t(h).model.id), 1)
             ], 2)
-          ], 4)) : I("", !0),
-          t(d) ? (c(), $("div", {
+          ], 4)) : E("", !0),
+          t(_) ? (c(), V("div", {
             key: 2,
             class: "v-designer__selected",
-            style: Le(t(d).style)
+            style: Le(t(_).style)
           }, [
             p(co, {
-              position: t(d).position,
-              model: t(d).model,
-              path: t(d).path,
-              onAction: _
+              position: t(_).position,
+              model: t(_).model,
+              path: t(_).path,
+              onAction: w
             }, null, 8, ["position", "model", "path"])
-          ], 4)) : I("", !0)
+          ], 4)) : E("", !0)
         ]),
         _: 1
       }, 8, ["mode", "width", "height"]),
-      t(i) ? I("", !0) : (c(), b(t(le), {
+      t(m) ? E("", !0) : (c(), b(t(le), {
         key: 0,
         description: "请新建或打开文件"
       })),
-      t(i) && t(v) ? (c(), $("div", po, " 您可以拖拽组件放置到这里 ")) : I("", !0)
+      t(m) && t(v) ? (c(), V("div", po, " 您可以拖拽组件放置到这里 ")) : E("", !0)
     ], 512));
   }
-}), Me = /* @__PURE__ */ E({
+}), Me = /* @__PURE__ */ $({
   __name: "group",
   props: {
     context: {},
@@ -2788,7 +2790,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       () => r.value ? `编辑${e.title}` : `新增${e.title}`
     ), i = () => {
       r.value = !1, o.value = e.createEmpty(), s.value = !0;
-    }, v = (d, _) => {
+    }, m = (d, _) => {
       switch (_.name) {
         case "edit":
           g(d);
@@ -2797,7 +2799,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           e.remove(d);
           break;
       }
-    }, m = (d) => {
+    }, v = (d) => {
       o.value.value = d;
     }, g = (d) => {
       r.value = !0, o.value = {
@@ -2815,14 +2817,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       onPlus: i
     }, {
       default: f(() => [
-        (c(!0), $(P, null, z(d.list, (w) => (c(), b(t(se), {
+        (c(!0), V(P, null, z(d.list, (w) => (c(), b(t(se), {
           title: e.itemTitle(w),
           border: "",
           actions: ["edit", "remove"],
-          onAction: (C) => v(w, C),
+          onAction: (C) => m(w, C),
           onClick: (C) => g(w)
         }, null, 8, ["title", "onAction", "onClick"]))), 256)),
-        d.list.length ? I("", !0) : (c(), b(t(le), {
+        d.list.length ? E("", !0) : (c(), b(t(le), {
           key: 0,
           "image-size": 40
         })),
@@ -2834,7 +2836,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           model: o.value,
           block: d.current,
           context: d.context,
-          onPick: m
+          onPick: v
         }, {
           default: f(() => [
             ye(d.$slots, "fields", Jt(Ft({ model: o.value, isEdit: r.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
@@ -2872,7 +2874,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 3
     }, 8, ["title"]));
   }
-}), vo = /* @__PURE__ */ E({
+}), vo = /* @__PURE__ */ $({
   __name: "state",
   props: {
     context: {},
@@ -2883,14 +2885,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       name: "",
       value: ""
     }), s = (r) => e.current?.removeState(r.name), o = async (r, a) => {
-      const { name: i, value: v } = r;
+      const { name: i, value: m } = r;
       if (!a && e.current?.state[i])
         return te(`名称 ${i} 已存在，请更换！`), !1;
-      const m = {
+      const v = {
         type: "JSExpression",
-        value: v
+        value: m
       };
-      return ae(m, e.context, !0) ? (e.current?.setState(i, m), !0) : !1;
+      return ae(v, e.context, !0) ? (e.current?.setState(i, v), !0) : !1;
     };
     return (r, a) => (c(), b(Me, {
       title: "状态数据",
@@ -2904,7 +2906,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       submit: o
     }, null, 8, ["current", "context", "list"]));
   }
-}), go = /* @__PURE__ */ E({
+}), go = /* @__PURE__ */ $({
   __name: "computed",
   props: {
     context: {},
@@ -2915,14 +2917,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       name: "",
       value: "() => { }"
     }), s = (r) => e.current?.removeFunction("computed", r.name), o = async (r, a) => {
-      const { name: i, value: v } = r;
+      const { name: i, value: m } = r;
       if (!a && e.current?.computed[i])
         return te(`名称 ${i} 已存在，请更换！`), !1;
-      const m = {
+      const v = {
         type: "JSFunction",
-        value: v
+        value: m
       };
-      return ae(m, e.context, !0) ? (e.current?.setFunction("computed", i, m), !0) : !1;
+      return ae(v, e.context, !0) ? (e.current?.setFunction("computed", i, v), !0) : !1;
     };
     return (r, a) => (c(), b(Me, {
       title: "计算属性",
@@ -2936,7 +2938,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       submit: o
     }, null, 8, ["current", "context", "list"]));
   }
-}), fo = /* @__PURE__ */ E({
+}), fo = /* @__PURE__ */ $({
   __name: "methods",
   props: {
     context: {},
@@ -2947,14 +2949,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       name: "",
       value: "() => { }"
     }), s = (r) => e.current?.removeFunction("methods", r.name), o = async (r, a) => {
-      const { name: i, value: v } = r;
+      const { name: i, value: m } = r;
       if (!a && e.current?.methods[i])
         return te(`名称 ${i} 已存在，请更换！`), !1;
-      const m = {
+      const v = {
         type: "JSFunction",
-        value: v
+        value: m
       };
-      return ae(m, e.context, !0) ? (e.current?.setFunction("methods", i, m), !0) : !1;
+      return ae(v, e.context, !0) ? (e.current?.setFunction("methods", i, v), !0) : !1;
     };
     return (r, a) => (c(), b(Me, {
       title: "组件方法",
@@ -2968,7 +2970,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       submit: o
     }, null, 8, ["current", "context", "list"]));
   }
-}), ho = /* @__PURE__ */ E({
+}), ho = /* @__PURE__ */ $({
   __name: "lifeCycles",
   props: {
     context: {},
@@ -2978,18 +2980,18 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const e = u, n = S(() => gl.map((a) => ({
       label: a,
       value: a
-    }))), l = S(() => Object.entries(e.current?.lifeCycles || {}).map(([i, v]) => ({ name: i, value: Re(v) }))), s = () => ({
+    }))), l = S(() => Object.entries(e.current?.lifeCycles || {}).map(([i, m]) => ({ name: i, value: Re(m) }))), s = () => ({
       name: "",
       value: "() => { }"
     }), o = (a) => e.current?.removeFunction("lifeCycles", a.name), r = async (a, i) => {
-      const { name: v, value: m } = a;
-      if (!i && e.current?.lifeCycles[v])
-        return te(`名称 ${v} 已存在，请更换！`), !1;
+      const { name: m, value: v } = a;
+      if (!i && e.current?.lifeCycles[m])
+        return te(`名称 ${m} 已存在，请更换！`), !1;
       const g = {
         type: "JSFunction",
-        value: m
+        value: v
       };
-      return ae(g, e.context, !0) ? (e.current?.setFunction("lifeCycles", v, g), !0) : !1;
+      return ae(g, e.context, !0) ? (e.current?.setFunction("lifeCycles", m, g), !0) : !1;
     };
     return (a, i) => (c(), b(Me, {
       title: "生命周期",
@@ -3002,10 +3004,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       remove: o,
       submit: r
     }, {
-      fields: f(({ model: v, nameLabel: m, isEdit: g, valueLabel: y }) => [
+      fields: f(({ model: m, nameLabel: v, isEdit: g, valueLabel: y }) => [
         p(t(D), {
           name: "name",
-          label: m,
+          label: v,
           editor: "select",
           options: n.value,
           required: "",
@@ -3021,8 +3023,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               ref: "editorRef",
               dark: "",
               height: "350px",
-              modelValue: v.value,
-              "onUpdate:modelValue": (h) => v.value = h
+              modelValue: m.value,
+              "onUpdate:modelValue": (h) => m.value = h
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           _: 2
@@ -3031,7 +3033,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["current", "context", "list"]));
   }
-}), bo = /* @__PURE__ */ E({
+}), bo = /* @__PURE__ */ $({
   __name: "watch",
   props: {
     context: {},
@@ -3048,19 +3050,19 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       immediate: !1,
       handler: "() => { }"
     }), s = (a) => a.source, o = (a) => e.current?.removeWatch(a), r = async (a, i) => {
-      const v = {
+      const m = {
         type: "JSFunction",
         value: a.source
-      }, m = {
+      }, v = {
         type: "JSFunction",
         value: a.handler
       };
-      if (!ae(v, e.context, !0) || !ae(m, e.context, !0))
+      if (!ae(m, e.context, !0) || !ae(v, e.context, !0))
         return !1;
       const g = {
         ...a,
-        source: v,
-        handler: m
+        source: m,
+        handler: v
       };
       return e.current?.setWatch(g), !0;
     };
@@ -3077,33 +3079,33 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       itemTitle: s,
       grow: ""
     }, {
-      fields: f(({ model: v, nameLabel: m, valueLabel: g }) => [
+      fields: f(({ model: m, nameLabel: v, valueLabel: g }) => [
         p(t(D), {
           name: "source",
-          label: m,
+          label: v,
           required: ""
         }, {
           editor: f(() => [
             p(t(ne), {
               dark: "",
               height: "100px",
-              modelValue: v.source,
-              "onUpdate:modelValue": (y) => v.source = y
+              modelValue: m.source,
+              "onUpdate:modelValue": (y) => m.source = y
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           _: 2
         }, 1032, ["label"]),
         p(t(D), {
           name: "deep",
-          modelValue: v.deep,
-          "onUpdate:modelValue": (y) => v.deep = y,
+          modelValue: m.deep,
+          "onUpdate:modelValue": (y) => m.deep = y,
           label: "深度监听",
           editor: "switch"
         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
         p(t(D), {
           name: "immediate",
-          modelValue: v.immediate,
-          "onUpdate:modelValue": (y) => v.immediate = y,
+          modelValue: m.immediate,
+          "onUpdate:modelValue": (y) => m.immediate = y,
           label: "立即执行",
           editor: "switch"
         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
@@ -3116,8 +3118,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
             p(t(ne), {
               dark: "",
               height: "130px",
-              modelValue: v.handler,
-              "onUpdate:modelValue": (y) => v.handler = y
+              modelValue: m.handler,
+              "onUpdate:modelValue": (y) => m.handler = y
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           _: 2
@@ -3126,7 +3128,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["current", "context", "list"]));
   }
-}), yo = /* @__PURE__ */ E({
+}), yo = /* @__PURE__ */ $({
   __name: "index",
   setup(u) {
     const { current: e, context: n } = oe();
@@ -3160,7 +3162,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), lt = /* @__PURE__ */ E({
+}), lt = /* @__PURE__ */ $({
   __name: "setters",
   props: {
     context: {},
@@ -3192,7 +3194,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(n.items, (i) => (c(), b(t(F), re(i, {
+            (c(!0), V(P, null, z(n.items, (i) => (c(), b(t(O), re(i, {
               key: `${i.name}_${n.node.id}`,
               current: n.current,
               context: n.context,
@@ -3207,7 +3209,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title"]));
   }
-}), _o = /* @__PURE__ */ E({
+}), _o = /* @__PURE__ */ $({
   name: "PropertiesWidget",
   __name: "index",
   setup(u) {
@@ -3217,20 +3219,20 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       change: r,
       componentProps: a,
       customProps: i,
-      addCustom: v,
-      removeCustom: m,
+      addCustom: m,
+      removeCustom: v,
       isExist: g
     } = xa(l), y = k(!1), h = k(), d = () => {
       y.value = !0, h.value = {
         name: ""
       };
     }, _ = async (C) => {
-      const V = Object.keys(s.value?.props || {});
-      return !g(C.name) && !V.includes(C.name) ? (v(C.name), !0) : (te("已存在该属性名称"), !1);
+      const I = Object.keys(s.value?.props || {});
+      return !g(C.name) && !I.includes(C.name) ? (m(C.name), !0) : (te("已存在该属性名称"), !1);
     }, w = async (C) => {
-      await Be("确定删除？") && m(C);
+      await Be("确定删除？") && v(C);
     };
-    return (C, V) => t(e) ? (c(), b(t(M), {
+    return (C, I) => t(e) ? (c(), b(t(M), {
       key: 0,
       class: "v-properties-widget",
       direction: "column",
@@ -3245,7 +3247,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           node: t(s),
           items: t(o),
           onChange: t(r)
-        }, null, 8, ["current", "context", "node", "items", "onChange"])) : I("", !0),
+        }, null, 8, ["current", "context", "node", "items", "onChange"])) : E("", !0),
         t(s) && t(a).length ? (c(), b(lt, {
           key: 1,
           title: "组件属性",
@@ -3254,7 +3256,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           node: t(s),
           items: t(a),
           onChange: t(r)
-        }, null, 8, ["current", "context", "node", "items", "onChange"])) : I("", !0),
+        }, null, 8, ["current", "context", "node", "items", "onChange"])) : E("", !0),
         t(s) ? (c(), b(lt, {
           key: 2,
           title: "自定义属性",
@@ -3268,10 +3270,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           grow: "",
           onPlus: d,
           onRemove: w
-        }, null, 8, ["current", "context", "node", "items", "onChange"])) : I("", !0),
+        }, null, 8, ["current", "context", "node", "items", "onChange"])) : E("", !0),
         p(t(he), {
           modelValue: y.value,
-          "onUpdate:modelValue": V[0] || (V[0] = (A) => y.value = A),
+          "onUpdate:modelValue": I[0] || (I[0] = (j) => y.value = j),
           title: "新增自定义属性",
           width: "400px",
           height: "150px",
@@ -3294,9 +3296,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         }, 8, ["modelValue", "model"])
       ]),
       _: 1
-    })) : I("", !0);
+    })) : E("", !0);
   }
-}), wo = /* @__PURE__ */ E({
+}), wo = /* @__PURE__ */ $({
   name: "VariableBinder",
   __name: "variable",
   props: {
@@ -3341,7 +3343,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["block", "context", "model"]));
   }
-}), ko = /* @__PURE__ */ E({
+}), ko = /* @__PURE__ */ $({
   name: "EventBinder",
   __name: "event",
   props: {
@@ -3390,7 +3392,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               ref_key: "editorRef",
               ref: n,
               modelValue: s.handler.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (v) => s.handler.value = v),
+              "onUpdate:modelValue": i[0] || (i[0] = (m) => s.handler.value = m),
               dark: "",
               height: "350px"
             }, null, 8, ["modelValue"])
@@ -3401,19 +3403,19 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["block", "context", "model"]));
   }
-}), So = /* @__PURE__ */ E({
+}), So = /* @__PURE__ */ $({
   name: "EventsWidget",
   __name: "index",
   setup(u) {
     const { current: e, context: n } = oe(), { selected: l } = be(), { mouseEventList: s, keyboardEventList: o, componentEventList: r } = Ca(l), a = k({
       name: "",
       event: void 0
-    }), i = k(!1), v = (d) => {
+    }), i = k(!1), m = (d) => {
       a.value = Qe(d), i.value = !0;
-    }, m = async (d) => {
+    }, v = async (d) => {
       const _ = {
         ...d,
-        modifiers: d.modifiers.reduce((C, V) => (C[V] = !0, C), {})
+        modifiers: d.modifiers.reduce((C, I) => (C[I] = !0, C), {})
       };
       return ae(_.handler, n.value, !0) ? ((l.value?.model).setEvent(_), !0) : !1;
     }, g = async (d) => {
@@ -3423,7 +3425,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       a.value.name && await Be("确定要删除该事件吗？") && g(a.value);
     }, h = (d) => {
       const { name: _, modelValue: w } = d;
-      _ === "edit" && v(w), _ === "remove" && g(w);
+      _ === "edit" && m(w), _ === "remove" && g(w);
     };
     return (d, _) => (c(), b(t(M), {
       class: "v-events-widget",
@@ -3438,12 +3440,12 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           fit: !1
         }, {
           default: f(() => [
-            t(r).length ? I("", !0) : (c(), b(t(le), {
+            t(r).length ? E("", !0) : (c(), b(t(le), {
               key: 0,
               "image-size": 50,
               description: "该组件无自带事件"
             })),
-            (c(!0), $(P, null, z(t(r), (w) => (c(), b(t(se), {
+            (c(!0), V(P, null, z(t(r), (w) => (c(), b(t(se), {
               key: `component_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -3451,7 +3453,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               small: "",
               actions: w.event ? ["edit", "remove"] : ["edit"],
               active: !!w.event,
-              onClick: (C) => v(w),
+              onClick: (C) => m(w),
               onAction: h
             }, null, 8, ["title", "model-value", "actions", "active", "onClick"]))), 128))
           ]),
@@ -3464,7 +3466,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           fit: !1
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(t(s), (w) => (c(), b(t(se), {
+            (c(!0), V(P, null, z(t(s), (w) => (c(), b(t(se), {
               key: `mouse_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -3472,7 +3474,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               small: "",
               actions: w.event ? ["edit", "remove"] : ["edit"],
               active: !!w.event,
-              onClick: (C) => v(w),
+              onClick: (C) => m(w),
               onAction: h
             }, null, 8, ["title", "model-value", "actions", "active", "onClick"]))), 128))
           ]),
@@ -3486,7 +3488,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           fit: !1
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(t(o), (w) => (c(), b(t(se), {
+            (c(!0), V(P, null, z(t(o), (w) => (c(), b(t(se), {
               key: `keyboard_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -3494,7 +3496,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               small: "",
               actions: w.event ? ["edit", "remove"] : ["edit"],
               active: !!w.event,
-              onClick: (C) => v(w),
+              onClick: (C) => m(w),
               onAction: h
             }, null, 8, ["title", "model-value", "actions", "active", "onClick"]))), 128))
           ]),
@@ -3508,14 +3510,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           current: t(e),
           name: a.value.name,
           event: a.value.event,
-          submitMethod: m,
+          submitMethod: v,
           onUnbind: y
-        }, null, 8, ["modelValue", "context", "current", "name", "event"])) : I("", !0)
+        }, null, 8, ["modelValue", "context", "current", "name", "event"])) : E("", !0)
       ]),
       _: 1
     }));
   }
-}), xo = /* @__PURE__ */ E({
+}), xo = /* @__PURE__ */ $({
   name: "CssWidget",
   __name: "index",
   setup(u) {
@@ -3547,7 +3549,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Co = /* @__PURE__ */ E({
+}), Co = /* @__PURE__ */ $({
   name: "DirectivesWidget",
   __name: "index",
   setup(u) {
@@ -3557,8 +3559,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       vBind: r,
       vFor: a,
       vModels: i,
-      onValueChange: v,
-      onForChange: m,
+      onValueChange: m,
+      onForChange: v,
       onModelChange: g
     } = Ea(l), y = (h) => h.arg ? typeof h.arg == "string" ? h.arg : Ge(h.arg, {}) : "modelValue";
     return (h, d) => (c(), b(t(M), {
@@ -3581,32 +3583,32 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: f(() => [
-                p(t(F), {
+                p(t(O), {
                   name: "vIf",
                   label: "v-if",
                   setters: "ExpressionSetter",
                   current: t(e),
                   context: t(n),
                   value: t(s).value,
-                  onChange: t(v)
+                  onChange: t(m)
                 }, null, 8, ["current", "context", "value", "onChange"]),
-                p(t(F), {
+                p(t(O), {
                   name: "vShow",
                   label: "v-show",
                   setters: "ExpressionSetter",
                   current: t(e),
                   context: t(n),
                   value: t(o).value,
-                  onChange: t(v)
+                  onChange: t(m)
                 }, null, 8, ["current", "context", "value", "onChange"]),
-                p(t(F), {
+                p(t(O), {
                   name: "vBind",
                   label: "v-bind",
                   setters: "ExpressionSetter",
                   current: t(e),
                   context: t(n),
                   value: t(r).value,
-                  onChange: t(v)
+                  onChange: t(m)
                 }, null, 8, ["current", "context", "value", "onChange"])
               ]),
               _: 1
@@ -3628,16 +3630,16 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: f(() => [
-                p(t(F), {
+                p(t(O), {
                   name: "value",
                   label: "循环数据",
                   setters: "ExpressionSetter",
                   current: t(e),
                   context: t(n),
                   value: t(a).value,
-                  onChange: t(m)
+                  onChange: t(v)
                 }, null, 8, ["current", "context", "value", "onChange"]),
-                p(t(F), {
+                p(t(O), {
                   name: "item",
                   label: "迭代变量名",
                   setters: {
@@ -3647,9 +3649,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   current: t(e),
                   context: t(n),
                   value: t(a).iterator?.item,
-                  onChange: t(m)
+                  onChange: t(v)
                 }, null, 8, ["current", "context", "value", "onChange"]),
-                p(t(F), {
+                p(t(O), {
                   name: "index",
                   label: "索引变量名",
                   setters: {
@@ -3659,7 +3661,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   current: t(e),
                   context: t(n),
                   value: t(a).iterator?.index,
-                  onChange: t(m)
+                  onChange: t(v)
                 }, null, 8, ["current", "context", "value", "onChange"])
               ]),
               _: 1
@@ -3675,7 +3677,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           grow: ""
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(t(i), (_, w) => (c(), b(t(N), {
+            (c(!0), V(P, null, z(t(i), (_, w) => (c(), b(t(N), {
               card: "",
               border: "",
               class: "v-sub-panel",
@@ -3692,7 +3694,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   }, ["prevent", "stop"]), ["enter"]))
                 }, {
                   default: f(() => [
-                    p(t(F), {
+                    p(t(O), {
                       name: w.toString(),
                       label: "绑定变量",
                       setters: "ExpressionSetter",
@@ -3707,7 +3709,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               ]),
               _: 2
             }, 1032, ["title"]))), 256)),
-            t(i).length ? I("", !0) : (c(), b(t(le), {
+            t(i).length ? E("", !0) : (c(), b(t(le), {
               key: 0,
               description: "当前组件没有双向绑定属性",
               "image-size": 50
@@ -3719,7 +3721,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Vo = /* @__PURE__ */ E({
+}), Vo = /* @__PURE__ */ $({
   name: "DefinedPropsDialog",
   __name: "props",
   props: {
@@ -3797,7 +3799,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), $o = /* @__PURE__ */ E({
+}), $o = /* @__PURE__ */ $({
   name: "DefinedEventsDialog",
   __name: "events",
   props: {
@@ -3832,7 +3834,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), Eo = /* @__PURE__ */ E({
+}), Eo = /* @__PURE__ */ $({
   name: "DefinedSlotsDialog",
   __name: "slots",
   props: {
@@ -3867,7 +3869,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), Io = /* @__PURE__ */ E({
+}), Io = /* @__PURE__ */ $({
   name: "DefinedInjectsDialog",
   __name: "injects",
   props: {
@@ -3934,38 +3936,38 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), jo = /* @__PURE__ */ E({
+}), jo = /* @__PURE__ */ $({
   name: "DefinedWidget",
   __name: "index",
   setup(u) {
-    const { current: e, context: n } = oe(), l = S(() => (e.value?.props || []).map((L) => typeof L == "string" ? { name: L } : L)), s = S(() => e.value?.emits || []), o = S(() => e.value?.slots || []), r = S(() => e.value?.inject || []), a = k(!1), i = k(), v = k(!1), m = k(), g = k(!1), y = k(), h = k(!1), d = k(), _ = () => {
+    const { current: e, context: n } = oe(), l = S(() => (e.value?.props || []).map((L) => typeof L == "string" ? { name: L } : L)), s = S(() => e.value?.emits || []), o = S(() => e.value?.slots || []), r = S(() => e.value?.inject || []), a = k(!1), i = k(), m = k(!1), v = k(), g = k(!1), y = k(), h = k(!1), d = k(), _ = () => {
       i.value = void 0, a.value = !0;
     }, w = (L) => {
-      const { name: G, modelValue: J } = L;
-      G === "edit" && C(J), G === "remove" && e.value?.removeProp(J);
+      const { name: G, modelValue: F } = L;
+      G === "edit" && C(F), G === "remove" && e.value?.removeProp(F);
     }, C = (L) => {
       i.value = L, a.value = !0;
-    }, V = () => {
-      m.value = void 0, v.value = !0;
-    }, A = (L) => {
-      m.value = L, v.value = !0;
-    }, O = (L) => {
-      const { name: G, modelValue: J } = L;
-      G === "edit" && A(J), G === "remove" && e.value?.removeEmit(J);
-    }, j = () => {
-      y.value = void 0, g.value = !0;
+    }, I = () => {
+      v.value = void 0, m.value = !0;
+    }, j = (L) => {
+      v.value = L, m.value = !0;
     }, T = (L) => {
+      const { name: G, modelValue: F } = L;
+      G === "edit" && j(F), G === "remove" && e.value?.removeEmit(F);
+    }, A = () => {
+      y.value = void 0, g.value = !0;
+    }, J = (L) => {
       y.value = L, g.value = !0;
     }, R = (L) => {
-      const { name: G, modelValue: J } = L;
-      G === "edit" && T(J), G === "remove" && e.value?.removeSlot(J);
+      const { name: G, modelValue: F } = L;
+      G === "edit" && J(F), G === "remove" && e.value?.removeSlot(F);
     }, ee = () => {
       d.value = void 0, h.value = !0;
     }, ge = (L) => {
       d.value = L, h.value = !0;
     }, xe = (L) => {
-      const { name: G, modelValue: J } = L;
-      G === "edit" && ge(J), G === "remove" && e.value?.removeInject(J);
+      const { name: G, modelValue: F } = L;
+      G === "edit" && ge(F), G === "remove" && e.value?.removeInject(F);
     };
     return (L, G) => t(e) && t(n) ? (c(), b(t(M), {
       key: 0,
@@ -3983,15 +3985,15 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           onPlus: _
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(l.value, (J) => (c(), b(t(se), {
-              "model-value": J,
-              title: J.name,
+            (c(!0), V(P, null, z(l.value, (F) => (c(), b(t(se), {
+              "model-value": F,
+              title: F.name,
               border: "",
               actions: ["edit", "remove"],
-              onClick: (Ae) => C(J),
+              onClick: (Ae) => C(F),
               onAction: w
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            l.value.length ? I("", !0) : (c(), b(t(le), {
+            l.value.length ? E("", !0) : (c(), b(t(le), {
               key: 0,
               "image-size": 50
             })),
@@ -4000,9 +4002,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               current: t(e),
               context: t(n),
               modelValue: a.value,
-              "onUpdate:modelValue": G[0] || (G[0] = (J) => a.value = J),
+              "onUpdate:modelValue": G[0] || (G[0] = (F) => a.value = F),
               item: i.value
-            }, null, 8, ["current", "context", "modelValue", "item"])) : I("", !0)
+            }, null, 8, ["current", "context", "modelValue", "item"])) : E("", !0)
           ]),
           _: 1
         }),
@@ -4012,29 +4014,29 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           size: "small",
           plus: "",
           fit: !1,
-          onPlus: V
+          onPlus: I
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(s.value, (J) => (c(), b(t(se), {
-              "model-value": J,
-              title: J,
+            (c(!0), V(P, null, z(s.value, (F) => (c(), b(t(se), {
+              "model-value": F,
+              title: F,
               border: "",
               actions: ["remove"],
-              onClick: (Ae) => A(J),
-              onAction: O
+              onClick: (Ae) => j(F),
+              onAction: T
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            s.value.length ? I("", !0) : (c(), b(t(le), {
+            s.value.length ? E("", !0) : (c(), b(t(le), {
               key: 0,
               "image-size": 50
             })),
-            v.value ? (c(), b($o, {
+            m.value ? (c(), b($o, {
               key: 1,
-              modelValue: v.value,
-              "onUpdate:modelValue": G[1] || (G[1] = (J) => v.value = J),
+              modelValue: m.value,
+              "onUpdate:modelValue": G[1] || (G[1] = (F) => m.value = F),
               current: t(e),
               context: t(n),
-              item: m.value
-            }, null, 8, ["modelValue", "current", "context", "item"])) : I("", !0)
+              item: v.value
+            }, null, 8, ["modelValue", "current", "context", "item"])) : E("", !0)
           ]),
           _: 1
         }),
@@ -4044,29 +4046,29 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           size: "small",
           plus: "",
           fit: !1,
-          onPlus: j
+          onPlus: A
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(o.value, (J) => (c(), b(t(se), {
-              "model-value": J,
-              title: J,
+            (c(!0), V(P, null, z(o.value, (F) => (c(), b(t(se), {
+              "model-value": F,
+              title: F,
               border: "",
               actions: ["remove"],
-              onClick: (Ae) => T(J),
+              onClick: (Ae) => J(F),
               onAction: R
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            o.value.length ? I("", !0) : (c(), b(t(le), {
+            o.value.length ? E("", !0) : (c(), b(t(le), {
               key: 0,
               "image-size": 50
             })),
             g.value ? (c(), b(Eo, {
               key: 1,
               modelValue: g.value,
-              "onUpdate:modelValue": G[2] || (G[2] = (J) => g.value = J),
+              "onUpdate:modelValue": G[2] || (G[2] = (F) => g.value = F),
               current: t(e),
               context: t(n),
               item: y.value
-            }, null, 8, ["modelValue", "current", "context", "item"])) : I("", !0)
+            }, null, 8, ["modelValue", "current", "context", "item"])) : E("", !0)
           ]),
           _: 1
         }),
@@ -4080,34 +4082,34 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           onPlus: ee
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(r.value, (J) => (c(), b(t(se), {
-              "model-value": J,
-              title: J.name,
+            (c(!0), V(P, null, z(r.value, (F) => (c(), b(t(se), {
+              "model-value": F,
+              title: F.name,
               border: "",
               actions: ["remove"],
-              onClick: (Ae) => ge(J),
+              onClick: (Ae) => ge(F),
               onAction: xe
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            r.value.length ? I("", !0) : (c(), b(t(le), {
+            r.value.length ? E("", !0) : (c(), b(t(le), {
               key: 0,
               "image-size": 50
             })),
             h.value ? (c(), b(Io, {
               key: 1,
               modelValue: h.value,
-              "onUpdate:modelValue": G[3] || (G[3] = (J) => h.value = J),
+              "onUpdate:modelValue": G[3] || (G[3] = (F) => h.value = F),
               current: t(e),
               context: t(n),
               item: d.value
-            }, null, 8, ["modelValue", "current", "context", "item"])) : I("", !0)
+            }, null, 8, ["modelValue", "current", "context", "item"])) : E("", !0)
           ]),
           _: 1
         })
       ]),
       _: 1
-    })) : I("", !0);
+    })) : E("", !0);
   }
-}), Ao = /* @__PURE__ */ E({
+}), Ao = /* @__PURE__ */ $({
   name: "DataSourceDialogForm",
   __name: "form",
   props: {
@@ -4140,7 +4142,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       label: h.label || "",
       value: h.id,
       data: h
-    }))), v = S(() => e.item ? "编辑数据源" : "新增数据源"), m = (h) => {
+    }))), m = S(() => e.item ? "编辑数据源" : "新增数据源"), v = (h) => {
       const d = n.value.find((_) => _.id === h);
       d && (s.value.name = d.name, s.value.label = d.label || "");
     }, g = async (h) => {
@@ -4174,9 +4176,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       if (!ae(s.value.test, e.context, !0))
         return;
       const d = async (...C) => {
-        const V = e.context?.$apis[s.value.ref];
-        if (V)
-          return await V.apply(V, C);
+        const I = e.context?.$apis[s.value.ref];
+        if (I)
+          return await I.apply(I, C);
         ke.warn(`API【${s.value.ref}】不存在`);
       }, _ = Ge(s.value.test, {
         runApi: d
@@ -4193,7 +4195,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     return (h, d) => (c(), b(t(he), {
       width: "1000px",
       height: "600px",
-      title: v.value,
+      title: m.value,
       model: s.value,
       "form-props": { tooltipMessage: !1 },
       "submit-method": g
@@ -4219,7 +4221,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           disabled: !!e.item,
           options: i.value,
           props: { filterable: !0 },
-          onChange: m
+          onChange: v
         }, {
           option: f(({ option: _ }) => [
             q(B(_.data.label) + " ", 1),
@@ -4293,26 +4295,26 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
             }, null, 8, ["model-value"])
           ]),
           _: 1
-        }, 8, ["modelValue"])) : I("", !0)
+        }, 8, ["modelValue"])) : E("", !0)
       ]),
       _: 1
     }, 8, ["title", "model"]));
   }
-}), Do = /* @__PURE__ */ E({
+}), Do = /* @__PURE__ */ $({
   name: "DataSourcesWidget",
   __name: "index",
   setup(u) {
     const { current: e, context: n } = oe(), l = k(!1), s = k(), o = S(() => Object.values(e.value?.dataSources || {}).filter(
-      (v) => v.type === "api"
+      (m) => m.type === "api"
     )), r = () => {
       s.value = void 0, l.value = !0;
-    }, a = (v) => {
-      s.value = v, l.value = !0;
-    }, i = (v) => {
-      const { name: m, modelValue: g } = v;
-      m === "edit" && a(g), m === "remove" && e.value?.removeDataSource(g.name);
+    }, a = (m) => {
+      s.value = m, l.value = !0;
+    }, i = (m) => {
+      const { name: v, modelValue: g } = m;
+      v === "edit" && a(g), v === "remove" && e.value?.removeDataSource(g.name);
     };
-    return (v, m) => (c(), b(t(M), {
+    return (m, v) => (c(), b(t(M), {
       class: "v-data-sources-widget",
       direction: "column",
       fit: ""
@@ -4326,7 +4328,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           onPlus: r
         }, {
           default: f(() => [
-            (c(!0), $(P, null, z(o.value, (g) => (c(), b(t(se), {
+            (c(!0), V(P, null, z(o.value, (g) => (c(), b(t(se), {
               border: "",
               title: g.name,
               subtitle: g.label,
@@ -4335,7 +4337,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               onAction: i,
               onClick: (y) => a(g)
             }, null, 8, ["title", "subtitle", "model-value", "onClick"]))), 256)),
-            o.value.length ? I("", !0) : (c(), b(t(le), {
+            o.value.length ? E("", !0) : (c(), b(t(le), {
               key: 0,
               "image-size": 50
             }))
@@ -4345,16 +4347,16 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         l.value ? (c(), b(Ao, {
           key: 0,
           modelValue: l.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g),
+          "onUpdate:modelValue": v[0] || (v[0] = (g) => l.value = g),
           current: t(e),
           context: t(n),
           item: s.value
-        }, null, 8, ["modelValue", "current", "context", "item"])) : I("", !0)
+        }, null, 8, ["modelValue", "current", "context", "item"])) : E("", !0)
       ]),
       _: 1
     }));
   }
-}), Po = /* @__PURE__ */ E({
+}), Po = /* @__PURE__ */ $({
   __name: "layout",
   props: {
     styleJson: {},
@@ -4364,8 +4366,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const e = u, n = k();
     H(
       () => e.styleJson.display,
-      (v) => {
-        n.value = v === "flex";
+      (m) => {
+        n.value = m === "flex";
       },
       { immediate: !0 }
     );
@@ -4481,10 +4483,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         value: "stretch",
         svg: is
       }
-    ], i = (v, m) => {
-      n.value = m === "flex", e.setStyle("display", m), n.value || (e.setStyle("flex-direction", void 0), e.setStyle("justify-content", void 0), e.setStyle("align-items", void 0), e.setStyle("flex-wrap", void 0));
+    ], i = (m, v) => {
+      n.value = v === "flex", e.setStyle("display", v), n.value || (e.setStyle("flex-direction", void 0), e.setStyle("justify-content", void 0), e.setStyle("align-items", void 0), e.setStyle("flex-wrap", void 0));
     };
-    return (v, m) => (c(), b(t(N), {
+    return (m, v) => (c(), b(t(N), {
       title: "布局",
       class: "v-sub-panel",
       size: "small",
@@ -4497,7 +4499,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           "label-width": "80px"
         }, {
           default: f(() => [
-            p(t(F), {
+            p(t(O), {
               name: "display",
               label: "排布",
               setters: { name: "TagSetter" },
@@ -4506,8 +4508,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson.display,
               onChange: i
             }, null, 8, ["value"]),
-            n.value ? (c(), $(P, { key: 0 }, [
-              p(t(F), {
+            n.value ? (c(), V(P, { key: 0 }, [
+              p(t(O), {
                 name: "flex-direction",
                 label: "主轴方向",
                 setters: { name: "TagSetter" },
@@ -4516,7 +4518,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson["flex-direction"],
                 onChange: e.setStyle
               }, null, 8, ["value", "onChange"]),
-              p(t(F), {
+              p(t(O), {
                 name: "justify-content",
                 label: "主轴对齐",
                 setters: { name: "TagSetter" },
@@ -4525,7 +4527,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson["justify-content"],
                 onChange: e.setStyle
               }, null, 8, ["value", "onChange"]),
-              p(t(F), {
+              p(t(O), {
                 name: "align-items",
                 label: "辅轴对齐",
                 setters: { name: "TagSetter" },
@@ -4534,7 +4536,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson["align-items"],
                 onChange: e.setStyle
               }, null, 8, ["value", "onChange"]),
-              p(t(F), {
+              p(t(O), {
                 name: "flex-wrap",
                 label: "换行模式",
                 setters: { name: "TagSetter" },
@@ -4543,7 +4545,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson["flex-wrap"],
                 onChange: e.setStyle
               }, null, 8, ["value", "onChange"])
-            ], 64)) : I("", !0)
+            ], 64)) : E("", !0)
           ]),
           _: 1
         })
@@ -4551,7 +4553,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Ro = /* @__PURE__ */ E({
+}), Ro = /* @__PURE__ */ $({
   name: "StyleWidget",
   __name: "JsonMode",
   setup(u) {
@@ -4593,7 +4595,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Bo = { class: "v-spacing-input" }, zo = /* @__PURE__ */ x("div", { class: "v-spacing-input__modal" }, null, -1), To = { class: "v-spacing-input__content" }, Jo = ["onClick"], bn = /* @__PURE__ */ E({
+}), Bo = { class: "v-spacing-input" }, zo = /* @__PURE__ */ x("div", { class: "v-spacing-input__modal" }, null, -1), To = { class: "v-spacing-input__content" }, Jo = ["onClick"], bn = /* @__PURE__ */ $({
   __name: "spacing-input",
   props: {
     name: {},
@@ -4606,16 +4608,16 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     aa(r, () => {
       s("close");
     });
-    const v = (h) => {
-      a.value = typeof h == "number" ? `${h}px` : "auto", m(a.value);
-    }, m = (h) => {
+    const m = (h) => {
+      a.value = typeof h == "number" ? `${h}px` : "auto", v(a.value);
+    }, v = (h) => {
       i.value = h === "auto" ? void 0 : "px";
     }, g = () => {
       a.value ? (s("update:modelValue", a.value), s("submit", l.name, a.value), s("close")) : te("请输入有效值", "提示");
     }, y = () => {
       a.value = void 0, s("update:modelValue", a.value), s("submit", l.name, void 0), s("close");
     };
-    return (h, d) => (c(), $("div", Bo, [
+    return (h, d) => (c(), V("div", Bo, [
       zo,
       x("div", To, [
         p(t(M), {
@@ -4634,7 +4636,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   "with-unit": !!i.value,
                   unit: i.value,
                   format: i.value ? "0" : void 0,
-                  onChange: m
+                  onChange: v
                 }, null, 8, ["modelValue", "with-unit", "unit", "format"])
               ]),
               _: 1
@@ -4648,11 +4650,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 }, {
                   default: f(() => [
                     x("span", {
-                      onClick: d[1] || (d[1] = (_) => v("auto"))
+                      onClick: d[1] || (d[1] = (_) => m("auto"))
                     }, "auto")
                   ]),
                   _: 1
-                })) : I("", !0),
+                })) : E("", !0),
                 p(t(M), {
                   grow: "",
                   class: "v-spacing-input__values",
@@ -4660,8 +4662,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   wrap: "wrap"
                 }, {
                   default: f(() => [
-                    (c(), $(P, null, z(n, (_) => x("span", {
-                      onClick: (w) => v(_)
+                    (c(), V(P, null, z(n, (_) => x("span", {
+                      onClick: (w) => m(_)
                     }, B(_), 9, Jo)), 64))
                   ]),
                   _: 1
@@ -4733,17 +4735,17 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
   "dominant-baseline": "hanging"
 }, " margin ", -1), vr = [
   mr
-], K = 36, Z = 24, gr = /* @__PURE__ */ E({
+], K = 36, Z = 24, gr = /* @__PURE__ */ $({
   __name: "spacing",
   props: {
     styleJson: {},
     setStyle: { type: Function }
   },
   setup(u) {
-    const e = u, n = k(), l = k(), { width: s, height: o } = Fe(n), { width: r, height: a } = Fe(l), i = k(!1), v = k(), m = k(), g = () => {
-      i.value = !1, v.value = void 0, m.value = void 0;
+    const e = u, n = k(), l = k(), { width: s, height: o } = Fe(n), { width: r, height: a } = Fe(l), i = k(!1), m = k(), v = k(), g = () => {
+      i.value = !1, m.value = void 0, v.value = void 0;
     }, y = (h) => {
-      v.value = h, m.value = e.styleJson[h], i.value = !0;
+      m.value = h, v.value = e.styleJson[h], i.value = !0;
     };
     return (h, d) => (c(), b(t(N), {
       title: "间距",
@@ -4760,7 +4762,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         }, [
           x("div", Fo, [
             x("div", Oo, [
-              t(s) && t(o) ? (c(), $("svg", {
+              t(s) && t(o) ? (c(), V("svg", {
                 key: 0,
                 xmlns: "http://www.w3.org/2000/svg",
                 width: t(s),
@@ -4887,7 +4889,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   ry: "2",
                   style: { "pointer-events": "none", "stroke-width": "2px" }
                 }, null, 8, Qo)
-              ], 8, No)) : I("", !0),
+              ], 8, No)) : E("", !0),
               x("div", {
                 class: W(["spacing-edit margin-top", { "is-setting": e.styleJson["margin-top"] }]),
                 onClick: d[4] || (d[4] = (_) => y("margin-top"))
@@ -4910,7 +4912,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               ref: l,
               class: "spacing-min-icon"
             }, [
-              t(s) && t(o) ? (c(), $("svg", {
+              t(s) && t(o) ? (c(), V("svg", {
                 key: 0,
                 xmlns: "http://www.w3.org/2000/svg",
                 width: t(r),
@@ -5037,7 +5039,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                   ry: "2",
                   style: { "pointer-events": "none", "stroke-width": "2px" }
                 }, null, 8, ir)
-              ], 8, Xo)) : I("", !0),
+              ], 8, Xo)) : E("", !0),
               x("div", {
                 class: W(["spacing-edit padding-top", { "is-setting": e.styleJson["padding-top"] }]),
                 onClick: d[12] || (d[12] = (_) => y("padding-top"))
@@ -5055,23 +5057,23 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 onClick: d[15] || (d[15] = (_) => y("padding-left"))
               }, B(e.styleJson["padding-left"] || "-"), 3)
             ], 512),
-            (c(), $("svg", ur, dr)),
-            (c(), $("svg", pr, vr))
+            (c(), V("svg", ur, dr)),
+            (c(), V("svg", pr, vr))
           ]),
           i.value ? (c(), b(bn, {
             key: 0,
-            name: v.value,
-            modelValue: m.value,
-            "onUpdate:modelValue": d[16] || (d[16] = (_) => m.value = _),
+            name: m.value,
+            modelValue: v.value,
+            "onUpdate:modelValue": d[16] || (d[16] = (_) => v.value = _),
             onClose: g,
             onSubmit: e.setStyle
-          }, null, 8, ["name", "modelValue", "onSubmit"])) : I("", !0)
+          }, null, 8, ["name", "modelValue", "onSubmit"])) : E("", !0)
         ], 512)
       ]),
       _: 1
     }));
   }
-}), fr = /* @__PURE__ */ E({
+}), fr = /* @__PURE__ */ $({
   __name: "sizing",
   props: {
     styleJson: {},
@@ -5148,7 +5150,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           inline: ""
         }, {
           default: f(() => [
-            (c(), $(P, null, z(s, (a) => p(t(F), {
+            (c(), V(P, null, z(s, (a) => p(t(O), {
               name: a.name,
               label: a.label,
               setters: { name: a.setter },
@@ -5164,7 +5166,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), hr = { class: "v-style-widget__positioning" }, br = { class: "spacing-wrap" }, yr = ["width", "height"], _r = ["d"], wr = ["d"], kr = ["d"], Sr = ["d"], xr = { id: "margin-outer" }, Cr = ["width", "height"], Vr = ["width", "height"], $r = { id: "margin-inner" }, Er = ["width", "height"], Ir = ["width", "height"], de = 36, pe = 24, jr = /* @__PURE__ */ E({
+}), hr = { class: "v-style-widget__positioning" }, br = { class: "spacing-wrap" }, yr = ["width", "height"], _r = ["d"], wr = ["d"], kr = ["d"], Sr = ["d"], xr = { id: "margin-outer" }, Cr = ["width", "height"], Vr = ["width", "height"], $r = { id: "margin-inner" }, Er = ["width", "height"], Ir = ["width", "height"], de = 36, pe = 24, jr = /* @__PURE__ */ $({
   __name: "positioning",
   props: {
     styleJson: {},
@@ -5177,7 +5179,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       { label: "绝对", value: "absolute" },
       { label: "固定", value: "fixed" },
       { label: "粘性", value: "sticky" }
-    ], v = [
+    ], m = [
       { label: "左上", svg: us, value: "0% auto auto 0%" },
       { label: "右上", svg: cs, value: "0% 0% auto auto" },
       { label: "左下", svg: ds, value: "auto auto 0% 0%" },
@@ -5187,7 +5189,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       { label: "上", svg: gs, value: "auto 0% 0% 0%" },
       { label: "下", svg: fs, value: "0% 0% auto 0%" },
       { label: "填充", svg: hs, value: "0% 0% 0% 0%" }
-    ], m = S(() => (e.styleJson.inset || "").split(" ")), g = (h) => {
+    ], v = S(() => (e.styleJson.inset || "").split(" ")), g = (h) => {
       r.value = h, a.value = e.styleJson[h], o.value = !0;
     }, y = () => {
       o.value = !1, r.value = void 0, a.value = void 0;
@@ -5206,7 +5208,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
             size: "small"
           }, {
             default: f(() => [
-              p(t(F), {
+              p(t(O), {
                 name: "position",
                 label: "定位",
                 setters: { name: "SelectSetter" },
@@ -5215,11 +5217,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson.position,
                 onChange: e.setStyle
               }, null, 8, ["value", "onChange"]),
-              p(t(F), {
+              p(t(O), {
                 name: "inset",
                 label: " ",
                 setters: { name: "TagSetter" },
-                options: v,
+                options: m,
                 variable: !1,
                 value: e.styleJson.inset,
                 onChange: e.setStyle
@@ -5232,7 +5234,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                       ref: n,
                       class: "spacing-min-icon"
                     }, [
-                      t(l) && t(l) ? (c(), $("svg", {
+                      t(l) && t(l) ? (c(), V("svg", {
                         key: 0,
                         xmlns: "http://www.w3.org/2000/svg",
                         width: t(l),
@@ -5359,23 +5361,23 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                           ry: "2",
                           style: { "pointer-events": "none", "stroke-width": "2px" }
                         }, null, 8, Ir)
-                      ], 8, yr)) : I("", !0),
+                      ], 8, yr)) : E("", !0),
                       x("div", {
                         class: W(["spacing-edit padding-top", { "is-setting": e.styleJson.top }]),
                         onClick: d[4] || (d[4] = (_) => g("top"))
-                      }, B(e.styleJson.top || m.value[0] || "-"), 3),
+                      }, B(e.styleJson.top || v.value[0] || "-"), 3),
                       x("div", {
                         class: W(["spacing-edit padding-right", { "is-setting": e.styleJson.right }]),
                         onClick: d[5] || (d[5] = (_) => g("right"))
-                      }, B(e.styleJson.right || m.value[1] || "-"), 3),
+                      }, B(e.styleJson.right || v.value[1] || "-"), 3),
                       x("div", {
                         class: W(["spacing-edit padding-bottom", { "is-setting": e.styleJson.bottom }]),
                         onClick: d[6] || (d[6] = (_) => g("bottom"))
-                      }, B(e.styleJson.bottom || m.value[2] || "-"), 3),
+                      }, B(e.styleJson.bottom || v.value[2] || "-"), 3),
                       x("div", {
                         class: W(["spacing-edit padding-left", { "is-setting": e.styleJson.left }]),
                         onClick: d[7] || (d[7] = (_) => g("left"))
-                      }, B(e.styleJson.left || m.value[3] || "-"), 3)
+                      }, B(e.styleJson.left || v.value[3] || "-"), 3)
                     ], 512),
                     o.value ? (c(), b(bn, {
                       key: 0,
@@ -5385,12 +5387,12 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                       "onUpdate:modelValue": d[8] || (d[8] = (_) => a.value = _),
                       onClose: y,
                       onSubmit: e.setStyle
-                    }, null, 8, ["name", "modelValue", "onSubmit"])) : I("", !0)
+                    }, null, 8, ["name", "modelValue", "onSubmit"])) : E("", !0)
                   ])
                 ]),
                 _: 1
               }),
-              p(t(F), {
+              p(t(O), {
                 name: "z-index",
                 label: "层级",
                 setters: { name: "NumberSetter" },
@@ -5406,7 +5408,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Ar = /* @__PURE__ */ E({
+}), Ar = /* @__PURE__ */ $({
   __name: "texting",
   props: {
     styleJson: {},
@@ -5490,7 +5492,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           inline: ""
         }, {
           default: f(() => [
-            (c(), $(P, null, z(n, (i) => p(t(F), {
+            (c(), V(P, null, z(n, (i) => p(t(O), {
               name: i.name,
               label: i.label,
               setters: { name: i.setter },
@@ -5507,7 +5509,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           "label-width": "60px"
         }, {
           default: f(() => [
-            p(t(F), {
+            p(t(O), {
               name: "color",
               label: "颜色",
               setters: { name: "ColorSetter" },
@@ -5515,7 +5517,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson.color,
               onChange: r.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "text-align",
               label: "对齐",
               setters: { name: "TagSetter" },
@@ -5524,7 +5526,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson["text-align"],
               onChange: r.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "font-style",
               label: "风格",
               setters: { name: "TagSetter" },
@@ -5533,7 +5535,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson["font-style"],
               onChange: r.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "text-decoration",
               label: "修饰",
               setters: { name: "TagSetter" },
@@ -5549,18 +5551,18 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Dr = /* @__PURE__ */ E({
+}), Dr = /* @__PURE__ */ $({
   __name: "backgound",
   props: {
     styleJson: {},
     setStyle: { type: Function }
   },
   setup(u) {
-    const e = u, n = (i, v) => {
-      v ? e.setStyle("background-image", `url(${v})`) : e.setStyle("background-image", void 0);
+    const e = u, n = (i, m) => {
+      m ? e.setStyle("background-image", `url(${m})`) : e.setStyle("background-image", void 0);
     }, l = (i) => {
-      const v = /^url\(([\w\W]+)\)$/;
-      return i?.match(v)?.[1];
+      const m = /^url\(([\w\W]+)\)$/;
+      return i?.match(m)?.[1];
     }, s = [
       { label: "重复", value: "repeat", svg: $s },
       { label: "水平重复", value: "repeat-x", svg: Es },
@@ -5580,7 +5582,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       { label: "覆盖", value: "cover" },
       { label: "填充", value: "contain" }
     ];
-    return (i, v) => (c(), b(t(N), {
+    return (i, m) => (c(), b(t(N), {
       title: "背景",
       class: "v-sub-panel",
       size: "small",
@@ -5593,7 +5595,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           size: "small"
         }, {
           default: f(() => [
-            p(t(F), {
+            p(t(O), {
               name: "background-image",
               label: "图片",
               setters: { name: "ImageSetter" },
@@ -5601,7 +5603,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: l(e.styleJson["background-image"]),
               onChange: n
             }, null, 8, ["value"]),
-            p(t(F), {
+            p(t(O), {
               name: "background-color",
               label: "颜色",
               setters: { name: "ColorSetter" },
@@ -5609,7 +5611,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson["background-color"],
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "background-repeat",
               label: "重复",
               setters: { name: "TagSetter" },
@@ -5618,7 +5620,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               options: s,
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "background-attachment",
               label: "固定",
               setters: { name: "RadioSetter" },
@@ -5627,7 +5629,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               options: o,
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "background-position",
               label: "位置",
               setters: { name: "SectionSetter", props: { sections: 2 } },
@@ -5635,7 +5637,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson["background-position"],
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "background-size",
               label: "大小",
               setters: { name: "SelectSetter" },
@@ -5644,7 +5646,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               options: a,
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "background-clip",
               label: "裁剪",
               setters: { name: "SelectSetter" },
@@ -5660,7 +5662,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Pr = /* @__PURE__ */ E({
+}), Pr = /* @__PURE__ */ $({
   __name: "border",
   props: {
     styleJson: {},
@@ -5694,7 +5696,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           size: "small"
         }, {
           default: f(() => [
-            p(t(F), {
+            p(t(O), {
               name: "border-radius",
               label: "圆角",
               setters: { name: "SectionSetter", props: { sections: 4 } },
@@ -5702,7 +5704,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson["border-radius"],
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "borders",
               label: "边框",
               setters: { name: "TagSetter" },
@@ -5711,8 +5713,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: n.value,
               onChange: o
             }, null, 8, ["value"]),
-            n.value ? (c(), $(P, { key: 0 }, [
-              (c(), b(t(F), {
+            n.value ? (c(), V(P, { key: 0 }, [
+              (c(), b(t(O), {
                 name: `${n.value}-width`,
                 key: `${n.value}-width`,
                 label: "宽度",
@@ -5721,7 +5723,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson[`${n.value}-width`],
                 onChange: e.setStyle
               }, null, 8, ["name", "value", "onChange"])),
-              (c(), b(t(F), {
+              (c(), b(t(O), {
                 name: `${n.value}-style`,
                 key: `${n.value}-style`,
                 label: "样式",
@@ -5731,7 +5733,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson[`${n.value}-style`],
                 onChange: e.setStyle
               }, null, 8, ["name", "value", "onChange"])),
-              (c(), b(t(F), {
+              (c(), b(t(O), {
                 name: `${n.value}-color`,
                 key: `${n.value}-color`,
                 label: "颜色",
@@ -5740,7 +5742,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
                 value: e.styleJson[`${n.value}-color`],
                 onChange: e.setStyle
               }, null, 8, ["name", "value", "onChange"]))
-            ], 64)) : I("", !0)
+            ], 64)) : E("", !0)
           ]),
           _: 1
         })
@@ -5748,7 +5750,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Rr = /* @__PURE__ */ E({
+}), Rr = /* @__PURE__ */ $({
   __name: "effect",
   props: {
     styleJson: {},
@@ -5812,7 +5814,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           size: "small"
         }, {
           default: f(() => [
-            p(t(F), {
+            p(t(O), {
               name: "opacity",
               label: "透明度",
               setters: { name: "SliderSetter" },
@@ -5820,7 +5822,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: o(),
               onChange: s
             }, null, 8, ["value"]),
-            p(t(F), {
+            p(t(O), {
               name: "box-shadow",
               label: "阴影",
               setters: { name: "SelectSetter" },
@@ -5829,7 +5831,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
               value: e.styleJson["box-shadow"],
               onChange: e.setStyle
             }, null, 8, ["value", "onChange"]),
-            p(t(F), {
+            p(t(O), {
               name: "cursor",
               label: "光标",
               setters: { name: "TagSetter" },
@@ -5845,7 +5847,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), Br = /* @__PURE__ */ E({
+}), Br = /* @__PURE__ */ $({
   name: "StyleWidget",
   __name: "index",
   props: {
@@ -5912,42 +5914,42 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }));
   }
-}), zr = ["src"], Tr = /* @__PURE__ */ E({
+}), zr = ["src"], Tr = /* @__PURE__ */ $({
   name: "PreviewerWidget",
   __name: "index",
   props: {
     path: { type: Function }
   },
   setup(u, { expose: e }) {
-    const n = u, l = k(), s = k(Symbol()), { current: o, engine: r } = oe(), { width: a, height: i } = Fe(l), v = S(() => o.value && n.path ? n.path(o.value) : null), m = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
+    const n = u, l = k(), s = k(Symbol()), { current: o, engine: r } = oe(), { width: a, height: i } = Fe(l), m = S(() => o.value && n.path ? n.path(o.value) : null), v = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
     return e({
       refresh: () => {
         s.value = Symbol();
       }
-    }), (y, h) => (c(), $("div", {
+    }), (y, h) => (c(), V("div", {
       ref_key: "container",
       ref: l,
       class: "v-previewer",
       key: s.value
     }, [
       p(t(hn), {
-        mode: m.value,
+        mode: v.value,
         width: t(a),
         height: t(i)
       }, {
         default: f(() => [
-          v.value ? (c(), $("iframe", {
+          m.value ? (c(), V("iframe", {
             key: 0,
             ref: "iframe",
             frameborder: "0",
-            src: v.value
-          }, null, 8, zr)) : I("", !0)
+            src: m.value
+          }, null, 8, zr)) : E("", !0)
         ]),
         _: 1
       }, 8, ["mode", "width", "height"])
     ]));
   }
-}), Jr = /* @__PURE__ */ E({
+}), Jr = /* @__PURE__ */ $({
   name: "NodePathWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -5963,9 +5965,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       "separator-icon": t(Ws)
     }, {
       default: f(() => [
-        (c(!0), $(P, null, z(l.value, (i) => (c(), b(t(Bn), {
-          onClick: (v) => s(i),
-          onMouseover: (v) => o(i)
+        (c(!0), V(P, null, z(l.value, (i) => (c(), b(t(Bn), {
+          onClick: (m) => s(i),
+          onMouseover: (m) => o(i)
         }, {
           default: f(() => [
             q(B(i.name), 1)
@@ -5974,9 +5976,9 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         }, 1032, ["onClick", "onMouseover"]))), 256))
       ]),
       _: 1
-    }, 8, ["separator-icon"])) : I("", !0);
+    }, 8, ["separator-icon"])) : E("", !0);
   }
-}), Fr = /* @__PURE__ */ E({
+}), Fr = /* @__PURE__ */ $({
   name: "SchemaWidget",
   __name: "index",
   setup(u) {
@@ -5988,10 +5990,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。"
       ))
         try {
-          const v = JSON.parse(a);
-          e.value?.update(v), ue("保存成功");
-        } catch (v) {
-          te(v?.message);
+          const m = JSON.parse(a);
+          e.value?.update(m), ue("保存成功");
+        } catch (m) {
+          te(m?.message);
         }
     };
     return (r, a) => (c(), b(t(N), {
@@ -6016,7 +6018,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title"]));
   }
-}), Or = /* @__PURE__ */ E({
+}), Or = /* @__PURE__ */ $({
   name: "SchemaWidget",
   __name: "index",
   setup(u) {
@@ -6055,7 +6057,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["title", "subtitle"]));
   }
-}), Nr = ["src"], Mr = /* @__PURE__ */ E({
+}), Nr = ["src"], Mr = /* @__PURE__ */ $({
   name: "DocsWidget",
   __name: "index",
   props: {
@@ -6091,11 +6093,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 512));
   }
-}), Wr = { class: "v-about-widget" }, Lr = { class: "v-about-widget__logo" }, Ur = ["src"], Hr = /* @__PURE__ */ x("div", { class: "v-about-widget__name" }, "VTJ.PRO", -1), qr = { class: "v-about-widget__version" }, Gr = /* @__PURE__ */ E({
+}), Wr = { class: "v-about-widget" }, Lr = { class: "v-about-widget__logo" }, Ur = ["src"], Hr = /* @__PURE__ */ x("div", { class: "v-about-widget__name" }, "VTJ.PRO", -1), qr = { class: "v-about-widget__version" }, Gr = /* @__PURE__ */ $({
   name: "AboutWidget",
   __name: "index",
   setup(u) {
-    return (e, n) => (c(), $("div", Wr, [
+    return (e, n) => (c(), V("div", Wr, [
       x("div", Lr, [
         x("img", { src: t(kt) }, null, 8, Ur)
       ]),
@@ -6936,13 +6938,13 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     categories: Qr,
     components: Yr
   }
-], ti = /* @__PURE__ */ E({
+], ti = /* @__PURE__ */ $({
   name: "StringSetter",
   __name: "string",
   setup(u) {
     return (e, n) => (c(), b(t(_e), re({ clearable: "" }, e.$attrs), null, 16));
   }
-}), ni = /* @__PURE__ */ E({
+}), ni = /* @__PURE__ */ $({
   name: "BooleanSetter",
   __name: "boolean",
   setup(u) {
@@ -6950,7 +6952,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       "model-value": !!e.$attrs.modelValue
     }), null, 16, ["model-value"]));
   }
-}), li = "{{", si = "}}", ai = /* @__PURE__ */ E({
+}), li = "{{", si = "}}", ai = /* @__PURE__ */ $({
   name: "ExpressionSetter",
   __name: "expression",
   props: {
@@ -6973,16 +6975,16 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       }
     );
     const a = (i) => {
-      const v = {
+      const m = {
         type: "JSExpression",
         value: i
       };
-      o(v) && s("change", v);
+      o(m) && s("change", m);
     };
-    return (i, v) => (c(), b(t(_e), {
+    return (i, m) => (c(), b(t(_e), {
       class: "v-expression-setter",
       modelValue: r.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (m) => r.value = m),
+      "onUpdate:modelValue": m[0] || (m[0] = (v) => r.value = v),
       onChange: a
     }, {
       prefix: f(() => [
@@ -6994,7 +6996,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 8, ["modelValue"]));
   }
-}), oi = /* @__PURE__ */ E({
+}), oi = /* @__PURE__ */ $({
   name: "SelectSetter",
   __name: "select",
   props: {
@@ -7004,14 +7006,14 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const e = u;
     return (n, l) => (c(), b(t(Tn), re({ clearable: "" }, n.$attrs), {
       default: f(() => [
-        (c(!0), $(P, null, z(e.options, (s) => (c(), b(t(Jn), re({
+        (c(!0), V(P, null, z(e.options, (s) => (c(), b(t(Jn), re({
           key: s.label
         }, s), null, 16))), 128))
       ]),
       _: 1
     }, 16));
   }
-}), ri = /* @__PURE__ */ E({
+}), ri = /* @__PURE__ */ $({
   name: "NumberSetter",
   __name: "number",
   props: {
@@ -7028,13 +7030,13 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       "model-value": s.value
     }, r.$attrs, { onChange: o }), null, 16, ["model-value"]));
   }
-}), ii = /* @__PURE__ */ E({
+}), ii = /* @__PURE__ */ $({
   name: "ColorSetter",
   __name: "color",
   setup(u) {
     return (e, n) => (c(), b(t(On), Jt(Ft(e.$attrs)), null, 16));
   }
-}), ui = /* @__PURE__ */ E({
+}), ui = /* @__PURE__ */ $({
   name: "JsonSetter",
   __name: "json",
   props: {
@@ -7062,18 +7064,18 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         });
       }
       return h;
-    }, v = () => {
+    }, m = () => {
       const y = l.value?.getEditor();
       if (y) {
         const h = y.getValue();
         i(h) && (s.value = h, a("change", JSON.parse(h)), r.value = !1);
       }
-    }, m = () => {
+    }, v = () => {
       s.value = "", a("change", void 0), r.value = !1;
     }, g = () => {
       r.value = !0;
     };
-    return (y, h) => (c(), $("div", {
+    return (y, h) => (c(), V("div", {
       class: W(["v-json-setter", { "is-active": o.value }])
     }, [
       p(t(_e), re({
@@ -7092,8 +7094,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         cancel: "",
         submit: "",
         clear: "",
-        onSubmit: v,
-        onClear: m
+        onSubmit: m,
+        onClear: v
       }, {
         default: f(() => [
           p(t(ne), {
@@ -7106,10 +7108,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           }, null, 8, ["model-value"])
         ]),
         _: 1
-      }, 8, ["modelValue", "title"])) : I("", !0)
+      }, 8, ["modelValue", "title"])) : E("", !0)
     ], 2));
   }
-}), ci = /* @__PURE__ */ E({
+}), ci = /* @__PURE__ */ $({
   name: "FunctionSetter",
   __name: "function",
   props: {
@@ -7129,17 +7131,17 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         };
         ae(h, {}) && (s.value = y, a("change", h), o.value = !1);
       }
-    }, v = () => {
-      s.value = "", a("change", void 0), o.value = !1;
     }, m = () => {
+      s.value = "", a("change", void 0), o.value = !1;
+    }, v = () => {
       o.value = !0;
     };
-    return (g, y) => (c(), $("div", {
+    return (g, y) => (c(), V("div", {
       class: W(["v-function-setter", { "is-active": r.value }])
     }, [
       p(t(_e), re({
         readonly: "",
-        onFocus: m,
+        onFocus: v,
         "model-value": "JSFunction",
         "suffix-icon": t(wt)
       }, g.$attrs), null, 16, ["suffix-icon"]),
@@ -7154,7 +7156,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         submit: "",
         clear: "",
         onSubmit: i,
-        onClear: v
+        onClear: m
       }, {
         default: f(() => [
           p(t(ne), {
@@ -7166,10 +7168,10 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           }, null, 8, ["model-value"])
         ]),
         _: 1
-      }, 8, ["modelValue"])) : I("", !0)
+      }, 8, ["modelValue"])) : E("", !0)
     ], 2));
   }
-}), di = /* @__PURE__ */ E({
+}), di = /* @__PURE__ */ $({
   name: "RadioSetter",
   __name: "radio",
   props: {
@@ -7182,25 +7184,26 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       size: "small"
     }, n.$attrs), {
       default: f(() => [
-        (c(!0), $(P, null, z(e.options, (s) => (c(), b(t(He), {
-          label: s.value,
+        (c(!0), V(P, null, z(e.options, (s) => (c(), b(t(He), {
+          label: s.label,
+          value: s.value,
           title: s.label
         }, {
           default: f(() => [
             s.svg ? (c(), b(t(we), {
               key: 0,
               src: s.svg
-            }, null, 8, ["src"])) : (c(), $(P, { key: 1 }, [
+            }, null, 8, ["src"])) : (c(), V(P, { key: 1 }, [
               q(B(s.label), 1)
             ], 64))
           ]),
           _: 2
-        }, 1032, ["label", "title"]))), 256))
+        }, 1032, ["label", "value", "title"]))), 256))
       ]),
       _: 1
     }, 16));
   }
-}), pi = ["label", "title", "onClick"], mi = /* @__PURE__ */ E({
+}), pi = ["label", "title", "onClick"], mi = /* @__PURE__ */ $({
   name: "TagSetter",
   __name: "tag",
   props: {
@@ -7212,11 +7215,11 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const n = u, l = e, s = (o) => {
       o.value === n.modelValue ? (l("update:modelValue", void 0), l("change", void 0)) : (l("update:modelValue", o.value), l("change", o.value));
     };
-    return (o, r) => (c(), $("div", re({
+    return (o, r) => (c(), V("div", re({
       class: "v-tag-setter",
       size: "small"
     }, o.$attrs), [
-      (c(!0), $(P, null, z(n.options, (a) => (c(), $("span", {
+      (c(!0), V(P, null, z(n.options, (a) => (c(), V("span", {
         label: a.value,
         title: a.label,
         class: W({
@@ -7228,13 +7231,13 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
           key: 0,
           src: a.svg,
           size: 16
-        }, null, 8, ["src"])) : (c(), $(P, { key: 1 }, [
+        }, null, 8, ["src"])) : (c(), V(P, { key: 1 }, [
           q(B(a.label), 1)
         ], 64))
       ], 10, pi))), 256))
     ], 16));
   }
-}), yn = /* @__PURE__ */ E({
+}), yn = /* @__PURE__ */ $({
   name: "SizeSetter",
   __name: "size",
   props: {
@@ -7253,16 +7256,16 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
         i && (s.value = i.endsWith("px"), r.value = i);
       },
       { immediate: !0 }
-    ), (i, v) => (c(), b(t(Qt), re({
+    ), (i, m) => (c(), b(t(Qt), re({
       clearable: "",
       unit: o.value,
       "with-unit": !!o.value,
       modelValue: r.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (m) => r.value = m),
+      "onUpdate:modelValue": m[0] || (m[0] = (v) => r.value = v),
       onChange: a
     }, i.$attrs), null, 16, ["unit", "with-unit", "modelValue"]));
   }
-}), vi = { class: "v-image-setter__plus" }, gi = /* @__PURE__ */ E({
+}), vi = { class: "v-image-setter__plus" }, gi = /* @__PURE__ */ $({
   name: "ImageSetter",
   __name: "image",
   props: {
@@ -7271,8 +7274,8 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
   },
   emits: ["change"],
   setup(u, { emit: e }) {
-    const n = u, l = e, s = k([]), o = S(() => s.value.length < n.limit), r = (i) => i.type.includes("image") ? (Xn(i).then((v) => {
-      s.value = [{ name: i.name, url: v }];
+    const n = u, l = e, s = k([]), o = S(() => s.value.length < n.limit), r = (i) => i.type.includes("image") ? (Xn(i).then((m) => {
+      s.value = [{ name: i.name, url: m }];
     }), !1) : (Ze.error("只能上传图片"), !1), a = () => {
       s.value = [];
     };
@@ -7286,13 +7289,13 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       }
     ), H(s, () => {
       l("change", s.value[0]?.url);
-    }), (i, v) => (c(), b(t(Nn), re({
+    }), (i, m) => (c(), b(t(Nn), re({
       class: ["v-image-setter", { "v-image-setter--addable": o.value }],
       "list-type": "picture-card",
       limit: 1,
       action: "#",
       "file-list": s.value,
-      "onUpdate:fileList": v[0] || (v[0] = (m) => s.value = m),
+      "onUpdate:fileList": m[0] || (m[0] = (v) => s.value = v),
       "before-upload": r,
       "auto-upload": !0,
       "on-remove": a
@@ -7305,7 +7308,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
       _: 1
     }, 16, ["class", "file-list"]));
   }
-}), fi = { class: "v-section-setter" }, hi = /* @__PURE__ */ E({
+}), fi = { class: "v-section-setter" }, hi = /* @__PURE__ */ $({
   name: "SectionSetter",
   __name: "section",
   props: {
@@ -7325,17 +7328,17 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const o = () => {
       l("change", s.value.join(" ").trim());
     };
-    return (r, a) => (c(), $("div", fi, [
-      (c(!0), $(P, null, z(n.sections, (i) => (c(), b(yn, {
+    return (r, a) => (c(), V("div", fi, [
+      (c(!0), V(P, null, z(n.sections, (i) => (c(), b(yn, {
         name: i - 1,
         modelValue: s.value[i - 1],
-        "onUpdate:modelValue": (v) => s.value[i - 1] = v,
+        "onUpdate:modelValue": (m) => s.value[i - 1] = m,
         onChange: o,
         class: "v-section-setter__item"
       }, null, 8, ["name", "modelValue", "onUpdate:modelValue"]))), 256))
     ]));
   }
-}), bi = { class: "v-slider-setter" }, yi = /* @__PURE__ */ E({
+}), bi = { class: "v-slider-setter" }, yi = /* @__PURE__ */ $({
   name: "SliderSetter",
   __name: "slider",
   props: {
@@ -7356,7 +7359,7 @@ const ja = { class: "v-switcher-widget" }, Aa = { key: 1 }, Da = /* @__PURE__ */
     const o = () => {
       s.value = void 0, l("change", void 0), l("update:modelValue", void 0);
     };
-    return (r, a) => (c(), $("div", bi, [
+    return (r, a) => (c(), V("div", bi, [
       p(t(Mn), re({ size: "small" }, r.$attrs, {
         modelValue: s.value,
         "onUpdate:modelValue": a[0] || (a[0] = (i) => s.value = i)
@@ -7765,16 +7768,16 @@ class $i {
     const a = r.model, i = s.value.type;
     if (!await this.allowDrop(a, i))
       return;
-    const v = this.createNodeDsl(l), m = new Et(v);
+    const m = this.createNodeDsl(l), v = new Et(m);
     if (Q(a))
-      o.addNode(m, void 0, i);
+      o.addNode(v, void 0, i);
     else {
       const g = await this.getDropSlot(i === "inner" ? a : a.parent);
       if (g === null) {
         this.dropping.value = null;
         return;
       }
-      m.slot = g, o.addNode(m, a, i);
+      v.slot = g, o.addNode(v, a, i);
     }
     this.dropping.value = null;
   }
@@ -7932,7 +7935,7 @@ class $i {
     const r = s.assets.componentMap, a = n !== "inner" && e.parent || e, i = await s.assets.getBlockMaterial(a.from) || r.get(a.name);
     if (!i)
       return !1;
-    const { parentIncludes: v = !0, name: m } = l, { childIncludes: g = !0 } = i, y = v === !0 || Array.isArray(v) && v.includes(a.name), h = g === !0 || Array.isArray(g) && g.includes(m);
+    const { parentIncludes: m = !0, name: v } = l, { childIncludes: g = !0 } = i, y = m === !0 || Array.isArray(m) && m.includes(a.name), h = g === !0 || Array.isArray(g) && g.includes(v);
     return y && h;
   }
   dispose() {
@@ -7960,7 +7963,7 @@ class Ei {
     }
     const o = Object.values(n);
     Object.assign(e.config.globalProperties, l), e.config.errorHandler = (r, a, i) => {
-      const v = a?.$options.name, m = r?.message || r?.msg || "未知错误", g = `[ ${v} ] ${m}`;
+      const m = a?.$options.name, v = r?.message || r?.msg || "未知错误", g = `[ ${m} ] ${v}`;
       console.error({
         err: r,
         instance: a,
@@ -7983,7 +7986,7 @@ class Ei {
       apis: a
     } = this.env, i = n.document.createElement("div");
     i.id = "app", l.appendChild(i), this.dsl = s.reactive(e.toDsl());
-    const v = hl({
+    const m = hl({
       getDsl: async (y) => await this.service.getFile(y) || null,
       options: {
         mode: mt.Design,
@@ -7993,17 +7996,17 @@ class Ei {
         apis: a,
         window: n
       }
-    }), { renderer: m, context: g } = bl({
+    }), { renderer: v, context: g } = bl({
       Vue: s,
       mode: mt.Design,
       dsl: this.dsl,
       components: o,
       libs: r,
       apis: a,
-      loader: v,
+      loader: m,
       window: n
     });
-    this.app = s.createApp(m), this.install(this.app);
+    this.app = s.createApp(v), this.install(this.app);
     try {
       this.app.mount(i);
     } catch (y) {
@@ -8051,9 +8054,9 @@ class Ii extends tn {
       this.refresh();
     });
   }
-  init(e, n) {
+  init(e, n, l) {
     H(
-      [e, n],
+      [e, n, l],
       () => {
         e.value && n.value.length && (this.resetReady(), this.setup(e.value, n.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new $i(
           this.engine,
@@ -8078,8 +8081,8 @@ class Ii extends tn {
       css: r,
       materials: a,
       libraryExports: i,
-      materialExports: v,
-      materialMapLibrary: m
+      materialExports: m,
+      materialMapLibrary: v
     } = yl(n, this.materialPath);
     s.open(), s.write(`
      <!DOCTYPE html>
@@ -8106,37 +8109,37 @@ class Ii extends tn {
        </body>
        <script>
        __simulator__.emitReady(${JSON.stringify(i)},
-        ${JSON.stringify(v)}, 
-    ${JSON.stringify(m)});
+        ${JSON.stringify(m)}, 
+    ${JSON.stringify(v)});
      <\/script> 
      </html>
     `), s.close();
   }
   async emitReady(e = [], n = [], l = {}) {
     this.renderer?.dispose(), this.renderer = null;
-    const s = this.contentWindow, { assets: o, service: r, current: a, provider: i } = this.engine, v = i.materials || {}, m = [];
+    const s = this.contentWindow, { assets: o, service: r, current: a, provider: i } = this.engine, m = i.materials || {}, v = [];
     for (const y of n) {
-      const h = v[y] ? (await v[y]()).default : s[y];
-      m.push(h);
+      const h = m[y] ? (await m[y]()).default : s[y];
+      v.push(h);
     }
-    o.load(m);
-    const g = this.createEnv(e, l, m);
+    o.load(v);
+    const g = this.createEnv(e, l, v);
     this.renderer = new Ei(g, r, this.designer.value), a.value && this.renderer.render(a.value), this.triggerReady();
   }
   createEnv(e = [], n = {}, l = []) {
-    const s = this.contentWindow, { engine: o } = this, { project: r, assets: a, provider: i } = o, v = e.reduce((w, C) => (w[C] = s[C], w), {}), m = {}, { groups: g, componentMap: y } = a;
+    const s = this.contentWindow, { engine: o } = this, { project: r, assets: a, provider: i } = o, m = e.reduce((w, C) => (w[C] = s[C], w), {}), v = {}, { groups: g, componentMap: y } = a;
     for (const w of g.value) {
       const C = w.names || [];
       if (w.name === ct)
-        C.forEach((V) => {
-          const A = y.get(V), O = A?.package || "", j = ll[O], T = v[j];
-          T && A && (m[V] = At(A, T));
+        C.forEach((I) => {
+          const j = y.get(I), T = j?.package || "", A = ll[T], J = m[A];
+          J && j && (v[I] = At(j, J));
         });
       else {
-        const V = v[n[w.library || ""]];
-        V && C.forEach((A) => {
-          const O = y.get(A);
-          O ? m[A] = At(O, V) : m[A] = V[A];
+        const I = m[n[w.library || ""]];
+        I && C.forEach((j) => {
+          const T = y.get(j);
+          T ? v[j] = At(T, I) : v[j] = I[j];
         });
       }
     }
@@ -8145,9 +8148,9 @@ class Ii extends tn {
       window: s,
       Vue: s.Vue,
       VueRouter: s.VueRouter,
-      library: v,
+      library: m,
       materials: l,
-      components: m,
+      components: v,
       container: s.document.body,
       apis: _,
       globals: d
@@ -8159,7 +8162,7 @@ class Ii extends tn {
     e && this.renderer?.render(e);
   }
   dispose() {
-    this.renderer?.dispose(), this.designer.value?.dispose(), this.contentWindow = null, this.renderer = null, this.designer.value = null;
+    this.renderer?.dispose(), this.designer.value?.dispose(), this.contentWindow = null, this.renderer = null, this.designer.value = null, this.resetReady();
   }
 }
 class ji {
@@ -8186,15 +8189,15 @@ class ji {
       const { categories: s, components: o, label: r, name: a, library: i } = l;
       if (!s || !o)
         continue;
-      const v = o.filter((h) => !!h.package).map((h) => h.name), m = s.map(
+      const m = o.filter((h) => !!h.package).map((h) => h.name), v = s.map(
         (h) => this.getCateoryComponents(h, o)
-      ), g = m.reduce((h, d) => d.count + h, 0), y = {
+      ), g = v.reduce((h, d) => d.count + h, 0), y = {
         name: l.name,
         label: r || a,
         count: g,
-        names: v,
+        names: m,
         library: i,
-        children: m
+        children: v
       };
       n.push(y);
     }
@@ -8216,7 +8219,7 @@ class ji {
     const l = await this.service.getFile(n);
     if (!l)
       return null;
-    const { id: s, name: o, slots: r, props: a, emits: i } = l, v = (g) => {
+    const { id: s, name: o, slots: r, props: a, emits: i } = l, m = (g) => {
       const y = Array.isArray(g) ? g : [g];
       let h = [];
       for (const d of y)
@@ -8235,7 +8238,7 @@ class ji {
       } : {
         name: g.name,
         type: g.type,
-        setters: v(g.type)
+        setters: m(g.type)
       }),
       events: i,
       slots: r,
@@ -8434,7 +8437,7 @@ function ie() {
   const u = $n(wn, null);
   return u || ke.error("VTJEngine is not exist"), u;
 }
-const Ve = E({
+const Ve = $({
   name: "RegionWrapper",
   props: {
     region: {
@@ -8451,7 +8454,7 @@ const Ve = E({
     const u = zt[this.region] || zt.EmptyRegion;
     return Pe(u, { ...this.$props, ...this.$attrs, ref: "regionRef" });
   }
-}), Ie = E({
+}), Ie = $({
   name: "WidgetWrapper",
   props: {
     region: {
@@ -8476,7 +8479,7 @@ const Ve = E({
       ref: "widgetRef"
     });
   }
-}), Ai = E({
+}), Ai = $({
   name: "SkeletonWrapper",
   setup() {
     const u = k(), e = ie(), n = k({});
@@ -8548,7 +8551,7 @@ const Ve = E({
       this.skeletonRef && (this.skeletonRef.isPreview = !1);
     }
   }
-}), F = E({
+}), O = $({
   name: "SetterWrapper",
   props: {
     context: {
@@ -8635,8 +8638,8 @@ const Ve = E({
       computedSetters: r,
       computedOptions: a,
       variable: i,
-      changeValue: v,
-      defaultSetter: m,
+      changeValue: m,
+      defaultSetter: v,
       removable: g,
       onRemove: y
     } = this;
@@ -8647,12 +8650,12 @@ const Ve = E({
       label: l,
       title: s,
       setters: r,
-      defaultSetter: m,
+      defaultSetter: v,
       variable: i,
       value: o,
       removable: g,
       options: a,
-      onChange: v,
+      onChange: m,
       onRemove: y
     });
   },
@@ -8668,7 +8671,7 @@ const Ve = E({
       this.$emit("remove", u);
     }
   }
-}), Di = /* @__PURE__ */ E({
+}), Di = /* @__PURE__ */ $({
   name: "Skeletion",
   __name: "skeleton",
   props: {
@@ -8682,27 +8685,27 @@ const Ve = E({
       dirs: ["e"],
       maxWidth: 600,
       minWidth: 49,
-      onResizing(V, A) {
-        s.value = A.elementWidth.value;
+      onResizing(I, j) {
+        s.value = j.elementWidth.value;
       },
-      onEnd(V, A) {
-        s.value = A.elementWidth.value;
+      onEnd(I, j) {
+        s.value = j.elementWidth.value;
       }
     }, a = {
       dirs: ["w"],
       maxWidth: 600,
       minWidth: 2,
-      onResizing(V, A) {
-        o.value = A.elementWidth.value;
+      onResizing(I, j) {
+        o.value = j.elementWidth.value;
       },
-      onEnd(V, A) {
-        o.value = A.elementWidth.value;
+      onEnd(I, j) {
+        o.value = j.elementWidth.value;
       }
-    }, i = k(), v = k(), m = k(), g = k(), y = k(), h = k(), d = k(), _ = k(), w = k(!1), C = k(!1);
+    }, i = k(), m = k(), v = k(), g = k(), y = k(), h = k(), d = k(), _ = k(), w = k(!1), C = k(!1);
     return e({
       brand: i,
-      toolbar: v,
-      actions: m,
+      toolbar: m,
+      actions: v,
       apps: g,
       workspace: y,
       settings: h,
@@ -8713,13 +8716,13 @@ const Ve = E({
       rightWidth: o,
       preview: _,
       isPreview: l
-    }), (V, A) => (c(), b(t(Wn), { locale: t(qn) }, {
+    }), (I, j) => (c(), b(t(Wn), { locale: t(qn) }, {
       default: f(() => [
         p(t(Ct), { class: "v-skeleton" }, {
           default: f(() => [
             p(t(Ln), {
               class: "v-skeleton__header",
-              height: V.headerHeight
+              height: I.headerHeight
             }, {
               default: f(() => [
                 p(t(Ve), {
@@ -8729,13 +8732,13 @@ const Ve = E({
                 }, null, 512),
                 p(t(Ve), {
                   ref_key: "toolbar",
-                  ref: v,
+                  ref: m,
                   region: "Toolbar",
                   preview: l.value
                 }, null, 8, ["preview"]),
                 p(t(Ve), {
                   ref_key: "actions",
-                  ref: m,
+                  ref: v,
                   region: "Actions"
                 }, null, 512)
               ]),
@@ -8743,7 +8746,7 @@ const Ve = E({
             }, 8, ["height"]),
             p(t(Ct), { class: "v-skeleton__wrapper" }, {
               default: f(() => [
-                l.value ? I("", !0) : je((c(), b(t(Vt), {
+                l.value ? E("", !0) : je((c(), b(t(Vt), {
                   key: 0,
                   width: n.leftWidth,
                   class: W(["v-skeleton__left", {
@@ -8769,7 +8772,7 @@ const Ve = E({
                       ref: _,
                       region: "Preview",
                       preview: l.value
-                    }, null, 8, ["preview"])) : I("", !0),
+                    }, null, 8, ["preview"])) : E("", !0),
                     je(p(t(Ve), {
                       ref_key: "workspace",
                       ref: y,
@@ -8780,7 +8783,7 @@ const Ve = E({
                   ]),
                   _: 1
                 }),
-                l.value ? I("", !0) : je((c(), b(t(Vt), {
+                l.value ? E("", !0) : je((c(), b(t(Vt), {
                   key: 1,
                   width: n.rightWidth,
                   class: "v-skeleton__right"
@@ -8800,10 +8803,10 @@ const Ve = E({
               ]),
               _: 1
             }),
-            l.value ? I("", !0) : (c(), b(t(Hn), {
+            l.value ? E("", !0) : (c(), b(t(Hn), {
               key: 0,
               class: "v-skeleton__footer",
-              height: V.footerHeight
+              height: I.footerHeight
             }, {
               default: f(() => [
                 p(t(Ve), {
@@ -8824,7 +8827,7 @@ const Ve = E({
 }), Pi = { key: 1 }, Ri = { class: "v-setter__content" }, Bi = {
   key: 0,
   class: "v-setter__input"
-}, zi = { class: "v-setter__action" }, Ti = "{{", Ji = "}}", Fi = /* @__PURE__ */ E({
+}, zi = { class: "v-setter__action" }, Ti = "{{", Ji = "}}", Fi = /* @__PURE__ */ $({
   __name: "setter",
   props: {
     context: {},
@@ -8843,10 +8846,10 @@ const Ve = E({
   setup(u, { emit: e }) {
     const n = u, l = e, s = k(!1), o = k(""), r = k(
       n.setters.find((C) => C.name === n.defaultSetter) || n.setters[0]
-    ), a = k(n.value), i = S(() => !!Je(a.value)), v = {
+    ), a = k(n.value), i = S(() => !!Je(a.value)), m = {
       [r.value.name]: a.value
-    }, m = (C) => {
-      v[r.value.name] = a.value, r.value = C, a.value = v[C.name] ?? void 0, g(a.value);
+    }, v = (C) => {
+      m[r.value.name] = a.value, r.value = C, a.value = m[C.name] ?? void 0, g(a.value);
     };
     H(
       () => n.value,
@@ -8869,10 +8872,10 @@ const Ve = E({
       s.value = !0, o.value = Je(a.value) ? a.value.value : "";
     }, d = () => {
       s.value = !1, o.value = "";
-    }, _ = async (C) => ae(C, n.context, !0) ? (v[r.value.name] = a.value, a.value = C, l("change", C), !0) : !1, w = async () => {
+    }, _ = async (C) => ae(C, n.context, !0) ? (m[r.value.name] = a.value, a.value = C, l("change", C), !0) : !1, w = async () => {
       await Be("确定要解除绑定吗？") && (d(), a.value = void 0, l("change", ""));
     };
-    return (C, V) => (c(), b(t(Kt), {
+    return (C, I) => (c(), b(t(Kt), {
       class: "v-setter",
       size: "small",
       "label-positon": "left"
@@ -8887,19 +8890,19 @@ const Ve = E({
             q(B(n.label || n.name), 1)
           ]),
           _: 1
-        }, 8, ["content"])) : (c(), $("span", Pi, B(n.label || n.name), 1))
+        }, 8, ["content"])) : (c(), V("span", Pi, B(n.label || n.name), 1))
       ]),
       default: f(() => [
         x("div", Ri, [
-          r.value ? (c(), $("div", Bi, [
-            i.value ? I("", !0) : (c(), b(Tt(r.value.component), re({
+          r.value ? (c(), V("div", Bi, [
+            i.value ? E("", !0) : (c(), b(Tt(r.value.component), re({
               key: 0,
               current: n.current,
               context: n.context
             }, r.value.props, {
               options: n.options,
               modelValue: a.value,
-              "onUpdate:modelValue": V[0] || (V[0] = (A) => a.value = A),
+              "onUpdate:modelValue": I[0] || (I[0] = (j) => a.value = j),
               onChange: g,
               disabled: i.value
             }), null, 16, ["current", "context", "options", "modelValue", "disabled"])),
@@ -8916,36 +8919,36 @@ const Ve = E({
                 q(B(Ji))
               ]),
               _: 1
-            })) : I("", !0)
-          ])) : I("", !0),
+            })) : E("", !0)
+          ])) : E("", !0),
           x("div", zi, [
             n.variable ? (c(), b(t(ea), {
               key: 0,
               onClick: h,
               class: W(["v-icon-vars", { "is-active": i.value }]),
               title: "绑定变量"
-            }, null, 8, ["class"])) : I("", !0),
+            }, null, 8, ["class"])) : E("", !0),
             n.setters.length > 1 ? (c(), b(t(Ut), {
               key: 1,
               disabled: i.value,
               size: "small",
               "popper-class": "v-setter-switch",
-              onCommand: m
+              onCommand: v
             }, {
               dropdown: f(() => [
                 p(t(Ht), null, {
                   default: f(() => [
-                    (c(!0), $(P, null, z(n.setters, (A) => (c(), b(t(rt), {
-                      command: A,
-                      key: A.name
+                    (c(!0), V(P, null, z(n.setters, (j) => (c(), b(t(rt), {
+                      command: j,
+                      key: j.name
                     }, {
                       default: f(() => [
                         p(t(an), {
                           class: W({
-                            "is-placeholder": A.name !== r.value.name
+                            "is-placeholder": j.name !== r.value.name
                           })
                         }, null, 8, ["class"]),
-                        q(" " + B(A.label), 1)
+                        q(" " + B(j.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["command"]))), 128))
@@ -8957,12 +8960,12 @@ const Ve = E({
                 p(t(ta), { title: "切换设置器" })
               ]),
               _: 1
-            }, 8, ["disabled"])) : I("", !0),
+            }, 8, ["disabled"])) : E("", !0),
             n.removable ? (c(), b(t(Xe), {
               key: 2,
               onClick: y,
               title: "删除"
-            })) : I("", !0)
+            })) : E("", !0)
           ])
         ]),
         s.value ? (c(), b(t(wo), {
@@ -8971,24 +8974,24 @@ const Ve = E({
           context: n.context,
           value: o.value,
           modelValue: s.value,
-          "onUpdate:modelValue": V[1] || (V[1] = (A) => s.value = A),
+          "onUpdate:modelValue": I[1] || (I[1] = (j) => s.value = j),
           submitMethod: _,
           onUnbind: w
-        }, null, 8, ["current", "context", "value", "modelValue"])) : I("", !0)
+        }, null, 8, ["current", "context", "value", "modelValue"])) : E("", !0)
       ]),
       _: 1
     }));
   }
-}), Oi = { class: "v-empty-region" }, Ni = /* @__PURE__ */ E({
+}), Oi = { class: "v-empty-region" }, Ni = /* @__PURE__ */ $({
   name: "EmptyRegion",
   __name: "empty",
   props: {
     region: {}
   },
   setup(u) {
-    return (e, n) => (c(), $("div", Oi, "找不到符合【" + B(e.region) + "】名称的区域组件", 1));
+    return (e, n) => (c(), V("div", Oi, "找不到符合【" + B(e.region) + "】名称的区域组件", 1));
   }
-}), Mi = { class: "v-brand-region" }, Wi = /* @__PURE__ */ E({
+}), Mi = { class: "v-brand-region" }, Wi = /* @__PURE__ */ $({
   name: "BrandRegion",
   inheritAttrs: !1,
   __name: "brand",
@@ -9000,8 +9003,8 @@ const Ve = E({
     return e({
       widgets: l,
       widgetsRef: s
-    }), (o, r) => (c(), $("div", Mi, [
-      (c(!0), $(P, null, z(t(l), (a) => (c(), b(t(Ie), {
+    }), (o, r) => (c(), V("div", Mi, [
+      (c(!0), V(P, null, z(t(l), (a) => (c(), b(t(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -9010,7 +9013,7 @@ const Ve = E({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), Li = { class: "v-toolbar-region" }, Ui = /* @__PURE__ */ E({
+}), Li = { class: "v-toolbar-region" }, Ui = /* @__PURE__ */ $({
   name: "ToolbarRegion",
   __name: "toolbar",
   props: {
@@ -9022,8 +9025,8 @@ const Ve = E({
     return e({
       widgets: l,
       widgetsRef: s
-    }), (o, r) => (c(), $("div", Li, [
-      (c(!0), $(P, null, z(t(l), (a) => (c(), b(t(Ie), {
+    }), (o, r) => (c(), V("div", Li, [
+      (c(!0), V(P, null, z(t(l), (a) => (c(), b(t(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -9033,7 +9036,7 @@ const Ve = E({
       }, null, 8, ["region", "widget", "preview"]))), 256))
     ]));
   }
-}), Hi = { class: "v-actions-region" }, qi = /* @__PURE__ */ E({
+}), Hi = { class: "v-actions-region" }, qi = /* @__PURE__ */ $({
   name: "ActionsRegion",
   inheritAttrs: !1,
   __name: "actions",
@@ -9045,8 +9048,8 @@ const Ve = E({
     return e({
       widgets: l,
       widgetsRef: s
-    }), (o, r) => (c(), $("div", Hi, [
-      (c(!0), $(P, null, z(t(l), (a) => (c(), b(t(Ie), {
+    }), (o, r) => (c(), V("div", Hi, [
+      (c(!0), V(P, null, z(t(l), (a) => (c(), b(t(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -9055,7 +9058,7 @@ const Ve = E({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), Gi = { class: "v-apps-region" }, Ki = { class: "v-apps-region__header" }, Zi = { class: "v-apps-region__top" }, Qi = { class: "v-apps-region__bottom" }, Xi = { class: "v-apps-region__panels" }, Yi = /* @__PURE__ */ E({
+}), Gi = { class: "v-apps-region" }, Ki = { class: "v-apps-region__header" }, Zi = { class: "v-apps-region__top" }, Qi = { class: "v-apps-region__bottom" }, Xi = { class: "v-apps-region__panels" }, Yi = /* @__PURE__ */ $({
   name: "AppsRegion",
   inheritAttrs: !1,
   __name: "apps",
@@ -9064,8 +9067,8 @@ const Ve = E({
     index: { default: 0 }
   },
   setup(u, { expose: e }) {
-    const n = u, l = ie(), { widgets: s, widgetsRef: o } = Ee(n.region), r = S(() => s.value.filter((d) => d.openType === "panel")), a = S(() => s.value.filter((d) => d.openType !== "panel")), i = r.value[n.index], v = k(i), m = k(i), g = (d) => {
-      v.value = d, m.value = m.value?.name === d.name ? null : d;
+    const n = u, l = ie(), { widgets: s, widgetsRef: o } = Ee(n.region), r = S(() => s.value.filter((d) => d.openType === "panel")), a = S(() => s.value.filter((d) => d.openType !== "panel")), i = r.value[n.index], m = k(i), v = k(i), g = (d) => {
+      m.value = d, v.value = v.value?.name === d.name ? null : d;
     }, y = (d) => {
       d.openType === "link" && d.url && window.open(d.url), d.openType === "dialog" && Zn({
         title: d.label,
@@ -9074,29 +9077,29 @@ const Ve = E({
         content: d.component
       });
     };
-    return H(m, (d) => {
+    return H(v, (d) => {
       l.skeleton?.toggleCollapse(!d);
     }), e({
       widgets: s,
       widgetsRef: o,
       setActive: (d) => {
         const _ = r.value.find((w) => w.name === d);
-        v.value = _, m.value = _;
+        m.value = _, v.value = _;
       }
-    }), (d, _) => (c(), $("div", Gi, [
+    }), (d, _) => (c(), V("div", Gi, [
       x("div", Ki, [
         x("div", Zi, [
-          (c(!0), $(P, null, z(r.value, (w) => (c(), b(t(Bt), {
+          (c(!0), V(P, null, z(r.value, (w) => (c(), b(t(Bt), {
             key: `icon-${w.name}`,
             icon: w.icon,
             label: w.label,
-            active: v.value?.name === w.name,
-            open: m.value?.name === w.name,
+            active: m.value?.name === w.name,
+            open: v.value?.name === w.name,
             onClick: (C) => g(w)
           }, null, 8, ["icon", "label", "active", "open", "onClick"]))), 128))
         ]),
         x("div", Qi, [
-          (c(!0), $(P, null, z(a.value, (w) => (c(), b(t(Bt), {
+          (c(!0), V(P, null, z(a.value, (w) => (c(), b(t(Bt), {
             key: `icon-${w.name}`,
             icon: w.icon,
             label: w.label,
@@ -9105,22 +9108,22 @@ const Ve = E({
         ])
       ]),
       x("div", Xi, [
-        (c(!0), $(P, null, z(r.value, (w) => (c(), b(Wt, {
+        (c(!0), V(P, null, z(r.value, (w) => (c(), b(Wt, {
           key: w.name
         }, [
-          v.value?.name === w.name ? (c(), b(t(Ie), {
+          m.value?.name === w.name ? (c(), b(t(Ie), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
             ref: o,
             region: d.region,
             widget: w
-          }, null, 8, ["region", "widget"])) : I("", !0)
+          }, null, 8, ["region", "widget"])) : E("", !0)
         ], 1024))), 128))
       ])
     ]));
   }
-}), eu = /* @__PURE__ */ E({
+}), eu = /* @__PURE__ */ $({
   name: "WorkspaceRegion",
   __name: "workspace",
   props: {
@@ -9139,7 +9142,7 @@ const Ve = E({
     ), r = S(() => o.filter((h) => !h.closable || h.checked)), a = S(() => o.map((h) => ({
       ...h,
       disabled: !h.closable
-    }))), i = k(r.value[0]?.name), v = S(() => o.find((d) => d.name === i.value)?.props || {}), m = (h) => {
+    }))), i = k(r.value[0]?.name), m = S(() => o.find((d) => d.name === i.value)?.props || {}), v = (h) => {
       const d = o.find((_) => _.name === h);
       d && (d.checked = !1), i.value === h && (i.value = r.value[0]?.name);
     }, g = (h) => {
@@ -9161,11 +9164,11 @@ const Ve = E({
       modelValue: i.value,
       "onUpdate:modelValue": d[0] || (d[0] = (_) => i.value = _),
       checkable: "",
-      onRemove: m,
+      onRemove: v,
       onCommand: g
     }, {
       default: f(() => [
-        (c(!0), $(P, null, z(t(l), (_) => (c(), $(P, {
+        (c(!0), V(P, null, z(t(l), (_) => (c(), V(P, {
           key: _.name
         }, [
           i.value === _.name ? (c(), b(t(Ie), {
@@ -9174,14 +9177,14 @@ const Ve = E({
             ref_key: "widgetsRef",
             ref: s,
             region: h.region,
-            widget: { ..._, props: v.value }
-          }, null, 8, ["region", "widget"])) : I("", !0)
+            widget: { ..._, props: m.value }
+          }, null, 8, ["region", "widget"])) : E("", !0)
         ], 64))), 128))
       ]),
       _: 1
     }, 8, ["items", "menus", "modelValue"]));
   }
-}), tu = /* @__PURE__ */ E({
+}), tu = /* @__PURE__ */ $({
   name: "SettingsRegion",
   __name: "settings",
   props: {
@@ -9190,7 +9193,7 @@ const Ve = E({
   setup(u, { expose: e }) {
     const n = u, l = ie(), { current: s } = oe(), { selected: o, isSelectBlock: r } = be(), a = S(
       () => r.value ? ve.Block : ve.Node
-    ), { widgets: i, widgetsRef: v } = Ee(n.region, a), m = k(), g = k(!1), y = S(() => i.value.map((w) => ({
+    ), { widgets: i, widgetsRef: m } = Ee(n.region, a), v = k(), g = k(!1), y = S(() => i.value.map((w) => ({
       name: w.name,
       label: w.label,
       actions: w.name === "Style" ? [
@@ -9209,10 +9212,10 @@ const Ve = E({
     }), H(
       a,
       () => {
-        m.value = y.value[0]?.name;
+        v.value = y.value[0]?.name;
       },
       { immediate: !0 }
-    ), H(m, () => {
+    ), H(v, () => {
       g.value = !1;
     });
     const d = () => {
@@ -9227,7 +9230,7 @@ const Ve = E({
     };
     return e({
       widgets: i,
-      widgetsRef: v
+      widgetsRef: m
     }), (w, C) => t(s) ? (c(), b(t(M), {
       key: 0,
       class: "v-settings-region",
@@ -9263,10 +9266,10 @@ const Ve = E({
                 }, null, 8, ["icon"])
               ]),
               _: 1
-            })) : I("", !0)
+            })) : E("", !0)
           ]),
           _: 1
-        })) : I("", !0),
+        })) : E("", !0),
         t(o) && !t(o).model.locked ? (c(), b(t(M), {
           key: 1,
           grow: "",
@@ -9275,32 +9278,32 @@ const Ve = E({
           default: f(() => [
             p(t(et), {
               items: y.value,
-              modelValue: m.value,
-              "onUpdate:modelValue": C[0] || (C[0] = (V) => m.value = V),
+              modelValue: v.value,
+              "onUpdate:modelValue": C[0] || (C[0] = (I) => v.value = I),
               stretch: "",
               body: { padding: !1 },
               onActionClick: _
             }, {
               default: f(() => [
-                (c(!0), $(P, null, z(t(i), (V) => (c(), $(P, {
-                  key: V.name
+                (c(!0), V(P, null, z(t(i), (I) => (c(), V(P, {
+                  key: I.name
                 }, [
-                  m.value === V.name ? (c(), b(t(Ie), {
+                  v.value === I.name ? (c(), b(t(Ie), {
                     key: 0,
                     ref_for: !0,
                     ref_key: "widgetsRef",
-                    ref: v,
+                    ref: m,
                     region: w.region,
-                    widget: t(_t)({ props: { isStyleCodeMode: g.value } }, V)
-                  }, null, 8, ["region", "widget"])) : I("", !0)
+                    widget: t(_t)({ props: { isStyleCodeMode: g.value } }, I)
+                  }, null, 8, ["region", "widget"])) : E("", !0)
                 ], 64))), 128))
               ]),
               _: 1
             }, 8, ["items", "modelValue"])
           ]),
           _: 1
-        })) : I("", !0),
-        t(o) ? I("", !0) : (c(), b(t(le), {
+        })) : E("", !0),
+        t(o) ? E("", !0) : (c(), b(t(le), {
           key: 2,
           description: "请在左侧画布选中节点"
         })),
@@ -9308,12 +9311,12 @@ const Ve = E({
           key: 3,
           "image-size": 1,
           description: "节点已被锁定, 禁止编辑"
-        })) : I("", !0)
+        })) : E("", !0)
       ]),
       _: 1
-    })) : I("", !0);
+    })) : E("", !0);
   }
-}), nu = { class: "v-status-region" }, lu = /* @__PURE__ */ E({
+}), nu = { class: "v-status-region" }, lu = /* @__PURE__ */ $({
   name: "StatusRegion",
   inheritAttrs: !1,
   __name: "status",
@@ -9325,8 +9328,8 @@ const Ve = E({
     return e({
       widgets: l,
       widgetsRef: s
-    }), (o, r) => (c(), $("div", nu, [
-      (c(!0), $(P, null, z(t(l), (a) => (c(), b(t(Ie), {
+    }), (o, r) => (c(), V("div", nu, [
+      (c(!0), V(P, null, z(t(l), (a) => (c(), b(t(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -9335,7 +9338,7 @@ const Ve = E({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), su = /* @__PURE__ */ E({
+}), su = /* @__PURE__ */ $({
   name: "PreviewRegion",
   __name: "preview",
   props: {
@@ -9355,24 +9358,24 @@ const Ve = E({
       currentTab: a,
       widgets: l,
       widgetsRef: s
-    }), (i, v) => (c(), b(t(et), {
+    }), (i, m) => (c(), b(t(et), {
       class: "v-workspace-region",
       items: r.value,
       modelValue: a.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (m) => a.value = m)
+      "onUpdate:modelValue": m[0] || (m[0] = (v) => a.value = v)
     }, {
       default: f(() => [
-        (c(!0), $(P, null, z(t(l), (m) => (c(), b(Wt, {
-          key: m.name
+        (c(!0), V(P, null, z(t(l), (v) => (c(), b(Wt, {
+          key: v.name
         }, [
-          a.value === m.name ? (c(), b(t(Ie), {
+          a.value === v.name ? (c(), b(t(Ie), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
             ref: s,
             region: i.region,
-            widget: m
-          }, null, 8, ["region", "widget"])) : I("", !0)
+            widget: v
+          }, null, 8, ["region", "widget"])) : E("", !0)
         ], 1024))), 128))
       ]),
       _: 1
@@ -9411,7 +9414,7 @@ export {
   Ve as RegionWrapper,
   Ei as Renderer,
   Fi as SetterView,
-  F as SetterWrapper,
+  O as SetterWrapper,
   Ii as Simulator,
   Di as Skeleton,
   Ai as SkeletonWrapper,