@vtj/designer 0.7.4 → 0.7.6

package/dist/index.mjs

@@ -3,18 +3,18 @@ import { ElNotification as Ue, ElMessageBox as ct, ElMessage as dt, ElButton as
 import Bn from "element-plus/es/locale/lang/zh-cn";
 import { XAction as ye, XIcon as De, XDialog as $e, XDialogForm as ce, XField as P, XPanel as mt, XTabs as Nt, XContainer as O, XForm as Tn, XActionBar as Fn, vResizable as _t, createDialog as zn } from "@vtj/ui";
 import { delay as Ot, upperFirstCamelCase as Wt, toRawType as Qe, cloneDeep as He, isPlainObject as Mn, merge as Lt, arrayToMap as Nn, toArray as On } from "@vtj/utils";
-import { parseExpression as Je, parseFunction as Wn, JSCodeToString as Ce, LIFE_CYCLES_LIST as Ln, DATA_TYPES as Jn, logger as me, isJSExpression as Pe, createLoader as Un, ContextMode as at, createRenderer as Hn, parseDeps as qn, createAssetsCss as Gn, createAssetScripts as yt, getRawComponent as Kn, createSchemaApis as Zn, Provider as Qn, isJSFunction as Xn } from "@vtj/renderer";
-import { isBlock as U, DirectiveModel as Jt, emitter as q, EVENT_PROJECT_ACTIVED as ot, EVENT_NODE_CHANGE as Ie, NodeModel as kt, EVENT_BLOCK_CHANGE as rt, Base as Ut, ProjectModel as Yn, EVENT_PROJECT_CHANGE as es, EVENT_PROJECT_BLOCKS_CHANGE as ts, EVENT_PROJECT_PAGES_CHANGE as ns, EVENT_PROJECT_DEPS_CHANGE as ss, EVENT_PROJECT_PUBLISH as ls, EVENT_PROJECT_FILE_PUBLISH as as, EVENT_HISTORY_CHANGE as os, EVENT_HISTORY_LOAD as rs, BlockModel as wt, HistoryModel as is } from "@vtj/core";
+import { parseExpression as Je, parseFunction as Wn, JSCodeToString as Ce, LIFE_CYCLES_LIST as Ln, DATA_TYPES as Jn, logger as me, isJSExpression as Pe, createLoader as Un, ContextMode as ot, createRenderer as Hn, parseDeps as qn, createAssetsCss as Gn, createAssetScripts as yt, getRawComponent as Kn, createSchemaApis as Zn, Provider as Qn, isJSFunction as Xn } from "@vtj/renderer";
+import { isBlock as U, DirectiveModel as Jt, emitter as q, EVENT_PROJECT_ACTIVED as at, EVENT_NODE_CHANGE as Ie, NodeModel as kt, EVENT_BLOCK_CHANGE as rt, Base as Ut, ProjectModel as Yn, EVENT_PROJECT_CHANGE as es, EVENT_PROJECT_BLOCKS_CHANGE as ts, EVENT_PROJECT_PAGES_CHANGE as ns, EVENT_PROJECT_DEPS_CHANGE as ss, EVENT_PROJECT_PUBLISH as ls, EVENT_PROJECT_FILE_PUBLISH as os, EVENT_HISTORY_CHANGE as as, EVENT_HISTORY_LOAD as rs, BlockModel as wt, HistoryModel as is } from "@vtj/core";
 import { VtjIconBack as us, VtjIconPc as cs, VtjIconPhone as ds, VtjIconPad as ps, VtjIconUndo as ms, VtjIconRedo as vs, VtjIconBug as fs, VtjIconPreview as gs, VtjIconRefresh as hs, VtjIconSetting as bs, icons as it, ArrowDown as _s, Search as Ht, Back as ys, VtjIconPlus as qt, Delete as ks, VtjIconSave as ws, MoreFilled as vt, VtjIconCheck as Gt, VtjIconCopy as Kt, VtjIconEdit as Zt, VtjIconRemove as qe, VtjIconLock as Qt, VtjIconUnlock as Ss, VtjIconInvisible as Xt, VtjIconVisible as Vs, VtjIconHome as xs, VtjIconSearch as Cs, VtjIconLayers as Yt, VtjIconArrowUp as Es, VtjIconArrowDown as js, ArrowRight as As, VtjIconDocument as Ds, VtjIconComponents as Ps, VtjIconBlock as Is, VtjIconOutline as Rs, VtjIconHistory as $s, VtjIconApi as Bs, VtjIconCategory as Ts, VtjIconInfo as Fs, VtjIconVars as zs, VtjIconSwitch as Ms, VtjIconHelp as Ns } from "@vtj/icons";
 import { useClipboard as Os, useElementSize as en } from "@vueuse/core";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.4
+ * @version 0.7.6
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ws = "0.7.4", St = {
+const Ws = "0.7.6", St = {
   width: 390,
   height: 844
 }, Vt = {
@@ -44,7 +44,7 @@ const Ws = "0.7.4", St = {
   "once",
   "passive"
 ];
-var oe = /* @__PURE__ */ ((i) => (i.Block = "block", i.Node = "node", i))(oe || {}), qs = /* @__PURE__ */ ((i) => (i.Brand = "Brand", i.Toolbar = "Toolbar", i.Actions = "Actions", i.Apps = "Apps", i.Workspace = "Workspace", i.Settings = "Settings", i.Status = "Status", i.Preview = "Preview", i))(qs || {});
+var ae = /* @__PURE__ */ ((i) => (i.Block = "block", i.Node = "node", i))(ae || {}), qs = /* @__PURE__ */ ((i) => (i.Brand = "Brand", i.Toolbar = "Toolbar", i.Actions = "Actions", i.Apps = "Apps", i.Workspace = "Workspace", i.Settings = "Settings", i.Status = "Status", i.Preview = "Preview", i))(qs || {});
 const tn = "data:image/png;base64,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", Gs = ["title", "src"], Ks = { key: 1 }, Zs = /* @__PURE__ */ E({
   name: "LogoWidget",
   inheritAttrs: !1,
@@ -95,8 +95,8 @@ function sn() {
   const i = se();
   return {
     span: S(() => {
-      const l = i.skeleton?.skeletonRef.leftWidth || 400, a = Math.min(Math.floor((l - 50) / 120), 24);
-      return Math.floor(24 / a);
+      const l = i.skeleton?.skeletonRef.leftWidth || 400, o = Math.min(Math.floor((l - 50) / 120), 24);
+      return Math.floor(24 / o);
     }),
     engine: i
   };
@@ -110,7 +110,7 @@ function Ys() {
 }
 const el = (i = []) => i.map((e) => e.name);
 function tl() {
-  const i = se(), { components: e, groups: t, componentMap: s } = i.assets, l = Re({}), a = S(() => {
+  const i = se(), { components: e, groups: t, componentMap: s } = i.assets, l = Re({}), o = S(() => {
     const f = {};
     return t.value && t.value.forEach((b) => {
       f[b.name] = b;
@@ -119,11 +119,11 @@ function tl() {
     label: `${f.label} (${f.count})`,
     name: f.name,
     disabled: !f.children?.length
-  })) : []), o = w(r.value[0]?.name), u = w(""), p = S(() => a.value[o.value]);
+  })) : []), a = w(r.value[0]?.name), u = w(""), p = S(() => o.value[a.value]);
   jt(() => {
     const f = r.value.reduce(
       (b, h) => (b[h.name] = el(
-        a.value[h.name].children
+        o.value[h.name].children
       ), b),
       {}
     );
@@ -137,10 +137,10 @@ function tl() {
     components: e,
     groups: t,
     componentMap: s,
-    groupMap: a,
+    groupMap: o,
     tabs: r,
     model: l,
-    currentTab: o,
+    currentTab: a,
     currentGroup: p,
     searchKey: u,
     searchResult: m
@@ -160,52 +160,52 @@ function nl(i, e) {
   t.simulator.init(i, e);
   const s = S(() => t.simulator.designer.value), l = S(
     () => Xe("hover", s.value?.hover.value)
-  ), a = S(
+  ), o = S(
     () => Xe("dropping", s.value?.dropping.value)
   ), r = S(
     () => Xe("selected", s.value?.selected.value)
   );
   return {
     designer: s,
-    dropping: a,
+    dropping: o,
     hover: l,
     selected: r
   };
 }
 function sl(i, e = !0) {
-  const { top: t, height: s, width: l, left: a } = i || {};
+  const { top: t, height: s, width: l, left: o } = i || {};
   if (s > 100 && l > 200)
     return "inner";
-  let r, o;
-  return o = t > 30 ? "top" : "bottom", r = e || a < 300 && l < 300 ? "left" : "right", [r, o].join("-");
+  let r, a;
+  return a = t > 30 ? "top" : "bottom", r = e || o < 300 && l < 300 ? "left" : "right", [r, a].join("-");
 }
 function ll(i) {
-  const { rect: e, type: t } = i, { left: s, width: l, top: a, height: r } = e, o = { left: s, width: l, top: a, height: r };
+  const { rect: e, type: t } = i, { left: s, width: l, top: o, height: r } = e, a = { left: s, width: l, top: o, height: r };
   switch (t) {
     case "left":
-      o.left = 0, o.width = 0;
+      a.left = 0, a.width = 0;
       break;
     case "right":
-      o.left = o.left + o.width - 4, o.width = 0;
+      a.left = a.left + a.width - 4, a.width = 0;
       break;
     case "bottom":
-      o.top = o.top + o.height - 4, o.height = 0;
+      a.top = a.top + a.height - 4, a.height = 0;
       break;
     case "top":
-      o.height = 0;
+      a.height = 0;
       break;
   }
-  return o;
+  return a;
 }
 function Xe(i, e) {
   if (!e)
     return null;
-  const { left: t, top: s, width: l, height: a } = i === "dropping" ? ll(e) : e.rect, r = {
+  const { left: t, top: s, width: l, height: o } = i === "dropping" ? ll(e) : e.rect, r = {
     left: `${t}px`,
     top: `${s}px`,
     width: `${l}px`,
-    height: `${a}px`,
-    visibility: l || a ? "visible" : "hidden"
+    height: `${o}px`,
+    visibility: l || o ? "visible" : "hidden"
   };
   return {
     ...e,
@@ -224,12 +224,12 @@ function fe() {
     isSelectBlock: s
   };
 }
-function al(i, e) {
-  const t = w(""), { selected: s, isSelectBlock: l } = fe(), a = S(() => s.value?.model.id), r = S(() => {
+function ol(i, e) {
+  const t = w(""), { selected: s, isSelectBlock: l } = fe(), o = S(() => s.value?.model.id), r = S(() => {
     const u = et(i), p = et(e), m = [];
     if (!u)
       return m;
-    const f = p?.__contextRefs[a.value || ""], h = p === f || l.value ? [] : Object.keys(f?.context || {}).filter((A) => !["context", "ref"].includes(A)).map((A) => `this.context.${A}`);
+    const f = p?.__contextRefs[o.value || ""], h = p === f || l.value ? [] : Object.keys(f?.context || {}).filter((A) => !["context", "ref"].includes(A)).map((A) => `this.context.${A}`);
     h.length && m.push({ title: "上下文", items: h });
     const d = u.inject.map((A) => `this.${A.name}`);
     d.length && m.push({ title: "注入", items: d });
@@ -253,7 +253,7 @@ function al(i, e) {
       (A) => `this.$refs.${A}`
     );
     return F.length && m.push({ title: "refs", items: F }), m;
-  }), o = S(() => {
+  }), a = S(() => {
     if (!t.value)
       return r.value;
     const u = t.value.toLowerCase(), p = [];
@@ -270,7 +270,7 @@ function al(i, e) {
   return {
     keyword: t,
     options: r,
-    searchResult: o
+    searchResult: a
   };
 }
 const Te = [
@@ -283,7 +283,7 @@ const Te = [
     label: "表达式"
   }
 ];
-function ol(i) {
+function al(i) {
   const e = se(), t = S(() => {
     const f = i.value?.model || null;
     return U(f) ? null : f;
@@ -319,7 +319,7 @@ function ol(i) {
       setters: Te,
       value: Array.isArray(t.value.children) ? "" : t.value.children
     }
-  ] : []), a = S(() => {
+  ] : []), o = S(() => {
     if (!t.value)
       return [];
     const f = s.value || e.assets.componentMap.get(t.value.name);
@@ -327,15 +327,15 @@ function ol(i) {
       ...h,
       value: t.value?.getPropValue(h.name) ?? h.defaultValue
     })) : [];
-  }), r = (f) => l.value.some((b) => b.name === f) || a.value.some((b) => b.name === f) || f === "style", o = S(() => t.value ? Object.keys(t.value.props).filter((f) => !r(f)).map((f) => ({
+  }), r = (f) => l.value.some((b) => b.name === f) || o.value.some((b) => b.name === f) || f === "style", a = S(() => t.value ? Object.keys(t.value.props).filter((f) => !r(f)).map((f) => ({
     name: f,
     setters: "InputSetter",
     value: t.value?.getPropValue(f)
   })) : []);
   return {
     commonProps: l,
-    componentProps: a,
-    customProps: o,
+    componentProps: o,
+    customProps: a,
     node: t,
     change: (f, b) => {
       t.value && (f === "children" ? t.value.setChildren(b) : t.value.setProp(f, b));
@@ -360,7 +360,7 @@ async function Ee(i) {
     () => !1
   );
 }
-function ae(i, e = "success") {
+function oe(i, e = "success") {
   return dt({
     message: i,
     type: e
@@ -385,19 +385,19 @@ function ln() {
     () => i.current.value ? i.history.value : null
   ), s = S(() => t.value?.items.length || 0), l = () => {
     e.value?.cleanHelper(), t.value?.forward();
-  }, a = () => {
+  }, o = () => {
     t.value?.backward(), e.value?.cleanHelper();
   }, r = (p) => {
-    e.value?.cleanHelper(), t.value?.load(p), ae("已载入历史记录", "success");
-  }, o = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) <= 0), u = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) >= s.value - 1);
+    e.value?.cleanHelper(), t.value?.load(p), oe("已载入历史记录", "success");
+  }, a = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) <= 0), u = S(() => s.value <= 1 ? !0 : (t.value?.index || -1) >= s.value - 1);
   return {
     engine: i,
     history: t,
     total: s,
     forward: l,
-    backward: a,
+    backward: o,
     load: r,
-    forwardDisabled: o,
+    forwardDisabled: a,
     backwardDisabled: u
   };
 }
@@ -410,43 +410,43 @@ function Ge() {
 }
 function rl(i) {
   const e = se(), t = S(() => {
-    const o = i.value?.model || null;
-    return U(o) ? null : o;
+    const a = i.value?.model || null;
+    return U(a) ? null : a;
   }), s = w();
-  ne(t, async (o) => {
-    o?.from ? s.value = await e.assets.getBlockMaterial(o.from) || void 0 : s.value = void 0;
+  ne(t, async (a) => {
+    a?.from ? s.value = await e.assets.getBlockMaterial(a.from) || void 0 : s.value = void 0;
   });
   const l = S(() => {
     if (U(t.value))
       return [];
-    const o = t.value?.events || {};
+    const a = t.value?.events || {};
     return Ls.map((u) => ({
       name: u,
-      event: o[u]
+      event: a[u]
     }));
-  }), a = S(() => {
+  }), o = S(() => {
     if (U(t.value))
       return [];
-    const o = t.value?.events || {};
+    const a = t.value?.events || {};
     return Js.map((u) => ({
       name: u,
-      event: o[u]
+      event: a[u]
     }));
   }), r = S(() => {
     if (!t.value || U(t.value))
       return [];
-    const o = t.value.events || {};
+    const a = t.value.events || {};
     return (s.value?.events || e.assets.componentMap.get(t.value.name)?.events || []).map((p) => {
       const m = typeof p == "string" ? p : p.name;
       return {
         name: m,
-        event: o[m]
+        event: a[m]
       };
     });
   });
   return {
     mouseEventList: l,
-    keyboardEventList: a,
+    keyboardEventList: o,
     componentEventList: r
   };
 }
@@ -465,7 +465,7 @@ function ul(i) {
   const { props: e = [], events: t = [] } = i;
   if (e.length && t.length) {
     const s = t.filter((l) => (typeof l == "string" ? l : l.name).startsWith("update:")).map((l) => l = typeof l == "string" ? l : l.name);
-    return s.length ? e.filter((l) => s.some((a) => a.includes(l.name))) : [];
+    return s.length ? e.filter((l) => s.some((o) => o.includes(l.name))) : [];
   }
   return [];
 }
@@ -480,18 +480,18 @@ function cl(i) {
     return (d ? ul(d) : []).map((y) => (t.value?.directives || []).find(
       (V) => V.name === "vModel" && V.arg == y.name
     ) || il(y.name));
-  }), a = s("vIf"), r = s("vShow"), o = s("vBind"), u = s("vFor"), p = l(), m = {
-    vIf: a,
+  }), o = s("vIf"), r = s("vShow"), a = s("vBind"), u = s("vFor"), p = l(), m = {
+    vIf: o,
     vShow: r,
-    vBind: o,
+    vBind: a,
     vFor: u
   };
   return {
     engine: e,
     node: t,
-    vIf: a,
+    vIf: o,
     vShow: r,
-    vBind: o,
+    vBind: a,
     vFor: u,
     vModels: p,
     onValueChange: (d, k) => {
@@ -532,10 +532,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   __name: "index",
   emits: ["click"],
   setup(i, { emit: e }) {
-    const t = e, { engine: s } = te(), l = S(() => s.project.value?.name), a = S(() => s.project.value?.currentFile?.title), r = () => {
+    const t = e, { engine: s } = te(), l = S(() => s.project.value?.name), o = S(() => s.project.value?.currentFile?.title), r = () => {
       t("click", s.project.value);
     };
-    return (o, u) => (c(), j("div", pl, [
+    return (a, u) => (c(), j("div", pl, [
       v(n(re), {
         size: "small",
         round: "",
@@ -544,11 +544,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         default: g(() => [
           v(n(us), { class: "v-switcher-widget__back" }),
           z("span", null, N(l.value), 1),
-          a.value ? (c(), _(n(Le), {
+          o.value ? (c(), _(n(Le), {
             key: 0,
             direction: "vertical"
           })) : C("", !0),
-          a.value ? (c(), j("span", ml, N(a.value), 1)) : C("", !0)
+          o.value ? (c(), j("span", ml, N(o.value), 1)) : C("", !0)
         ]),
         _: 1
       })
@@ -562,14 +562,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     preview: { type: Boolean }
   },
   setup(i, { expose: e }) {
-    const t = i, { forward: s, backward: l, forwardDisabled: a, backwardDisabled: r } = ln(), o = w("pc");
+    const t = i, { forward: s, backward: l, forwardDisabled: o, backwardDisabled: r } = ln(), a = w("pc");
     return e({
-      mode: o
+      mode: a
     }), (u, p) => (c(), j("div", fl, [
       v(n(fn), {
         size: "small",
-        modelValue: o.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (m) => o.value = m)
+        modelValue: a.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (m) => a.value = m)
       }, {
         default: g(() => [
           v(n(Ze), { label: "pc" }, {
@@ -611,7 +611,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             type: "default",
             size: "small",
             onClick: n(s),
-            disabled: n(a) || !!t.preview
+            disabled: n(o) || !!t.preview
           }, {
             default: g(() => [
               v(n(vs))
@@ -632,9 +632,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   setup(i) {
     const { engine: e, designer: t } = fe(), s = w(!1), l = () => {
-      e.current.value ? (s.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (t.value?.setSelected(null), e.simulator.refresh()), ae("刷新完成", "success")) : ae("请先打开文件", "warning");
-    }, a = async () => {
-      e.current.value ? (s.value && (e.skeleton?.closePreview(), s.value = !1, await Ot(1e3)), t.value?.setSelected(e.current.value)) : ae("请先打开文件", "warning");
+      e.current.value ? (s.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (t.value?.setSelected(null), e.simulator.refresh()), oe("刷新完成", "success")) : oe("请先打开文件", "warning");
+    }, o = async () => {
+      e.current.value ? (s.value && (e.skeleton?.closePreview(), s.value = !1, await Ot(1e3)), t.value?.setSelected(e.current.value)) : oe("请先打开文件", "warning");
     }, r = () => {
       if (e.project.value)
         if (e.current.value) {
@@ -644,13 +644,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           }
           e.skeleton?.openPreview(""), s.value = !0;
         } else
-          ae("请先打开文件", "warning");
-    }, o = () => {
+          oe("请先打开文件", "warning");
+    }, a = () => {
       const p = e.project.value;
-      p && (p.currentFile ? p.publish(p.currentFile) : ae("请先打开文件", "warning"));
+      p && (p.currentFile ? p.publish(p.currentFile) : oe("请先打开文件", "warning"));
     }, u = (p) => {
       const m = e.project.value;
-      m && (p === "current" ? o() : m.publish());
+      m && (p === "current" ? a() : m.publish());
     };
     return (p, m) => (c(), j("div", hl, [
       v(n(hn), {
@@ -694,7 +694,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         type: "default",
         size: "small",
         title: "页面设置",
-        onClick: a
+        onClick: o
       }, {
         default: g(() => [
           v(n(bs))
@@ -706,7 +706,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         "split-button": "",
         type: "primary",
         size: "small",
-        onClick: o,
+        onClick: a,
         onCommand: u
       }, {
         dropdown: g(() => [
@@ -735,7 +735,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       })
     ]));
   }
-}), yl = { class: "v-icon-setter" }, kl = { class: "v-icon-setter__content" }, wl = { class: "v-icon-setter__list" }, an = /* @__PURE__ */ E({
+}), yl = { class: "v-icon-setter" }, kl = { class: "v-icon-setter__content" }, wl = { class: "v-icon-setter__list" }, on = /* @__PURE__ */ E({
   name: "IconSetter",
   __name: "icon",
   props: {
@@ -744,17 +744,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change", "update:modelValue"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = w(!1), a = w(t.modelValue), r = w(""), o = S(
+    const t = i, s = e, l = w(!1), o = w(t.modelValue), r = w(""), a = S(
       () => it[t.modelValue] || t.modelValue
     ), u = S(() => {
       const h = Object.entries(it);
       return r.value ? h.filter((d) => d[0].toLowerCase().includes(r.value)) : h;
     }), p = (h) => {
-      a.value = h;
+      o.value = h;
     }, m = () => {
-      s("change", a.value), s("update:modelValue", a.value), l.value = !1;
+      s("change", o.value), s("update:modelValue", o.value), l.value = !1;
     }, f = () => {
-      a.value = "", s("change", ""), s("update:modelValue", ""), l.value = !1;
+      o.value = "", s("change", ""), s("update:modelValue", ""), l.value = !1;
     }, b = () => {
       l.value = !0;
     };
@@ -768,7 +768,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         onFocus: b
       }, {
         prepend: g(() => [
-          v(n(De), { icon: o.value }, null, 8, ["icon"])
+          v(n(De), { icon: a.value }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["size", "model-value", "suffix-icon"]),
@@ -810,7 +810,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               (c(!0), j($, null, B(u.value, (k) => (c(), _(n(De), {
                 icon: k[1],
                 onClick: (y) => p(k[0]),
-                class: ee({ "is-active": a.value === k[0] })
+                class: ee({ "is-active": o.value === k[0] })
               }, null, 8, ["icon", "onClick", "class"]))), 256)),
               u.value.length === 0 ? (c(), _(n(Z), { key: 0 })) : C("", !0)
             ])
@@ -836,18 +836,18 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       mask: !0,
       hidden: !1,
       raw: !1
-    }), a = w(e.item || l()), r = [
+    }), o = w(e.item || l()), r = [
       { label: "页面", value: !1 },
       { label: "目录", value: !0 }
-    ], o = (p) => {
-      a.value && (a.value.name = Wt(p));
+    ], a = (p) => {
+      o.value && (o.value.name = Wt(p));
     }, u = async (p) => t.value?.existPageName(p.name, [p.id]) ? (Q("页面名称已存在，请更换"), !1) : (e.item ? t.value?.updatePage(p) : t.value?.createPage(p, e.parentId), !0);
     return (p, m) => (c(), _(n(ce), {
       title: s.value,
       width: "800px",
       height: "500px",
       "form-props": { tooltipMessage: !1 },
-      model: a.value,
+      model: o.value,
       "submit-method": u
     }, {
       default: g(() => [
@@ -864,7 +864,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           name: "name",
           label: "名称",
           required: "",
-          onChange: o,
+          onChange: a,
           rules: { pattern: n(ve), message: "名称格式不正确" }
         }, null, 8, ["rules"]),
         v(n(P), {
@@ -878,9 +878,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           editor: "none"
         }, {
           editor: g(() => [
-            v(an, {
-              modelValue: a.value.icon,
-              "onUpdate:modelValue": m[0] || (m[0] = (f) => a.value.icon = f),
+            v(on, {
+              modelValue: o.value.icon,
+              "onUpdate:modelValue": m[0] || (m[0] = (f) => o.value.icon = f),
               size: "default"
             }, null, 8, ["modelValue"])
           ]),
@@ -924,10 +924,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const t = i, s = e, l = S(() => ({
       "is-active": t.active,
       "is-open": t.open
-    })), a = () => {
+    })), o = () => {
       s("click");
     };
-    return (r, o) => (c(), _(n(zt), {
+    return (r, a) => (c(), _(n(zt), {
       effect: "dark",
       placement: "right",
       content: r.label,
@@ -936,7 +936,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       default: g(() => [
         z("div", {
           class: ee(["v-apps-region__icon", l.value]),
-          onClick: a
+          onClick: o
         }, [
           (c(), _(At(r.icon)))
         ], 2)
@@ -960,17 +960,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i, { emit: e }) {
     const t = i, s = e, l = () => {
       s("plus");
-    }, a = () => {
+    }, o = () => {
       s("back");
     }, r = () => {
       s("remove");
-    }, o = () => {
+    }, a = () => {
       s("save");
     }, u = S(() => t.header ? {
       content: t.title,
       subtitle: t.subtitle,
       icon: t.back ? ys : void 0,
-      onClickBack: t.back ? a : void 0
+      onClickBack: t.back ? o : void 0
     } : null);
     return (p, m) => (c(), _(n(mt), {
       class: "v-panel",
@@ -1004,7 +1004,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           icon: n(ws),
           background: "hover",
           title: "保存",
-          onClick: o
+          onClick: a
         }, null, 8, ["size", "icon"])) : C("", !0),
         de(p.$slots, "actions")
       ]),
@@ -1043,16 +1043,16 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       s("update:modelValue", l.value);
     }), ne(
       () => t.modelValue,
-      (o) => {
-        l.value = o;
+      (a) => {
+        l.value = a;
       }
     );
-    const a = (o) => {
-      s("command", o);
-    }, r = (o) => {
-      s("remove", o);
+    const o = (a) => {
+      s("command", a);
+    }, r = (a) => {
+      s("remove", a);
     };
-    return (o, u) => (c(), _(n(mt), {
+    return (a, u) => (c(), _(n(mt), {
       class: "v-tabs",
       border: !1,
       fit: "",
@@ -1081,7 +1081,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                 placement: "bottom-end"
               },
               menus: t.menus,
-              onCommand: a
+              onCommand: o
             }, {
               item: g(({ item: p }) => [
                 z("span", null, [
@@ -1101,7 +1101,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         ])
       ]),
       default: g(() => [
-        de(o.$slots, "default")
+        de(a.$slots, "default")
       ]),
       _: 3
     }));
@@ -1170,13 +1170,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         label: "主页",
         icon: xs
       }
-    }, s = i, l = e, a = w(!!s.modelValue), r = S(() => s.actions.map((m) => {
+    }, s = i, l = e, o = w(!!s.modelValue), r = S(() => s.actions.map((m) => {
       const f = t[m];
       return {
         name: m,
         ...f
       };
-    })), o = S(() => ({
+    })), a = S(() => ({
       "is-background": s.background,
       "is-border": s.border,
       "is-active": s.active,
@@ -1195,15 +1195,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         modelValue: s.modelValue
       });
     };
-    return ne(a, (m) => {
+    return ne(o, (m) => {
       l("update:modelValue", m), l("switch", m);
     }), ne(
       () => s.modelValue,
       (m) => {
-        a.value = !!m;
+        o.value = !!m;
       }
     ), (m, f) => (c(), _(n(O), {
-      class: ee(["v-item", o.value]),
+      class: ee(["v-item", a.value]),
       justify: "space-between",
       align: "center",
       onClick: u
@@ -1255,8 +1255,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             }, null, 8, ["name", "title", "icon", "onClick"]))), 256)),
             s.switch ? (c(), _(n(Mt), {
               key: 0,
-              modelValue: a.value,
-              "onUpdate:modelValue": f[0] || (f[0] = (b) => a.value = b),
+              modelValue: o.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (b) => o.value = b),
               class: "v-item__switch",
               size: "small"
             }, null, 8, ["modelValue"])) : C("", !0),
@@ -1282,14 +1282,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i, { emit: e }) {
     const t = i, s = e, l = () => {
       s("edit");
-    }, a = async () => {
+    }, o = async () => {
       await ct.confirm("确认删除？", "提示", {
         type: "warning"
       }).catch(() => !1) && s("remove");
     }, r = S(() => ({
       "is-active": t.active,
       "is-draggable": t.draggable
-    })), o = () => {
+    })), a = () => {
       s("dragstart", t);
     }, u = () => {
       s("dragend", t);
@@ -1297,7 +1297,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     return (p, m) => (c(), j("div", {
       class: ee(["v-box", r.value]),
       draggable: p.draggable,
-      onDragstart: o,
+      onDragstart: a,
       onDragend: u
     }, [
       v(n(O), {
@@ -1324,7 +1324,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           }, null, 8, ["icon"]),
           v(n(De), {
             icon: n(qe),
-            onClick: a
+            onClick: o
           }, null, 8, ["icon"])
         ]),
         _: 1
@@ -1338,7 +1338,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["pick", "copy"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = ["$provider", "$apis", "$components", "context"], a = (m) => {
+    const t = i, s = e, l = ["$provider", "$apis", "$components", "context"], o = (m) => {
       const f = m.value, b = Qe(f);
       return b === "Object" || b === "Module" ? Object.keys(f || {}).length === 0 : b === "Array" ? f.length === 0 : !0;
     }, r = (m, f = "this") => typeof m == "object" ? Array.isArray(m) ? m.map((b, h) => {
@@ -1356,7 +1356,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       path: `${f}.${b}`
     })).filter(
       (b) => !b.label.startsWith("__") && !l.includes(b.label)
-    ) : [], o = (m, f) => {
+    ) : [], a = (m, f) => {
       if (m.level === 0)
         f(r(t.context));
       else {
@@ -1372,9 +1372,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       m.context ? (c(), _(n(pt), {
         key: 0,
         lazy: "",
-        load: o,
+        load: a,
         "expand-on-click-node": !1,
-        props: { isLeaf: a }
+        props: { isLeaf: o }
       }, {
         default: g(({ data: b }) => [
           v(X, {
@@ -1413,7 +1413,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     "close"
   ],
   setup(i, { emit: e }) {
-    const t = i, s = e, { searchResult: l, keyword: a } = al(t.block, t.context), { copy: r } = Os({}), o = [
+    const t = i, s = e, { searchResult: l, keyword: o } = ol(t.block, t.context), { copy: r } = Os({}), a = [
       {
         name: "normal",
         label: "常用"
@@ -1464,7 +1464,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               default: g(() => [
                 v(Ke, {
                   class: "v-binder__tabs",
-                  items: o,
+                  items: a,
                   modelValue: u.value,
                   "onUpdate:modelValue": x[1] || (x[1] = (D) => u.value = D)
                 }, {
@@ -1478,8 +1478,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                       default: g(() => [
                         Ae(z("div", null, [
                           v(n(pe), {
-                            modelValue: n(a),
-                            "onUpdate:modelValue": x[0] || (x[0] = (D) => tt(a) ? a.value = D : null),
+                            modelValue: n(o),
+                            "onUpdate:modelValue": x[0] || (x[0] = (D) => tt(o) ? o.value = D : null),
                             size: "small",
                             clearable: "",
                             "prefix-icon": n(Ht),
@@ -1608,19 +1608,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["submit", "update:modelValue"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = w(), a = S(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), r = (u) => {
+    const t = i, s = e, l = w(), o = S(() => `${50 * Math.ceil(t.slots.length / 4) + 180}px`), r = (u) => {
       l.value = u;
-    }, o = () => {
+    }, a = () => {
       l.value ? (s("submit", l.value), s("update:modelValue", !1)) : Q("请选择插槽");
     };
     return (u, p) => (c(), _(n($e), ue({
       class: "v-slots-picker",
       title: "选择插槽",
       width: "600px",
-      height: a.value,
+      height: o.value,
       submit: "",
       cancel: "",
-      onSubmit: o
+      onSubmit: a
     }, u.$attrs), {
       default: g(() => [
         v(n(_n), {
@@ -1655,7 +1655,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 16, ["height"]));
   }
-}), on = /* @__PURE__ */ E({
+}), an = /* @__PURE__ */ E({
   name: "Viewport",
   __name: "viewport",
   props: {
@@ -1667,36 +1667,36 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const e = i, t = S(() => [`is-${e.mode}`]), s = S(() => {
       if (e.mode === "pc")
         return 1;
-      const a = e.mode === "mobile" ? St : Vt, { width: r, height: o } = a, u = r > 0 ? (e.width || 0) / r : 1, p = o > 0 ? (e.height || 0) / o : 1;
+      const o = e.mode === "mobile" ? St : Vt, { width: r, height: a } = o, u = r > 0 ? (e.width || 0) / r : 1, p = a > 0 ? (e.height || 0) / a : 1;
       return Math.min(u, p);
     }), l = S(() => {
       if (e.mode === "pc")
         return {};
-      const a = e.mode === "mobile" ? St : Vt, { width: r, height: o } = a;
+      const o = e.mode === "mobile" ? St : Vt, { width: r, height: a } = o;
       return {
         width: `${r}px`,
-        height: `${o}px`,
+        height: `${a}px`,
         left: "50%",
         top: "50%",
         transform: `translate(-50%, -50%) scale(${s.value})`
       };
     });
-    return (a, r) => (c(), j("div", {
+    return (o, r) => (c(), j("div", {
       class: ee(["v-viewport", t.value]),
       style: Fe(l.value)
     }, [
-      de(a.$slots, "default")
+      de(o.$slots, "default")
     ], 6));
   }
 }), Tl = /* @__PURE__ */ E({
   name: "PagesWidget",
   __name: "index",
   setup(i) {
-    const { project: e, engine: t } = Ge(), s = S(() => e.value?.pages || []), { current: l } = te(), a = w(!1), r = w(), o = w(), u = () => {
-      o.value = void 0, r.value = void 0, a.value = !0;
+    const { project: e, engine: t } = Ge(), s = S(() => e.value?.pages || []), { current: l } = te(), o = w(!1), r = w(), a = w(), u = () => {
+      a.value = void 0, r.value = void 0, o.value = !0;
     }, p = async (h) => {
       const { name: d, modelValue: k } = h, { data: y, node: V } = k;
-      if (d === "add" && (r.value = void 0, o.value = y.id, a.value = !0), d === "edit" && (r.value = He(y), o.value = void 0, a.value = !0), d === "remove") {
+      if (d === "add" && (r.value = void 0, a.value = y.id, o.value = !0), d === "edit" && (r.value = He(y), a.value = void 0, o.value = !0), d === "remove") {
         if (y.dir) {
           const x = e.value?.getPage(y.id);
           if (x && x.children?.length) {
@@ -1710,9 +1710,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         const x = V.parent?.data.id;
         e.value?.clonePage(y, x);
       }
-      d === "home" && (e.value?.setHomepage(y.id), ae("设置主页成功", "success"));
+      d === "home" && (e.value?.setHomepage(y.id), oe("设置主页成功", "success"));
     }, m = async (h) => {
-      h.raw && ae("这是源码模式页面，不能低代码设计", "warning"), h.dir || h.raw ? t.project.value?.deactivate() : t.project.value?.active(h);
+      h.raw && oe("这是源码模式页面，不能低代码设计", "warning"), h.dir || h.raw ? t.project.value?.deactivate() : t.project.value?.active(h);
     }, f = (h, d, k) => k === "inner" ? !!d.data.dir : !0, b = () => {
       e.value?.update({
         pages: et(s)
@@ -1755,12 +1755,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ]),
           _: 1
         }, 8, ["data"]),
-        a.value ? (c(), _(Sl, {
+        o.value ? (c(), _(Sl, {
           key: 0,
-          modelValue: a.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (k) => a.value = k),
+          modelValue: o.value,
+          "onUpdate:modelValue": d[0] || (d[0] = (k) => o.value = k),
           item: r.value,
-          "parent-id": o.value
+          "parent-id": a.value
         }, null, 8, ["modelValue", "item", "parent-id"])) : C("", !0)
       ]),
       _: 1
@@ -1770,7 +1770,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "BlocksWidget",
   __name: "index",
   setup(i) {
-    const { span: e } = sn(), { blocks: t, engine: s } = Ys(), l = w(void 0), { current: a } = te(), r = w(!1), o = S(() => l.value?.id ? "编辑" : "新增"), u = S(() => `(共 ${t.value.length} 个)`), p = () => ({
+    const { span: e } = sn(), { blocks: t, engine: s } = Ys(), l = w(void 0), { current: o } = te(), r = w(!1), a = S(() => l.value?.id ? "编辑" : "新增"), u = S(() => `(共 ${t.value.length} 个)`), p = () => ({
       name: "",
       title: "",
       type: "block"
@@ -1829,12 +1829,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                 v(n(ut), {
                   name: F.name,
                   title: F.title,
-                  active: n(a)?.id === F.id,
+                  active: n(o)?.id === F.id,
                   editable: "",
                   onEdit: (A) => b(F),
                   onRemove: (A) => h(F),
                   onClick: (A) => k(F),
-                  draggable: n(a)?.id !== F.id,
+                  draggable: n(o)?.id !== F.id,
                   onDragstart: (A) => y(F),
                   onDragend: V
                 }, null, 8, ["name", "title", "active", "onEdit", "onRemove", "onClick", "draggable", "onDragstart"])
@@ -1848,7 +1848,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         v(n(ce), {
           modelValue: r.value,
           "onUpdate:modelValue": D[0] || (D[0] = (F) => r.value = F),
-          title: o.value,
+          title: a.value,
           model: l.value,
           width: "600px",
           height: "250px",
@@ -1886,7 +1886,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "ComponentsWidget",
   __name: "index",
   setup(i) {
-    const { span: e, engine: t } = sn(), { tabs: s, currentTab: l, currentGroup: a, model: r, searchKey: o, searchResult: u } = tl(), p = (f) => {
+    const { span: e, engine: t } = sn(), { tabs: s, currentTab: l, currentGroup: o, model: r, searchKey: a, searchResult: u } = tl(), p = (f) => {
       const b = t.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       b && b.setDragging(f);
     }, m = () => {
@@ -1901,8 +1901,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       default: g(() => [
         z("div", zl, [
           v(n(pe), {
-            modelValue: n(o),
-            "onUpdate:modelValue": b[0] || (b[0] = (h) => tt(o) ? o.value = h : null),
+            modelValue: n(a),
+            "onUpdate:modelValue": b[0] || (b[0] = (h) => tt(a) ? a.value = h : null),
             placeholder: "搜索组件",
             clearable: "",
             size: "small"
@@ -1913,7 +1913,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             _: 1
           }, 8, ["modelValue"])
         ]),
-        n(o) ? (c(), j("div", Ml, [
+        n(a) ? (c(), j("div", Ml, [
           v(n(st), {
             wrap: "wrap",
             gutter: 5
@@ -1946,13 +1946,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         }, {
           default: g(() => [
             z("div", Nl, [
-              n(a) ? (c(), _(n(yn), {
+              n(o) ? (c(), _(n(yn), {
                 key: 0,
                 modelValue: n(r)[n(l)],
                 "onUpdate:modelValue": b[1] || (b[1] = (h) => n(r)[n(l)] = h)
               }, {
                 default: g(() => [
-                  (c(!0), j($, null, B(n(a).children, (h) => (c(), _(n(kn), {
+                  (c(!0), j($, null, B(n(o).children, (h) => (c(), _(n(kn), {
                     key: h.name,
                     name: h.name,
                     title: `${h.label} (${h.count})`
@@ -2000,12 +2000,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "OutlineWidget",
   __name: "index",
   setup(i) {
-    const { engine: e, designer: t, selected: s } = fe(), { current: l } = te(), a = w([]), r = (A) => {
+    const { engine: e, designer: t, selected: s } = fe(), { current: l } = te(), o = w([]), r = (A) => {
       if (U(A))
         return A.locked ? ["unlock"] : ["lock"];
       const T = A.parent;
       return T && (T.locked || T.invisible) ? [] : l.value?.locked ? [] : A.locked ? ["unlock"] : A.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
-    }, o = (A) => {
+    }, a = (A) => {
       const T = [];
       return A.forEach((I) => {
         const G = {
@@ -2015,7 +2015,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           //getNodeType(model),
           model: I
         };
-        Array.isArray(I.children) && (G.children = o(I.children)), T.push(G);
+        Array.isArray(I.children) && (G.children = a(I.children)), T.push(G);
       }), T;
     }, u = () => {
       if (!l.value)
@@ -2027,11 +2027,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           label: T,
           type: A,
           model: l.value,
-          children: o(I)
+          children: a(I)
         }
       ];
     }, p = () => {
-      a.value = u();
+      o.value = u();
     }, m = S(() => s.value?.model.id), f = (A) => {
       const T = A.data;
       if (U(T.model) || T.model.locked || T.model.name === "template")
@@ -2124,7 +2124,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, {
       default: g(() => [
         v(n(pt), {
-          data: a.value,
+          data: o.value,
           "node-key": "id",
           "default-expand-all": "",
           draggable: "",
@@ -2171,12 +2171,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "HistoryWidget",
   __name: "index",
   setup(i) {
-    const { history: e, load: t, total: s } = ln(), l = S(() => `(共 ${s.value} 条)`), a = (o) => {
-      o.name === "remove" && e.value?.remove(o.modelValue.id);
+    const { history: e, load: t, total: s } = ln(), l = S(() => `(共 ${s.value} 条)`), o = (a) => {
+      a.name === "remove" && e.value?.remove(a.modelValue.id);
     }, r = async () => {
       await Ee("确定要清空历史记录吗？") && e.value?.clear();
     };
-    return (o, u) => (c(), _(n(W), {
+    return (a, u) => (c(), _(n(W), {
       class: "v-history-widget",
       title: "历史记录",
       subtitle: l.value,
@@ -2196,7 +2196,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           small: "",
           background: "",
           actions: ["remove"],
-          onAction: a,
+          onAction: o,
           onClick: (f) => n(t)(p.id)
         }, null, 8, ["index", "title", "model-value", "active", "onClick"]))), 256)) : C("", !0)
       ]),
@@ -2219,7 +2219,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "ApisWidget",
   __name: "index",
   setup(i) {
-    const e = w(!1), t = w(null), s = w(!1), l = S(() => s.value ? "编辑API" : "新增API"), a = S(() => r.value?.apis || []), { project: r } = Ge(), o = () => ({
+    const e = w(!1), t = w(null), s = w(!1), l = S(() => s.value ? "编辑API" : "新增API"), o = S(() => r.value?.apis || []), { project: r } = Ge(), a = () => ({
       method: "get",
       name: "",
       label: "",
@@ -2237,7 +2237,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         }
       }
     }), u = () => {
-      e.value = !0, s.value = !1, t.value = o();
+      e.value = !0, s.value = !1, t.value = a();
     }, p = Us.map((y) => ({
       label: y,
       value: y.toLowerCase()
@@ -2284,7 +2284,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       onPlus: u
     }, {
       default: g(() => [
-        (c(!0), j($, null, B(a.value, (x) => (c(), _(n(X), {
+        (c(!0), j($, null, B(o.value, (x) => (c(), _(n(X), {
           key: x.id,
           small: "",
           title: x.name,
@@ -2297,7 +2297,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onClick: (D) => d(x),
           onAction: h
         }, null, 8, ["title", "subtitle", "model-value", "tag", "tag-type", "onClick"]))), 128)),
-        a.value.length === 0 ? (c(), _(n(Z), {
+        o.value.length === 0 ? (c(), _(n(Z), {
           key: 0,
           "image-size": 50
         })) : C("", !0),
@@ -2481,19 +2481,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   name: "DepsWidget",
   __name: "index",
   setup(i) {
-    const { dependencies: e, engine: t } = nn(), s = w(!1), l = w(!1), a = w({}), r = S(() => l.value ? "查看依赖" : a.value ? "编辑依赖" : "新增依赖"), o = (d) => d.required || d.official ? [] : ["edit", "remove"], u = (d) => d.official && !d.required, p = async (d) => (d.urls = d.urls.split(`
+    const { dependencies: e, engine: t } = nn(), s = w(!1), l = w(!1), o = w({}), r = S(() => l.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), a = (d) => d.required || d.official ? [] : ["edit", "remove"], u = (d) => d.official && !d.required, p = async (d) => (d.urls = d.urls.split(`
 `), t.project.value?.setDeps(d), !0), m = (d) => {
       t.project.value?.setDeps(d);
     }, f = () => {
-      l.value = !1, s.value = !0, a.value = null;
+      l.value = !1, s.value = !0, o.value = null;
     }, b = (d) => {
-      l.value = !0, a.value = {
+      l.value = !0, o.value = {
         ...d,
         urls: d.urls.join(`
 `)
       }, s.value = !0;
     }, h = (d, k) => {
-      k.name === "edit" && (a.value = {
+      k.name === "edit" && (o.value = {
         ...d,
         urls: d.urls.join(`
 `)
@@ -2510,7 +2510,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           key: y.package,
           title: y.package,
           subtitle: y.version,
-          actions: o(y),
+          actions: a(y),
           background: "",
           switch: u(y),
           modelValue: y.enabled,
@@ -2525,7 +2525,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           width: "600px",
           height: "500px",
           title: r.value,
-          model: a.value,
+          model: o.value,
           submitMethod: p,
           formProps: {
             disabled: l.value,
@@ -2537,7 +2537,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               name: "package",
               label: "包名",
               required: "",
-              disabled: !!a.value
+              disabled: !!o.value
             }, null, 8, ["disabled"]),
             v(n(P), {
               name: "version",
@@ -2581,13 +2581,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["action"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = S(() => t.model.name), a = S(() => !U(t.model) && !t.model.locked), r = S(() => t.path.map((m) => ({
+    const t = i, s = e, l = S(() => t.model.name), o = S(() => !U(t.model) && !t.model.locked), r = S(() => t.path.map((m) => ({
       command: m,
       label: m.name,
       onMouseenter: () => {
         s("action", { type: "hover", model: m });
       }
-    }))), o = [
+    }))), a = [
       {
         name: "prev",
         icon: Es,
@@ -2626,10 +2626,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         onCommand: u
       }, null, 8, ["icon", "label", "menus"]),
       v(n(Fn), {
-        disabled: !a.value,
+        disabled: !o.value,
         mode: "icon",
         size: "small",
-        items: o,
+        items: a,
         background: "none",
         onClick: p
       }, null, 8, ["disabled"])
@@ -2643,7 +2643,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   inheritAttrs: !1,
   __name: "index",
   setup(i, { expose: e }) {
-    const t = w(), s = w(), { width: l, height: a } = en(t), { dependencies: r, engine: o } = nn(), { current: u, isEmpty: p } = te(), m = S(() => o.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), { designer: f, hover: b, dropping: h, selected: d } = nl(
+    const t = w(), s = w(), { width: l, height: o } = en(t), { dependencies: r, engine: a } = nn(), { current: u, isEmpty: p } = te(), m = S(() => a.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), { designer: f, hover: b, dropping: h, selected: d } = nl(
       s,
       r
     ), k = (y) => {
@@ -2679,10 +2679,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       ref: t,
       class: "v-designer"
     }, [
-      v(n(on), {
+      v(n(an), {
         mode: m.value,
         width: n(l),
-        height: n(a)
+        height: n(o)
       }, {
         default: g(() => [
           z("iframe", {
@@ -2744,10 +2744,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     itemTitle: { type: Function, default: (i) => i.name }
   },
   setup(i) {
-    const e = i, t = w(), s = w(), l = w(!1), a = w(e.createEmpty()), r = w(!1), o = S(
+    const e = i, t = w(), s = w(), l = w(!1), o = w(e.createEmpty()), r = w(!1), a = S(
       () => r.value ? `编辑${e.title}` : `新增${e.title}`
     ), u = () => {
-      r.value = !1, a.value = e.createEmpty(), l.value = !0;
+      r.value = !1, o.value = e.createEmpty(), l.value = !0;
     }, p = (d, k) => {
       switch (k.name) {
         case "edit":
@@ -2758,9 +2758,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           break;
       }
     }, m = (d) => {
-      a.value.value = d;
+      o.value.value = d;
     }, f = (d) => {
-      r.value = !0, a.value = {
+      r.value = !0, o.value = {
         ...d
       }, l.value = !0;
     }, b = async (d) => e.submit(d, r.value), h = () => {
@@ -2789,15 +2789,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         v(n(ft), {
           modelValue: l.value,
           "onUpdate:modelValue": k[1] || (k[1] = (y) => l.value = y),
-          title: o.value,
+          title: a.value,
           "submit-method": b,
-          model: a.value,
+          model: o.value,
           block: d.current,
           context: d.context,
           onPick: m
         }, {
           default: g(() => [
-            de(d.$slots, "fields", Dt(Pt({ model: a.value, isEdit: r.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
+            de(d.$slots, "fields", Dt(Pt({ model: o.value, isEdit: r.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
               v(n(P), {
                 name: "name",
                 label: d.nameLabel,
@@ -2817,8 +2817,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                     ref: t,
                     dark: "",
                     height: "350px",
-                    modelValue: a.value.value,
-                    "onUpdate:modelValue": k[0] || (k[0] = (y) => a.value.value = y),
+                    modelValue: o.value.value,
+                    "onUpdate:modelValue": k[0] || (k[0] = (y) => o.value.value = y),
                     onBlur: h
                   }, null, 8, ["modelValue"])
                 ]),
@@ -2839,12 +2839,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.state || {}).map(([o, u]) => ({ name: o, value: Ce(u) }))), s = () => ({
+    const e = i, t = S(() => Object.entries(e.current?.state || {}).map(([a, u]) => ({ name: a, value: Ce(u) }))), s = () => ({
       name: "",
       value: ""
-    }), l = (r) => e.current?.removeState(r.name), a = async (r, o) => {
+    }), l = (r) => e.current?.removeState(r.name), o = async (r, a) => {
       const { name: u, value: p } = r;
-      if (!o && e.current?.state[u])
+      if (!a && e.current?.state[u])
         return Q(`名称 ${u} 已存在，请更换！`), !1;
       const m = {
         type: "JSExpression",
@@ -2852,7 +2852,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       };
       return Y(m, e.context, !0) ? (e.current?.setState(u, m), !0) : !1;
     };
-    return (r, o) => (c(), _(Be, {
+    return (r, a) => (c(), _(Be, {
       title: "状态数据",
       current: e.current,
       context: e.context,
@@ -2861,7 +2861,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       valueLabel: "状态初始值 [ JSExpression ]",
       createEmpty: s,
       remove: l,
-      submit: a
+      submit: o
     }, null, 8, ["current", "context", "list"]));
   }
 }), Zl = /* @__PURE__ */ E({
@@ -2871,12 +2871,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.computed || {}).map(([o, u]) => ({ name: o, value: Ce(u) }))), s = () => ({
+    const e = i, t = S(() => Object.entries(e.current?.computed || {}).map(([a, u]) => ({ name: a, value: Ce(u) }))), s = () => ({
       name: "",
       value: "() => { }"
-    }), l = (r) => e.current?.removeFunction("computed", r.name), a = async (r, o) => {
+    }), l = (r) => e.current?.removeFunction("computed", r.name), o = async (r, a) => {
       const { name: u, value: p } = r;
-      if (!o && e.current?.computed[u])
+      if (!a && e.current?.computed[u])
         return Q(`名称 ${u} 已存在，请更换！`), !1;
       const m = {
         type: "JSFunction",
@@ -2884,7 +2884,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       };
       return Y(m, e.context, !0) ? (e.current?.setFunction("computed", u, m), !0) : !1;
     };
-    return (r, o) => (c(), _(Be, {
+    return (r, a) => (c(), _(Be, {
       title: "计算属性",
       current: e.current,
       context: e.context,
@@ -2893,7 +2893,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       valueLabel: "计算函数 [ JSFunction ]",
       createEmpty: s,
       remove: l,
-      submit: a
+      submit: o
     }, null, 8, ["current", "context", "list"]));
   }
 }), Ql = /* @__PURE__ */ E({
@@ -2903,12 +2903,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Object.entries(e.current?.methods || {}).map(([o, u]) => ({ name: o, value: Ce(u) }))), s = () => ({
+    const e = i, t = S(() => Object.entries(e.current?.methods || {}).map(([a, u]) => ({ name: a, value: Ce(u) }))), s = () => ({
       name: "",
       value: "() => { }"
-    }), l = (r) => e.current?.removeFunction("methods", r.name), a = async (r, o) => {
+    }), l = (r) => e.current?.removeFunction("methods", r.name), o = async (r, a) => {
       const { name: u, value: p } = r;
-      if (!o && e.current?.methods[u])
+      if (!a && e.current?.methods[u])
         return Q(`名称 ${u} 已存在，请更换！`), !1;
       const m = {
         type: "JSFunction",
@@ -2916,7 +2916,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       };
       return Y(m, e.context, !0) ? (e.current?.setFunction("methods", u, m), !0) : !1;
     };
-    return (r, o) => (c(), _(Be, {
+    return (r, a) => (c(), _(Be, {
       title: "组件方法",
       current: e.current,
       context: e.context,
@@ -2925,7 +2925,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       valueLabel: "方法函数 [ JSFunction ]",
       createEmpty: s,
       remove: l,
-      submit: a
+      submit: o
     }, null, 8, ["current", "context", "list"]));
   }
 }), Xl = /* @__PURE__ */ E({
@@ -2935,14 +2935,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Ln.map((o) => ({
-      label: o,
-      value: o
+    const e = i, t = S(() => Ln.map((a) => ({
+      label: a,
+      value: a
     }))), s = S(() => Object.entries(e.current?.lifeCycles || {}).map(([u, p]) => ({ name: u, value: Ce(p) }))), l = () => ({
       name: "",
       value: "() => { }"
-    }), a = (o) => e.current?.removeFunction("lifeCycles", o.name), r = async (o, u) => {
-      const { name: p, value: m } = o;
+    }), o = (a) => e.current?.removeFunction("lifeCycles", a.name), r = async (a, u) => {
+      const { name: p, value: m } = a;
       if (!u && e.current?.lifeCycles[p])
         return Q(`名称 ${p} 已存在，请更换！`), !1;
       const f = {
@@ -2951,7 +2951,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       };
       return Y(f, e.context, !0) ? (e.current?.setFunction("lifeCycles", p, f), !0) : !1;
     };
-    return (o, u) => (c(), _(Be, {
+    return (a, u) => (c(), _(Be, {
       title: "生命周期",
       current: e.current,
       context: e.context,
@@ -2959,7 +2959,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       nameLabel: "名称",
       valueLabel: "函数 [ JSFunction ]",
       createEmpty: l,
-      remove: a,
+      remove: o,
       submit: r
     }, {
       fields: g(({ model: p, nameLabel: m, isEdit: f, valueLabel: b }) => [
@@ -2998,33 +2998,33 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => (e.current?.watch || []).map((o) => ({
-      ...o,
-      source: Ce(o.source),
-      handler: Ce(o.handler)
+    const e = i, t = S(() => (e.current?.watch || []).map((a) => ({
+      ...a,
+      source: Ce(a.source),
+      handler: Ce(a.handler)
     }))), s = () => ({
       source: "() => { }",
       deep: !1,
       immediate: !1,
       handler: "() => { }"
-    }), l = (o) => o.source, a = (o) => e.current?.removeWatch(o), r = async (o, u) => {
+    }), l = (a) => a.source, o = (a) => e.current?.removeWatch(a), r = async (a, u) => {
       const p = {
         type: "JSFunction",
-        value: o.source
+        value: a.source
       }, m = {
         type: "JSFunction",
-        value: o.handler
+        value: a.handler
       };
       if (!Y(p, e.context, !0) || !Y(m, e.context, !0))
         return !1;
       const f = {
-        ...o,
+        ...a,
         source: p,
         handler: m
       };
       return e.current?.setWatch(f), !0;
     };
-    return (o, u) => (c(), _(Be, {
+    return (a, u) => (c(), _(Be, {
       title: "侦听器",
       current: e.current,
       context: e.context,
@@ -3032,7 +3032,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       nameLabel: "侦听源 [ JSFunction ]",
       valueLabel: "处理函数 [ JSFunction ]",
       createEmpty: s,
-      remove: a,
+      remove: o,
       submit: r,
       itemTitle: l,
       grow: ""
@@ -3086,7 +3086,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["current", "context", "list"]));
   }
-}), ea = /* @__PURE__ */ E({
+}), eo = /* @__PURE__ */ E({
   __name: "index",
   setup(i) {
     const { current: e, context: t } = te();
@@ -3132,12 +3132,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change", "remove"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = (r, o) => {
-      s("change", r, o);
-    }, a = (r) => {
+    const t = i, s = e, l = (r, a) => {
+      s("change", r, a);
+    }, o = (r) => {
       s("remove", r);
     };
-    return (r, o) => (c(), _(n(W), {
+    return (r, a) => (c(), _(n(W), {
       title: t.title,
       class: "v-sub-panel",
       size: "small",
@@ -3147,7 +3147,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         v(n(Ne), {
           size: "small",
           "label-width": "80px",
-          onKeydown: o[0] || (o[0] = ze(je(() => {
+          onKeydown: a[0] || (a[0] = ze(je(() => {
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: g(() => [
@@ -3157,7 +3157,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               context: t.context,
               removable: t.removable,
               onChange: l,
-              onRemove: a
+              onRemove: o
             }), null, 16, ["current", "context", "removable"]))), 128))
           ]),
           _: 1
@@ -3166,19 +3166,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title"]));
   }
-}), ta = /* @__PURE__ */ E({
+}), to = /* @__PURE__ */ E({
   __name: "index",
   setup(i) {
     const { current: e, context: t } = te(), { selected: s } = fe(), {
       node: l,
-      commonProps: a,
+      commonProps: o,
       change: r,
-      componentProps: o,
+      componentProps: a,
       customProps: u,
       addCustom: p,
       removeCustom: m,
       isExist: f
-    } = ol(s), b = w(!1), h = w(), d = () => {
+    } = al(s), b = w(!1), h = w(), d = () => {
       b.value = !0, h.value = {
         name: ""
       };
@@ -3201,7 +3201,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           current: n(e),
           context: n(t),
           node: n(l),
-          items: n(a),
+          items: n(o),
           onChange: n(r)
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : C("", !0),
         n(l) ? (c(), _(Ye, {
@@ -3210,7 +3210,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           current: n(e),
           context: n(t),
           node: n(l),
-          items: n(o),
+          items: n(a),
           onChange: n(r)
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : C("", !0),
         n(l) ? (c(), _(Ye, {
@@ -3254,7 +3254,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     })) : C("", !0);
   }
-}), na = /* @__PURE__ */ E({
+}), no = /* @__PURE__ */ E({
   name: "VariableBinder",
   __name: "variable",
   props: {
@@ -3266,10 +3266,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const e = i, t = w(), s = Re({
       type: "JSExpression",
       value: e.value
-    }), l = (a) => {
-      t.value.getEditor().setValue(a), s.value = a;
+    }), l = (o) => {
+      t.value.getEditor().setValue(o), s.value = o;
     };
-    return (a, r) => (c(), _(n(ft), {
+    return (o, r) => (c(), _(n(ft), {
       title: "绑定变量",
       "unbind-enabled": "",
       block: e.current,
@@ -3288,7 +3288,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               ref_key: "editorRef",
               ref: t,
               modelValue: s.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (o) => s.value = o),
+              "onUpdate:modelValue": r[0] || (r[0] = (a) => s.value = a),
               dark: "",
               height: "450px"
             }, null, 8, ["modelValue"])
@@ -3299,7 +3299,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["block", "context", "model"]));
   }
-}), sa = /* @__PURE__ */ E({
+}), so = /* @__PURE__ */ E({
   name: "EventBinder",
   __name: "event",
   props: {
@@ -3317,13 +3317,13 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         type: "JSFunction",
         value: e.event?.handler?.value || "() => {}"
       }
-    }), a = Hs.map((o) => ({
-      label: o,
-      value: o
-    })), r = (o) => {
-      t.value.getEditor().setValue(o), l.handler.value = o;
+    }), o = Hs.map((a) => ({
+      label: a,
+      value: a
+    })), r = (a) => {
+      t.value.getEditor().setValue(a), l.handler.value = a;
     };
-    return (o, u) => (c(), _(n(ft), {
+    return (a, u) => (c(), _(n(ft), {
       title: "绑定事件",
       "unbind-enabled": "",
       block: e.current,
@@ -3336,7 +3336,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           name: "modifiers",
           label: "事件修饰符",
           editor: "checkbox",
-          options: n(a)
+          options: n(o)
         }, null, 8, ["options"]),
         v(n(P), {
           name: "handler.value",
@@ -3359,15 +3359,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["block", "context", "model"]));
   }
-}), la = /* @__PURE__ */ E({
+}), lo = /* @__PURE__ */ E({
   name: "EventsWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), { selected: s } = fe(), { mouseEventList: l, keyboardEventList: a, componentEventList: r } = rl(s), o = w({
+    const { current: e, context: t } = te(), { selected: s } = fe(), { mouseEventList: l, keyboardEventList: o, componentEventList: r } = rl(s), a = w({
       name: "",
       event: void 0
     }), u = w(!1), p = (d) => {
-      o.value = He(d), u.value = !0;
+      a.value = He(d), u.value = !0;
     }, m = async (d) => {
       const k = {
         ...d,
@@ -3378,7 +3378,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       const k = s.value?.model;
       d.name && (k.removeEvent(d.name), u.value = !1);
     }, b = async () => {
-      o.value.name && await Ee("确定要删除该事件吗？") && f(o.value);
+      a.value.name && await Ee("确定要删除该事件吗？") && f(a.value);
     }, h = (d) => {
       const { name: k, modelValue: y } = d;
       k === "edit" && p(y), k === "remove" && f(y);
@@ -3442,7 +3442,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           fit: !1
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(n(a), (y) => (c(), _(n(X), {
+            (c(!0), j($, null, B(n(o), (y) => (c(), _(n(X), {
               title: y.name,
               "model-value": y,
               border: "",
@@ -3455,14 +3455,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ]),
           _: 1
         }),
-        u.value ? (c(), _(n(sa), {
+        u.value ? (c(), _(n(so), {
           key: 0,
           modelValue: u.value,
           "onUpdate:modelValue": k[0] || (k[0] = (y) => u.value = y),
           context: n(t),
           current: n(e),
-          name: o.value.name,
-          event: o.value.event,
+          name: a.value.name,
+          event: a.value.event,
           submitMethod: m,
           onUnbind: b
         }, null, 8, ["modelValue", "context", "current", "name", "event"])) : C("", !0)
@@ -3470,23 +3470,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), aa = /* @__PURE__ */ E({
+}), oo = /* @__PURE__ */ E({
   name: "CssWidget",
   __name: "index",
   setup(i) {
     const { current: e } = te(), t = w(), s = S(() => e.value?.css || ""), l = (r) => {
       e.value?.setCss(r);
-    }, a = () => {
-      const o = (t.value?.getEditor()).getValue();
-      l(o), ae("保存成功");
+    }, o = () => {
+      const a = (t.value?.getEditor()).getValue();
+      l(a), oe("保存成功");
     };
-    return (r, o) => (c(), _(n(W), {
+    return (r, a) => (c(), _(n(W), {
       class: "v-css-widget v-sub-panel",
       title: "lang:css scoped",
       size: "small",
       fit: "",
       save: "",
-      onSave: a
+      onSave: o
     }, {
       default: g(() => [
         v(n(K), {
@@ -3502,15 +3502,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), oa = /* @__PURE__ */ E({
+}), ao = /* @__PURE__ */ E({
   name: "DirectivesWidget",
   __name: "index",
   setup(i) {
     const { current: e, context: t } = te(), { selected: s } = fe(), {
       vIf: l,
-      vShow: a,
+      vShow: o,
       vBind: r,
-      vFor: o,
+      vFor: a,
       vModels: u,
       onValueChange: p,
       onForChange: m,
@@ -3551,7 +3551,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   setters: "ExpressionSetter",
                   current: n(e),
                   context: n(t),
-                  value: n(a).value,
+                  value: n(o).value,
                   onChange: n(p)
                 }, null, 8, ["current", "context", "value", "onChange"]),
                 v(n(_e), {
@@ -3589,7 +3589,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   setters: "ExpressionSetter",
                   current: n(e),
                   context: n(t),
-                  value: n(o).value,
+                  value: n(a).value,
                   onChange: n(m)
                 }, null, 8, ["current", "context", "value", "onChange"]),
                 v(n(_e), {
@@ -3601,7 +3601,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   },
                   current: n(e),
                   context: n(t),
-                  value: n(o).iterator?.item,
+                  value: n(a).iterator?.item,
                   onChange: n(m)
                 }, null, 8, ["current", "context", "value", "onChange"]),
                 v(n(_e), {
@@ -3613,7 +3613,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
                   },
                   current: n(e),
                   context: n(t),
-                  value: n(o).iterator?.index,
+                  value: n(a).iterator?.index,
                   onChange: n(m)
                 }, null, 8, ["current", "context", "value", "onChange"])
               ]),
@@ -3674,7 +3674,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), ra = /* @__PURE__ */ E({
+}), ro = /* @__PURE__ */ E({
   name: "DefinedPropsDialog",
   __name: "props",
   props: {
@@ -3696,17 +3696,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     ), l = Object.keys(Jn).map((r) => ({
       label: r,
       value: r
-    })), a = async (r) => {
-      const o = r.default;
-      return o && !Y(o, e.context, !0) ? !1 : (e.current.setProp(r), !0);
+    })), o = async (r) => {
+      const a = r.default;
+      return a && !Y(a, e.context, !0) ? !1 : (e.current.setProp(r), !0);
     };
-    return (r, o) => (c(), _(n(ce), {
+    return (r, a) => (c(), _(n(ce), {
       title: t.value,
       width: "800px",
       height: "500px",
       model: s.value,
       "form-props": { tooltipMessage: !1 },
-      "submit-method": a
+      "submit-method": o
     }, {
       default: g(() => [
         v(n(P), {
@@ -3741,7 +3741,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           default: g(() => [
             v(n(K), {
               modelValue: s.value.default.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (u) => s.value.default.value = u),
+              "onUpdate:modelValue": a[0] || (a[0] = (u) => s.value.default.value = u),
               height: "200px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -3752,7 +3752,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), ia = /* @__PURE__ */ E({
+}), io = /* @__PURE__ */ E({
   name: "DefinedEventsDialog",
   __name: "events",
   props: {
@@ -3763,8 +3763,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i) {
     const e = i, t = S(() => e.item ? "编辑定义事件" : "新增定义事件"), s = w({
       name: e.item
-    }), l = async (a) => (e.item && e.current.removeEmit(e.item, !0), e.current.setEmit(a.name), !0);
-    return (a, r) => (c(), _(n(ce), {
+    }), l = async (o) => (e.item && e.current.removeEmit(e.item, !0), e.current.setEmit(o.name), !0);
+    return (o, r) => (c(), _(n(ce), {
       title: t.value,
       width: "600px",
       height: "200px",
@@ -3787,7 +3787,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), ua = /* @__PURE__ */ E({
+}), uo = /* @__PURE__ */ E({
   name: "DefinedSlotsDialog",
   __name: "slots",
   props: {
@@ -3798,8 +3798,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i) {
     const e = i, t = S(() => e.item ? "编辑定义插槽" : "新增定义插槽"), s = w({
       name: e.item
-    }), l = async (a) => (e.item && e.current.removeSlot(e.item, !0), e.current.setSlot(a.name), !0);
-    return (a, r) => (c(), _(n(ce), {
+    }), l = async (o) => (e.item && e.current.removeSlot(e.item, !0), e.current.setSlot(o.name), !0);
+    return (o, r) => (c(), _(n(ce), {
       title: t.value,
       width: "600px",
       height: "200px",
@@ -3822,7 +3822,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), ca = /* @__PURE__ */ E({
+}), co = /* @__PURE__ */ E({
   name: "DefinedInjectsDialog",
   __name: "injects",
   props: {
@@ -3841,11 +3841,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         },
         e.item
       )
-    ), l = async (a) => {
-      const r = a.default;
-      return r && !Y(r, e.context, !0) ? !1 : (e.current.setInject(a), !0);
+    ), l = async (o) => {
+      const r = o.default;
+      return r && !Y(r, e.context, !0) ? !1 : (e.current.setInject(o), !0);
     };
-    return (a, r) => (c(), _(n(ce), {
+    return (o, r) => (c(), _(n(ce), {
       title: t.value,
       width: "800px",
       height: "500px",
@@ -3878,7 +3878,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           default: g(() => [
             v(n(K), {
               modelValue: s.value.default.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (o) => s.value.default.value = o),
+              "onUpdate:modelValue": r[0] || (r[0] = (a) => s.value.default.value = a),
               height: "200px",
               dark: ""
             }, null, 8, ["modelValue"])
@@ -3889,17 +3889,17 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), da = /* @__PURE__ */ E({
+}), po = /* @__PURE__ */ E({
   name: "DefinedWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), s = S(() => (e.value?.props || []).map((M) => typeof M == "string" ? { name: M } : M)), l = S(() => e.value?.emits || []), a = S(() => e.value?.slots || []), r = S(() => e.value?.inject || []), o = w(!1), u = w(), p = w(!1), m = w(), f = w(!1), b = w(), h = w(!1), d = w(), k = () => {
-      u.value = void 0, o.value = !0;
+    const { current: e, context: t } = te(), s = S(() => (e.value?.props || []).map((M) => typeof M == "string" ? { name: M } : M)), l = S(() => e.value?.emits || []), o = S(() => e.value?.slots || []), r = S(() => e.value?.inject || []), a = w(!1), u = w(), p = w(!1), m = w(), f = w(!1), b = w(), h = w(!1), d = w(), k = () => {
+      u.value = void 0, a.value = !0;
     }, y = (M) => {
       const { name: J, modelValue: R } = M;
       J === "edit" && V(R), J === "remove" && e.value?.removeProp(R);
     }, V = (M) => {
-      u.value = M, o.value = !0;
+      u.value = M, a.value = !0;
     }, x = () => {
       m.value = void 0, p.value = !0;
     }, D = (M) => {
@@ -3950,12 +3950,12 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               key: 0,
               "image-size": 50
             })),
-            o.value ? (c(), _(ra, {
+            a.value ? (c(), _(ro, {
               key: 1,
               current: n(e),
               context: n(t),
-              modelValue: o.value,
-              "onUpdate:modelValue": J[0] || (J[0] = (R) => o.value = R),
+              modelValue: a.value,
+              "onUpdate:modelValue": J[0] || (J[0] = (R) => a.value = R),
               item: u.value
             }, null, 8, ["current", "context", "modelValue", "item"])) : C("", !0)
           ]),
@@ -3982,7 +3982,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               key: 0,
               "image-size": 50
             })),
-            p.value ? (c(), _(ia, {
+            p.value ? (c(), _(io, {
               key: 1,
               modelValue: p.value,
               "onUpdate:modelValue": J[1] || (J[1] = (R) => p.value = R),
@@ -4002,7 +4002,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onPlus: A
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(a.value, (R) => (c(), _(n(X), {
+            (c(!0), j($, null, B(o.value, (R) => (c(), _(n(X), {
               "model-value": R,
               title: R,
               border: "",
@@ -4010,11 +4010,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               onClick: (Ve) => T(R),
               onAction: I
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
-            a.value.length ? C("", !0) : (c(), _(n(Z), {
+            o.value.length ? C("", !0) : (c(), _(n(Z), {
               key: 0,
               "image-size": 50
             })),
-            f.value ? (c(), _(ua, {
+            f.value ? (c(), _(uo, {
               key: 1,
               modelValue: f.value,
               "onUpdate:modelValue": J[2] || (J[2] = (R) => f.value = R),
@@ -4047,7 +4047,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
               key: 0,
               "image-size": 50
             })),
-            h.value ? (c(), _(ca, {
+            h.value ? (c(), _(co, {
               key: 1,
               modelValue: h.value,
               "onUpdate:modelValue": J[3] || (J[3] = (R) => h.value = R),
@@ -4062,7 +4062,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     })) : C("", !0);
   }
-}), pa = /* @__PURE__ */ E({
+}), mo = /* @__PURE__ */ E({
   name: "DataSourceDialogForm",
   __name: "form",
   props: {
@@ -4091,7 +4091,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
 })`
         }
       }, e.item)
-    ), a = w(!1), r = w(""), o = w(!1), u = S(() => t.value.map((h) => ({
+    ), o = w(!1), r = w(""), a = w(!1), u = S(() => t.value.map((h) => ({
       label: h.label || "",
       value: h.id,
       data: h
@@ -4136,14 +4136,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       }, k = Je(l.value.test, {
         runApi: d
       }), y = l.value.transform?.value ? Je(l.value.transform, {}, !0) : (V) => V;
-      a.value = !0;
+      o.value = !0;
       try {
         const V = await k();
         r.value = JSON.stringify(await y(V), null, 2);
       } catch (V) {
         me.error(V);
       }
-      a.value = !1, o.value = !0;
+      o.value = !1, a.value = !0;
     };
     return (h, d) => (c(), _(n(ce), {
       width: "1000px",
@@ -4155,7 +4155,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     }, {
       extra: g(() => [
         v(n(re), {
-          loading: a.value,
+          loading: o.value,
           type: "warning",
           onClick: b
         }, {
@@ -4228,11 +4228,11 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ]),
           _: 1
         }),
-        o.value ? (c(), _(n(wn), {
+        a.value ? (c(), _(n(wn), {
           key: 0,
           class: "v-drawer",
-          modelValue: o.value,
-          "onUpdate:modelValue": d[2] || (d[2] = (k) => o.value = k),
+          modelValue: a.value,
+          "onUpdate:modelValue": d[2] || (d[2] = (k) => a.value = k),
           title: "测试用例运行结果",
           direction: "btt",
           "append-to-body": "",
@@ -4253,19 +4253,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "model"]));
   }
-}), ma = /* @__PURE__ */ E({
+}), vo = /* @__PURE__ */ E({
   name: "DataSourcesWidget",
   __name: "index",
   setup(i) {
-    const { current: e, context: t } = te(), s = w(!1), l = w(), a = S(() => Object.values(e.value?.dataSources || {}).filter(
+    const { current: e, context: t } = te(), s = w(!1), l = w(), o = S(() => Object.values(e.value?.dataSources || {}).filter(
       (p) => p.type === "api"
     )), r = () => {
       l.value = void 0, s.value = !0;
-    }, o = (p) => {
+    }, a = (p) => {
       l.value = p, s.value = !0;
     }, u = (p) => {
       const { name: m, modelValue: f } = p;
-      m === "edit" && o(f), m === "remove" && e.value?.removeDataSource(f.name);
+      m === "edit" && a(f), m === "remove" && e.value?.removeDataSource(f.name);
     };
     return (p, m) => (c(), _(n(O), {
       class: "v-data-sources-widget",
@@ -4281,23 +4281,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           onPlus: r
         }, {
           default: g(() => [
-            (c(!0), j($, null, B(a.value, (f) => (c(), _(n(X), {
+            (c(!0), j($, null, B(o.value, (f) => (c(), _(n(X), {
               border: "",
               title: f.name,
               subtitle: f.label,
               "model-value": f,
               actions: ["edit", "remove"],
               onAction: u,
-              onClick: (b) => o(f)
+              onClick: (b) => a(f)
             }, null, 8, ["title", "subtitle", "model-value", "onClick"]))), 256)),
-            a.value.length ? C("", !0) : (c(), _(n(Z), {
+            o.value.length ? C("", !0) : (c(), _(n(Z), {
               key: 0,
               "image-size": 50
             }))
           ]),
           _: 1
         }),
-        s.value ? (c(), _(pa, {
+        s.value ? (c(), _(mo, {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": m[0] || (m[0] = (f) => s.value = f),
@@ -4309,27 +4309,27 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }));
   }
-}), va = /* @__PURE__ */ E({
+}), fo = /* @__PURE__ */ E({
   name: "StyleWidget",
   __name: "index",
   setup(i) {
     const { selected: e } = fe(), t = w(), s = S(() => {
-      const o = e.value?.model || null;
-      return U(o) ? null : o;
+      const a = e.value?.model || null;
+      return U(a) ? null : a;
     }), l = S(
       () => JSON.stringify(s.value?.getPropValue("style") || {}, null, 2)
-    ), a = (o) => {
+    ), o = (a) => {
       try {
-        const u = JSON.parse(o);
+        const u = JSON.parse(a);
         s.value?.setProp("style", u);
       } catch {
         Q("JSON格式错误");
       }
     }, r = () => {
       const u = (t.value?.getEditor()).getValue();
-      a(u), ae("保存成功");
+      o(u), oe("保存成功");
     };
-    return (o, u) => (c(), _(n(W), {
+    return (a, u) => (c(), _(n(W), {
       class: "v-css-widget v-sub-panel",
       title: "style",
       size: "small",
@@ -4345,20 +4345,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           height: "100%",
           lang: "json",
           dark: "",
-          onBlur: a
+          onBlur: o
         }, null, 8, ["model-value"])
       ]),
       _: 1
     }));
   }
-}), fa = ["src"], ga = /* @__PURE__ */ E({
+}), go = ["src"], ho = /* @__PURE__ */ E({
   name: "PreviewerWidget",
   __name: "index",
   props: {
     path: { type: Function }
   },
   setup(i, { expose: e }) {
-    const t = i, s = w(), l = w(Symbol()), { current: a, engine: r } = te(), { width: o, height: u } = en(s), p = S(() => a.value && t.path ? t.path(a.value) : null), m = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
+    const t = i, s = w(), l = w(Symbol()), { current: o, engine: r } = te(), { width: a, height: u } = en(s), p = S(() => o.value && t.path ? t.path(o.value) : null), m = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
     return e({
       refresh: () => {
         l.value = Symbol();
@@ -4369,9 +4369,9 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       class: "v-previewer",
       key: l.value
     }, [
-      v(n(on), {
+      v(n(an), {
         mode: m.value,
-        width: n(o),
+        width: n(a),
         height: n(u)
       }, {
         default: g(() => [
@@ -4380,23 +4380,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
             ref: "iframe",
             frameborder: "0",
             src: p.value
-          }, null, 8, fa)) : C("", !0)
+          }, null, 8, go)) : C("", !0)
         ]),
         _: 1
       }, 8, ["mode", "width", "height"])
     ]));
   }
-}), ha = /* @__PURE__ */ E({
+}), bo = /* @__PURE__ */ E({
   name: "NodePathWidget",
   inheritAttrs: !1,
   __name: "index",
   setup(i) {
     const { selected: e, designer: t } = fe(), s = S(() => (e.value?.path || []).slice(0).reverse()), l = (r) => {
       t.value?.setSelected(r);
-    }, a = (r) => {
+    }, o = (r) => {
       t.value?.setHover(r);
     };
-    return (r, o) => n(e) ? (c(), _(n(Sn), {
+    return (r, a) => n(e) ? (c(), _(n(Sn), {
       key: 0,
       class: "v-nodepath-widget",
       "separator-icon": n(As)
@@ -4404,7 +4404,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       default: g(() => [
         (c(!0), j($, null, B(s.value, (u) => (c(), _(n(Vn), {
           onClick: (p) => l(u),
-          onMouseover: (p) => a(u)
+          onMouseover: (p) => o(u)
         }, {
           default: g(() => [
             H(N(u.name), 1)
@@ -4415,32 +4415,32 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["separator-icon"])) : C("", !0);
   }
-}), ba = /* @__PURE__ */ E({
+}), _o = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
   setup(i) {
     const { current: e } = te(), t = w(), s = S(
       () => JSON.stringify(e.value?.toDsl() || {}, null, 2)
-    ), l = S(() => e.value ? e.value.name : ""), a = async () => {
-      const o = (t.value?.getEditor()).getValue();
-      if (o && await Ee(
+    ), l = S(() => e.value ? e.value.name : ""), o = async () => {
+      const a = (t.value?.getEditor()).getValue();
+      if (a && await Ee(
         "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。"
       ))
         try {
-          const p = JSON.parse(o);
-          e.value?.update(p), ae("保存成功");
+          const p = JSON.parse(a);
+          e.value?.update(p), oe("保存成功");
         } catch (p) {
           Q(p?.message);
         }
     };
-    return (r, o) => (c(), _(n(W), {
+    return (r, a) => (c(), _(n(W), {
       class: "v-schema-widget",
       title: l.value,
       subtitle: "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。",
       size: "small",
       fit: "",
       save: "",
-      onSave: a
+      onSave: o
     }, {
       default: g(() => [
         v(n(K), {
@@ -4455,25 +4455,28 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title"]));
   }
-}), _a = /* @__PURE__ */ E({
+}), yo = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
   setup(i) {
-    const { current: e, engine: t } = te(), s = w(), l = w(""), a = S(() => e.value ? `$vtj/raw/${e.value.id}.vue` : ""), r = S(() => e.value ? e.value.name : "");
+    const { current: e, engine: t } = te(), s = w(), l = w(""), o = S(() => e.value ? `$vtj/raw/${e.value.id}.vue` : ""), r = S(() => e.value ? e.value.name : "");
     return ne(
       e,
-      async (o) => {
+      async (a) => {
         const u = t.project.value;
-        u && o ? l.value = await t.service.getRaw(u.toDsl(), o.toDsl()) : l.value = "";
+        u && a ? l.value = await t.service.genVueContent(
+          u.toDsl(),
+          a.toDsl()
+        ) : l.value = "";
       },
       {
         immediate: !0,
         deep: !0
       }
-    ), (o, u) => (c(), _(n(W), {
+    ), (a, u) => (c(), _(n(W), {
       class: "v-raw-widget",
       title: r.value,
-      subtitle: a.value,
+      subtitle: o.value,
       size: "small",
       fit: ""
     }, {
@@ -4491,7 +4494,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 8, ["title", "subtitle"]));
   }
-}), ya = ["src"], ka = /* @__PURE__ */ E({
+}), ko = ["src"], wo = /* @__PURE__ */ E({
   name: "DocsWidget",
   __name: "index",
   props: {
@@ -4508,7 +4511,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const l = () => {
       s?.close();
     };
-    return (a, r) => (c(), _(n(W), {
+    return (o, r) => (c(), _(n(W), {
       class: "v-docs-widget",
       size: "small",
       fit: "",
@@ -4522,21 +4525,21 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
           ref: "frame",
           src: e.url,
           onLoad: l
-        }, null, 40, ya)
+        }, null, 40, ko)
       ]),
       _: 1
     }, 512));
   }
-}), wa = { class: "v-about-widget" }, Sa = { class: "v-about-widget__logo" }, Va = ["src"], xa = /* @__PURE__ */ z("div", { class: "v-about-widget__name" }, "VTJ.PRO", -1), Ca = { class: "v-about-widget__version" }, Ea = /* @__PURE__ */ E({
+}), So = { class: "v-about-widget" }, Vo = { class: "v-about-widget__logo" }, xo = ["src"], Co = /* @__PURE__ */ z("div", { class: "v-about-widget__name" }, "VTJ.PRO", -1), Eo = { class: "v-about-widget__version" }, jo = /* @__PURE__ */ E({
   name: "AboutWidget",
   __name: "index",
   setup(i) {
-    return (e, t) => (c(), j("div", wa, [
-      z("div", Sa, [
-        z("img", { src: n(tn) }, null, 8, Va)
+    return (e, t) => (c(), j("div", So, [
+      z("div", Vo, [
+        z("img", { src: n(tn) }, null, 8, xo)
       ]),
-      xa,
-      z("div", Ca, "版本：" + N(n(Ws)), 1)
+      Co,
+      z("div", Eo, "版本：" + N(n(Ws)), 1)
     ]));
   }
 }), L = {
@@ -4553,21 +4556,21 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   Apis: Jl,
   Deps: Ul,
   Designer: Gl,
-  Scripts: ea,
-  Properties: ta,
-  Events: la,
-  Css: aa,
-  Directives: oa,
-  Defined: da,
-  DataSources: ma,
-  Style: va,
-  Previewer: ga,
-  NodePath: ha,
-  Schema: ba,
-  Raw: _a,
-  Docs: ka,
-  About: Ea
-}, ja = [
+  Scripts: eo,
+  Properties: to,
+  Events: lo,
+  Css: oo,
+  Directives: ao,
+  Defined: po,
+  DataSources: vo,
+  Style: fo,
+  Previewer: ho,
+  NodePath: bo,
+  Schema: _o,
+  Raw: yo,
+  Docs: wo,
+  About: jo
+}, Ao = [
   {
     name: "Logo",
     region: "Brand",
@@ -4709,7 +4712,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Scripts,
     type: "tab",
-    group: oe.Block,
+    group: ae.Block,
     label: "设置"
   },
   {
@@ -4717,7 +4720,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Css,
     type: "tab",
-    group: oe.Block,
+    group: ae.Block,
     label: "CSS"
   },
   {
@@ -4725,7 +4728,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.DataSources,
     type: "tab",
-    group: oe.Block,
+    group: ae.Block,
     label: "数据源"
   },
   {
@@ -4733,7 +4736,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Defined,
     type: "tab",
-    group: oe.Block,
+    group: ae.Block,
     label: "定义"
   },
   {
@@ -4741,7 +4744,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Properties,
     type: "tab",
-    group: oe.Node,
+    group: ae.Node,
     label: "属性"
   },
   {
@@ -4749,7 +4752,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Style,
     type: "tab",
-    group: oe.Node,
+    group: ae.Node,
     label: "样式"
   },
   {
@@ -4757,7 +4760,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Events,
     type: "tab",
-    group: oe.Node,
+    group: ae.Node,
     label: "事件"
   },
   {
@@ -4765,7 +4768,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Settings",
     component: L.Directives,
     type: "tab",
-    group: oe.Node,
+    group: ae.Node,
     label: "指令"
   },
   {
@@ -4773,7 +4776,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     region: "Status",
     component: L.NodePath
   }
-], Aa = [
+], Do = [
   {
     package: "vue",
     version: "latest",
@@ -4872,7 +4875,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     official: !0,
     enabled: !1
   }
-], Da = [
+], Po = [
   {
     id: "elements",
     category: "特殊元素"
@@ -4881,7 +4884,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     id: "components",
     category: "内置组件"
   }
-], Pa = [
+], Io = [
   {
     name: "component",
     label: "动态组件",
@@ -4918,8 +4921,8 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       children: "默认插槽内容"
     }
   }
-], Ia = [
-  ...Pa,
+], Ro = [
+  ...Io,
   {
     name: "Transition",
     label: "过渡效果",
@@ -5234,23 +5237,23 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       }
     ]
   }
-], Ra = [
+], $o = [
   {
     name: "vue",
     version: "latest",
     label: "内置",
     library: "Vue",
     order: 0,
-    categories: Da,
-    components: Ia
+    categories: Po,
+    components: Ro
   }
-], $a = /* @__PURE__ */ E({
+], Bo = /* @__PURE__ */ E({
   name: "StringSetter",
   __name: "string",
   setup(i) {
     return (e, t) => (c(), _(n(pe), ue({ clearable: "" }, e.$attrs), null, 16));
   }
-}), Ba = /* @__PURE__ */ E({
+}), To = /* @__PURE__ */ E({
   name: "BooleanSetter",
   __name: "boolean",
   setup(i) {
@@ -5258,7 +5261,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       "model-value": !!e.$attrs.modelValue
     }), null, 16, ["model-value"]));
   }
-}), Ta = "{{", Fa = "}}", za = /* @__PURE__ */ E({
+}), Fo = "{{", zo = "}}", Mo = /* @__PURE__ */ E({
   name: "ExpressionSetter",
   __name: "expression",
   props: {
@@ -5270,7 +5273,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     const t = (u = "") => ({
       type: "JSExpression",
       value: Pe(u) ? u.value : u
-    }), s = i, l = e, a = (u) => Y(u, s.context, !0), r = w(t(s.modelValue).value);
+    }), s = i, l = e, o = (u) => Y(u, s.context, !0), r = w(t(s.modelValue).value);
     ne(
       () => s.modelValue,
       (u) => {
@@ -5280,29 +5283,29 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         immediate: !0
       }
     );
-    const o = (u) => {
+    const a = (u) => {
       const p = {
         type: "JSExpression",
         value: u
       };
-      a(p) && l("change", p);
+      o(p) && l("change", p);
     };
     return (u, p) => (c(), _(n(pe), {
       class: "v-expression-setter",
       modelValue: r.value,
       "onUpdate:modelValue": p[0] || (p[0] = (m) => r.value = m),
-      onChange: o
+      onChange: a
     }, {
       prefix: g(() => [
-        H(N(Ta))
+        H(N(Fo))
       ]),
       suffix: g(() => [
-        H(N(Fa))
+        H(N(zo))
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Ma = /* @__PURE__ */ E({
+}), No = /* @__PURE__ */ E({
   name: "SelectSetter",
   __name: "select",
   props: {
@@ -5319,7 +5322,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       _: 1
     }, 16));
   }
-}), Na = /* @__PURE__ */ E({
+}), Oo = /* @__PURE__ */ E({
   name: "NumberSetter",
   __name: "number",
   props: {
@@ -5327,22 +5330,22 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = S(() => Pe(t.modelValue) ? void 0 : Number(t.modelValue || 0)), a = (r) => {
+    const t = i, s = e, l = S(() => Pe(t.modelValue) ? void 0 : Number(t.modelValue || 0)), o = (r) => {
       s("change", r);
     };
-    return (r, o) => (c(), _(n(jn), ue({
+    return (r, a) => (c(), _(n(jn), ue({
       class: "v-number-setter",
       "controls-position": "right",
       "model-value": l.value
-    }, r.$attrs, { onChange: a }), null, 16, ["model-value"]));
+    }, r.$attrs, { onChange: o }), null, 16, ["model-value"]));
   }
-}), Oa = /* @__PURE__ */ E({
+}), Wo = /* @__PURE__ */ E({
   name: "ColorSetter",
   __name: "color",
   setup(i) {
     return (e, t) => (c(), _(n(An), Dt(Pt(e.$attrs)), null, 16));
   }
-}), Wa = /* @__PURE__ */ E({
+}), Lo = /* @__PURE__ */ E({
   name: "JsonSetter",
   __name: "json",
   props: {
@@ -5353,7 +5356,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i, { emit: e }) {
     const t = i, s = w(), l = w(
       typeof t.modelValue == "object" ? JSON.stringify(t.modelValue, null, 2) : void 0
-    ), a = S(() => !!l.value), r = w(!1), o = e, u = (b) => {
+    ), o = S(() => !!l.value), r = w(!1), a = e, u = (b) => {
       let h = !0;
       try {
         const d = JSON.parse(b);
@@ -5374,15 +5377,15 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       const b = s.value?.getEditor();
       if (b) {
         const h = b.getValue();
-        u(h) && (l.value = h, o("change", JSON.parse(h)), r.value = !1);
+        u(h) && (l.value = h, a("change", JSON.parse(h)), r.value = !1);
       }
     }, m = () => {
-      l.value = "", o("change", void 0), r.value = !1;
+      l.value = "", a("change", void 0), r.value = !1;
     }, f = () => {
       r.value = !0;
     };
     return (b, h) => (c(), j("div", {
-      class: ee(["v-json-setter", { "is-active": a.value }])
+      class: ee(["v-json-setter", { "is-active": o.value }])
     }, [
       v(n(pe), ue({
         readonly: "",
@@ -5417,7 +5420,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
       }, 8, ["modelValue", "title"])) : C("", !0)
     ], 2));
   }
-}), La = /* @__PURE__ */ E({
+}), Jo = /* @__PURE__ */ E({
   name: "FunctionSetter",
   __name: "function",
   props: {
@@ -5428,19 +5431,19 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change"],
   setup(i, { emit: e }) {
-    const t = i, s = w(), l = w(t.modelValue.value), a = w(!1), r = S(() => !!l.value), o = e, u = () => {
+    const t = i, s = w(), l = w(t.modelValue.value), o = w(!1), r = S(() => !!l.value), a = e, u = () => {
       const f = s.value?.getEditor();
       if (f) {
         const b = f.getValue(), h = {
           type: "JSFunction",
           value: b
         };
-        Y(h, {}) && (l.value = b, o("change", h), a.value = !1);
+        Y(h, {}) && (l.value = b, a("change", h), o.value = !1);
       }
     }, p = () => {
-      l.value = "", o("change", void 0), a.value = !1;
+      l.value = "", a("change", void 0), o.value = !1;
     }, m = () => {
-      a.value = !0;
+      o.value = !0;
     };
     return (f, b) => (c(), j("div", {
       class: ee(["v-function-setter", { "is-active": r.value }])
@@ -5451,10 +5454,10 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         "model-value": "JSFunction",
         "suffix-icon": n(vt)
       }, f.$attrs), null, 16, ["suffix-icon"]),
-      a.value ? (c(), _(n($e), {
+      o.value ? (c(), _(n($e), {
         key: 0,
-        modelValue: a.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (h) => a.value = h),
+        modelValue: o.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (h) => o.value = h),
         title: "JSFunction",
         width: "1000px",
         height: "600px",
@@ -5478,20 +5481,20 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     ], 2));
   }
 }), le = {
-  StringSetter: $a,
-  BooleanSetter: Ba,
-  ExpressionSetter: za,
-  SelectSetter: Ma,
-  NumberSetter: Na,
-  ColorSetter: Oa,
-  IconSetter: an,
-  JsonSetter: Wa,
-  FunctionSetter: La
-}, Ja = {
+  StringSetter: Bo,
+  BooleanSetter: To,
+  ExpressionSetter: Mo,
+  SelectSetter: No,
+  NumberSetter: Oo,
+  ColorSetter: Wo,
+  IconSetter: on,
+  JsonSetter: Lo,
+  FunctionSetter: Jo
+}, Uo = {
   name: "StringSetter",
   component: le.StringSetter,
   type: "String"
-}, Ua = [
+}, Ho = [
   {
     name: "InputSetter",
     component: le.StringSetter,
@@ -5570,14 +5573,14 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     type: "Function"
   }
 ];
-class Ha {
+class qo {
   widgets = {};
   constructor() {
     this.widgets = this.createWidgets();
   }
   createWidgets() {
     const e = {};
-    for (const t of ja)
+    for (const t of Ao)
       e[t.name] = t;
     return e;
   }
@@ -5623,9 +5626,9 @@ class Ha {
     ) : s;
   }
 }
-const rn = new Ha();
-class qa {
-  constructor(e = Aa) {
+const rn = new qo();
+class Go {
+  constructor(e = Do) {
     this.deps = e;
   }
   /**
@@ -5658,14 +5661,14 @@ class qa {
   merge(e) {
     const t = [];
     for (const s of this.deps) {
-      const l = e.find((a) => a.package === s.package);
+      const l = e.find((o) => o.package === s.package);
       t.push({
         ...s,
         ...l
       });
     }
     for (const s of e)
-      this.deps.find((a) => a.package === s.package) || t.push(s);
+      this.deps.find((o) => o.package === s.package) || t.push(s);
     return t;
   }
   /**
@@ -5677,16 +5680,16 @@ class qa {
     t > -1 && this.deps.splice(t, 1);
   }
 }
-const Ga = new qa();
-class Ka {
+const Ko = new Go();
+class Zo {
   setters = {};
-  defaultSetter = Ja;
+  defaultSetter = Uo;
   constructor() {
     this.setters = this.createSetters();
   }
   createSetters() {
     const e = {};
-    for (const t of Ua)
+    for (const t of Ho)
       e[t.name] = t;
     return e;
   }
@@ -5723,8 +5726,8 @@ class Ka {
     return Object.values(this.setters).filter((s) => s.type === e).map((s) => s.name);
   }
 }
-const Oe = new Ka();
-function Za(i) {
+const Oe = new Zo();
+function Qo(i) {
   return new Promise((e, t) => {
     const s = $t(Bl, {
       slots: i,
@@ -5738,7 +5741,7 @@ function Za(i) {
     s.mount(document.createElement("div"));
   });
 }
-class Qa {
+class Xo {
   constructor(e, t, s) {
     this.engine = e, this.contentWindow = t, this.dependencies = s, this.document = this.contentWindow.document, this.bindEvents(t, this.document);
   }
@@ -5760,7 +5763,7 @@ class Qa {
       "scroll",
       this.bind(this.onViewChange, "onViewChange")
     ), e.addEventListener("resize", this.bind(this.onViewChange, "onViewChange")), t.addEventListener("mouseleave", this.bind(this.onLeave, "onLeave")), t.addEventListener("dragleave", this.bind(this.onLeave, "onLeave")), t.addEventListener("dragover", this.bind(this.onDragOver, "onDragOver")), t.addEventListener("drop", this.bind(this.onDrop, "onDrop")), t.addEventListener("click", this.bind(this.onSelected, "onSelected")), q.on(
-      ot,
+      at,
       this.bind(this.onActiveChange, "onActiveChange")
     ), q.on(Ie, this.bind(this.onViewChange, "onViewChange"));
   }
@@ -5778,7 +5781,7 @@ class Qa {
       "dragover",
       this.bind(this.onDragOver, "onDragOver")
     ), t.removeEventListener("drop", this.bind(this.onDrop, "onDrop")), t.removeEventListener("click", this.bind(this.onSelected, "onSelected")), q.off(
-      ot,
+      at,
       this.bind(this.onActiveChange, "onActiveChange")
     ), q.off(
       Ie,
@@ -5801,10 +5804,10 @@ class Qa {
   async getDropSlot(e) {
     if (!e)
       return;
-    const { engine: t } = this, s = t.assets, l = s.componentMap, a = await s.getBlockMaterial(e.from) || l.get(e.name);
-    if (!a?.slots)
+    const { engine: t } = this, s = t.assets, l = s.componentMap, o = await s.getBlockMaterial(e.from) || l.get(e.name);
+    if (!o?.slots)
       return;
-    const r = (a?.slots || ["default"]).map(
+    const r = (o?.slots || ["default"]).map(
       (u) => typeof u == "string" ? {
         name: u,
         params: []
@@ -5817,28 +5820,28 @@ class Qa {
       return;
     if (r.length === 1)
       return r[0];
-    const o = await Za(r).catch(() => null);
-    if (!(o && o.name === "default" && (!o.params || o.params?.length === 0)))
-      return o;
+    const a = await Qo(r).catch(() => null);
+    if (!(a && a.name === "default" && (!a.params || a.params?.length === 0)))
+      return a;
   }
   async onDrop(e) {
     e.preventDefault();
-    const { engine: t, dragging: s, dropping: l } = this, a = t.current.value, r = this.getHelper(e);
-    if (!a || !s || !l.value || !r)
+    const { engine: t, dragging: s, dropping: l } = this, o = t.current.value, r = this.getHelper(e);
+    if (!o || !s || !l.value || !r)
       return;
-    const o = r.model, u = l.value.type;
-    if (!await this.allowDrop(o, u))
+    const a = r.model, u = l.value.type;
+    if (!await this.allowDrop(a, u))
       return;
     const p = this.createNodeDsl(s), m = new kt(p);
-    if (U(o))
-      a.addNode(m, void 0, u);
+    if (U(a))
+      o.addNode(m, void 0, u);
     else {
-      const f = await this.getDropSlot(u === "inner" ? o : o.parent);
+      const f = await this.getDropSlot(u === "inner" ? a : a.parent);
       if (f === null) {
         this.dropping.value = null;
         return;
       }
-      m.slot = f, a.addNode(m, o, u);
+      m.slot = f, o.addNode(m, a, u);
     }
     this.dropping.value = null;
   }
@@ -5863,12 +5866,12 @@ class Qa {
     return kt.nodes[t] || null;
   }
   getDropType(e, t, s) {
-    const { left: l, top: a, width: r, height: o } = e;
-    return t >= l && t <= l + r * 0.2 ? "left" : t >= l + r * 0.8 && t <= l + r ? "right" : s >= a && s <= a + o * 0.2 ? "top" : s >= a + o * 0.8 && s <= a + o ? "bottom" : "inner";
+    const { left: l, top: o, width: r, height: a } = e;
+    return t >= l && t <= l + r * 0.2 ? "left" : t >= l + r * 0.8 && t <= l + r ? "right" : s >= o && s <= o + a * 0.2 ? "top" : s >= o + a * 0.8 && s <= o + a ? "bottom" : "inner";
   }
   getNodePath(e = []) {
-    const t = e.filter((a) => this.isVtjElement(a)), s = this.engine.current.value;
-    return [...t.map((a) => this.getNodeByElement(a)).filter((a) => !!a), s];
+    const t = e.filter((o) => this.isVtjElement(o)), s = this.engine.current.value;
+    return [...t.map((o) => this.getNodeByElement(o)).filter((o) => !!o), s];
   }
   setDslFrom(e) {
     const t = this.engine.assets.componentMap.get(e.name);
@@ -5877,12 +5880,12 @@ class Qa {
         this.setDslFrom(s);
   }
   createNodeDsl(e) {
-    const { name: t, snippet: s = {}, from: l } = e, a = {
+    const { name: t, snippet: s = {}, from: l } = e, o = {
       ...s,
       name: t,
       from: l || e.package
     };
-    return this.setDslFrom(a), a;
+    return this.setDslFrom(o), o;
   }
   getElmenetByModel(e) {
     return !this.document || !e ? null : U(e) ? this.document.body : Array.from(
@@ -5906,13 +5909,13 @@ class Qa {
     const l = this.getNodeByElement(s) || this.engine.current.value;
     if (!l)
       return null;
-    const a = s.getBoundingClientRect(), r = this.getDropType(a, e.clientX, e.clientY), o = this.getNodePath(t);
+    const o = s.getBoundingClientRect(), r = this.getDropType(o, e.clientX, e.clientY), a = this.getNodePath(t);
     return {
       el: s,
       model: l,
-      rect: a,
+      rect: o,
       type: r,
-      path: o
+      path: a
     };
   }
   cleanHelper() {
@@ -5976,27 +5979,27 @@ class Qa {
       const s = this.getElmenetByModel(e);
       if (!s)
         return;
-      const l = s.getBoundingClientRect(), a = U(e) ? [] : this.findPathByNode(e);
+      const l = s.getBoundingClientRect(), o = U(e) ? [] : this.findPathByNode(e);
       this.dropping.value = {
         el: s,
         model: e,
         rect: l,
         type: t,
-        path: a
+        path: o
       };
     } else
       this.dropping.value = null;
   }
   async allowDrop(e, t = "inner") {
-    const { dragging: s, engine: l } = this, a = l.current.value;
-    if (!s || !a)
+    const { dragging: s, engine: l } = this, o = l.current.value;
+    if (!s || !o)
       return !1;
     if (U(e))
       return !0;
-    const r = l.assets.componentMap, o = t !== "inner" && e.parent || e, u = await l.assets.getBlockMaterial(o.from) || r.get(o.name);
+    const r = l.assets.componentMap, a = t !== "inner" && e.parent || e, u = await l.assets.getBlockMaterial(a.from) || r.get(a.name);
     if (!u)
       return !1;
-    const { parentIncludes: p = !0, name: m } = s, { childIncludes: f = !0 } = u, b = p === !0 || Array.isArray(p) && p.includes(o.name), h = f === !0 || Array.isArray(f) && f.includes(m);
+    const { parentIncludes: p = !0, name: m } = s, { childIncludes: f = !0 } = u, b = p === !0 || Array.isArray(p) && p.includes(a.name), h = f === !0 || Array.isArray(f) && f.includes(m);
     return b && h;
   }
   dispose() {
@@ -6004,7 +6007,7 @@ class Qa {
     this.setSelected(null), this.setHover(null), this.setDragging(null), e && t && this.unbindEvents(e, t), this.document = null;
   }
 }
-class Xa {
+class Yo {
   constructor(e, t, s = null) {
     this.env = e, this.service = t, this.designer = s, this.nodeChange = this.__onNodeChange.bind(this), this.blockChange = this.__onBlockChange.bind(this);
   }
@@ -6015,18 +6018,18 @@ class Xa {
   context = null;
   install(e) {
     const { library: t, globals: s } = this.env, l = Object.values(t);
-    Object.assign(e.config.globalProperties, s), e.config.errorHandler = (a, r, o) => {
-      const u = r?.$options.name, p = a?.message || a?.msg || "未知错误", m = `[ ${u} ] ${p}`;
+    Object.assign(e.config.globalProperties, s), e.config.errorHandler = (o, r, a) => {
+      const u = r?.$options.name, p = o?.message || o?.msg || "未知错误", m = `[ ${u} ] ${p}`;
       console.error({
-        err: a,
+        err: o,
         instance: r,
-        info: o
+        info: a
       }), Ue.error({
         title: "运行错误",
         message: m
       });
-    }, l.forEach((a) => {
-      (typeof a == "function" || typeof a.install == "function") && e?.use(a);
+    }, l.forEach((o) => {
+      (typeof o == "function" || typeof o.install == "function") && e?.use(o);
     });
   }
   render(e) {
@@ -6034,28 +6037,28 @@ class Xa {
       window: t,
       container: s,
       Vue: l,
-      components: a,
+      components: o,
       library: r,
-      apis: o
+      apis: a
     } = this.env, u = t.document.createElement("div");
     u.id = "app", s.appendChild(u), this.dsl = l.reactive(e.toDsl());
     const p = Un({
       getDsl: async (b) => await this.service.getFile(b) || null,
       options: {
-        mode: at.Design,
+        mode: ot.Design,
         Vue: l,
-        components: a,
+        components: o,
         libs: r,
-        apis: o,
+        apis: a,
         window: t
       }
     }), { renderer: m, context: f } = Hn({
       Vue: l,
-      mode: at.Design,
+      mode: ot.Design,
       dsl: this.dsl,
-      components: a,
+      components: o,
       libs: r,
-      apis: o,
+      apis: a,
       loader: p,
       window: t
     });
@@ -6079,12 +6082,12 @@ class Xa {
     const s = t.children || t.nodes || [];
     if (Array.isArray(s))
       for (let l = 0; l < s.length; l++) {
-        const a = s[l];
-        if (a.id === e.id) {
+        const o = s[l];
+        if (o.id === e.id) {
           s.splice(l, 1, e);
           return;
         } else
-          this.updateChild(e, a);
+          this.updateChild(e, o);
       }
   }
   __onNodeChange(e) {
@@ -6094,7 +6097,7 @@ class Xa {
     this.dispose(), this.render(e), this.designer?.selected.value && this.designer.setSelected(e);
   }
 }
-class Ya extends Ut {
+class ea extends Ut {
   contentWindow = null;
   renderer = null;
   designer = Me(null);
@@ -6109,7 +6112,7 @@ class Ya extends Ut {
   }
   init(e, t) {
     jt(() => {
-      e.value && t.value.length && (this.resetReady(), this.setup(e.value, t.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Qa(
+      e.value && t.value.length && (this.resetReady(), this.setup(e.value, t.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Xo(
         this.engine,
         this.contentWindow,
         t
@@ -6126,9 +6129,9 @@ class Ya extends Ut {
     const l = s.document;
     this.contentWindow = s;
     const {
-      scripts: a,
+      scripts: o,
       css: r,
-      materials: o,
+      materials: a,
       libraryExports: u,
       materialExports: p,
       materialMapLibrary: m
@@ -6151,8 +6154,8 @@ class Ya extends Ut {
             }
          </style>
          ${Gn(r)}
-         ${yt(a)}
          ${yt(o)}
+         ${yt(a)}
        </head>
        <body> 
        </body>
@@ -6166,17 +6169,17 @@ class Ya extends Ut {
   }
   async emitReady(e = [], t = [], s = {}) {
     this.renderer?.dispose(), this.renderer = null;
-    const l = this.contentWindow, { assets: a, service: r, current: o, provider: u } = this.engine, p = u.materials || {}, m = [];
+    const l = this.contentWindow, { assets: o, service: r, current: a, provider: u } = this.engine, p = u.materials || {}, m = [];
     for (const b of t) {
       const h = p[b] ? (await p[b]()).default : l[b];
       m.push(h);
     }
-    a.load(m);
+    o.load(m);
     const f = this.createEnv(e, s, m);
-    this.renderer = new Xa(f, r, this.designer.value), o.value && this.renderer.render(o.value), this.triggerReady();
+    this.renderer = new Yo(f, r, this.designer.value), a.value && this.renderer.render(a.value), this.triggerReady();
   }
   createEnv(e = [], t = {}, s = []) {
-    const l = this.contentWindow, { engine: a } = this, { project: r, assets: o, provider: u } = a, p = e.reduce((y, V) => (y[V] = l[V], y), {}), m = {}, { groups: f, componentMap: b } = o;
+    const l = this.contentWindow, { engine: o } = this, { project: r, assets: a, provider: u } = o, p = e.reduce((y, V) => (y[V] = l[V], y), {}), m = {}, { groups: f, componentMap: b } = a;
     for (const y of f.value) {
       const V = y.names || [], x = p[t[y.library || ""]];
       x && V.forEach((D) => {
@@ -6205,7 +6208,7 @@ class Ya extends Ut {
     this.renderer?.dispose(), this.designer.value?.dispose(), this.contentWindow = null, this.renderer = null, this.designer.value = null;
   }
 }
-class eo {
+class ta {
   constructor(e) {
     this.service = e;
   }
@@ -6226,14 +6229,14 @@ class eo {
   parseGroups(e) {
     const t = [];
     for (let s of e) {
-      const { categories: l, components: a, label: r, name: o, library: u } = s;
-      if (!l || !a)
+      const { categories: l, components: o, label: r, name: a, library: u } = s;
+      if (!l || !o)
         continue;
-      const p = a.map((h) => h.name), m = l.map(
-        (h) => this.getCateoryComponents(h, a)
+      const p = o.map((h) => h.name), m = l.map(
+        (h) => this.getCateoryComponents(h, o)
       ), f = m.reduce((h, d) => d.count + h, 0), b = {
         name: s.name,
-        label: r || o,
+        label: r || a,
         count: f,
         names: p,
         library: u,
@@ -6244,7 +6247,7 @@ class eo {
     return t;
   }
   load(e) {
-    const t = [...Ra, ...e].filter((s) => !!s);
+    const t = [...$o, ...e].filter((s) => !!s);
     t.sort((s, l) => s.order - l.order);
     for (let s of t)
       s.components && (this.components = this.components.concat(s.components));
@@ -6259,7 +6262,7 @@ class eo {
     const s = await this.service.getFile(t);
     if (!s)
       return null;
-    const { id: l, name: a, slots: r, props: o, emits: u } = s, p = (f) => {
+    const { id: l, name: o, slots: r, props: a, emits: u } = s, p = (f) => {
       const b = Array.isArray(f) ? f : [f];
       let h = [];
       for (const d of b)
@@ -6270,10 +6273,10 @@ class eo {
     };
     return {
       id: l,
-      name: a,
+      name: o,
       // 如果没有定义插槽，不能放置子组件
       childIncludes: r?.length ? void 0 : !1,
-      props: (o || []).map((f) => typeof f == "string" ? {
+      props: (a || []).map((f) => typeof f == "string" ? {
         name: f
       } : {
         name: f.name,
@@ -6287,7 +6290,7 @@ class eo {
   }
 }
 const un = Symbol("VtjEngine");
-class Mo extends Ut {
+class Ma extends Ut {
   app;
   skeleton;
   container;
@@ -6307,38 +6310,38 @@ class Mo extends Ut {
       container: t,
       service: s,
       project: l = {},
-      globals: a = {},
+      globals: o = {},
       dependencies: r,
-      materials: o,
+      materials: a,
       materialPath: u = "./"
     } = e;
     this.container = t, this.service = s, this.provider = new Qn({
-      mode: at.Design,
-      globals: a,
+      mode: ot.Design,
+      globals: o,
       project: l,
       service: s,
       dependencies: r,
-      materials: o,
+      materials: a,
       materialPath: u
-    }), this.assets = new eo(this.service), this.simulator = new Ya({
+    }), this.assets = new ta(this.service), this.simulator = new ea({
       engine: this,
       materialPath: u
     }), this.bindEvents(), this.init(l), It(this.render.bind(this)), Rt(this.dispose.bind(this));
   }
   async init(e) {
     const t = await this.service.init(e).catch((s) => (me.warn("VTJEngine service init fail.", s), null));
-    t && (t.dependencies = Ga.merge(t.dependencies || []), this.project.value = new Yn(t), this.saveMaterials(), this.triggerReady());
+    t && (t.dependencies = Ko.merge(t.dependencies || []), this.project.value = new Yn(t), this.saveMaterials(), this.triggerReady());
   }
   render() {
     const e = n(this.container);
     if (e) {
-      const t = $t(to);
+      const t = $t(na);
       t.provide(un, mn(this)), t.mount(e), this.app = t;
     } else
       me.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    q.on(es, (e) => this.saveProject(e)), q.on(ts, (e) => this.saveBlockFile(e)), q.on(ns, (e) => this.saveBlockFile(e)), q.on(ss, () => this.saveMaterials()), q.on(ot, (e) => this.activeFile(e)), q.on(ls, () => this.publish()), q.on(as, () => this.publishCurrent()), q.on(rt, (e) => this.changeFile(e)), q.on(Ie, () => this.changeCurrentFile()), q.on(os, (e) => this.saveHistory(e)), q.on(rs, (e) => this.loadHistory(e));
+    q.on(es, (e) => this.saveProject(e)), q.on(ts, (e) => this.saveBlockFile(e)), q.on(ns, (e) => this.saveBlockFile(e)), q.on(ss, () => this.saveMaterials()), q.on(at, (e) => this.activeFile(e)), q.on(ls, () => this.publish()), q.on(os, () => this.publishCurrent()), q.on(rt, (e) => this.changeFile(e)), q.on(Ie, () => this.changeCurrentFile()), q.on(as, (e) => this.saveHistory(e)), q.on(rs, (e) => this.loadHistory(e));
   }
   async activeFile(e) {
     await Se();
@@ -6375,22 +6378,22 @@ class Mo extends Ut {
     const t = e.type, s = e.model;
     if (t === "create") {
       const l = e.data;
-      s.isPageFile(l) && l.raw ? (await this.service.createRawPage(l), ae(`源码文件已经生成：@/views/${l.id}.vue`, "success")) : l.dsl && await this.service.saveFile(l.dsl);
+      s.isPageFile(l) && l.raw ? (await this.service.createRawPage(l), oe(`源码文件已经生成：/.vtj/vue/${l.id}.vue`, "success")) : l.dsl && await this.service.saveFile(l.dsl);
     }
     if (t === "update") {
       const l = e.data;
       if (s.isPageFile(l) && (l.dir || l.raw))
         return;
-      const a = await this.service.getFile(l.id);
-      a && (a.name = l.name, await this.service.saveFile(a));
+      const o = await this.service.getFile(l.id);
+      o && (o.name = l.name, await this.service.saveFile(o));
     }
     if (t === "delete") {
       const l = e.data;
-      l && s.isPageFile(l) && l.raw ? await this.service.removeRawPage(l.id) : (await this.service.removeFile(l.id), await this.service.removeHistory(l.id));
+      l && s.isPageFile(l) && l.raw ? await this.service.removeRawPage(l.id) : l.dir || (await this.service.removeFile(l.id), await this.service.removeHistory(l.id));
     }
     if (t === "clone") {
-      const { page: l, newPage: a } = e.data, r = await this.service.getFile(l.id);
-      r && (r.id = a.id, r.name = a.name, await this.service.saveFile(r));
+      const { page: l, newPage: o } = e.data, r = await this.service.getFile(l.id);
+      r && (r.id = o.id, r.name = o.name, await this.service.saveFile(r));
     }
     he(this.project);
   }
@@ -6428,8 +6431,8 @@ class Mo extends Ut {
   async loadHistory(e) {
     const t = e.model, s = e.data, l = await this.service.getHistoryItem(t.id, s.id);
     if (l && l.dsl) {
-      const a = new wt(l.dsl);
-      await this.updateCurrent(a), he(this.history);
+      const o = new wt(l.dsl);
+      await this.updateCurrent(o), he(this.history);
     }
   }
   async publish() {
@@ -6439,7 +6442,7 @@ class Mo extends Ut {
         ...e.toDsl(),
         pages: e.getPages()
       };
-      await this.service.publish(t) && ae("整站发布成功", "success");
+      await this.service.publish(t) && oe("整站发布成功", "success");
     }
   }
   async publishCurrent() {
@@ -6449,7 +6452,7 @@ class Mo extends Ut {
         ...e.toDsl(),
         pages: e.getPages()
       };
-      await this.service.publishFile(s, t) && ae("发布成功", "success");
+      await this.service.publishFile(s, t) && oe("发布成功", "success");
     }
   }
   dispose() {
@@ -6459,9 +6462,9 @@ class Mo extends Ut {
     const t = this.project.value, s = this.skeleton?.getRegion("Apps"), l = e || t?.homepage;
     if (!t || !s || !l)
       return;
-    const a = t.getPage(l);
-    a && !a.raw && (s.regionRef?.setActive("Pages"), this.simulator.ready(() => {
-      t.active(a);
+    const o = t.getPage(l);
+    o && !o.raw && (s.regionRef?.setActive("Pages"), this.simulator.ready(() => {
+      t.active(o);
     }));
     const r = t.getBlock(l);
     r && (s.regionRef?.setActive("Blocks"), this.simulator?.ready(() => {
@@ -6515,7 +6518,7 @@ const be = E({
       ref: "widgetRef"
     });
   }
-}), to = E({
+}), na = E({
   name: "SkeletonWrapper",
   setup() {
     const i = w(), e = se(), t = w({});
@@ -6529,7 +6532,7 @@ const be = E({
     this.engine.skeleton = this;
   },
   render() {
-    return xe(no, { ...this.$props, ...this.$attrs, ref: "skeletonRef" });
+    return xe(sa, { ...this.$props, ...this.$attrs, ref: "skeletonRef" });
   },
   methods: {
     /**
@@ -6668,16 +6671,16 @@ const be = E({
       name: t,
       label: s,
       title: l,
-      value: a,
+      value: o,
       computedSetters: r,
-      computedOptions: o,
+      computedOptions: a,
       variable: u,
       changeValue: p,
       defaultSetter: m,
       removable: f,
       onRemove: b
     } = this;
-    return xe(uo, {
+    return xe(ca, {
       context: i,
       current: e,
       name: t,
@@ -6686,9 +6689,9 @@ const be = E({
       setters: r,
       defaultSetter: m,
       variable: u,
-      value: a,
+      value: o,
       removable: f,
-      options: o,
+      options: a,
       onChange: p,
       onRemove: b
     });
@@ -6705,7 +6708,7 @@ const be = E({
       this.$emit("remove", i);
     }
   }
-}), no = /* @__PURE__ */ E({
+}), sa = /* @__PURE__ */ E({
   name: "Skeletion",
   __name: "skeleton",
   props: {
@@ -6715,7 +6718,7 @@ const be = E({
     footerHeight: { default: "20px" }
   },
   setup(i, { expose: e }) {
-    const t = i, s = w(!1), l = w(parseInt(t.leftWidth)), a = w(parseInt(t.rightWidth)), r = {
+    const t = i, s = w(!1), l = w(parseInt(t.leftWidth)), o = w(parseInt(t.rightWidth)), r = {
       dirs: ["e"],
       maxWidth: 600,
       minWidth: 49,
@@ -6725,15 +6728,15 @@ const be = E({
       onEnd(x, D) {
         l.value = D.elementWidth.value;
       }
-    }, o = {
+    }, a = {
       dirs: ["w"],
       maxWidth: 600,
       minWidth: 2,
       onResizing(x, D) {
-        a.value = D.elementWidth.value;
+        o.value = D.elementWidth.value;
       },
       onEnd(x, D) {
-        a.value = D.elementWidth.value;
+        o.value = D.elementWidth.value;
       }
     }, u = w(), p = w(), m = w(), f = w(), b = w(), h = w(), d = w(), k = w(), y = w(!1), V = w(!1);
     return e({
@@ -6747,7 +6750,7 @@ const be = E({
       collapsed: y,
       settable: V,
       leftWidth: l,
-      rightWidth: a,
+      rightWidth: o,
       preview: k,
       isPreview: s
     }), (x, D) => (c(), _(n(Dn), { locale: n(Bn) }, {
@@ -6832,7 +6835,7 @@ const be = E({
                   _: 1
                 }, 8, ["width"])), [
                   [We, V.value],
-                  [n(_t), o]
+                  [n(_t), a]
                 ])
               ]),
               _: 1
@@ -6858,10 +6861,10 @@ const be = E({
       _: 1
     }, 8, ["locale"]));
   }
-}), so = { key: 1 }, lo = { class: "v-setter__content" }, ao = {
+}), la = { key: 1 }, oa = { class: "v-setter__content" }, aa = {
   key: 0,
   class: "v-setter__input"
-}, oo = { class: "v-setter__action" }, ro = "{{", io = "}}", uo = /* @__PURE__ */ E({
+}, ra = { class: "v-setter__action" }, ia = "{{", ua = "}}", ca = /* @__PURE__ */ E({
   __name: "setter",
   props: {
     context: {},
@@ -6878,17 +6881,17 @@ const be = E({
   },
   emits: ["change", "remove"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = w(!1), a = w(""), r = w(
+    const t = i, s = e, l = w(!1), o = w(""), r = w(
       t.setters.find((V) => V.name === t.defaultSetter) || t.setters[0]
-    ), o = w(t.value), u = S(() => !!Pe(o.value)), p = {
-      [r.value.name]: o.value
+    ), a = w(t.value), u = S(() => !!Pe(a.value)), p = {
+      [r.value.name]: a.value
     }, m = (V) => {
-      p[r.value.name] = o.value, r.value = V, o.value = p[V.name] ?? void 0, f(o.value);
+      p[r.value.name] = a.value, r.value = V, a.value = p[V.name] ?? void 0, f(a.value);
     };
     ne(
       () => t.value,
       () => {
-        o.value = t.value;
+        a.value = t.value;
       }
     ), ne(
       () => t.defaultSetter,
@@ -6903,11 +6906,11 @@ const be = E({
     }, b = () => {
       s("remove", t.name);
     }, h = () => {
-      l.value = !0, a.value = Pe(o.value) ? o.value.value : "";
+      l.value = !0, o.value = Pe(a.value) ? a.value.value : "";
     }, d = () => {
-      l.value = !1, a.value = "";
-    }, k = async (V) => Y(V, t.context, !0) ? (p[r.value.name] = o.value, o.value = V, s("change", V), !0) : !1, y = async () => {
-      await Ee("确定要解除绑定吗？") && (d(), o.value = void 0, s("change", ""));
+      l.value = !1, o.value = "";
+    }, k = async (V) => Y(V, t.context, !0) ? (p[r.value.name] = a.value, a.value = V, s("change", V), !0) : !1, y = async () => {
+      await Ee("确定要解除绑定吗？") && (d(), a.value = void 0, s("change", ""));
     };
     return (V, x) => (c(), _(n($n), {
       class: "v-setter",
@@ -6924,19 +6927,19 @@ const be = E({
             H(N(t.label || t.name), 1)
           ]),
           _: 1
-        }, 8, ["content"])) : (c(), j("span", so, N(t.label || t.name), 1))
+        }, 8, ["content"])) : (c(), j("span", la, N(t.label || t.name), 1))
       ]),
       default: g(() => [
-        z("div", lo, [
-          r.value ? (c(), j("div", ao, [
+        z("div", oa, [
+          r.value ? (c(), j("div", aa, [
             u.value ? C("", !0) : (c(), _(At(r.value.component), ue({
               key: 0,
               current: t.current,
               context: t.context
             }, r.value.props, {
               options: t.options,
-              modelValue: o.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (D) => o.value = D),
+              modelValue: a.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (D) => a.value = D),
               onChange: f,
               disabled: u.value
             }), null, 16, ["current", "context", "options", "modelValue", "disabled"])),
@@ -6947,15 +6950,15 @@ const be = E({
               "model-value": "JSExpression"
             }, {
               prefix: g(() => [
-                H(N(ro))
+                H(N(ia))
               ]),
               suffix: g(() => [
-                H(N(io))
+                H(N(ua))
               ]),
               _: 1
             })) : C("", !0)
           ])) : C("", !0),
-          z("div", oo, [
+          z("div", ra, [
             t.variable ? (c(), _(n(zs), {
               key: 0,
               onClick: h,
@@ -7002,11 +7005,11 @@ const be = E({
             })) : C("", !0)
           ])
         ]),
-        l.value ? (c(), _(n(na), {
+        l.value ? (c(), _(n(no), {
           key: 0,
           current: t.current,
           context: t.context,
-          value: a.value,
+          value: o.value,
           modelValue: l.value,
           "onUpdate:modelValue": x[1] || (x[1] = (D) => l.value = D),
           submitMethod: k,
@@ -7016,16 +7019,16 @@ const be = E({
       _: 1
     }));
   }
-}), co = { class: "v-empty-region" }, po = /* @__PURE__ */ E({
+}), da = { class: "v-empty-region" }, pa = /* @__PURE__ */ E({
   name: "EmptyRegion",
   __name: "empty",
   props: {
     region: {}
   },
   setup(i) {
-    return (e, t) => (c(), j("div", co, "找不到符合【" + N(e.region) + "】名称的区域组件", 1));
+    return (e, t) => (c(), j("div", da, "找不到符合【" + N(e.region) + "】名称的区域组件", 1));
   }
-}), mo = { class: "v-brand-region" }, vo = /* @__PURE__ */ E({
+}), ma = { class: "v-brand-region" }, va = /* @__PURE__ */ E({
   name: "BrandRegion",
   inheritAttrs: !1,
   __name: "brand",
@@ -7037,17 +7040,17 @@ const be = E({
     return e({
       widgets: s,
       widgetsRef: l
-    }), (a, r) => (c(), j("div", mo, [
-      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(we), {
+    }), (o, r) => (c(), j("div", ma, [
+      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: a.region,
-        widget: o
+        region: o.region,
+        widget: a
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), fo = { class: "v-toolbar-region" }, go = /* @__PURE__ */ E({
+}), fa = { class: "v-toolbar-region" }, ga = /* @__PURE__ */ E({
   name: "ToolbarRegion",
   __name: "toolbar",
   props: {
@@ -7059,18 +7062,18 @@ const be = E({
     return e({
       widgets: s,
       widgetsRef: l
-    }), (a, r) => (c(), j("div", fo, [
-      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(we), {
+    }), (o, r) => (c(), j("div", fa, [
+      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: a.region,
-        widget: o,
-        preview: a.preview
+        region: o.region,
+        widget: a,
+        preview: o.preview
       }, null, 8, ["region", "widget", "preview"]))), 256))
     ]));
   }
-}), ho = { class: "v-actions-region" }, bo = /* @__PURE__ */ E({
+}), ha = { class: "v-actions-region" }, ba = /* @__PURE__ */ E({
   name: "ActionsRegion",
   inheritAttrs: !1,
   __name: "actions",
@@ -7082,17 +7085,17 @@ const be = E({
     return e({
       widgets: s,
       widgetsRef: l
-    }), (a, r) => (c(), j("div", ho, [
-      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(we), {
+    }), (o, r) => (c(), j("div", ha, [
+      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: a.region,
-        widget: o
+        region: o.region,
+        widget: a
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), _o = { class: "v-apps-region" }, yo = { class: "v-apps-region__header" }, ko = { class: "v-apps-region__top" }, wo = { class: "v-apps-region__bottom" }, So = { class: "v-apps-region__panels" }, Vo = /* @__PURE__ */ E({
+}), _a = { class: "v-apps-region" }, ya = { class: "v-apps-region__header" }, ka = { class: "v-apps-region__top" }, wa = { class: "v-apps-region__bottom" }, Sa = { class: "v-apps-region__panels" }, Va = /* @__PURE__ */ E({
   name: "AppsRegion",
   inheritAttrs: !1,
   __name: "apps",
@@ -7101,7 +7104,7 @@ const be = E({
     index: { default: 0 }
   },
   setup(i, { expose: e }) {
-    const t = i, s = se(), { widgets: l, widgetsRef: a } = ke(t.region), r = S(() => l.value.filter((d) => d.openType === "panel")), o = S(() => l.value.filter((d) => d.openType !== "panel")), u = r.value[t.index], p = w(u), m = w(u), f = (d) => {
+    const t = i, s = se(), { widgets: l, widgetsRef: o } = ke(t.region), r = S(() => l.value.filter((d) => d.openType === "panel")), a = S(() => l.value.filter((d) => d.openType !== "panel")), u = r.value[t.index], p = w(u), m = w(u), f = (d) => {
       p.value = d, m.value = m.value?.name === d.name ? null : d;
     }, b = (d) => {
       d.openType === "link" && d.url && window.open(d.url), d.openType === "dialog" && zn({
@@ -7115,14 +7118,14 @@ const be = E({
       s.skeleton?.toggleCollapse(!d);
     }), e({
       widgets: l,
-      widgetsRef: a,
+      widgetsRef: o,
       setActive: (d) => {
         const k = r.value.find((y) => y.name === d);
         p.value = k, m.value = k;
       }
-    }), (d, k) => (c(), j("div", _o, [
-      z("div", yo, [
-        z("div", ko, [
+    }), (d, k) => (c(), j("div", _a, [
+      z("div", ya, [
+        z("div", ka, [
           (c(!0), j($, null, B(r.value, (y) => (c(), _(n(Ct), {
             key: `icon-${y.name}`,
             icon: y.icon,
@@ -7132,8 +7135,8 @@ const be = E({
             onClick: (V) => f(y)
           }, null, 8, ["icon", "label", "active", "open", "onClick"]))), 128))
         ]),
-        z("div", wo, [
-          (c(!0), j($, null, B(o.value, (y) => (c(), _(n(Ct), {
+        z("div", wa, [
+          (c(!0), j($, null, B(a.value, (y) => (c(), _(n(Ct), {
             key: `icon-${y.name}`,
             icon: y.icon,
             label: y.label,
@@ -7141,7 +7144,7 @@ const be = E({
           }, null, 8, ["icon", "label", "onClick"]))), 128))
         ])
       ]),
-      z("div", So, [
+      z("div", Sa, [
         (c(!0), j($, null, B(r.value, (y) => (c(), _(Bt, {
           key: y.name
         }, [
@@ -7149,7 +7152,7 @@ const be = E({
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
-            ref: a,
+            ref: o,
             region: d.region,
             widget: y
           }, null, 8, ["region", "widget"])) : C("", !0)
@@ -7157,14 +7160,14 @@ const be = E({
       ])
     ]));
   }
-}), xo = /* @__PURE__ */ E({
+}), xa = /* @__PURE__ */ E({
   name: "WorkspaceRegion",
   __name: "workspace",
   props: {
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region), a = Re(
+    const t = i, { widgets: s, widgetsRef: l } = ke(t.region), o = Re(
       s.value.map((h) => ({
         name: h.name,
         command: h.name,
@@ -7173,14 +7176,14 @@ const be = E({
         props: h.props || {},
         checked: !h.closable
       }))
-    ), r = S(() => a.filter((h) => !h.closable || h.checked)), o = S(() => a.map((h) => ({
+    ), r = S(() => o.filter((h) => !h.closable || h.checked)), a = S(() => o.map((h) => ({
       ...h,
       disabled: !h.closable
-    }))), u = w(r.value[0]?.name), p = S(() => a.find((d) => d.name === u.value)?.props || {}), m = (h) => {
-      const d = a.find((k) => k.name === h);
+    }))), u = w(r.value[0]?.name), p = S(() => o.find((d) => d.name === u.value)?.props || {}), m = (h) => {
+      const d = o.find((k) => k.name === h);
       d && (d.checked = !1), u.value === h && (u.value = r.value[0]?.name);
     }, f = (h) => {
-      const d = a.find((k) => k.name === h.name);
+      const d = o.find((k) => k.name === h.name);
       d && d.closable && (d.checked = !d.checked, d.checked && (u.value = d.name), !d.checked && u.value === d.name && (u.value = r.value[0]?.name));
     };
     return e({
@@ -7188,13 +7191,13 @@ const be = E({
       widgets: s,
       widgetsRef: l,
       openTab: (h, d = {}) => {
-        const k = a.find((y) => y.name === h);
+        const k = o.find((y) => y.name === h);
         k && (k.props = Object.assign({}, k.props, d), k.checked = !0, u.value = k.name);
       }
     }), (h, d) => (c(), _(n(Ke), {
       class: "v-workspace-region",
       items: r.value,
-      menus: o.value,
+      menus: a.value,
       modelValue: u.value,
       "onUpdate:modelValue": d[0] || (d[0] = (k) => u.value = k),
       checkable: "",
@@ -7218,26 +7221,26 @@ const be = E({
       _: 1
     }, 8, ["items", "menus", "modelValue"]));
   }
-}), Co = /* @__PURE__ */ E({
+}), Ca = /* @__PURE__ */ E({
   name: "SettingsRegion",
   __name: "settings",
   props: {
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, s = se(), { current: l } = te(), { selected: a, isSelectBlock: r } = fe(), o = S(
-      () => r.value ? oe.Block : oe.Node
-    ), { widgets: u, widgetsRef: p } = ke(t.region, o), m = S(() => u.value.map((d) => ({
+    const t = i, s = se(), { current: l } = te(), { selected: o, isSelectBlock: r } = fe(), a = S(
+      () => r.value ? ae.Block : ae.Node
+    ), { widgets: u, widgetsRef: p } = ke(t.region, a), m = S(() => u.value.map((d) => ({
       name: d.name,
       label: d.label
     }))), f = w(""), b = S(() => {
-      const d = a.value?.model;
+      const d = o.value?.model;
       return d ? s.assets.componentMap.get(d.name)?.doc : null;
     });
     ne(l, (d) => {
       s.skeleton?.settable(!!d);
     }), ne(
-      o,
+      a,
       () => {
         f.value = m.value[0]?.name;
       },
@@ -7261,7 +7264,7 @@ const be = E({
       direction: "column"
     }, {
       default: g(() => [
-        n(a) ? (c(), _(n(O), {
+        n(o) ? (c(), _(n(O), {
           key: 0,
           flex: "",
           justify: "space-between",
@@ -7273,8 +7276,8 @@ const be = E({
               default: g(() => [
                 v(n(Yt)),
                 z("span", null, [
-                  H(N(n(a)?.model.name) + ": ", 1),
-                  z("i", null, N(n(a)?.model.id), 1)
+                  H(N(n(o)?.model.name) + ": ", 1),
+                  z("i", null, N(n(o)?.model.id), 1)
                 ])
               ]),
               _: 1
@@ -7293,7 +7296,7 @@ const be = E({
           ]),
           _: 1
         })) : C("", !0),
-        n(a) && !n(a).model.locked ? (c(), _(n(O), {
+        n(o) && !n(o).model.locked ? (c(), _(n(O), {
           key: 1,
           grow: "",
           padding: !1
@@ -7325,11 +7328,11 @@ const be = E({
           ]),
           _: 1
         })) : C("", !0),
-        n(a) ? C("", !0) : (c(), _(n(Z), {
+        n(o) ? C("", !0) : (c(), _(n(Z), {
           key: 2,
           description: "请在左侧画布选中节点"
         })),
-        n(a) && n(a).model.locked ? (c(), _(n(Z), {
+        n(o) && n(o).model.locked ? (c(), _(n(Z), {
           key: 3,
           "image-size": 1,
           description: "节点已被锁定, 禁止编辑"
@@ -7338,7 +7341,7 @@ const be = E({
       _: 1
     })) : C("", !0);
   }
-}), Eo = { class: "v-status-region" }, jo = /* @__PURE__ */ E({
+}), Ea = { class: "v-status-region" }, ja = /* @__PURE__ */ E({
   name: "StatusRegion",
   inheritAttrs: !1,
   __name: "status",
@@ -7350,24 +7353,24 @@ const be = E({
     return e({
       widgets: s,
       widgetsRef: l
-    }), (a, r) => (c(), j("div", Eo, [
-      (c(!0), j($, null, B(n(s), (o) => (c(), _(n(we), {
+    }), (o, r) => (c(), j("div", Ea, [
+      (c(!0), j($, null, B(n(s), (a) => (c(), _(n(we), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: l,
-        region: a.region,
-        widget: o
+        region: o.region,
+        widget: a
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), Ao = /* @__PURE__ */ E({
+}), Aa = /* @__PURE__ */ E({
   name: "PreviewRegion",
   __name: "preview",
   props: {
     region: {}
   },
   setup(i, { expose: e }) {
-    const t = i, { widgets: s, widgetsRef: l } = ke(t.region), a = Re(
+    const t = i, { widgets: s, widgetsRef: l } = ke(t.region), o = Re(
       s.value.map((u) => ({
         name: u.name,
         command: u.name,
@@ -7375,22 +7378,22 @@ const be = E({
         closable: !!u.closable,
         checked: !1
       }))
-    ), r = S(() => a.filter((u) => !u.closable || u.checked)), o = w(r.value[0]?.name);
+    ), r = S(() => o.filter((u) => !u.closable || u.checked)), a = w(r.value[0]?.name);
     return e({
-      currentTab: o,
+      currentTab: a,
       widgets: s,
       widgetsRef: l
     }), (u, p) => (c(), _(n(Ke), {
       class: "v-workspace-region",
       items: r.value,
-      modelValue: o.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (m) => o.value = m)
+      modelValue: a.value,
+      "onUpdate:modelValue": p[0] || (p[0] = (m) => a.value = m)
     }, {
       default: g(() => [
         (c(!0), j($, null, B(n(s), (m) => (c(), _(Bt, {
           key: m.name
         }, [
-          o.value === m.name ? (c(), _(n(we), {
+          a.value === m.name ? (c(), _(n(we), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -7404,26 +7407,26 @@ const be = E({
     }, 8, ["items", "modelValue"]));
   }
 }), Et = {
-  EmptyRegion: po,
-  Brand: vo,
-  Toolbar: go,
-  Actions: bo,
-  Apps: Vo,
-  Workspace: xo,
-  Settings: Co,
-  Status: jo,
-  Preview: Ao
+  EmptyRegion: pa,
+  Brand: va,
+  Toolbar: ga,
+  Actions: ba,
+  Apps: Va,
+  Workspace: xa,
+  Settings: Ca,
+  Status: ja,
+  Preview: Aa
 };
 export {
   Us as API_METHOD_TYPES,
-  eo as Assets,
+  ta as Assets,
   ft as Binder,
   ut as Box,
-  Qa as Designer,
+  Xo as Designer,
   Hs as EVENT_MODIFIERS,
   K as Editor,
-  Mo as Engine,
-  sa as EventBinder,
+  Ma as Engine,
+  so as EventBinder,
   Ct as Icon,
   X as Item,
   Js as KEYBOARD_EVENT_LIST,
@@ -7434,31 +7437,31 @@ export {
   W as Panel,
   qs as RegionType,
   be as RegionWrapper,
-  Xa as Renderer,
-  uo as SetterView,
+  Yo as Renderer,
+  ca as SetterView,
   _e as SetterWrapper,
-  Ya as Simulator,
-  no as Skeleton,
-  to as SkeletonWrapper,
+  ea as Simulator,
+  sa as Skeleton,
+  na as SkeletonWrapper,
   Bl as SlotsPicker,
   Ke as Tabs,
   Ws as VTJ_DESIGNER_VERSION,
-  na as VariableBinder,
+  no as VariableBinder,
   Rl as Viewer,
-  on as Viewport,
-  oe as WidgetGroup,
+  an as Viewport,
+  ae as WidgetGroup,
   we as WidgetWrapper,
-  Aa as builtInDeps,
-  Ra as builtInMaterials,
-  Ua as builtInSetters,
-  ja as builtInWidgets,
+  Do as builtInDeps,
+  $o as builtInMaterials,
+  Ho as builtInSetters,
+  Ao as builtInWidgets,
   Ee as confirm,
-  Za as createSlotsPicker,
-  Ja as defaultSetter,
-  Ga as depsManager,
+  Qo as createSlotsPicker,
+  Uo as defaultSetter,
+  Ko as depsManager,
   un as engineKey,
   Y as expressionValidate,
-  ae as message,
+  oe as message,
   Q as notify,
   Et as regions,
   Oe as setterManager,