@vtj/designer 0.8.121 → 0.8.122

package/dist/index.mjs

@@ -1,20 +1,20 @@
-import { computed as S, unref as n, ref as k, reactive as qe, watchEffect as Mn, watch as q, toValue as pt, defineComponent as E, openBlock as p, createElementBlock as j, toDisplayString as O, createVNode as v, withCtx as h, createElementVNode as V, createBlock as y, createCommentVNode as A, createTextVNode as G, readonly as Ln, getCurrentScope as Un, onScopeDispose as qn, onMounted as tt, nextTick as we, getCurrentInstance as Zt, Fragment as T, renderList as W, normalizeClass as H, resolveDynamicComponent as en, createSlots as Hn, withDirectives as Ee, vShow as Ie, renderSlot as xe, withModifiers as We, toRaw as Gn, isRef as mt, mergeProps as re, normalizeStyle as Qe, defineAsyncComponent as Xn, h as Te, inject as xt, provide as Qn, normalizeProps as tn, guardReactiveProps as nn, withKeys as Ke, onUnmounted as ln, markRaw as vt, createApp as an, shallowRef as gt, shallowReactive as Kn, triggerRef as Ae, KeepAlive as sn } from "vue";
-import { ElNotification as Ct, ElMessageBox as Vt, ElMessage as He, ElButton as ae, ElDivider as At, ElRadioGroup as on, ElRadioButton as Ye, ElButtonGroup as Yn, ElDropdown as rn, ElDropdownMenu as un, ElDropdownItem as ft, ElInput as ye, ElEmpty as se, ElAlert as jt, ElTooltip as cn, ElTag as Zn, ElSwitch as dn, ElTree as Et, ElRow as ht, ElCol as bt, ElCollapse as el, ElCollapseItem as tl, ElDrawer as pn, ElForm as ge, ElFormItem as mn, ElBreadcrumb as nl, ElBreadcrumbItem as ll, ElLoading as al, ElSelect as sl, ElOption as ol, ElInputNumber as rl, ElColorPicker as il, ElUpload as ul, ElSlider as cl, ElConfigProvider as dl, ElContainer as Ft, ElHeader as pl, ElAside as Wt, ElMain as ml, ElFooter as vl } from "element-plus";
+import { computed as S, unref as n, ref as k, reactive as He, watchEffect as Mn, watch as q, toValue as pt, defineComponent as E, openBlock as p, createElementBlock as j, toDisplayString as O, createVNode as v, withCtx as h, createElementVNode as V, createBlock as y, createCommentVNode as A, createTextVNode as G, readonly as Ln, getCurrentScope as Un, onScopeDispose as qn, onMounted as tt, nextTick as we, getCurrentInstance as Zt, Fragment as T, renderList as W, normalizeClass as H, resolveDynamicComponent as en, createSlots as Hn, withDirectives as Ee, vShow as Ie, renderSlot as xe, withModifiers as Ne, toRaw as Gn, isRef as mt, mergeProps as re, normalizeStyle as Ke, defineAsyncComponent as Xn, h as Te, inject as xt, provide as Qn, normalizeProps as tn, guardReactiveProps as nn, withKeys as Ye, onUnmounted as ln, markRaw as vt, createApp as an, shallowRef as gt, shallowReactive as Kn, triggerRef as Ae, KeepAlive as sn } from "vue";
+import { ElNotification as Ct, ElMessageBox as Vt, ElMessage as Ge, ElButton as ae, ElDivider as At, ElRadioGroup as on, ElRadioButton as Ze, ElButtonGroup as Yn, ElDropdown as rn, ElDropdownMenu as un, ElDropdownItem as ft, ElInput as ye, ElEmpty as se, ElAlert as jt, ElTooltip as cn, ElTag as Zn, ElSwitch as dn, ElTree as Et, ElRow as ht, ElCol as bt, ElCollapse as el, ElCollapseItem as tl, ElDrawer as pn, ElForm as ge, ElFormItem as mn, ElBreadcrumb as nl, ElBreadcrumbItem as ll, ElLoading as al, ElSelect as sl, ElOption as ol, ElInputNumber as rl, ElColorPicker as il, ElUpload as ul, ElSlider as cl, ElConfigProvider as dl, ElContainer as Ft, ElHeader as pl, ElAside as Wt, ElMain as ml, ElFooter as vl } from "element-plus";
 import gl from "element-plus/es/locale/lang/zh-cn";
 import { XIcon as ke, XDialog as Be, XDialogForm as Ve, XField as B, XPanel as nt, XAction as he, XTabs as Pt, XContainer as M, XForm as Dt, XAttachment as fl, XActionBar as hl, XInputUnit as vn, vResizable as Nt, createDialog as bl } from "@vtj/ui";
 import { delay as gn, upperFirstCamelCase as fn, toRawType as ut, cloneDeep as lt, logger as Ce, isPlainObject as yl, fileToBase64 as _l, merge as It, arrayToMap as wl, toArray as kl } from "@vtj/utils";
