@duxweb/dvha-pro 1.1.21 → 1.1.22

package/dist/esm/components/cascaderPanel/cascaderPanel.js

@@ -0,0 +1,378 @@
+import { defineComponent as X, ref as N, watch as b, toRef as E, computed as I, createVNode as o, createTextVNode as Y, isVNode as Z } from "vue";
+import { useI18n as ee, useTree as te } from "@duxweb/dvha-core";
+import { useVModel as le } from "@vueuse/core";
+import { NSpin as ae, NButton as R, NScrollbar as ne, NCheckbox as re } from "naive-ui";
+function _(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !Z(n);
+}
+const oe = /* @__PURE__ */ X({
+  name: "DuxCascaderPanel",
+  props: {
+    value: {
+      type: [String, Number, Array],
+      default: () => []
+    },
+    options: Array,
+    path: String,
+    params: Object,
+    treeOptions: Object,
+    maxLevel: {
+      type: Number,
+      default: 3
+    },
+    maxHeight: {
+      type: Number,
+      default: 420
+    },
+    labelField: {
+      type: String,
+      default: "label"
+    },
+    valueField: {
+      type: String,
+      default: "value"
+    },
+    childrenField: {
+      type: String,
+      default: "children"
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    cascade: {
+      type: Boolean,
+      default: !0
+    },
+    checkStrategy: {
+      type: String,
+      default: "all"
+    },
+    showPath: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:value"],
+  setup(n, {
+    emit: D
+  }) {
+    const S = le(n, "value", D, {
+      passive: !1,
+      defaultValue: []
+    }), {
+      t: C
+    } = ee(), c = N([]), s = N([]), m = N([]), O = N(!1);
+    if (n.options !== void 0)
+      b(() => n.options, (t) => {
+        m.value = Array.isArray(t) ? t : [];
+      }, {
+        immediate: !0,
+        deep: !0
+      });
+    else if (n.path) {
+      const t = E(n, "path", ""), e = E(n, "params", {}), l = E(n, "treeOptions", {}), r = te({
+        path: t,
+        params: e,
+        ...l.value
+      });
+      b(r.options, (a) => {
+        m.value = Array.isArray(a) ? a : [];
+      }, {
+        immediate: !0,
+        deep: !0
+      }), b(r.loading, (a) => {
+        O.value = !!a;
+      }, {
+        immediate: !0
+      });
+    }
+    const J = (t) => {
+      const e = n.labelField;
+      return t?.[e] ?? t?.label ?? t?.name ?? t?.title ?? "";
+    }, f = (t) => {
+      const e = n.valueField;
+      return t?.[e] ?? t?.value ?? t?.id ?? t?.code ?? t?.key ?? "";
+    }, g = (t) => {
+      const e = n.childrenField, l = t?.[e] ?? t?.children;
+      return Array.isArray(l) ? l : [];
+    }, j = (t) => Array.isArray(t) && t.every((e) => typeof e == "string" || typeof e == "number"), B = (t) => Array.isArray(t) && t.every((e) => j(e)), P = (t) => JSON.stringify(t), $ = (t, e) => {
+      let l = t, r = 0, a;
+      for (const i of e) {
+        if (a = l.find((u) => String(f(u)) === String(i)), !a)
+          return null;
+        r += 1, l = g(a);
+      }
+      return a ? {
+        node: a,
+        level: r - 1
+      } : null;
+    }, k = (t, e, l) => {
+      if (!n.cascade)
+        return [e];
+      const r = g(t);
+      if (l >= n.maxLevel - 1 || r.length === 0)
+        return [e];
+      const a = [];
+      for (const i of r)
+        a.push(...k(i, [...e, f(i)], l + 1));
+      return a;
+    }, K = (t) => {
+      const e = $(m.value, t);
+      return e ? k(e.node, t, e.level) : [t];
+    }, F = (t, e) => {
+      for (const l of t) {
+        const r = f(l);
+        if (String(r) === String(e))
+          return [r];
+        const a = g(l);
+        if (a.length) {
+          const i = F(a, e);
+          if (i)
+            return [r, ...i];
+        }
+      }
+      return null;
+    }, x = (t) => n.multiple ? n.showPath ? t : t.map((e) => e[e.length - 1]).filter((e) => e != null) : t.length ? n.showPath ? t[0] : t[0][t[0].length - 1] : n.showPath ? [] : null, p = (t, e) => t.length !== e.length ? !1 : t.every((l, r) => String(l) === String(e[r])), w = () => {
+      const t = Array.isArray(c.value) ? [...c.value] : [];
+      let e = m.value, l = !1;
+      for (let r = 0; r < n.maxLevel; r++) {
+        if (!Array.isArray(e) || e.length === 0) {
+          t.length > r && (t.splice(r), l = !0);
+          break;
+        }
+        const a = t[r], i = e.find((u) => String(f(u)) === String(a));
+        if (i)
+          e = g(i);
+        else {
+          const u = f(e[0]);
+          if (u !== "" && u !== void 0 && u !== null)
+            t[r] = u, l = !0, e = g(e[0]);
+          else {
+            t.splice(r), l = !0;
+            break;
+          }
+        }
+      }
+      l && (c.value = t, n.multiple || (s.value = t.length ? [t] : [], S.value = x(s.value)));
+    };
+    b(m, w, {
+      immediate: !0,
+      deep: !0
+    }), b(() => n.maxLevel, w, {
+      immediate: !0
+    }), b(() => n.value, (t) => {
+      if (n.showPath) {
+        if (n.multiple) {
+          if (B(t)) {
+            const e = t.map((l) => l.slice(0, n.maxLevel));
+            if (s.value = e, c.value.length && e.some((l) => p(l, c.value)))
+              c.value = [...c.value];
+            else {
+              const l = e[e.length - 1];
+              c.value = l ? [...l] : [];
+            }
+            return;
+          }
+        } else if (j(t)) {
+          const e = t;
+          s.value = e.length ? [e.slice(0, n.maxLevel)] : [], c.value = s.value[0] ? [...s.value[0]] : [];
+          return;
+        } else if (B(t)) {
+          const e = t[0] || [];
+          s.value = e.length ? [e.slice(0, n.maxLevel)] : [], c.value = s.value[0] ? [...s.value[0]] : [];
+          return;
+        }
+      } else {
+        if (n.multiple && Array.isArray(t)) {
+          const e = t.map((l) => F(m.value, l)).filter((l) => Array.isArray(l) && l.length > 0);
+          if (s.value = e, c.value.length && e.some((l) => p(l, c.value)))
+            c.value = [...c.value];
+          else {
+            const l = e[e.length - 1];
+            c.value = l ? [...l] : [];
+          }
+          return;
+        }
+        if (!n.multiple && t !== void 0 && t !== null && !Array.isArray(t)) {
+          const e = F(m.value, t);
+          s.value = e ? [e] : [], c.value = e ? [...e] : [];
+          return;
+        }
+      }
+      s.value = [], c.value = [];
+    }, {
+      immediate: !0,
+      deep: !0
+    });
+    const M = I(() => {
+      const t = [];
+      let e = m.value;
+      for (let l = 0; l < n.maxLevel; l++) {
+        const r = c.value?.[l];
+        t.push({
+          level: l,
+          items: e,
+          activeValue: r
+        });
+        const a = e.find((i) => String(f(i)) === String(r));
+        e = a ? g(a) : [];
+      }
+      return t;
+    }), U = I(() => ({
+      gridTemplateColumns: `repeat(${n.maxLevel}, minmax(160px, 1fr))`
+    })), T = (t, e) => t >= n.maxLevel - 1 ? !0 : g(e).length === 0, q = (t, e) => n.multiple ? n.checkStrategy === "child" ? T(t, e) : n.checkStrategy === "parent" ? !T(t, e) : !0 : !0, G = (t, e) => {
+      const l = Array.isArray(c.value) ? [...c.value] : [];
+      l[t] = f(e), l.splice(t + 1), c.value = l;
+    }, L = (t, e) => [...c.value.slice(0, t), f(e)], V = () => {
+      const t = /* @__PURE__ */ new Set(), e = Array.isArray(s.value) ? s.value : [];
+      return n.cascade ? (e.forEach((l) => {
+        K(l).forEach((r) => t.add(P(r)));
+      }), t) : (e.forEach((l) => t.add(P(l))), t);
+    }, Q = (t, e, l, r) => {
+      const a = k(e, t, l);
+      if (a.length === 0)
+        return {
+          checked: !1,
+          indeterminate: !1
+        };
+      const i = a.filter((u) => r.has(P(u))).length;
+      return {
+        checked: i > 0 && i === a.length,
+        indeterminate: i > 0 && i < a.length
+      };
+    }, z = (t) => {
+      const e = Array.from(t).map((a) => JSON.parse(a));
+      if (!n.cascade || n.checkStrategy === "child")
+        return e;
+      const l = [], r = (a, i, u) => {
+        const v = g(a);
+        if (u >= n.maxLevel - 1 || v.length === 0) {
+          const h = t.has(P(i));
+          return {
+            allSelected: h,
+            paths: h ? [i] : []
+          };
+        }
+        const d = v.map((h) => r(h, [...i, f(h)], u + 1)), A = d.length > 0 && d.every((h) => h.allSelected);
+        let y = [];
+        return n.checkStrategy === "parent" ? A ? y = [i] : d.forEach((h) => y.push(...h.paths)) : (A && y.push(i), d.forEach((h) => y.push(...h.paths))), {
+          allSelected: A,
+          paths: y
+        };
+      };
+      return m.value.forEach((a) => {
+        const i = r(a, [f(a)], 0);
+        l.push(...i.paths);
+      }), l;
+    }, W = (t, e, l) => {
+      const r = L(t, e);
+      if (c.value = r, n.multiple) {
+        if (!q(t, e))
+          return;
+        if (n.cascade) {
+          const a = V();
+          k(e, r, t).forEach((v) => {
+            const d = P(v);
+            l ? a.add(d) : a.delete(d);
+          });
+          const u = z(a);
+          s.value = u, S.value = x(u);
+        } else {
+          const a = Array.isArray(s.value) ? [...s.value] : [], i = a.findIndex((u) => p(u, r));
+          l && i < 0 && a.push(r), !l && i >= 0 && a.splice(i, 1), s.value = a, S.value = x(a);
+        }
+        return;
+      }
+      l ? (s.value = [r], S.value = x(s.value)) : (s.value = [], S.value = x([]));
+    }, H = (t, e, l) => {
+      if (!n.multiple || e.length === 0)
+        return;
+      if (n.cascade) {
+        const a = V();
+        e.forEach((u) => {
+          const v = L(t, u);
+          k(u, v, t).forEach((A) => {
+            const y = P(A);
+            l ? a.add(y) : a.delete(y);
+          });
+        });
+        const i = z(a);
+        s.value = i, S.value = x(i);
+        return;
+      }
+      const r = Array.isArray(s.value) ? [...s.value] : [];
+      e.forEach((a) => {
+        const i = L(t, a), u = r.findIndex((v) => p(v, i));
+        l && u < 0 && r.push(i), !l && u >= 0 && r.splice(u, 1);
+      }), s.value = r, S.value = x(r);
+    };
+    return () => {
+      const t = V();
+      return o(ae, {
+        show: O.value
+      }, {
+        default: () => [o("div", {
+          class: "grid gap-3",
+          style: U.value
+        }, [M.value.map((e) => {
+          let l, r;
+          return o("div", {
+            key: e.level,
+            class: "border border-muted rounded"
+          }, [n.multiple ? o("div", {
+            class: "flex items-center justify-between px-2 py-2 border-b border-muted"
+          }, [o("span", {
+            class: "text-xs text-muted"
+          }, [C("components.cascaderPanel.level", {
+            num: e.level + 1
+          })]), o("div", {
+            class: "flex items-center gap-2"
+          }, [o(R, {
+            size: "small",
+            tertiary: !0,
+            onClick: (a) => {
+              a.stopPropagation(), H(e.level, e.items || [], !0);
+            }
+          }, _(l = C("components.cascaderPanel.selectAll")) ? l : {
+            default: () => [l]
+          }), o(R, {
+            size: "small",
+            tertiary: !0,
+            onClick: (a) => {
+              a.stopPropagation(), H(e.level, e.items || [], !1);
+            }
+          }, _(r = C("components.cascaderPanel.clearAll")) ? r : {
+            default: () => [r]
+          })])]) : null, o(ne, {
+            style: {
+              maxHeight: `${n.maxHeight}px`
+            }
+          }, {
+            default: () => [o("div", {
+              class: "p-2 space-y-2"
+            }, [e.items?.map((a) => {
+              const i = f(a), u = String(e.activeValue) === String(i), v = L(e.level, a), d = Q(v, a, e.level, t);
+              return o("div", {
+                key: String(i),
+                class: ["flex items-center justify-between gap-2 px-2 py-1 rounded cursor-pointer", u ? "bg-muted" : "hover:bg-muted"],
+                onClick: () => G(e.level, a)
+              }, [o("div", {
+                class: "flex items-center gap-2"
+              }, [o(re, {
+                checked: d.checked,
+                indeterminate: d.indeterminate,
+                onUpdateChecked: (A) => W(e.level, a, !!A)
+              }, null), o("span", null, [J(a)])]), e.level < n.maxLevel - 1 ? o("span", {
+                class: "text-muted"
+              }, [Y("›")]) : null]);
+            })])]
+          })]);
+        })])]
+      });
+    };
+  }
+});
+export {
+  oe as DuxCascaderPanel
+};

package/dist/esm/components/chart/echart.js

@@ -4,8 +4,8 @@ import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
-import "clsx";
 import "@vueuse/core";
+import "clsx";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
 import "ace-builds/src-noconflict/mode-javascript";

package/dist/esm/components/dashboard/helloBig.js

@@ -2,8 +2,9 @@ import { defineComponent as o, ref as n, onMounted as e, createVNode as a, creat
 import s from "clsx";
 import { load as f } from "jinrishici";
 import { DuxCard as u } from "../card/card.js";
+import "@vueuse/core";
 import "naive-ui";
-const v = /* @__PURE__ */ o({
+const m = /* @__PURE__ */ o({
   name: "DuxDashboardHelloBig",
   props: {
     title: String,
@@ -338,5 +339,5 @@ const v = /* @__PURE__ */ o({
   }
 });
 export {
-  v as DuxDashboardHelloBig
+  m as DuxDashboardHelloBig
 };

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

@@ -1,11 +1,15 @@
-import { defineComponent as x, ref as K, computed as u, createVNode as n, h as R, mergeProps as B } from "vue";
+import { defineComponent as w, ref as K, computed as u, createVNode as n, h as R, mergeProps as B } from "vue";
 import { useJsonSchema as V } from "@duxweb/dvha-core";
-import { useVModel as T } from "@vueuse/core";
-import { NButton as d, NDataTable as N } from "naive-ui";
-import { DuxBlockEmpty as S } from "../status/blockEmpty.js";
-const F = /* @__PURE__ */ x({
+import { useVModel as z } from "@vueuse/core";
+import { NButton as d, NDataTable as S } from "naive-ui";
+import { DuxBlockEmpty as T } from "../status/blockEmpty.js";
+const E = /* @__PURE__ */ w({
   name: "DuxDynamicData",
   props: {
+    size: {
+      type: String,
+      default: "small"
+    },
     moveAction: {
       type: Boolean,
       default: !0
@@ -30,41 +34,41 @@ const F = /* @__PURE__ */ x({
       default: []
     }
   },
-  setup(l, {
+  setup(a, {
     emit: y
   }) {
-    const a = T(l, "value", y, {
+    const r = z(a, "value", y, {
       passive: !0,
-      defaultValue: l.defaultValue || [],
+      defaultValue: a.defaultValue || [],
       deep: !0
     }), {
       renderAsync: m
     } = V(), o = K(null), v = (e) => {
-      const t = a.value?.[0][e], r = [...a.value || []].map((i) => ({
+      const t = r.value?.[0][e], l = [...r.value || []].map((i) => ({
         ...i,
         [e]: t
       }));
-      a.value = [...r];
-    }, p = u(() => a.value || []), g = () => {
-      if (l?.onCreate) {
-        l.onCreate();
+      r.value = [...l];
+    }, p = u(() => r.value || []), g = () => {
+      if (a?.onCreate) {
+        a.onCreate();
         return;
       }
-      const e = l?.createCallback?.(a.value) || {};
-      a.value = [...a.value || [], e];
+      const e = a?.createCallback?.(r.value) || {};
+      r.value = [...r.value || [], e];
     }, h = (e) => {
-      if (!a.value)
+      if (!r.value)
         return;
-      const t = [...a.value];
-      t.splice(e, 1), a.value = t;
+      const t = [...r.value];
+      t.splice(e, 1), r.value = t;
     }, s = /* @__PURE__ */ new WeakMap();
     let f = 0;
     const D = (e) => e.__specKey || e.__rowKey ? e.__specKey || e.__rowKey : (s.has(e) || (f += 1, s.set(e, f)), s.get(e)), A = (e, t) => {
       if (e === t)
         return;
-      const r = [...a.value || []], [i] = r.splice(e, 1);
-      r.splice(t, 0, i), a.value = r;
-    }, C = (e) => l.moveAction ? {
+      const l = [...r.value || []], [i] = l.splice(e, 1);
+      l.splice(t, 0, i), r.value = l;
+    }, C = (e) => a.moveAction ? {
       style: {
         cursor: "move"
       },
@@ -77,13 +81,13 @@ const F = /* @__PURE__ */ x({
       },
       onDrop: (t) => {
         t.preventDefault();
-        const r = o.value;
-        r !== null && (A(r, e), o.value = null);
+        const l = o.value;
+        l !== null && (A(l, e), o.value = null);
       },
       onDragend: () => {
         o.value = null;
       }
-    } : {}, _ = u(() => l.moveAction ? {
+    } : {}, _ = u(() => a.moveAction ? {
       key: "__move",
       fixed: "left",
       width: 48,
@@ -92,7 +96,7 @@ const F = /* @__PURE__ */ x({
       render: () => n("div", {
         class: "i-tabler:grid-dots text-gray-400 size-4 inline-flex items-center justify-center"
       }, null)
-    } : null), k = u(() => (l.columns || []).map((e) => {
+    } : null), k = u(() => (a.columns || []).map((e) => {
       const t = e.copy ? () => n("div", {
         class: "flex items-center justify-between gap-1"
       }, [n("span", null, [e.title]), n(d, {
@@ -108,30 +112,31 @@ const F = /* @__PURE__ */ x({
         key: e.key,
         title: t,
         width: e.width,
+        minWidth: e.minWidth,
         fixed: e.fixed,
         align: e.align,
         ellipsis: e.ellipsis,
-        render: (r, i) => {
+        render: (l, i) => {
           if (e.schema) {
-            const c = typeof e.schema == "function" ? e.schema(r, i) : e.schema;
+            const c = typeof e.schema == "function" ? e.schema(l, i) : e.schema;
             return R(m({
               data: Array.isArray(c) ? c : [c],
               context: {
                 rowIndex: i,
-                model: a.value,
-                row: r
+                model: r.value,
+                row: l
               }
             }));
           }
-          return e.render?.(r, i) ?? r[e.key];
+          return e.render?.(l, i) ?? l[e.key];
         }
       };
-    })), b = u(() => !l.createAction && !l.deleteAction ? null : {
+    })), b = u(() => !a.createAction && !a.deleteAction ? null : {
       key: "__action",
       width: 64,
       fixed: "right",
       align: "center",
-      title: l.createAction ? () => n(d, {
+      title: a.createAction ? () => n(d, {
         tertiary: !0,
         type: "primary",
         circle: !0,
@@ -140,7 +145,7 @@ const F = /* @__PURE__ */ x({
         }, null),
         onClick: g
       }, null) : "",
-      render: (e, t) => l.deleteAction ? n(d, {
+      render: (e, t) => a.deleteAction ? n(d, {
         tertiary: !0,
         type: "error",
         circle: !0,
@@ -149,21 +154,25 @@ const F = /* @__PURE__ */ x({
         }, null),
         onClick: () => h(t)
       }, null) : null
-    }), w = u(() => [_.value, ...k.value, b.value].filter(Boolean));
-    return () => n(N, B({
-      size: "small",
+    }), x = u(() => [_.value, ...k.value, b.value].filter(Boolean));
+    return () => n(S, B({
+      size: a.size,
       rowKey: D,
-      bordered: !1,
-      columns: w.value,
+      bordered: !0,
+      columns: x.value,
       data: p.value,
       pagination: !1
     }, {
       rowProps: (e, t) => C(t)
+    }, {
+      style: {
+        "--n-empty-padding": "20px 0"
+      }
     }), {
-      empty: () => n(S, null, null)
+      empty: () => n(T, null, null)
     });
   }
 });
 export {
-  F as DuxDynamicData
+  E as DuxDynamicData
 };

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

@@ -3,9 +3,9 @@ import { useI18n as P, useJsonSchema as j } from "@duxweb/dvha-core";
 import { NButton as l, NDataTable as k } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
+import "@vueuse/core";
 import "clsx";
 import "vue-echarts";
-import "@vueuse/core";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
 import "ace-builds/src-noconflict/mode-javascript";
@@ -67,7 +67,7 @@ import "pinia";
 function c(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !z(t);
 }
-const Mt = /* @__PURE__ */ y({
+const Jt = /* @__PURE__ */ y({
   name: "Select",
   props: {
     path: String,
@@ -161,5 +161,5 @@ const Mt = /* @__PURE__ */ y({
   }
 });
 export {
-  Mt as default
+  Jt as default
 };

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

@@ -1,15 +1,15 @@
 import { defineComponent as m, inject as l, computed as p, createVNode as o } from "vue";
+import "@vueuse/core";
 import "clsx";
 import "naive-ui";
-import "vue-echarts";
 import "@duxweb/dvha-core";
+import "vue-echarts";
 import "vue-router";
 import "@overlastic/vue";
 import "dayjs";
 import "lodash-es";
 import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
-import "@vueuse/core";
 import "pinia";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";

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

@@ -6,11 +6,12 @@ import { NScrollbar as b } from "naive-ui";
 import w from "short-unique-id";
 import { VueDraggable as h } from "vue-draggable-plus";
 import { DuxCard as y } from "../card/card.js";
+import "@vueuse/core";
 import { duxFormEditorGrid as D } from "./components/grid.js";
 import { useEditor as k } from "./editor/hook.js";
 import { DuxWidgetEditorPreview as c } from "./editor/preview.js";
 import { WidgetEditorSetting as C } from "./editor/setting.js";
-const R = /* @__PURE__ */ f({
+const M = /* @__PURE__ */ f({
   name: "DuxDesignEditor",
   props: {
     data: Object,
@@ -157,5 +158,5 @@ function s({
   }, [r])]);
 }
 export {
-  R as DuxDesignEditor
+  M as DuxDesignEditor
 };