@duxweb/dvha-pro 1.0.23 → 1.0.24

package/dist/esm/hooks/table/column.js

@@ -1,31 +1,33 @@
-import { useManage as s } from "@duxweb/dvha-core";
-import { useTableColumnCopy as C } from "./copy.js";
-import { useTableColumnHidden as f } from "./hidden.js";
-import { useTableColumnImage as b } from "./image.js";
-import { useTableColumnInput as T } from "./input.js";
-import { useTableColumnMap as M } from "./map.js";
-import { useTableColumnMedia as h } from "./media.js";
-import { useTableColumnStatus as I } from "./status.js";
-import { useTableColumnSwitch as S } from "./switch.js";
-function k(e) {
-  const { getPath: o } = s(), n = (e == null ? void 0 : e.path) || o(), r = (e == null ? void 0 : e.rowKey) || "id", t = h(), m = b(), u = S({
-    path: n,
+import { useManage as p } from "@duxweb/dvha-core";
+import { useTableColumnColor as C } from "./color.js";
+import { useTableColumnCopy as f } from "./copy.js";
+import { useTableColumnHidden as b } from "./hidden.js";
+import { useTableColumnImage as T } from "./image.js";
+import { useTableColumnInput as M } from "./input.js";
+import { useTableColumnMap as h } from "./map.js";
+import { useTableColumnMedia as I } from "./media.js";
+import { useTableColumnStatus as S } from "./status.js";
+import { useTableColumnSwitch as g } from "./switch.js";
+function z(e) {
+  const { getPath: n } = p(), o = e?.path || n(), r = e?.rowKey || "id", m = I(), t = T(), u = g({
+    path: o,
     rowKey: r
-  }), a = I(), d = M(), l = T({
-    path: n,
+  }), l = S(), d = C(), a = h(), c = M({
+    path: o,
     rowKey: r
-  }), c = C(), i = f();
+  }), s = f(), i = b();
   return {
-    renderMedia: t.render,
-    renderImage: m.render,
+    renderMedia: m.render,
+    renderImage: t.render,
     renderSwitch: u.render,
-    renderStatus: a.render,
-    renderMap: d.render,
-    renderInput: l.render,
-    renderCopy: c.render,
-    renderHidden: i.render
+    renderStatus: l.render,
+    renderMap: a.render,
+    renderInput: c.render,
+    renderCopy: s.render,
+    renderHidden: i.render,
+    renderColor: d.render
   };
 }
 export {
-  k as useTableColumn
+  z as useTableColumn
 };

package/dist/esm/hooks/table/image.js

@@ -50,8 +50,8 @@ function it() {
       }, [i.length > 0 ? i.map((p, a) => r(g, {
         key: a,
         src: p,
-        width: t.imageWidth,
-        height: t.imageHeight,
+        width: t.imageWidth || 40,
+        height: t.imageHeight || 40,
         objectFit: "cover",
         fallbackSrc: "data:image/svg+xml;base64,"
       }, {

package/dist/esm/hooks/table/input.js

@@ -1,8 +1,8 @@
-import { createVNode as a, defineComponent as v, ref as f, h as c } from "vue";
-import { useI18n as h, useCustomMutation as g } from "@duxweb/dvha-core";
-import { get as y } from "lodash-es";
-import { useMessage as b, NInput as C, NButton as x } from "naive-ui";
-const I = /* @__PURE__ */ v({
+import { createVNode as a, defineComponent as f, ref as r, h as o } from "vue";
+import { useI18n as v, useCustomMutation as m } from "@duxweb/dvha-core";
+import { get as h } from "lodash-es";
+import { useMessage as g, NInput as y, NButton as b } from "naive-ui";
+const C = /* @__PURE__ */ f({
   name: "TableColumnInput",
   props: {
     data: {
@@ -23,32 +23,32 @@ const I = /* @__PURE__ */ v({
   },
   setup(e) {
     const {
-      t: n
-    } = h(), i = f(!1), t = f(""), {
-      mutateAsync: u
-    } = g(), d = b(), r = (l) => {
-      u({
+      t: i
+    } = v(), l = r(!1), t = r(""), {
+      mutateAsync: d
+    } = m(), n = g(), s = (u) => {
+      d({
         path: e.path,
         method: "PATCH",
         payload: {
-          [e.field]: l
+          [e.field]: u
         }
       }).then(() => {
-        d.success(n("hooks.table.saveSuccess"));
-      }).catch((s) => {
-        d.error(s.message);
+        n.success(i("hooks.table.saveSuccess"));
+      }).catch((c) => {
+        n.error(c.message);
       });
     };
-    return () => i.value ? a("div", {
+    return () => l.value ? a("div", {
       class: "flex gap-2"
-    }, [a("div", null, [c(e.tag || C, {
+    }, [a("div", null, [o(e.tag || y, {
       value: t.value,
-      "onUpdate:value": (l) => t.value = l,
+      "onUpdate:value": (u) => t.value = u,
       autofocus: !0
-    })]), a(x, {
+    })]), a(b, {
       type: "primary",
       onClick: () => {
-        t.value !== e.data[e.field] ? r(t.value) : i.value = !1;
+        t.value !== e.data[e.field] ? s(t.value) : l.value = !1;
       },
       renderIcon: () => a("div", {
         class: "size-4 i-tabler:check"
@@ -60,24 +60,24 @@ const I = /* @__PURE__ */ v({
     }, [a("div", null, [e.data[e.field] === void 0 || e.data[e.field] === "" ? "-" : e.data[e.field]]), a("div", {
       class: "cursor-pointer i-tabler:pencil size-4 text-muted hover:text-primary",
       onClick: () => {
-        t.value = e.data[e.field], i.value = !0;
+        t.value = e.data[e.field], l.value = !0;
       }
     }, null)])]);
   }
 });
-function N(e) {
+function T(e) {
   return {
-    render: (i) => (t, u) => {
-      const d = typeof (e == null ? void 0 : e.path) == "function" ? e == null ? void 0 : e.path(t) : `${e == null ? void 0 : e.path}/${y(t, (e == null ? void 0 : e.rowKey) || "id")}`;
-      return a(I, {
+    render: (l) => (t, d) => {
+      const n = typeof e?.path == "function" ? e?.path(t) : `${e?.path}/${h(t, e?.rowKey || "id")}`;
+      return a(C, {
         data: t,
-        field: i.key,
-        path: d,
-        tag: i.tag
+        field: l.key,
+        path: n,
+        tag: l.tag
       }, null);
     }
   };
 }
 export {
-  N as useTableColumnInput
+  T as useTableColumnInput
 };

package/dist/esm/hooks/table/map.js

@@ -1,21 +1,21 @@
 import { createVNode as n } from "vue";
-import { get as s } from "lodash-es";
-function f() {
+import { get as a } from "lodash-es";
+function p() {
   return {
-    render: (r) => (l, d) => {
-      const c = typeof r.maps == "function" ? r.maps(l) : r.maps;
+    render: (r) => (l, o) => {
+      const s = typeof r.maps == "function" ? r.maps(l) : r.maps;
       return n("div", {
         class: "flex flex-col gap-1"
-      }, [c == null ? void 0 : c.map((e) => n("div", {
+      }, [s?.map((e) => n("div", {
         class: "flex gap-2 "
       }, [n("div", {
         class: "flex text-muted items-center gap-1 whitespace-nowrap"
       }, [e.icon && n("div", {
         class: ["size-4", e.icon]
-      }, null), e.label]), n("div", null, [e != null && e.render ? e.render(s(l, e.key || "")) : s(l, e.key || "")])]))]);
+      }, null), e.label]), n("div", null, [e?.render ? e.render(a(l, e.key || "")) : a(l, e.key || "") || "-"])]))]);
     }
   };
 }
 export {
-  f as useTableColumnMap
+  p as useTableColumnMap
 };

package/dist/esm/hooks/table/status.js

@@ -1,17 +1,16 @@
-import { createVNode as l, Fragment as u } from "vue";
-import { findKey as d, get as o } from "lodash-es";
+import { createVNode as l, Fragment as a } from "vue";
+import { findKey as u, get as o } from "lodash-es";
 import { NTag as s } from "naive-ui";
-function g() {
+function x() {
   return {
-    render: (n) => (c, m) => {
-      var i;
-      const a = (n == null ? void 0 : n.key) || "status", e = d(n.maps, (t) => t ? (t == null ? void 0 : t.value) === o(c, a) : !1), r = e ? (i = n.maps) == null ? void 0 : i[e] : void 0;
+    render: (n) => (i, f) => {
+      const c = n?.key || "status", e = u(n.maps, (t) => t ? t?.value === o(i, c) : !1), r = e ? n.maps?.[e] : void 0;
       return r ? l(s, {
         round: !0,
         bordered: !0,
         type: e
       }, {
-        icon: () => l(u, null, [e === "success" && l("div", {
+        icon: () => l(a, null, [e === "success" && l("div", {
           class: "n-icon i-tabler:circle-check-filled"
         }, null), e === "error" && l("div", {
           class: "n-icon i-tabler:circle-x-filled"
@@ -22,11 +21,11 @@ function g() {
         }, null)]),
         default: () => l("span", {
           class: "text-sm"
-        }, [r == null ? void 0 : r.label])
+        }, [r?.label])
       }) : null;
     }
   };
 }
 export {
-  g as useTableColumnStatus
+  x as useTableColumnStatus
 };

package/dist/esm/hooks/table/switch.js

@@ -1,27 +1,27 @@
-import { createVNode as C } from "vue";
-import { useCustomMutation as n } from "@duxweb/dvha-core";
-import { get as r } from "lodash-es";
-import { useMessage as x, NSwitch as A } from "naive-ui";
-function $(e) {
+import { createVNode as i } from "vue";
+import { useCustomMutation as h } from "@duxweb/dvha-core";
+import { get as p } from "lodash-es";
+import { useMessage as a, NSwitch as d } from "naive-ui";
+function A(n) {
   const {
-    mutateAsync: a
-  } = n(), d = x();
+    mutateAsync: o
+  } = h(), s = a();
   return {
-    render: (f) => (t, M) => {
-      const i = f.key || "status", y = typeof (e == null ? void 0 : e.path) == "function" ? e == null ? void 0 : e.path(t) : `${e == null ? void 0 : e.path}/${r(t, (e == null ? void 0 : e.rowKey) || "id")}`;
-      return C(A, {
-        value: !!t[i],
-        onUpdateValue: (h) => {
-          t[i] = h, a({
-            path: y,
+    render: (u) => (e, y) => {
+      const t = u.key || "status", m = typeof n?.path == "function" ? n?.path(e) : `${n?.path}/${p(e, n?.rowKey || "id")}`;
+      return i(d, {
+        value: !!e[t],
+        onUpdateValue: (r) => {
+          e[t] = r, o({
+            path: m,
             method: "PATCH",
             payload: {
-              [i]: h
+              [t]: r
             }
           }).then(() => {
-            t[i] = h;
-          }).catch((g) => {
-            t[i] = !h, d.error(g.message);
+            e[t] = r;
+          }).catch((c) => {
+            e[t] = !r, s.error(c.message);
           });
         }
       }, null);
@@ -29,5 +29,5 @@ function $(e) {
   };
 }
 export {
-  $ as useTableColumnSwitch
+  A as useTableColumnSwitch
 };

package/dist/esm/hooks/table.js

@@ -1,36 +1,35 @@
-import { ref as i, createVNode as l, createTextVNode as p } from "vue";
-import { useI18n as m } from "@duxweb/dvha-core";
-import { useNaiveTable as x } from "@duxweb/dvha-naiveui";
-import { useMessage as g, useNotification as d, NProgress as c } from "naive-ui";
-function E(u) {
+import { ref as c, createVNode as r, createTextVNode as u } from "vue";
+import { useI18n as i } from "@duxweb/dvha-core";
+import { useNaiveTable as p } from "@duxweb/dvha-naiveui";
+import { useMessage as m, useNotification as g, NProgress as a } from "naive-ui";
+function k(l) {
   const {
     t: o
-  } = m(), r = g(), n = d(), t = i(null);
-  return x({
-    ...u,
+  } = i(), n = m(), s = g(), t = c(null);
+  return p({
+    ...l,
     // 传递导出回调
     onExportSuccess: (e) => {
-      var s, a;
-      (s = t.value) == null || s.destroy(), t.value = null, n.success({
+      t.value?.destroy(), t.value = null, s.success({
         title: o("hooks.table.exportSuccess"),
         content: o("hooks.table.exportSuccessContent", {
-          count: ((a = e == null ? void 0 : e.data) == null ? void 0 : a.length) || 0
+          count: e?.data?.length || 0
         }),
         duration: 6e3
       });
     },
     onExportProgress: (e) => {
-      !t.value && e && (t.value = n.create({
+      !t.value && e && (t.value = s.create({
         title: o("hooks.table.exportProgress"),
         content: () => o("hooks.table.exportProgressContent", {
           page: e.page || 1
         }),
-        avatar: () => l(c, {
+        avatar: () => r(a, {
           class: "size-10 text-sm",
           type: "circle",
           percentage: 50
         }, {
-          default: () => [l("div", {
+          default: () => [r("div", {
             class: "text-xs"
           }, [e.page || 1])]
         }),
@@ -40,37 +39,35 @@ function E(u) {
       }));
     },
     onExportError: (e) => {
-      var s;
-      (s = t.value) == null || s.destroy(), t.value = null, r.error(o("hooks.table.exportFailedContent", {
-        error: (e == null ? void 0 : e.message) || o("common.unknownError")
+      t.value?.destroy(), t.value = null, n.error(o("hooks.table.exportFailedContent", {
+        error: e?.message || o("common.unknownError")
       }));
     },
     // 传递导入回调
     onImportSuccess: (e) => {
-      var s;
-      (s = t.value) == null || s.destroy(), t.value = null, n.success({
+      t.value?.destroy(), t.value = null, s.success({
         title: o("hooks.table.importSuccess"),
         content: o("hooks.table.importSuccessContent", {
-          count: (e == null ? void 0 : e.processedItems) || 0
+          count: e?.processedItems || 0
         }),
         duration: 6e3
       });
     },
     onImportProgress: (e) => {
-      t.value || (t.value = n.create({
+      t.value || (t.value = s.create({
         title: o("hooks.table.importProgress"),
         content: () => o("hooks.table.importProgressContent", {
-          processed: (e == null ? void 0 : e.processedItems) || 0,
-          total: (e == null ? void 0 : e.totalItems) || 0
+          processed: e?.processedItems || 0,
+          total: e?.totalItems || 0
         }),
-        avatar: () => l(c, {
+        avatar: () => r(a, {
           class: "size-10 text-sm",
           type: "circle",
-          percentage: (e == null ? void 0 : e.percentage) || 0
+          percentage: e?.percentage || 0
         }, {
-          default: () => [l("div", {
+          default: () => [r("div", {
             class: "text-xs"
-          }, [(e == null ? void 0 : e.percentage) || 0, p("%")])]
+          }, [e?.percentage || 0, u("%")])]
         }),
         onClose: () => {
           t.value = null;
@@ -78,13 +75,12 @@ function E(u) {
       }));
     },
     onImportError: (e) => {
-      var s;
-      (s = t.value) == null || s.destroy(), t.value = null, r.error(o("hooks.table.importFailedContent", {
-        error: (e == null ? void 0 : e.message) || o("common.unknownError")
+      t.value?.destroy(), t.value = null, n.error(o("hooks.table.importFailedContent", {
+        error: e?.message || o("common.unknownError")
       }));
     }
   });
 }
 export {
-  E as useTable
+  k as useTable
 };