@vtj/designer 0.8.98 → 0.8.99

package/dist/index.mjs

@@ -1,20 +1,20 @@
-import { computed as S, unref as n, ref as k, reactive as qe, watchEffect as Jn, watch as q, toValue as pt, defineComponent as E, openBlock as d, createElementBlock as A, toDisplayString as z, createVNode as v, withCtx as h, createElementVNode as V, createBlock as y, createCommentVNode as j, createTextVNode as G, Fragment as T, renderList as N, normalizeClass as H, resolveDynamicComponent as Yt, createSlots as Mn, withDirectives as Ee, vShow as Ie, renderSlot as Se, withModifiers as Ne, readonly as Ln, getCurrentScope as Un, onScopeDispose as qn, onMounted as et, nextTick as we, getCurrentInstance as Zt, toRaw as Hn, isRef as mt, mergeProps as re, normalizeStyle as Xe, defineAsyncComponent as Gn, h as Te, inject as xt, provide as Xn, normalizeProps as en, guardReactiveProps as tn, withKeys as Qe, onUnmounted as nn, markRaw as vt, createApp as ln, shallowRef as gt, shallowReactive as Qn, triggerRef as Ae, KeepAlive as an } from "vue";
+import { computed as S, unref as n, ref as k, reactive as qe, watchEffect as Jn, watch as q, toValue as pt, defineComponent as E, openBlock as d, createElementBlock as A, toDisplayString as z, createVNode as v, withCtx as h, createElementVNode as V, createBlock as y, createCommentVNode as j, createTextVNode as G, Fragment as T, renderList as N, normalizeClass as H, resolveDynamicComponent as Yt, createSlots as Mn, withDirectives as Ee, vShow as De, renderSlot as Se, withModifiers as Ne, readonly as Ln, getCurrentScope as Un, onScopeDispose as qn, onMounted as et, nextTick as we, getCurrentInstance as Zt, toRaw as Hn, isRef as mt, mergeProps as re, normalizeStyle as Xe, defineAsyncComponent as Gn, h as Te, inject as xt, provide as Xn, normalizeProps as en, guardReactiveProps as tn, withKeys as Qe, onUnmounted as nn, markRaw as vt, createApp as ln, shallowRef as gt, shallowReactive as Qn, triggerRef as Ae, KeepAlive as an } from "vue";
 import { ElNotification as Ct, ElMessageBox as Vt, ElMessage as tt, ElButton as ae, ElDivider as At, ElRadioGroup as sn, ElRadioButton as Ke, ElButtonGroup as Kn, ElDropdown as on, ElDropdownMenu as rn, ElDropdownItem as ft, ElInput as ye, ElEmpty as se, ElTooltip as un, ElTag as Yn, ElSwitch as cn, ElTree as jt, ElAlert as dn, ElRow as ht, ElCol as bt, ElCollapse as Zn, ElCollapseItem as el, ElDrawer as pn, ElForm as ge, ElFormItem as mn, ElBreadcrumb as tl, ElBreadcrumbItem as nl, ElLoading as ll, ElSelect as al, ElOption as sl, ElInputNumber as ol, ElColorPicker as rl, ElUpload as il, ElSlider as ul, ElConfigProvider as cl, ElContainer as Ot, ElHeader as dl, ElAside as Ft, ElMain as pl, ElFooter as ml } from "element-plus";
 import vl from "element-plus/es/locale/lang/zh-cn";
 import { XIcon as xe, XDialog as Be, XDialogForm as Ve, XField as B, XPanel as nt, XAction as he, XTabs as Et, XContainer as M, XForm as Pt, XAttachment as gl, XActionBar as fl, XInputUnit as vn, vResizable as Nt, createDialog as hl } from "@vtj/ui";
-import { delay as gn, upperFirstCamelCase as fn, toRawType as ut, cloneDeep as lt, logger as Ce, isPlainObject as bl, fileToBase64 as yl, merge as Dt, arrayToMap as _l, toArray as wl } from "@vtj/utils";
-import { isBlock as ee, DirectiveModel as hn, createNodeFrom as kl, BUILT_IN_VUE as Sl, BUILT_IN_VUE_ROUTER as xl, BUILT_IN_NAME as yt, emitter as te, EVENT_PROJECT_ACTIVED as _t, EVENT_NODE_CHANGE as Je, NodeModel as Wt, EVENT_BLOCK_CHANGE as wt, Base as bn, BUILT_IN_LIBRARAY_MAP as Cl, ProjectModel as Vl, EVENT_PROJECT_CHANGE as Al, EVENT_PROJECT_BLOCKS_CHANGE as jl, EVENT_PROJECT_PAGES_CHANGE as El, EVENT_PROJECT_DEPS_CHANGE as Pl, EVENT_PROJECT_PUBLISH as Dl, EVENT_PROJECT_FILE_PUBLISH as Il, EVENT_HISTORY_CHANGE as Bl, EVENT_HISTORY_LOAD as Rl, BlockModel as Jt, HistoryModel as $l } from "@vtj/core";
+import { delay as gn, upperFirstCamelCase as fn, toRawType as ut, cloneDeep as lt, logger as Ce, isPlainObject as bl, fileToBase64 as yl, merge as It, arrayToMap as _l, toArray as wl } from "@vtj/utils";
+import { isBlock as ee, DirectiveModel as hn, createNodeFrom as kl, BUILT_IN_VUE as Sl, BUILT_IN_VUE_ROUTER as xl, BUILT_IN_NAME as yt, emitter as te, EVENT_PROJECT_ACTIVED as _t, EVENT_NODE_CHANGE as Je, NodeModel as Wt, EVENT_BLOCK_CHANGE as wt, Base as bn, BUILT_IN_LIBRARAY_MAP as Cl, ProjectModel as Vl, EVENT_PROJECT_CHANGE as Al, EVENT_PROJECT_BLOCKS_CHANGE as jl, EVENT_PROJECT_PAGES_CHANGE as El, EVENT_PROJECT_DEPS_CHANGE as Pl, EVENT_PROJECT_PUBLISH as Il, EVENT_PROJECT_FILE_PUBLISH as Dl, EVENT_HISTORY_CHANGE as Bl, EVENT_HISTORY_LOAD as Rl, BlockModel as Jt, HistoryModel as $l } from "@vtj/core";
 import { parseExpression as Me, parseFunction as Tl, JSCodeToString as ze, LIFE_CYCLES_LIST as zl, DATA_TYPES as Ol, isJSExpression as Le, ContextMode as yn, parseDeps as Fl, createAssetsCss as Nl, createAssetScripts as Mt, getRawComponent as Lt, createSchemaApis as Wl, mockCleanup as Jl, mockApis as Ml, Provider as Ll, isJSFunction as Ul } from "@vtj/renderer";
