@vtj/designer 0.10.2 → 0.10.4

package/dist/index.mjs

@@ -16,10 +16,10 @@ import { PAGE_LIFE_CYCLES_LIST as po, APP_LIFE_CYCLE as mo, createUniAppComponen
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.10.2
+ * @version 0.10.4
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const kt = "0.10.2", hn = {
+const kt = "0.10.4", hn = {
   width: 390,
   height: 844
 }, bn = {
@@ -2805,7 +2805,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       _: 1
     }));
   }
-}), Dd = /* @__PURE__ */ tt(Fr, [["__scopeId", "data-v-d44d0728"]]), Lr = /* @__PURE__ */ I({
+}), Id = /* @__PURE__ */ tt(Fr, [["__scopeId", "data-v-d44d0728"]]), Lr = /* @__PURE__ */ I({
   name: "PagesWidget",
   __name: "index",
   setup(i) {
@@ -8118,7 +8118,8 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     modelValue: { default: () => ({
       type: "JSFunction",
       value: ""
-    }) }
+    }) },
+    defaultCode: { default: "" }
   },
   emits: ["change"],
   setup(i, { emit: t }) {
@@ -8175,7 +8176,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
             ref_key: "codeEditor",
             ref: l,
             height: "100%",
-            "model-value": a.value,
+            "model-value": a.value || g.defaultCode,
             dark: ""
           }, null, 8, ["model-value"])
         ]),
@@ -8251,7 +8252,9 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       }, 8, ["modelValue", "title"])) : E("", !0)
     ], 2));
   }
-}), Mu = /* @__PURE__ */ I({
+}), Mu = `() => { 
+
+}`, Ju = /* @__PURE__ */ I({
   name: "UniConfigWidget",
   __name: "index",
   setup(i) {
@@ -8342,6 +8345,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
               default: h(() => [
                 p(bl, {
                   "model-value": l(o),
+                  "default-code": Mu,
                   onChange: (u) => a(o, u)
                 }, null, 8, ["model-value", "onChange"])
               ]),
@@ -8354,10 +8358,10 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       _: 1
     }));
   }
-}), Ju = {
+}), qu = {
   ref: "frame",
   src: "//localhost:9527/#/"
-}, qu = /* @__PURE__ */ I({
+}, Hu = /* @__PURE__ */ I({
   name: "MarketWidget",
   __name: "index",
   setup(i, { expose: t }) {
@@ -8376,12 +8380,12 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       ref: "panel"
     }, {
       default: h(() => [
-        j("iframe", Ju, null, 512)
+        j("iframe", qu, null, 512)
       ]),
       _: 1
     }, 512));
   }
