@vtj/designer 0.7.9 → 0.7.11

package/dist/index.mjs

@@ -2,19 +2,19 @@ import { defineComponent as E, openBlock as c, createElementBlock as j, toDispla
 import { ElNotification as Ue, ElMessageBox as ct, ElMessage as dt, ElButton as re, ElDivider as Le, ElRadioGroup as fn, ElRadioButton as Ze, ElButtonGroup as gn, ElBadge as hn, ElDropdown as Bt, ElDropdownMenu as Tt, ElDropdownItem as nt, ElInput as pe, ElEmpty as Z, ElTooltip as Ft, ElTag as bn, ElSwitch as zt, ElTree as pt, ElAlert as _n, ElRow as st, ElCol as lt, ElCollapse as yn, ElCollapseItem as kn, ElForm as Ne, ElDrawer as wn, ElBreadcrumb as Sn, ElBreadcrumbItem as Vn, ElLoading as xn, ElSelect as Cn, ElOption as En, ElInputNumber as jn, ElColorPicker as An, ElConfigProvider as Dn, ElContainer as ht, ElHeader as Pn, ElAside as bt, ElMain as In, ElFooter as Rn, ElFormItem as $n } from "element-plus";
 import Bn from "element-plus/es/locale/lang/zh-cn";
 import { XAction as ke, XIcon as De, XDialog as $e, XDialogForm as ce, XField as P, XPanel as mt, XTabs as Mt, XContainer as O, XForm as Tn, XActionBar as Fn, vResizable as _t, createDialog as zn } from "@vtj/ui";
-import { delay as Nt, upperFirstCamelCase as Ot, toRawType as Qe, cloneDeep as He, isPlainObject as Mn, merge as Wt, arrayToMap as Nn, toArray as On } from "@vtj/utils";
-import { parseExpression as Je, parseFunction as Wn, JSCodeToString as Ce, LIFE_CYCLES_LIST as Ln, DATA_TYPES as Jn, logger as me, isJSExpression as Pe, createLoader as Un, ContextMode as at, createRenderer as Hn, parseDeps as qn, createAssetsCss as Gn, createAssetScripts as yt, getRawComponent as Kn, createSchemaApis as Zn, Provider as Qn, isJSFunction as Xn } from "@vtj/renderer";
-import { isBlock as U, DirectiveModel as Lt, emitter as q, EVENT_PROJECT_ACTIVED as ot, EVENT_NODE_CHANGE as Ie, NodeModel as kt, EVENT_BLOCK_CHANGE as rt, Base as Jt, ProjectModel as Yn, EVENT_PROJECT_CHANGE as es, EVENT_PROJECT_BLOCKS_CHANGE as ts, EVENT_PROJECT_PAGES_CHANGE as ns, EVENT_PROJECT_DEPS_CHANGE as ss, EVENT_PROJECT_PUBLISH as ls, EVENT_PROJECT_FILE_PUBLISH as as, EVENT_HISTORY_CHANGE as os, EVENT_HISTORY_LOAD as rs, BlockModel as wt, HistoryModel as is } from "@vtj/core";
+import { delay as Nt, upperFirstCamelCase as Ot, toRawType as Qe, cloneDeep as He, logger as me, isPlainObject as Mn, merge as Wt, arrayToMap as Nn, toArray as On } from "@vtj/utils";
+import { isBlock as U, DirectiveModel as Lt, emitter as q, EVENT_PROJECT_ACTIVED as at, EVENT_NODE_CHANGE as Pe, NodeModel as yt, EVENT_BLOCK_CHANGE as ot, Base as Jt, ProjectModel as Wn, EVENT_PROJECT_CHANGE as Ln, EVENT_PROJECT_BLOCKS_CHANGE as Jn, EVENT_PROJECT_PAGES_CHANGE as Un, EVENT_PROJECT_DEPS_CHANGE as Hn, EVENT_PROJECT_PUBLISH as qn, EVENT_PROJECT_FILE_PUBLISH as Gn, EVENT_HISTORY_CHANGE as Kn, EVENT_HISTORY_LOAD as Zn, BlockModel as kt, HistoryModel as Qn } from "@vtj/core";
+import { parseExpression as Je, parseFunction as Xn, JSCodeToString as Ce, LIFE_CYCLES_LIST as Yn, DATA_TYPES as es, isJSExpression as Ie, createLoader as ts, ContextMode as rt, createRenderer as ns, parseDeps as ss, createAssetsCss as ls, createAssetScripts as wt, getRawComponent as as, createSchemaApis as os, Provider as rs, isJSFunction as is } from "@vtj/renderer";
 import { VtjIconBack as us, VtjIconPc as cs, VtjIconPhone as ds, VtjIconPad as ps, VtjIconUndo as ms, VtjIconRedo as vs, VtjIconBug as fs, VtjIconPreview as gs, VtjIconRefresh as hs, VtjIconSetting as bs, icons as it, ArrowDown as _s, Search as Ut, Back as ys, VtjIconPlus as Ht, Delete as ks, VtjIconSave as ws, MoreFilled as vt, VtjIconCheck as qt, VtjIconCopy as Gt, VtjIconEdit as Kt, VtjIconRemove as qe, VtjIconLock as Zt, VtjIconUnlock as Ss, VtjIconInvisible as Qt, VtjIconVisible as Vs, VtjIconHome as xs, VtjIconSearch as Cs, VtjIconLayers as Xt, VtjIconArrowUp as Es, VtjIconArrowDown as js, ArrowRight as As, VtjIconDocument as Ds, VtjIconComponents as Ps, VtjIconBlock as Is, VtjIconOutline as Rs, VtjIconHistory as $s, VtjIconApi as Bs, VtjIconCategory as Ts, VtjIconInfo as Fs, VtjIconVars as zs, VtjIconSwitch as Ms, VtjIconHelp as Ns } from "@vtj/icons";
 import { useClipboard as Os, useElementSize as Yt } from "@vueuse/core";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.9
+ * @version 0.7.11
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Ws = "0.7.9", St = {
+const Ws = "0.7.11", St = {
   width: 390,
   height: 844
 }, Vt = {
@@ -371,7 +371,7 @@ function ae(i, e = "success") {
 function ee(i, e, t = !1) {
   let s = !0;
   try {
-    i.type === "JSExpression" ? Je(i, e, t, !0) : Wn(i, e, t, !0);
+    i.type === "JSExpression" ? Je(i, e, t, !0) : Xn(i, e, t, !0);
   } catch (l) {
     s = !1, Ue.error({
       title: "代码错误",
@@ -2938,7 +2938,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
     current: {}
   },
   setup(i) {
-    const e = i, t = S(() => Ln.map((o) => ({
+    const e = i, t = S(() => Yn.map((o) => ({
       label: o,
       value: o
     }))), s = S(() => Object.entries(e.current?.lifeCycles || {}).map(([u, p]) => ({ name: u, value: Ce(p) }))), l = () => ({
@@ -3698,7 +3698,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
         },
         e.item
       )
-    ), l = Object.keys(Jn).map((r) => ({
+    ), l = Object.keys(es).map((r) => ({
       label: r,
       value: r
     })), a = async (r) => {
@@ -5277,7 +5277,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   setup(i, { emit: e }) {
     const t = (u = "") => ({
       type: "JSExpression",
-      value: Pe(u) ? u.value : u
+      value: Ie(u) ? u.value : u
     }), s = i, l = e, a = (u) => ee(u, s.context, !0), r = w(t(s.modelValue).value);
     X(
       () => s.modelValue,
@@ -5335,7 +5335,7 @@ const pl = { class: "v-switcher-widget" }, ml = { key: 1 }, vl = /* @__PURE__ */
   },
   emits: ["change"],
   setup(i, { emit: e }) {
-    const t = i, s = e, l = S(() => Pe(t.modelValue) ? void 0 : Number(t.modelValue || 0)), a = (r) => {
+    const t = i, s = e, l = S(() => Ie(t.modelValue) ? void 0 : Number(t.modelValue || 0)), a = (r) => {
       s("change", r);
     };
     return (r, o) => (c(), _(n(jn), ue({
@@ -5768,9 +5768,9 @@ class Qa {
       "scroll",
       this.bind(this.onViewChange, "onViewChange")
     ), e.addEventListener("resize", this.bind(this.onViewChange, "onViewChange")), t.addEventListener("mouseleave", this.bind(this.onLeave, "onLeave")), t.addEventListener("dragleave", this.bind(this.onLeave, "onLeave")), t.addEventListener("dragover", this.bind(this.onDragOver, "onDragOver")), t.addEventListener("drop", this.bind(this.onDrop, "onDrop")), t.addEventListener("click", this.bind(this.onSelected, "onSelected")), q.on(
-      ot,
+      at,
       this.bind(this.onActiveChange, "onActiveChange")
-    ), q.on(Ie, this.bind(this.onViewChange, "onViewChange"));
+    ), q.on(Pe, this.bind(this.onViewChange, "onViewChange"));
   }
   unbindEvents(e, t) {
     t.removeEventListener(
@@ -5786,10 +5786,10 @@ class Qa {
       "dragover",
       this.bind(this.onDragOver, "onDragOver")
     ), t.removeEventListener("drop", this.bind(this.onDrop, "onDrop")), t.removeEventListener("click", this.bind(this.onSelected, "onSelected")), q.off(
-      ot,
+      at,
       this.bind(this.onActiveChange, "onActiveChange")
     ), q.off(
-      Ie,
+      Pe,
       this.bind(this.onViewChange, "onViewChange")
     );
   }
@@ -5837,7 +5837,7 @@ class Qa {
     const o = r.model, u = l.value.type;
     if (!await this.allowDrop(o, u))
       return;
-    const p = this.createNodeDsl(s), m = new kt(p);
+    const p = this.createNodeDsl(s), m = new yt(p);
     if (U(o))
       a.addNode(m, void 0, u);
     else {
@@ -5868,7 +5868,7 @@ class Qa {
   }
   getNodeByElement(e) {
     const t = e.__vtj__ ?? "";
-    return kt.nodes[t] || null;
+    return yt.nodes[t] || null;
   }
   getDropType(e, t, s) {
     const { left: l, top: a, width: r, height: o } = e;
@@ -6047,19 +6047,19 @@ class Xa {
       apis: o
     } = this.env, u = t.document.createElement("div");
     u.id = "app", s.appendChild(u), this.dsl = l.reactive(e.toDsl());
-    const p = Un({
+    const p = ts({
       getDsl: async (b) => await this.service.getFile(b) || null,
       options: {
-        mode: at.Design,
+        mode: rt.Design,
         Vue: l,
         components: a,
         libs: r,
         apis: o,
         window: t
       }
-    }), { renderer: m, context: f } = Hn({
+    }), { renderer: m, context: f } = ns({
       Vue: l,
-      mode: at.Design,
+      mode: rt.Design,
       dsl: this.dsl,
       components: a,
       libs: r,
@@ -6073,7 +6073,7 @@ class Xa {
     } catch (b) {
       Q(b.message || "未知错误", "运行时错误"), console.error(b);
     }
-    this.context = f, q.on(Ie, this.nodeChange), q.on(rt, this.blockChange);
+    this.context = f, q.on(Pe, this.nodeChange), q.on(ot, this.blockChange);
   }
   dispose() {
     if (this.app) {
@@ -6081,7 +6081,7 @@ class Xa {
       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, q.off(Ie, this.nodeChange), q.off(rt, this.blockChange);
+    this.dsl = null, this.context = null, q.off(Pe, this.nodeChange), q.off(ot, this.blockChange);
   }
   updateChild(e, t) {
     const s = t.children || t.nodes || [];
@@ -6144,7 +6144,7 @@ class Ya extends Jt {
       libraryExports: u,
       materialExports: p,
       materialMapLibrary: m
-    } = qn(t, this.materialPath);
+    } = ss(t, this.materialPath);
     l.open(), l.write(`
      <!DOCTYPE html>
      <html lang="zh-CN">
@@ -6162,9 +6162,9 @@ class Ya extends Jt {
               background: #fff;
             }
          </style>
-         ${Gn(r)}
-         ${yt(a)}
-         ${yt(o)}
+         ${ls(r)}
+         ${wt(a)}
+         ${wt(o)}
        </head>
        <body> 
        </body>
@@ -6193,10 +6193,10 @@ class Ya extends Jt {
       const V = y.names || [], x = p[t[y.library || ""]];
       x && V.forEach((D) => {
         const F = b.get(D);
-        F ? m[D] = Kn(F, x) : m[D] = x[D];
+        F ? m[D] = as(F, x) : m[D] = x[D];
       });
     }
-    const { adapter: h, globals: d } = u, k = Zn(r.value?.apis, h);
+    const { adapter: h, globals: d } = u, k = os(r.value?.apis, h);
     return {
       window: l,
       Vue: l.Vue,
@@ -6328,8 +6328,8 @@ class Mo extends Jt {
       materials: o,
       materialPath: u = "./"
     } = e;
-    this.container = t, this.service = s, this.provider = new Qn({
-      mode: at.Design,
+    this.container = t, this.service = s, this.provider = new rs({
+      mode: rt.Design,
       globals: a,
       project: l,
       service: s,
@@ -6343,7 +6343,7 @@ class Mo extends Jt {
   }
   async init(e) {
     const t = await this.service.init(e).catch((s) => (me.warn("VTJEngine service init fail.", s), null));
-    t && (t.dependencies = Ga.merge(t.dependencies || []), this.project.value = new Yn(t), this.saveMaterials(), this.triggerReady());
+    t && (t.dependencies = Ga.merge(t.dependencies || []), this.project.value = new Wn(t), this.saveMaterials(), this.triggerReady());
   }
   render() {
     const e = n(this.container);
@@ -6354,7 +6354,7 @@ class Mo extends Jt {
       me.warn("VTJEngine constructor param [ container ] is undefined");
   }
   bindEvents() {
-    q.on(es, (e) => this.saveProject(e)), q.on(ts, (e) => this.saveBlockFile(e)), q.on(ns, (e) => this.saveBlockFile(e)), q.on(ss, () => this.saveMaterials()), q.on(ot, (e) => this.activeFile(e)), q.on(ls, () => this.publish()), q.on(as, () => this.publishCurrent()), q.on(rt, (e) => this.changeFile(e)), q.on(Ie, () => this.changeCurrentFile()), q.on(os, (e) => this.saveHistory(e)), q.on(rs, (e) => this.loadHistory(e));
+    q.on(Ln, (e) => this.saveProject(e)), q.on(Jn, (e) => this.saveBlockFile(e)), q.on(Un, (e) => this.saveBlockFile(e)), q.on(Hn, () => this.saveMaterials()), q.on(at, (e) => this.activeFile(e)), q.on(qn, () => this.publish()), q.on(Gn, () => this.publishCurrent()), q.on(ot, (e) => this.changeFile(e)), q.on(Pe, () => this.changeCurrentFile()), q.on(Kn, (e) => this.saveHistory(e)), q.on(Zn, (e) => this.loadHistory(e));
   }
   async activeFile(e) {
     await ye();
@@ -6366,7 +6366,7 @@ class Mo extends Jt {
       l && (s.dsl = l);
     }
     if (s?.dsl) {
-      const l = new wt(s.dsl);
+      const l = new kt(s.dsl);
       this.updateCurrent(l), this.initHistory(l);
     } else
       this.updateCurrent(null);
@@ -6426,7 +6426,7 @@ class Mo extends Jt {
   async initHistory(e) {
     if (e) {
       const t = await this.service.getHistory(e.id).catch(() => null);
-      this.history.value = new is(
+      this.history.value = new Qn(
         Object.assign(t || {}, { id: e.id })
       );
     } else
@@ -6444,7 +6444,7 @@ class Mo extends Jt {
   async loadHistory(e) {
     const t = e.model, s = e.data, l = await this.service.getHistoryItem(t.id, s.id);
     if (l && l.dsl) {
-      const a = new wt(l.dsl);
+      const a = new kt(l.dsl);
       await this.updateCurrent(a), he(this.history);
     }
   }
@@ -6672,7 +6672,7 @@ const be = E({
     defaultSetter() {
       const { value: i, computedSetters: e } = this;
       let t = typeof i;
-      t === "Object" && (Array.isArray(i) ? t = "Array" : Pe(i) ? t = "Object" : Xn(i) && (t = "Function"));
+      t === "Object" && (Array.isArray(i) ? t = "Array" : Ie(i) ? t = "Object" : is(i) && (t = "Function"));
       const s = Oe.getByType(t) || [];
       return s.length ? (e.find((l) => s.includes(l.name)) || e[0])?.name : e[0]?.name;
     }
@@ -6896,7 +6896,7 @@ const be = E({
   setup(i, { emit: e }) {
     const t = i, s = e, l = w(!1), a = w(""), r = w(
       t.setters.find((V) => V.name === t.defaultSetter) || t.setters[0]
-    ), o = w(t.value), u = S(() => !!Pe(o.value)), p = {
+    ), o = w(t.value), u = S(() => !!Ie(o.value)), p = {
       [r.value.name]: o.value
     }, m = (V) => {
       p[r.value.name] = o.value, r.value = V, o.value = p[V.name] ?? void 0, f(o.value);
@@ -6919,7 +6919,7 @@ const be = E({
     }, b = () => {
       s("remove", t.name);
     }, h = () => {
-      l.value = !0, a.value = Pe(o.value) ? o.value.value : "";
+      l.value = !0, a.value = Ie(o.value) ? o.value.value : "";
     }, d = () => {
       l.value = !1, a.value = "";
     }, k = async (V) => ee(V, t.context, !0) ? (p[r.value.name] = o.value, o.value = V, s("change", V), !0) : !1, y = async () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.7.9",
+  "version": "0.7.11",
   "type": "module",
   "scripts": {
     "build": "vue-tsc && vite build",
@@ -10,15 +10,15 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@vtj/core": "^0.7.9",
-    "@vtj/icons": "^0.7.9",
-    "@vtj/renderer": "^0.7.9",
-    "@vtj/ui": "^0.7.9",
-    "@vtj/utils": "^0.7.9",
+    "@vtj/core": "^0.7.11",
+    "@vtj/icons": "^0.7.11",
+    "@vtj/renderer": "^0.7.11",
+    "@vtj/ui": "^0.7.11",
+    "@vtj/utils": "^0.7.11",
     "monaco-editor": "~0.45.0"
   },
   "devDependencies": {
-    "@vtj/cli": "^0.7.7",
+    "@vtj/cli": "^0.7.8",
     "vue": "~3.4.15",
     "vue-router": "~4.2.5"
   },
@@ -40,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "923aab791b5aacf1f0e75255ad7aa2b1b71e26bf"
+  "gitHead": "c06eab62d9b15ba39fd489316dc9389030b2d040"
 }

package/types/version.d.ts

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