@duxweb/dvha-pro 1.0.22 → 1.0.24

package/dist/esm/hooks/action.js

@@ -1,208 +1,192 @@
-import { useI18n as b, useManage as S, useCustomMutation as D, useDelete as C } from "@duxweb/dvha-core";
-import { useMessage as I, NButton as j, NDropdown as N } from "naive-ui";
-import { h as s } from "vue";
-import { useRouter as $ } from "vue-router";
-import { useDialog as B } from "./dialog.js";
-import { useDrawer as E } from "./drawer.js";
-import { useModal as T } from "./modal.js";
-function Q(n) {
-  const y = T(), d = E(), o = B(), {
-    t: c
-  } = b(), a = I(), l = S(), u = $(), v = D({
-    onSuccess: (e) => {
-      a.success(e.message || c("common.success"));
+import { useI18n as h, useManage as A, useCustomMutation as M, useDelete as S } from "@duxweb/dvha-core";
+import { useMessage as D, NButton as b, NDropdown as C } from "naive-ui";
+import { h as l } from "vue";
+import { useRouter as I } from "vue-router";
+import { useDialog as N } from "./dialog.js";
+import { useDrawer as $ } from "./drawer.js";
+import { useModal as B } from "./modal.js";
+function K(o) {
+  const u = B(), i = $(), m = N(), {
+    t: n
+  } = h(), c = D(), g = A(), w = I(), P = M({
+    onSuccess: (t) => {
+      c.success(t.message || n("common.success"));
     },
-    onError: (e) => {
-      a.error(e.message || c("common.error"));
+    onError: (t) => {
+      c.error(t.message || n("common.error"));
     }
-  }), A = C({
-    onSuccess: (e) => {
-      a.success(e.message || c("common.success"));
+  }), k = S({
+    onSuccess: (t) => {
+      c.success(t.message || n("common.success"));
     },
-    onError: (e) => {
-      a.error(e.message || c("common.error"));
+    onError: (t) => {
+      c.error(t.message || n("common.error"));
     }
-  }), g = (n == null ? void 0 : n.path) || l.getPath(), x = (e) => {
-    var f, k;
-    const i = c(e.item.title || "", {}, e.item.title), r = c(e.item.label || "", {}, e.item.label);
-    if (e.item.type === "modal") {
-      const t = e.item, m = typeof t.componentProps == "function" ? t.componentProps(e.data) : t.componentProps;
-      y.show({
-        title: i || r,
-        component: t.component,
+  }), r = o?.path || g.getPath(), f = (t) => {
+    const a = n(t.item.title || "", {}, t.item.title), s = n(t.item.label || "", {}, t.item.label);
+    if (t.item.type === "modal") {
+      const e = t.item, d = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
+      u.show({
+        title: a || s,
+        component: e.component,
         componentProps: {
-          id: e.id,
-          ...m
+          id: t.id,
+          ...d
         },
-        width: t.width,
-        draggable: t.draggable !== void 0 ? t.draggable : !0
+        width: e.width,
+        draggable: e.draggable !== void 0 ? e.draggable : !0
       });
     }
-    if (e.item.type === "drawer") {
-      const t = e.item, m = typeof t.componentProps == "function" ? t.componentProps(e.data) : t.componentProps;
-      d.show({
-        title: i || r,
-        component: t.component,
+    if (t.item.type === "drawer") {
+      const e = t.item, d = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
+      i.show({
+        title: a || s,
+        component: e.component,
         componentProps: {
-          id: e.id,
-          ...m
+          id: t.id,
+          ...d
         },
-        width: t.width,
-        maxWidth: t.maxWidth
+        width: e.width,
+        maxWidth: e.maxWidth
       });
     }
-    if (e.item.type === "confirm") {
-      const t = e.item;
-      o.confirm({
-        title: i || r,
-        content: t.content
-      }).then((m) => {
-        var h;
-        m && ((h = t.callback) == null || h.call(t, e.id, e.data));
+    if (t.item.type === "confirm") {
+      const e = t.item;
+      m.confirm({
+        title: a || s,
+        content: e.content
+      }).then((d) => {
+        d && e.callback?.(t.id, t.data);
       });
     }
-    if (e.item.type === "request") {
-      const t = e.item;
-      o.confirm({
-        title: i || r,
-        content: t.content
+    if (t.item.type === "request") {
+      const e = t.item;
+      m.confirm({
+        title: a || s,
+        content: e.content
       }).then(() => {
-        const m = typeof t.data == "function" ? t.data(e.id, e.data) : t.data, h = (t.method || "post").toLowerCase(), M = t.path || g;
-        v.mutate({
-          path: M,
-          method: h,
-          payload: m
+        const d = typeof e.data == "function" ? e.data(t.id, t.data) : e.data, j = (e.method || "post").toLowerCase(), v = typeof e.path == "function" ? e.path(t.id, t.data) : e.path || r;
+        P.mutate({
+          path: v,
+          method: j,
+          payload: d
         });
       });
     }
-    if (e.item.type === "delete") {
-      const t = e.item;
-      o.confirm({
-        title: i || r,
-        content: t.content
+    if (t.item.type === "delete") {
+      const e = t.item;
+      m.confirm({
+        title: a || s,
+        content: e.content
       }).then(() => {
-        A.mutate({
-          id: e.id,
-          path: t.path || g
+        k.mutate({
+          id: t.id,
+          path: typeof e.path == "function" ? e.path(t.id, t.data) : e.path || r
         });
       });
     }
-    if (e.item.type === "link") {
-      const t = e.item, m = typeof t.path == "function" ? (f = t.path) == null ? void 0 : f.call(t, e.id, e.data) : l.getRoutePath(e.id ? `${t.path || g}${e.data === void 0 ? "" : `/${e.id}`}` : t.path || g);
-      u.push(m);
-    }
-    if (e.item.type === "callback") {
-      const t = e.item;
-      (k = t.callback) == null || k.call(t, e.id, e.data);
+    if (t.item.type === "link") {
+      const e = t.item, d = typeof e.path == "function" ? e.path?.(t.id, t.data) : g.getRoutePath(t.id ? `${e.path || r}${t.data === void 0 ? "" : `/${t.id}`}` : e.path || r);
+      w.push(d);
     }
-  }, w = W(), P = q();
+    t.item.type === "callback" && t.item.callback?.(t.id, t.data);
+  }, y = E(), x = T();
   return {
-    target: x,
-    renderTable: (e) => (i, r) => {
-      const f = {
-        id: i[e.key || (n == null ? void 0 : n.key) || "id"],
-        data: i,
-        index: r,
-        target: x,
-        text: e.text !== void 0 ? e.text : (n == null ? void 0 : n.text) || !1,
-        align: e.align !== void 0 ? e.align : (n == null ? void 0 : n.align) || "left"
+    target: f,
+    renderTable: (t) => (a, s) => {
+      const e = {
+        id: a[t.key || o?.key || "id"],
+        data: a,
+        index: s,
+        target: f,
+        text: t.text !== void 0 ? t.text : o?.text || !1,
+        align: t.align !== void 0 ? t.align : o?.align || "left"
       };
-      return (e.type || (n == null ? void 0 : n.type)) === "button" ? w.render({
-        ...f,
-        action: e || n
-      }) : P.render({
-        ...f,
-        action: e || n
+      return (t.type || o?.type) === "button" ? y.render({
+        ...e,
+        action: t || o
+      }) : x.render({
+        ...e,
+        action: t || o
       });
     },
-    renderAction: (e) => {
-      const i = {
-        target: x,
-        text: e.text !== void 0 ? e.text : (n == null ? void 0 : n.text) || !1,
-        align: e.align !== void 0 ? e.align : (n == null ? void 0 : n.align) || "left"
+    renderAction: (t) => {
+      const a = {
+        target: f,
+        text: t.text !== void 0 ? t.text : o?.text || !1,
+        align: t.align !== void 0 ? t.align : o?.align || "left"
       };
-      return (e.type || (n == null ? void 0 : n.type)) === "button" ? w.render({
-        ...i,
-        action: e || n
-      }) : P.render({
-        ...i,
-        action: e || n
+      return (t.type || o?.type) === "button" ? y.render({
+        ...a,
+        action: t || o
+      }) : x.render({
+        ...a,
+        action: t || o
       });
     }
   };
 }
-function W() {
+function E() {
   const {
-    t: n
-  } = b();
+    t: o
+  } = h();
   return {
-    render: (d) => {
-      var c;
-      const o = (c = d.action.items) == null ? void 0 : c.filter((a) => {
-        var l;
-        return !a.show || ((l = a.show) == null ? void 0 : l.call(a, d.data, d.index));
-      }).map((a, l) => s(j, {
-        key: l,
-        type: a.color || (a.type === "delete" ? "error" : "primary"),
-        text: d.text,
-        secondary: !d.text,
+    render: (i) => {
+      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => l(b, {
+        key: c,
+        type: n.color || (n.type === "delete" ? "error" : "primary"),
+        text: i.text,
+        secondary: !i.text,
         onClick: () => {
-          var u;
-          (u = d == null ? void 0 : d.target) == null || u.call(d, {
-            id: d.id,
-            data: d.data,
-            item: a
+          i?.target?.({
+            id: i.id,
+            data: i.data,
+            item: n
           });
         },
-        renderIcon: a.icon ? () => s("div", {
-          class: ["n-icon", a.icon]
+        renderIcon: n.icon ? () => l("div", {
+          class: ["n-icon", n.icon]
         }) : void 0
-      }, () => n(a.label || "", {}, a.label)));
-      return s("div", {
-        class: ["flex gap-2 flex-wrap items-center", d.align === "right" ? "justify-end" : d.align === "center" ? "justify-center" : "justify-start"]
-      }, o);
+      }, () => o(n.label || "", {}, n.label)));
+      return l("div", {
+        class: ["flex gap-2 flex-wrap items-center", i.align === "right" ? "justify-end" : i.align === "center" ? "justify-center" : "justify-start"]
+      }, m);
     }
   };
 }
-function q() {
+function T() {
   const {
-    t: n
-  } = b();
+    t: o
+  } = h();
   return {
-    render: (d) => {
-      var c;
-      const o = (c = d.action.items) == null ? void 0 : c.filter((a) => {
-        var l;
-        return !a.show || ((l = a.show) == null ? void 0 : l.call(a, d.data, d.index));
-      }).map((a, l) => ({
-        label: n(a.label || "", {}, a.label),
-        key: l,
-        icon: a.icon ? () => s("div", {
-          class: ["n-icon", a.icon]
+    render: (i) => {
+      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => ({
+        label: o(n.label || "", {}, n.label),
+        key: c,
+        icon: n.icon ? () => l("div", {
+          class: ["n-icon", n.icon]
         }) : void 0,
         onSelect: () => {
-          var u;
-          (u = d == null ? void 0 : d.target) == null || u.call(d, {
-            id: d.id,
-            data: d.data,
-            item: a
+          i?.target?.({
+            id: i.id,
+            data: i.data,
+            item: n
           });
         }
       }));
-      return s(N, {
+      return l(C, {
         trigger: "click",
-        options: o,
-        onSelect: (a, l) => {
-          var u;
-          (u = l == null ? void 0 : l.onSelect) == null || u.call(l);
+        options: m,
+        onSelect: (n, c) => {
+          c?.onSelect?.();
         }
-      }, () => [s("div", {
-        class: ["flex items-center", d.align === "right" ? "justify-end" : d.align === "center" ? "justify-center" : "justify-start"]
-      }, s(j, {
+      }, () => [l("div", {
+        class: ["flex items-center", i.align === "right" ? "justify-end" : i.align === "center" ? "justify-center" : "justify-start"]
+      }, l(b, {
         type: "default",
-        text: d.text,
-        secondary: !d.text,
-        renderIcon: () => s("div", {
+        text: i.text,
+        secondary: !i.text,
+        renderIcon: () => l("div", {
           class: ["n-icon", "i-tabler:dots-vertical"]
         })
       }))]);
@@ -210,7 +194,7 @@ function q() {
   };
 }
 export {
-  Q as useAction,
-  W as useActionButton,
-  q as useActionDropdown
+  K as useAction,
+  E as useActionButton,
+  T as useActionDropdown
 };

package/dist/esm/hooks/download.js

@@ -1,28 +1,28 @@
-import { useI18n as g, useClient as x } from "@duxweb/dvha-core";
-import C from "dayjs";
-import k from "mime";
-import { useMessage as U } from "naive-ui";
-import { ref as B } from "vue";
-function q() {
-  const { t: y } = g(), M = x(), f = B(!1), c = B({
+import { useI18n as B, useClient as M } from "@duxweb/dvha-core";
+import x from "dayjs";
+import C from "mime";
+import { useMessage as k } from "naive-ui";
+import { ref as y } from "vue";
+function I() {
+  const { t: f } = B(), T = M(), p = y(!1), d = y({
     loaded: 0,
     total: 0,
     percent: 0,
     speed: 0,
     speedText: "0 B/s",
     remainingTime: 0
-  }), T = U(), v = (n) => {
-    if (n === 0)
+  }), b = k(), g = (o) => {
+    if (o === 0)
       return "0 B/s";
-    const a = ["B/s", "KB/s", "MB/s", "GB/s"], e = Math.floor(Math.log(n) / Math.log(1024));
-    return `${(n / 1024 ** e).toFixed(1)} ${a[e]}`;
-  }, r = (n, a) => {
-    const e = window.URL || window.webkitURL, d = e.createObjectURL(n), o = document.createElement("a");
-    o.href = d, o.download = a || "", document.body.appendChild(o), o.click(), document.body.removeChild(o), e.revokeObjectURL(d);
+    const n = ["B/s", "KB/s", "MB/s", "GB/s"], e = Math.floor(Math.log(o) / Math.log(1024));
+    return `${(o / 1024 ** e).toFixed(1)} ${n[e]}`;
+  }, l = (o, n) => {
+    const e = window.URL || window.webkitURL, a = e.createObjectURL(o), s = document.createElement("a");
+    s.href = a, s.download = n || "", document.body.appendChild(s), s.click(), document.body.removeChild(s), e.revokeObjectURL(a);
   };
   return {
-    file: (n, a, e, d, o) => {
-      f.value = !0, c.value = {
+    file: (o, n, e, a, s) => {
+      p.value = !0, d.value = {
         loaded: 0,
         total: 0,
         percent: 0,
@@ -30,71 +30,70 @@ function q() {
         speedText: "0 B/s",
         remainingTime: 0
       };
-      const b = Date.now();
-      M.request({
-        path: n,
+      const u = Date.now();
+      T.request({
+        path: o,
         method: "GET",
-        query: a,
+        query: n,
         onDownloadProgress: (t) => {
-          const p = (Date.now() - b) / 1e3, l = p > 0 ? t.loaded / p : 0, u = (t.total || 0) - t.loaded, h = l > 0 ? u / l : 0, i = {
+          const m = (Date.now() - u) / 1e3, r = m > 0 ? t.loaded / m : 0, c = (t.total || 0) - t.loaded, v = r > 0 ? c / r : 0, w = {
             loaded: t.loaded,
             total: t.total,
             percent: t.percent || 0,
-            speed: Math.round(l),
-            speedText: v(l),
-            remainingTime: Math.round(h)
+            speed: Math.round(r),
+            speedText: g(r),
+            remainingTime: Math.round(v)
           };
-          c.value = i, o == null || o(i);
+          d.value = w, s?.(w);
         }
       }).then((t) => {
-        var u, h, i;
-        const m = e || t.data.headers["content-type"], w = t.data.headers["content-disposition"];
-        if (d || (d = C().format("YYYY-MM-DD-HH:mm:ss"), m && (d = `${d}.${k.getExtension(m)}`)), w) {
-          const s = /filename=["']?([^"']+)/.exec(w);
-          s && (s == null ? void 0 : s.length) > 1 && (d = decodeURIComponent(s[1]));
+        const i = e || t.data.headers["content-type"], h = t.data.headers["content-disposition"];
+        if (a || (a = x().format("YYYY-MM-DD-HH:mm:ss"), i && (a = `${a}.${C.getExtension(i)}`)), h) {
+          const c = /filename=["']?([^"']+)/.exec(h);
+          c && c?.length > 1 && (a = decodeURIComponent(c[1]));
         }
-        const p = ((u = t.data) == null ? void 0 : u.data) instanceof Blob ? (h = t.data) == null ? void 0 : h.data : new Blob([(i = t.data) == null ? void 0 : i.data], { type: m || "application/octet-stream" });
-        r(p, d);
-        const l = {
-          loaded: c.value.total || c.value.loaded,
-          total: c.value.total || c.value.loaded,
+        const m = t.data?.data instanceof Blob ? t.data?.data : new Blob([t.data?.data], { type: i || "application/octet-stream" });
+        l(m, a);
+        const r = {
+          loaded: d.value.total || d.value.loaded,
+          total: d.value.total || d.value.loaded,
           percent: 100,
           speed: 0,
-          speedText: v(0),
+          speedText: g(0),
           remainingTime: 0
         };
-        c.value = l, o == null || o(l);
+        d.value = r, s?.(r);
       }).catch((t) => {
-        T.error(t.error || y("hooks.download.failed"));
+        b.error(t.error || f("hooks.download.failed"));
       }).finally(() => {
-        f.value = !1;
+        p.value = !1;
       });
     },
-    url: (n, a) => {
+    url: (o, n) => {
       const e = document.createElement("a");
-      e.href = n, e.download = a || "", document.body.appendChild(e), e.click(), document.body.removeChild(e);
+      e.href = o, e.download = n || "", document.body.appendChild(e), e.click(), document.body.removeChild(e);
     },
-    blob: r,
-    base64: (n, a) => {
-      const e = atob(n.split(",")[1]), d = Array.from({ length: e.length });
+    blob: l,
+    base64: (o, n) => {
+      const e = atob(o.split(",")[1]), a = Array.from({ length: e.length });
       for (let t = 0; t < e.length; t++)
-        d[t] = e.charCodeAt(t);
-      const o = new Uint8Array(d), b = new Blob([o], { type: "application/octet-stream" });
-      r(b, a);
+        a[t] = e.charCodeAt(t);
+      const s = new Uint8Array(a), u = new Blob([s], { type: "application/octet-stream" });
+      l(u, n);
     },
-    loading: f,
-    progress: c,
-    image: (n) => {
-      fetch(n).then((a) => {
-        a.blob().then((e) => {
-          r(e);
+    loading: p,
+    progress: d,
+    image: (o) => {
+      fetch(o).then((n) => {
+        n.blob().then((e) => {
+          l(e);
         });
-      }).catch((a) => {
-        T.error(a.error || y("hooks.download.failed"));
+      }).catch((n) => {
+        b.error(n.error || f("hooks.download.failed"));
       });
     }
   };
 }
 export {
-  q as useDownload
+  I as useDownload
 };