-import { VtjIconBack as ql, VtjIconPc as Hl, VtjIconPhone as Gl, VtjIconPad as Xl, VtjIconUndo as Ql, VtjIconRedo as Kl, VtjIconPreview as Yl, VtjIconRefresh as Zl, VtjIconSetting as _n, icons as kt, ArrowDown as wn, Search as It, Back as ea, VtjIconPlus as kn, EditPen as ta, Delete as na, VtjIconSave as la, ArrowUp as aa, MoreFilled as Bt, VtjIconCheck as Sn, VtjIconCopy as xn, VtjIconEdit as Cn, VtjIconRemove as at, VtjIconLock as Vn, VtjIconUnlock as sa, VtjIconInvisible as An, VtjIconVisible as oa, VtjIconHome as ra, Files as ia, VtjIconSearch as ua, VtjIconHelp as jn, VtjIconLayers as En, Rank as ca, VtjIconArrowUp as da, VtjIconArrowDown as pa, IconDisplayBlock as ma, IconDisplayFlex as va, IconDisplayInlineBlock as ga, IconDisplayInline as fa, IconEyeInvisible as ha, IconFlexDirectionrow as ba, IconFlexDirectionrowReverse as ya, IconFlexDirectioncolumn as _a, IconFlexDirectioncolumnReverse as wa, IconFlexJustifyflexStartrow as ka, IconFlexJustifyflexEndrow as Sa, IconFlexJustifycenterrow as xa, IconFlexJustifyspaceBetweenrow as Ca, IconFlexJustifyspaceAroundrow as Va, IconFlexAlignflexStartrow as Aa, IconFlexAlignflexEndrow as ja, IconFlexAligncenterrow as Ea, IconFlexAlignbaselinerow as Pa, IconFlexAlignstretchrow as Da, IconPositionTopLeft as Ia, IconPositionTopRight as Ba, IconPositionBottomLeft as Ra, IconPositionBottomRight as $a, IconPositionLeft as Ta, IconPositionRight as za, IconPositionTop as Oa, IconPositionBottom as Fa, IconPositionAll as Na, IconTextAlignLeft as Wa, IconTextAlignCenter as Ja, IconTextAlignRight as Ma, IconTextAlignJustify as La, IconFontStyleNone as Ua, IconFontStyleItalic as qa, IconCross as Pn, IconTextDecorationUnderline as Ha, IconTextDecorationStrike as Ga, IconTextDecorationOverline as Xa, IconTileXy as Qa, IconTileX as Ka, IconTileY as Ya, IconClose as Za, IconBorderAll as es, IconBorderLeft as ts, IconBorderTop as ns, IconBorderBottom as ls, IconBorderRight as as, IconBorderStyleSolid as ss, IconBorderStyleDashed as os, IconBorderStyleDotted as rs, IconCursorAuto as is, IconCursorPointer as us, IconCursorNotAllowed as cs, IconCursorNone as ds, ArrowRight as ps, VtjIconDocument as ms, VtjIconComponents as vs, VtjIconBlock as gs, VtjIconOutline as fs, VtjIconHistory as hs, VtjIconApi as bs, VtjIconCategory as ys, VtjIconInfo as _s, HomeFilled as ws, Plus as ks, Close as Ss, VtjIconVars as xs, VtjIconSwitch as Cs, Switch as Vs } from "@vtj/icons";
+import { VtjIconBack as ql, VtjIconPc as Hl, VtjIconPhone as Gl, VtjIconPad as Xl, VtjIconUndo as Ql, VtjIconRedo as Kl, VtjIconPreview as Yl, VtjIconRefresh as Zl, VtjIconSetting as _n, icons as kt, ArrowDown as wn, Search as Dt, Back as ea, VtjIconPlus as kn, EditPen as ta, Delete as na, VtjIconSave as la, ArrowUp as aa, MoreFilled as Bt, VtjIconCheck as Sn, VtjIconCopy as xn, VtjIconEdit as Cn, VtjIconRemove as at, VtjIconLock as Vn, VtjIconUnlock as sa, VtjIconInvisible as An, VtjIconVisible as oa, VtjIconHome as ra, Files as ia, VtjIconSearch as ua, VtjIconHelp as jn, VtjIconLayers as En, Rank as ca, VtjIconArrowUp as da, VtjIconArrowDown as pa, IconDisplayBlock as ma, IconDisplayFlex as va, IconDisplayInlineBlock as ga, IconDisplayInline as fa, IconEyeInvisible as ha, IconFlexDirectionrow as ba, IconFlexDirectionrowReverse as ya, IconFlexDirectioncolumn as _a, IconFlexDirectioncolumnReverse as wa, IconFlexJustifyflexStartrow as ka, IconFlexJustifyflexEndrow as Sa, IconFlexJustifycenterrow as xa, IconFlexJustifyspaceBetweenrow as Ca, IconFlexJustifyspaceAroundrow as Va, IconFlexAlignflexStartrow as Aa, IconFlexAlignflexEndrow as ja, IconFlexAligncenterrow as Ea, IconFlexAlignbaselinerow as Pa, IconFlexAlignstretchrow as Ia, IconPositionTopLeft as Da, IconPositionTopRight as Ba, IconPositionBottomLeft as Ra, IconPositionBottomRight as $a, IconPositionLeft as Ta, IconPositionRight as za, IconPositionTop as Oa, IconPositionBottom as Fa, IconPositionAll as Na, IconTextAlignLeft as Wa, IconTextAlignCenter as Ja, IconTextAlignRight as Ma, IconTextAlignJustify as La, IconFontStyleNone as Ua, IconFontStyleItalic as qa, IconCross as Pn, IconTextDecorationUnderline as Ha, IconTextDecorationStrike as Ga, IconTextDecorationOverline as Xa, IconTileXy as Qa, IconTileX as Ka, IconTileY as Ya, IconClose as Za, IconBorderAll as es, IconBorderLeft as ts, IconBorderTop as ns, IconBorderBottom as ls, IconBorderRight as as, IconBorderStyleSolid as ss, IconBorderStyleDashed as os, IconBorderStyleDotted as rs, IconCursorAuto as is, IconCursorPointer as us, IconCursorNotAllowed as cs, IconCursorNone as ds, ArrowRight as ps, VtjIconDocument as ms, VtjIconComponents as vs, VtjIconBlock as gs, VtjIconOutline as fs, VtjIconHistory as hs, VtjIconApi as bs, VtjIconCategory as ys, VtjIconInfo as _s, HomeFilled as ws, Plus as ks, Close as Ss, VtjIconVars as xs, VtjIconSwitch as Cs, Switch as Vs } from "@vtj/icons";
 import As from "mockjs";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.98
