@duxweb/dvha-pro 1.0.32 → 1.0.34

package/dist/esm/components/crop/imageCrop.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, createVNode as r } from "vue";
+import { defineComponent as n, createVNode as e } from "vue";
 import { useI18n as s, useManage as c, useUpload as d } from "@duxweb/dvha-core";
 import { useVModel as g } from "@vueuse/core";
 import { useMessage as f } from "naive-ui";
@@ -25,6 +25,20 @@ import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -38,14 +52,14 @@ import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
 import { useModal as h } from "../../hooks/modal.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const so = /* @__PURE__ */ n({
+const Io = /* @__PURE__ */ n({
   name: "DuxImageCrop",
   props: {
     defaultValue: {
@@ -70,7 +84,7 @@ const so = /* @__PURE__ */ n({
   }) {
     const {
       t: i
-    } = s(), e = g(t, "value", m, {
+    } = s(), r = g(t, "value", m, {
       passive: !0,
       defaultValue: t.defaultValue || ""
     }), {
@@ -82,21 +96,21 @@ const so = /* @__PURE__ */ n({
       },
       autoUpload: !0,
       onSuccess: (o) => {
-        e.value = o.data?.url, p.success(i("components.upload.success"));
+        r.value = o.data?.url, p.success(i("components.upload.success"));
       },
       onError: (o) => {
         p.error(o.message || i("components.upload.failed"));
       }
     });
-    return () => r("div", {
+    return () => e("div", {
       class: ["relative size-80px overflow-hidden group", t.circle && "rounded-full"],
       onClick: () => {
         u.show({
           component: () => import("./imageCropModal.js").then((o) => o.DuxImageCropModal),
           componentProps: {
-            value: e.value,
+            value: r.value,
             onConfirm: (o) => {
-              e.value = o;
+              r.value = o;
             }
           }
         })?.then?.((o) => {
@@ -104,17 +118,17 @@ const so = /* @__PURE__ */ n({
         }).catch(() => {
         });
       }
-    }, [r(v, {
-      src: e.value,
+    }, [e(v, {
+      src: r.value,
       circle: t.circle,
       size: 80
-    }, null), r("div", {
+    }, null), e("div", {
       class: "absolute size-full bg-gray-900/30 items-center justify-center inset-0 cursor-pointer hidden z-1 group-hover:flex"
-    }, [r("div", {
+    }, [e("div", {
       class: "i-tabler:pencil size-4 text-white/90"
     }, null)])]);
   }
 });
 export {
-  so as DuxImageCrop
+  Io as DuxImageCrop
 };

package/dist/esm/components/data/dynamicSelect.js

@@ -24,6 +24,20 @@ import { DuxDynamicData as S } from "./dynamicData.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -38,14 +52,14 @@ import "vue-draggable-plus";
 import "short-unique-id";
 import "aieditor";
 import { useModal as w } from "../../hooks/modal.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const vt = /* @__PURE__ */ f({
+const Et = /* @__PURE__ */ f({
   name: "DuxDynamicSelect",
   props: {
     rowKey: {
@@ -68,38 +82,38 @@ const vt = /* @__PURE__ */ f({
     }
   },
   setup(t, {
-    emit: l
+    emit: a
   }) {
-    const e = D(t, "value", l, {
+    const o = D(t, "value", a, {
       passive: !0,
       defaultValue: t.defaultValue,
       deep: !0
-    }), u = w(), p = d(), {
+    }), l = w(), u = d(), {
       t: n
     } = h(), i = s(!0);
-    return v([e, i], () => {
-      if (!i.value || !e.value || e.value.length === 0)
+    return v([o, i], () => {
+      if (!i.value || !o.value || o.value.length === 0)
         return;
-      const r = e.value?.map((o) => o[t.rowKey]) || [];
-      p.request({
+      const r = o.value?.map((e) => e[t.rowKey]) || [];
+      u.request({
         path: t.path,
         query: {
           ids: r?.join(",") || ""
         }
-      }).then((o) => {
-        i.value = !1, o?.data?.forEach((m, a) => {
-          e.value.some((c) => c[t.rowKey] === m[t.rowKey]) ? e.value[a] = {
-            ...e.value[a],
+      }).then((e) => {
+        i.value = !1, e?.data?.forEach((m, p) => {
+          o.value.some((c) => c[t.rowKey] === m[t.rowKey]) ? o.value[p] = {
+            ...o.value[p],
             ...m
-          } : e.value.push(m);
+          } : o.value.push(m);
         });
       });
     }), () => y(S, {
-      value: e.value,
-      "onUpdate:value": (r) => e.value = r,
+      value: o.value,
+      "onUpdate:value": (r) => o.value = r,
       columns: t.columns,
       onCreate: () => {
-        u.show({
+        l.show({
           component: () => import("./selectModal.js"),
           componentProps: {
             path: t.path,
@@ -109,8 +123,8 @@ const vt = /* @__PURE__ */ f({
           width: 1e3,
           title: n("components.button.select")
         }).then((r) => {
-          i.value = !1, r?.forEach((o) => {
-            e.value.some((m) => m[t.rowKey] === o[t.rowKey]) || e.value.push(o);
+          i.value = !1, r?.forEach((e) => {
+            o.value.some((m) => m[t.rowKey] === e[t.rowKey]) || o.value.push(e);
           });
         });
       }
@@ -118,5 +132,5 @@ const vt = /* @__PURE__ */ f({
   }
 });
 export {
-  vt as DuxDynamicSelect
+  Et as DuxDynamicSelect
 };

package/dist/esm/components/data/selectModal.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as h, ref as m, watch as C, createVNode as o, Fragment as b, h as x, mergeProps as w, isVNode as z } from "vue";
+import { defineComponent as y, computed as h, ref as p, watch as C, createVNode as e, Fragment as b, h as x, mergeProps as w, isVNode as z } from "vue";
 import { useI18n as P, useJsonSchema as j } from "@duxweb/dvha-core";
 import { NButton as l, NDataTable as k } from "naive-ui";
 import "vue-router";
@@ -25,6 +25,20 @@ import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -37,10 +51,10 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useTable as N } from "../../hooks/table.js";
@@ -48,7 +62,7 @@ import "pinia";
 function c(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !z(t);
 }
-const wt = /* @__PURE__ */ y({
+const Vt = /* @__PURE__ */ y({
   name: "Select",
   props: {
     path: String,
@@ -65,11 +79,11 @@ const wt = /* @__PURE__ */ y({
   },
   setup(t) {
     const {
-      t: a
+      t: m
     } = P(), u = h(() => [{
       type: "selection",
       fixed: "left"
-    }, ...t.columns || []]), n = m({}), i = m({
+    }, ...t.columns || []]), a = p({}), i = p({
       page: 1,
       pageSize: 10
     }), {
@@ -81,60 +95,60 @@ const wt = /* @__PURE__ */ y({
     } = N({
       path: t.path || "",
       columns: u.value || [],
-      filters: n,
+      filters: a,
       pagination: i.value
-    }), p = m([]);
-    C(S, (e) => {
-      p.value = f.value?.filter((r) => e.includes(r[t.rowKey]));
+    }), n = p([]);
+    C(S, (o) => {
+      n.value = f.value?.filter((r) => o.includes(r[t.rowKey]));
     });
     const v = j({
       data: t.filterSchema || [],
       context: {
-        filter: n.value
+        filter: a.value
       }
     });
-    return () => o(K, {
-      title: a("components.data.selectTitle"),
+    return () => e(K, {
+      title: m("components.data.selectTitle"),
       onClose: () => {
         t.onClose?.();
       }
     }, {
-      default: () => o("div", {
+      default: () => e("div", {
         class: "flex flex-col gap-4"
-      }, [t.filterSchema && o("div", {
+      }, [t.filterSchema && e("div", {
         class: "grid grid-cols-1 md:grid-cols-4 gap-2"
-      }, [x(v.render)]), o(k, w({
+      }, [x(v.render)]), e(k, w({
         bordered: !1,
         maxHeight: 400,
-        rowKey: (e) => e[t.rowKey]
+        rowKey: (o) => o[t.rowKey]
       }, s.value, {
         pagination: {
           page: i.value.page,
           pageSize: i.value.pageSize,
           pageCount: d.value,
           pageSizes: g,
-          onUpdatePage: (e) => {
-            i.value.page = e;
+          onUpdatePage: (o) => {
+            i.value.page = o;
           },
-          onUpdatePageSize: (e) => {
-            i.value.pageSize = e;
+          onUpdatePageSize: (o) => {
+            i.value.pageSize = o;
           }
         }
       }), null)]),
       footer: () => {
-        let e, r;
-        return o(b, null, [o(l, {
+        let o, r;
+        return e(b, null, [e(l, {
           onClick: () => {
             t.onClose?.();
           }
-        }, c(e = a("components.button.cancel")) ? e : {
-          default: () => [e]
-        }), o(l, {
+        }, c(o = m("components.button.cancel")) ? o : {
+          default: () => [o]
+        }), e(l, {
           type: "primary",
           onClick: () => {
-            t.onConfirm?.(p.value);
+            t.onConfirm?.(n.value);
           }
-        }, c(r = a("components.button.select")) ? r : {
+        }, c(r = m("components.button.select")) ? r : {
           default: () => [r]
         })]);
       }
@@ -142,5 +156,5 @@ const wt = /* @__PURE__ */ y({
   }
 });
 export {
-  wt as default
+  Vt as default
 };

package/dist/esm/components/designEditor/components/grid.js

@@ -1,4 +1,4 @@
-import { createVNode as n, defineComponent as u, computed as m, isVNode as g } from "vue";
+import { createVNode as n, defineComponent as u, computed as d, isVNode as g } from "vue";
 import { useI18n as f } from "@duxweb/dvha-core";
 import { useVModel as h } from "@vueuse/core";
 import v from "clsx";
@@ -30,6 +30,20 @@ import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -39,10 +53,10 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
@@ -60,12 +74,12 @@ const C = /* @__PURE__ */ u({
     onChildren: Function
   },
   setup(o) {
-    const r = m(() => o.options?.col || 2), e = m(() => {
-      const t = [...o.children || []], i = r.value;
-      for (; t.length < i; )
+    const r = d(() => o.options?.col || 2), i = d(() => {
+      const t = [...o.children || []], e = r.value;
+      for (; t.length < e; )
         t.push([]);
-      for (let l = 0; l < i; l++)
-        Array.isArray(t[l]) || (t[l] = []);
+      for (let p = 0; p < e; p++)
+        Array.isArray(t[p]) || (t[p] = []);
       return t;
     });
     return () => {
@@ -73,18 +87,18 @@ const C = /* @__PURE__ */ u({
       return n(b, {
         cols: r.value,
         spac: o.options?.spac
-      }, x(t = e.value.map((i, l) => {
-        const d = i;
+      }, x(t = i.value.map((e, p) => {
+        const m = e;
         return n("div", {
-          key: l,
+          key: p,
           class: v({
-            "rounded border border-dashed border-accented": !d?.length
+            "rounded border border-dashed border-accented": !m?.length
           })
         }, [n(E, {
-          modelValue: d,
+          modelValue: m,
           onUpdate: (s) => {
-            const p = [...e.value];
-            p[l] = s, o.onChildren?.(p);
+            const l = [...i.value];
+            l[p] = s, o.onChildren?.(l);
           }
         }, null)]);
       })) ? t : {
@@ -107,33 +121,33 @@ const C = /* @__PURE__ */ u({
     emit: r
   }) {
     const {
-      t: e
+      t: i
     } = f(), t = h(o, "value", r);
     return () => n(y, {
-      title: e("components.designEditor.grid.title"),
+      title: i("components.designEditor.grid.title"),
       icon: "i-tabler:grid-4x4"
     }, {
       default: () => [n(a, {
-        label: e("components.designEditor.grid.columns"),
+        label: i("components.designEditor.grid.columns"),
         path: "col"
       }, {
         default: () => [n(c, {
           value: t.value.col,
-          "onUpdate:value": (i) => t.value.col = i,
+          "onUpdate:value": (e) => t.value.col = e,
           min: 1,
           max: 12,
-          placeholder: e("components.designEditor.grid.columnsPlaceholder")
+          placeholder: i("components.designEditor.grid.columnsPlaceholder")
         }, null)]
       }), n(a, {
-        label: e("components.designEditor.grid.spacing"),
+        label: i("components.designEditor.grid.spacing"),
         path: "spac"
       }, {
         default: () => [n(c, {
           value: t.value.spac,
-          "onUpdate:value": (i) => t.value.spac = i,
+          "onUpdate:value": (e) => t.value.spac = e,
           min: 0,
           max: 100,
-          placeholder: e("components.designEditor.grid.spacingPlaceholder")
+          placeholder: i("components.designEditor.grid.spacingPlaceholder")
         }, null)]
       })]
     });
@@ -142,10 +156,10 @@ const C = /* @__PURE__ */ u({
 function j(o) {
   const {
     children: r,
-    convertToJsonSchema: e
+    convertToJsonSchema: i
   } = o || {};
   let t = [];
-  return r?.length && e && (t = r.flatMap((i) => Array.isArray(i) ? e(i) : [])), {
+  return r?.length && i && (t = r.flatMap((e) => Array.isArray(e) ? i(e) : [])), {
     tag: "dux-grid",
     attrs: {
       cols: o?.options?.col || 2,
@@ -154,7 +168,7 @@ function j(o) {
     children: t
   };
 }
-function Et(o) {
+function Dt(o) {
   return {
     name: "dux-grid",
     icon: "i-tabler:grid-4x4",
@@ -171,5 +185,5 @@ function Et(o) {
   };
 }
 export {
-  Et as duxFormEditorGrid
+  Dt as duxFormEditorGrid
 };

package/dist/esm/components/designEditor/editor/hook.js

@@ -1,7 +1,7 @@
 import I from "short-unique-id";
-import { ref as s, computed as x } from "vue";
+import { ref as u, computed as x } from "vue";
 function C({ settingPage: f }) {
-  const c = s([]), i = s([]), p = s(), a = s({
+  const c = u([]), i = u([]), p = u(), o = u({
     config: f?.default || {},
     data: []
   }), y = () => {
@@ -17,11 +17,11 @@ function C({ settingPage: f }) {
     label: e.label,
     icon: e.icon,
     children: c.value.filter((n) => n.group === e.name)
-  }))), u = (e, n) => {
+  }))), s = (e, n) => {
     for (const t of n)
       if (t) {
         if (Array.isArray(t)) {
-          const r = u(e, t);
+          const r = s(e, t);
           if (r)
             return r;
           continue;
@@ -29,14 +29,14 @@ function C({ settingPage: f }) {
         if (t.key === e)
           return t;
         if (t.children && t.children.length) {
-          const r = u(e, t.children);
+          const r = s(e, t.children);
           if (r)
             return r;
         }
       }
   }, h = (e) => {
     if (e)
-      return u(e, a.value.data);
+      return s(e, o.value.data);
   }, { randomUUID: v } = new I({ length: 10 }), d = (e) => e?.map((n) => {
     if (n)
       return Array.isArray(n) ? d(n) : (n.key = v(), n.children && n.children.length > 0 && (n.children = d(n.children)), n);
@@ -44,17 +44,17 @@ function C({ settingPage: f }) {
     for (const r of e)
       if (r) {
         if (Array.isArray(r)) {
-          const o = l(r, n, r);
-          if (o)
-            return o;
+          const a = l(r, n, r);
+          if (a)
+            return a;
           continue;
         }
         if (r.key === n)
           return t;
         if (r.children && r.children.length) {
-          const o = l(r.children, n, r);
-          if (o)
-            return o;
+          const a = l(r.children, n, r);
+          if (a)
+            return a;
         }
       }
   };
@@ -68,16 +68,16 @@ function C({ settingPage: f }) {
     group: i,
     getData: h,
     selected: p,
-    value: a,
+    value: o,
     copyData: (e, n) => {
       const t = h(e), r = JSON.parse(JSON.stringify(t));
       r.key = v(), r.children && r.children.length > 0 && (r.children = d(r.children));
-      const o = l(a.value.data, e);
-      o ? Array.isArray(o) ? o.splice(n + 1, 0, r) : o.children?.splice(n + 1, 0, r) : a.value.data?.splice(n + 1, 0, r);
+      const a = l(o.value.data, e);
+      a ? Array.isArray(a) ? a.splice(n + 1, 0, r) : a.children?.splice(n + 1, 0, r) : o.value.data?.splice(n + 1, 0, r);
     },
     deleteData: (e, n) => {
-      const t = l(a.value.data, e);
-      t ? Array.isArray(t) ? t.splice(n, 1) : t.children?.splice(n, 1) : a.value.data?.splice(n, 1), p.value = void 0;
+      const t = l(o.value.data, e);
+      t ? Array.isArray(t) ? t.splice(n, 1) : t.children?.splice(n, 1) : o.value.data.splice(n, 1), p.value = void 0, o.value = { ...o.value };
     },
     settingPage: f
   };