@vtj/designer 0.8.61 → 0.8.63

package/dist/{Editor-bVAaI2zL.js → Editor-DjXowHju.js}

@@ -19,7 +19,7 @@ const T = /* @__PURE__ */ p({
       createTrustedTypesPolicy: void 0,
       async getWorker(o, a) {
         let n;
-        return a === "json" && (n = await import("./json.worker-BhNp9C2F.js")), ["css", "scss", "less"].includes(a) && (n = await import("./css.worker-BG3X4ypZ.js")), ["html", "handlebars", "razor", "vue"].includes(a) && (n = await import("./html.worker-BCBdCLMV.js")), ["typescript", "javascript"].includes(a) && (n = await import("./ts.worker-yjAiJiOi.js")), n = n || await import("./editor.worker-CdJourTJ.js"), new n.default();
+        return a === "json" && (n = await import("./json.worker-Bm0JMgNu.js")), ["css", "scss", "less"].includes(a) && (n = await import("./css.worker-DsXsg0f9.js")), ["html", "handlebars", "razor", "vue"].includes(a) && (n = await import("./html.worker-DOZaicN7.js")), ["typescript", "javascript"].includes(a) && (n = await import("./ts.worker-CdTDJbmm.js")), n = n || await import("./editor.worker-C6rtsk95.js"), new n.default();
       }
     };
     const r = d, i = f();

package/dist/{css.worker-BG3X4ypZ.js → css.worker-DsXsg0f9.js}

@@ -2,8 +2,7 @@ const W = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NsYXNzIGRje2NvbnN0cnVjdG9yKCl7dGhpc
 function d(Z) {
   let l;
   try {
-    if (l = G && (window.URL || window.webkitURL).createObjectURL(G), !l)
-      throw "";
+    if (l = G && (window.URL || window.webkitURL).createObjectURL(G), !l) throw "";
     const b = new Worker(l, {
       name: Z?.name
     });

package/dist/{editor.worker-CdJourTJ.js → editor.worker-C6rtsk95.js}

@@ -2,8 +2,7 @@ const c = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NsYXNzIFhye2NvbnN0cnVjdG9yKCl7dGhpc
 function W(Z) {
   let l;
   try {
-    if (l = d && (window.URL || window.webkitURL).createObjectURL(d), !l)
-      throw "";
+    if (l = d && (window.URL || window.webkitURL).createObjectURL(d), !l) throw "";
     const b = new Worker(l, {
       name: Z?.name
     });

package/dist/{html.worker-BCBdCLMV.js → html.worker-DOZaicN7.js}

@@ -2,8 +2,7 @@ const d = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NsYXNzIHBze2NvbnN0cnVjdG9yKCl7dGhpc
 function W(l) {
   let Z;
   try {
-    if (Z = G && (window.URL || window.webkitURL).createObjectURL(G), !Z)
-      throw "";
+    if (Z = G && (window.URL || window.webkitURL).createObjectURL(G), !Z) throw "";
     const b = new Worker(Z, {
       name: l?.name
     });

package/dist/index.mjs

@@ -11,10 +11,10 @@ import As from "mockjs";
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.61
+ * @version 0.8.63
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const js = "0.8.61", Ut = {
+const js = "0.8.63", Ut = {
   width: 390,
   height: 844
 }, qt = {
@@ -176,8 +176,7 @@ function Fs(u) {
   return o;
 }
 function dt(u, e) {
-  if (!e)
-    return null;
+  if (!e) return null;
   const { left: t, top: l, width: a, height: r } = u === "dropping" ? Fs(e) : e.rect, s = {
     left: `${t}px`,
     top: `${l}px`,
@@ -205,8 +204,7 @@ function ke() {
 function Ns(u, e) {
   const t = k(""), { selected: l, isSelectBlock: a } = ke(), r = S(() => l.value?.model.id), s = S(() => {
     const i = mt(u), g = mt(e), p = [];
-    if (!i)
-      return p;
+    if (!i) return p;
     const v = g?.__contextRefs[r.value || ""], b = g === v || a.value ? [] : Object.keys(v?.context || {}).filter(($) => !["context", "ref"].includes($)).map(($) => `this.context.${$}`);
     b.length && p.push({ title: "上下文", items: b });
     const c = i.inject.map(($) => `this.${$.name}`);
@@ -232,8 +230,7 @@ function Ns(u, e) {
     );
     return O.length && p.push({ title: "refs", items: O }), p;
   }), o = S(() => {
-    if (!t.value)
-      return s.value;
+    if (!t.value) return s.value;
     const i = t.value.toLowerCase(), g = [];
     return s.value.forEach((p) => {
       const v = p.items.filter(
@@ -298,8 +295,7 @@ function Ws(u) {
       value: Array.isArray(t.value.children) ? "" : t.value.children
     }
   ] : []), r = S(() => {
-    if (!t.value)
-      return [];
+    if (!t.value) return [];
     const v = l.value || e.assets.componentMap.get(t.value.name);
     return v ? (v.props || []).map((b) => ({
       ...b,
@@ -404,24 +400,21 @@ function Ms(u) {
     }
   );
   const a = S(() => {
-    if (ee(t.value))
-      return [];
+    if (ee(t.value)) return [];
     const o = t.value?.events || {};
     return Es.map((i) => ({
       name: i,
       event: o[i]
     }));
   }), r = S(() => {
-    if (ee(t.value))
-      return [];
+    if (ee(t.value)) return [];
     const o = t.value?.events || {};
     return Ps.map((i) => ({
       name: i,
       event: o[i]
     }));
   }), s = S(() => {
-    if (!t.value || ee(t.value))
-      return [];
+    if (!t.value || ee(t.value)) return [];
     const o = t.value.events || {};
     return (l.value?.events || e.assets.componentMap.get(t.value.name)?.events || []).map((g) => {
       const p = typeof g == "string" ? g : g.name;
@@ -447,8 +440,7 @@ const Ht = (u, e) => new hn({
   arg: u
 });
 function Us(u) {
-  if (!u)
-    return [];
+  if (!u) return [];
   const { props: e = [], events: t = [] } = u;
   if (e.length && t.length) {
     const l = t.filter((a) => (typeof a == "string" ? a : a.name).startsWith("update:")).map((a) => a = typeof a == "string" ? a : a.name);
@@ -461,8 +453,7 @@ function qs(u) {
     const c = u.value?.model || null;
     return ee(c) ? null : c;
   }), l = (c) => S(() => t.value && (t.value.directives || []).find((_) => _.name === c) || Ht(c)), a = () => S(() => {
-    if (!t.value)
-      return [];
+    if (!t.value) return [];
     const c = e.assets.componentMap.get(t.value.name || "");
     return (c ? Us(c) : []).map((w) => (t.value?.directives || []).find(
       (x) => x.name === "vModel" && x.arg == w.name
@@ -498,8 +489,7 @@ function qs(u) {
       }
     },
     onModelChange: (c, _) => {
-      if (!t.value)
-        return;
+      if (!t.value) return;
       const w = parseInt(c), x = g.value[w];
       x && (_ ? (x.value = _, t.value.setDirective(x)) : (x.value = void 0, t.value.removeDirective(x)));
     }
@@ -1997,13 +1987,11 @@ const Io = { class: "v-context-viewer" }, Bo = /* @__PURE__ */ E({
   },
   setup(u) {
     const e = u, t = S(() => [`is-${e.mode}`]), l = S(() => {
-      if (e.mode === "pc")
-        return 1;
+      if (e.mode === "pc") return 1;
       const r = e.mode === "mobile" ? Ut : qt, { width: s, height: o } = r, i = s > 0 ? (e.width || 0) / s : 1, g = o > 0 ? (e.height || 0) / o : 1;
       return Math.min(i, g);
     }), a = S(() => {
-      if (e.mode === "pc")
-        return {};
+      if (e.mode === "pc") return {};
       const r = e.mode === "mobile" ? Ut : qt, { width: s, height: o } = r;
       return {
         width: `${s}px`,
@@ -2239,8 +2227,7 @@ const Io = { class: "v-context-viewer" }, Bo = /* @__PURE__ */ E({
         return ".js,.css,.json";
     }), b = S(() => s.value?.fromType === "Plugin"), c = async (D) => {
       const R = D, P = l.project.value;
-      if (!P)
-        return !1;
+      if (!P) return !1;
       if (D.id)
         if (!P.existBlockName(R.name, [R.id]))
           P.updateBlock(R);
@@ -2485,16 +2472,14 @@ const Io = { class: "v-context-viewer" }, Bo = /* @__PURE__ */ E({
   __name: "index",
   setup(u) {
     const { engine: e, designer: t, selected: l } = ke(), { current: a } = ie(), r = k([]), s = (D, R) => {
-      if (R === "slot")
-        return [];
+      if (R === "slot") return [];
       if (ee(D))
         return D.locked ? ["unlock"] : ["lock"];
       const P = D.parent;
       return P && (P.locked || P.invisible) ? [] : a.value?.locked ? [] : D.locked ? ["unlock"] : D.invisible ? ["visible"] : ["lock", "invisible", "copy", "remove"];
     }, o = (D, R) => {
       const P = {};
-      if (!D.some((F) => F.slot))
-        return i(D);
+      if (!D.some((F) => F.slot)) return i(D);
       for (const F of D) {
         const L = F.slot?.name || "default";
         P[L] || (P[L] = []), P[L].push(F);
@@ -2523,8 +2508,7 @@ const Io = { class: "v-context-viewer" }, Bo = /* @__PURE__ */ E({
         Array.isArray(P.children) && (X.children = o(P.children, P)), R.push(X);
       }), R;
     }, g = () => {
-      if (!a.value)
-        return [];
+      if (!a.value) return [];
       const { id: D, name: R, nodes: P } = a.value;
       return [
         {
@@ -2753,7 +2737,7 @@ const Io = { class: "v-context-viewer" }, Bo = /* @__PURE__ */ E({
     ]));
   }
 }), le = Gn({
-  loader: () => import("./Editor-bVAaI2zL.js"),
+  loader: () => import("./Editor-DjXowHju.js"),
   loadingComponent: E({
     render() {
       return Te("div", "正在拼命加载...");
@@ -4918,8 +4902,7 @@ const Io = { class: "v-context-viewer" }, Bo = /* @__PURE__ */ E({
       }
     }, c = async (w) => {
       const { transform: x, test: C, name: I } = w;
-      if (!e.current)
-        return !1;
+      if (!e.current) return !1;
       if (!e.item && e.current.dataSources[I])
         return ne(`名称【${I}】已经存在，请更换名称`), !1;
       if (x?.value) {
@@ -4934,8 +4917,7 @@ const Io = { class: "v-context-viewer" }, Bo = /* @__PURE__ */ E({
         w.test = void 0;
       return e.current?.setDataSource(w), !0;
     }, _ = async () => {
-      if (!e.context)
-        return;
+      if (!e.context) return;
       if (!s.value.ref) {
         ne("请先选择API");
         return;
@@ -8631,7 +8613,11 @@ class bu {
     ), t.addEventListener(
       "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")), te.on(
+    ), 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"),
+      !0
+    ), te.on(
       wt,
       this.bind(this.onActiveChange, "onActiveChange")
     ), te.on(Je, this.bind(this.onViewChange, "onViewChange"));
@@ -8671,11 +8657,9 @@ class bu {
     this.hover.value = null, this.dropping.value = null, this.selected.value = null;
   }
   async getDropSlot(e) {
-    if (!e)
-      return;
+    if (!e) return;
     const { engine: t } = this, l = t.assets, a = l.componentMap, r = await l.getBlockMaterial(e.from) || a.get(e.name);
-    if (!r?.slots)
-      return;
+    if (!r?.slots) return;
     const s = (r?.slots || ["default"]).map(
       (i) => typeof i == "string" ? {
         name: i,
@@ -8696,11 +8680,9 @@ class bu {
   async onDrop(e) {
     e.preventDefault();
     const { engine: t, dragging: l, dropping: a, draggingNode: r } = this, s = t.current.value, o = this.getHelper(e);
-    if (!s || !l || !a.value || !o)
-      return;
+    if (!s || !l || !a.value || !o) return;
     const i = o.model, g = a.value.type;
-    if (!await this.allowDrop(i, g))
-      return;
+    if (!await this.allowDrop(i, g)) return;
     let p;
     if (r)
       p = r;
@@ -8721,12 +8703,11 @@ class bu {
     this.dropping.value = null, t.simulator.refresh(), t.assets.clearCaches();
   }
   onSelected(e) {
-    this.setHover(null), this.selected.value = this.getHelper(e);
+    e.stopPropagation(), this.setHover(null), this.selected.value = this.getHelper(e);
   }
   async onDragOver(e) {
     const t = this.getHelper(e);
-    if (!t)
-      return;
+    if (!t) return;
     const { model: l, type: a } = t;
     l && await this.allowDrop(l, a) ? (e.preventDefault(), this.dropping.value = t) : this.dropping.value = null;
   }
@@ -8779,11 +8760,9 @@ class bu {
   }
   getHelper(e) {
     const t = e.composedPath() || [], l = this.findVtjElement(t) || this.document?.body;
-    if (!l)
-      return null;
+    if (!l) return null;
     const a = this.getNodeByElement(l) || this.engine.current.value;
-    if (!a)
-      return null;
+    if (!a) return null;
     const r = l.getBoundingClientRect(), s = this.getDropType(r, e.clientX, e.clientY), o = this.getNodePath(t);
     return {
       el: l,
@@ -8823,8 +8802,7 @@ class bu {
   async setHover(e) {
     if (await we(), e) {
       const t = this.getElmenetByModel(e);
-      if (!t)
-        return;
+      if (!t) return;
       const l = t.getBoundingClientRect(), a = ee(e) ? [] : this.findPathByNode(e);
       this.hover.value = {
         el: t,
@@ -8839,8 +8817,7 @@ class bu {
   async setSelected(e) {
     if (await we(), e) {
       const t = this.getElmenetByModel(e) || this.document?.createElement("span");
-      if (!t)
-        return;
+      if (!t) return;
       const l = t.getBoundingClientRect(), a = ee(e) ? [] : this.findPathByNode(e);
       this.selected.value = {
         el: t,
@@ -8855,8 +8832,7 @@ class bu {
   async setDropping(e, t = "inner") {
     if (await we(), e) {
       const l = this.getElmenetByModel(e);
-      if (!l)
-        return;
+      if (!l) return;
       const a = l.getBoundingClientRect(), r = ee(e) ? [] : this.findPathByNode(e);
       this.dropping.value = {
         el: l,
@@ -8870,15 +8846,12 @@ class bu {
   }
   async allowDrop(e, t = "inner") {
     const { dragging: l, engine: a, draggingNode: r } = this, s = a.current.value;
-    if (!l || !s)
-      return !1;
-    if (ee(e))
-      return !0;
+    if (!l || !s) return !1;
+    if (ee(e)) return !0;
     if (r && e.id === r.id || r && r.isChild(e))
       return !1;
     const o = a.assets.componentMap, i = t !== "inner" && e.parent || e, g = await a.assets.getBlockMaterial(i.from) || o.get(i.name);
-    if (!g)
-      return !1;
+    if (!g) return !1;
     const { parentIncludes: p = !0, name: v } = l, { childIncludes: f = !0 } = g, b = p === !0 || Array.isArray(p) && p.includes(i.name), c = f === !0 || Array.isArray(f) && f.includes(v);
     return b && c;
   }
@@ -9165,15 +9138,13 @@ class wu {
     this.groups.value = this.parseGroups(t), this.componentMap = _l(this.components, "name");
   }
   async getBlockMaterial(e, t) {
-    if (!e || typeof e == "string")
-      return null;
+    if (!e || typeof e == "string") return null;
     let l;
     if (e.type === "Schema" && e.id && (l = this.caches[e.id] || await this.service.getFile(e.id), this.caches[e.id] = l), e.type === "UrlSchema" && e.url && (l = this.caches[e.url] || await this.provider.getDslByUrl(e.url), this.caches[e.url] = l), e.type === "Plugin") {
       const v = await this.service.getPluginMaterial(e);
       return v ? (v.name = t || v.name, v.from = e, this.componentMap.set(v.name, v), v) : null;
     }
-    if (!l)
-      return null;
+    if (!l) return null;
     l.name = t || l.name;
     const { id: a, name: r, slots: s, props: o, emits: i } = l, g = (v) => {
       const f = Array.isArray(v) ? v : [v];
@@ -9384,8 +9355,7 @@ class sc extends bn {
   }
   async openFile(e) {
     const t = this.project.value, l = this.skeleton?.getRegion("Apps"), a = e || t?.homepage;
-    if (!t || !l || !a)
-      return;
+    if (!t || !l || !a) return;
     const r = t.getPage(a);
     r && !r.raw && (l.regionRef?.setActive("Pages"), this.simulator.ready(() => {
       t.active(r);
@@ -10121,8 +10091,7 @@ const je = E({
     }, b = (c) => {
       if (a.value) {
         const _ = a.value[0]?.widgetRef;
-        if (!_)
-          return;
+        if (!_) return;
         switch (c.name) {
           case "home":
             _.refresh();

package/dist/{json.worker-BhNp9C2F.js → json.worker-Bm0JMgNu.js}

@@ -2,8 +2,7 @@ const m = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NsYXNzIFBhe2NvbnN0cnVjdG9yKCl7dGhpc
 function G(l) {
   let Z;
   try {
-    if (Z = d && (window.URL || window.webkitURL).createObjectURL(d), !Z)
-      throw "";
+    if (Z = d && (window.URL || window.webkitURL).createObjectURL(d), !Z) throw "";
     const b = new Worker(Z, {
       name: l?.name
     });

package/dist/{ts.worker-yjAiJiOi.js → ts.worker-CdTDJbmm.js}

@@ -2,8 +2,7 @@ const G = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NsYXNzIHdOZXtjb25zdHJ1Y3Rvcigpe3Roa
 function m(l) {
   let Z;
   try {
-    if (Z = W && (window.URL || window.webkitURL).createObjectURL(W), !Z)
-      throw "";
+    if (Z = W && (window.URL || window.webkitURL).createObjectURL(W), !Z) throw "";
     const b = new Worker(Z, {
       name: l?.name
     });

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.8.61",
+  "version": "0.8.63",
   "type": "module",
   "dependencies": {
     "mockjs": "~1.1.0",
     "monaco-editor": "~0.48.0",
-    "@vtj/icons": "~0.8.61",
-    "@vtj/core": "~0.8.61",
-    "@vtj/renderer": "~0.8.61",
-    "@vtj/ui": "~0.8.61",
-    "@vtj/utils": "~0.8.61"
+    "@vtj/core": "~0.8.63",
+    "@vtj/renderer": "~0.8.63",
+    "@vtj/icons": "~0.8.63",
+    "@vtj/ui": "~0.8.63",
+    "@vtj/utils": "~0.8.63"
   },
   "devDependencies": {
     "@types/mockjs": "~1.0.10",
     "vue": "~3.4.15",
-    "vue-router": "~4.3.0",
-    "@vtj/cli": "~0.8.14"
+    "vue-router": "~4.4.0",
+    "@vtj/cli": "~0.8.16"
   },
   "files": [
     "dist",

package/types/version.d.ts

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