@duxweb/dvha-pro 1.0.23 → 1.0.25

package/dist/esm/components/modal/modalTab.js

@@ -1,6 +1,6 @@
-import { defineComponent as n, ref as i, createVNode as a } from "vue";
-import { NTabs as f, NButton as u } from "naive-ui";
-const o = /* @__PURE__ */ n({
+import { defineComponent as t, ref as d, createVNode as e } from "vue";
+import { NTabs as r, NButton as n } from "naive-ui";
+const f = /* @__PURE__ */ t({
   name: "ModalTab",
   props: {
     draggable: {
@@ -13,7 +13,7 @@ const o = /* @__PURE__ */ n({
     },
     handle: {
       type: Object,
-      default: () => i()
+      default: () => d()
     },
     onClose: {
       type: Function,
@@ -21,50 +21,44 @@ const o = /* @__PURE__ */ n({
       }
     }
   },
-  setup(d, {
-    slots: e
+  setup(a, {
+    slots: l
   }) {
-    return () => {
-      var l, t;
-      return a("div", {
-        class: "flex flex-col"
-      }, [a(f, {
-        type: "line",
-        defaultValue: d.defaultTab,
-        class: "app-modal-tabs",
-        size: "large",
-        style: {
-          "--n-pane-padding-right": "16px",
-          "--n-pane-padding-left": "16px"
-        }
+    return () => e("div", {
+      class: "flex flex-col"
+    }, [e(r, {
+      type: "line",
+      defaultValue: a.defaultTab,
+      class: "app-modal-tabs",
+      size: "large",
+      style: {
+        "--n-pane-padding-right": "16px",
+        "--n-pane-padding-left": "16px"
+      }
+    }, {
+      default: () => l.default?.(),
+      prefix: () => a.draggable ? e("div", {
+        class: "pl-4 cursor-move flex items-center",
+        ref: a.handle
+      }, [e("div", {
+        class: "i-tabler:grid-dots size-4"
+      }, null)]) : null,
+      suffix: () => e("div", {
+        class: "pr-4 flex items-center"
+      }, [e(n, {
+        text: !0,
+        onClick: a.onClose,
+        "aria-label": "close"
       }, {
-        default: () => {
-          var r;
-          return (r = e.default) == null ? void 0 : r.call(e);
-        },
-        prefix: () => d.draggable ? a("div", {
-          class: "pl-4 cursor-move flex items-center",
-          ref: d.handle
-        }, [a("div", {
-          class: "i-tabler:grid-dots size-4"
-        }, null)]) : null,
-        suffix: () => a("div", {
-          class: "pr-4 flex items-center"
-        }, [a(u, {
-          text: !0,
-          onClick: d.onClose,
-          "aria-label": "close"
-        }, {
-          icon: () => a("div", {
-            class: "i-tabler:x size-4"
-          }, null)
-        })])
-      }), ((l = e.footer) == null ? void 0 : l.call(e)) && a("div", {
-        class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50"
-      }, [(t = e.footer) == null ? void 0 : t.call(e)])]);
-    };
+        icon: () => e("div", {
+          class: "i-tabler:x size-4"
+        }, null)
+      })])
+    }), l.footer?.() && e("div", {
+      class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50"
+    }, [l.footer?.()])]);
   }
 });
 export {
-  o as default
+  f as default
 };

package/dist/esm/components/panel/alert.js

@@ -1,5 +1,5 @@
-import { defineComponent as d, computed as l, createVNode as t } from "vue";
-const p = /* @__PURE__ */ d({
+import { defineComponent as i, computed as l, createVNode as t } from "vue";
+const s = /* @__PURE__ */ i({
   name: "DuxPanelAlert",
   props: {
     type: {
@@ -18,7 +18,7 @@ const p = /* @__PURE__ */ d({
   setup(r, {
     slots: e
   }) {
-    const c = l(() => {
+    const a = l(() => {
       switch (r.type) {
         case "error":
           return "to-error/20";
@@ -32,26 +32,23 @@ const p = /* @__PURE__ */ d({
           return "to-gray/20";
       }
     });
-    return () => {
-      var a, i, n;
-      return t("div", {
-        class: `relative flex rounded-lg ring ring-muted bg-linear-to-br from-transparent ${c.value}`
-      }, [t("div", {
-        class: "relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"
-      }, [t("div", {
-        class: "flex flex-col flex-1 items-start"
-      }, [t("div", {
-        class: "flex-1"
-      }, [t("div", {
-        class: "text-base text-pretty text-highlighted"
-      }, [((a = e.title) == null ? void 0 : a.call(e)) || r.title]), t("div", {
-        class: "text-sm text-pretty text-muted mt-1"
-      }, [((i = e.description) == null ? void 0 : i.call(e)) || r.description])]), e.actions && t("div", {
-        class: "pt-4 mt-auto"
-      }, [(n = e.actions) == null ? void 0 : n.call(e)])])])]);
-    };
+    return () => t("div", {
+      class: `relative flex rounded-lg ring ring-muted bg-linear-to-br from-transparent ${a.value}`
+    }, [t("div", {
+      class: "relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"
+    }, [t("div", {
+      class: "flex flex-col flex-1 items-start"
+    }, [t("div", {
+      class: "flex-1"
+    }, [t("div", {
+      class: "text-base text-pretty text-highlighted"
+    }, [e.title?.() || r.title]), t("div", {
+      class: "text-sm text-pretty text-muted mt-1"
+    }, [e.description?.() || r.description])]), e.actions && t("div", {
+      class: "pt-4 mt-auto"
+    }, [e.actions?.()])])])]);
   }
 });
 export {
-  p as DuxPanelAlert
+  s as DuxPanelAlert
 };

package/dist/esm/components/panel/collapse.js

@@ -1,6 +1,6 @@
-import { defineComponent as n, ref as c, createVNode as a } from "vue";
-import t from "clsx";
-const h = /* @__PURE__ */ n({
+import { defineComponent as r, ref as s, createVNode as e } from "vue";
+import a from "clsx";
+const n = /* @__PURE__ */ r({
   name: "DuxCollapsePanel",
   props: {
     title: String,
@@ -8,42 +8,39 @@ const h = /* @__PURE__ */ n({
     defaultShow: Boolean,
     highlight: Boolean
   },
-  setup(e, {
+  setup(l, {
     slots: i
   }) {
-    const l = c(!!e.defaultShow);
-    return () => {
-      var d, r;
-      return a("div", {
-        class: t(["border rounded-sm", e.highlight ? "border-primary" : "border-muted"])
-      }, [a("div", {
-        class: t(["px-4 py-3 flex justify-between items-center", e.highlight ? "bg-primary/10" : "bg-gray/5"])
-      }, [a("div", {
-        class: "flex gap-2 items-start"
-      }, [a("div", {
-        class: "pt-0.5"
-      }, [(d = i.suffix) == null ? void 0 : d.call(i)]), a("div", {
-        class: "flex flex-col"
-      }, [a("div", {
-        class: "font-medium text-base"
-      }, [e == null ? void 0 : e.title]), (e == null ? void 0 : e.desc) && a("div", {
-        class: "text-muted"
-      }, [e.desc])])]), a("div", {
-        class: t(["p-2 rounded-full text-primary cursor-pointer", e.highlight ? "bg-primary/10" : "bg-gray/5"]),
-        onClick: () => l.value = !l.value
-      }, [a("div", {
-        class: t(["i-tabler:arrow-down size-4 transition-all", l.value ? "" : "rotate-180"])
-      }, null)])]), a("div", {
-        class: t("transition-all overflow-hidden", {
-          "max-h-0": !l.value,
-          "max-h-500": l.value
-        })
-      }, [a("div", {
-        class: "p-4"
-      }, [(r = i.default) == null ? void 0 : r.call(i)])])]);
-    };
+    const t = s(!!l.defaultShow);
+    return () => e("div", {
+      class: a(["border rounded-sm", l.highlight ? "border-primary" : "border-muted"])
+    }, [e("div", {
+      class: a(["px-4 py-3 flex justify-between items-center", l.highlight ? "bg-primary/10" : "bg-gray/5"])
+    }, [e("div", {
+      class: "flex gap-2 items-start"
+    }, [e("div", {
+      class: "pt-0.5"
+    }, [i.suffix?.()]), e("div", {
+      class: "flex flex-col"
+    }, [e("div", {
+      class: "font-medium text-base"
+    }, [l?.title]), l?.desc && e("div", {
+      class: "text-muted"
+    }, [l.desc])])]), e("div", {
+      class: a(["p-2 rounded-full text-primary cursor-pointer", l.highlight ? "bg-primary/10" : "bg-gray/5"]),
+      onClick: () => t.value = !t.value
+    }, [e("div", {
+      class: a(["i-tabler:arrow-down size-4 transition-all", t.value ? "" : "rotate-180"])
+    }, null)])]), e("div", {
+      class: a("transition-all overflow-hidden", {
+        "max-h-0": !t.value,
+        "max-h-500": t.value
+      })
+    }, [e("div", {
+      class: "p-4"
+    }, [i.default?.()])])]);
   }
 });
 export {
-  h as DuxCollapsePanel
+  n as DuxCollapsePanel
 };

package/dist/esm/components/panel/setting.js

@@ -1,8 +1,8 @@
-import { defineComponent as r, createVNode as e } from "vue";
-import { DuxCard as n } from "../card/card.js";
+import { defineComponent as i, createVNode as e } from "vue";
+import { DuxCard as a } from "../card/card.js";
 import "clsx";
 import "naive-ui";
-const m = /* @__PURE__ */ r({
+const s = /* @__PURE__ */ i({
   name: "DuxPanelCard",
   props: {
     title: {
@@ -21,36 +21,30 @@ const m = /* @__PURE__ */ r({
       default: !0
     }
   },
-  setup(d, {
-    slots: t
+  setup(t, {
+    slots: d
   }) {
-    return () => {
-      var i;
-      return e("div", {
-        class: "flex flex-col gap-4"
-      }, [e("div", {
-        class: "flex items-center px-2"
-      }, [e("div", {
-        class: "flex-1 flex flex-col"
-      }, [e("div", {
-        class: "text-base"
-      }, [d.title]), d.description && e("div", {
-        class: "text-sm text-muted"
-      }, [d.description])]), e("div", {
-        class: "flex-none flex items-center"
-      }, [(i = t.actions) == null ? void 0 : i.call(t)])]), e(n, {
-        size: d.padding,
-        shadow: !1,
-        bordered: d.bordered
-      }, {
-        default: () => {
-          var a;
-          return [(a = t.default) == null ? void 0 : a.call(t)];
-        }
-      })]);
-    };
+    return () => e("div", {
+      class: "flex flex-col gap-4"
+    }, [e("div", {
+      class: "flex items-center px-2"
+    }, [e("div", {
+      class: "flex-1 flex flex-col"
+    }, [e("div", {
+      class: "text-base"
+    }, [t.title]), t.description && e("div", {
+      class: "text-sm text-muted"
+    }, [t.description])]), e("div", {
+      class: "flex-none flex items-center"
+    }, [d.actions?.()])]), e(a, {
+      size: t.padding,
+      shadow: !1,
+      bordered: t.bordered
+    }, {
+      default: () => [d.default?.()]
+    })]);
   }
 });
 export {
-  m as DuxPanelCard
+  s as DuxPanelCard
 };

package/dist/esm/components/select/cardSelect.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, createVNode as a } from "vue";
-import { useVModel as m } from "@vueuse/core";
-const y = /* @__PURE__ */ f({
+import { defineComponent as n, createVNode as l } from "vue";
+import { useVModel as f } from "@vueuse/core";
+const x = /* @__PURE__ */ n({
   name: "DuxSelectCard",
   props: {
     options: {
@@ -37,60 +37,59 @@ const y = /* @__PURE__ */ f({
     }
   },
   emits: ["update:value", "change"],
-  setup(l, {
+  setup(a, {
     emit: u
   }) {
-    const t = m(l, "value", u, {
+    const t = f(a, "value", u, {
       passive: !0,
-      defaultValue: l.defaultValue
-    }), s = (e) => {
-      var i;
-      if (!l.disabled) {
-        if (l.multiple) {
+      defaultValue: a.defaultValue
+    }), i = (e) => {
+      if (!a.disabled) {
+        if (a.multiple) {
           const d = Array.isArray(t.value) ? t.value : [];
-          t.value = d.includes(e) ? d.filter((n) => n !== e) : [...d, e];
+          t.value = d.includes(e) ? d.filter((c) => c !== e) : [...d, e];
         } else
           t.value = e;
-        (i = l.onUpdateValue) == null || i.call(l, t.value), u("update:value", t.value);
+        a.onUpdateValue?.(t.value), u("update:value", t.value);
       }
-    }, r = (e) => l.multiple ? Array.isArray(t.value) && t.value.includes(e) : t.value === e, c = ["grid gap-4", "grid-cols-2", `lg:grid-cols-[repeat(auto-fit,minmax(${l.minWidth},${l.maxWidth}))]`];
-    return () => a("div", {
-      class: c
-    }, [l.options.map((e) => a("div", {
+    }, r = (e) => a.multiple ? Array.isArray(t.value) && t.value.includes(e) : t.value === e, s = ["grid gap-4", "grid-cols-2", `lg:grid-cols-[repeat(auto-fit,minmax(${a.minWidth},${a.maxWidth}))]`];
+    return () => l("div", {
+      class: s
+    }, [a.options.map((e) => l("div", {
       key: e.value,
       class: ["relative cursor-pointer border rounded p-2.5 transition-all duration-200 hover:border-primary", {
         "border-primary bg-primary/10": r(e.value),
         "border-muted": !r(e.value),
-        "opacity-50 cursor-not-allowed": e.disabled || l.disabled
+        "opacity-50 cursor-not-allowed": e.disabled || a.disabled
       }],
-      onClick: () => !e.disabled && s(e.value)
-    }, [r(e.value) && a("div", {
+      onClick: () => !e.disabled && i(e.value)
+    }, [r(e.value) && l("div", {
       class: "absolute top-2 right-2 size-4 bg-primary rounded-full flex items-center justify-center"
-    }, [a("svg", {
+    }, [l("svg", {
       class: "size-3 text-white",
       fill: "currentColor",
       viewBox: "0 0 20 20"
-    }, [a("path", {
+    }, [l("path", {
       "fill-rule": "evenodd",
       d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
       "clip-rule": "evenodd"
-    }, null)])]), a("div", {
+    }, null)])]), l("div", {
       class: ["flex gap-3 px-2 items-center", {
         "flex-col items-center text-center": !e.icon,
         "flex-row items-start text-left": e.icon
       }]
-    }, [e.icon && a("div", {
+    }, [e.icon && l("div", {
       class: ["flex items-center justify-center p-3 rounded-lg", `bg-${e.iconColor}/10`, `text-${e.iconColor}`]
-    }, [a("div", {
+    }, [l("div", {
       class: `${e.icon} size-4`
-    }, null)]), a("div", {
+    }, null)]), l("div", {
       class: "flex flex-col flex-1"
-    }, [a("div", {
+    }, [l("div", {
       class: ["text-sm font-medium", {
         "text-primary": r(e.value),
         "text-default": !r(e.value)
       }]
-    }, [e.label]), e.description && a("div", {
+    }, [e.label]), e.description && l("div", {
       class: ["text-sm", {
         "text-primary": r(e.value),
         "text-muted": !r(e.value)
@@ -99,5 +98,5 @@ const y = /* @__PURE__ */ f({
   }
 });
 export {
-  y as DuxSelectCard
+  x as DuxSelectCard
 };

package/dist/esm/components/status/listEmpty.js

@@ -1,28 +1,28 @@
-import { defineComponent as m, createVNode as e } from "vue";
-import { useI18n as i } from "@duxweb/dvha-core";
-import { DuxDrawEmptyForm as n } from "../draw/drawEmptyForm.js";
-const s = /* @__PURE__ */ m({
+import { defineComponent as o, createVNode as t } from "vue";
+import { useI18n as l } from "@duxweb/dvha-core";
+import { DuxDrawEmptyForm as r } from "../draw/drawEmptyForm.js";
+const p = /* @__PURE__ */ o({
   name: "DuxListEmpty",
   props: {
     title: String,
     desc: String,
     bordered: Boolean
   },
-  setup(t) {
+  setup(e) {
     const {
-      t: l
-    } = i();
-    return () => e("div", {
+      t: s
+    } = l();
+    return () => t("div", {
       class: "flex flex-col items-center justify-center gap-2 h-full"
-    }, [e(n, {
+    }, [t(r, {
       class: "max-h-120px"
-    }, null), e("div", {
+    }, null), t("div", {
       class: "text-lg text-default font-bold"
-    }, [(t == null ? void 0 : t.title) || l("pages.empty.title")]), e("div", {
+    }, [e?.title || s("pages.empty.title")]), t("div", {
       class: "text-muted"
-    }, [(t == null ? void 0 : t.desc) || l("pages.empty.desc")])]);
+    }, [e?.desc || s("pages.empty.desc")])]);
   }
 });
 export {
-  s as DuxListEmpty
+  p as DuxListEmpty
 };

package/dist/esm/components/table/table.js

@@ -6,6 +6,17 @@ import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
@@ -26,23 +37,14 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../image/elements/index.js";
+import "fabric";
 import "mime";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useTable as y } from "../../hooks/table.js";
 import "pinia";
-const ft = /* @__PURE__ */ u({
+const ct = /* @__PURE__ */ u({
   name: "DuxTable",
   props: {
     path: {
@@ -107,5 +109,5 @@ const ft = /* @__PURE__ */ u({
   }
 });
 export {
-  ft as DuxTable
+  ct as DuxTable
 };

package/dist/esm/components/table/tablePage.js

@@ -1,51 +1,51 @@
-import { defineComponent as n, computed as p, createVNode as a, mergeProps as b } from "vue";
-import { NDataTable as o } from "naive-ui";
-import { DuxTableLayout as d } from "../layout/table.js";
+import { defineComponent as d, computed as m, createVNode as r, mergeProps as n } from "vue";
+import { NDataTable as p } from "naive-ui";
+import { DuxTableLayout as i } from "../layout/table.js";
 import "@duxweb/dvha-core";
 import "clsx";
-import { DuxListEmpty as u } from "../status/listEmpty.js";
-const y = /* @__PURE__ */ n({
+import { DuxListEmpty as s } from "../status/listEmpty.js";
+const P = /* @__PURE__ */ d({
   name: "DuxTablePage",
   props: {
     tableProps: {
       type: Object
     }
   },
-  extends: d,
+  extends: i,
   slots: Object,
-  setup(i, {
-    slots: e
+  setup(a, {
+    slots: t
   }) {
-    const m = p(() => {
+    const l = m(() => {
       const {
-        tableProps: t,
-        ...r
-      } = i;
-      return r;
+        tableProps: o,
+        ...e
+      } = a;
+      return e;
     });
-    return () => a(d, m.value, {
-      default: (t) => a(o, b(t.table.value, i.tableProps, {
+    return () => r(i, l.value, {
+      default: (o) => r(p, n(o.table.value, a.tableProps, {
         class: "h-full",
         minHeight: 200,
         tableLayout: "fixed",
         flexHeight: !0,
-        rowKey: (r) => r.id,
+        rowKey: (e) => e.id,
         bordered: !1,
-        scrollX: t.width,
-        renderCell: (r) => r == null || r === "" ? "-" : r
+        scrollX: o.width,
+        renderCell: (e) => e == null || e === "" ? "-" : e
       }), {
-        empty: () => a(u, {
+        empty: () => r(s, {
           bordered: !1
         }, null)
       }),
-      bottom: e == null ? void 0 : e.bottom,
-      tools: e == null ? void 0 : e.tools,
-      actions: e == null ? void 0 : e.actions,
-      sideLeft: e == null ? void 0 : e.sideLeft,
-      sideRight: e == null ? void 0 : e.sideRight
+      bottom: t?.bottom,
+      tools: t?.tools,
+      actions: t?.actions,
+      sideLeft: t?.sideLeft,
+      sideRight: t?.sideRight
     });
   }
 });
 export {
-  y as DuxTablePage
+  P as DuxTablePage
 };