@vtj/designer 0.8.145 → 0.8.146

package/dist/index.mjs

@@ -1,23 +1,23 @@
 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 { 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 W, 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 Wt, 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 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 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 { 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 Ll, BlockModel as Ut, HistoryModel as Wl } 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 { 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 Ls, IconPositionBottomLeft as Ws, 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.145
+ * @version 0.8.146
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ra = "0.8.145", Gt = {
+const Ra = "0.8.146", Gt = {
   width: 390,
   height: 844
 }, Xt = {
@@ -46,7 +46,7 @@ const Ra = "0.8.145", Gt = {
   "self",
   "once",
   "passive"
-], Kt = "__vue-devtools-frame-state__", Wa = "@id/virtual:vue-devtools-path:overlay.js", La = "@id/virtual:vue-devtools-path:overlay/devtools-overlay.mjs";
+], Kt = "__vue-devtools-frame-state__", La = "@id/virtual:vue-devtools-path:overlay.js", Wa = "@id/virtual:vue-devtools-path:overlay/devtools-overlay.mjs";
 var he = /* @__PURE__ */ ((u) => (u.Block = "block", u.Node = "node", u))(he || {}), Na = /* @__PURE__ */ ((u) => (u.Brand = "Brand", u.Toolbar = "Toolbar", u.Actions = "Actions", u.Apps = "Apps", u.Workspace = "Workspace", u.Settings = "Settings", u.Status = "Status", u.Preview = "Preview", u))(Na || {});
 function Bn() {
   const u = de(), e = S(() => u.project.value?.dependencies ?? []), t = S(() => u.project.value?.apis ?? []), l = S(() => u.project.value?.meta ?? []);
@@ -760,7 +760,7 @@ const so = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
 function Ot(u) {
   return Kn() ? (Qn(u), !0) : !1;
 }
-function We(u) {
+function Le(u) {
   return typeof u == "function" ? u() : n(u);
 }
 const it = typeof window < "u" && typeof document < "u";
@@ -801,7 +801,7 @@ function Co(u, e, t = {}) {
   function i(...g) {
     o(), s.value = !0, a = setTimeout(() => {
       s.value = !1, a = null, u(...g);
-    }, We(e));
+    }, Le(e));
   }
   return l && (s.value = !0, it && i()), Ot(r), {
     isPending: Xn(s),
@@ -812,7 +812,7 @@ function Co(u, e, t = {}) {
 const ut = it ? window : void 0, On = it ? window.navigator : void 0;
 function ye(u) {
   var e;
-  const t = We(u);
+  const t = Le(u);
   return (e = t?.$el) != null ? e : t;
 }
 function Me(...u) {
@@ -823,7 +823,7 @@ function Me(...u) {
   const a = [], o = () => {
     a.forEach((d) => d()), a.length = 0;
   }, r = (d, m, f, h) => (d.addEventListener(m, f, h), () => d.removeEventListener(m, f, h)), i = J(
-    () => [ye(e), We(s)],
+    () => [ye(e), Le(s)],
     ([d, m]) => {
       if (o(), !d)
         return;
@@ -845,7 +845,7 @@ function Vo(u, e, t = {}) {
     return lt;
   _o && !Yt && (Yt = !0, Array.from(l.document.body.children).forEach((h) => h.addEventListener("click", lt)), l.document.documentElement.addEventListener("click", lt));
   let r = !0;
-  const i = (h) => We(s).some((c) => {
+  const i = (h) => Le(s).some((c) => {
     if (typeof c == "string")
       return Array.from(l.document.querySelectorAll(c)).some((_) => _ === h.target || h.composedPath().includes(_));
     {
@@ -936,7 +936,7 @@ function zn(u = {}) {
     }) : d.value = w();
   }
   g.value && t && Me(["copy", "cut"], h);
-  async function c(C = We(l)) {
+  async function c(C = Le(l)) {
     g.value && C != null && (o.value && x(i.value) ? await e.clipboard.writeText(C) : _(C), d.value = C, m.value = !0, f.start());
   }
   function _(C) {
@@ -963,7 +963,7 @@ function jo(u, e, t = {}) {
   const o = zt(() => l && "ResizeObserver" in l), r = () => {
     a && (a.disconnect(), a = void 0);
   }, i = S(() => {
-    const m = We(u);
+    const m = Le(u);
     return Array.isArray(m) ? m.map((f) => ye(f)) : [ye(m)];
   }), g = J(
     i,
@@ -1096,7 +1096,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
               placeholder: "请输入查询关键字"
             }, null, 8, ["size", "prefix-icon", "modelValue"]),
             V("div", Po, [
-              (p(!0), j(O, null, L(i.value, (_) => (p(), y(n(Se), {
+              (p(!0), j(O, null, W(i.value, (_) => (p(), y(n(Se), {
                 icon: _[1],
                 onClick: (w) => g(_[0]),
                 class: X({ "is-active": a.value === _[0] })
@@ -1606,7 +1606,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           }, ["stop"]))
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(o.value, (f) => (p(), y(n(be), {
+            (p(!0), j(O, null, W(o.value, (f) => (p(), y(n(be), {
               name: f.name,
               title: f.label,
               mode: "icon",
@@ -1700,7 +1700,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       }, F(t.tag), 3)) : A("", !0)
     ], 42, Oo));
   }
-}), Wo = { class: "v-context-viewer" }, Lo = /* @__PURE__ */ E({
+}), Lo = { class: "v-context-viewer" }, Wo = /* @__PURE__ */ E({
   __name: "viewer",
   props: {
     context: {}
@@ -1740,7 +1740,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
     }, g = (d) => {
       l("pick", d.path);
     };
-    return (d, m) => (p(), j("div", Wo, [
+    return (d, m) => (p(), j("div", Lo, [
       d.context ? (p(), y(n(Dt), {
         key: 0,
         lazy: "",
@@ -1860,14 +1860,14 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                             "prefix-icon": n(Rt),
                             placeholder: "筛选可用项"
                           }, null, 8, ["modelValue", "prefix-icon"]),
-                          (p(!0), j(O, null, L(n(s), (I) => (p(), j("div", null, [
+                          (p(!0), j(O, null, W(n(s), (I) => (p(), j("div", null, [
                             v(n(jt), { "border-style": "dotted" }, {
                               default: b(() => [
                                 K(F(I.title), 1)
                               ]),
                               _: 2
                             }, 1024),
-                            (p(!0), j(O, null, L(I.items, (z) => (p(), y(ce, {
+                            (p(!0), j(O, null, W(I.items, (z) => (p(), y(ce, {
                               title: z,
                               background: "",
                               actions: ["copy"],
@@ -1880,7 +1880,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                         ], 512), [
                           [Te, i.value === "normal"]
                         ]),
-                        De(v(Lo, {
+                        De(v(Wo, {
                           context: t.context,
                           onCopy: w,
                           onPick: _
@@ -2011,7 +2011,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           wrap: "wrap"
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(t.slots, (d, m) => (p(), y(n(U), {
+            (p(!0), j(O, null, W(t.slots, (d, m) => (p(), y(n(U), {
               class: X(["v-slots-picker__item", { "is-active": d.name === s.value?.name }]),
               grow: "",
               flex: !1,
@@ -2030,7 +2030,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       _: 1
     }, 16, ["height"]));
   }
-}), Wn = /* @__PURE__ */ E({
+}), Ln = /* @__PURE__ */ E({
   name: "Viewport",
   __name: "viewport",
   props: {
@@ -2139,7 +2139,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       _: 1
     }));
   }
-}), Uo = { class: "v-file-setter" }, Wt = /* @__PURE__ */ E({
+}), Uo = { class: "v-file-setter" }, Lt = /* @__PURE__ */ E({
   name: "FileSetter",
   __name: "file",
   props: {
@@ -2322,7 +2322,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           gutter: 5
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(n(t), (D) => (p(), y(n(yt), {
+            (p(!0), j(O, null, W(n(t), (D) => (p(), y(n(yt), {
               key: D.id,
               span: n(e)
             }, {
@@ -2394,7 +2394,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
               name: "urls",
               label: "资源文件",
               required: "",
-              editor: Wt,
+              editor: Lt,
               props: { attachment: { accept: f.value, multiple: h.value } }
             }, null, 8, ["props"])) : A("", !0)
           ]),
@@ -2444,7 +2444,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
             gutter: 5
           }, {
             default: b(() => [
-              (p(!0), j(O, null, L(n(i), (h) => (p(), y(n(yt), {
+              (p(!0), j(O, null, W(n(i), (h) => (p(), y(n(yt), {
                 span: n(e),
                 key: h.name
               }, {
@@ -2477,7 +2477,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                 "onUpdate:modelValue": f[1] || (f[1] = (h) => n(o)[n(s)] = h)
               }, {
                 default: b(() => [
-                  (p(!0), j(O, null, L(n(a).children, (h) => (p(), y(n(al), {
+                  (p(!0), j(O, null, W(n(a).children, (h) => (p(), y(n(al), {
                     key: h.name,
                     name: h.name,
                     title: `${h.label} (${h.count})`
@@ -2489,7 +2489,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                         gutter: 5
                       }, {
                         default: b(() => [
-                          (p(!0), j(O, null, L(h.components, (c) => (p(), y(n(yt), {
+                          (p(!0), j(O, null, W(h.components, (c) => (p(), y(n(yt), {
                             span: n(e),
                             key: c.name
                           }, {
@@ -2533,16 +2533,16 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       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);
+      if (!P.some((L) => L.slot)) return i(P);
+      for (const L of P) {
+        const H = L.slot?.name || "default";
+        D[H] || (D[H] = []), D[H].push(L);
       }
       const me = [];
-      for (const [W, H] of Object.entries(D))
+      for (const [L, H] of Object.entries(D))
         me.push({
-          id: `${B.id}-${W}`,
-          label: `#${W}`,
+          id: `${B.id}-${L}`,
+          label: `#${L}`,
           type: "slot",
           model: B,
           disabled: !0,
@@ -2582,7 +2582,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       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 = {
+      const G = B.data, L = {
         prev: "top",
         next: "bottom",
         inner: "inner"
@@ -2592,7 +2592,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
         H = D === "inner", t.value?.setDropping(H ? G.model : null, "inner");
       else {
         const N = G.model;
-        H = !!await t.value?.allowDrop(N, W), t.value?.setDropping(H ? N : null, "inner");
+        H = !!await t.value?.allowDrop(N, L), t.value?.setDropping(H ? N : null, "inner");
       }
       return H;
     }, c = (P) => {
@@ -2605,13 +2605,13 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
     }, _ = 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);
+        const We = G.model;
+        delete We.slot, s.value?.move(We, void 0, "inner"), t.value?.setDropping(null), t.value?.setDragging(null);
         return;
       }
-      const W = me.model, H = { before: "left", after: "right" }[D] || "inner";
+      const L = me.model, H = { before: "left", after: "right" }[D] || "inner";
       if (!await t.value?.allowDrop(
-        W,
+        L,
         H
       )) {
         t.value?.setDropping(null), d(), Qe.warning({
@@ -2620,11 +2620,11 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
         return;
       }
       const $e = await t.value?.getDropSlot(
-        D === "inner" ? W : W.parent
+        D === "inner" ? L : L.parent
       );
       if ($e !== null) {
-        const Le = G.model;
-        Le.slot = $e, s.value?.move(Le, W, H);
+        const We = G.model;
+        We.slot = $e, s.value?.move(We, L, H);
       } else
         d();
       t.value?.setDropping(null), t.value?.setDragging(null), e.simulator.refresh();
@@ -2742,7 +2742,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           key: 0,
           "image-size": 50
         })) : A("", !0),
-        n(e) ? (p(!0), j(O, { key: 1 }, L(n(e).items, (g, d) => (p(), y(n(ce), {
+        n(e) ? (p(!0), j(O, { key: 1 }, W(n(e).items, (g, d) => (p(), y(n(ce), {
           index: d + 1,
           title: g.label,
           "model-value": g,
@@ -3210,7 +3210,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
             clearable: ""
           }, null, 8, ["modelValue", "prefix-icon"])
         ]),
-        (p(!0), j(O, null, L(a.value, (c) => (p(), y(n(ce), {
+        (p(!0), j(O, null, W(a.value, (c) => (p(), y(n(ce), {
           key: c.id,
           small: "",
           title: c.name,
@@ -3268,7 +3268,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       onPlus: m
     }, {
       default: b(() => [
-        (p(!0), j(O, null, L(n(e), (w) => (p(), y(n(ce), {
+        (p(!0), j(O, null, W(n(e), (w) => (p(), y(n(ce), {
           key: w.package,
           title: w.package,
           subtitle: w.version,
@@ -3463,7 +3463,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       ref: t,
       class: "v-designer"
     }, [
-      v(n(Wn), {
+      v(n(Ln), {
         mode: f.value,
         width: n(s),
         height: n(a)
@@ -3561,7 +3561,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       onPlus: i
     }, {
       default: b(() => [
-        (p(!0), j(O, null, L(c.list, (w) => (p(), y(n(ce), {
+        (p(!0), j(O, null, W(c.list, (w) => (p(), y(n(ce), {
           title: e.itemTitle(w),
           border: "",
           actions: ["edit", "remove"],
@@ -3946,7 +3946,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(t.items, (d) => (p(), y(n(M), ie({ ref_for: !0 }, d, {
+            (p(!0), j(O, null, W(t.items, (d) => (p(), y(n(M), ie({ ref_for: !0 }, d, {
               key: `${d.name}_${t.node.id}`,
               current: t.current,
               context: t.context,
@@ -4199,7 +4199,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
               "image-size": 50,
               description: "该组件无自带事件"
             })),
-            (p(!0), j(O, null, L(n(o), (w) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(n(o), (w) => (p(), y(n(ce), {
               key: `component_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -4220,7 +4220,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           fit: !1
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(n(s), (w) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(n(s), (w) => (p(), y(n(ce), {
               key: `mouse_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -4242,7 +4242,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           fit: !1
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(n(a), (w) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(n(a), (w) => (p(), y(n(ce), {
               key: `keyboard_${w.name}`,
               title: w.name,
               "model-value": w,
@@ -4431,7 +4431,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           grow: ""
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(n(i), (_, w) => (p(), y(n(q), {
+            (p(!0), j(O, null, W(n(i), (_, w) => (p(), y(n(q), {
               card: "",
               border: "",
               class: "v-sub-panel",
@@ -4733,36 +4733,36 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
   name: "DefinedWidget",
   __name: "index",
   setup(u) {
-    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(), _ = () => {
+    const { current: e, context: t } = ue(), l = S(() => (e.value?.props || []).map((L) => typeof L == "string" ? { name: L } : L)), s = S(() => (e.value?.emits || []).map((L) => typeof L == "string" ? { name: L, params: [] } : L)), a = S(() => (e.value?.slots || []).map((L) => typeof L == "string" ? { name: L, params: [] } : L)), 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: H, modelValue: N } = W;
+    }, w = (L) => {
+      const { name: H, modelValue: N } = L;
       H === "edit" && x(N), H === "remove" && e.value?.removeProp(N);
-    }, x = (W) => {
-      i.value = W, r.value = !0;
+    }, x = (L) => {
+      i.value = L, r.value = !0;
     }, C = () => {
       d.value = void 0, g.value = !0;
-    }, I = (W) => {
-      d.value = { ...W }, g.value = !0;
-    }, z = (W) => {
-      const { name: H, modelValue: N } = W;
+    }, I = (L) => {
+      d.value = { ...L }, g.value = !0;
+    }, z = (L) => {
+      const { name: H, modelValue: N } = L;
       H === "edit" && I(N), H === "remove" && e.value?.removeEmit(N.name);
     }, R = () => {
       f.value = void 0, m.value = !0;
-    }, P = (W) => {
-      f.value = { ...W }, m.value = !0;
-    }, B = (W) => {
-      const { name: H, modelValue: N } = W;
+    }, P = (L) => {
+      f.value = { ...L }, m.value = !0;
+    }, B = (L) => {
+      const { name: H, modelValue: N } = L;
       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: H, modelValue: N } = W;
+    }, G = (L) => {
+      c.value = L, h.value = !0;
+    }, me = (L) => {
+      const { name: H, modelValue: N } = L;
       H === "edit" && G(N), H === "remove" && e.value?.removeInject(N);
     };
-    return (W, H) => n(e) && n(t) ? (p(), y(n(U), {
+    return (L, H) => n(e) && n(t) ? (p(), y(n(U), {
       key: 0,
       class: "v-defined-widget",
       direction: "column",
@@ -4778,7 +4778,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           onPlus: _
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(l.value, (N) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(l.value, (N) => (p(), y(n(ce), {
               "model-value": N,
               title: N.name,
               border: "",
@@ -4810,7 +4810,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           onPlus: C
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(s.value, (N) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(s.value, (N) => (p(), y(n(ce), {
               "model-value": N,
               title: N.name,
               border: "",
@@ -4842,7 +4842,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           onPlus: R
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(a.value, (N) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(a.value, (N) => (p(), y(n(ce), {
               "model-value": N,
               title: N.name,
               border: "",
@@ -4875,7 +4875,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           onPlus: D
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(o.value, (N) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(o.value, (N) => (p(), y(n(ce), {
               "model-value": N,
               title: N.name,
               border: "",
@@ -5161,7 +5161,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           onPlus: r
         }, {
           default: b(() => [
-            (p(!0), j(O, null, L(a.value, (f) => (p(), y(n(ce), {
+            (p(!0), j(O, null, W(a.value, (f) => (p(), y(n(ce), {
               border: "",
               title: f.name,
               subtitle: f.label,
@@ -5430,7 +5430,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       _: 1
     }));
   }
-}), Ir = { class: "v-spacing-input" }, Tr = { class: "v-spacing-input__content" }, Br = ["onClick"], Ln = /* @__PURE__ */ E({
+}), Ir = { class: "v-spacing-input" }, Tr = { class: "v-spacing-input__content" }, Br = ["onClick"], Wn = /* @__PURE__ */ E({
   __name: "spacing-input",
   props: {
     name: {},
@@ -5497,7 +5497,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                   wrap: "wrap"
                 }, {
                   default: b(() => [
-                    (p(), j(O, null, L(t, (_) => V("span", {
+                    (p(), j(O, null, W(t, (_) => V("span", {
                       onClick: (w) => g(_)
                     }, F(_), 9, Br)), 64))
                   ]),
@@ -5540,7 +5540,7 @@ const Eo = { class: "v-icon-setter" }, Do = { 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" }, 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 = {
+}), Rr = { class: "spacing-wrap" }, $r = { class: "spacing-max-icon" }, Or = ["width", "height"], zr = ["d"], Fr = ["d"], Lr = ["d"], Wr = ["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%",
@@ -5635,7 +5635,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                       "aria-label": "Margin bottom button",
                       class: "tb-path-color",
                       onClick: c[2] || (c[2] = (_) => f("margin-bottom"))
-                    }, null, 8, Wr)
+                    }, null, 8, Lr)
                   ])
                 ]),
                 V("g", null, [
@@ -5653,7 +5653,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                       "aria-label": "Margin left button",
                       class: "lr-path-color",
                       onClick: c[3] || (c[3] = (_) => f("margin-left"))
-                    }, null, 8, Lr)
+                    }, null, 8, Wr)
                   ])
                 ]),
                 V("clipPath", Nr, [
@@ -5895,7 +5895,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
               }, " margin ", -1)
             ])))
           ]),
-          i.value ? (p(), y(Ln, {
+          i.value ? (p(), y(Wn, {
             key: 0,
             name: g.value,
             modelValue: d.value,
@@ -5985,7 +5985,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           inline: ""
         }, {
           default: b(() => [
-            (p(), j(O, null, L(s, (r) => v(n(M), {
+            (p(), j(O, null, W(s, (r) => v(n(M), {
               name: r.name,
               label: r.label,
               setters: { name: r.setter },
@@ -6016,8 +6016,8 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       { label: "粘性", value: "sticky" }
     ], g = [
       { label: "左上", svg: Fs, value: "0% auto auto 0%" },
-      { label: "右上", svg: Ws, value: "0% 0% auto auto" },
-      { label: "左下", svg: Ls, value: "auto auto 0% 0%" },
+      { label: "右上", svg: Ls, value: "0% 0% auto auto" },
+      { label: "左下", svg: Ws, value: "auto auto 0% 0%" },
       { label: "右下", svg: Ns, value: "auto 0% 0% auto" },
       { label: "左", svg: Js, value: "0% auto 0% 0%" },
       { label: "右", svg: Ms, value: "0% 0% 0% auto" },
@@ -6214,7 +6214,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
                         onClick: c[7] || (c[7] = (_) => m("left"))
                       }, F(e.styleJson.left || d.value[3] || "-"), 3)
                     ], 512),
-                    a.value ? (p(), y(Ln, {
+                    a.value ? (p(), y(Wn, {
                       key: 0,
                       auto: "",
                       name: o.value,
@@ -6327,7 +6327,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
           inline: ""
         }, {
           default: b(() => [
-            (p(), j(O, null, L(t, (i) => v(n(M), {
+            (p(), j(O, null, W(t, (i) => v(n(M), {
               name: i.name,
               label: i.label,
               setters: { name: i.setter },
@@ -6780,7 +6780,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       class: "v-previewer",
       key: s.value
     }, [
-      v(n(Wn), {
+      v(n(Ln), {
         mode: d.value,
         width: n(r),
         height: n(i)
@@ -6813,7 +6813,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       "separator-icon": n(ya)
     }, {
       default: b(() => [
-        (p(!0), j(O, null, L(l.value, (i) => (p(), y(n(rl), {
+        (p(!0), j(O, null, W(l.value, (i) => (p(), y(n(rl), {
           onClick: (g) => s(i),
           onMouseover: (g) => a(i)
         }, {
@@ -6957,7 +6957,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       V("div", zi, "版本：" + F(n(Ra)), 1)
     ]));
   }
-}), Wi = /* @__PURE__ */ E({
+}), Li = /* @__PURE__ */ E({
   name: "ProjectConfigWidget",
   __name: "index",
   setup(u) {
@@ -6985,7 +6985,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
             v(n(T), {
               label: "Logo",
               name: "logo",
-              editor: Wt,
+              editor: Lt,
               props: { attachment: { accept: ".png,.jpg,.jpeg" } }
             }),
             v(n(T), {
@@ -7033,8 +7033,8 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
   Raw: Ii,
   Docs: Bi,
   About: Fi,
-  ProjectConfig: Wi
-}, Li = [
+  ProjectConfig: Li
+}, Wi = [
   {
     name: "Logo",
     region: "Brand",
@@ -7945,7 +7945,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
     const e = u;
     return (t, l) => (p(), y(n(ul), ie({ clearable: "" }, t.$attrs), {
       default: b(() => [
-        (p(!0), j(O, null, L(e.options, (s) => (p(), y(n(cl), ie({
+        (p(!0), j(O, null, W(e.options, (s) => (p(), y(n(cl), ie({
           key: s.label,
           ref_for: !0
         }, s), null, 16))), 128))
@@ -8148,7 +8148,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       size: "small"
     }, t.$attrs), {
       default: b(() => [
-        (p(!0), j(O, null, L(e.options, (s) => (p(), y(n(nt), {
+        (p(!0), j(O, null, W(e.options, (s) => (p(), y(n(nt), {
           label: s.label,
           value: s.value,
           title: s.label
@@ -8183,7 +8183,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       class: "v-tag-setter",
       size: "small"
     }, a.$attrs), [
-      (p(!0), j(O, null, L(t.options, (r) => (p(), j("span", {
+      (p(!0), j(O, null, W(t.options, (r) => (p(), j("span", {
         label: r.value,
         title: r.label,
         class: X({
@@ -8294,7 +8294,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
       l("change", s.value.join(" ").trim());
     };
     return (o, r) => (p(), j("div", iu, [
-      (p(!0), j(O, null, L(t.sections, (i) => (p(), y(Jn, {
+      (p(!0), j(O, null, W(t.sections, (i) => (p(), y(Jn, {
         name: i - 1,
         modelValue: s.value[i - 1],
         "onUpdate:modelValue": (g) => s.value[i - 1] = g,
@@ -8353,7 +8353,7 @@ const Eo = { class: "v-icon-setter" }, Do = { class: "v-icon-setter__content" },
   ImageSetter: ru,
   SectionSetter: uu,
   SliderSetter: du,
-  FileSetter: Wt
+  FileSetter: Lt
 }, pu = {
   name: "StringSetter",
   component: ee.StringSetter,
@@ -8498,7 +8498,7 @@ class vu {
   }
   createWidgets() {
     const e = {};
-    for (const t of Li)
+    for (const t of Wi)
       e[t.name] = t;
     return e;
   }
@@ -8665,9 +8665,9 @@ class bu {
     s.type = "module", s.src = t, s.onload = () => l && l(), e.document.head.appendChild(s);
   }
   async loadScripts(e, t) {
-    const l = this.engine?.project.value, { __BASE_PATH__: s = "/" } = l || {}, a = "", o = Date.now(), r = `${a}${s}${Wa}?t=${o}`;
+    const l = this.engine?.project.value, { __BASE_PATH__: s = "/" } = l || {}, a = "", o = Date.now(), r = `${a}${s}${La}?t=${o}`;
     this.enabled === void 0 && (this.enabled = await this.checkDevtools(r)), this.enabled && this.createScript(e, r, () => {
-      const i = `${a}${s}${La}?t=${o}`;
+      const i = `${a}${s}${Wa}?t=${o}`;
       this.isInited ? this.createScript(e, i, t) : t();
     });
   }
@@ -8759,7 +8759,7 @@ class _u {
     ), 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(
+    ), t.addEventListener("dragend", this.bind(this.onDragEnd, "onDragEnd")), t.addEventListener("drop", this.bind(this.onDrop, "onDrop")), t.addEventListener(
       "click",
       this.bind(this.onSelected, "onSelected"),
       !0
@@ -8790,7 +8790,7 @@ class _u {
     ), 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(
+    ), t.removeEventListener("dragend", this.bind(this.onDragEnd, "onDragEnd")), 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(
@@ -8877,6 +8877,9 @@ class _u {
     const { model: l } = t, s = this.engine.assets.componentMap.get(l.name);
     s && this.setDragging(s), this.setDraggingNode(l);
   }
+  onDragEnd() {
+    this.setDraggingNode(null), this.setDragging(null);
+  }
   isVtjElement(e) {
     return !!e.__vtj__ && !!e.__context__;
   }
@@ -9400,7 +9403,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(He, () => 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(Ll, (t) => this.loadHistory(t));
   }
   async activeFile(t) {
     await ke();
@@ -9472,7 +9475,7 @@ class ic extends wn {
   async initHistory(t) {
     if (t) {
       const l = await this.service.getHistory(t.id).catch(() => null);
-      this.history.value = new Ll(
+      this.history.value = new Wl(
         Object.assign(l || {}, { id: t.id })
       );
     } else
@@ -9817,7 +9820,7 @@ const Ee = E({
       isPreview: l
     }), (C, I) => (p(), y(n(gl), { locale: n(yl) }, {
       default: b(() => [
-        v(n(Lt), { class: "v-skeleton" }, {
+        v(n(Wt), { class: "v-skeleton" }, {
           default: b(() => [
             v(n(fl), {
               class: "v-skeleton__header",
@@ -9843,7 +9846,7 @@ const Ee = E({
               ]),
               _: 1
             }, 8, ["height"]),
-            v(n(Lt), { class: "v-skeleton__wrapper" }, {
+            v(n(Wt), { class: "v-skeleton__wrapper" }, {
               default: b(() => [
                 l.value ? A("", !0) : De((p(), y(n(Nt), {
                   key: 0,
@@ -10040,7 +10043,7 @@ const Ee = E({
               dropdown: b(() => [
                 v(n(mn), null, {
                   default: b(() => [
-                    (p(!0), j(O, null, L(t.setters, (I) => (p(), y(n(ht), {
+                    (p(!0), j(O, null, W(t.setters, (I) => (p(), y(n(ht), {
                       command: I,
                       key: I.name
                     }, {
@@ -10106,7 +10109,7 @@ const Ee = E({
       widgets: l,
       widgetsRef: s
     }), (a, o) => (p(), j("div", Ru, [
-      (p(!0), j(O, null, L(n(l), (r) => (p(), y(n(Ie), {
+      (p(!0), j(O, null, W(n(l), (r) => (p(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -10128,7 +10131,7 @@ const Ee = E({
       widgets: l,
       widgetsRef: s
     }), (a, o) => (p(), j("div", Ou, [
-      (p(!0), j(O, null, L(n(l), (r) => (p(), y(n(Ie), {
+      (p(!0), j(O, null, W(n(l), (r) => (p(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -10138,7 +10141,7 @@ const Ee = E({
       }, null, 8, ["region", "widget", "preview"]))), 256))
     ]));
   }
-}), Fu = { class: "v-actions-region" }, Wu = /* @__PURE__ */ E({
+}), Fu = { class: "v-actions-region" }, Lu = /* @__PURE__ */ E({
   name: "ActionsRegion",
   inheritAttrs: !1,
   __name: "actions",
@@ -10151,7 +10154,7 @@ const Ee = E({
       widgets: l,
       widgetsRef: s
     }), (a, o) => (p(), j("div", Fu, [
-      (p(!0), j(O, null, L(n(l), (r) => (p(), y(n(Ie), {
+      (p(!0), j(O, null, W(n(l), (r) => (p(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -10160,7 +10163,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" }, Hu = /* @__PURE__ */ E({
+}), Wu = { class: "v-apps-region" }, Nu = { class: "v-apps-region__header" }, Ju = { class: "v-apps-region__top" }, Mu = { class: "v-apps-region__bottom" }, Uu = { class: "v-apps-region__panels" }, Hu = /* @__PURE__ */ E({
   name: "AppsRegion",
   inheritAttrs: !1,
   __name: "apps",
@@ -10188,10 +10191,10 @@ const Ee = E({
         const _ = o.value.find((w) => w.name === c);
         g.value = _, d.value = _;
       }
-    }), (c, _) => (p(), j("div", Lu, [
+    }), (c, _) => (p(), j("div", Wu, [
       V("div", Nu, [
         V("div", Ju, [
-          (p(!0), j(O, null, L(o.value, (w) => (p(), y(n(en), {
+          (p(!0), j(O, null, W(o.value, (w) => (p(), y(n(en), {
             key: `icon-${w.name}`,
             icon: w.icon,
             label: w.label,
@@ -10201,7 +10204,7 @@ const Ee = E({
           }, null, 8, ["icon", "label", "active", "open", "onClick"]))), 128))
         ]),
         V("div", Mu, [
-          (p(!0), j(O, null, L(r.value, (w) => (p(), y(n(en), {
+          (p(!0), j(O, null, W(r.value, (w) => (p(), y(n(en), {
             key: `icon-${w.name}`,
             icon: w.icon,
             label: w.label,
@@ -10210,7 +10213,7 @@ const Ee = E({
         ])
       ]),
       V("div", Uu, [
-        (p(!0), j(O, null, L(o.value, (w) => (p(), y(cn, {
+        (p(!0), j(O, null, W(o.value, (w) => (p(), y(cn, {
           key: w.name
         }, [
           g.value?.name === w.name ? (p(), y(n(Ie), {
@@ -10282,7 +10285,7 @@ const Ee = E({
       onActionClick: h
     }, {
       default: b(() => [
-        (p(!0), j(O, null, L(n(l), (w) => (p(), j(O, {
+        (p(!0), j(O, null, W(n(l), (w) => (p(), j(O, {
           key: w.name
         }, [
           i.value === w.name ? (p(), y(n(Ie), {
@@ -10399,7 +10402,7 @@ const Ee = E({
               onActionClick: _
             }, {
               default: b(() => [
-                (p(!0), j(O, null, L(n(i), (C) => (p(), j(O, {
+                (p(!0), j(O, null, W(n(i), (C) => (p(), j(O, {
                   key: C.name
                 }, [
                   d.value === C.name ? (p(), y(n(Ie), {
@@ -10443,7 +10446,7 @@ const Ee = E({
       widgets: l,
       widgetsRef: s
     }), (a, o) => (p(), j("div", Xu, [
-      (p(!0), j(O, null, L(n(l), (r) => (p(), y(n(Ie), {
+      (p(!0), j(O, null, W(n(l), (r) => (p(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: s,
@@ -10479,7 +10482,7 @@ const Ee = E({
       "onUpdate:modelValue": g[0] || (g[0] = (d) => r.value = d)
     }, {
       default: b(() => [
-        (p(!0), j(O, null, L(n(l), (d) => (p(), y(cn, {
+        (p(!0), j(O, null, W(n(l), (d) => (p(), y(cn, {
           key: d.name
         }, [
           r.value === d.name ? (p(), y(n(Ie), {
@@ -10499,7 +10502,7 @@ const Ee = E({
   EmptyRegion: Bu,
   Brand: $u,
   Toolbar: zu,
-  Actions: Wu,
+  Actions: Lu,
   Apps: Hu,
   Workspace: qu,
   Settings: Gu,
@@ -10537,17 +10540,17 @@ export {
   ct as Tabs,
   Ra as VTJ_DESIGNER_VERSION,
   Kt as VUE_DEVTOOLS_FRAME_STATE_KEY,
-  La as VUE_DEVTOOLS_OVERLAY_PATH,
-  Wa as VUE_DEVTOOLS_PATH,
+  Wa as VUE_DEVTOOLS_OVERLAY_PATH,
+  La as VUE_DEVTOOLS_PATH,
   br as VariableBinder,
-  Lo as Viewer,
-  Wn as Viewport,
+  Wo as Viewer,
+  Ln as Viewport,
   he as WidgetGroup,
   Ie as WidgetWrapper,
   Ni as builtInDeps,
   Hi as builtInMaterials,
   mu as builtInSetters,
-  Li as builtInWidgets,
+  Wi as builtInWidgets,
   Fe as confirm,
   yu as createSlotsPicker,
   pu as defaultSetter,

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.8.145",
+  "version": "0.8.146",
   "type": "module",
   "dependencies": {
     "mockjs": "~1.1.0",
     "monaco-editor": "~0.51.0",
-    "@vtj/core": "~0.8.145",
-    "@vtj/renderer": "~0.8.145",
-    "@vtj/icons": "~0.8.145",
-    "@vtj/ui": "~0.8.145",
-    "@vtj/utils": "~0.8.145"
+    "@vtj/core": "~0.8.146",
+    "@vtj/icons": "~0.8.146",
+    "@vtj/ui": "~0.8.146",
+    "@vtj/renderer": "~0.8.146",
+    "@vtj/utils": "~0.8.146"
   },
   "devDependencies": {
     "@types/mockjs": "~1.0.10",

package/types/framework/designer.d.ts

@@ -41,6 +41,7 @@ export declare class Designer {
     private onSelected;
     private onDragOver;
     private onDragStart;
+    private onDragEnd;
     private isVtjElement;
     private findVtjElement;
     private getNodeByElement;

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.8.144
+ * @version 0.8.145
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.144";
+export declare const version = "0.8.145";