@duxweb/dvha-pro 1.0.31 → 1.0.33

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";
@@ -45,7 +59,7 @@ 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,
@@ -107,10 +121,10 @@ const vt = /* @__PURE__ */ f({
             filterSchema: t.filterSchema
           },
           width: 1e3,
-          title: n("buttons.select")
+          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";
@@ -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
+        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";
@@ -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/setting.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, inject as l, computed as p, createVNode as e } from "vue";
+import { defineComponent as m, inject as l, computed as p, createVNode as o } from "vue";
 import "clsx";
 import "naive-ui";
 import "vue-echarts";
@@ -29,6 +29,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";
@@ -44,48 +58,48 @@ import { DuxFormLayout as a } from "../../form/formLayout.js";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-const ot = /* @__PURE__ */ m({
+const gt = /* @__PURE__ */ m({
   name: "WidgetEditorSetting",
   props: {
     actionRender: Function
   },
-  setup(r) {
-    const t = l("editor.use"), o = p(() => t?.getData(t.selected.value)), n = p(() => t?.components.value?.find((i) => i.name === o.value?.name));
-    return () => e("div", {
+  setup(e) {
+    const t = l("editor.use"), i = p(() => t?.getData(t.selected.value)), n = p(() => t?.components.value?.find((r) => r.name === i.value?.name));
+    return () => o("div", {
       class: "flex-none  p-2 max-w-full w-220px overflow-y-auto bg-default",
-      key: o.value?.key
+      key: i.value?.key
     }, [n.value?.setting?.({
-      value: o.value?.options,
-      "update:modelValue": (i) => {
-        o?.value && (o.value.options = i);
+      value: i.value?.options,
+      "update:modelValue": (r) => {
+        i?.value && (i.value.options = r);
       }
-    }) || e("div", {
+    }) || o("div", {
       class: "flex flex-col gap-2 h-full"
-    }, [e("div", {
+    }, [o("div", {
       class: "flex-1 min-h-0"
     }, [t?.settingPage?.component?.({
       value: t.value.value.config,
-      "update:modelValue": (i) => {
-        t.value.value.config = i;
+      "update:modelValue": (r) => {
+        t.value.value.config = r;
       }
-    })]), r?.actionRender?.(t)])]);
+    })]), e?.actionRender?.(t)])]);
   }
-}), it = /* @__PURE__ */ m({
+}), xt = /* @__PURE__ */ m({
   name: "WidgetEditorSettingCard",
   props: {
     title: String,
     icon: String
   },
-  setup(r, {
+  setup(e, {
     slots: t
   }) {
-    return () => e("div", {
+    return () => o("div", {
       class: "flex flex-col"
-    }, [e("div", {
+    }, [o("div", {
       class: "bg-elevated rounded py-2 px-4 flex justify-center items-center gap-2"
-    }, [e("div", null, [r.title])]), e("div", {
+    }, [o("div", null, [e.title])]), o("div", {
       class: "py-4 flex-1"
-    }, [e(a, {
+    }, [o(a, {
       labelPlacement: "top"
     }, {
       default: () => [t.default?.()]
@@ -93,6 +107,6 @@ const ot = /* @__PURE__ */ m({
   }
 });
 export {
-  ot as WidgetEditorSetting,
-  it as WidgetEditorSettingCard
+  gt as WidgetEditorSetting,
+  xt as WidgetEditorSettingCard
 };

package/dist/esm/components/form/drawerForm.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as v, toRef as C, createVNode as e, Fragment as F, mergeProps as x, isVNode as D } from "vue";
+import { defineComponent as b, computed as v, toRef as C, createVNode as i, Fragment as F, mergeProps as x, isVNode as D } from "vue";
 import { useI18n as E, useInvalidate as N, useExtendForm as h } from "@duxweb/dvha-core";
 import { useMessage as j, NButton as p, NScrollbar as w } from "naive-ui";
 import "clsx";
@@ -29,6 +29,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";
@@ -48,7 +62,7 @@ import "fabric";
 function s(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !D(t);
 }
-const Ot = /* @__PURE__ */ b({
+const Ht = /* @__PURE__ */ b({
   name: "DuxDrawerForm",
   props: {
     id: {
@@ -88,7 +102,7 @@ const Ot = /* @__PURE__ */ b({
     } = E(), l = v(() => {
       const {
         onClose: o,
-        onSuccess: i,
+        onSuccess: e,
         onError: P,
         action: _,
         title: k,
@@ -98,10 +112,10 @@ const Ot = /* @__PURE__ */ b({
         ...S
       } = t;
       return S;
-    }), u = C(t, "data", {}), n = j(), {
+    }), u = C(t, "data", {}), m = j(), {
       invalidate: d
     } = N(), {
-      isLoading: m,
+      isLoading: n,
       onSubmit: f,
       onReset: g,
       isEdit: y
@@ -111,42 +125,42 @@ const Ot = /* @__PURE__ */ b({
       form: u,
       action: t.action,
       onError: (o) => {
-        n.error(o.message || r("components.form.error")), t.onError?.(o);
+        m.error(o.message || r("components.form.error")), t.onError?.(o);
       },
       onSuccess: (o) => {
-        n.success(r("components.form.success")), t.onSuccess?.(o), t.onClose?.(), t.invalidate && d(t.invalidate);
+        m.success(r("components.form.success")), t.onSuccess?.(o), t.onClose?.(), t.invalidate && d(t.invalidate);
       }
     });
-    return () => e(O, {
+    return () => i(O, {
       scrollbar: !1,
       title: t?.title || (y.value ? r("components.form.edit") : r("components.form.create")),
       onClose: t?.onClose
     }, {
-      default: () => e(w, null, {
-        default: () => [e(a, x({
+      default: () => i(w, null, {
+        default: () => [i(a, x({
           class: "p-4"
         }, l.value), {
           default: () => [c?.default?.()]
         })]
       }),
       footer: () => {
-        let o, i;
-        return e(F, null, [e(p, {
+        let o, e;
+        return i(F, null, [i(p, {
           onClick: g,
-          loading: m.value
+          loading: n.value
         }, s(o = r("components.button.reset")) ? o : {
           default: () => [o]
-        }), e(p, {
+        }), i(p, {
           type: "primary",
-          loading: m.value,
+          loading: n.value,
           onClick: () => f()
-        }, s(i = r("components.button.submit")) ? i : {
-          default: () => [i]
+        }, s(e = r("components.button.submit")) ? e : {
+          default: () => [e]
         })]);
       }
     });
   }
 });
 export {
-  Ot as DuxDrawerForm
+  Ht as DuxDrawerForm
 };