+ * @version 0.8.99
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const js = "0.8.98", Ut = {
+const js = "0.8.99", Ut = {
   width: 390,
   height: 844
 }, qt = {
@@ -29,14 +29,14 @@ const js = "0.8.98", Ut = {
   "mouseup",
   "mouseover",
   "contextmenu"
-], Ps = ["keydown", "keyup", "keypress"], Ds = [
+], Ps = ["keydown", "keyup", "keypress"], Is = [
   "GET",
   "POST",
   "PUT",
   "PATCH",
   "DELETE",
   "JSONP"
-], Is = [
+], Ds = [
   "stop",
   "prevent",
   "capture",
@@ -45,7 +45,7 @@ const js = "0.8.98", Ut = {
   "passive"
 ];
 var fe = /* @__PURE__ */ ((i) => (i.Block = "block", i.Node = "node", i))(fe || {}), Bs = /* @__PURE__ */ ((i) => (i.Brand = "Brand", i.Toolbar = "Toolbar", i.Actions = "Actions", i.Apps = "Apps", i.Workspace = "Workspace", i.Settings = "Settings", i.Status = "Status", i.Preview = "Preview", i))(Bs || {});
-function Dn() {
+function In() {
   const i = ce(), e = S(() => i.project.value?.dependencies ?? []), t = S(() => i.project.value?.apis ?? []), l = S(() => i.project.value?.meta ?? []);
   return {
     engine: i,
@@ -61,7 +61,7 @@ function Pe(i, e) {
     widgetsRef: l
   };
 }
-function In() {
+function Dn() {
   const i = ce();
   return {
     span: S(() => {
@@ -221,10 +221,10 @@ function Ns(i, e) {
     x.length && p.push({ title: "计算属性", items: x });
     const C = Object.keys(u.methods).map(($) => `this.${$}`);
     C.length && p.push({ title: "方法", items: C });
-    const I = Object.keys(u.dataSources).map(
+    const D = Object.keys(u.dataSources).map(
       ($) => `this.${$}`
     );
-    I.length && p.push({ title: "数据源", items: I });
+    D.length && p.push({ title: "数据源", items: D });
     const O = Object.keys(g?.$refs || {}).map(
       ($) => `this.$refs.${$}`
     );
@@ -814,7 +814,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           V("div", co, [
             v(n(ye), {
               size: t.size,
-              "prefix-icon": n(It),
+              "prefix-icon": n(Dt),
               clearable: "",
               modelValue: s.value,
               "onUpdate:modelValue": c[0] || (c[0] = (_) => s.value = _),
@@ -1049,7 +1049,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           title: "展开",
           onClick: c[0] || (c[0] = (_) => f(!1))
         }, null, 8, ["size", "icon"])), [
-          [Ie, a.value]
+          [De, a.value]
         ]) : j("", !0),
         t.collapsable ? Ee((d(), y(n(he), {
           key: 5,
@@ -1060,7 +1060,7 @@ const Xs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           title: "收起",
           onClick: c[1] || (c[1] = (_) => f(!0))
         }, null, 8, ["size", "icon"])), [
-          [Ie, !a.value]
+          [De, !a.value]
         ]) : j("", !0),
         Se(b.$slots, "actions")
       ]),
@@ -1558,7 +1558,7 @@ function Qt(i, e = {}) {
     query: g
   } : r;
 }
-function Do(i = {}) {
+function Io(i = {}) {
   const {
     navigator: e = $n,
     read: t = !1,
@@ -1576,12 +1576,12 @@ function Do(i = {}) {
     g.value && C != null && (s.value && x(u.value) ? await e.clipboard.writeText(C) : _(C), p.value = C, m.value = !0, f.start());
   }
   function _(C) {
-    const I = document.createElement("textarea");
-    I.value = C ?? "", I.style.position = "absolute", I.style.opacity = "0", document.body.appendChild(I), I.select(), document.execCommand("copy"), I.remove();
+    const D = document.createElement("textarea");
+    D.value = C ?? "", D.style.position = "absolute", D.style.opacity = "0", document.body.appendChild(D), D.select(), document.execCommand("copy"), D.remove();
   }
   function w() {
-    var C, I, O;
-    return (O = (I = (C = document?.getSelection) == null ? void 0 : C.call(document)) == null ? void 0 : I.toString()) != null ? O : "";
+    var C, D, O;
+    return (O = (D = (C = document?.getSelection) == null ? void 0 : C.call(document)) == null ? void 0 : D.toString()) != null ? O : "";
   }
   function x(C) {
     return C === "granted" || C === "prompt";
@@ -1593,7 +1593,7 @@ function Do(i = {}) {
     copy: c
   };
 }
-function Io(i, e, t = {}) {
+function Do(i, e, t = {}) {
   const { window: l = it, ...a } = t;
   let o;
   const s = $t(() => l && "ResizeObserver" in l), r = () => {
@@ -1620,7 +1620,7 @@ function Ue(i, e = { width: 0, height: 0 }, t = {}) {
   const { window: l = it, box: a = "content-box" } = t, o = S(() => {
     var m, f;
     return (f = (m = be(i)) == null ? void 0 : m.namespaceURI) == null ? void 0 : f.includes("svg");
-  }), s = k(e.width), r = k(e.height), { stop: u } = Io(
+  }), s = k(e.width), r = k(e.height), { stop: u } = Do(
     i,
     ([m]) => {
       const f = a === "border-box" ? m.borderBoxSize : a === "content-box" ? m.contentBoxSize : m.devicePixelContentBoxSize;
@@ -1744,7 +1744,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     "close"
   ],
   setup(i, { emit: e }) {
-    const t = i, l = e, { searchResult: a, keyword: o } = Ns(t.block, t.context), { copy: s } = Do({}), r = [
+    const t = i, l = e, { searchResult: a, keyword: o } = Ns(t.block, t.context), { copy: s } = Io({}), r = [
       {
         name: "normal",
         label: "常用"
@@ -1798,7 +1798,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   class: "v-binder__tabs",
                   items: r,
                   modelValue: u.value,
-                  "onUpdate:modelValue": C[1] || (C[1] = (I) => u.value = I)
+                  "onUpdate:modelValue": C[1] || (C[1] = (D) => u.value = D)
                 }, {
                   default: h(() => [
                     v(n(M), {
@@ -1811,20 +1811,20 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                         Ee(V("div", null, [
                           v(n(ye), {
                             modelValue: n(o),
-                            "onUpdate:modelValue": C[0] || (C[0] = (I) => mt(o) ? o.value = I : null),
+                            "onUpdate:modelValue": C[0] || (C[0] = (D) => mt(o) ? o.value = D : null),
                             size: "small",
                             clearable: "",
-                            "prefix-icon": n(It),
+                            "prefix-icon": n(Dt),
                             placeholder: "筛选可用项"
                           }, null, 8, ["modelValue", "prefix-icon"]),
-                          (d(!0), A(T, null, N(n(a), (I) => (d(), A("div", null, [
+                          (d(!0), A(T, null, N(n(a), (D) => (d(), A("div", null, [
                             v(n(At), { "border-style": "dotted" }, {
                               default: h(() => [
-                                G(z(I.title), 1)
+                                G(z(D.title), 1)
                               ]),
                               _: 2
                             }, 1024),
-                            (d(!0), A(T, null, N(I.items, (O) => (d(), y(ue, {
+                            (d(!0), A(T, null, N(D.items, (O) => (d(), y(ue, {
                               title: O,
                               background: "",
                               actions: ["copy"],
@@ -1835,14 +1835,14 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                           ]))), 256)),
                           n(a).length ? j("", !0) : (d(), y(n(se), { key: 0 }))
                         ], 512), [
-                          [Ie, u.value === "normal"]
+                          [De, u.value === "normal"]
                         ]),
                         Ee(v(Ro, {
                           context: t.context,
                           onCopy: w,
                           onPick: _
                         }, null, 8, ["context"]), [
-                          [Ie, u.value === "viewer"]
+                          [De, u.value === "viewer"]
                         ])
                       ]),
                       _: 1
@@ -2105,13 +2105,13 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   },
   emits: ["change", "update:modelValue"],
   setup(i, { emit: e }) {
-    const t = i, l = e, { engine: a, project: o } = Re(), s = k([]), r = k(!1), u = (C) => Array.isArray(C) ? C.map((I) => ({
-      name: I.filename,
-      url: I.filepath
+    const t = i, l = e, { engine: a, project: o } = Re(), s = k([]), r = k(!1), u = (C) => Array.isArray(C) ? C.map((D) => ({
+      name: D.filename,
+      url: D.filepath
     })) : C ? { name: C.filename, url: C.filepath } : null, g = async (C) => {
       if (a && o.value) {
-        const I = await a.service.uploadStaticFile(C, o.value.id);
-        return u(I);
+        const D = await a.service.uploadStaticFile(C, o.value.id);
+        return u(D);
       }
       return null;
     }, p = (C) => C ? (C || "").split(",").map((O) => ({ url: O })) : [], m = k(
@@ -2124,8 +2124,8 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       }
     ), q(r, async (C) => {
       if (C) {
-        const I = await a.service.getStaticFiles(o.value?.id).catch(() => null);
-        s.value = u(I);
+        const D = await a.service.getStaticFiles(o.value?.id).catch(() => null);
+        s.value = u(D);
       }
     });
     const b = () => {
@@ -2133,7 +2133,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         return ne("请选择文件"), !1;
       const C = (t.attachment?.accept || "").toLowerCase().split(",");
       return C.length > 0 ? [].concat(m.value).every(($) => {
-        const D = $.name || $.url.split("?")[0], R = D.substring(D.lastIndexOf(".")).toLowerCase();
+        const I = $.name || $.url.split("?")[0], R = I.substring(I.lastIndexOf(".")).toLowerCase();
         return C.includes(R);
       }) ? !0 : (ne(`只支持 ${C.join(",")} 文件`), !1) : !0;
     }, c = () => {
@@ -2145,7 +2145,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     }, x = (C) => {
       C.name && o.value?.id && a.service.removeStaticFile(C.name, o.value?.id);
     };
-    return (C, I) => (d(), A("div", Oo, [
+    return (C, D) => (d(), A("div", Oo, [
       v(n(ye), re({
         readonly: "",
         onFocus: w,
@@ -2155,7 +2155,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       r.value ? (d(), y(n(Be), {
         key: 0,
         modelValue: r.value,
-        "onUpdate:modelValue": I[1] || (I[1] = (O) => r.value = O),
+        "onUpdate:modelValue": D[1] || (D[1] = (O) => r.value = O),
         title: "文件选择器",
         width: "600px",
         height: "400px",
@@ -2183,7 +2183,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             uploader: g,
             "model-value": s.value,
             "select-value": m.value,
-            "onUpdate:selectValue": I[0] || (I[0] = (O) => m.value = O)
+            "onUpdate:selectValue": D[0] || (D[0] = (O) => m.value = O)
           }, t.attachment, { onRemove: x }), null, 16, ["model-value", "select-value"])
         ]),
         _: 1
@@ -2194,7 +2194,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   name: "BlocksWidget",
   __name: "index",
   setup(i) {
-    const { span: e } = In(), { blocks: t, engine: l } = Rs(), a = [
+    const { span: e } = Dn(), { blocks: t, engine: l } = Rs(), a = [
       {
         label: "设计",
         value: "Schema",
@@ -2235,10 +2235,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         return ".json";
       if (s.value?.fromType === "Plugin")
         return ".js,.css,.json";
-    }), b = S(() => s.value?.fromType === "Plugin"), c = async (D) => {
-      const R = D, P = l.project.value;
+    }), b = S(() => s.value?.fromType === "Plugin"), c = async (I) => {
+      const R = I, P = l.project.value;
       if (!P) return !1;
-      if (D.id)
+      if (I.id)
         if (!P.existBlockName(R.name, [R.id]))
           P.updateBlock(R);
         else
@@ -2250,22 +2250,22 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       return !0;
     }, _ = () => {
       s.value = m(), u.value = !0;
-    }, w = (D) => {
-      s.value = lt(D), u.value = !0;
-    }, x = (D) => {
-      l.project.value?.removeBlock(D.id);
-    }, C = (D) => {
-      s.value && (s.value.name = fn(D));
-    }, I = async (D) => {
-      (!D.fromType || D.fromType === "Schema") && l.project.value?.active(D);
-    }, O = async (D) => {
-      const R = kl(D), P = await l.assets.getBlockMaterial(R, D.name), X = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+    }, w = (I) => {
+      s.value = lt(I), u.value = !0;
+    }, x = (I) => {
+      l.project.value?.removeBlock(I.id);
+    }, C = (I) => {
+      s.value && (s.value.name = fn(I));
+    }, D = async (I) => {
+      (!I.fromType || I.fromType === "Schema") && l.project.value?.active(I);
+    }, O = async (I) => {
+      const R = kl(I), P = await l.assets.getBlockMaterial(R, I.name), X = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       X && P && X.setDragging(P);
     }, $ = () => {
-      const D = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
-      D && D.setDragging(null);
+      const I = l.skeleton?.getWidget("Designer")?.widgetRef?.designer;
+      I && I.setDragging(null);
     };
-    return (D, R) => (d(), y(n(U), {
+    return (I, R) => (d(), y(n(U), {
       class: "v-blocks-widget",
       title: "区块管理",
       subtitle: p.value,
@@ -2292,7 +2292,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   tagType: o[P.fromType || "Schema"]?.type,
                   onEdit: (X) => w(P),
                   onRemove: (X) => x(P),
-                  onClick: (X) => I(P),
+                  onClick: (X) => D(P),
                   draggable: n(r)?.id !== P.id,
                   onDragstart: (X) => O(P),
                   onDragend: $
@@ -2367,7 +2367,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   name: "ComponentsWidget",
   __name: "index",
   setup(i) {
-    const { span: e, engine: t } = In(), { tabs: l, currentTab: a, currentGroup: o, model: s, searchKey: r, searchResult: u } = Ts(), g = (m) => {
+    const { span: e, engine: t } = Dn(), { tabs: l, currentTab: a, currentGroup: o, model: s, searchKey: r, searchResult: u } = Ts(), g = (m) => {
       const f = t.skeleton?.getWidget("Designer")?.widgetRef?.designer;
       f && f.setDragging(m);
     }, p = () => {
@@ -2481,16 +2481,16 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   name: "OutlineWidget",
   __name: "index",
   setup(i) {
-    const { engine: e, designer: t, selected: l } = ke(), { current: a } = ie(), o = k([]), s = (D, R) => {
+    const { engine: e, designer: t, selected: l } = ke(), { current: a } = ie(), o = k([]), s = (I, R) => {
       if (R === "slot") return [];
-      if (ee(D))
-        return D.locked ? ["unlock"] : ["lock"];
-      const P = D.parent;
-      return P && (P.locked || P.invisible) ? [] : a.value?.locked ? [] : D.locked ? ["unlock"] : D.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
-    }, r = (D, R) => {
+      if (ee(I))
+        return I.locked ? ["unlock"] : ["lock"];
+      const P = I.parent;
+      return P && (P.locked || P.invisible) ? [] : a.value?.locked ? [] : I.locked ? ["unlock"] : I.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
+    }, r = (I, R) => {
       const P = {};
-      if (!D.some((F) => F.slot)) return u(D);
-      for (const F of D) {
+      if (!I.some((F) => F.slot)) return u(I);
+      for (const F of I) {
         const L = F.slot?.name || "default";
         P[L] || (P[L] = []), P[L].push(F);
       }
@@ -2505,9 +2505,9 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           children: u(L)
         });
       return pe;
-    }, u = (D) => {
+    }, u = (I) => {
       const R = [];
-      return D.forEach((P) => {
+      return I.forEach((P) => {
         const X = {
           id: P.id,
           label: P.name,
@@ -2519,25 +2519,25 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       }), R;
     }, g = () => {
       if (!a.value) return [];
-      const { id: D, name: R, nodes: P } = a.value;
+      const { id: I, name: R, nodes: P } = a.value;
       return [
         {
-          id: D,
+          id: I,
           label: R,
-          type: D,
+          type: I,
           model: a.value,
           children: u(P)
         }
       ];
     }, p = async () => {
       o.value = g(), l.value?.model && (await we(), t.value?.setSelected(l.value.model));
-    }, m = S(() => l.value?.model.id), f = (D) => {
-      const R = D.data;
+    }, m = S(() => l.value?.model.id), f = (I) => {
+      const R = I.data;
       if (R.type === "slot" || ee(R.model) || R.model.locked || R.model.name === "template")
         return !1;
       const P = e.assets.componentMap.get(R.model.name);
       return P ? (t.value?.setDragging(P), !0) : !1;
-    }, b = async (D, R, P) => {
+    }, b = async (I, R, P) => {
       const X = R.data, F = {
         prev: "top",
         next: "bottom",
@@ -2551,15 +2551,15 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         L = !!await t.value?.allowDrop(W, F), t.value?.setDropping(L ? W : null, "inner");
       }
       return L;
-    }, c = (D) => {
-      const R = D?.model;
-      if (!R || R.invisible || D.type === "slot") {
+    }, c = (I) => {
+      const R = I?.model;
+      if (!R || R.invisible || I.type === "slot") {
         t.value?.setSelected(null), t.value?.setHover(null);
         return;
       }
       t.value?.setSelected(R), t.value?.setHover(null);
-    }, _ = async (D, R, P) => {
-      const X = D.data, pe = R.data;
+    }, _ = async (I, R, P) => {
+      const X = I.data, pe = R.data;
       if (ee(pe.model)) {
         const Fe = X.model;
         delete Fe.slot, a.value?.move(Fe, void 0, "inner"), t.value?.setDropping(null), t.value?.setDragging(null);
@@ -2584,26 +2584,26 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       } else
         p();
       t.value?.setDropping(null), t.value?.setDragging(null), e.simulator.refresh();
-    }, w = (D) => {
-      if (D.type === "slot") {
+    }, w = (I) => {
+      if (I.type === "slot") {
         t.value?.setHover(null);
         return;
       }
-      ee(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));
+      ee(I.model) ? t.value?.setHover(I.model) : (t.value?.setHover(I.model), I.model.invisible && t.value?.setHover(null), I.model.name === "slot" && t.value?.setHover(null));
     }, x = () => {
       t.value?.setHover(null);
-    }, C = (D) => {
-      const R = D.data;
+    }, C = (I) => {
+      const R = I.data;
       R.dragging = !0;
       const P = e.assets.componentMap.get(R.model.name);
       P && t.value?.setDragging(P);
-    }, I = async (D) => {
-      const R = D.data;
+    }, D = async (I) => {
+      const R = I.data;
       R.dragging = !1;
-    }, O = (D, R) => {
-      D && ((D.id === R.id || !ee(D) && R.isChild(D)) && t.value?.setSelected(null), t.value?.setHover(null));
-    }, $ = (D) => {
-      const { name: R, modelValue: P } = D, X = l.value?.model;
+    }, O = (I, R) => {
+      I && ((I.id === R.id || !ee(I) && R.isChild(I)) && t.value?.setSelected(null), t.value?.setHover(null));
+    }, $ = (I) => {
+      const { name: R, modelValue: P } = I, X = l.value?.model;
       switch (R) {
         case "lock":
           O(X, P), P.lock();
@@ -2626,7 +2626,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           break;
       }
     };
-    return q(e.changed, p, { immediate: !0 }), (D, R) => (d(), y(n(U), {
+    return q(e.changed, p, { immediate: !0 }), (I, R) => (d(), y(n(U), {
       class: "v-outline-widget",
       title: "大纲树"
     }, {
@@ -2646,7 +2646,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           onCurrentChange: c,
           onNodeDrop: _,
           onNodeDragStart: C,
-          onNodeDragEnd: I
+          onNodeDragEnd: D
         }, {
           default: h(({ data: P, node: X }) => [
             v(n(ue), {
@@ -2716,7 +2716,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
 }), qo = /* @__PURE__ */ E({
   __name: "base-info",
   setup(i) {
-    const e = Ds.map((t) => ({
+    const e = Is.map((t) => ({
       label: t,
       value: t.toLowerCase()
     }));
@@ -3059,7 +3059,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                 }, {
                   default: h(() => [
                     Ee(v(qo, null, null, 512), [
-                      [Ie, l.value === "base"]
+                      [De, l.value === "base"]
                     ]),
                     l.value === "settings" ? (d(), A("div", Ko, [
                       p.value ? (d(), y(Go, { key: 0 })) : (d(), y(Ho, { key: 1 }))
@@ -3161,7 +3161,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             size: "small",
             modelValue: l.value,
             "onUpdate:modelValue": b[0] || (b[0] = (c) => l.value = c),
-            "prefix-icon": n(It),
+            "prefix-icon": n(Dt),
             placeholder: "搜索API",
             clearable: ""
           }, null, 8, ["modelValue", "prefix-icon"])
@@ -3197,7 +3197,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   name: "DepsWidget",
   __name: "index",
   setup(i) {
-    const { dependencies: e, engine: t } = Dn(), l = k(!1), a = k(!1), o = k({}), s = S(() => a.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), r = (c) => c.required || c.official ? [] : ["edit", "remove"], u = (c) => c.official && !c.required, g = async (c) => (c.urls = c.urls.split(`
+    const { dependencies: e, engine: t } = In(), l = k(!1), a = k(!1), o = k({}), s = S(() => a.value ? "查看依赖" : o.value ? "编辑依赖" : "新增依赖"), r = (c) => c.required || c.official ? [] : ["edit", "remove"], u = (c) => c.official && !c.required, g = async (c) => (c.urls = c.urls.split(`
 `), t.project.value?.setDeps(c), !0), p = (c) => {
       t.project.value?.setDeps(c);
     }, m = () => {
@@ -3371,16 +3371,16 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "index",
   setup(i, { expose: e }) {
-    const t = k(), l = k(), { width: a, height: o } = Ue(t), { dependencies: s, engine: r, apis: u, meta: g } = Dn(), { current: p, isEmpty: m } = ie(), f = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), b = S(() => r.project.value?.config || {}), { designer: c, hover: _, dropping: w, selected: x } = zs(
+    const t = k(), l = k(), { width: a, height: o } = Ue(t), { dependencies: s, engine: r, apis: u, meta: g } = In(), { current: p, isEmpty: m } = ie(), f = S(() => r.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc"), b = S(() => r.project.value?.config || {}), { designer: c, hover: _, dropping: w, selected: x } = zs(
       l,
       s,
       u,
       g,
       b
     ), C = ($) => {
-      const D = $.type, R = $.model;
+      const I = $.type, R = $.model;
       if (p.value)
-        switch (D) {
+        switch (I) {
           case "remove":
             p.value.removeNode(R), c.value?.setSelected(null);
             break;
@@ -3401,10 +3401,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
             c.value?.setSelected(R);
             break;
         }
-    }, I = ($) => {
+    }, D = ($) => {
       if ($ && c.value) {
-        const D = r.assets.componentMap.get($.name);
-        D && c.value.setDragging(D), c.value.setDraggingNode($);
+        const I = r.assets.componentMap.get($.name);
+        I && c.value.setDragging(I), c.value.setDraggingNode($);
       }
     }, O = () => {
       c.value && (c.value.setDraggingNode(null), c.value.setDragging(null));
@@ -3412,7 +3412,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
     return e({
       designer: c,
       mode: f
-    }), ($, D) => (d(), A("div", {
+    }), ($, I) => (d(), A("div", {
       ref_key: "container",
       ref: t,
       class: "v-designer"
@@ -3455,7 +3455,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               model: n(x).model,
               path: n(x).path,
               onAction: C,
-              onDragstart: I,
+              onDragstart: D,
               onDragend: O
             }, null, 8, ["position", "model", "path"])
           ], 4)) : j("", !0)
@@ -3975,7 +3975,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : j("", !0),
         v(n(Ve), {
           modelValue: f.value,
-          "onUpdate:modelValue": C[0] || (C[0] = (I) => f.value = I),
+          "onUpdate:modelValue": C[0] || (C[0] = (D) => f.value = D),
           title: "新增自定义属性",
           width: "400px",
           height: "150px",
@@ -4064,7 +4064,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         type: "JSFunction",
         value: e.event?.handler?.value || "() => {}"
       }
-    }), o = Is.map((r) => ({
+    }), o = Ds.map((r) => ({
       label: r,
       value: r
     })), s = (r) => {
@@ -4692,18 +4692,18 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       u.value = F, r.value = !0;
     }, C = () => {
       p.value = void 0, g.value = !0;
-    }, I = (F) => {
+    }, D = (F) => {
       p.value = { ...F }, g.value = !0;
     }, O = (F) => {
       const { name: L, modelValue: W } = F;
-      L === "edit" && I(W), L === "remove" && e.value?.removeEmit(W.name);
+      L === "edit" && D(W), L === "remove" && e.value?.removeEmit(W.name);
     }, $ = () => {
       f.value = void 0, m.value = !0;
-    }, D = (F) => {
+    }, I = (F) => {
       f.value = { ...F }, m.value = !0;
     }, R = (F) => {
       const { name: L, modelValue: W } = F;
-      L === "edit" && D(W), L === "remove" && e.value?.removeSlot(W.name);
+      L === "edit" && I(W), L === "remove" && e.value?.removeSlot(W.name);
     }, P = () => {
       c.value = void 0, b.value = !0;
     }, X = (F) => {
@@ -4765,7 +4765,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               title: W.name,
               border: "",
               actions: ["remove"],
-              onClick: ($e) => I(W),
+              onClick: ($e) => D(W),
               onAction: O
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             a.value.length ? j("", !0) : (d(), y(n(se), {
@@ -4797,7 +4797,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
               title: W.name,
               border: "",
               actions: ["remove"],
-              onClick: ($e) => D(W),
+              onClick: ($e) => I(W),
               onAction: R
             }, null, 8, ["model-value", "title", "onClick"]))), 256)),
             o.value.length ? j("", !0) : (d(), y(n(se), {
@@ -4917,10 +4917,10 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         x && (s.value.name = x.code, s.value.label = x.title || "");
       }
     }, c = async (w) => {
-      const { transform: x, test: C, name: I } = w;
+      const { transform: x, test: C, name: D } = w;
       if (!e.current) return !1;
-      if (!e.item && e.current.dataSources[I])
-        return ne(`名称【${I}】已经存在，请更换名称`), !1;
+      if (!e.item && e.current.dataSources[D])
+        return ne(`名称【${D}】已经存在，请更换名称`), !1;
       if (x?.value) {
         if (!oe(x, e.context, !0))
           return !1;
@@ -4951,11 +4951,11 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
         Ce.warn(`API【${s.value.ref}】不存在`);
       }, C = Me(s.value.test, {
         runApi: x
-      }), I = s.value.transform?.value ? Me(s.value.transform, {}, !0) : (O) => O;
+      }), D = s.value.transform?.value ? Me(s.value.transform, {}, !0) : (O) => O;
       r.value = !0;
       try {
         const O = await C();
-        u.value = JSON.stringify(await I(O), null, 2);
+        u.value = JSON.stringify(await D(O), null, 2);
       } catch (O) {
         Ce.error(O);
       }
@@ -5266,7 +5266,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       {
         label: "stretch",
         value: "stretch",
-        svg: Da
+        svg: Ia
       }
     ], u = (g, p) => {
       t.value = p === "flex", e.setStyle("display", p), 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));
@@ -5490,7 +5490,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       ])
     ]));
   }
-}), Pr = { class: "spacing-wrap" }, Dr = { class: "spacing-max-icon" }, Ir = ["width", "height"], Br = ["d"], Rr = ["d"], $r = ["d"], Tr = ["d"], zr = { id: "margin-outer" }, Or = ["width", "height"], Fr = ["width", "height"], Nr = { id: "margin-inner" }, Wr = ["width", "height"], Jr = ["width", "height"], Mr = ["width", "height"], Lr = ["d"], Ur = ["d"], qr = ["d"], Hr = ["d"], Gr = { id: "padding-outer" }, Xr = ["width", "height"], Qr = ["width", "height"], Kr = { id: "padding-inner" }, Yr = ["width", "height"], Zr = ["width", "height"], ei = {
+}), Pr = { class: "spacing-wrap" }, Ir = { class: "spacing-max-icon" }, Dr = ["width", "height"], Br = ["d"], Rr = ["d"], $r = ["d"], Tr = ["d"], zr = { id: "margin-outer" }, Or = ["width", "height"], Fr = ["width", "height"], Nr = { id: "margin-inner" }, Wr = ["width", "height"], Jr = ["width", "height"], Mr = ["width", "height"], Lr = ["d"], Ur = ["d"], qr = ["d"], Hr = ["d"], Gr = { id: "padding-outer" }, Xr = ["width", "height"], Qr = ["width", "height"], Kr = { id: "padding-inner" }, Yr = ["width", "height"], Zr = ["width", "height"], ei = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "100%",
   height: "100%",
@@ -5546,7 +5546,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           ref: t
         }, [
           V("div", Pr, [
-            V("div", Dr, [
+            V("div", Ir, [
               n(a) && n(o) ? (d(), A("svg", {
                 key: 0,
                 xmlns: "http://www.w3.org/2000/svg",
@@ -5674,7 +5674,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
                   ry: "2",
                   style: { "pointer-events": "none", "stroke-width": "2px" }
                 }, null, 8, Jr)
-              ], 8, Ir)) : j("", !0),
+              ], 8, Dr)) : j("", !0),
               V("div", {
                 class: H(["spacing-edit margin-top", { "is-setting": e.styleJson["margin-top"] }]),
                 onClick: c[4] || (c[4] = (_) => f("margin-top"))
@@ -5965,7 +5965,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       { label: "固定", value: "fixed" },
       { label: "粘性", value: "sticky" }
     ], g = [
-      { label: "左上", svg: Ia, value: "0% auto auto 0%" },
+      { label: "左上", svg: Da, value: "0% auto auto 0%" },
       { label: "右上", svg: Ba, value: "0% 0% auto auto" },
       { label: "左下", svg: Ra, value: "auto auto 0% 0%" },
       { label: "右下", svg: $a, value: "auto 0% 0% auto" },
@@ -6805,7 +6805,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       _: 1
     }, 8, ["title"]));
   }
-}), Di = /* @__PURE__ */ E({
+}), Ii = /* @__PURE__ */ E({
   name: "SchemaWidget",
   __name: "index",
   setup(i) {
@@ -6844,7 +6844,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
       _: 1
     }, 8, ["title", "subtitle"]));
   }
-}), Ii = ["src"], Bi = /* @__PURE__ */ E({
+}), Di = ["src"], Bi = /* @__PURE__ */ E({
   name: "DocsWidget",
   __name: "index",
   props: {
@@ -6879,7 +6879,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
           ref: "frame",
           src: t.url,
           onLoad: r
-        }, null, 40, Ii))
+        }, null, 40, Di))
       ]),
       _: 1
     }, 512));
@@ -6969,7 +6969,7 @@ const Bo = { class: "v-context-viewer" }, Ro = /* @__PURE__ */ E({
   Previewer: ji,
   NodePath: Ei,
   Schema: Pi,
-  Raw: Di,
+  Raw: Ii,
   Docs: Bi,
   About: Fi,
   ProjectConfig: Ni
@@ -8474,7 +8474,7 @@ class vu {
       Ce.warn(`widget '${e}' is not found`);
       return;
     }
-    Dt(l, t), t.component && (l.component = t.component);
+    It(l, t), t.component && (l.component = t.component);
   }
   /**
    * 根据区域名称获取区域内的器件配置
@@ -8586,7 +8586,7 @@ class hu {
       Ce.warn(`setter '${e}' is not found`);
       return;
     }
-    Dt(l, t), t.component && (l.component = t.component);
+    It(l, t), t.component && (l.component = t.component);
   }
   getByType(e) {
     return Object.values(this.setters).filter((l) => l.type === e).map((l) => l.name);
@@ -8674,7 +8674,9 @@ class yu {
   }
   async getDropSlot(e) {
     if (!e) return;
-    const { engine: t, dropping: l } = this, a = l.value ? this.getVueInstance(l.value, e.id) : null, o = a?.$vtjDynamicSlots ? a.$vtjDynamicSlots() : [], s = t.assets, r = s.componentMap, p = ((await s.getBlockMaterial(e.from) || r.get(e.name))?.slots || ["default"]).concat(o).map((f) => typeof f == "string" ? {
+    const { engine: t, dropping: l } = this, a = l.value ? this.getVueInstance(l.value, e.id) : null, o = a?.$vtjDynamicSlots ? a.$vtjDynamicSlots() : [], s = t.assets, r = s.componentMap, u = await s.getBlockMaterial(e.from) || r.get(e.name);
+    if (!u?.slots && o.length === 0) return;
+    const p = (u?.slots || ["default"]).concat(o).map((f) => typeof f == "string" ? {
       name: f,
       params: []
     } : {
@@ -9051,23 +9053,23 @@ class wu extends bn {
     this.renderer = new _u(f, r, g, this.designer.value), u.value && this.renderer.render(u.value), this.triggerReady();
   }
   createEnv(e = [], t = {}, l = [], a = {}) {
-    const o = this.contentWindow, { engine: s } = this, { project: r, assets: u, provider: g } = s, p = e.reduce((C, I) => (C[I] = o[I], C), {}), m = {};
-    Object.entries(a).forEach(([C, I]) => {
-      m[C] = o[I];
+    const o = this.contentWindow, { engine: s } = this, { project: r, assets: u, provider: g } = s, p = e.reduce((C, D) => (C[D] = o[D], C), {}), m = {};
+    Object.entries(a).forEach(([C, D]) => {
+      m[C] = o[D];
     });
     const f = {}, { groups: b, componentMap: c } = u;
     for (const C of b.value) {
-      const I = C.names || [];
+      const D = C.names || [];
       if (C.name === yt)
-        I.forEach((O) => {
-          const $ = c.get(O), D = $?.package || "", R = Cl[D], P = p[R];
+        D.forEach((O) => {
+          const $ = c.get(O), I = $?.package || "", R = Cl[I], P = p[R];
           P && $ && (f[O] = Lt($, P));
         });
       else {
         const O = p[t[C.library || ""]];
-        O && I.forEach(($) => {
-          const D = c.get($);
-          D ? f[$] = Lt(D, O) : f[$] = O[$];
+        O && D.forEach(($) => {
+          const I = c.get($);
+          I ? f[$] = Lt(I, O) : f[$] = O[$];
         });
       }
     }
@@ -9244,7 +9246,7 @@ class oc extends bn {
       Ce.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    te.on(Al, (e) => this.saveProject(e)), te.on(jl, (e) => this.saveBlockFile(e)), te.on(El, (e) => this.saveBlockFile(e)), te.on(Pl, () => this.saveMaterials()), te.on(_t, (e) => this.activeFile(e)), te.on(Dl, () => this.publish()), te.on(Il, () => this.publishCurrent()), te.on(wt, (e) => this.changeFile(e)), te.on(Je, () => this.changeCurrentFile()), te.on(Bl, (e) => this.saveHistory(e)), te.on(Rl, (e) => this.loadHistory(e));
+    te.on(Al, (e) => this.saveProject(e)), te.on(jl, (e) => this.saveBlockFile(e)), te.on(El, (e) => this.saveBlockFile(e)), te.on(Pl, () => this.saveMaterials()), te.on(_t, (e) => this.activeFile(e)), te.on(Il, () => this.publish()), te.on(Dl, () => this.publishCurrent()), te.on(wt, (e) => this.changeFile(e)), te.on(Je, () => this.changeCurrentFile()), te.on(Bl, (e) => this.saveHistory(e)), te.on(Rl, (e) => this.loadHistory(e));
   }
   async activeFile(e) {
     await we();
@@ -9395,7 +9397,7 @@ const je = E({
     const i = Kt[this.region] || Kt.EmptyRegion;
     return Te(i, { ...this.$props, ...this.$attrs, ref: "regionRef" });
   }
-}), De = E({
+}), Ie = E({
   name: "WidgetWrapper",
   props: {
     region: {
@@ -9584,7 +9586,7 @@ const je = E({
       removable: m,
       onRemove: f
     } = this;
-    return Te(Du, {
+    return Te(Iu, {
       context: i,
       current: e,
       name: t,
@@ -9626,21 +9628,21 @@ const je = E({
       dirs: ["e"],
       maxWidth: 600,
       minWidth: 49,
-      onResizing(C, I) {
-        a.value = I.elementWidth.value;
+      onResizing(C, D) {
+        a.value = D.elementWidth.value;
       },
-      onEnd(C, I) {
-        a.value = I.elementWidth.value;
+      onEnd(C, D) {
+        a.value = D.elementWidth.value;
       }
     }, r = {
       dirs: ["w"],
       maxWidth: 600,
       minWidth: 2,
-      onResizing(C, I) {
-        o.value = I.elementWidth.value;
+      onResizing(C, D) {
+        o.value = D.elementWidth.value;
       },
-      onEnd(C, I) {
-        o.value = I.elementWidth.value;
+      onEnd(C, D) {
+        o.value = D.elementWidth.value;
       }
     }, u = k(), g = k(), p = k(), m = k(), f = k(), b = k(), c = k(), _ = k(), w = k(!1), x = k(!1);
     return e({
@@ -9657,7 +9659,7 @@ const je = E({
       rightWidth: o,
       preview: _,
       isPreview: l
-    }), (C, I) => (d(), y(n(cl), { locale: n(vl) }, {
+    }), (C, D) => (d(), y(n(cl), { locale: n(vl) }, {
       default: h(() => [
         v(n(Ot), { class: "v-skeleton" }, {
           default: h(() => [
@@ -9719,7 +9721,7 @@ const je = E({
                       ref: f,
                       region: "Workspace"
                     }, null, 512), [
-                      [Ie, !l.value]
+                      [De, !l.value]
                     ])
                   ]),
                   _: 1
@@ -9738,7 +9740,7 @@ const je = E({
                   ]),
                   _: 1
                 }, 8, ["width"])), [
-                  [Ie, x.value],
+                  [De, x.value],
                   [n(Nt), r]
                 ])
               ]),
@@ -9768,7 +9770,7 @@ const je = E({
 }), Cu = ["title"], Vu = { class: "v-setter__content" }, Au = {
   key: 0,
   class: "v-setter__input"
-}, ju = { class: "v-setter__action" }, Eu = "{{", Pu = "}}", Du = /* @__PURE__ */ E({
+}, ju = { class: "v-setter__action" }, Eu = "{{", Pu = "}}", Iu = /* @__PURE__ */ E({
   __name: "setter",
   props: {
     context: {},
@@ -9846,7 +9848,7 @@ const je = E({
             }, s.value.props, {
               options: t.options,
               modelValue: r.value,
-              "onUpdate:modelValue": C[0] || (C[0] = (I) => r.value = I),
+              "onUpdate:modelValue": C[0] || (C[0] = (D) => r.value = D),
               onChange: m,
               disabled: u.value
             }), null, 16, ["current", "context", "options", "modelValue", "disabled"])),
@@ -9882,17 +9884,17 @@ const je = E({
               dropdown: h(() => [
                 v(n(rn), null, {
                   default: h(() => [
-                    (d(!0), A(T, null, N(t.setters, (I) => (d(), y(n(ft), {
-                      command: I,
-                      key: I.name
+                    (d(!0), A(T, null, N(t.setters, (D) => (d(), y(n(ft), {
+                      command: D,
+                      key: D.name
                     }, {
                       default: h(() => [
                         v(n(Sn), {
                           class: H({
-                            "is-placeholder": I.name !== s.value.name
+                            "is-placeholder": D.name !== s.value.name
                           })
                         }, null, 8, ["class"]),
-                        G(" " + z(I.label), 1)
+                        G(" " + z(D.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["command"]))), 128))
@@ -9918,7 +9920,7 @@ const je = E({
           context: t.context,
           value: o.value,
           modelValue: a.value,
-          "onUpdate:modelValue": C[1] || (C[1] = (I) => a.value = I),
+          "onUpdate:modelValue": C[1] || (C[1] = (D) => a.value = D),
           submitMethod: _,
           onUnbind: w
         }, null, 8, ["current", "context", "value", "modelValue"])) : j("", !0)
@@ -9926,14 +9928,14 @@ const je = E({
       _: 1
     }));
   }
-}), Iu = { class: "v-empty-region" }, Bu = /* @__PURE__ */ E({
+}), Du = { class: "v-empty-region" }, Bu = /* @__PURE__ */ E({
   name: "EmptyRegion",
   __name: "empty",
   props: {
     region: {}
   },
   setup(i) {
-    return (e, t) => (d(), A("div", Iu, "找不到符合【" + z(e.region) + "】名称的区域组件", 1));
+    return (e, t) => (d(), A("div", Du, "找不到符合【" + z(e.region) + "】名称的区域组件", 1));
   }
 }), Ru = { class: "v-brand-region" }, $u = /* @__PURE__ */ E({
   name: "BrandRegion",
@@ -9948,7 +9950,7 @@ const je = E({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Ru, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(De), {
+      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -9970,7 +9972,7 @@ const je = E({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Tu, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(De), {
+      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -9993,7 +9995,7 @@ const je = E({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Ou, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(De), {
+      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -10055,7 +10057,7 @@ const je = E({
         (d(!0), A(T, null, N(s.value, (w) => (d(), y(an, {
           key: w.name
         }, [
-          g.value?.name === w.name ? (d(), y(n(De), {
+          g.value?.name === w.name ? (d(), y(n(Ie), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -10127,7 +10129,7 @@ const je = E({
         (d(!0), A(T, null, N(n(l), (w) => (d(), A(T, {
           key: w.name
         }, [
-          u.value === w.name ? (d(), y(n(De), {
+          u.value === w.name ? (d(), y(n(Ie), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -10244,13 +10246,13 @@ const je = E({
                 (d(!0), A(T, null, N(n(u), (C) => (d(), A(T, {
                   key: C.name
                 }, [
-                  p.value === C.name ? (d(), y(n(De), {
+                  p.value === C.name ? (d(), y(n(Ie), {
                     key: 0,
                     ref_for: !0,
                     ref_key: "widgetsRef",
                     ref: g,
                     region: w.region,
-                    widget: n(Dt)({ props: { isStyleCodeMode: m.value } }, C)
+                    widget: n(It)({ props: { isStyleCodeMode: m.value } }, C)
                   }, null, 8, ["region", "widget"])) : j("", !0)
                 ], 64))), 128))
               ]),
@@ -10285,7 +10287,7 @@ const je = E({
       widgets: l,
       widgetsRef: a
     }), (o, s) => (d(), A("div", Gu, [
-      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(De), {
+      (d(!0), A(T, null, N(n(l), (r) => (d(), y(n(Ie), {
         ref_for: !0,
         ref_key: "widgetsRef",
         ref: a,
@@ -10324,7 +10326,7 @@ const je = E({
         (d(!0), A(T, null, N(n(l), (p) => (d(), y(an, {
           key: p.name
         }, [
-          r.value === p.name ? (d(), y(n(De), {
+          r.value === p.name ? (d(), y(n(Ie), {
             key: 0,
             ref_for: !0,
             ref_key: "widgetsRef",
@@ -10349,12 +10351,12 @@ const je = E({
   Preview: Qu
 };
 export {
-  Ds as API_METHOD_TYPES,
+  Is as API_METHOD_TYPES,
   ku as Assets,
   Tt as Binder,
   St as Box,
   yu as Designer,
-  Is as EVENT_MODIFIERS,
+  Ds as EVENT_MODIFIERS,
   le as Editor,
   oc as Engine,
   mr as EventBinder,
@@ -10369,7 +10371,7 @@ export {
   Bs as RegionType,
   je as RegionWrapper,
   _u as Renderer,
-  Du as SetterView,
+  Iu as SetterView,
   J as SetterWrapper,
   wu as Simulator,
   xu as Skeleton,
@@ -10381,7 +10383,7 @@ export {
   Ro as Viewer,
   Tn as Viewport,
   fe as WidgetGroup,
-  De as WidgetWrapper,
+  Ie as WidgetWrapper,
   Ji as builtInDeps,
   qi as builtInMaterials,
   mu as builtInSetters,

package/package.json

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

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.97
+ * @version 0.8.98
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.97";
+export declare const version = "0.8.98";