-}), Hu = { class: "v-blocks__search" }, Gu = { class: "v-templates-widgets__title" }, Ku = { class: "v-box__name" }, Xu = { class: "v-box__label" }, Qu = { class: "use-handle" }, Yu = /* @__PURE__ */ I({
+}), Gu = { class: "v-blocks__search" }, Ku = { class: "v-templates-widgets__title" }, Xu = { class: "v-box__name" }, Qu = { class: "v-box__label" }, Yu = { class: "use-handle" }, Zu = /* @__PURE__ */ I({
   name: "TemplatesWidget",
   __name: "index",
   setup(i, { expose: t }) {
@@ -8433,7 +8437,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       onRefresh: n(u)
     }, {
       default: h(() => [
-        j("div", Hu, [
+        j("div", Gu, [
           p(n(ve), {
             size: "small",
             modelValue: g.value,
@@ -8502,11 +8506,11 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
                                   src: W.cover,
                                   fit: "contain"
                                 }, null, 8, ["src"]),
-                                j("div", Gu, [
-                                  j("span", Ku, L(W.name), 1),
-                                  j("span", Xu, L(W.label), 1)
+                                j("div", Ku, [
+                                  j("span", Xu, L(W.name), 1),
+                                  j("span", Qu, L(W.label), 1)
                                 ]),
-                                j("div", Qu, [
+                                j("div", Yu, [
                                   p(n(Z), {
                                     class: "v-templates-widgets__download",
                                     icon: n(Mt),
@@ -8547,7 +8551,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       [n(Ol), n(v)]
     ]);
   }
-}), Zu = /* @__PURE__ */ tt(Yu, [["__scopeId", "data-v-448e8cc7"]]), ec = /* @__PURE__ */ I({
+}), ec = /* @__PURE__ */ tt(Zu, [["__scopeId", "data-v-448e8cc7"]]), tc = /* @__PURE__ */ I({
   __name: "index",
   setup(i) {
     const t = de(), { access: e } = t.adapter || {};
@@ -8568,7 +8572,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       src: l.value
     }, null, 8, ["icon", "src"]));
   }
-}), tc = /* @__PURE__ */ tt(ec, [["__scopeId", "data-v-323306f2"]]), Q = {
+}), nc = /* @__PURE__ */ tt(tc, [["__scopeId", "data-v-323306f2"]]), Q = {
   Logo: qo,
   EmptyWidget: Go,
   Switcher: Qo,
@@ -8597,11 +8601,11 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
   Docs: $u,
   About: Nu,
   ProjectConfig: Wu,
-  UniConfig: Mu,
-  Market: qu,
-  Templates: Zu,
-  UserAvatar: tc
-}, nc = [
+  UniConfig: Ju,
+  Market: Hu,
+  Templates: ec,
+  UserAvatar: nc
+}, lc = [
   {
     name: "Logo",
     region: "Brand",
@@ -8857,7 +8861,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     region: "Status",
     component: Q.NodePath
   }
-], lc = [
+], ac = [
   {
     package: "vue",
     version: "latest",
@@ -9063,7 +9067,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     official: !0,
     enabled: !0
   }
-], ac = [
+], sc = [
   {
     id: "html",
     category: "HTML"
@@ -9076,7 +9080,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     id: "components",
     category: "内置组件"
   }
-], sc = [
+], oc = [
   {
     name: "div",
     label: "容器",
@@ -9209,8 +9213,8 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       children: "默认插槽内容"
     }
   }
-], oc = [
-  ...sc,
+], rc = [
+  ...oc,
   {
     name: "Transition",
     label: "过渡效果",
@@ -9550,23 +9554,23 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       }
     }
   }
-], rc = [
+], ic = [
   {
     name: _t,
     version: "latest",
     label: "内置",
     library: _t,
     order: 0,
-    categories: ac,
-    components: oc
+    categories: sc,
+    components: rc
   }
-], ic = /* @__PURE__ */ I({
+], uc = /* @__PURE__ */ I({
   name: "StringSetter",
   __name: "string",
   setup(i) {
     return (t, e) => (c(), _(n(ve), ce({ clearable: "" }, t.$attrs), null, 16));
   }
-}), uc = /* @__PURE__ */ I({
+}), cc = /* @__PURE__ */ I({
   name: "BooleanSetter",
   __name: "boolean",
   setup(i) {
@@ -9574,7 +9578,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       "model-value": !!t.$attrs.modelValue
     }), null, 16, ["model-value"]));
   }
-}), cc = "{{", dc = "}}", pc = /* @__PURE__ */ I({
+}), dc = "{{", pc = "}}", mc = /* @__PURE__ */ I({
   name: "ExpressionSetter",
   __name: "expression",
   props: {
@@ -9610,15 +9614,15 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       onChange: o
     }, {
       prefix: h(() => [
-        M(L(cc))
+        M(L(dc))
       ]),
       suffix: h(() => [
-        M(L(dc))
+        M(L(pc))
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), mc = /* @__PURE__ */ I({
+}), vc = /* @__PURE__ */ I({
   name: "SelectSetter",
   __name: "select",
   props: {
@@ -9636,7 +9640,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       _: 1
     }, 16));
   }
-}), vc = /* @__PURE__ */ I({
+}), gc = /* @__PURE__ */ I({
   name: "NumberSetter",
   __name: "number",
   props: {
@@ -9653,13 +9657,13 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       "model-value": a.value
     }, s.$attrs, { onChange: r }), null, 16, ["model-value"]));
   }
-}), gc = /* @__PURE__ */ I({
+}), fc = /* @__PURE__ */ I({
   name: "ColorSetter",
   __name: "color",
   setup(i) {
     return (t, e) => (c(), _(n(Ul), An(En(t.$attrs)), null, 16));
   }
-}), fc = /* @__PURE__ */ I({
+}), hc = /* @__PURE__ */ I({
   name: "RadioSetter",
   __name: "radio",
   props: {
@@ -9691,7 +9695,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       _: 1
     }, 16));
   }
-}), hc = ["label", "title", "onClick"], bc = /* @__PURE__ */ I({
+}), bc = ["label", "title", "onClick"], yc = /* @__PURE__ */ I({
   name: "TagSetter",
   __name: "tag",
   props: {
@@ -9722,7 +9726,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
         }, null, 8, ["src"])) : (c(), D(z, { key: 1 }, [
           M(L(o.label), 1)
         ], 64))