-import { isBlock as ee, DirectiveModel as hn, createNodeFrom as Sl, BUILT_IN_VUE as xl, BUILT_IN_VUE_ROUTER as Cl, BUILT_IN_NAME as yt, emitter as te, EVENT_PROJECT_ACTIVED as _t, EVENT_NODE_CHANGE as Je, NodeModel as Jt, EVENT_BLOCK_CHANGE as wt, Base as bn, BUILT_IN_LIBRARAY_MAP as Vl, ProjectModel as Al, EVENT_PROJECT_CHANGE as jl, EVENT_PROJECT_BLOCKS_CHANGE as El, EVENT_PROJECT_PAGES_CHANGE as Pl, EVENT_PROJECT_DEPS_CHANGE as Dl, EVENT_PROJECT_PUBLISH as Il, EVENT_PROJECT_FILE_PUBLISH as Bl, EVENT_HISTORY_CHANGE as Rl, EVENT_HISTORY_LOAD as $l, BlockModel as Mt, HistoryModel as Tl } from "@vtj/core";
-import { parseExpression as Me, parseFunction as zl, JSCodeToString as ze, LIFE_CYCLES_LIST as Ol, DATA_TYPES as Fl, isJSExpression as Le, ContextMode as yn, parseDeps as Wl, createAssetsCss as Nl, createAssetScripts as Lt, getRawComponent as Ut, createSchemaApis as Jl, mockCleanup as Ml, mockApis as Ll, Provider as Ul, isJSFunction as ql } from "@vtj/renderer";
+import { isBlock as ee, DirectiveModel as hn, createNodeFrom as Sl, BUILT_IN_VUE as xl, BUILT_IN_VUE_ROUTER as Cl, BUILT_IN_NAME as yt, emitter as te, EVENT_PROJECT_ACTIVED as _t, EVENT_NODE_CHANGE as Me, NodeModel as Jt, EVENT_BLOCK_CHANGE as wt, Base as bn, BUILT_IN_LIBRARAY_MAP as Vl, ProjectModel as Al, EVENT_PROJECT_CHANGE as jl, EVENT_PROJECT_BLOCKS_CHANGE as El, EVENT_PROJECT_PAGES_CHANGE as Pl, EVENT_PROJECT_DEPS_CHANGE as Dl, EVENT_PROJECT_PUBLISH as Il, EVENT_PROJECT_FILE_PUBLISH as Bl, EVENT_HISTORY_CHANGE as Rl, EVENT_HISTORY_LOAD as $l, BlockModel as Mt, HistoryModel as Tl } from "@vtj/core";
+import { parseExpression as Le, parseFunction as zl, JSCodeToString as ze, LIFE_CYCLES_LIST as Ol, DATA_TYPES as Fl, isJSExpression as Ue, ContextMode as yn, parseDeps as Wl, createAssetsCss as Nl, createAssetScripts as Lt, getRawComponent as Ut, createSchemaApis as Jl, mockCleanup as Ml, mockApis as Ll, Provider as Ul, isJSFunction as ql } from "@vtj/renderer";
 import { VtjIconBack as Hl, VtjIconPc as Gl, VtjIconPhone as Xl, VtjIconPad as Ql, VtjIconUndo as Kl, VtjIconRedo as Yl, VtjIconPreview as Zl, VtjIconRefresh as ea, VtjIconSetting as _n, icons as kt, ArrowDown as wn, Search as Bt, CopyDocument as ta, Back as na, VtjIconPlus as kn, EditPen as la, Delete as aa, VtjIconSave as sa, ArrowUp as oa, MoreFilled as Rt, VtjIconCheck as Sn, VtjIconCopy as xn, VtjIconEdit as Cn, VtjIconRemove as at, VtjIconLock as Vn, VtjIconUnlock as ra, VtjIconInvisible as An, VtjIconVisible as ia, VtjIconHome as ua, Files as ca, VtjIconSearch as da, VtjIconHelp as jn, VtjIconLayers as En, Rank as pa, VtjIconArrowUp as ma, VtjIconArrowDown as va, IconDisplayBlock as ga, IconDisplayFlex as fa, IconDisplayInlineBlock as ha, IconDisplayInline as ba, IconEyeInvisible as ya, IconFlexDirectionrow as _a, IconFlexDirectionrowReverse as wa, IconFlexDirectioncolumn as ka, IconFlexDirectioncolumnReverse as Sa, IconFlexJustifyflexStartrow as xa, IconFlexJustifyflexEndrow as Ca, IconFlexJustifycenterrow as Va, IconFlexJustifyspaceBetweenrow as Aa, IconFlexJustifyspaceAroundrow as ja, IconFlexAlignflexStartrow as Ea, IconFlexAlignflexEndrow as Pa, IconFlexAligncenterrow as Da, IconFlexAlignbaselinerow as Ia, IconFlexAlignstretchrow as Ba, IconPositionTopLeft as Ra, IconPositionTopRight as $a, IconPositionBottomLeft as Ta, IconPositionBottomRight as za, IconPositionLeft as Oa, IconPositionRight as Fa, IconPositionTop as Wa, IconPositionBottom as Na, IconPositionAll as Ja, IconTextAlignLeft as Ma, IconTextAlignCenter as La, IconTextAlignRight as Ua, IconTextAlignJustify as qa, IconFontStyleNone as Ha, IconFontStyleItalic as Ga, IconCross as Pn, IconTextDecorationUnderline as Xa, IconTextDecorationStrike as Qa, IconTextDecorationOverline as Ka, IconTileXy as Ya, IconTileX as Za, IconTileY as es, IconClose as ts, IconBorderAll as ns, IconBorderLeft as ls, IconBorderTop as as, IconBorderBottom as ss, IconBorderRight as os, IconBorderStyleSolid as rs, IconBorderStyleDashed as is, IconBorderStyleDotted as us, IconCursorAuto as cs, IconCursorPointer as ds, IconCursorNotAllowed as ps, IconCursorNone as ms, ArrowRight as vs, VtjIconDocument as gs, VtjIconComponents as fs, VtjIconBlock as hs, VtjIconOutline as bs, VtjIconHistory as ys, VtjIconApi as _s, VtjIconCategory as ws, VtjIconInfo as ks, HomeFilled as Ss, Plus as xs, Close as Cs, VtjIconVars as Vs, VtjIconSwitch as As, Switch as js } from "@vtj/icons";
 import Es from "mockjs";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.121
