@vtj/designer 0.8.143 → 0.8.145

package/dist/index.mjs

@@ -1,23 +1,23 @@
-var qn = Object.defineProperty;
-var Hn = (u, e, t) => e in u ? qn(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
-var $ = (u, e, t) => Hn(u, typeof e != "symbol" ? e + "" : e, t);
-import { computed as S, unref as n, ref as k, reactive as Ke, watchEffect as Gn, watch as J, toValue as vt, defineComponent as E, openBlock as p, createElementBlock as j, toDisplayString as F, createVNode as v, withCtx as b, createElementVNode as V, createBlock as y, createCommentVNode as A, createTextVNode as K, readonly as Xn, getCurrentScope as Kn, onScopeDispose as Qn, onMounted as st, nextTick as ke, getCurrentInstance as nn, shallowRef as Ue, toRaw as ln, Fragment as O, renderList as L, normalizeClass as X, resolveDynamicComponent as sn, createSlots as Yn, withDirectives as Pe, vShow as Te, renderSlot as Ce, withModifiers as Je, isRef as gt, mergeProps as ie, normalizeStyle as et, defineAsyncComponent as Zn, h as Oe, inject as Ct, provide as el, normalizeProps as an, guardReactiveProps as on, withKeys as tt, onUnmounted as rn, markRaw as ft, createApp as un, shallowReactive as tl, triggerRef as je, KeepAlive as cn } from "vue";
-import { ElNotification as Vt, ElMessageBox as At, ElMessage as Qe, ElButton as ae, ElDivider as jt, ElRadioGroup as dn, ElRadioButton as nt, ElButtonGroup as nl, ElDropdown as pn, ElDropdownMenu as mn, ElDropdownItem as ht, ElInput as _e, ElEmpty as oe, ElAlert as Et, ElTooltip as vn, ElTag as ll, ElSwitch as gn, ElTree as Pt, ElRow as bt, ElCol as yt, ElCollapse as sl, ElCollapseItem as al, ElDrawer as fn, ElForm as fe, ElFormItem as hn, ElBreadcrumb as ol, ElBreadcrumbItem as rl, ElLoading as il, ElSelect as ul, ElOption as cl, ElInputNumber as dl, ElColorPicker as pl, ElUpload as ml, ElSlider as vl, ElConfigProvider as gl, ElContainer as Lt, ElHeader as fl, ElAside as Nt, ElMain as hl, ElFooter as bl } from "element-plus";
+var Hn = Object.defineProperty;
+var qn = (u, e, t) => e in u ? Hn(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var $ = (u, e, t) => qn(u, typeof e != "symbol" ? e + "" : e, t);
+import { computed as S, unref as n, ref as k, reactive as Ke, watchEffect as Gn, watch as J, toValue as vt, defineComponent as E, openBlock as p, createElementBlock as j, toDisplayString as F, createVNode as v, withCtx as b, createElementVNode as V, createBlock as y, createCommentVNode as A, createTextVNode as K, readonly as Xn, getCurrentScope as Kn, onScopeDispose as Qn, onMounted as st, nextTick as ke, getCurrentInstance as nn, shallowRef as Ue, toRaw as ln, Fragment as O, renderList as L, normalizeClass as X, resolveDynamicComponent as sn, createSlots as Yn, withDirectives as De, vShow as Te, renderSlot as Ce, withModifiers as Je, isRef as gt, mergeProps as ie, normalizeStyle as et, defineAsyncComponent as Zn, h as Oe, inject as Ct, provide as el, normalizeProps as an, guardReactiveProps as on, withKeys as tt, onUnmounted as rn, markRaw as ft, createApp as un, shallowReactive as tl, triggerRef as je, KeepAlive as cn } from "vue";
+import { ElNotification as Vt, ElMessageBox as At, ElMessage as Qe, ElButton as ae, ElDivider as jt, ElRadioGroup as dn, ElRadioButton as nt, ElButtonGroup as nl, ElDropdown as pn, ElDropdownMenu as mn, ElDropdownItem as ht, ElInput as _e, ElEmpty as oe, ElAlert as Et, ElTooltip as vn, ElTag as ll, ElSwitch as gn, ElTree as Dt, ElRow as bt, ElCol as yt, ElCollapse as sl, ElCollapseItem as al, ElDrawer as fn, ElForm as fe, ElFormItem as hn, ElBreadcrumb as ol, ElBreadcrumbItem as rl, ElLoading as il, ElSelect as ul, ElOption as cl, ElInputNumber as dl, ElColorPicker as pl, ElUpload as ml, ElSlider as vl, ElConfigProvider as gl, ElContainer as Lt, ElHeader as fl, ElAside as Nt, ElMain as hl, ElFooter as bl } from "element-plus";
 import yl from "element-plus/es/locale/lang/zh-cn";
-import { XIcon as Se, XDialog as Be, XDialogForm as Ae, XField as T, XPanel as at, XAction as be, XTabs as Dt, XContainer as U, XForm as It, XAttachment as _l, XActionBar as wl, XInputUnit as bn, vResizable as Jt, createDialog as kl } from "@vtj/ui";
+import { XIcon as Se, XDialog as Be, XDialogForm as Ae, XField as T, XPanel as at, XAction as be, XTabs as Pt, XContainer as U, XForm as It, XAttachment as _l, XActionBar as wl, XInputUnit as bn, vResizable as Jt, createDialog as kl } from "@vtj/ui";
 import { delay as Tt, upperFirstCamelCase as yn, toRawType as dt, cloneDeep as ot, logger as Ve, isPlainObject as Sl, fileToBase64 as xl, merge as Bt, debounce as Cl, arrayToMap as Vl, toArray as Al } from "@vtj/utils";
-import { isBlock as te, DirectiveModel as _n, createNodeFrom as jl, BUILT_IN_VUE as El, BUILT_IN_VUE_ROUTER as Pl, BUILT_IN_NAME as _t, emitter as ne, EVENT_PROJECT_ACTIVED as wt, EVENT_NODE_CHANGE as qe, NodeModel as Mt, EVENT_BLOCK_CHANGE as kt, Base as wn, BUILT_IN_LIBRARAY_MAP as Dl, ProjectModel as Il, EVENT_PROJECT_CHANGE as Tl, EVENT_PROJECT_BLOCKS_CHANGE as Bl, EVENT_PROJECT_PAGES_CHANGE as Rl, EVENT_PROJECT_DEPS_CHANGE as $l, EVENT_PROJECT_PUBLISH as Ol, EVENT_PROJECT_FILE_PUBLISH as zl, EVENT_HISTORY_CHANGE as Fl, EVENT_HISTORY_LOAD as Wl, BlockModel as Ut, HistoryModel as Ll } from "@vtj/core";
-import { parseExpression as He, parseFunction as Nl, JSCodeToString as ze, LIFE_CYCLES_LIST as Jl, DATA_TYPES as Ml, isJSExpression as Ge, ContextMode as kn, parseDeps as Ul, createAssetsCss as ql, createAssetScripts as qt, getRawComponent as Ht, createSchemaApis as Hl, mockCleanup as Gl, mockApis as Xl, Provider as Kl, isJSFunction as Ql } from "@vtj/renderer";
-import { VtjIconBack as Yl, VtjIconPc as Zl, VtjIconPhone as es, VtjIconPad as ts, VtjIconUndo as ns, VtjIconRedo as ls, VtjIconPreview as ss, VtjIconRefresh as as, VtjIconSetting as Sn, icons as St, ArrowDown as xn, Search as Rt, CopyDocument as os, Back as rs, VtjIconPlus as Cn, EditPen as is, Delete as us, VtjIconSave as cs, ArrowUp as ds, MoreFilled as $t, VtjIconCheck as Vn, VtjIconCopy as An, VtjIconEdit as jn, VtjIconRemove as rt, VtjIconLock as En, VtjIconUnlock as ps, VtjIconInvisible as Pn, VtjIconVisible as ms, VtjIconHome as vs, Files as gs, VtjIconSearch as fs, VtjIconHelp as Dn, VtjIconLayers as In, Rank as hs, VtjIconArrowUp as bs, VtjIconArrowDown as ys, IconDisplayBlock as _s, IconDisplayFlex as ws, IconDisplayInlineBlock as ks, IconDisplayInline as Ss, IconEyeInvisible as xs, IconFlexDirectionrow as Cs, IconFlexDirectionrowReverse as Vs, IconFlexDirectioncolumn as As, IconFlexDirectioncolumnReverse as js, IconFlexJustifyflexStartrow as Es, IconFlexJustifyflexEndrow as Ps, IconFlexJustifycenterrow as Ds, IconFlexJustifyspaceBetweenrow as Is, IconFlexJustifyspaceAroundrow as Ts, IconFlexAlignflexStartrow as Bs, IconFlexAlignflexEndrow as Rs, IconFlexAligncenterrow as $s, IconFlexAlignbaselinerow as Os, IconFlexAlignstretchrow as zs, IconPositionTopLeft as Fs, IconPositionTopRight as Ws, IconPositionBottomLeft as Ls, IconPositionBottomRight as Ns, IconPositionLeft as Js, IconPositionRight as Ms, IconPositionTop as Us, IconPositionBottom as qs, IconPositionAll as Hs, IconTextAlignLeft as Gs, IconTextAlignCenter as Xs, IconTextAlignRight as Ks, IconTextAlignJustify as Qs, IconFontStyleNone as Ys, IconFontStyleItalic as Zs, IconCross as Tn, IconTextDecorationUnderline as ea, IconTextDecorationStrike as ta, IconTextDecorationOverline as na, IconTileXy as la, IconTileX as sa, IconTileY as aa, IconClose as oa, IconBorderAll as ra, IconBorderLeft as ia, IconBorderTop as ua, IconBorderBottom as ca, IconBorderRight as da, IconBorderStyleSolid as pa, IconBorderStyleDashed as ma, IconBorderStyleDotted as va, IconCursorAuto as ga, IconCursorPointer as fa, IconCursorNotAllowed as ha, IconCursorNone as ba, ArrowRight as ya, VtjIconDocument as _a, VtjIconComponents as wa, VtjIconBlock as ka, VtjIconOutline as Sa, VtjIconHistory as xa, VtjIconApi as Ca, VtjIconCategory as Va, VtjIconInfo as Aa, HomeFilled as ja, Plus as Ea, Close as Pa, VtjIconVars as Da, VtjIconSwitch as Ia, Switch as Ta } from "@vtj/icons";
+import { isBlock as te, DirectiveModel as _n, createNodeFrom as jl, BUILT_IN_VUE as El, BUILT_IN_VUE_ROUTER as Dl, BUILT_IN_NAME as _t, emitter as ne, EVENT_PROJECT_ACTIVED as wt, EVENT_NODE_CHANGE as He, NodeModel as Mt, EVENT_BLOCK_CHANGE as kt, Base as wn, BUILT_IN_LIBRARAY_MAP as Pl, ProjectModel as Il, EVENT_PROJECT_CHANGE as Tl, EVENT_PROJECT_BLOCKS_CHANGE as Bl, EVENT_PROJECT_PAGES_CHANGE as Rl, EVENT_PROJECT_DEPS_CHANGE as $l, EVENT_PROJECT_PUBLISH as Ol, EVENT_PROJECT_FILE_PUBLISH as zl, EVENT_HISTORY_CHANGE as Fl, EVENT_HISTORY_LOAD as Wl, BlockModel as Ut, HistoryModel as Ll } from "@vtj/core";
+import { parseExpression as qe, parseFunction as Nl, JSCodeToString as ze, LIFE_CYCLES_LIST as Jl, DATA_TYPES as Ml, isJSExpression as Ge, ContextMode as kn, parseDeps as Ul, createAssetsCss as Hl, createAssetScripts as Ht, getRawComponent as qt, createSchemaApis as ql, mockCleanup as Gl, mockApis as Xl, Provider as Kl, isJSFunction as Ql } from "@vtj/renderer";
+import { VtjIconBack as Yl, VtjIconPc as Zl, VtjIconPhone as es, VtjIconPad as ts, VtjIconUndo as ns, VtjIconRedo as ls, VtjIconPreview as ss, VtjIconRefresh as as, VtjIconSetting as Sn, icons as St, ArrowDown as xn, Search as Rt, CopyDocument as os, Back as rs, VtjIconPlus as Cn, EditPen as is, Delete as us, VtjIconSave as cs, ArrowUp as ds, MoreFilled as $t, VtjIconCheck as Vn, VtjIconCopy as An, VtjIconEdit as jn, VtjIconRemove as rt, VtjIconLock as En, VtjIconUnlock as ps, VtjIconInvisible as Dn, VtjIconVisible as ms, VtjIconHome as vs, Files as gs, VtjIconSearch as fs, VtjIconHelp as Pn, VtjIconLayers as In, Rank as hs, VtjIconArrowUp as bs, VtjIconArrowDown as ys, IconDisplayBlock as _s, IconDisplayFlex as ws, IconDisplayInlineBlock as ks, IconDisplayInline as Ss, IconEyeInvisible as xs, IconFlexDirectionrow as Cs, IconFlexDirectionrowReverse as Vs, IconFlexDirectioncolumn as As, IconFlexDirectioncolumnReverse as js, IconFlexJustifyflexStartrow as Es, IconFlexJustifyflexEndrow as Ds, IconFlexJustifycenterrow as Ps, IconFlexJustifyspaceBetweenrow as Is, IconFlexJustifyspaceAroundrow as Ts, IconFlexAlignflexStartrow as Bs, IconFlexAlignflexEndrow as Rs, IconFlexAligncenterrow as $s, IconFlexAlignbaselinerow as Os, IconFlexAlignstretchrow as zs, IconPositionTopLeft as Fs, IconPositionTopRight as Ws, IconPositionBottomLeft as Ls, IconPositionBottomRight as Ns, IconPositionLeft as Js, IconPositionRight as Ms, IconPositionTop as Us, IconPositionBottom as Hs, IconPositionAll as qs, IconTextAlignLeft as Gs, IconTextAlignCenter as Xs, IconTextAlignRight as Ks, IconTextAlignJustify as Qs, IconFontStyleNone as Ys, IconFontStyleItalic as Zs, IconCross as Tn, IconTextDecorationUnderline as ea, IconTextDecorationStrike as ta, IconTextDecorationOverline as na, IconTileXy as la, IconTileX as sa, IconTileY as aa, IconClose as oa, IconBorderAll as ra, IconBorderLeft as ia, IconBorderTop as ua, IconBorderBottom as ca, IconBorderRight as da, IconBorderStyleSolid as pa, IconBorderStyleDashed as ma, IconBorderStyleDotted as va, IconCursorAuto as ga, IconCursorPointer as fa, IconCursorNotAllowed as ha, IconCursorNone as ba, ArrowRight as ya, VtjIconDocument as _a, VtjIconComponents as wa, VtjIconBlock as ka, VtjIconOutline as Sa, VtjIconHistory as xa, VtjIconApi as Ca, VtjIconCategory as Va, VtjIconInfo as Aa, HomeFilled as ja, Plus as Ea, Close as Da, VtjIconVars as Pa, VtjIconSwitch as Ia, Switch as Ta } from "@vtj/icons";
 import Ba from "mockjs";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.143
+ * @version 0.8.145
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ra = "0.8.143", Gt = {
+const Ra = "0.8.145", Gt = {
   width: 390,
   height: 844
 }, Xt = {
@@ -57,7 +57,7 @@ function Bn() {
     meta: l
   };
 }
-function De(u, e) {
+function Pe(u, e) {
   const t = S(() => Mn.getWidgets(n(u), n(e)).filter((s) => !s.invisible)), l = k();
   return {
     widgets: t,
@@ -134,7 +134,7 @@ function ue() {
     context: t
   };
 }
-function qa(u, e, t, l, s) {
+function Ha(u, e, t, l, s) {
   const a = de();
   a.simulator.init(u, e, t, l, s);
   const o = S(() => a.simulator.designer.value), r = S(
@@ -153,7 +153,7 @@ function qa(u, e, t, l, s) {
     selected: g
   };
 }
-function Ha(u, e = !0) {
+function qa(u, e = !0) {
   const { top: t, height: l, width: s, left: a } = u || {};
   if (l > 100 && s > 200)
     return "inner";
@@ -190,7 +190,7 @@ function pt(u, e) {
   return {
     ...e,
     style: o,
-    position: Ha(e.rect, u !== "selected")
+    position: qa(e.rect, u !== "selected")
   };
 }
 function xe() {
@@ -359,7 +359,7 @@ function re(u, e, t = !1) {
   let l = !0;
   const s = Qa(e);
   try {
-    u.type === "JSExpression" ? He(u, s, t, !0) : Nl(u, s, t, !0);
+    u.type === "JSExpression" ? qe(u, s, t, !0) : Nl(u, s, t, !0);
   } catch (a) {
     l = !1, Vt.error({
       title: "代码错误",
@@ -1024,7 +1024,7 @@ function Xe(u, e = { width: 0, height: 0 }, t = {}) {
     stop: d
   };
 }
-const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" }, Do = { class: "v-icon-setter__list" }, Fn = /* @__PURE__ */ E({
+const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" }, Po = { class: "v-icon-setter__list" }, Fn = /* @__PURE__ */ E({
   name: "IconSetter",
   __name: "icon",
   props: {
@@ -1086,7 +1086,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           })
         ]),
         default: b(() => [
-          V("div", Po, [
+          V("div", Do, [
             v(n(_e), {
               size: t.size,
               "prefix-icon": n(Rt),
@@ -1095,7 +1095,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
               "onUpdate:modelValue": c[0] || (c[0] = (_) => o.value = _),
               placeholder: "请输入查询关键字"
             }, null, 8, ["size", "prefix-icon", "modelValue"]),
-            V("div", Do, [
+            V("div", Po, [
               (p(!0), j(O, null, L(i.value, (_) => (p(), y(n(Se), {
                 icon: _[1],
                 onClick: (w) => g(_[0]),
@@ -1256,7 +1256,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       _: 1
     }, 8, ["content"]));
   }
-}), H = /* @__PURE__ */ E({
+}), q = /* @__PURE__ */ E({
   name: "VPanel",
   __name: "panel",
   props: {
@@ -1338,7 +1338,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           title: "保存",
           onClick: d
         }, null, 8, ["size", "icon"])) : A("", !0),
-        t.collapsable ? Pe((p(), y(n(be), {
+        t.collapsable ? De((p(), y(n(be), {
           key: 4,
           size: h.$attrs.size,
           mode: "icon",
@@ -1349,7 +1349,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         }, null, 8, ["size", "icon"])), [
           [Te, s.value]
         ]) : A("", !0),
-        t.collapsable ? Pe((p(), y(n(be), {
+        t.collapsable ? De((p(), y(n(be), {
           key: 5,
           size: h.$attrs.size,
           mode: "icon",
@@ -1421,7 +1421,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     }, {
       header: b(() => [
         V("div", To, [
-          v(n(Dt), {
+          v(n(Pt), {
             class: "v-tabs__tabs",
             items: t.items,
             type: "card",
@@ -1520,7 +1520,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       },
       invisible: {
         label: "隐藏",
-        icon: Pn
+        icon: Dn
       },
       visible: {
         label: "显示",
@@ -1741,7 +1741,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       l("pick", d.path);
     };
     return (d, m) => (p(), j("div", Wo, [
-      d.context ? (p(), y(n(Pt), {
+      d.context ? (p(), y(n(Dt), {
         key: 0,
         lazy: "",
         load: r,
@@ -1851,7 +1851,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
                       flex: !1
                     }, {
                       default: b(() => [
-                        Pe(V("div", null, [
+                        De(V("div", null, [
                           v(n(_e), {
                             modelValue: n(a),
                             "onUpdate:modelValue": C[0] || (C[0] = (I) => gt(a) ? a.value = I : null),
@@ -1880,7 +1880,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
                         ], 512), [
                           [Te, i.value === "normal"]
                         ]),
-                        Pe(v(Lo, {
+                        De(v(Lo, {
                           context: t.context,
                           onCopy: w,
                           onPick: _
@@ -2091,7 +2091,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         pages: vt(l)
       });
     };
-    return (h, c) => (p(), y(n(H), {
+    return (h, c) => (p(), y(n(q), {
       class: "v-pages-widget",
       title: "页面管理",
       plus: "",
@@ -2099,7 +2099,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       onPlus: i
     }, {
       default: b(() => [
-        v(n(Pt), {
+        v(n(Dt), {
           data: l.value,
           "node-key": "id",
           "default-expand-all": "",
@@ -2176,7 +2176,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         return le("请选择文件"), !1;
       const C = (t.attachment?.accept || "").toLowerCase().split(",");
       return C.length > 0 ? [].concat(m.value).every((R) => {
-        const D = R.name || R.url.split("?")[0], B = D.substring(D.lastIndexOf(".")).toLowerCase();
+        const P = R.name || R.url.split("?")[0], B = P.substring(P.lastIndexOf(".")).toLowerCase();
         return C.includes(B);
       }) ? !0 : (le(`只支持 ${C.join(",")} 文件`), !1) : !0;
     }, c = () => {
@@ -2234,7 +2234,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       }, 8, ["modelValue"])) : A("", !0)
     ]));
   }
-}), qo = /* @__PURE__ */ E({
+}), Ho = /* @__PURE__ */ E({
   name: "BlocksWidget",
   __name: "index",
   setup(u) {
@@ -2279,37 +2279,37 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         return ".json";
       if (o.value?.fromType === "Plugin")
         return ".js,.css,.json";
-    }), h = S(() => o.value?.fromType === "Plugin"), c = async (D) => {
-      const B = D, P = l.project.value;
-      if (!P) return !1;
-      if (D.id)
-        if (!P.existBlockName(B.name, [B.id]))
-          P.updateBlock(B);
+    }), h = S(() => o.value?.fromType === "Plugin"), c = async (P) => {
+      const B = P, D = l.project.value;
+      if (!D) return !1;
+      if (P.id)
+        if (!D.existBlockName(B.name, [B.id]))
+          D.updateBlock(B);
         else
           return le(`名称【${B.name}】已经存在，请更换名称`), !1;
-      else if (!P.existBlockName(B.name))
-        P.createBlock(B);
+      else if (!D.existBlockName(B.name))
+        D.createBlock(B);
       else
         return le(`名称【${B.name}】已经存在，请更换名称`), !1;
       return !0;
     }, _ = () => {
       o.value = m(), i.value = !0;
-    }, w = (D) => {
-      o.value = ot(D), i.value = !0;
-    }, x = (D) => {
-      l.project.value?.removeBlock(D.id);
-    }, C = (D) => {
-      o.value && (o.value.name = yn(D));
-    }, I = async (D) => {
-      (!D.fromType || D.fromType === "Schema") && l.project.value?.active(D);
-    }, z = async (D) => {
-      const B = jl(D), P = await l.assets.getBlockMaterial(B, D.name), G = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
-      G && P && G.setDragging(P);
+    }, w = (P) => {
+      o.value = ot(P), i.value = !0;
+    }, x = (P) => {
+      l.project.value?.removeBlock(P.id);
+    }, C = (P) => {
+      o.value && (o.value.name = yn(P));
+    }, I = async (P) => {
+      (!P.fromType || P.fromType === "Schema") && l.project.value?.active(P);
+    }, z = async (P) => {
+      const B = jl(P), D = await l.assets.getBlockMaterial(B, P.name), G = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+      G && D && G.setDragging(D);
     }, R = () => {
-      const D = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
-      D && D.setDragging(null);
+      const P = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+      P && P.setDragging(null);
     };
-    return (D, B) => (p(), y(n(H), {
+    return (P, B) => (p(), y(n(q), {
       class: "v-blocks-widget",
       title: "区块管理",
       subtitle: d.value,
@@ -2322,23 +2322,23 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           gutter: 5
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(n(t), (P) => (p(), y(n(yt), {
-              key: P.id,
+            (p(!0), j(O, null, L(n(t), (D) => (p(), y(n(yt), {
+              key: D.id,
               span: n(e)
             }, {
               default: b(() => [
                 v(n(xt), {
-                  name: P.name,
-                  title: P.title,
-                  active: n(r)?.id === P.id,
-                  editable: !P.preset,
-                  tag: a[P.fromType || "Schema"]?.label,
-                  tagType: a[P.fromType || "Schema"]?.type,
-                  onEdit: (G) => w(P),
-                  onRemove: (G) => x(P),
-                  onClick: (G) => I(P),
-                  draggable: n(r)?.id !== P.id,
-                  onDragstart: (G) => z(P),
+                  name: D.name,
+                  title: D.title,
+                  active: n(r)?.id === D.id,
+                  editable: !D.preset,
+                  tag: a[D.fromType || "Schema"]?.label,
+                  tagType: a[D.fromType || "Schema"]?.type,
+                  onEdit: (G) => w(D),
+                  onRemove: (G) => x(D),
+                  onClick: (G) => I(D),
+                  draggable: n(r)?.id !== D.id,
+                  onDragstart: (G) => z(D),
                   onDragend: R
                 }, null, 8, ["name", "title", "active", "editable", "tag", "tagType", "onEdit", "onRemove", "onClick", "draggable", "onDragstart"])
               ]),
@@ -2350,7 +2350,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         n(t).length ? A("", !0) : (p(), y(n(oe), { key: 0 })),
         v(n(Ae), {
           modelValue: i.value,
-          "onUpdate:modelValue": B[0] || (B[0] = (P) => i.value = P),
+          "onUpdate:modelValue": B[0] || (B[0] = (D) => i.value = D),
           title: g.value,
           model: o.value,
           width: "600px",
@@ -2404,7 +2404,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       _: 1
     }, 8, ["subtitle"]));
   }
-}), Ho = { class: "v-components-widget__search" }, Go = {
+}), qo = { class: "v-components-widget__search" }, Go = {
   key: 0,
   class: "v-components-widget__result"
 }, Xo = { class: "v-components-widget__list" }, Ko = /* @__PURE__ */ E({
@@ -2418,13 +2418,13 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       const m = t.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       m && m.setDragging(null);
     };
-    return (m, f) => (p(), y(n(H), {
+    return (m, f) => (p(), y(n(q), {
       class: "v-components-widget",
       title: "组件库",
       body: { flex: !0, direction: "column" }
     }, {
       default: b(() => [
-        V("div", Ho, [
+        V("div", qo, [
           v(n(_e), {
             modelValue: n(r),
             "onUpdate:modelValue": f[0] || (f[0] = (h) => gt(r) ? r.value = h : null),
@@ -2463,7 +2463,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
             _: 1
           }),
           n(i).length ? A("", !0) : (p(), y(n(oe), { key: 0 }))
-        ])) : (p(), y(n(Dt), {
+        ])) : (p(), y(n(Pt), {
           key: 1,
           items: n(l),
           modelValue: n(s),
@@ -2525,94 +2525,94 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
   name: "OutlineWidget",
   __name: "index",
   setup(u) {
-    const { engine: e, designer: t, selected: l } = xe(), { current: s } = ue(), a = k([]), o = (D, B) => {
+    const { engine: e, designer: t, selected: l } = xe(), { current: s } = ue(), a = k([]), o = (P, B) => {
       if (B === "slot") return [];
-      if (te(D))
-        return D.locked ? ["unlock"] : ["lock"];
-      const P = D.parent;
-      return P && (P.locked || P.invisible) ? [] : s.value?.locked ? [] : D.locked ? ["unlock"] : D.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
-    }, r = (D, B) => {
-      const P = {};
-      if (!D.some((W) => W.slot)) return i(D);
-      for (const W of D) {
-        const q = W.slot?.name || "default";
-        P[q] || (P[q] = []), P[q].push(W);
+      if (te(P))
+        return P.locked ? ["unlock"] : ["lock"];
+      const D = P.parent;
+      return D && (D.locked || D.invisible) ? [] : s.value?.locked ? [] : P.locked ? ["unlock"] : P.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
+    }, r = (P, B) => {
+      const D = {};
+      if (!P.some((W) => W.slot)) return i(P);
+      for (const W of P) {
+        const H = W.slot?.name || "default";
+        D[H] || (D[H] = []), D[H].push(W);
       }
       const me = [];
-      for (const [W, q] of Object.entries(P))
+      for (const [W, H] of Object.entries(D))
         me.push({
           id: `${B.id}-${W}`,
           label: `#${W}`,
           type: "slot",
           model: B,
           disabled: !0,
-          children: i(q)
+          children: i(H)
         });
       return me;
-    }, i = (D) => {
+    }, i = (P) => {
       const B = [];
-      return D.forEach((P) => {
+      return P.forEach((D) => {
         const G = {
-          id: P.id,
-          label: P.name,
-          type: P.id,
+          id: D.id,
+          label: D.name,
+          type: D.id,
           //getNodeType(model),
-          model: P
+          model: D
         };
-        Array.isArray(P.children) && (G.children = r(P.children, P)), B.push(G);
+        Array.isArray(D.children) && (G.children = r(D.children, D)), B.push(G);
       }), B;
     }, g = () => {
       if (!s.value) return [];
-      const { id: D, name: B, nodes: P } = s.value;
+      const { id: P, name: B, nodes: D } = s.value;
       return [
         {
-          id: D,
+          id: P,
           label: B,
-          type: D,
+          type: P,
           model: s.value,
-          children: i(P)
+          children: i(D)
         }
       ];
     }, d = async () => {
       a.value = g(), l.value?.model && (await ke(), t.value?.setSelected(l.value.model));
-    }, m = S(() => l.value?.model.id), f = (D) => {
-      const B = D.data;
+    }, m = S(() => l.value?.model.id), f = (P) => {
+      const B = P.data;
       if (B.type === "slot" || te(B.model) || B.model.locked || B.model.name === "template")
         return !1;
-      const P = e.assets.componentMap.get(B.model.name);
-      return P ? (t.value?.setDragging(P), !0) : !1;
-    }, h = async (D, B, P) => {
+      const D = e.assets.componentMap.get(B.model.name);
+      return D ? (t.value?.setDragging(D), !0) : !1;
+    }, h = async (P, B, D) => {
       const G = B.data, W = {
         prev: "top",
         next: "bottom",
         inner: "inner"
-      }[P];
-      let q = !1;
+      }[D];
+      let H = !1;
       if (te(G.model))
-        q = P === "inner", t.value?.setDropping(q ? G.model : null, "inner");
+        H = D === "inner", t.value?.setDropping(H ? G.model : null, "inner");
       else {
         const N = G.model;
-        q = !!await t.value?.allowDrop(N, W), t.value?.setDropping(q ? N : null, "inner");
+        H = !!await t.value?.allowDrop(N, W), t.value?.setDropping(H ? N : null, "inner");
       }
-      return q;
-    }, c = (D) => {
-      const B = D?.model;
-      if (!B || B.invisible || D.type === "slot") {
+      return H;
+    }, c = (P) => {
+      const B = P?.model;
+      if (!B || B.invisible || P.type === "slot") {
         t.value?.setSelected(null), t.value?.setHover(null);
         return;
       }
       t.value?.setSelected(B), t.value?.setHover(null);
-    }, _ = async (D, B, P) => {
-      const G = D.data, me = B.data;
+    }, _ = async (P, B, D) => {
+      const G = P.data, me = B.data;
       if (te(me.model)) {
         const Le = G.model;
         delete Le.slot, s.value?.move(Le, void 0, "inner"), t.value?.setDropping(null), t.value?.setDragging(null);
         return;
       }
-      const W = me.model, q = { before: "left", after: "right" }[P] || "inner";
+      const W = me.model, H = { before: "left", after: "right" }[D] || "inner";
       if (!await t.value?.allowDrop(
         W,
-        q
+        H
       )) {
         t.value?.setDropping(null), d(), Qe.warning({
           message: `${G.model.name}不能放置到该位置`
@@ -2620,62 +2620,62 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         return;
       }
       const $e = await t.value?.getDropSlot(
-        P === "inner" ? W : W.parent
+        D === "inner" ? W : W.parent
       );
       if ($e !== null) {
         const Le = G.model;
-        Le.slot = $e, s.value?.move(Le, W, q);
+        Le.slot = $e, s.value?.move(Le, W, H);
       } else
         d();
       t.value?.setDropping(null), t.value?.setDragging(null), e.simulator.refresh();
-    }, w = (D) => {
-      if (D.type === "slot") {
+    }, w = (P) => {
+      if (P.type === "slot") {
         t.value?.setHover(null);
         return;
       }
-      te(D.model) ? t.value?.setHover(D.model) : (t.value?.setHover(D.model), D.model.invisible && t.value?.setHover(null), D.model.name === "slot" && t.value?.setHover(null));
+      te(P.model) ? t.value?.setHover(P.model) : (t.value?.setHover(P.model), P.model.invisible && t.value?.setHover(null), P.model.name === "slot" && t.value?.setHover(null));
     }, x = () => {
       t.value?.setHover(null);
-    }, C = (D) => {
-      const B = D.data;
+    }, C = (P) => {
+      const B = P.data;
       B.dragging = !0;
-      const P = e.assets.componentMap.get(B.model.name);
-      P && t.value?.setDragging(P);
-    }, I = async (D) => {
-      const B = D.data;
+      const D = e.assets.componentMap.get(B.model.name);
+      D && t.value?.setDragging(D);
+    }, I = async (P) => {
+      const B = P.data;
       B.dragging = !1;
-    }, z = (D, B) => {
-      D && ((D.id === B.id || !te(D) && B.isChild(D)) && t.value?.setSelected(null), t.value?.setHover(null));
-    }, R = (D) => {
-      const { name: B, modelValue: P } = D, G = l.value?.model;
+    }, z = (P, B) => {
+      P && ((P.id === B.id || !te(P) && B.isChild(P)) && t.value?.setSelected(null), t.value?.setHover(null));
+    }, R = (P) => {
+      const { name: B, modelValue: D } = P, G = l.value?.model;
       switch (B) {
         case "lock":
-          z(G, P), P.lock();
+          z(G, D), D.lock();
           break;
         case "unlock":
-          z(G, P), P.unlock();
+          z(G, D), D.unlock();
           break;
         case "invisible":
-          z(G, P), P.setVisible(!1);
+          z(G, D), D.setVisible(!1);
           break;
         case "visible":
-          P.setVisible(!0);
+          D.setVisible(!0);
           break;
         case "copy":
-          const me = s.value?.cloneNode(P);
+          const me = s.value?.cloneNode(D);
           me && t.value?.setSelected(me);
           break;
         case "remove":
-          z(G, P), s.value?.removeNode(P);
+          z(G, D), s.value?.removeNode(D);
           break;
       }
     };
-    return J(e.changed, d, { immediate: !0 }), (D, B) => (p(), y(n(H), {
+    return J(e.changed, d, { immediate: !0 }), (P, B) => (p(), y(n(q), {
       class: "v-outline-widget",
       title: "大纲树"
     }, {
       default: b(() => [
-        (p(), y(n(Pt), {
+        (p(), y(n(Dt), {
           key: n(e).changed.value,
           data: a.value,
           "node-key": "id",
@@ -2692,26 +2692,26 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           onNodeDragStart: C,
           onNodeDragEnd: I
         }, {
-          default: b(({ data: P, node: G }) => [
+          default: b(({ data: D, node: G }) => [
             v(n(ce), {
               class: X(["v-outline-widget__item", {
-                "is-locked": P.model.locked,
-                "is-invisible": P.model.invisible,
-                "is-dragging": P.dragging,
-                "is-slot": P.type === "slot"
+                "is-locked": D.model.locked,
+                "is-invisible": D.model.invisible,
+                "is-dragging": D.dragging,
+                "is-slot": D.type === "slot"
               }]),
-              active: !P.model.invisible && G.isCurrent && P.type !== "slot",
+              active: !D.model.invisible && G.isCurrent && D.type !== "slot",
               grow: "",
               small: "",
               background: "",
               hover: "",
-              "model-value": P.model,
-              icon: P.model.locked ? n(En) : P.model.invisible ? n(Pn) : void 0,
-              title: P.label,
-              subtitle: P.type,
-              actions: o(P.model, P.type),
+              "model-value": D.model,
+              icon: D.model.locked ? n(En) : D.model.invisible ? n(Dn) : void 0,
+              title: D.label,
+              subtitle: D.type,
+              actions: o(D.model, D.type),
               onAction: R,
-              onMouseenter: (me) => w(P),
+              onMouseenter: (me) => w(D),
               onMouseleave: x
             }, null, 8, ["class", "active", "model-value", "icon", "title", "subtitle", "actions", "onMouseenter"])
           ]),
@@ -2730,7 +2730,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     }, o = async () => {
       await Fe("确定要清空历史记录吗？") && e.value?.clear();
     };
-    return (r, i) => (p(), y(n(H), {
+    return (r, i) => (p(), y(n(q), {
       class: "v-history-widget",
       title: "历史记录",
       subtitle: s.value,
@@ -2934,7 +2934,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         default: b(() => [
           o[1] || (o[1] = V("span", null, "模拟数据模板", -1)),
           v(n(be), {
-            icon: n(Dn),
+            icon: n(Pn),
             mode: "text",
             label: "帮助",
             onClick: s
@@ -3007,7 +3007,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       e.model ? [o.value.id] : []
     ) ? (le(`API名称 [ ${o.value.name} ] 已存在`), !1) : o.value.headers && !re(o.value.headers, window) || o.value.mockTemplate && !re(o.value.mockTemplate, window) ? !1 : (e.project?.setApi(o.value), s.value?.close(), !0), c = () => {
       if (o.value.mockTemplate) {
-        const _ = He(
+        const _ = qe(
           o.value.mockTemplate,
           {},
           !0
@@ -3035,7 +3035,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
               shrink: !1
             }, {
               default: b(() => [
-                v(n(Dt), {
+                v(n(Pt), {
                   modelValue: l.value,
                   "onUpdate:modelValue": w[0] || (w[0] = (x) => l.value = x),
                   items: g,
@@ -3102,7 +3102,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
                   submitMethod: h
                 }, {
                   default: b(() => [
-                    Pe(v(Zo, null, null, 512), [
+                    De(v(Zo, null, null, 512), [
                       [Te, l.value === "base"]
                     ]),
                     l.value === "settings" ? (p(), j("div", lr, [
@@ -3193,7 +3193,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     }, m = (f) => {
       s.value = !0, t.value = ot(f), e.value = !0;
     };
-    return (f, h) => (p(), y(n(H), {
+    return (f, h) => (p(), y(n(q), {
       class: "v-apis-widget",
       title: "API管理",
       plus: "",
@@ -3261,7 +3261,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
 `)
       }, s.value = !1, l.value = !0), _.name === "remove" && t.project.value?.removeDeps(c);
     };
-    return (c, _) => (p(), y(n(H), {
+    return (c, _) => (p(), y(n(q), {
       class: "v-deps-widget",
       title: "依赖管理",
       plus: "",
@@ -3410,29 +3410,29 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     ], 2));
   }
 }), ur = {
-  key: 1,
+  key: 4,
   class: "v-designer__placeholder"
 }, cr = /* @__PURE__ */ E({
   name: "VDesigner",
   inheritAttrs: !1,
   __name: "index",
   setup(u, { expose: e }) {
-    const t = k(), l = k(), { width: s, height: a } = Xe(t), { dependencies: o, engine: r, apis: i, meta: g } = Bn(), { current: d, isEmpty: m } = ue(), f = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), h = S(() => r.project.value?.config || {}), { designer: c, hover: _, dropping: w, selected: x } = qa(
+    const t = k(), l = k(), { width: s, height: a } = Xe(t), { dependencies: o, engine: r, apis: i, meta: g } = Bn(), { current: d, isEmpty: m } = ue(), f = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), h = S(() => r.project.value?.config || {}), { designer: c, hover: _, dropping: w, selected: x } = Ha(
       l,
       o,
       i,
       g,
       h
     ), C = (R) => {
-      const D = R.type, B = R.model;
+      const P = R.type, B = R.model;
       if (d.value)
-        switch (D) {
+        switch (P) {
           case "remove":
             d.value.removeNode(B), c.value?.setSelected(null);
             break;
           case "copy":
-            const P = d.value.cloneNode(B);
-            c.value?.setSelected(P);
+            const D = d.value.cloneNode(B);
+            c.value?.setSelected(D);
             break;
           case "prev":
             d.value.movePrev(B), c.value?.setSelected(B);
@@ -3449,8 +3449,8 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         }
     }, I = (R) => {
       if (R && c.value) {
-        const D = r.assets.componentMap.get(R.name);
-        D && c.value.setDragging(D), c.value.setDraggingNode(R);
+        const P = r.assets.componentMap.get(R.name);
+        P && c.value.setDragging(P), c.value.setDraggingNode(R);
       }
     }, z = () => {
       c.value && (c.value.setDraggingNode(null), c.value.setDragging(null));
@@ -3458,7 +3458,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     return e({
       designer: c,
       mode: f
-    }), (R, D) => (p(), j("div", {
+    }), (R, P) => (p(), j("div", {
       ref_key: "container",
       ref: t,
       class: "v-designer"
@@ -3469,11 +3469,6 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         height: n(a)
       }, {
         default: b(() => [
-          V("iframe", {
-            ref_key: "iframe",
-            ref: l,
-            frameborder: "0"
-          }, null, 512),
           n(w) ? (p(), j("div", {
             key: 0,
             class: X(["v-designer__dropping", "is-inner"]),
@@ -3504,15 +3499,20 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
               onDragstart: I,
               onDragend: z
             }, null, 8, ["position", "model", "path"])
-          ], 4)) : A("", !0)
+          ], 4)) : A("", !0),
+          n(d) ? A("", !0) : (p(), y(n(oe), {
+            key: 3,
+            description: "请新建或打开文件"
+          })),
+          n(d) && n(m) ? (p(), j("div", ur, " 您可以拖拽组件放置到这里 ")) : A("", !0),
+          V("iframe", {
+            ref_key: "iframe",
+            ref: l,
+            frameborder: "0"
+          }, null, 512)
         ]),
         _: 1
-      }, 8, ["mode", "width", "height"]),
-      n(d) ? A("", !0) : (p(), y(n(oe), {
-        key: 0,
-        description: "请新建或打开文件"
-      })),
-      n(d) && n(m) ? (p(), j("div", ur, " 您可以拖拽组件放置到这里 ")) : A("", !0)
+      }, 8, ["mode", "width", "height"])
     ], 512));
   }
 }), Ye = /* @__PURE__ */ E({
@@ -3552,7 +3552,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     }, f = async (c) => e.submit(c, o.value), h = () => {
       l.value?.itemRef.validate();
     };
-    return (c, _) => (p(), y(n(H), {
+    return (c, _) => (p(), y(n(q), {
       title: e.title,
       class: "v-sub-panel",
       size: "small",
@@ -3930,7 +3930,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       const g = (t.items || []).map((d) => o(d.label || d.name)).sort((d, m) => m - d)[0];
       return g ? g * 6 + 24 : 100;
     });
-    return (i, g) => (p(), y(n(H), {
+    return (i, g) => (p(), y(n(q), {
       title: t.title,
       class: "v-sub-panel",
       size: "small",
@@ -4187,7 +4187,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       fit: ""
     }, {
       default: b(() => [
-        v(n(H), {
+        v(n(q), {
           title: "组件事件",
           class: "v-sub-panel",
           size: "small",
@@ -4213,7 +4213,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }),
-        v(n(H), {
+        v(n(q), {
           title: "鼠标事件",
           class: "v-sub-panel",
           size: "small",
@@ -4234,7 +4234,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }),
-        v(n(H), {
+        v(n(q), {
           title: "键盘事件",
           class: "v-sub-panel",
           size: "small",
@@ -4281,7 +4281,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       const r = (t.value?.getEditor()).getValue();
       s(r), pe("保存成功");
     };
-    return (o, r) => (p(), y(n(H), {
+    return (o, r) => (p(), y(n(q), {
       class: "v-css-widget v-sub-panel",
       title: "lang:css scoped",
       size: "small",
@@ -4316,14 +4316,14 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       onValueChange: g,
       onForChange: d,
       onModelChange: m
-    } = no(l), f = (h) => h.arg ? typeof h.arg == "string" ? h.arg : He(h.arg, {}) : "modelValue";
+    } = no(l), f = (h) => h.arg ? typeof h.arg == "string" ? h.arg : qe(h.arg, {}) : "modelValue";
     return (h, c) => (p(), y(n(U), {
       class: "v-directives-widget",
       direction: "column",
       fit: ""
     }, {
       default: b(() => [
-        v(n(H), {
+        v(n(q), {
           class: "v-sub-panel",
           title: "内置指令",
           size: "small",
@@ -4370,7 +4370,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }),
-        v(n(H), {
+        v(n(q), {
           class: "v-sub-panel",
           title: "循环",
           size: "small",
@@ -4423,7 +4423,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }),
-        v(n(H), {
+        v(n(q), {
           class: "v-sub-panel",
           title: "双向绑定",
           size: "small",
@@ -4431,7 +4431,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           grow: ""
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(n(i), (_, w) => (p(), y(n(H), {
+            (p(!0), j(O, null, L(n(i), (_, w) => (p(), y(n(q), {
               card: "",
               border: "",
               class: "v-sub-panel",
@@ -4736,8 +4736,8 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     const { current: e, context: t } = ue(), l = S(() => (e.value?.props || []).map((W) => typeof W == "string" ? { name: W } : W)), s = S(() => (e.value?.emits || []).map((W) => typeof W == "string" ? { name: W, params: [] } : W)), a = S(() => (e.value?.slots || []).map((W) => typeof W == "string" ? { name: W, params: [] } : W)), o = S(() => e.value?.inject || []), r = k(!1), i = k(), g = k(!1), d = k(), m = k(!1), f = k(), h = k(!1), c = k(), _ = () => {
       i.value = void 0, r.value = !0;
     }, w = (W) => {
-      const { name: q, modelValue: N } = W;
-      q === "edit" && x(N), q === "remove" && e.value?.removeProp(N);
+      const { name: H, modelValue: N } = W;
+      H === "edit" && x(N), H === "remove" && e.value?.removeProp(N);
     }, x = (W) => {
       i.value = W, r.value = !0;
     }, C = () => {
@@ -4745,31 +4745,31 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     }, I = (W) => {
       d.value = { ...W }, g.value = !0;
     }, z = (W) => {
-      const { name: q, modelValue: N } = W;
-      q === "edit" && I(N), q === "remove" && e.value?.removeEmit(N.name);
+      const { name: H, modelValue: N } = W;
+      H === "edit" && I(N), H === "remove" && e.value?.removeEmit(N.name);
     }, R = () => {
       f.value = void 0, m.value = !0;
-    }, D = (W) => {
+    }, P = (W) => {
       f.value = { ...W }, m.value = !0;
     }, B = (W) => {
-      const { name: q, modelValue: N } = W;
-      q === "edit" && D(N), q === "remove" && e.value?.removeSlot(N.name);
-    }, P = () => {
+      const { name: H, modelValue: N } = W;
+      H === "edit" && P(N), H === "remove" && e.value?.removeSlot(N.name);
+    }, D = () => {
       c.value = void 0, h.value = !0;
     }, G = (W) => {
       c.value = W, h.value = !0;
     }, me = (W) => {
-      const { name: q, modelValue: N } = W;
-      q === "edit" && G(N), q === "remove" && e.value?.removeInject(N);
+      const { name: H, modelValue: N } = W;
+      H === "edit" && G(N), H === "remove" && e.value?.removeInject(N);
     };
-    return (W, q) => n(e) && n(t) ? (p(), y(n(U), {
+    return (W, H) => n(e) && n(t) ? (p(), y(n(U), {
       key: 0,
       class: "v-defined-widget",
       direction: "column",
       fit: ""
     }, {
       default: b(() => [
-        v(n(H), {
+        v(n(q), {
           class: "v-sub-panel",
           title: "定义属性",
           size: "small",
@@ -4795,13 +4795,13 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
               current: n(e),
               context: n(t),
               modelValue: r.value,
-              "onUpdate:modelValue": q[0] || (q[0] = (N) => r.value = N),
+              "onUpdate:modelValue": H[0] || (H[0] = (N) => r.value = N),
               item: i.value
             }, null, 8, ["current", "context", "modelValue", "item"])) : A("", !0)
           ]),
           _: 1
         }),
-        v(n(H), {
+        v(n(q), {
           class: "v-sub-panel",
           title: "定义事件",
           size: "small",
@@ -4825,7 +4825,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
             g.value ? (p(), y(xr, {
               key: 1,
               modelValue: g.value,
-              "onUpdate:modelValue": q[1] || (q[1] = (N) => g.value = N),
+              "onUpdate:modelValue": H[1] || (H[1] = (N) => g.value = N),
               current: n(e),
               context: n(t),
               item: d.value
@@ -4833,7 +4833,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }),
-        v(n(H), {
+        v(n(q), {
           class: "v-sub-panel",
           title: "定义插槽",
           size: "small",
@@ -4847,7 +4847,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
               title: N.name,
               border: "",
               actions: ["remove"],
-              onClick: ($e) => D(N),
+              onClick: ($e) => P(N),
               onAction: B
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             a.value.length ? A("", !0) : (p(), y(n(oe), {
@@ -4857,7 +4857,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
             m.value ? (p(), y(Cr, {
               key: 1,
               modelValue: m.value,
-              "onUpdate:modelValue": q[2] || (q[2] = (N) => m.value = N),
+              "onUpdate:modelValue": H[2] || (H[2] = (N) => m.value = N),
               current: n(e),
               context: n(t),
               item: f.value
@@ -4865,14 +4865,14 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           ]),
           _: 1
         }),
-        v(n(H), {
+        v(n(q), {
           class: "v-sub-panel",
           title: "注入",
           size: "small",
           plus: "",
           fit: !1,
           grow: "",
-          onPlus: P
+          onPlus: D
         }, {
           default: b(() => [
             (p(!0), j(O, null, L(o.value, (N) => (p(), y(n(ce), {
@@ -4890,7 +4890,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
             h.value ? (p(), y(Vr, {
               key: 1,
               modelValue: h.value,
-              "onUpdate:modelValue": q[3] || (q[3] = (N) => h.value = N),
+              "onUpdate:modelValue": H[3] || (H[3] = (N) => h.value = N),
               current: n(e),
               context: n(t),
               item: c.value
@@ -4999,9 +4999,9 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         if (R)
           return await R.apply(R, z);
         Ve.warn(`API【${o.value.ref}】不存在`);
-      }, C = He(o.value.test, {
+      }, C = qe(o.value.test, {
         runApi: x
-      }), I = o.value.transform?.value ? He(o.value.transform, {}, !0) : (z) => z;
+      }), I = o.value.transform?.value ? qe(o.value.transform, {}, !0) : (z) => z;
       r.value = !0;
       try {
         const z = await C();
@@ -5153,7 +5153,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       fit: ""
     }, {
       default: b(() => [
-        v(n(H), {
+        v(n(q), {
           title: "请求方法",
           class: "v-sub-panel",
           size: "small",
@@ -5191,7 +5191,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       _: 1
     }));
   }
-}), Pr = /* @__PURE__ */ E({
+}), Dr = /* @__PURE__ */ E({
   __name: "layout",
   props: {
     styleJson: {},
@@ -5262,12 +5262,12 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       {
         label: "flex-end",
         value: "flex-end",
-        svg: Ps
+        svg: Ds
       },
       {
         label: "center",
         value: "center",
-        svg: Ds
+        svg: Ps
       },
       {
         label: "space-between",
@@ -5321,7 +5321,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     ], i = (g, d) => {
       t.value = d === "flex", e.setStyle("display", d), t.value || (e.setStyle("flex-direction", void 0), e.setStyle("justify-content", void 0), e.setStyle("align-items", void 0), e.setStyle("flex-wrap", void 0));
     };
-    return (g, d) => (p(), y(n(H), {
+    return (g, d) => (p(), y(n(q), {
       title: "布局",
       class: "v-sub-panel",
       size: "small",
@@ -5388,7 +5388,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       _: 1
     }));
   }
-}), Dr = /* @__PURE__ */ E({
+}), Pr = /* @__PURE__ */ E({
   name: "StyleWidget",
   __name: "JsonMode",
   setup(u) {
@@ -5408,7 +5408,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       const i = (t.value?.getEditor()).getValue();
       a(i), pe("保存成功");
     };
-    return (r, i) => (p(), y(n(H), {
+    return (r, i) => (p(), y(n(q), {
       class: "v-css-widget v-sub-panel",
       title: "JSON",
       size: "small",
@@ -5540,7 +5540,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       ])
     ]));
   }
-}), Rr = { class: "spacing-wrap" }, $r = { class: "spacing-max-icon" }, Or = ["width", "height"], zr = ["d"], Fr = ["d"], Wr = ["d"], Lr = ["d"], Nr = { id: "margin-outer" }, Jr = ["width", "height"], Mr = ["width", "height"], Ur = { id: "margin-inner" }, qr = ["width", "height"], Hr = ["width", "height"], Gr = ["width", "height"], Xr = ["d"], Kr = ["d"], Qr = ["d"], Yr = ["d"], Zr = { id: "padding-outer" }, ei = ["width", "height"], ti = ["width", "height"], ni = { id: "padding-inner" }, li = ["width", "height"], si = ["width", "height"], ai = {
+}), Rr = { class: "spacing-wrap" }, $r = { class: "spacing-max-icon" }, Or = ["width", "height"], zr = ["d"], Fr = ["d"], Wr = ["d"], Lr = ["d"], Nr = { id: "margin-outer" }, Jr = ["width", "height"], Mr = ["width", "height"], Ur = { id: "margin-inner" }, Hr = ["width", "height"], qr = ["width", "height"], Gr = ["width", "height"], Xr = ["d"], Kr = ["d"], Qr = ["d"], Yr = ["d"], Zr = { id: "padding-outer" }, ei = ["width", "height"], ti = ["width", "height"], ni = { id: "padding-inner" }, li = ["width", "height"], si = ["width", "height"], ai = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "100%",
   height: "100%",
@@ -5562,7 +5562,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     }, f = (h) => {
       g.value = h, d.value = e.styleJson[h], i.value = !0;
     };
-    return (h, c) => (p(), y(n(H), {
+    return (h, c) => (p(), y(n(q), {
       title: "间距",
       class: "v-sub-panel",
       size: "small",
@@ -5690,7 +5690,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
                     rx: "2",
                     ry: "2",
                     style: { "pointer-events": "none" }
-                  }, null, 8, qr)
+                  }, null, 8, Hr)
                 ]),
                 V("rect", {
                   class: "stroke",
@@ -5703,7 +5703,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
                   rx: "2",
                   ry: "2",
                   style: { "pointer-events": "none", "stroke-width": "2px" }
-                }, null, 8, Hr)
+                }, null, 8, qr)
               ], 8, Or)) : A("", !0),
               V("div", {
                 class: X(["spacing-edit margin-top", { "is-setting": e.styleJson["margin-top"] }]),
@@ -5970,7 +5970,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         ]
       }
     ];
-    return (a, o) => (p(), y(n(H), {
+    return (a, o) => (p(), y(n(q), {
       title: "尺寸",
       class: "v-sub-panel v-",
       size: "small",
@@ -6022,14 +6022,14 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       { label: "左", svg: Js, value: "0% auto 0% 0%" },
       { label: "右", svg: Ms, value: "0% 0% 0% auto" },
       { label: "上", svg: Us, value: "auto 0% 0% 0%" },
-      { label: "下", svg: qs, value: "0% 0% auto 0%" },
-      { label: "填充", svg: Hs, value: "0% 0% 0% 0%" }
+      { label: "下", svg: Hs, value: "0% 0% auto 0%" },
+      { label: "填充", svg: qs, value: "0% 0% 0% 0%" }
     ], d = S(() => (e.styleJson.inset || "").split(" ")), m = (h) => {
       o.value = h, r.value = e.styleJson[h], a.value = !0;
     }, f = () => {
       a.value = !1, o.value = void 0, r.value = void 0;
     };
-    return (h, c) => (p(), y(n(H), {
+    return (h, c) => (p(), y(n(q), {
       title: "定位",
       class: "v-sub-panel",
       size: "small",
@@ -6312,7 +6312,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       { label: "删除线", value: "line-through", svg: ta },
       { label: "上划线", value: "overline", svg: na }
     ];
-    return (o, r) => (p(), y(n(H), {
+    return (o, r) => (p(), y(n(q), {
       title: "文本",
       class: "v-sub-panel",
       size: "small",
@@ -6417,7 +6417,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       { label: "覆盖", value: "cover" },
       { label: "填充", value: "contain" }
     ];
-    return (i, g) => (p(), y(n(H), {
+    return (i, g) => (p(), y(n(q), {
       title: "背景",
       class: "v-sub-panel",
       size: "small",
@@ -6529,7 +6529,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       {
         immediate: !0
       }
-    ), (r, i) => (p(), y(n(H), {
+    ), (r, i) => (p(), y(n(q), {
       title: "边框",
       class: "v-sub-panel",
       size: "small",
@@ -6647,7 +6647,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         r !== void 0 ? (Number(r) || 0) / 100 : void 0
       );
     }, a = () => Number(e.styleJson.opacity ?? 1) * 100;
-    return (o, r) => (p(), y(n(H), {
+    return (o, r) => (p(), y(n(q), {
       title: "效果",
       class: "v-sub-panel",
       size: "small",
@@ -6711,14 +6711,14 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       const i = l.value?.getPropValue("style") || {};
       r !== void 0 ? i[o] = r : delete i[o], l.value?.setProp("style", i);
     };
-    return (o, r) => e.isStyleCodeMode ? (p(), y(Dr, { key: 0 })) : (p(), y(n(U), {
+    return (o, r) => e.isStyleCodeMode ? (p(), y(Pr, { key: 0 })) : (p(), y(n(U), {
       key: `widget-style-${l.value?.id}`,
       class: "v-style-widget",
       direction: "column",
       fit: ""
     }, {
       default: b(() => [
-        (p(), y(Pr, {
+        (p(), y(Dr, {
           key: `Layout${l.value?.id}`,
           "style-json": s.value,
           setStyle: a
@@ -6797,7 +6797,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       }, 8, ["mode", "width", "height"])
     ]));
   }
-}), Pi = /* @__PURE__ */ E({
+}), Di = /* @__PURE__ */ E({
   name: "NodePathWidget",
   inheritAttrs: !1,
   __name: "index",
@@ -6826,7 +6826,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       _: 1
     }, 8, ["separator-icon"])) : A("", !0);
   }
-}), Di = /* @__PURE__ */ E({
+}), Pi = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
   setup(u) {
@@ -6844,7 +6844,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
           le(g?.message);
         }
     };
-    return (o, r) => (p(), y(n(H), {
+    return (o, r) => (p(), y(n(q), {
       class: "v-schema-widget",
       title: s.value,
       subtitle: "手动修改DSL有风险，可能导致页面无法加载，请确认您的操作无误。",
@@ -6884,7 +6884,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         immediate: !0,
         deep: !0
       }
-    ), (r, i) => (p(), y(n(H), {
+    ), (r, i) => (p(), y(n(q), {
       class: "v-raw-widget",
       title: o.value,
       subtitle: a.value,
@@ -6925,7 +6925,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     const r = () => {
       s?.close();
     };
-    return e({ refresh: o }), (i, g) => (p(), y(n(H), {
+    return e({ refresh: o }), (i, g) => (p(), y(n(q), {
       class: "v-docs-widget",
       size: "small",
       fit: "",
@@ -6964,7 +6964,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     const { project: e } = Re(), t = (l) => {
       e.value?.setConfig(l);
     };
-    return (l, s) => (p(), y(n(H), {
+    return (l, s) => (p(), y(n(q), {
       class: "v-project-config-widget",
       title: "项目配置"
     }, {
@@ -7012,7 +7012,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
   Toolbar: go,
   Actions: ho,
   Pages: Mo,
-  Blocks: qo,
+  Blocks: Ho,
   Components: Ko,
   Outline: Qo,
   History: Yo,
@@ -7028,8 +7028,8 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
   DataSources: Er,
   Style: Ai,
   Previewer: Ei,
-  NodePath: Pi,
-  Schema: Di,
+  NodePath: Di,
+  Schema: Pi,
   Raw: Ii,
   Docs: Bi,
   About: Fi,
@@ -7272,7 +7272,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     version: "latest",
     library: "VueRouter",
     urls: ["@vtj/materials/deps/vue-router/vue-router.global.prod.js"],
-    assetsLibrary: Pl,
+    assetsLibrary: Dl,
     required: !0,
     official: !0,
     enabled: !0
@@ -7867,7 +7867,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
       }
     }
   }
-], qi = [
+], Hi = [
   {
     name: _t,
     version: "latest",
@@ -7877,7 +7877,7 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
     categories: Ji,
     components: Ui
   }
-], Hi = /* @__PURE__ */ E({
+], qi = /* @__PURE__ */ E({
   name: "StringSetter",
   __name: "string",
   setup(u) {
@@ -8333,12 +8333,12 @@ const Eo = { class: "v-icon-setter" }, Po = { class: "v-icon-setter__content" },
         onClick: a,
         class: "v-slider-setter__close",
         size: 16,
-        icon: n(Pa)
+        icon: n(Da)
       }, null, 8, ["icon"])
     ]));
   }
 }), ee = {
-  StringSetter: Hi,
+  StringSetter: qi,
   BooleanSetter: Gi,
   ExpressionSetter: Qi,
   SelectSetter: Yi,
@@ -8756,14 +8756,17 @@ class _u {
     ), t.addEventListener(
       "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(
+    ), 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(
+      "dragstart",
+      this.bind(this.onDragStart, "onDragStart")
+    ), t.addEventListener("drop", this.bind(this.onDrop, "onDrop")), t.addEventListener(
       "click",
       this.bind(this.onSelected, "onSelected"),
       !0
     ), ne.on(
       wt,
       this.bind(this.onActiveChange, "onActiveChange")
-    ), ne.on(qe, this.bind(this.onViewChange, "onViewChange")), J(
+    ), ne.on(He, this.bind(this.onViewChange, "onViewChange")), J(
       this.devtools.isOpen,
       (l) => {
         l && this.cleanHelper();
@@ -8784,18 +8787,21 @@ class _u {
     ), t.removeEventListener("mouseleave", this.bind(this.onLeave, "onLeave")), t.removeEventListener("dragleave", this.bind(this.onLeave, "onLeave")), t.removeEventListener(
       "dragover",
       this.bind(this.onDragOver, "onDragOver")
+    ), t.removeEventListener(
+      "dragstart",
+      this.bind(this.onDragStart, "onDragStart")
     ), t.removeEventListener("drop", this.bind(this.onDrop, "onDrop")), t.removeEventListener("click", this.bind(this.onSelected, "onSelected")), ne.off(
       wt,
       this.bind(this.onActiveChange, "onActiveChange")
     ), ne.off(
-      qe,
+      He,
       this.bind(this.onViewChange, "onViewChange")
     );
   }
   onMouseOver(e) {
     if (this.devtools.isOpen.value) return;
     const t = this.getHelper(e);
-    t?.model.id !== this.selected.value?.model.id && (this.hover.value = t);
+    t && t?.model.id !== this.selected.value?.model.id && (this.hover.value = t);
   }
   onViewChange() {
     this.updateRect();
@@ -8865,6 +8871,12 @@ class _u {
     const { model: l, type: s } = t;
     l && await this.allowDrop(l, s) ? (e.preventDefault(), this.dropping.value = t) : this.dropping.value = null;
   }
+  onDragStart(e) {
+    const t = this.getHelper(e);
+    if (!t) return;
+    const { model: l } = t, s = this.engine.assets.componentMap.get(l.name);
+    s && this.setDragging(s), this.setDraggingNode(l);
+  }
   isVtjElement(e) {
     return !!e.__vtj__ && !!e.__context__;
   }
@@ -9068,7 +9080,7 @@ class wu {
     } catch (f) {
       le(f.message || "未知错误", "运行时错误"), console.error(f);
     }
-    this.context = d, ne.on(qe, this.nodeChange), ne.on(kt, this.blockChange);
+    this.context = d, ne.on(He, this.nodeChange), ne.on(kt, this.blockChange);
   }
   dispose() {
     if (this.app) {
@@ -9076,7 +9088,7 @@ class wu {
       const e = this.app._container;
       e && e.parentNode && (e.parentNode.removeChild(e), this.app._container = null), this.app = null;
     }
-    this.dsl = null, this.context = null, ne.off(qe, this.nodeChange), ne.off(kt, this.blockChange);
+    this.dsl = null, this.context = null, ne.off(He, this.nodeChange), ne.off(kt, this.blockChange);
   }
   updateChild(e, t) {
     const l = t.children || t.nodes || [];
@@ -9161,12 +9173,12 @@ class ku extends wn {
               background: #fff;
             }
          </style>
-       ${ql(r)}
+       ${Hl(r)}
        </head>
        <body> 
        </body>
-       ${qt(o)}
-       ${qt(i)}
+       ${Ht(o)}
+       ${Ht(i)}
        <script>
        __simulator__.emitReady(${JSON.stringify(g)},
         ${JSON.stringify(d)}, 
@@ -9203,18 +9215,18 @@ class ku extends wn {
       const z = I.names || [];
       if (I.name === _t)
         z.forEach((R) => {
-          const D = _.get(R), B = D?.package || "", P = Dl[B], G = m[P];
-          G && D && (h[R] = Ht(D, G));
+          const P = _.get(R), B = P?.package || "", D = Pl[B], G = m[D];
+          G && P && (h[R] = qt(P, G));
         });
       else {
         const R = m[l[I.library || ""]];
-        R && z.forEach((D) => {
-          const B = _.get(D);
-          B ? h[D] = Ht(B, R) : h[D] = R[D];
+        R && z.forEach((P) => {
+          const B = _.get(P);
+          B ? h[P] = qt(B, R) : h[P] = R[P];
         });
       }
     }
-    const { adapter: w, globals: x } = d, C = Hl(
+    const { adapter: w, globals: x } = d, C = ql(
       i.value?.apis,
       i.value?.meta,
       w
@@ -9282,7 +9294,7 @@ class Su {
     return t;
   }
   load(e) {
-    const t = [...qi, ...e].filter((l) => !!l);
+    const t = [...Hi, ...e].filter((l) => !!l);
     t.sort((l, s) => l.order - s.order);
     for (let l of t)
       l.components && (this.components = this.components.concat(l.components));
@@ -9388,7 +9400,7 @@ class ic extends wn {
       Ve.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    ne.on(Tl, (t) => this.saveProject(t)), ne.on(Bl, (t) => this.saveBlockFile(t)), ne.on(Rl, (t) => this.saveBlockFile(t)), ne.on($l, () => this.saveMaterials()), ne.on(wt, (t) => this.activeFile(t)), ne.on(Ol, () => this.publish()), ne.on(zl, () => this.publishCurrent()), ne.on(kt, (t) => this.changeFile(t)), ne.on(qe, () => this.changeCurrentFile()), ne.on(Fl, (t) => this.saveHistory(t)), ne.on(Wl, (t) => this.loadHistory(t));
+    ne.on(Tl, (t) => this.saveProject(t)), ne.on(Bl, (t) => this.saveBlockFile(t)), ne.on(Rl, (t) => this.saveBlockFile(t)), ne.on($l, () => this.saveMaterials()), ne.on(wt, (t) => this.activeFile(t)), ne.on(Ol, () => this.publish()), ne.on(zl, () => this.publishCurrent()), ne.on(kt, (t) => this.changeFile(t)), ne.on(He, () => this.changeCurrentFile()), ne.on(Fl, (t) => this.saveHistory(t)), ne.on(Wl, (t) => this.loadHistory(t));
   }
   async activeFile(t) {
     await ke();
@@ -9833,7 +9845,7 @@ const Ee = E({
             }, 8, ["height"]),
             v(n(Lt), { class: "v-skeleton__wrapper" }, {
               default: b(() => [
-                l.value ? A("", !0) : Pe((p(), y(n(Nt), {
+                l.value ? A("", !0) : De((p(), y(n(Nt), {
                   key: 0,
                   width: t.leftWidth,
                   class: X(["v-skeleton__left", {
@@ -9860,7 +9872,7 @@ const Ee = E({
                       region: "Preview",
                       preview: l.value
                     }, null, 8, ["preview"])) : A("", !0),
-                    Pe(v(n(Ee), {
+                    De(v(n(Ee), {
                       ref_key: "workspace",
                       ref: f,
                       region: "Workspace"
@@ -9870,7 +9882,7 @@ const Ee = E({
                   ]),
                   _: 1
                 }),
-                l.value ? A("", !0) : Pe((p(), y(n(Nt), {
+                l.value ? A("", !0) : De((p(), y(n(Nt), {
                   key: 1,
                   width: t.rightWidth,
                   class: "v-skeleton__right"
@@ -9914,7 +9926,7 @@ const Ee = E({
 }), Vu = ["title"], Au = { class: "v-setter__content" }, ju = {
   key: 0,
   class: "v-setter__input"
-}, Eu = { class: "v-setter__action" }, Pu = "{{", Du = "}}", Iu = /* @__PURE__ */ E({
+}, Eu = { class: "v-setter__action" }, Du = "{{", Pu = "}}", Iu = /* @__PURE__ */ E({
   __name: "setter",
   props: {
     context: {},
@@ -10003,16 +10015,16 @@ const Ee = E({
               "model-value": "JSExpression"
             }, {
               prefix: b(() => [
-                K(F(Pu))
+                K(F(Du))
               ]),
               suffix: b(() => [
-                K(F(Du))
+                K(F(Pu))
               ]),
               _: 1
             })) : A("", !0)
           ])) : A("", !0),
           V("div", Eu, [
-            t.variable ? (p(), y(n(Da), {
+            t.variable ? (p(), y(n(Pa), {
               key: 0,
               onClick: h,
               class: X(["v-icon-vars", { "is-active": i.value }]),
@@ -10089,7 +10101,7 @@ const Ee = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: s } = De(t.region);
+    const t = u, { widgets: l, widgetsRef: s } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: s
@@ -10111,7 +10123,7 @@ const Ee = E({
     preview: { type: Boolean }
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: s } = De(t.region);
+    const t = u, { widgets: l, widgetsRef: s } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: s
@@ -10134,7 +10146,7 @@ const Ee = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: s } = De(t.region);
+    const t = u, { widgets: l, widgetsRef: s } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: s
@@ -10148,7 +10160,7 @@ const Ee = E({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), Lu = { class: "v-apps-region" }, Nu = { class: "v-apps-region__header" }, Ju = { class: "v-apps-region__top" }, Mu = { class: "v-apps-region__bottom" }, Uu = { class: "v-apps-region__panels" }, qu = /* @__PURE__ */ E({
+}), Lu = { class: "v-apps-region" }, Nu = { class: "v-apps-region__header" }, Ju = { class: "v-apps-region__top" }, Mu = { class: "v-apps-region__bottom" }, Uu = { class: "v-apps-region__panels" }, Hu = /* @__PURE__ */ E({
   name: "AppsRegion",
   inheritAttrs: !1,
   __name: "apps",
@@ -10157,7 +10169,7 @@ const Ee = E({
     index: { default: 0 }
   },
   setup(u, { expose: e }) {
-    const t = u, l = de(), { widgets: s, widgetsRef: a } = De(t.region), o = S(() => s.value.filter((c) => c.openType === "panel")), r = S(() => s.value.filter((c) => c.openType !== "panel")), i = o.value[t.index], g = k(i), d = k(i), m = (c) => {
+    const t = u, l = de(), { widgets: s, widgetsRef: a } = Pe(t.region), o = S(() => s.value.filter((c) => c.openType === "panel")), r = S(() => s.value.filter((c) => c.openType !== "panel")), i = o.value[t.index], g = k(i), d = k(i), m = (c) => {
       g.value = c, d.value = d.value?.name === c.name ? null : c;
     }, f = (c) => {
       c.openType === "link" && c.url && window.open(c.url), c.openType === "dialog" && kl({
@@ -10213,14 +10225,14 @@ const Ee = E({
       ])
     ]));
   }
-}), Hu = /* @__PURE__ */ E({
+}), qu = /* @__PURE__ */ E({
   name: "WorkspaceRegion",
   __name: "workspace",
   props: {
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: s } = De(t.region), a = Ke(
+    const t = u, { widgets: l, widgetsRef: s } = Pe(t.region), a = Ke(
       l.value.map((c) => ({
         name: c.name,
         command: c.name,
@@ -10295,7 +10307,7 @@ const Ee = E({
   setup(u, { expose: e }) {
     const t = u, l = de(), { current: s } = ue(), { selected: a, isSelectBlock: o } = xe(), r = S(
       () => o.value ? he.Block : he.Node
-    ), { widgets: i, widgetsRef: g } = De(t.region, r), d = k(), m = k(!1), f = S(() => i.value.map((w) => ({
+    ), { widgets: i, widgetsRef: g } = Pe(t.region, r), d = k(), m = k(!1), f = S(() => i.value.map((w) => ({
       name: w.name,
       label: w.label,
       actions: w.name === "Style" ? [
@@ -10362,7 +10374,7 @@ const Ee = E({
               default: b(() => [
                 v(n(be), {
                   onClick: c,
-                  icon: n(Dn),
+                  icon: n(Pn),
                   mode: "text",
                   label: "帮助"
                 }, null, 8, ["icon"])
@@ -10426,7 +10438,7 @@ const Ee = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: s } = De(t.region);
+    const t = u, { widgets: l, widgetsRef: s } = Pe(t.region);
     return e({
       widgets: l,
       widgetsRef: s
@@ -10447,7 +10459,7 @@ const Ee = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: s } = De(t.region), a = Ke(
+    const t = u, { widgets: l, widgetsRef: s } = Pe(t.region), a = Ke(
       l.value.map((i) => ({
         name: i.name,
         command: i.name,
@@ -10488,8 +10500,8 @@ const Ee = E({
   Brand: $u,
   Toolbar: zu,
   Actions: Wu,
-  Apps: qu,
-  Workspace: Hu,
+  Apps: Hu,
+  Workspace: qu,
   Settings: Gu,
   Status: Ku,
   Preview: Qu
@@ -10512,7 +10524,7 @@ export {
   $a as MOUSE_EVENT_LIST,
   we as NAME_REGEX,
   Xt as PAD_SIZE,
-  H as Panel,
+  q as Panel,
   Na as RegionType,
   Ee as RegionWrapper,
   wu as Renderer,
@@ -10533,7 +10545,7 @@ export {
   he as WidgetGroup,
   Ie as WidgetWrapper,
   Ni as builtInDeps,
-  qi as builtInMaterials,
+  Hi as builtInMaterials,
   mu as builtInSetters,
   Li as builtInWidgets,
   Fe as confirm,