-      ], 10, hc))), 256))
+      ], 10, bc))), 256))
     ], 16));
   }
 }), _l = /* @__PURE__ */ I({
@@ -9753,7 +9757,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       onChange: o
     }, u.$attrs), null, 16, ["unit", "with-unit", "modelValue"]));
   }
-}), yc = { class: "v-image-setter__plus" }, _c = /* @__PURE__ */ I({
+}), _c = { class: "v-image-setter__plus" }, wc = /* @__PURE__ */ I({
   name: "ImageSetter",
   __name: "image",
   props: {
@@ -9790,14 +9794,14 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       "on-remove": o
     }, u.$attrs), {
       default: h(() => [
-        j("span", yc, [
+        j("span", _c, [
           p(n(Ue), { icon: n(so) }, null, 8, ["icon"])
         ])
       ]),
       _: 1
     }, 16, ["class", "file-list"]));
   }
-}), wc = { class: "v-section-setter" }, kc = /* @__PURE__ */ I({
+}), kc = { class: "v-section-setter" }, Sc = /* @__PURE__ */ I({
   name: "SectionSetter",
   __name: "section",
   props: {
@@ -9817,7 +9821,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     const r = () => {
       l("change", a.value.join(" ").trim());
     };
-    return (s, o) => (c(), D("div", wc, [
+    return (s, o) => (c(), D("div", kc, [
       (c(!0), D(z, null, U(e.sections, (u) => (c(), _(_l, {
         name: u - 1,
         modelValue: a.value[u - 1],
@@ -9827,7 +9831,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       }, null, 8, ["name", "modelValue", "onUpdate:modelValue"]))), 256))
     ]));
   }
-}), Sc = { class: "v-slider-setter" }, xc = /* @__PURE__ */ I({
+}), xc = { class: "v-slider-setter" }, Cc = /* @__PURE__ */ I({
   name: "SliderSetter",
   __name: "slider",
   props: {
@@ -9848,7 +9852,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     const r = () => {
       a.value = void 0, l("change", void 0), l("update:modelValue", void 0);
     };
-    return (s, o) => (c(), D("div", Sc, [
+    return (s, o) => (c(), D("div", xc, [
       p(n(Wl), ce({ size: "small" }, s.$attrs, {
         modelValue: a.value,
         "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u)
@@ -10120,7 +10124,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
   "discount-o",
   "ecard-pay",
   "envelop-o"
-], Cc = { class: "van-icon-setter" }, Vc = { class: "van-icon-setter__body" }, jc = { class: "van-icon-setter__content" }, Ac = { class: "van-icon-setter__list" }, Ec = ["onClick"], Dc = /* @__PURE__ */ I({
+], Vc = { class: "van-icon-setter" }, jc = { class: "van-icon-setter__body" }, Ac = { class: "van-icon-setter__content" }, Ec = { class: "van-icon-setter__list" }, Dc = ["onClick"], Ic = /* @__PURE__ */ I({
   name: "VanIconSetter",
   __name: "index",
   props: {
@@ -10143,7 +10147,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     }, m = () => {
       a.value = !0;
     };
-    return (b, f) => (c(), D("div", Cc, [
+    return (b, f) => (c(), D("div", Vc, [
       p(n(ve), {
         size: l.size,
         readonly: "",
@@ -10185,7 +10189,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
           })
         ]),
         default: h(() => [
-          j("div", Vc, [
+          j("div", jc, [
             p(n(ve), {
               size: l.size,
               "prefix-icon": n(qe),
@@ -10195,8 +10199,8 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
               placeholder: "请输入查询关键字",
               class: "van-icon-setter__input"
             }, null, 8, ["size", "prefix-icon", "modelValue"]),
-            j("div", jc, [
-              j("div", Ac, [
+            j("div", Ac, [
+              j("div", Ec, [
                 (c(!0), D(z, null, U(u.value, (w) => (c(), D("i", {
                   onClick: (y) => v(w),
                   class: X([
@@ -10205,7 +10209,7 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
                     "van-icon",
                     "van-icon-setter__item"
                   ])
-                }, null, 10, Ec))), 256)),
+                }, null, 10, Dc))), 256)),
                 u.value.length === 0 ? (c(), _(n(ue), {
                   key: 0,
                   class: "empty-wrapper"
@@ -10218,30 +10222,30 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
       }, 8, ["modelValue"])) : E("", !0)
     ]));
   }
-}), Ic = /* @__PURE__ */ tt(Dc, [["__scopeId", "data-v-b0e9c57b"]]), ee = {
-  StringSetter: ic,
-  BooleanSetter: uc,
-  ExpressionSetter: pc,
-  SelectSetter: mc,
-  NumberSetter: vc,
-  ColorSetter: gc,
+}), $c = /* @__PURE__ */ tt(Ic, [["__scopeId", "data-v-b0e9c57b"]]), ee = {
+  StringSetter: uc,
+  BooleanSetter: cc,
+  ExpressionSetter: mc,
+  SelectSetter: vc,
+  NumberSetter: gc,
+  ColorSetter: fc,
   IconSetter: vl,
   JsonSetter: qt,
   FunctionSetter: bl,
-  RadioSetter: fc,
-  TagSetter: bc,
+  RadioSetter: hc,
+  TagSetter: yc,
   SizeSetter: _l,
-  ImageSetter: _c,
-  SectionSetter: kc,
-  SliderSetter: xc,
+  ImageSetter: wc,
+  SectionSetter: Sc,
+  SliderSetter: Cc,
   FileSetter: rn,
-  VanIconSetter: Ic,
+  VanIconSetter: $c,
   CssSetter: yl
-}, $c = {
+}, Tc = {
   name: "StringSetter",
   component: ee.StringSetter,
   type: "String"
-}, Tc = [
+}, Pc = [
   {
     name: "InputSetter",
     component: ee.StringSetter,
@@ -10384,14 +10388,14 @@ const _r = { class: "v-icon-setter" }, wr = { class: "v-icon-setter__content" },
     type: "String"
   }
 ];
-class Pc {
+class Rc {
   constructor() {
     F(this, "widgets", {});
     this.widgets = this.createWidgets();
   }
   createWidgets() {
     const t = {};
-    for (const e of nc)
+    for (const e of lc)
       t[e.name] = e;
     return t;
   }
@@ -10437,9 +10441,9 @@ class Pc {
     ).map((a, r) => (a.order = a.order ?? r, a)).sort((a, r) => (a.order ?? 0) - (r.order ?? 0)) : l;
   }
 }
-const un = new Pc();
-class Rc {
-  constructor(t = lc) {
+const un = new Rc();
+class Bc {
+  constructor(t = ac) {
     this.deps = t;
   }
   /**
@@ -10506,16 +10510,16 @@ class Rc {
     e > -1 && this.deps.splice(e, 1);
   }
 }
-const Bc = new Rc();
-class Oc {
+const Oc = new Bc();
+class zc {
   constructor() {
     F(this, "setters", {});
-    F(this, "defaultSetter", $c);
+    F(this, "defaultSetter", Tc);
     this.setters = this.createSetters();
   }
   createSetters() {
     const t = {};
-    for (const e of Tc)
+    for (const e of Pc)
       t[e.name] = e;
     return t;
   }
@@ -10552,8 +10556,8 @@ class Oc {
     return Object.values(this.setters).filter((l) => l.type.toLowerCase() === t.toLowerCase()).map((l) => l.name);
   }
 }
-const at = new Oc();
-class zc {
+const at = new zc();
+class Fc {
   constructor() {
     F(this, "window");
     F(this, "engine");
@@ -10625,7 +10629,7 @@ class zc {
     return t;
   }
 }
-function Fc(i, t) {
+function Lc(i, t) {
   return new Promise((e, l) => {
     const a = In(zr, {
       name: i,
@@ -10640,7 +10644,7 @@ function Fc(i, t) {
     a.mount(document.createElement("div"));
   });
 }
-class Lc {
+class Uc {
   constructor(t, e, l, a) {
     F(this, "proxied", {});
     F(this, "document", null);
@@ -10739,7 +10743,7 @@ class Lc {
       const { name: m, params: b = [] } = d[0];
       return m === "default" && !b.length ? void 0 : d[0];
     }
-    const g = await Fc(t.name, d).catch(() => null);
+    const g = await Lc(t.name, d).catch(() => null);
     if (!(g && g.name === "default" && (!g.params || g.params?.length === 0)))
       return g;
   }
@@ -10960,7 +10964,7 @@ class Lc {
     this.setSelected(null), this.setHover(null), this.setDragging(null), this.lines.value = [], t && e && this.unbindEvents(t, e), this.document = null;
   }
 }
-class Uc {
+class Nc {
   constructor(t, e, l, a = null, r = null) {
     F(this, "app", null);
     F(this, "dsl", null);
@@ -11089,7 +11093,7 @@ class Uc {
     this.dispose(), this.render(t, e), this.designer?.selected.value && this.designer.setSelected(t);
   }
 }
-class Nc extends qn {
+class Wc extends qn {
   constructor(e) {
     super();
     F(this, "contentWindow", null);
@@ -11098,7 +11102,7 @@ class Nc extends qn {
     F(this, "engine");
     F(this, "materialPath");
     F(this, "rendered", C(Symbol()));
-    F(this, "devtools", new zc());
+    F(this, "devtools", new Fc());
     const { engine: l, materialPath: a } = e;
     this.engine = l, this.materialPath = a, window.Mock = il, J(this.engine.current, () => {
       this.refresh();
@@ -11108,7 +11112,7 @@ class Nc extends qn {
     J(
       [e, l, a, r, s, o],
       () => {
-        e.value && l.value.length && (this.resetReady(), this.renderer?.dispose(), this.renderer = null, this.setup(e.value, l.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Lc(
+        e.value && l.value.length && (this.resetReady(), this.renderer?.dispose(), this.renderer = null, this.setup(e.value, l.value), this.contentWindow && (this.designer.value?.dispose(), this.designer.value = new Uc(
           this.engine,
           this.contentWindow,
           l,
@@ -11209,7 +11213,7 @@ class Nc extends qn {
       b,
       r
     );
-    this.devtools.init(s, this.engine), this.renderer = new Uc(
+    this.devtools.init(s, this.engine), this.renderer = new Nc(
       f,
       u,
       d,
@@ -11278,7 +11282,7 @@ class Nc extends qn {
     this.renderer?.dispose(), this.designer.value?.dispose(), this.contentWindow = null, this.renderer = null, this.designer.value = null, this.resetReady();
   }
 }
-class Wc {
+class Mc {
   constructor(t, e) {
     F(this, "components", []);
     F(this, "componentMap", /* @__PURE__ */ new Map());
@@ -11318,7 +11322,7 @@ class Wc {
     return e;
   }
   load(t) {
-    const e = [...rc, ...t].filter((l) => !!l);
+    const e = [...ic, ...t].filter((l) => !!l);
     e.sort((l, a) => l.order - a.order);
     for (let l of e)
       l.components && (this.components = this.components.concat(l.components));
@@ -11367,7 +11371,7 @@ class Wc {
   }
 }
 const wl = Symbol("VtjEngine"), Ft = "SAVE_BLOCK_FILE_FINISH";
-class Id extends qn {
+class $d extends qn {
   constructor(e) {
     super();
     F(this, "app");
@@ -11412,7 +11416,7 @@ class Id extends qn {
       adapter: g,
       pageRouteName: d,
       install: m
-    }), this.assets = new Wc(this.service, this.provider), this.simulator = new Nc({
+    }), this.assets = new Mc(this.service, this.provider), this.simulator = new Wc({
       engine: this,
       materialPath: v
     }), this.bindEvents(), this.init(r).then(this.render.bind(this)), Dn(this.dispose.bind(this));
@@ -11423,13 +11427,13 @@ class Id extends qn {
       const a = l.platform || "web";
       a === "uniapp" && un.set("UniConfig", {
         invisible: !1
-      }), l.dependencies = Bc.merge(l.dependencies || [], a), this.project.value = new sa(l), this.saveMaterials(), this.triggerReady();
+      }), l.dependencies = Oc.merge(l.dependencies || [], a), this.project.value = new sa(l), this.saveMaterials(), this.triggerReady();
     }
   }
   render() {
     const e = n(this.container);
     if (e) {
-      const l = In(Mc);
+      const l = In(Jc);
       this.options.install && l.use(this.options.install, this), l.provide(wl, Il(this)), l.mount(e), this.app = l;
     } else
       Be.warn("VTJEngine constructor param [ container ] is undefined");
@@ -11641,7 +11645,7 @@ const ze = I({
       ref: "widgetRef"
     });
   }
-}), Mc = I({
+}), Jc = I({
   name: "SkeletonWrapper",
   setup() {
     const i = C(), t = de(), e = C({});
@@ -11656,7 +11660,7 @@ const ze = I({
   },
   render() {
     const { $props: i = {}, $attrs: t = {} } = this;
-    return Fe(Jc, { ...i, ...t, ref: "skeletonRef" });
+    return Fe(qc, { ...i, ...t, ref: "skeletonRef" });
   },
   methods: {
     /**
@@ -11806,7 +11810,7 @@ const ze = I({
       removable: g,
       onRemove: m
     } = this;
-    return Fe(Yc, {
+    return Fe(Zc, {
       context: i,
       current: t,
       name: e,
@@ -11834,7 +11838,7 @@ const ze = I({
       this.$emit("remove", i);
     }
   }
-}), Jc = /* @__PURE__ */ I({
+}), qc = /* @__PURE__ */ I({
   name: "Skeletion",
   __name: "skeleton",
   props: {
@@ -11987,10 +11991,10 @@ const ze = I({
       _: 1
     }, 8, ["locale"]));
   }
-}), qc = ["title"], Hc = { class: "v-setter__content" }, Gc = {
+}), Hc = ["title"], Gc = { class: "v-setter__content" }, Kc = {
   key: 0,
   class: "v-setter__input"
-}, Kc = { class: "v-setter__action" }, Xc = "{{", Qc = "}}", Yc = /* @__PURE__ */ I({
+}, Xc = { class: "v-setter__action" }, Qc = "{{", Yc = "}}", Zc = /* @__PURE__ */ I({
   __name: "setter",
   props: {
     context: {},
@@ -12056,11 +12060,11 @@ const ze = I({
         }, 8, ["content"])) : (c(), D("span", {
           key: 1,
           title: e.name
-        }, L(e.label || e.name), 9, qc))
+        }, L(e.label || e.name), 9, Hc))
       ]),
       default: h(() => [
-        j("div", Hc, [
-          s.value ? (c(), D("div", Gc, [
+        j("div", Gc, [
+          s.value ? (c(), D("div", Kc, [
             u.value ? E("", !0) : (c(), _(jn(s.value.component), ce({
               key: 0,
               current: e.current,
@@ -12079,15 +12083,15 @@ const ze = I({
               "model-value": "JSExpression"
             }, {
               prefix: h(() => [
-                M(L(Xc))
+                M(L(Qc))
               ]),
               suffix: h(() => [
-                M(L(Qc))
+                M(L(Yc))
               ]),
               _: 1
             })) : E("", !0)
           ])) : E("", !0),
-          j("div", Kc, [
+          j("div", Xc, [
             e.variable ? (c(), _(n(ro), {
               key: 0,
               onClick: b,
@@ -12148,16 +12152,16 @@ const ze = I({
       _: 1
     }));
   }
-}), Zc = { class: "v-empty-region" }, ed = /* @__PURE__ */ I({
+}), ed = { class: "v-empty-region" }, td = /* @__PURE__ */ I({
   name: "EmptyRegion",
   __name: "empty",
   props: {
     region: {}
   },
   setup(i) {
-    return (t, e) => (c(), D("div", Zc, "找不到符合【" + L(t.region) + "】名称的区域组件", 1));
+    return (t, e) => (c(), D("div", ed, "找不到符合【" + L(t.region) + "】名称的区域组件", 1));
   }
-}), td = { class: "v-brand-region" }, nd = /* @__PURE__ */ I({
+}), nd = { class: "v-brand-region" }, ld = /* @__PURE__ */ I({
   name: "BrandRegion",
   inheritAttrs: !1,
   __name: "brand",
@@ -12169,7 +12173,7 @@ const ze = I({
     return t({
       widgets: l,
       widgetsRef: a
-    }), (r, s) => (c(), D("div", td, [
+    }), (r, s) => (c(), D("div", nd, [
       (c(!0), D(z, null, U(n(l), (o) => (c(), _(n(We), {
         ref_for: !0,
         ref_key: "widgetsRef",
@@ -12179,7 +12183,7 @@ const ze = I({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), ld = { class: "v-toolbar-region" }, ad = /* @__PURE__ */ I({
+}), ad = { class: "v-toolbar-region" }, sd = /* @__PURE__ */ I({
   name: "ToolbarRegion",
   __name: "toolbar",
   props: {
@@ -12191,7 +12195,7 @@ const ze = I({
     return t({
       widgets: l,
       widgetsRef: a
-    }), (r, s) => (c(), D("div", ld, [
+    }), (r, s) => (c(), D("div", ad, [
       (c(!0), D(z, null, U(n(l), (o) => (c(), _(n(We), {
         ref_for: !0,
         ref_key: "widgetsRef",
@@ -12202,7 +12206,7 @@ const ze = I({
       }, null, 8, ["region", "widget", "preview"]))), 256))
     ]));
   }
-}), sd = { class: "v-actions-region" }, od = /* @__PURE__ */ I({
+}), od = { class: "v-actions-region" }, rd = /* @__PURE__ */ I({
   name: "ActionsRegion",
   inheritAttrs: !1,
   __name: "actions",
@@ -12214,7 +12218,7 @@ const ze = I({
     return t({
       widgets: l,
       widgetsRef: a
-    }), (r, s) => (c(), D("div", sd, [
+    }), (r, s) => (c(), D("div", od, [
       (c(!0), D(z, null, U(n(l), (o) => (c(), _(n(We), {
         ref_for: !0,
         ref_key: "widgetsRef",
@@ -12224,7 +12228,7 @@ const ze = I({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), rd = { class: "v-apps-region" }, id = { class: "v-apps-region__header" }, ud = { class: "v-apps-region__top" }, cd = { class: "v-apps-region__bottom" }, dd = { class: "v-apps-region__panels" }, pd = /* @__PURE__ */ I({
+}), id = { class: "v-apps-region" }, ud = { class: "v-apps-region__header" }, cd = { class: "v-apps-region__top" }, dd = { class: "v-apps-region__bottom" }, pd = { class: "v-apps-region__panels" }, md = /* @__PURE__ */ I({
   name: "AppsRegion",
   inheritAttrs: !1,
   __name: "apps",
@@ -12252,9 +12256,9 @@ const ze = I({
         const S = u.value.find((k) => k.name === y);
         g.value = S, m.value = S;
       }
-    }), (y, S) => (c(), D("div", rd, [
-      j("div", id, [
-        j("div", ud, [
+    }), (y, S) => (c(), D("div", id, [
+      j("div", ud, [
+        j("div", cd, [
           (c(!0), D(z, null, U(u.value, (k) => (c(), _(n(kn), {
             key: `icon-${k.name}`,
             icon: k.icon,
@@ -12264,7 +12268,7 @@ const ze = I({
             onClick: (x) => b(k)
           }, null, 8, ["icon", "label", "active", "open", "onClick"]))), 128))
         ]),
-        j("div", cd, [
+        j("div", dd, [
           (c(!0), D(z, null, U(v.value, (k) => (c(), _(n(kn), {
             key: `icon-${k.name}`,
             icon: k.icon,
@@ -12273,7 +12277,7 @@ const ze = I({
           }, null, 8, ["icon", "label", "onClick"]))), 128))
         ])
       ]),
-      j("div", dd, [
+      j("div", pd, [
         (c(!0), D(z, null, U(u.value, (k) => (c(), _($n, {
           key: k.name
         }, [
@@ -12289,7 +12293,7 @@ const ze = I({
       ])
     ]));
   }
-}), md = /* @__PURE__ */ I({
+}), vd = /* @__PURE__ */ I({
   name: "WorkspaceRegion",
   __name: "workspace",
   props: {
@@ -12368,7 +12372,7 @@ const ze = I({
       _: 1
     }, 8, ["items", "menus", "modelValue"]));
   }
-}), vd = /* @__PURE__ */ I({
+}), gd = /* @__PURE__ */ I({
   name: "SettingsRegion",
   __name: "settings",
   props: {
@@ -12500,7 +12504,7 @@ const ze = I({
       _: 1
     })) : E("", !0);
   }
-}), gd = { class: "v-status-region" }, fd = /* @__PURE__ */ I({
+}), fd = { class: "v-status-region" }, hd = /* @__PURE__ */ I({
   name: "StatusRegion",
   inheritAttrs: !1,
   __name: "status",
@@ -12512,7 +12516,7 @@ const ze = I({
     return t({
       widgets: l,
       widgetsRef: a
-    }), (r, s) => (c(), D("div", gd, [
+    }), (r, s) => (c(), D("div", fd, [
       (c(!0), D(z, null, U(n(l), (o) => (c(), _(n(We), {
         ref_for: !0,
         ref_key: "widgetsRef",
@@ -12522,7 +12526,7 @@ const ze = I({
       }, null, 8, ["region", "widget"]))), 256))
     ]));
   }
-}), hd = /* @__PURE__ */ I({
+}), bd = /* @__PURE__ */ I({
   name: "PreviewRegion",
   __name: "preview",
   props: {
@@ -12566,46 +12570,46 @@ const ze = I({
     }, 8, ["items", "modelValue"]));
   }
 }), xn = {
-  EmptyRegion: ed,
-  Brand: nd,
-  Toolbar: ad,
-  Actions: od,
-  Apps: pd,
-  Workspace: md,
-  Settings: vd,
-  Status: fd,
-  Preview: hd
+  EmptyRegion: td,
+  Brand: ld,
+  Toolbar: sd,
+  Actions: rd,
+  Apps: md,
+  Workspace: vd,
+  Settings: gd,
+  Status: hd,
+  Preview: bd
 };
 export {
   yo as API_METHOD_TYPES,
-  Wc as Assets,
+  Mc as Assets,
   on as Binder,
   St as Box,
-  Lc as Designer,
-  zc as DevTools,
+  Uc as Designer,
+  Fc as DevTools,
   _o as EVENT_MODIFIERS,
   ae as Editor,
-  Id as Engine,
+  $d as Engine,
   hi as EventBinder,
   kn as Icon,
   fe as Item,
   bo as KEYBOARD_EVENT_LIST,
   hn as MOBILE_SIZE,
   ho as MOUSE_EVENT_LIST,
-  Dd as MicroApp,
+  Id as MicroApp,
   $e as NAME_REGEX,
   So as NPM_REGISTRY_URL,
   bn as PAD_SIZE,
   H as Panel,
   xo as RegionType,
   ze as RegionWrapper,
-  Uc as Renderer,
+  Nc as Renderer,
   Ft as SAVE_BLOCK_FILE_FINISH,
-  Yc as SetterView,
+  Zc as SetterView,
   q as SetterWrapper,
-  Nc as Simulator,
-  Jc as Skeleton,
-  Mc as SkeletonWrapper,
+  Wc as Simulator,
+  qc as Skeleton,
+  Jc as SkeletonWrapper,
   zr as SlotsPicker,
   $t as Tabs,
   fo as VERSION_REGEX,
@@ -12618,14 +12622,14 @@ export {
   gl as Viewport,
   xe as WidgetGroup,
   We as WidgetWrapper,
-  lc as builtInDeps,
-  rc as builtInMaterials,
-  Tc as builtInSetters,
-  nc as builtInWidgets,
+  ac as builtInDeps,
+  ic as builtInMaterials,
+  Pc as builtInSetters,
+  lc as builtInWidgets,
   He as confirm,
-  Fc as createSlotsPicker,
-  $c as defaultSetter,
-  Bc as depsManager,
+  Lc as createSlotsPicker,
+  Tc as defaultSetter,
+  Oc as depsManager,
   wl as engineKey,
   me as expressionValidate,
   Bo as getClassProperties,

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.10.2",
+  "version": "0.10.4",
   "type": "module",
   "dependencies": {
     "html2canvas": "~1.4.1",
     "mockjs": "~1.1.0",
     "monaco-editor": "~0.52.0",
-    "@vtj/core": "~0.10.2",
-    "@vtj/icons": "~0.10.2",
-    "@vtj/uni": "~0.10.2",
-    "@vtj/renderer": "~0.10.2",
-    "@vtj/utils": "~0.10.2",
-    "@vtj/ui": "~0.10.2"
+    "@vtj/core": "~0.10.4",
+    "@vtj/renderer": "~0.10.4",
+    "@vtj/icons": "~0.10.4",
+    "@vtj/uni": "~0.10.4",
+    "@vtj/utils": "~0.10.4",
+    "@vtj/ui": "~0.10.4"
   },
   "devDependencies": {
     "@types/mockjs": "~1.0.10",

package/types/components/setters/function.d.ts

@@ -3,6 +3,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 import { Props } from '../editor/Editor';
 export interface Props {
     modelValue?: JSFunction;
+    defaultCode?: string;
 }
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (...args: any[]) => void;
@@ -10,6 +11,7 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: JSFunction;
+    defaultCode: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     codeEditor: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
         onBlur?: ((...args: any[]) => any) | undefined;

package/types/components/setters/index.d.ts

@@ -103,6 +103,7 @@ export declare const setters: {
         onChange?: ((...args: any[]) => any) | undefined;
     }>, {
         modelValue: JSFunction;
+        defaultCode: string;
     }, {}, {}, {}, string, ComponentProvideOptions, false, {
         codeEditor: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
             onBlur?: ((...args: any[]) => any) | undefined;

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