+ * @version 0.8.122
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ps = "0.8.121", qt = {
+const Ps = "0.8.122", qt = {
   width: 390,
   height: 844
 }, Ht = {
@@ -80,7 +80,7 @@ function Ts() {
 }
 const zs = (u = []) => u.map((e) => e.name);
 function Os() {
-  const u = ce(), { components: e, groups: t, componentMap: l } = u.assets, a = qe({}), s = S(() => {
+  const u = ce(), { components: e, groups: t, componentMap: l } = u.assets, a = He({}), s = S(() => {
     const m = {};
     return t.value && t.value.forEach((f) => {
       m[f.name] = f;
@@ -248,7 +248,7 @@ function Js(u, e) {
     searchResult: r
   };
 }
-const Xe = [
+const Qe = [
   {
     name: "StringSetter",
     label: "文本"
@@ -273,25 +273,25 @@ function Ms(u) {
   const a = S(() => t.value ? [
     {
       name: "key",
-      setters: Xe,
+      setters: Qe,
       value: t.value.getPropValue("key")
     },
     {
       name: "ref",
-      setters: Xe,
+      setters: Qe,
       value: t.value.getPropValue("ref")
     },
     {
       name: "class",
       label: "class",
-      setters: Xe,
+      setters: Qe,
       value: t.value.getPropValue("class")
     },
     {
       name: "children",
       label: "文本",
       title: "如设置组件文本，将清空子组件",
-      setters: Xe,
+      setters: Qe,
       value: Array.isArray(t.value.children) ? "" : t.value.children
     }
   ] : []), s = S(() => {
@@ -335,7 +335,7 @@ async function Oe(u) {
   );
 }
 function de(u, e = "success") {
-  return He({
+  return Ge({
     message: u,
     type: e
   });
@@ -356,7 +356,7 @@ function oe(u, e, t = !1) {
   let l = !0;
   const a = Ls(e);
   try {
-    u.type === "JSExpression" ? Me(u, a, t, !0) : zl(u, a, t, !0);
+    u.type === "JSExpression" ? Le(u, a, t, !0) : zl(u, a, t, !0);
   } catch (s) {
     l = !1, Ct.error({
       title: "代码错误",
@@ -594,7 +594,7 @@ const Ks = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         "onUpdate:modelValue": g[0] || (g[0] = (d) => r.value = d)
       }, {
         default: h(() => [
-          v(n(Ye), {
+          v(n(Ze), {
             label: "pc",
             value: "pc"
           }, {
@@ -603,7 +603,7 @@ const Ks = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             ]),
             _: 1
           }),
-          v(n(Ye), {
+          v(n(Ze), {
             label: "mobile",
             value: "mobile"
           }, {
@@ -612,7 +612,7 @@ const Ks = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
             ]),
             _: 1
           }),
-          v(n(Ye), {
+          v(n(Ze), {
             label: "pad",
             value: "pad"
           }, {
@@ -762,7 +762,7 @@ function st(u) {
 }
 const ot = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const po = Object.prototype.toString, mo = (u) => po.call(u) === "[object Object]", Ze = () => {
+const po = Object.prototype.toString, mo = (u) => po.call(u) === "[object Object]", et = () => {
 }, vo = /* @__PURE__ */ go();
 function go() {
   var u, e;
@@ -812,10 +812,10 @@ function be(u) {
   return (e = t?.$el) != null ? e : t;
 }
 const rt = ot ? window : void 0, Rn = ot ? window.navigator : void 0;
-function Ne(...u) {
+function Je(...u) {
   let e, t, l, a;
   if (typeof u[0] == "string" || Array.isArray(u[0]) ? ([t, l, a] = u, e = rt) : [e, t, l, a] = u, !e)
-    return Ze;
+    return et;
   Array.isArray(t) || (t = [t]), Array.isArray(l) || (l = [l]);
   const s = [], o = () => {
     s.forEach((d) => d()), s.length = 0;
@@ -839,8 +839,8 @@ let Xt = !1;
 function _o(u, e, t = {}) {
   const { window: l = rt, ignore: a = [], capture: s = !0, detectIframe: o = !1 } = t;
   if (!l)
-    return Ze;
-  vo && !Xt && (Xt = !0, Array.from(l.document.body.children).forEach((f) => f.addEventListener("click", Ze)), l.document.documentElement.addEventListener("click", Ze));
+    return et;
+  vo && !Xt && (Xt = !0, Array.from(l.document.body.children).forEach((f) => f.addEventListener("click", et)), l.document.documentElement.addEventListener("click", et));
   let r = !0;
   const i = (f) => a.some((b) => {
     if (typeof b == "string")
@@ -850,7 +850,7 @@ function _o(u, e, t = {}) {
       return c && (f.target === c || f.composedPath().includes(c));
     }
   }), d = [
-    Ne(l, "click", (f) => {
+    Je(l, "click", (f) => {
       const b = be(u);
       if (!(!b || b === f.target || f.composedPath().includes(b))) {
         if (f.detail === 0 && (r = !i(f)), !r) {
@@ -860,11 +860,11 @@ function _o(u, e, t = {}) {
         e(f);
       }
     }, { passive: !0, capture: s }),
-    Ne(l, "pointerdown", (f) => {
+    Je(l, "pointerdown", (f) => {
       const b = be(u);
       r = !i(f) && !!(b && !f.composedPath().includes(b));
     }, { passive: !0 }),
-    o && Ne(l, "blur", (f) => {
+    o && Je(l, "blur", (f) => {
       setTimeout(() => {
         var b;
         const c = be(u);
@@ -896,7 +896,7 @@ function Qt(u, e = {}) {
     if (a.value) {
       if (!s)
         try {
-          s = await l.permissions.query(o), Ne(s, "change", i), i();
+          s = await l.permissions.query(o), Je(s, "change", i), i();
         } catch {
           r.value = "prompt";
         }
@@ -922,7 +922,7 @@ function $n(u = {}) {
       d.value = C;
     }) : d.value = w();
   }
-  g.value && t && Ne(["copy", "cut"], b);
+  g.value && t && Je(["copy", "cut"], b);
   async function c(C = st(l)) {
     g.value && C != null && (o.value && x(i.value) ? await e.clipboard.writeText(C) : _(C), d.value = C, m.value = !0, f.start());
   }
@@ -967,7 +967,7 @@ function ko(u, e, t = {}) {
     stop: d
   };
 }
-function Ue(u, e = { width: 0, height: 0 }, t = {}) {
+function qe(u, e = { width: 0, height: 0 }, t = {}) {
   const { window: l = rt, box: a = "content-box" } = t, s = S(() => {
     var m, f;
     return (f = (m = be(u)) == null ? void 0 : m.namespaceURI) == null ? void 0 : f.includes("svg");
@@ -1115,7 +1115,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     ], r = (m) => {
       s.value && (s.value.name = fn(m));
     }, i = async (m) => t.value?.existPageName(m.name, [m.id]) ? (ne("页面名称已存在，请更换"), !1) : (e.item ? t.value?.updatePage(m) : t.value?.createPage(m, e.parentId), !0), { copy: g } = $n({}), d = (m) => {
-      g(m), He.success({
+      g(m), Ge.success({
         message: "已经复制到粘贴板"
       });
     };
@@ -1586,7 +1586,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
         }),
         v(n(M), {
           class: "v-item__actions",
-          onClick: m[1] || (m[1] = We(() => {
+          onClick: m[1] || (m[1] = Ne(() => {
           }, ["stop"]))
         }, {
           default: h(() => [
@@ -1793,7 +1793,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     }, _ = (x) => {
       l("pick", x);
     }, w = (x) => {
-      o(x), He.success({
+      o(x), Ge.success({
         message: "已经复制到粘贴板"
       });
     };
@@ -2040,7 +2040,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     });
     return (s, o) => (p(), j("div", {
       class: H(["v-viewport", t.value]),
-      style: Qe(a.value)
+      style: Ke(a.value)
     }, [
       xe(s.$slots, "default")
     ], 6));
@@ -2598,7 +2598,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
         F,
         L
       )) {
-        t.value?.setDropping(null), d(), He.warning({
+        t.value?.setDropping(null), d(), Ge.warning({
           message: `${X.model.name}不能放置到该位置`
         }), t.value?.setDragging(null);
         return;
@@ -2991,7 +2991,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       e.model ? [o.value.id] : []
     ) ? (ne(`API名称 [ ${o.value.name} ] 已存在`), !1) : o.value.headers && !oe(o.value.headers, window) || o.value.mockTemplate && !oe(o.value.mockTemplate, window) ? !1 : (e.project?.setApi(o.value), a.value?.close(), !0), c = () => {
       if (o.value.mockTemplate) {
-        const _ = Me(
+        const _ = Le(
           o.value.mockTemplate,
           {},
           !0
@@ -3239,6 +3239,8 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     }, b = (c, _) => {
       _.name === "edit" && (s.value = {
         ...c,
+        enabled: !0,
+        official: !1,
         urls: c.urls.join(`
 `)
       }, a.value = !1, l.value = !0), _.name === "remove" && t.project.value?.removeDeps(c);
@@ -3399,7 +3401,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
   inheritAttrs: !1,
   __name: "index",
   setup(u, { expose: e }) {
-    const t = k(), l = k(), { width: a, height: s } = Ue(t), { dependencies: o, engine: r, apis: i, meta: g } = Dn(), { current: d, 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 } = Fs(
+    const t = k(), l = k(), { width: a, height: s } = qe(t), { dependencies: o, engine: r, apis: i, meta: g } = Dn(), { current: d, 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 } = Fs(
       l,
       o,
       i,
@@ -3459,12 +3461,12 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
           n(w) ? (p(), j("div", {
             key: 0,
             class: H(["v-designer__dropping", "is-inner"]),
-            style: Qe(n(w).style)
+            style: Ke(n(w).style)
           }, null, 4)) : A("", !0),
           n(_) ? (p(), j("div", {
             key: 1,
             class: "v-designer__hover",
-            style: Qe(n(_).style)
+            style: Ke(n(_).style)
           }, [
             V("span", {
               class: H(`is-${n(_).position}`)
@@ -3476,7 +3478,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
           n(x) ? (p(), j("div", {
             key: 2,
             class: "v-designer__selected",
-            style: Qe(n(x).style)
+            style: Ke(n(x).style)
           }, [
             v(lr, {
               position: n(x).position,
@@ -3497,7 +3499,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       n(d) && n(m) ? (p(), j("div", ar, " 您可以拖拽组件放置到这里 ")) : A("", !0)
     ], 512));
   }
-}), Ge = /* @__PURE__ */ E({
+}), Xe = /* @__PURE__ */ E({
   __name: "group",
   props: {
     context: {},
@@ -3621,7 +3623,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       };
       return oe(d, e.context, !0) ? (e.current?.setState(i, d), !0) : !1;
     };
-    return (o, r) => (p(), y(Ge, {
+    return (o, r) => (p(), y(Xe, {
       title: "状态数据",
       current: e.current,
       context: e.context,
@@ -3653,7 +3655,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       };
       return oe(d, e.context, !0) ? (e.current?.setFunction("computed", i, d), !0) : !1;
     };
-    return (o, r) => (p(), y(Ge, {
+    return (o, r) => (p(), y(Xe, {
       title: "计算属性",
       current: e.current,
       context: e.context,
@@ -3685,7 +3687,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       };
       return oe(d, e.context, !0) ? (e.current?.setFunction("methods", i, d), !0) : !1;
     };
-    return (o, r) => (p(), y(Ge, {
+    return (o, r) => (p(), y(Xe, {
       title: "组件方法",
       current: e.current,
       context: e.context,
@@ -3720,7 +3722,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       };
       return oe(m, e.context, !0) ? (e.current?.setFunction("lifeCycles", g, m), !0) : !1;
     };
-    return (r, i) => (p(), y(Ge, {
+    return (r, i) => (p(), y(Xe, {
       title: "生命周期",
       current: e.current,
       context: e.context,
@@ -3794,7 +3796,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       };
       return e.current?.setWatch(m), !0;
     };
-    return (r, i) => (p(), y(Ge, {
+    return (r, i) => (p(), y(Xe, {
       title: "侦听器",
       current: e.current,
       context: e.context,
@@ -3924,7 +3926,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
           size: "small",
           "label-position": "right",
           "label-width": r.value,
-          onKeydown: g[0] || (g[0] = Ke(We(() => {
+          onKeydown: g[0] || (g[0] = Ye(Ne(() => {
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: h(() => [
@@ -4041,7 +4043,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     value: {}
   },
   setup(u) {
-    const e = u, t = k(), l = qe({
+    const e = u, t = k(), l = He({
       type: "JSExpression",
       value: e.value
     }), a = (s) => {
@@ -4088,7 +4090,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     event: {}
   },
   setup(u) {
-    const e = u, t = k(), a = qe({
+    const e = u, t = k(), a = He({
       name: e.name,
       ...e.event,
       modifiers: Object.keys(e.event?.modifiers || {}),
@@ -4298,7 +4300,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       onValueChange: g,
       onForChange: d,
       onModelChange: m
-    } = Xs(l), f = (b) => b.arg ? typeof b.arg == "string" ? b.arg : Me(b.arg, {}) : "modelValue";
+    } = Xs(l), f = (b) => b.arg ? typeof b.arg == "string" ? b.arg : Le(b.arg, {}) : "modelValue";
     return (b, c) => (p(), y(n(M), {
       class: "v-directives-widget",
       direction: "column",
@@ -4315,7 +4317,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
             v(n(ge), {
               size: "small",
               "label-width": "80px",
-              onKeydown: c[0] || (c[0] = Ke(We(() => {
+              onKeydown: c[0] || (c[0] = Ye(Ne(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: h(() => [
@@ -4362,7 +4364,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
             v(n(ge), {
               size: "small",
               "label-width": "80px",
-              onKeydown: c[1] || (c[1] = Ke(We(() => {
+              onKeydown: c[1] || (c[1] = Ye(Ne(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: h(() => [
@@ -4426,7 +4428,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
                 v(n(ge), {
                   size: "small",
                   "label-width": "60px",
-                  onKeydown: c[2] || (c[2] = Ke(We(() => {
+                  onKeydown: c[2] || (c[2] = Ye(Ne(() => {
                   }, ["prevent", "stop"]), ["enter"]))
                 }, {
                   default: h(() => [
@@ -4981,9 +4983,9 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
         if ($)
           return await $.apply($, z);
         Ce.warn(`API【${o.value.ref}】不存在`);
-      }, C = Me(o.value.test, {
+      }, C = Le(o.value.test, {
         runApi: x
-      }), I = o.value.transform?.value ? Me(o.value.transform, {}, !0) : (z) => z;
+      }), I = o.value.transform?.value ? Le(o.value.transform, {}, !0) : (z) => z;
       r.value = !0;
       try {
         const z = await C();
@@ -5559,7 +5561,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     setStyle: { type: Function }
   },
   setup(u) {
-    const e = u, t = k(), l = k(), { width: a, height: s } = Ue(t), { width: o, height: r } = Ue(l), i = k(!1), g = k(), d = k(), m = () => {
+    const e = u, t = k(), l = k(), { width: a, height: s } = qe(t), { width: o, height: r } = qe(l), i = k(!1), g = k(), d = k(), m = () => {
       i.value = !1, g.value = void 0, d.value = void 0;
     }, f = (b) => {
       g.value = b, d.value = e.styleJson[b], i.value = !0;
@@ -5990,7 +5992,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     setStyle: { type: Function }
   },
   setup(u) {
-    const e = u, t = k(), { width: l, height: a } = Ue(t), s = k(!1), o = k(), r = k(), i = [
+    const e = u, t = k(), { width: l, height: a } = qe(t), s = k(!1), o = k(), r = k(), i = [
       { label: "静态", value: "static" },
       { label: "相对", value: "relative" },
       { label: "绝对", value: "absolute" },
@@ -6751,7 +6753,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
     path: { type: Function }
   },
   setup(u, { expose: e }) {
-    const t = u, l = k(), a = k(Symbol()), { current: s, engine: o } = ie(), { width: r, height: i } = Ue(l), g = S(() => s.value && t.path ? t.path(s.value) : null), d = S(() => o.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
+    const t = u, l = k(), a = k(Symbol()), { current: s, engine: o } = ie(), { width: r, height: i } = qe(l), g = S(() => s.value && t.path ? t.path(s.value) : null), d = S(() => o.skeleton?.getWidget("Toolbar")?.widgetRef.mode ?? "pc");
     return e({
       refresh: () => {
         a.value = Symbol();
@@ -7890,7 +7892,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
   setup(u, { emit: e }) {
     const t = (i = "") => ({
       type: "JSExpression",
-      value: Le(i) ? i.value : i
+      value: Ue(i) ? i.value : i
     }), l = u, a = e, s = (i) => oe(i, l.context, !0), o = k(t(l.modelValue).value);
     q(
       () => l.modelValue,
@@ -7949,7 +7951,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
   },
   emits: ["change"],
   setup(u, { emit: e }) {
-    const t = u, l = e, a = S(() => Le(t.modelValue) ? void 0 : Number(t.modelValue || 0)), s = (o) => {
+    const t = u, l = e, a = S(() => Ue(t.modelValue) ? void 0 : Number(t.modelValue || 0)), s = (o) => {
       l("change", o);
     };
     return (o, r) => (p(), y(n(rl), re({
@@ -8136,7 +8138,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
       size: "small"
     }, t.$attrs), {
       default: h(() => [
-        (p(!0), j(T, null, W(e.options, (a) => (p(), y(n(Ye), {
+        (p(!0), j(T, null, W(e.options, (a) => (p(), y(n(Ze), {
           label: a.label,
           value: a.value,
           title: a.label
@@ -8228,7 +8230,7 @@ const So = { class: "v-icon-setter" }, xo = { class: "v-icon-setter__content" },
   setup(u, { emit: e }) {
     const t = u, l = e, a = k([]), s = S(() => a.value.length < t.limit), o = (i) => i.type.includes("image") ? (_l(i).then((g) => {
       a.value = [{ name: i.name, url: g }];
-    }), !1) : (He.error("只能上传图片"), !1), r = () => {
+    }), !1) : (Ge.error("只能上传图片"), !1), r = () => {
       a.value = [];
     };
     return q(
@@ -8635,7 +8637,7 @@ class bu {
     return Object.values(this.setters).filter((l) => l.type === e).map((l) => l.name);
   }
 }
-const et = new bu();
+const We = new bu();
 function yu(u) {
   return new Promise((e, t) => {
     const l = an(zo, {
@@ -8679,7 +8681,7 @@ class _u {
     ), te.on(
       _t,
       this.bind(this.onActiveChange, "onActiveChange")
-    ), te.on(Je, this.bind(this.onViewChange, "onViewChange"));
+    ), te.on(Me, this.bind(this.onViewChange, "onViewChange"));
   }
   unbindEvents(e, t) {
     t.removeEventListener(
@@ -8698,7 +8700,7 @@ class _u {
       _t,
       this.bind(this.onActiveChange, "onActiveChange")
     ), te.off(
-      Je,
+      Me,
       this.bind(this.onViewChange, "onViewChange")
     );
   }
@@ -8973,7 +8975,7 @@ class wu {
     } catch (f) {
       ne(f.message || "未知错误", "运行时错误"), console.error(f);
     }
-    this.context = d, te.on(Je, this.nodeChange), te.on(wt, this.blockChange);
+    this.context = d, te.on(Me, this.nodeChange), te.on(wt, this.blockChange);
   }
   dispose() {
     if (this.app) {
@@ -8981,7 +8983,7 @@ class wu {
       const e = this.app._container;
       e && e.parentNode && (e.parentNode.removeChild(e), this.app._container = null), this.app = null;
     }
-    this.dsl = null, this.context = null, te.off(Je, this.nodeChange), te.off(wt, this.blockChange);
+    this.dsl = null, this.context = null, te.off(Me, this.nodeChange), te.off(wt, this.blockChange);
   }
   updateChild(e, t) {
     const l = t.children || t.nodes || [];
@@ -9204,7 +9206,7 @@ class Su {
       let b = [];
       for (const c of f)
         b = b.concat(
-          et.getByType(c)
+          We.getByType(c)
         );
       return b;
     }, d = {
@@ -9289,7 +9291,7 @@ class rc extends bn {
       Ce.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    te.on(jl, (e) => this.saveProject(e)), te.on(El, (e) => this.saveBlockFile(e)), te.on(Pl, (e) => this.saveBlockFile(e)), te.on(Dl, () => this.saveMaterials()), te.on(_t, (e) => this.activeFile(e)), te.on(Il, () => this.publish()), te.on(Bl, () => this.publishCurrent()), te.on(wt, (e) => this.changeFile(e)), te.on(Je, () => this.changeCurrentFile()), te.on(Rl, (e) => this.saveHistory(e)), te.on($l, (e) => this.loadHistory(e));
+    te.on(jl, (e) => this.saveProject(e)), te.on(El, (e) => this.saveBlockFile(e)), te.on(Pl, (e) => this.saveBlockFile(e)), te.on(Dl, () => this.saveMaterials()), te.on(_t, (e) => this.activeFile(e)), te.on(Il, () => this.publish()), te.on(Bl, () => this.publishCurrent()), te.on(wt, (e) => this.changeFile(e)), te.on(Me, () => this.changeCurrentFile()), te.on(Rl, (e) => this.saveHistory(e)), te.on($l, (e) => this.loadHistory(e));
   }
   async activeFile(e) {
     await we();
@@ -9559,7 +9561,7 @@ const je = E({
       type: [String, Object, Array],
       required: !0,
       default() {
-        return [];
+        return [We.defaultSetter];
       }
     },
     options: {
@@ -9608,8 +9610,8 @@ const je = E({
     defaultSetter() {
       const { value: u, computedSetters: e } = this;
       let t = typeof u;
-      t === "Object" && (Array.isArray(u) ? t = "Array" : Le(u) ? t = "Object" : ql(u) && (t = "Function"));
-      const l = et.getByType(t) || [];
+      t === "Object" && (Array.isArray(u) ? t = "Array" : Ue(u) ? t = "Object" : ql(u) && (t = "Function"));
+      const l = We.getByType(t) || [];
       return l.length ? (e.find((a) => l.includes(a.name)) || e[0])?.name : e[0]?.name;
     }
   },
@@ -9648,7 +9650,7 @@ const je = E({
   emits: ["change", "remove"],
   methods: {
     getSetter(u) {
-      return typeof u == "string" ? et.get(u) || et.defaultSetter : u;
+      return typeof u == "string" ? We.get(u) || We.defaultSetter : u;
     },
     changeValue(u) {
       this.$emit("change", this.name, u);
@@ -9832,7 +9834,7 @@ const je = E({
   setup(u, { emit: e }) {
     const t = u, l = e, a = k(!1), s = k(""), o = k(
       t.setters.find((x) => x.name === t.defaultSetter) || t.setters[0]
-    ), r = k(t.value), i = S(() => !!Le(r.value)), g = {
+    ), r = k(t.value), i = S(() => !!Ue(r.value)), g = {
       [o.value.name]: r.value
     }, d = (x) => {
       g[o.value.name] = r.value, o.value = x, r.value = g[x.name] ?? void 0, m(r.value);
@@ -9855,7 +9857,7 @@ const je = E({
     }, f = () => {
       l("remove", t.name);
     }, b = () => {
-      a.value = !0, s.value = Le(r.value) ? r.value.value : "";
+      a.value = !0, s.value = Ue(r.value) ? r.value.value : "";
     }, c = () => {
       a.value = !1, s.value = "";
     }, _ = async (x) => oe(x, t.context, !0) ? (g[o.value.name] = r.value, r.value = x, l("change", x), !0) : !1, w = async () => {
@@ -10119,7 +10121,7 @@ const je = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region), s = qe(
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region), s = He(
       l.value.map((c) => ({
         name: c.name,
         command: c.name,
@@ -10346,7 +10348,7 @@ const je = E({
     region: {}
   },
   setup(u, { expose: e }) {
-    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region), s = qe(
+    const t = u, { widgets: l, widgetsRef: a } = Pe(t.region), s = He(
       l.value.map((i) => ({
         name: i.name,
         command: i.name,
@@ -10442,7 +10444,7 @@ export {
   ne as notify,
   Ls as proxyContext,
   Yt as regions,
-  et as setterManager,
+  We as setterManager,
   Z as setters,
   ce as useEngine,
   Nn as widgetManager,

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.8.121",
+  "version": "0.8.122",
   "type": "module",
   "dependencies": {
     "mockjs": "~1.1.0",
     "monaco-editor": "~0.48.0",
-    "@vtj/core": "~0.8.121",
-    "@vtj/icons": "~0.8.121",
-    "@vtj/renderer": "~0.8.121",
-    "@vtj/utils": "~0.8.121",
-    "@vtj/ui": "~0.8.121"
+    "@vtj/icons": "~0.8.122",
+    "@vtj/core": "~0.8.122",
+    "@vtj/ui": "~0.8.122",
+    "@vtj/renderer": "~0.8.122",
+    "@vtj/utils": "~0.8.122"
   },
   "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.120
+ * @version 0.8.121
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.120";
+export declare const version = "0.8.121";

package/types/wrappers/setter.d.ts

@@ -22,7 +22,7 @@ export declare const SetterWrapper: DefineComponent<{
     setters: {
         type: PropType<string | MaterialSetter | Array<string | MaterialSetter>>;
         required: true;
-        default(): never[];
+        default(): Setter[];
     };
     options: {
         type: ArrayConstructor;
@@ -68,7 +68,7 @@ export declare const SetterWrapper: DefineComponent<{
     setters: {
         type: PropType<string | MaterialSetter | Array<string | MaterialSetter>>;
         required: true;
-        default(): never[];
+        default(): Setter[];
     };
     options: {
         type: ArrayConstructor;