@vtj/designer 0.9.5 → 0.9.6

package/dist/index.mjs

@@ -1,30 +1,30 @@
 var pl = Object.defineProperty;
 var ml = (i, t, e) => t in i ? pl(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var F = (i, t, e) => ml(i, typeof t != "symbol" ? t + "" : t, e);
-import { computed as C, unref as n, ref as x, reactive as He, watchEffect as vl, watch as q, toValue as xe, defineComponent as P, openBlock as c, createElementBlock as E, toDisplayString as L, createVNode as m, withCtx as y, createElementVNode as A, createBlock as w, createCommentVNode as D, createTextVNode as U, mergeProps as ue, h as Oe, readonly as gl, getCurrentScope as fl, onScopeDispose as hl, onMounted as ht, nextTick as Ve, getCurrentInstance as fn, shallowRef as Ye, toRaw as hn, Fragment as z, renderList as W, normalizeClass as K, defineAsyncComponent as bl, resolveDynamicComponent as bn, createSlots as yl, withDirectives as De, vShow as Ne, renderSlot as Ae, withModifiers as Be, isRef as Tt, normalizeStyle as ut, inject as Wt, provide as _l, withKeys as Ue, normalizeProps as yn, guardReactiveProps as _n, onUnmounted as wn, markRaw as $t, createApp as kn, shallowReactive as wl, triggerRef as $e, KeepAlive as Sn } from "vue";
-import { ElNotification as Nt, ElMessageBox as Pe, ElMessage as Ie, ElButton as te, ElDivider as bt, ElRadioGroup as xn, ElRadioButton as ct, ElButtonGroup as kl, ElImage as Cn, ElDropdown as Vn, ElDropdownMenu as An, ElDropdownItem as dt, ElInput as ye, ElEmpty as ie, ElAlert as jn, ElTooltip as En, ElTag as Dn, ElSwitch as Pn, ElTree as Mt, ElCollapse as yt, ElCollapseItem as _t, ElRow as mt, ElCol as vt, ElDrawer as In, ElForm as be, ElFormItem as Tn, ElBreadcrumb as Sl, ElBreadcrumbItem as xl, ElLoading as Cl, ElAvatar as $n, vLoading as Vl, ElSelect as Al, ElOption as jl, ElInputNumber as El, ElColorPicker as Dl, ElUpload as Pl, ElSlider as Il, ElConfigProvider as Tl, ElContainer as tn, ElHeader as $l, ElAside as nn, ElMain as Rl, ElFooter as Bl } from "element-plus";
+import { computed as C, unref as n, ref as x, reactive as He, watchEffect as vl, watch as q, toValue as Tt, defineComponent as P, openBlock as c, createElementBlock as E, toDisplayString as L, createVNode as m, withCtx as y, createElementVNode as A, createBlock as w, createCommentVNode as D, createTextVNode as U, mergeProps as ue, h as Oe, readonly as gl, getCurrentScope as fl, onScopeDispose as hl, onMounted as ht, nextTick as Ce, getCurrentInstance as fn, shallowRef as Ye, toRaw as hn, Fragment as z, renderList as W, normalizeClass as K, defineAsyncComponent as bl, resolveDynamicComponent as bn, createSlots as yl, withDirectives as Ee, vShow as Ne, renderSlot as Ve, withModifiers as Re, isRef as $t, normalizeStyle as ut, inject as Wt, provide as _l, withKeys as Ue, normalizeProps as yn, guardReactiveProps as _n, onUnmounted as wn, markRaw as Rt, createApp as kn, shallowReactive as wl, triggerRef as Te, KeepAlive as Sn } from "vue";
+import { ElNotification as Nt, ElMessageBox as De, ElMessage as Pe, ElButton as te, ElDivider as bt, ElRadioGroup as xn, ElRadioButton as ct, ElButtonGroup as kl, ElImage as Cn, ElDropdown as Vn, ElDropdownMenu as An, ElDropdownItem as dt, ElInput as ye, ElEmpty as ie, ElAlert as jn, ElTooltip as En, ElTag as Dn, ElSwitch as Pn, ElTree as Mt, ElCollapse as yt, ElCollapseItem as _t, ElRow as mt, ElCol as vt, ElDrawer as In, ElForm as be, ElFormItem as Tn, ElBreadcrumb as Sl, ElBreadcrumbItem as xl, ElLoading as Cl, ElAvatar as $n, vLoading as Vl, ElSelect as Al, ElOption as jl, ElInputNumber as El, ElColorPicker as Dl, ElUpload as Pl, ElSlider as Il, ElConfigProvider as Tl, ElContainer as tn, ElHeader as $l, ElAside as nn, ElMain as Rl, ElFooter as Bl } from "element-plus";
 import Ol from "element-plus/es/locale/lang/zh-cn";
-import { XDialogForm as je, XField as $, createDialog as Rn, XIcon as ze, XDialog as Fe, XPanel as wt, XAction as ge, XTabs as Jt, XContainer as G, XForm as Ut, XAttachment as zl, XActionBar as Fl, XInputUnit as Bn, vResizable as ln } from "@vtj/ui";
-import { jsonp as Je, groupBy as kt, dataURLtoBlob as Ll, delay as qt, upperFirstCamelCase as On, toRawType as jt, cloneDeep as lt, logger as Te, isPlainObject as Wl, fileToBase64 as Nl, merge as Ht, debounce as Ml, arrayToMap as Jl, toArray as Ul } from "@vtj/utils";
-import { isBlock as le, DirectiveModel as zn, createNodeFrom as ql, BUILT_IN_VUE as Hl, BUILT_IN_VUE_ROUTER as Gl, BUILT_IN_NAME as Rt, emitter as oe, EVENT_PROJECT_ACTIVED as Bt, EVENT_NODE_CHANGE as Ze, NodeModel as an, EVENT_BLOCK_CHANGE as Ot, Base as Fn, BUILT_IN_LIBRARAY_MAP as Kl, ProjectModel as Xl, EVENT_PROJECT_CHANGE as Ql, EVENT_PROJECT_BLOCKS_CHANGE as Yl, EVENT_PROJECT_PAGES_CHANGE as Zl, EVENT_PROJECT_DEPS_CHANGE as ea, EVENT_PROJECT_PUBLISH as ta, EVENT_PROJECT_FILE_PUBLISH as na, EVENT_HISTORY_CHANGE as la, EVENT_HISTORY_LOAD as aa, EVENT_PROJECT_GEN_SOURCE as sa, BlockModel as sn, HistoryModel as oa } from "@vtj/core";
+import { XDialogForm as Ae, XField as $, createDialog as Rn, XIcon as ze, XDialog as Fe, XPanel as wt, XAction as ge, XTabs as Jt, XContainer as G, XForm as Ut, XAttachment as zl, XActionBar as Fl, XInputUnit as Bn, vResizable as ln } from "@vtj/ui";
+import { jsonp as Je, groupBy as kt, dataURLtoBlob as Ll, delay as qt, upperFirstCamelCase as On, toRawType as jt, cloneDeep as lt, logger as Ie, isPlainObject as Wl, fileToBase64 as Nl, merge as Ht, debounce as Ml, arrayToMap as Jl, toArray as Ul } from "@vtj/utils";
+import { isBlock as le, DirectiveModel as zn, createNodeFrom as ql, BUILT_IN_VUE as Hl, BUILT_IN_VUE_ROUTER as Gl, BUILT_IN_NAME as Bt, emitter as oe, EVENT_PROJECT_ACTIVED as Ot, EVENT_NODE_CHANGE as Ze, NodeModel as an, EVENT_BLOCK_CHANGE as zt, Base as Fn, BUILT_IN_LIBRARAY_MAP as Kl, ProjectModel as Xl, EVENT_PROJECT_CHANGE as Ql, EVENT_PROJECT_BLOCKS_CHANGE as Yl, EVENT_PROJECT_PAGES_CHANGE as Zl, EVENT_PROJECT_DEPS_CHANGE as ea, EVENT_PROJECT_PUBLISH as ta, EVENT_PROJECT_FILE_PUBLISH as na, EVENT_HISTORY_CHANGE as la, EVENT_HISTORY_LOAD as aa, EVENT_PROJECT_GEN_SOURCE as sa, BlockModel as sn, HistoryModel as oa } from "@vtj/core";
 import { parseExpression as et, parseFunction as ra, BUILT_IN_DIRECTIVES as ia, JSCodeToString as qe, LIFE_CYCLES_LIST as ua, DATA_TYPES as ca, createMock as da, isJSExpression as tt, ContextMode as Ln, parseDeps as pa, createAssetsCss as ma, createAssetScripts as on, getRawComponent as rn, createSchemaApis as va, mockCleanup as ga, mockApis as fa, Provider as ha, isJSFunction as ba } from "@vtj/renderer";
-import { VtjIconBack as ya, VtjIconPc as _a, VtjIconPhone as wa, VtjIconPad as ka, VtjIconUndo as Sa, VtjIconRedo as xa, VtjIconTemplate as gt, VtjIconPreview as Ca, VtjIconRefresh as Wn, VtjIconSetting as Nn, Download as zt, VtjIconPublish as Va, VtjIconProject as Aa, icons as Ft, ArrowDown as Mn, Search as at, CopyDocument as ja, Back as Ea, VtjIconPlus as Jn, EditPen as Da, Delete as Un, VtjIconSave as Pa, ArrowUp as Ia, MoreFilled as st, VtjIconCheck as qn, VtjIconCopy as Gt, VtjIconEdit as Hn, VtjIconRemove as St, VtjIconLock as Gn, VtjIconUnlock as Ta, VtjIconInvisible as Kn, VtjIconVisible as $a, VtjIconHome as Ra, VtjIconShare as Ba, VtjIconComponents as Xn, Files as Oa, VtjIconSearch as za, VtjIconHelp as Qn, VtjIconLayers as Yn, Rank as Fa, VtjIconArrowUp as La, VtjIconArrowDown as Wa, IconDisplayBlock as Na, IconDisplayFlex as Ma, IconDisplayInlineBlock as Ja, IconDisplayInline as Ua, IconEyeInvisible as qa, IconFlexDirectionrow as Ha, IconFlexDirectionrowReverse as Ga, IconFlexDirectioncolumn as Ka, IconFlexDirectioncolumnReverse as Xa, IconFlexJustifyflexStartrow as Qa, IconFlexJustifyflexEndrow as Ya, IconFlexJustifycenterrow as Za, IconFlexJustifyspaceBetweenrow as es, IconFlexJustifyspaceAroundrow as ts, IconFlexAlignflexStartrow as ns, IconFlexAlignflexEndrow as ls, IconFlexAligncenterrow as as, IconFlexAlignbaselinerow as ss, IconFlexAlignstretchrow as os, IconPositionTopLeft as rs, IconPositionTopRight as is, IconPositionBottomLeft as us, IconPositionBottomRight as cs, IconPositionLeft as ds, IconPositionRight as ps, IconPositionTop as ms, IconPositionBottom as vs, IconPositionAll as gs, IconTextAlignLeft as fs, IconTextAlignCenter as hs, IconTextAlignRight as bs, IconTextAlignJustify as ys, IconFontStyleNone as _s, IconFontStyleItalic as ws, IconCross as Zn, IconTextDecorationUnderline as ks, IconTextDecorationStrike as Ss, IconTextDecorationOverline as xs, IconTileXy as Cs, IconTileX as Vs, IconTileY as As, IconClose as js, IconBorderAll as Es, IconBorderLeft as Ds, IconBorderTop as Ps, IconBorderBottom as Is, IconBorderRight as Ts, IconBorderStyleSolid as $s, IconBorderStyleDashed as Rs, IconBorderStyleDotted as Bs, IconCursorAuto as Os, IconCursorPointer as zs, IconCursorNotAllowed as Fs, IconCursorNone as Ls, ArrowRight as Ws, UserFilled as el, VtjIconDocument as Ns, VtjIconBlock as Ms, VtjIconOutline as Js, VtjIconHistory as Us, VtjIconApi as qs, VtjIconCategory as Hs, HomeFilled as Gs, Plus as Ks, Close as Xs, VtjIconVars as Qs, VtjIconSwitch as Ys, Switch as Zs } from "@vtj/icons";
+import { VtjIconBack as ya, VtjIconPc as _a, VtjIconPhone as wa, VtjIconPad as ka, VtjIconUndo as Sa, VtjIconRedo as xa, VtjIconTemplate as gt, VtjIconPreview as Ca, VtjIconRefresh as Wn, VtjIconSetting as Nn, Download as Ft, VtjIconPublish as Va, VtjIconProject as Aa, icons as Lt, ArrowDown as Mn, Search as at, CopyDocument as ja, Back as Ea, VtjIconPlus as Jn, EditPen as Da, Delete as Un, VtjIconSave as Pa, ArrowUp as Ia, MoreFilled as st, VtjIconCheck as qn, VtjIconCopy as Gt, VtjIconEdit as Hn, VtjIconRemove as St, VtjIconLock as Gn, VtjIconUnlock as Ta, VtjIconInvisible as Kn, VtjIconVisible as $a, VtjIconHome as Ra, VtjIconShare as Ba, VtjIconComponents as Xn, Files as Oa, VtjIconSearch as za, VtjIconHelp as Qn, VtjIconLayers as Yn, Rank as Fa, VtjIconArrowUp as La, VtjIconArrowDown as Wa, IconDisplayBlock as Na, IconDisplayFlex as Ma, IconDisplayInlineBlock as Ja, IconDisplayInline as Ua, IconEyeInvisible as qa, IconFlexDirectionrow as Ha, IconFlexDirectionrowReverse as Ga, IconFlexDirectioncolumn as Ka, IconFlexDirectioncolumnReverse as Xa, IconFlexJustifyflexStartrow as Qa, IconFlexJustifyflexEndrow as Ya, IconFlexJustifycenterrow as Za, IconFlexJustifyspaceBetweenrow as es, IconFlexJustifyspaceAroundrow as ts, IconFlexAlignflexStartrow as ns, IconFlexAlignflexEndrow as ls, IconFlexAligncenterrow as as, IconFlexAlignbaselinerow as ss, IconFlexAlignstretchrow as os, IconPositionTopLeft as rs, IconPositionTopRight as is, IconPositionBottomLeft as us, IconPositionBottomRight as cs, IconPositionLeft as ds, IconPositionRight as ps, IconPositionTop as ms, IconPositionBottom as vs, IconPositionAll as gs, IconTextAlignLeft as fs, IconTextAlignCenter as hs, IconTextAlignRight as bs, IconTextAlignJustify as ys, IconFontStyleNone as _s, IconFontStyleItalic as ws, IconCross as Zn, IconTextDecorationUnderline as ks, IconTextDecorationStrike as Ss, IconTextDecorationOverline as xs, IconTileXy as Cs, IconTileX as Vs, IconTileY as As, IconClose as js, IconBorderAll as Es, IconBorderLeft as Ds, IconBorderTop as Ps, IconBorderBottom as Is, IconBorderRight as Ts, IconBorderStyleSolid as $s, IconBorderStyleDashed as Rs, IconBorderStyleDotted as Bs, IconCursorAuto as Os, IconCursorPointer as zs, IconCursorNotAllowed as Fs, IconCursorNone as Ls, ArrowRight as Ws, UserFilled as el, VtjIconDocument as Ns, VtjIconBlock as Ms, VtjIconOutline as Js, VtjIconHistory as Us, VtjIconApi as qs, VtjIconCategory as Hs, HomeFilled as Gs, Plus as Ks, Close as Xs, VtjIconVars as Qs, VtjIconSwitch as Ys, Switch as Zs } from "@vtj/icons";
 import eo from "html2canvas";
 import to from "mockjs";
 /**!
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.5
+ * @version 0.9.6
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const no = "0.9.5", un = {
+const no = "0.9.6", un = {
   width: 390,
   height: 844
 }, cn = {
   width: 1024,
   height: 768
-}, Ee = /^[A-Za-z_$][\:\w_-]*$/, lo = /(\d+)\.(\d+)\.(\d+)/, ao = [
+}, je = /^[A-Za-z_$][\:\w_-]*$/, lo = /(\d+)\.(\d+)\.(\d+)/, ao = [
   "click",
   "dblclick",
   "mouseenter",
@@ -194,7 +194,7 @@ function Et(i, t) {
     position: fo(t.rect, i !== "selected")
   };
 }
-function Ce() {
+function xe() {
   const i = ce(), t = C(
     () => i.simulator.designer.value
   ), e = C(() => t.value?.selected.value), l = C(() => le(e.value?.model));
@@ -206,8 +206,8 @@ function Ce() {
   };
 }
 function bo(i, t) {
-  const e = x(""), { selected: l, isSelectBlock: a } = Ce(), o = C(() => l.value?.model.id), s = C(() => {
-    const u = xe(i), f = xe(t), g = [];
+  const e = x(""), { selected: l, isSelectBlock: a } = xe(), o = C(() => l.value?.model.id), s = C(() => {
+    const u = Tt(i), f = Tt(t), g = [];
     if (!u) return g;
     const v = f?.__contextRefs[o.value || ""], _ = f === v || a.value ? [] : Object.keys(v?.context || {}).filter((R) => !["context", "ref"].includes(R)).map((R) => `this.context.${R}`);
     _.length && g.push({ title: "上下文", items: _ });
@@ -334,12 +334,12 @@ function re(i, t = "提示") {
   });
 }
 async function Me(i) {
-  return await Pe.confirm(i, "提示", { type: "warning" }).catch(
+  return await De.confirm(i, "提示", { type: "warning" }).catch(
     () => !1
   );
 }
 function de(i, t = "success") {
-  return Ie({
+  return Pe({
     message: i,
     type: t
   });
@@ -602,20 +602,20 @@ function Ao() {
     const _ = i.current.value, d = i.project.value;
     if (!d) return;
     if (!_) {
-      Ie.warning({
+      Pe.warning({
         message: "设计区无文件，请先打开页面或区块"
       });
       return;
     }
     const h = await o(p);
     if (!h)
-      return await Pe.alert("模板不可用，可能该模板没发布过版本", {
+      return await De.alert("模板不可用，可能该模板没发布过版本", {
         type: "error",
         title: "提示"
       });
     const b = _.toDsl(), { id: S, name: k } = b, V = { ...h, id: S, name: k }, j = d.currentFile;
     i.onSaveBlockFileFinish(() => {
-      _.update(V), Ie.success({
+      _.update(V), Pe.success({
         message: "模板已加载完成"
       });
     }), j && (j.market = {
@@ -806,13 +806,13 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     });
     const u = C(() => t.canvas ? t.canvas.toDataURL("image/png") : null), f = async () => {
       if (!u.value)
-        return await Pe.alert("截图失败，无法完成发布", {
+        return await De.alert("截图失败，无法完成发布", {
           title: "提示",
           type: "error"
         }), !1;
       const g = Ll(u.value), { dsl: v, id: p } = t;
       let _;
-      r.value && (_ = await Pe.confirm(
+      r.value && (_ = await De.confirm(
         "该模板已存在，请确认您的操作是更新模板还是新建",
         {
           type: "warning",
@@ -829,14 +829,14 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         category: "",
         version: "",
         ...s
-      }, h = await l(d).catch((b) => (Ie.error({
+      }, h = await l(d).catch((b) => (Pe.error({
         message: b.message || b || "未知错误"
       }), !1));
-      return h && (Ie.success({
+      return h && (Pe.success({
         message: "发布模板成功！"
       }), o.skeleton?.getWidget("Templates")?.widgetRef.refreshTemplates()), !!h;
     };
-    return (g, v) => (c(), w(n(je), {
+    return (g, v) => (c(), w(n(Ae), {
       width: "600px",
       height: "760px",
       icon: n(gt),
@@ -861,7 +861,7 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
           name: "name",
           required: "",
           rules: {
-            pattern: n(Ee),
+            pattern: n(je),
             message: "名称格式不正确，要求英文字母大写驼峰格式"
           }
         }, null, 8, ["rules"]),
@@ -932,7 +932,7 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     coder: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const t = i, { engine: e, designer: l } = Ce(), { isLogined: a, toRemoteAuth: o } = xt(), s = x(!1), r = x(!1), u = x(), f = () => {
+    const t = i, { engine: e, designer: l } = xe(), { isLogined: a, toRemoteAuth: o } = xt(), s = x(!1), r = x(!1), u = x(), f = () => {
       e.current.value ? (s.value ? e.skeleton?.getWidget("Previewer")?.widgetRef.refresh() : (l.value?.setSelected(null), e.simulator.refresh()), de("刷新完成", "success")) : de("请先打开文件", "warning");
     }, g = async () => {
       e.current.value ? (s.value && (e.skeleton?.closePreview(), s.value = !1, await qt(1e3)), l.value?.setSelected(e.current.value)) : de("请先打开文件", "warning");
@@ -967,7 +967,7 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
               dsl: e.current.value?.toDsl()
             }, r.value = !0;
           } else
-            await Pe.confirm(
+            await De.confirm(
               "发布到模板需登录系统，您还没登录或登录已过期，请重新登录！",
               "提示",
               {
@@ -998,7 +998,7 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         width: "600px",
         height: "200px",
         title: "出码",
-        icon: zt,
+        icon: Ft,
         content: Oe(Jo, { link: S })
       });
     };
@@ -1042,7 +1042,7 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
       t.coder ? (c(), w(n(te), {
         key: 2,
         onClick: h,
-        icon: n(zt),
+        icon: n(Ft),
         size: "small",
         type: "success"
       }, {
@@ -1121,6 +1121,9 @@ const jo = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
 function Qt(i) {
   return fl() ? (hl(i), !0) : !1;
 }
+function Be(i) {
+  return typeof i == "function" ? i() : n(i);
+}
 const Ct = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Ho = Object.prototype.toString, Go = (i) => Ho.call(i) === "[object Object]", pt = () => {
@@ -1142,11 +1145,8 @@ function Qo(i) {
 function Yo(i) {
   return fn();
 }
-function Lt(i) {
-  return Array.isArray(i) ? i : [i];
-}
 function Zo(i, t = !0, e) {
-  Yo() ? ht(i, e) : t ? i() : Ve(i);
+  Yo() ? ht(i, e) : t ? i() : Ce(i);
 }
 function er(i, t, e = {}) {
   const {
@@ -1162,7 +1162,7 @@ function er(i, t, e = {}) {
   function u(...f) {
     s(), a.value = !0, o = setTimeout(() => {
       a.value = !1, o = null, i(...f);
-    }, xe(t));
+    }, Be(t));
   }
   return l && (a.value = !0, Ct && u()), Qt(r), {
     isPending: gl(a),
@@ -1173,18 +1173,18 @@ function er(i, t, e = {}) {
 const Vt = Ct ? window : void 0, ll = Ct ? window.navigator : void 0;
 function Se(i) {
   var t;
-  const e = xe(i);
+  const e = Be(i);
   return (t = e?.$el) != null ? t : e;
 }
 function Qe(...i) {
   let t, e, l, a;
   if (typeof i[0] == "string" || Array.isArray(i[0]) ? ([e, l, a] = i, t = Vt) : [t, e, l, a] = i, !t)
     return pt;
-  e = Lt(e), l = Lt(l);
+  Array.isArray(e) || (e = [e]), Array.isArray(l) || (l = [l]);
   const o = [], s = () => {
     o.forEach((g) => g()), o.length = 0;
   }, r = (g, v, p, _) => (g.addEventListener(v, p, _), () => g.removeEventListener(v, p, _)), u = q(
-    () => [Se(t), xe(a)],
+    () => [Se(t), Be(a)],
     ([g, v]) => {
       if (s(), !g)
         return;
@@ -1206,7 +1206,7 @@ function tr(i, t, e = {}) {
     return pt;
   Ko && !pn && (pn = !0, Array.from(l.document.body.children).forEach((h) => h.addEventListener("click", pt)), l.document.documentElement.addEventListener("click", pt));
   let r = !0;
-  const u = (h) => xe(a).some((b) => {
+  const u = (h) => Be(a).some((b) => {
     if (typeof b == "string")
       return Array.from(l.document.querySelectorAll(b)).some((S) => S === h.target || h.composedPath().includes(S));
     {
@@ -1215,11 +1215,11 @@ function tr(i, t, e = {}) {
     }
   });
   function f(h) {
-    const b = xe(h);
+    const b = Be(h);
     return b && b.$.subTree.shapeFlag === 16;
   }
   function g(h, b) {
-    const S = xe(h), k = S.$.subTree && S.$.subTree.children;
+    const S = Be(h), k = S.$.subTree && S.$.subTree.children;
     return k == null || !Array.isArray(k) ? !1 : k.some((V) => V.el === b.target || b.composedPath().includes(V.el));
   }
   const v = (h) => {
@@ -1299,14 +1299,14 @@ function al(i = {}) {
     source: l,
     copiedDuring: a = 1500,
     legacy: o = !1
-  } = i, s = Yt(() => t && "clipboard" in t), r = mn("clipboard-read"), u = mn("clipboard-write"), f = C(() => s.value || o), g = x(""), v = x(!1), p = er(() => v.value = !1, a, { immediate: !1 });
+  } = i, s = Yt(() => t && "clipboard" in t), r = mn("clipboard-read"), u = mn("clipboard-write"), f = C(() => s.value || o), g = x(""), v = x(!1), p = er(() => v.value = !1, a);
   function _() {
     s.value && S(r.value) ? t.clipboard.readText().then((k) => {
       g.value = k;
     }) : g.value = b();
   }
   f.value && e && Qe(["copy", "cut"], _);
-  async function d(k = xe(l)) {
+  async function d(k = Be(l)) {
     f.value && k != null && (s.value && S(u.value) ? await t.clipboard.writeText(k) : h(k), g.value = k, v.value = !0, p.start());
   }
   function h(k) {
@@ -1333,7 +1333,7 @@ function lr(i, t, e = {}) {
   const s = Yt(() => l && "ResizeObserver" in l), r = () => {
     o && (o.disconnect(), o = void 0);
   }, u = C(() => {
-    const v = xe(i);
+    const v = Be(i);
     return Array.isArray(v) ? v.map((p) => Se(p)) : [Se(v)];
   }), f = q(
     u,
@@ -1368,7 +1368,7 @@ function nt(i, t = { width: 0, height: 0 }, e = {}) {
           s.value = d.width, r.value = d.height;
         }
       } else if (p) {
-        const _ = Lt(p);
+        const _ = Array.isArray(p) ? p : [p];
         s.value = _.reduce((d, { inlineSize: h }) => d + h, 0), r.value = _.reduce((d, { blockSize: h }) => d + h, 0);
       } else
         s.value = v.contentRect.width, r.value = v.contentRect.height;
@@ -1404,9 +1404,9 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   emits: ["change", "update:modelValue"],
   setup(i, { emit: t }) {
     const e = i, l = t, a = x(!1), o = x(e.modelValue), s = x(""), r = C(
-      () => Ft[e.modelValue] || e.modelValue
+      () => Lt[e.modelValue] || e.modelValue
     ), u = C(() => {
-      const _ = Object.entries(Ft);
+      const _ = Object.entries(Lt);
       return s.value ? _.filter((d) => d[0].toLowerCase().includes(s.value)) : _;
     }), f = (_) => {
       o.value = _;
@@ -1499,7 +1499,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
     parentId: {}
   },
   setup(i) {
-    const t = i, { project: e, engine: l } = Ge(), { designer: a } = Ce(), o = C(() => t.item ? "编辑页面" : "新增页面"), s = () => ({
+    const t = i, { project: e, engine: l } = Ge(), { designer: a } = xe(), o = C(() => t.item ? "编辑页面" : "新增页面"), s = () => ({
       dir: !1,
       name: "",
       title: "",
@@ -1527,11 +1527,11 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
     ], g = (d) => {
       r.value && (r.value.name = On(d));
     }, v = async (d) => e.value?.existPageName(d.name, [d.id]) ? (re("页面名称已存在，请更换"), !1) : (t.item ? (e.value?.updatePage(d), a.value?.setSelected(null), l.simulator.refresh()) : e.value?.createPage(d, t.parentId), !0), { copy: p } = al({}), _ = (d) => {
-      p(d), Ie.success({
+      p(d), Pe.success({
         message: "已经复制到粘贴板"
       });
     };
-    return (d, h) => (c(), w(n(je), {
+    return (d, h) => (c(), w(n(Ae), {
       title: o.value,
       width: "800px",
       height: "700px",
@@ -1575,7 +1575,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           label: "名称",
           required: "",
           onChange: g,
-          rules: { pattern: n(Ee), message: "名称格式不正确" }
+          rules: { pattern: n(je), message: "名称格式不正确" }
         }, null, 8, ["rules"]),
         m(n($), {
           name: "title",
@@ -1799,7 +1799,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           title: "保存",
           onClick: v
         }, null, 8, ["size", "icon"])) : D("", !0),
-        e.collapsable ? De((c(), w(n(ge), {
+        e.collapsable ? Ee((c(), w(n(ge), {
           key: 5,
           size: h.$attrs.size,
           mode: "icon",
@@ -1810,7 +1810,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         }, null, 8, ["size", "icon"])), [
           [Ne, a.value]
         ]) : D("", !0),
-        e.collapsable ? De((c(), w(n(ge), {
+        e.collapsable ? Ee((c(), w(n(ge), {
           key: 6,
           size: h.$attrs.size,
           mode: "icon",
@@ -1821,17 +1821,17 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         }, null, 8, ["size", "icon"])), [
           [Ne, !a.value]
         ]) : D("", !0),
-        Ae(h.$slots, "actions")
+        Ve(h.$slots, "actions")
       ]),
       default: y(() => [
-        Ae(h.$slots, "default")
+        Ve(h.$slots, "default")
       ]),
       _: 2
     }, [
       h.$slots.footer ? {
         name: "footer",
         fn: y(() => [
-          Ae(h.$slots, "footer")
+          Ve(h.$slots, "footer")
         ]),
         key: "0"
       } : void 0
@@ -1924,7 +1924,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         ])
       ]),
       default: y(() => [
-        Ae(u.$slots, "default")
+        Ve(u.$slots, "default")
       ]),
       _: 3
     }));
@@ -2026,7 +2026,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
     })), f = () => {
       a("click", l.modelValue);
     }, g = async (p) => {
-      p === "remove" ? await Pe.confirm("确定删除吗？", "提示", {
+      p === "remove" ? await De.confirm("确定删除吗？", "提示", {
         type: "warning"
       }).catch(() => !1) && a("action", {
         name: p,
@@ -2057,7 +2057,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           align: "center"
         }, {
           default: y(() => [
-            Ae(p.$slots, "default", {}, () => [
+            Ve(p.$slots, "default", {}, () => [
               p.icon ? (c(), w(n(ze), {
                 key: 0,
                 icon: p.icon
@@ -2088,13 +2088,13 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         }),
         m(n(G), {
           class: "v-item__wrapper",
-          onClick: _[2] || (_[2] = Be(() => {
+          onClick: _[2] || (_[2] = Re(() => {
           }, ["stop"]))
         }, {
           default: y(() => [
             m(n(G), {
               class: "v-item__actions",
-              onClick: _[1] || (_[1] = Be(() => {
+              onClick: _[1] || (_[1] = Re(() => {
               }, ["stop"]))
             }, {
               default: y(() => [
@@ -2115,7 +2115,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                   class: "v-item__switch",
                   size: "small"
                 }, null, 8, ["modelValue"])) : D("", !0),
-                Ae(p.$slots, "status")
+                Ve(p.$slots, "status")
               ]),
               _: 3
             }),
@@ -2172,7 +2172,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
     }, s = () => {
       l("copy");
     }, r = async () => {
-      await Pe.confirm("确认删除？", "提示", {
+      await De.confirm("确认删除？", "提示", {
         type: "warning"
       }).catch(() => !1) && l("remove");
     }, u = (p) => {
@@ -2197,7 +2197,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         align: "center"
       }, {
         default: y(() => [
-          Ae(p.$slots, "default", {}, () => [
+          Ve(p.$slots, "default", {}, () => [
             A("span", vr, L(e.name), 1),
             A("span", gr, L(e.title), 1)
           ])
@@ -2339,7 +2339,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
     }, h = (S) => {
       l("pick", S);
     }, b = (S) => {
-      s(S), Ie.success({
+      s(S), Pe.success({
         message: "已经复制到粘贴板"
       });
     };
@@ -2381,10 +2381,10 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                       flex: !1
                     }, {
                       default: y(() => [
-                        De(A("div", null, [
+                        Ee(A("div", null, [
                           m(n(ye), {
                             modelValue: n(o),
-                            "onUpdate:modelValue": k[0] || (k[0] = (V) => Tt(o) ? o.value = V : null),
+                            "onUpdate:modelValue": k[0] || (k[0] = (V) => $t(o) ? o.value = V : null),
                             size: "small",
                             clearable: "",
                             "prefix-icon": n(at),
@@ -2410,7 +2410,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                         ], 512), [
                           [Ne, u.value === "normal"]
                         ]),
-                        De(m(hr, {
+                        Ee(m(hr, {
                           context: e.context,
                           onCopy: b,
                           onPick: h
@@ -2492,7 +2492,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                   "submit-method": g
                 }, {
                   default: y(() => [
-                    Ae(S.$slots, "default")
+                    Ve(S.$slots, "default")
                   ]),
                   _: 3
                 }, 8, ["model", "rules"])
@@ -2588,7 +2588,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
       class: K(["v-viewport", e.value]),
       style: ut(a.value)
     }, [
-      Ae(o.$slots, "default")
+      Ve(o.$slots, "default")
     ], 6));
   }
 }), _r = /* @__PURE__ */ P({
@@ -2642,7 +2642,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
       }
     }, _ = (h, b, S) => S === "inner" ? !!b.data.dir : !0, d = () => {
       t.value?.update({
-        pages: xe(l)
+        pages: Tt(l)
       });
     };
     return (h, b) => (c(), w(n(J), {
@@ -2664,7 +2664,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           default: y(({ data: S, node: k }) => [
             m(n(ve), {
               class: "v-pages-widget__item",
-              icon: n(Ft)[S.icon],
+              icon: n(Lt)[S.icon],
               title: S.title,
               subtitle: S.name,
               "model-value": { data: S, node: k },
@@ -2946,7 +2946,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           key: 0,
           description: "找不到符合条件的区块"
         })),
-        m(n(je), {
+        m(n(Ae), {
           modelValue: d.value,
           "onUpdate:modelValue": Y[1] || (Y[1] = (se) => d.value = se),
           title: h.value,
@@ -2972,7 +2972,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
               tip: "名称为英文驼峰格式",
               rules: {
                 message: "名称格式错误",
-                pattern: n(Ee)
+                pattern: n(je)
               },
               onChange: Q
             }, null, 8, ["rules"]),
@@ -3032,7 +3032,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         A("div", Cr, [
           m(n(ye), {
             modelValue: n(r),
-            "onUpdate:modelValue": p[0] || (p[0] = (_) => Tt(r) ? r.value = _ : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (_) => $t(r) ? r.value = _ : null),
             placeholder: "搜索组件",
             clearable: "",
             size: "small"
@@ -3072,7 +3072,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           key: 1,
           items: n(l),
           modelValue: n(a),
-          "onUpdate:modelValue": p[2] || (p[2] = (_) => Tt(a) ? a.value = _ : null)
+          "onUpdate:modelValue": p[2] || (p[2] = (_) => $t(a) ? a.value = _ : null)
         }, {
           default: y(() => [
             A("div", Ar, [
@@ -3130,7 +3130,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   name: "OutlineWidget",
   __name: "index",
   setup(i) {
-    const { engine: t, designer: e, selected: l } = Ce(), { current: a } = me(), o = x([]), s = (I, T) => {
+    const { engine: t, designer: e, selected: l } = xe(), { current: a } = me(), o = x([]), s = (I, T) => {
       if (T === "slot") return [];
       if (le(I))
         return I.locked ? ["unlock"] : ["lock"];
@@ -3179,7 +3179,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         }
       ];
     }, g = async () => {
-      o.value = f(), l.value?.model && (await Ve(), e.value?.setSelected(l.value.model));
+      o.value = f(), l.value?.model && (await Ce(), e.value?.setSelected(l.value.model));
     }, v = C(() => l.value?.model.id), p = (I) => {
       const T = I.data;
       if (T.type === "slot" || le(T.model) || T.model.locked || T.model.name === "template")
@@ -3219,7 +3219,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         N,
         H
       )) {
-        e.value?.setDropping(null), g(), Ie.warning({
+        e.value?.setDropping(null), g(), Pe.warning({
           message: `${Q.model.name}不能放置到该位置`
         }), e.value?.setDragging(null);
         return;
@@ -3391,7 +3391,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         name: "name",
         label: "接口名称",
         required: "",
-        rules: { pattern: n(Ee), message: "名称格式不正确" }
+        rules: { pattern: n(je), message: "名称格式不正确" }
       }, null, 8, ["rules"]),
       m(n($), {
         name: "label",
@@ -3596,7 +3596,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
       }
     ), q(l, async () => {
       o.value?.formRef.validate(async (h) => {
-        h || (await Ve(), l.value = "base");
+        h || (await Ce(), l.value = "base");
       });
     });
     const v = () => {
@@ -3703,7 +3703,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                   submitMethod: _
                 }, {
                   default: y(() => [
-                    De(m(Pr, { categories: h.categories }, null, 8, ["categories"]), [
+                    Ee(m(Pr, { categories: h.categories }, null, 8, ["categories"]), [
                       [Ne, l.value === "base"]
                     ]),
                     l.value === "settings" ? (c(), E("div", Rr, [
@@ -3898,7 +3898,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           onClick: (S) => p(b),
           onAction: (S) => _(b, S)
         }, null, 8, ["title", "subtitle", "actions", "switch", "modelValue", "onUpdate:modelValue", "onSwitch", "onClick", "onAction"]))), 128)),
-        m(n(je), {
+        m(n(Ae), {
           modelValue: l.value,
           "onUpdate:modelValue": h[1] || (h[1] = (b) => l.value = b),
           width: "600px",
@@ -3934,7 +3934,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
               editor: "textarea",
               props: { rows: 3 },
               tip: "多个资源可以换行输入",
-              onKeyup: h[0] || (h[0] = Ue(Be(() => {
+              onKeyup: h[0] || (h[0] = Ue(Re(() => {
               }, ["stop"]), ["enter"])),
               required: ""
             }),
@@ -4202,7 +4202,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           onPick: g
         }, {
           default: y(() => [
-            Ae(d.$slots, "fields", yn(_n({ model: o.value, isEdit: s.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
+            Ve(d.$slots, "fields", yn(_n({ model: o.value, isEdit: s.value, nameLabel: d.nameLabel, valueLabel: d.valueLabel })), () => [
               m(n($), {
                 name: "name",
                 label: d.nameLabel,
@@ -4561,7 +4561,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           size: "small",
           "label-position": "right",
           "label-width": r.value,
-          onKeydown: f[0] || (f[0] = Ue(Be(() => {
+          onKeydown: f[0] || (f[0] = Ue(Re(() => {
           }, ["prevent", "stop"]), ["enter"]))
         }, {
           default: y(() => [
@@ -4584,7 +4584,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   name: "PropertiesWidget",
   __name: "index",
   setup(i) {
-    const { current: t, context: e } = me(), { selected: l } = Ce(), {
+    const { current: t, context: e } = me(), { selected: l } = xe(), {
       node: a,
       commonProps: o,
       change: s,
@@ -4642,7 +4642,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           onPlus: d,
           onRemove: b
         }, null, 8, ["current", "context", "node", "items", "onChange"])) : D("", !0),
-        m(n(je), {
+        m(n(Ae), {
           modelValue: p.value,
           "onUpdate:modelValue": k[0] || (k[0] = (V) => p.value = V),
           title: "新增自定义属性",
@@ -4659,7 +4659,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
               required: "",
               rules: {
                 message: "名称格式错误",
-                pattern: n(Ee)
+                pattern: n(je)
               }
             }, null, 8, ["rules"])
           ]),
@@ -4780,7 +4780,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   name: "EventsWidget",
   __name: "index",
   setup(i) {
-    const { current: t, context: e } = me(), { selected: l } = Ce(), { mouseEventList: a, keyboardEventList: o, componentEventList: s } = ko(l), r = x({
+    const { current: t, context: e } = me(), { selected: l } = xe(), { mouseEventList: a, keyboardEventList: o, componentEventList: s } = ko(l), r = x({
       name: "",
       event: void 0
     }), u = x(!1), f = (d) => {
@@ -4926,7 +4926,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   name: "DirectivesWidget",
   __name: "index",
   setup(i) {
-    const { current: t, context: e } = me(), { selected: l } = Ce(), {
+    const { current: t, context: e } = me(), { selected: l } = xe(), {
       vIf: a,
       vShow: o,
       vBind: s,
@@ -4957,7 +4957,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
             m(n(be), {
               size: "small",
               "label-width": "80px",
-              onKeydown: V[0] || (V[0] = Ue(Be(() => {
+              onKeydown: V[0] || (V[0] = Ue(Re(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: y(() => [
@@ -5013,7 +5013,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
             m(n(be), {
               size: "small",
               "label-width": "80px",
-              onKeydown: V[1] || (V[1] = Ue(Be(() => {
+              onKeydown: V[1] || (V[1] = Ue(Re(() => {
               }, ["prevent", "stop"]), ["enter"]))
             }, {
               default: y(() => [
@@ -5076,7 +5076,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                 m(n(be), {
                   size: "small",
                   "label-width": "60px",
-                  onKeydown: V[2] || (V[2] = Ue(Be(() => {
+                  onKeydown: V[2] || (V[2] = Ue(Re(() => {
                   }, ["prevent", "stop"]), ["enter"]))
                 }, {
                   default: y(() => [
@@ -5129,7 +5129,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                 m(n(be), {
                   size: "small",
                   "label-width": "60px",
-                  onKeydown: V[3] || (V[3] = Ue(Be(() => {
+                  onKeydown: V[3] || (V[3] = Ue(Re(() => {
                   }, ["prevent", "stop"]), ["enter"]))
                 }, {
                   default: y(() => [
@@ -5209,7 +5209,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
       const r = s.default;
       return r && !pe(r, t.context, !0) ? !1 : (t.current.setProp(s), !0);
     };
-    return (s, r) => (c(), w(n(je), {
+    return (s, r) => (c(), w(n(Ae), {
       title: e.value,
       width: "800px",
       height: "500px",
@@ -5226,7 +5226,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           disabled: !!t.item,
           rules: {
             message: "名称格式错误",
-            pattern: n(Ee)
+            pattern: n(je)
           }
         }, null, 8, ["disabled", "rules"]),
         m(n($), {
@@ -5271,7 +5271,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   },
   setup(i) {
     const t = i, e = C(() => t.item ? "编辑定义事件" : "新增定义事件"), l = x(t.item), a = async (o) => (t.item && t.current.removeEmit(t.item.name, !0), t.current.setEmit(o), !0);
-    return (o, s) => (c(), w(n(je), {
+    return (o, s) => (c(), w(n(Ae), {
       title: e.value,
       width: "600px",
       height: "200px",
@@ -5287,7 +5287,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           disabled: !!t.item,
           rules: {
             message: "名称格式错误",
-            pattern: n(Ee)
+            pattern: n(je)
           }
         }, null, 8, ["disabled", "rules"]),
         m(n($), {
@@ -5323,7 +5323,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   },
   setup(i) {
     const t = i, e = C(() => t.item ? "编辑定义插槽" : "新增定义插槽"), l = x(t.item), a = async (o) => (t.item && t.current.removeSlot(t.item.name, !0), t.current.setSlot(o), !0);
-    return (o, s) => (c(), w(n(je), {
+    return (o, s) => (c(), w(n(Ae), {
       title: e.value,
       width: "600px",
       height: "200px",
@@ -5339,7 +5339,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           required: "",
           rules: {
             message: "名称格式错误",
-            pattern: n(Ee)
+            pattern: n(je)
           }
         }, null, 8, ["disabled", "rules"]),
         m(n($), {
@@ -5387,7 +5387,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
       const s = o.default;
       return s && !pe(s, t.context, !0) ? !1 : (t.current.setInject(o), !0);
     };
-    return (o, s) => (c(), w(n(je), {
+    return (o, s) => (c(), w(n(Ae), {
       title: e.value,
       width: "800px",
       height: "500px",
@@ -5404,7 +5404,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           disabled: !!t.item,
           rules: {
             message: "名称格式错误",
-            pattern: n(Ee)
+            pattern: n(je)
           }
         }, null, 8, ["disabled", "rules"]),
         m(n($), {
@@ -5719,7 +5719,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           let T = t.context?.$apis[s.value.ref];
           if (T)
             return await T.apply(T, I);
-          Te.warn(`API【${s.value.ref}】不存在`);
+          Ie.warn(`API【${s.value.ref}】不存在`);
         }
       }, j = et(s.value.test, {
         runApi: V
@@ -5729,11 +5729,11 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         const I = await j();
         u.value = JSON.stringify(await R(I), null, 2);
       } catch (I) {
-        Te.error(I);
+        Ie.error(I);
       }
       r.value = !1, f.value = !0;
     };
-    return (k, V) => (c(), w(n(je), {
+    return (k, V) => (c(), w(n(Ae), {
       width: "1000px",
       height: "700px",
       title: v.value,
@@ -5789,7 +5789,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
           disabled: !!t.item,
           rules: {
             message: "名称格式错误",
-            pattern: n(Ee)
+            pattern: n(je)
           }
         }, null, 8, ["disabled", "rules"]),
         m(n($), {
@@ -6133,7 +6133,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   name: "StyleWidget",
   __name: "JsonMode",
   setup(i) {
-    const { selected: t } = Ce(), e = x(), l = C(() => {
+    const { selected: t } = xe(), e = x(), l = C(() => {
       const r = t.value?.model || null;
       return le(r) ? null : r;
     }), a = C(
@@ -7443,7 +7443,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
     isStyleCodeMode: { type: Boolean }
   },
   setup(i) {
-    const t = i, { selected: e } = Ce(), l = C(() => {
+    const t = i, { selected: e } = xe(), l = C(() => {
       const s = e.value?.model || null;
       return le(s) ? null : s;
     }), a = C(
@@ -7543,7 +7543,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   inheritAttrs: !1,
   __name: "index",
   setup(i) {
-    const { selected: t, designer: e } = Ce(), l = C(() => (t.value?.path || []).slice(0).reverse()), a = (s) => {
+    const { selected: t, designer: e } = xe(), l = C(() => (t.value?.path || []).slice(0).reverse()), a = (s) => {
       e.value?.setSelected(s);
     }, o = (s) => {
       e.value?.setHover(s);
@@ -7840,7 +7840,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
       const V = r?.getData()?.id;
       return kt(p.value, (j) => j.userId === V ? "我的" : j.category);
     }), d = C(() => Object.keys(_.value)), h = C(() => `(共 ${l.value.length} 个)`), b = async (V) => {
-      await o() ? await s(V.id) : await Pe.confirm(
+      await o() ? await s(V.id) : await De.confirm(
         "使用模版需登录，您还没登录或已过期，请重新登录！",
         "提示",
         {
@@ -7849,13 +7849,13 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
         }
       ).catch(() => !1) && a();
     }, S = (V) => V.share ? !1 : V.userId === r?.getData()?.id, k = async (V) => {
-      await Pe.confirm("确定删除该模版？", "提示", {
+      await De.confirm("确定删除该模版？", "提示", {
         type: "warning"
       }).catch(() => !1) && (await g(V.id), u());
     };
     return t({
       refreshTemplates: u
-    }), (V, j) => De((c(), w(n(J), {
+    }), (V, j) => Ee((c(), w(n(J), {
       class: "v-blocks-widget v-templates-widgets",
       title: "模板",
       subtitle: h.value,
@@ -7932,7 +7932,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
                             A("div", Du, [
                               m(n(te), {
                                 class: "v-templates-widgets__download",
-                                icon: n(zt),
+                                icon: n(Ft),
                                 type: "primary",
                                 round: "",
                                 onClick: (O) => b(T)
@@ -8169,7 +8169,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
     label: "帮助中心",
     actions: [
       {
-        icon: $t(Gs),
+        icon: Rt(Gs),
         type: "info",
         name: "home"
       }
@@ -8886,10 +8886,10 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   }
 ], Fu = [
   {
-    name: Rt,
+    name: Bt,
     version: "latest",
     label: "内置",
-    library: Rt,
+    library: Bt,
     order: 0,
     categories: Bu,
     components: zu
@@ -9257,7 +9257,7 @@ const ar = { class: "v-icon-setter" }, sr = { class: "v-icon-setter__content" },
   setup(i, { emit: t }) {
     const e = i, l = t, a = x([]), o = C(() => a.value.length < e.limit), s = (u) => u.type.includes("image") ? (Nl(u).then((f) => {
       a.value = [{ name: u.name, url: f }];
-    }), !1) : (Ie.error("只能上传图片"), !1), r = () => {
+    }), !1) : (Pe.error("只能上传图片"), !1), r = () => {
       a.value = [];
     };
     return q(
@@ -9543,7 +9543,7 @@ class rc {
   set(t, e) {
     const l = this.widgets[t];
     if (!l) {
-      Te.warn(`widget '${t}' is not found`);
+      Ie.warn(`widget '${t}' is not found`);
       return;
     }
     Ht(l, e), e.component && (l.component = e.component);
@@ -9655,7 +9655,7 @@ class cc {
   set(t, e) {
     const l = this.setters[t];
     if (!l) {
-      Te.warn(`setter '${t}' is not found`);
+      Ie.warn(`setter '${t}' is not found`);
       return;
     }
     Ht(l, e), e.component && (l.component = e.component);
@@ -9781,7 +9781,7 @@ class mc {
       this.bind(this.onSelected, "onSelected"),
       !0
     ), oe.on(
-      Bt,
+      Ot,
       this.bind(this.onActiveChange, "onActiveChange")
     ), oe.on(Ze, this.bind(this.onViewChange, "onViewChange")), q(
       this.devtools.isOpen,
@@ -9808,7 +9808,7 @@ class mc {
       "dragstart",
       this.bind(this.onDragStart, "onDragStart")
     ), e.removeEventListener("dragend", this.bind(this.onDragEnd, "onDragEnd")), e.removeEventListener("drop", this.bind(this.onDrop, "onDrop")), e.removeEventListener("click", this.bind(this.onSelected, "onSelected")), oe.off(
-      Bt,
+      Ot,
       this.bind(this.onActiveChange, "onActiveChange")
     ), oe.off(
       Ze,
@@ -9988,7 +9988,7 @@ class mc {
     this.draggingNode = t;
   }
   async setHover(t) {
-    if (await Ve(), t) {
+    if (await Ce(), t) {
       const e = this.getElmenetByModel(t);
       if (!e) return;
       const l = e.getBoundingClientRect(), a = le(t) ? [] : this.findPathByNode(t);
@@ -10003,7 +10003,7 @@ class mc {
       this.hover.value = null;
   }
   async setSelected(t) {
-    if (await Ve(), t) {
+    if (await Ce(), t) {
       const e = this.getElmenetByModel(t) || this.document?.createElement("span");
       if (!e) return;
       const l = e.getBoundingClientRect(), a = le(t) ? [] : this.findPathByNode(t);
@@ -10018,7 +10018,7 @@ class mc {
       this.selected.value = null;
   }
   async setDropping(t, e = "inner") {
-    if (await Ve(), t) {
+    if (await Ce(), t) {
       const l = this.getElmenetByModel(t);
       if (!l) return;
       const a = l.getBoundingClientRect(), o = le(t) ? [] : this.findPathByNode(t);
@@ -10107,7 +10107,7 @@ class vc {
     } catch (d) {
       re(d.message || "未知错误", "运行时错误"), console.error(d);
     }
-    this.context = p, oe.on(Ze, this.nodeChange), oe.on(Ot, this.blockChange);
+    this.context = p, oe.on(Ze, this.nodeChange), oe.on(zt, this.blockChange);
   }
   dispose() {
     if (this.app) {
@@ -10117,7 +10117,7 @@ class vc {
       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, this.file = null, oe.off(Ze, this.nodeChange), oe.off(Ot, this.blockChange);
+    this.dsl = null, this.context = null, this.file = null, oe.off(Ze, this.nodeChange), oe.off(zt, this.blockChange);
   }
   updateChild(t, e) {
     const l = e.children || e.nodes || [];
@@ -10171,7 +10171,7 @@ class gc extends Fn {
   setup(e, l) {
     const a = e.contentWindow;
     if (!a) {
-      Te.warn("Simulator contentWindow is null");
+      Ie.warn("Simulator contentWindow is null");
       return;
     }
     a.__simulator__ = this;
@@ -10256,7 +10256,7 @@ class gc extends Fn {
     const _ = {}, { groups: d, componentMap: h } = f;
     for (const V of d.value) {
       const j = V.names || [];
-      if (V.name === Rt)
+      if (V.name === Bt)
         j.forEach((R) => {
           const I = h.get(R), T = I?.package || "", O = Kl[T], Q = v[O];
           Q && I && (_[R] = rn(I, Q));
@@ -10446,7 +10446,7 @@ class ld extends Fn {
     }), this.bindEvents(), this.init(o), ht(this.render.bind(this)), wn(this.dispose.bind(this));
   }
   async init(e) {
-    const l = await this.service.init(e).catch((a) => (Te.warn("VTJEngine service init fail.", a), null));
+    const l = await this.service.init(e).catch((a) => (Ie.warn("VTJEngine service init fail.", a), null));
     l && (l.dependencies = uc.merge(l.dependencies || []), this.project.value = new Xl(l), this.saveMaterials(), this.triggerReady());
   }
   render() {
@@ -10455,13 +10455,13 @@ class ld extends Fn {
       const l = kn(hc);
       this.options.install && l.use(this.options.install, this), l.provide(dl, wl(this)), l.mount(e), this.app = l;
     } else
-      Te.warn("VTJEngine constructor param [ container ] is undefined");
+      Ie.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    oe.on(Ql, (e) => this.saveProject(e)), oe.on(Yl, (e) => this.saveBlockFile(e)), oe.on(Zl, (e) => this.saveBlockFile(e)), oe.on(ea, () => this.saveMaterials()), oe.on(Bt, (e) => this.activeFile(e)), oe.on(ta, () => this.publish()), oe.on(na, () => this.publishCurrent()), oe.on(Ot, (e) => this.changeFile(e)), oe.on(Ze, () => this.changeCurrentFile()), oe.on(la, (e) => this.saveHistory(e)), oe.on(aa, (e) => this.loadHistory(e)), oe.on(sa, () => this.genSource());
+    oe.on(Ql, (e) => this.saveProject(e)), oe.on(Yl, (e) => this.saveBlockFile(e)), oe.on(Zl, (e) => this.saveBlockFile(e)), oe.on(ea, () => this.saveMaterials()), oe.on(Ot, (e) => this.activeFile(e)), oe.on(ta, () => this.publish()), oe.on(na, () => this.publishCurrent()), oe.on(zt, (e) => this.changeFile(e)), oe.on(Ze, () => this.changeCurrentFile()), oe.on(la, (e) => this.saveHistory(e)), oe.on(aa, (e) => this.loadHistory(e)), oe.on(sa, () => this.genSource());
   }
   async activeFile(e) {
-    await Ve();
+    await Ce();
     const l = e.model, a = e.model.currentFile;
     if (a) {
       if (l.isPageFile(a) && a.raw)
@@ -10474,22 +10474,22 @@ class ld extends Fn {
       this.updateCurrent(o), this.initHistory(o);
     } else
       this.updateCurrent(null);
-    $e(this.project);
+    Te(this.project);
   }
   async changeFile(e) {
-    await Ve();
+    await Ce();
     const l = e.toDsl();
-    this.service.saveFile(l, this.project.value?.toDsl()), this.updateCurrent(e), this.history.value?.add(l), $e(this.history);
+    this.service.saveFile(l, this.project.value?.toDsl()), this.updateCurrent(e), this.history.value?.add(l), Te(this.history);
   }
   changeCurrentFile() {
-    this.saveCurrentFile(), this.current.value && (this.history.value?.add(this.current.value.toDsl()), $e(this.history));
+    this.saveCurrentFile(), this.current.value && (this.history.value?.add(this.current.value.toDsl()), Te(this.history));
   }
   async updateCurrent(e, l = !0) {
-    this.current.value = e, await Ve(), this.context.value = this.simulator.renderer?.context || null, this.isEmptyCurrent.value = this.current.value?.nodes.length === 0, this.changed.value = Symbol(), l && $e(this.context);
+    this.current.value = e, await Ce(), this.context.value = this.simulator.renderer?.context || null, this.isEmptyCurrent.value = this.current.value?.nodes.length === 0, this.changed.value = Symbol(), l && Te(this.context);
   }
   async saveProject(e) {
     const a = e.model.toDsl();
-    await this.service.saveProject(a), $e(this.project);
+    await this.service.saveProject(a), Te(this.project);
   }
   async saveBlockFile(e) {
     const l = e.type, a = e.model, o = a.toDsl();
@@ -10512,7 +10512,7 @@ class ld extends Fn {
       const { source: s, target: r } = e.data, u = await this.service.getFile(s.id, o);
       u && (u.id = r.id, u.name = r.name, await this.service.saveFile(u, o));
     }
-    $e(this.project), this.emitter.emit(It, e);
+    Te(this.project), this.emitter.emit(It, e);
   }
   onSaveBlockFileFinish(e) {
     const l = (a) => {
@@ -10521,7 +10521,7 @@ class ld extends Fn {
     this.emitter.on(It, l);
   }
   async saveMaterials() {
-    await Ve(), this.simulator.ready(() => {
+    await Ce(), this.simulator.ready(() => {
       const e = this.project.value;
       if (e) {
         const l = this.assets.componentMap;
@@ -10558,7 +10558,7 @@ class ld extends Fn {
       o
     );
     const s = a.toDsl();
-    await this.service.saveHistory(s, o), $e(this.history);
+    await this.service.saveHistory(s, o), Te(this.history);
   }
   async loadHistory(e) {
     const l = e.model, a = e.data, o = this.project.value?.toDsl(), s = await this.service.getHistoryItem(
@@ -10568,7 +10568,7 @@ class ld extends Fn {
     );
     if (s && s.dsl) {
       const r = new sn(s.dsl);
-      await this.updateCurrent(r), this.service.saveFile(s.dsl, o), $e(this.history);
+      await this.updateCurrent(r), this.service.saveFile(s.dsl, o), Te(this.history);
     }
   }
   async publish() {
@@ -10619,9 +10619,9 @@ class ld extends Fn {
 }
 function ce() {
   const i = Wt(dl, null);
-  return i || Te.error("VTJEngine is not exist"), i;
+  return i || Ie.error("VTJEngine is not exist"), i;
 }
-const Re = P({
+const $e = P({
   name: "RegionWrapper",
   props: {
     region: {
@@ -10725,7 +10725,7 @@ const Re = P({
     getWidget(i) {
       const t = cl.get(i);
       if (!t) {
-        Te.warn(`widget [ ${i} ] is not exsit`);
+        Ie.warn(`widget [ ${i} ] is not exsit`);
         return;
       }
       return this.getWidgets(t.region).find((l) => l.widget.name === i);
@@ -10783,7 +10783,7 @@ const Re = P({
         let e;
         if (typeof t == "string")
           return e = this.getSetter(t), {
-            component: $t(e.component),
+            component: Rt(e.component),
             name: e.name,
             label: t,
             props: e.props || {}
@@ -10791,7 +10791,7 @@ const Re = P({
         {
           const l = t;
           return e = this.getSetter(l.name), {
-            component: $t(l.component || e.component),
+            component: Rt(l.component || e.component),
             name: l.name,
             label: l.label || l.name,
             props: Object.assign(e.props || {}, l.props)
@@ -10911,18 +10911,18 @@ const Re = P({
               height: k.headerHeight
             }, {
               default: y(() => [
-                m(n(Re), {
+                m(n($e), {
                   ref_key: "brand",
                   ref: u,
                   region: "Brand"
                 }, null, 512),
-                m(n(Re), {
+                m(n($e), {
                   ref_key: "toolbar",
                   ref: f,
                   region: "Toolbar",
                   preview: l.value
                 }, null, 8, ["preview"]),
-                m(n(Re), {
+                m(n($e), {
                   ref_key: "actions",
                   ref: g,
                   region: "Actions"
@@ -10932,7 +10932,7 @@ const Re = P({
             }, 8, ["height"]),
             m(n(tn), { class: "v-skeleton__wrapper" }, {
               default: y(() => [
-                l.value ? D("", !0) : De((c(), w(n(nn), {
+                l.value ? D("", !0) : Ee((c(), w(n(nn), {
                   key: 0,
                   width: e.leftWidth,
                   class: K(["v-skeleton__left", {
@@ -10940,7 +10940,7 @@ const Re = P({
                   }])
                 }, {
                   default: y(() => [
-                    m(n(Re), {
+                    m(n($e), {
                       ref_key: "apps",
                       ref: v,
                       region: "Apps"
@@ -10952,14 +10952,14 @@ const Re = P({
                 ]),
                 m(n(Rl), { class: "v-skeleton__main" }, {
                   default: y(() => [
-                    l.value ? (c(), w(n(Re), {
+                    l.value ? (c(), w(n($e), {
                       key: 0,
                       ref_key: "preview",
                       ref: h,
                       region: "Preview",
                       preview: l.value
                     }, null, 8, ["preview"])) : D("", !0),
-                    De(m(n(Re), {
+                    Ee(m(n($e), {
                       ref_key: "workspace",
                       ref: p,
                       region: "Workspace"
@@ -10969,13 +10969,13 @@ const Re = P({
                   ]),
                   _: 1
                 }),
-                l.value ? D("", !0) : De((c(), w(n(nn), {
+                l.value ? D("", !0) : Ee((c(), w(n(nn), {
                   key: 1,
                   width: e.rightWidth,
                   class: "v-skeleton__right"
                 }, {
                   default: y(() => [
-                    m(n(Re), {
+                    m(n($e), {
                       ref_key: "settings",
                       ref: _,
                       region: "Settings"
@@ -10995,7 +10995,7 @@ const Re = P({
               height: k.footerHeight
             }, {
               default: y(() => [
-                m(n(Re), {
+                m(n($e), {
                   ref_key: "status",
                   ref: d,
                   region: "Status"
@@ -11392,7 +11392,7 @@ const Re = P({
     region: {}
   },
   setup(i, { expose: t }) {
-    const e = i, l = ce(), { current: a } = me(), { selected: o, isSelectBlock: s } = Ce(), r = C(
+    const e = i, l = ce(), { current: a } = me(), { selected: o, isSelectBlock: s } = xe(), r = C(
       () => s.value ? ke.Block : ke.Node
     ), { widgets: u, widgetsRef: f } = Le(e.region, r), g = x(), v = x(!1), p = C(() => u.value.map((b) => ({
       name: b.name,
@@ -11610,11 +11610,11 @@ export {
   un as MOBILE_SIZE,
   ao as MOUSE_EVENT_LIST,
   nd as MicroApp,
-  Ee as NAME_REGEX,
+  je as NAME_REGEX,
   cn as PAD_SIZE,
   J as Panel,
   co as RegionType,
-  Re as RegionWrapper,
+  $e as RegionWrapper,
   vc as Renderer,
   It as SAVE_BLOCK_FILE_FINISH,
   Cc as SetterView,

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.9.5",
+  "version": "0.9.6",
   "type": "module",
   "dependencies": {
     "html2canvas": "~1.4.1",
     "mockjs": "~1.1.0",
     "monaco-editor": "~0.52.0",
-    "@vtj/icons": "~0.9.5",
-    "@vtj/core": "~0.9.5",
-    "@vtj/renderer": "~0.9.5",
-    "@vtj/ui": "~0.9.5",
-    "@vtj/utils": "~0.9.5"
+    "@vtj/core": "~0.9.6",
+    "@vtj/icons": "~0.9.6",
+    "@vtj/renderer": "~0.9.6",
+    "@vtj/utils": "~0.9.6",
+    "@vtj/ui": "~0.9.6"
   },
   "devDependencies": {
     "@types/mockjs": "~1.0.10",
     "vue": "~3.5.5",
     "vue-router": "~4.5.0",
-    "@vtj/cli": "~0.9.3"
+    "@vtj/cli": "~0.9.4"
   },
   "files": [
     "dist",

package/types/version.d.ts

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