@duxweb/dvha-pro 0.0.7 → 1.0.14

package/dist/esm/hooks/image.js

@@ -0,0 +1,23 @@
+import { NImage as u, NImageGroup as a } from "naive-ui";
+import { h as o, render as i } from "vue";
+function g() {
+  let e = document.querySelector("#preview-image");
+  if (!e) {
+    const t = document.createElement("div");
+    t.id = "preview-image", t.style.display = "none", document.body.appendChild(t), e = t;
+  }
+  return {
+    show: (t, m) => {
+      var r;
+      if (!t.length)
+        return;
+      const c = new MouseEvent("click", { bubbles: !0, cancelable: !0 }), n = t.map((l) => o(u, { width: 100, src: l }));
+      n.length > 1 ? i(o(a, {}, {
+        default: () => n
+      }), e) : i(n[0], e), (r = e == null ? void 0 : e.querySelectorAll(".n-image img")[m || 0]) == null || r.dispatchEvent(c);
+    }
+  };
+}
+export {
+  g as useImagePreview
+};

package/dist/esm/hooks/level.js

@@ -0,0 +1,75 @@
+import { useClient as O } from "@duxweb/dvha-core";
+import { useQuery as w } from "@tanstack/vue-query";
+import { ref as i, toRef as r, computed as f, watch as h } from "vue";
+function T(t) {
+  const n = i([]), o = i(!1), a = i(null), m = r(t, "path", "area"), v = r(t, "value", []), s = r(t, "maxLevel", 4), {
+    request: g
+  } = O(), {
+    data: y,
+    isFetching: d
+  } = w({
+    queryKey: [m, a],
+    queryFn: async () => {
+      if (!a.value) return null;
+      const e = {
+        level: a.value.level
+      };
+      return a.value.name && (e[t.nameField || "name"] = a.value.name), g({
+        path: m.value,
+        method: "GET",
+        query: e
+      });
+    },
+    enabled: f(() => !!a.value),
+    staleTime: 1 / 0,
+    gcTime: 1 / 0,
+    refetchOnWindowFocus: !1,
+    refetchOnMount: !1,
+    refetchOnReconnect: !1
+  }), F = (e) => {
+    const l = t.labelField || "name", c = t.valueField || "value";
+    return e.map((u) => ({
+      label: u[l] || u.name || u.label,
+      value: u[c] || u.value || u.name || u.code
+    }));
+  }, b = (e, l) => {
+    for (; n.value.length <= e; )
+      n.value.push([]);
+    n.value[e] = l, n.value = [...n.value];
+  };
+  h(y, (e) => {
+    if (!(e != null && e.data) || !a.value) return;
+    const l = a.value.level;
+    if (b(l, F(e.data)), o.value && v.value.length > l) {
+      const c = v.value[l], u = c && (s.value === 0 || l < s.value - 1);
+      a.value = u ? {
+        level: l + 1,
+        name: c
+      } : null, u || (o.value = !1);
+    } else
+      a.value = null;
+  });
+  const q = (e, l) => {
+    v.value = [...v.value.slice(0, l), e], n.value = n.value.slice(0, l + 1), (s.value === 0 || l < s.value - 1) && (a.value = {
+      level: l + 1,
+      name: e
+    });
+  };
+  h(v, (e) => {
+    o.value || (n.value = [], o.value = e && e.length > 0, a.value = {
+      level: 0
+    });
+  }, {
+    immediate: !0
+  });
+  const L = f(() => d.value);
+  return {
+    regions: f(() => n.value),
+    onChange: q,
+    isLoading: L,
+    value: v
+  };
+}
+export {
+  T as useLevel
+};

package/dist/esm/hooks/modal.js

@@ -1,30 +1,40 @@
 import { useOverlayInject as t } from "@overlastic/vue";
 import "vue";
+import "clsx";
 import "naive-ui";
 import "vue-echarts";
 import "@duxweb/dvha-core";
 import "vue-router";
+import "dayjs";
+import "mime";
 import "lodash-es";
+import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
-import "clsx";
+import "vue-cropper";
+import { DuxModal as m } from "../components/modal/modal.js";
 import "jinrishici";
+import "vue-draggable-plus";
+import "aieditor";
 import "vee-validate";
-import { DuxModal as m } from "../components/modal/modal.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
 import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "../pages/page404.js";
-function g() {
+function H() {
   const o = t(m);
   return {
     show: (r) => o(r)
   };
 }
 export {
-  g as useModal
+  H as useModal
 };

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

@@ -1,14 +1,17 @@
 import { createVNode as r } from "vue";
-import { useClipboard as c } from "@vueuse/core";
-import { get as i } from "lodash-es";
-import { useMessage as l } from "naive-ui";
-function v() {
-  const t = l(), {
-    copy: o
-  } = c();
+import { useI18n as i } from "@duxweb/dvha-core";
+import { useClipboard as l } from "@vueuse/core";
+import { get as a } from "lodash-es";
+import { useMessage as u } from "naive-ui";
+function b() {
+  const {
+    t: o
+  } = i(), t = u(), {
+    copy: s
+  } = l();
   return {
-    render: (s) => (n, a) => {
-      const e = i(n, s.key || "");
+    render: (c) => (n, p) => {
+      const e = a(n, c.key || "");
       return r("div", {
         class: "flex"
       }, [e && e !== "-" ? r("div", {
@@ -16,12 +19,12 @@ function v() {
       }, [r("div", null, [e]), r("div", {
         class: "cursor-pointer i-tabler:copy size-4 text-muted hover:text-primary",
         onClick: () => {
-          o(e).then(() => t.success("复制成功")).catch(() => t.error("复制失败"));
+          s(e).then(() => t.success(o("hooks.table.copySuccess"))).catch(() => t.error(o("hooks.table.copyFailed")));
         }
       }, null)]) : "-"]);
     }
   };
 }
 export {
-  v as useTableColumnCopy
+  b as useTableColumnCopy
 };

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

@@ -1,24 +1,62 @@
-import { createVNode as t } from "vue";
-import { get as m } from "lodash-es";
-import { NImage as l } from "naive-ui";
-import n from "../../static/images/placeholder.png.js";
-function p() {
+import { createVNode as r, h as e } from "vue";
+import { get as h } from "lodash-es";
+import { NImage as g } from "naive-ui";
+import "clsx";
+import { DuxPlaceholder as m } from "../../components/widget/placeholder.js";
+import "vue-echarts";
+import "@duxweb/dvha-core";
+import "vue-router";
+import "@overlastic/vue";
+import "dayjs";
+import "mime";
+import "@tanstack/vue-query";
+import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
+import "pinia";
+import "vue-cropper";
+import "jinrishici";
+import "vue-draggable-plus";
+import "aieditor";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
+import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vue-command-palette";
+import "../../pages/page404.js";
+function K() {
   return {
-    render: (r) => (a, d) => {
-      let e = m(a, r.key || "") || [];
-      return e = Array.isArray(e) ? e : [e], t("div", {
+    render: (t) => (o, d) => {
+      let i = h(o, t.key || "") || [];
+      return i = Array.isArray(i) ? i : [i], r("div", {
         class: "flex flex-wrap gap-2"
-      }, [e.map((o, i) => t(l, {
-        key: i,
-        src: o,
-        width: r.imageWidth,
-        height: r.imageHeight,
-        fallbackSrc: n,
-        objectFit: "cover"
-      }, null))]);
+      }, [i.length > 0 ? i.map((a, p) => r(g, {
+        key: p,
+        src: a,
+        width: t.imageWidth,
+        height: t.imageHeight,
+        objectFit: "cover",
+        fallbackSrc: "data:image/svg+xml;base64,"
+      }, {
+        placeholder: () => e(m, {
+          width: t.imageWidth || 40,
+          height: t.imageHeight || 40
+        }),
+        error: () => e(m, {
+          width: t.imageWidth || 40,
+          height: t.imageHeight || 40
+        })
+      })) : r(m, {
+        height: 40
+      }, null)]);
     }
   };
 }
 export {
-  p as useTableColumnImage
+  K as useTableColumnImage
 };

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

@@ -1,8 +1,8 @@
-import { createVNode as t, defineComponent as v, ref as f, h } from "vue";
-import { useCustomMutation as s } from "@duxweb/dvha-core";
-import { get as c } from "lodash-es";
-import { useMessage as g, NInput as y, NButton as C } from "naive-ui";
-const b = /* @__PURE__ */ v({
+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({
   name: "TableColumnInput",
   props: {
     data: {
@@ -22,60 +22,62 @@ const b = /* @__PURE__ */ v({
     }
   },
   setup(e) {
-    const d = f(!1), a = f(""), {
-      mutateAsync: i
-    } = s(), l = g(), n = (u) => {
-      i({
+    const {
+      t: n
+    } = h(), i = f(!1), t = f(""), {
+      mutateAsync: u
+    } = g(), d = b(), r = (l) => {
+      u({
         path: e.path,
         method: "PATCH",
         payload: {
-          [e.field]: u
+          [e.field]: l
         }
       }).then(() => {
-        l.success("保存成功");
-      }).catch((r) => {
-        l.error(r.message);
+        d.success(n("hooks.table.saveSuccess"));
+      }).catch((s) => {
+        d.error(s.message);
       });
     };
-    return () => d.value ? t("div", {
+    return () => i.value ? a("div", {
       class: "flex gap-2"
-    }, [t("div", null, [h(e.tag || y, {
-      value: a.value,
-      "onUpdate:value": (u) => a.value = u,
+    }, [a("div", null, [c(e.tag || C, {
+      value: t.value,
+      "onUpdate:value": (l) => t.value = l,
       autofocus: !0
-    })]), t(C, {
+    })]), a(x, {
       type: "primary",
       onClick: () => {
-        a.value !== e.data[e.field] ? n(a.value) : d.value = !1;
+        t.value !== e.data[e.field] ? r(t.value) : i.value = !1;
       },
-      renderIcon: () => t("div", {
+      renderIcon: () => a("div", {
         class: "size-4 i-tabler:check"
       }, null)
-    }, null)]) : t("div", {
+    }, null)]) : a("div", {
       class: "flex"
-    }, [t("div", {
+    }, [a("div", {
       class: "flex justify-start items-center gap-1"
-    }, [t("div", null, [e.data[e.field] === void 0 || e.data[e.field] === "" ? "-" : e.data[e.field]]), t("div", {
+    }, [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: () => {
-        a.value = e.data[e.field], d.value = !0;
+        t.value = e.data[e.field], i.value = !0;
       }
     }, null)])]);
   }
 });
-function j(e) {
+function N(e) {
   return {
-    render: (a) => (i, l) => {
-      const n = typeof (e == null ? void 0 : e.path) == "function" ? e == null ? void 0 : e.path(i) : `${e == null ? void 0 : e.path}/${c(i, (e == null ? void 0 : e.rowKey) || "id")}`;
-      return t(b, {
-        data: i,
-        field: a.key,
-        path: n,
-        tag: a.tag
+    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, {
+        data: t,
+        field: i.key,
+        path: d,
+        tag: i.tag
       }, null);
     }
   };
 }
 export {
-  j as useTableColumnInput
+  N as useTableColumnInput
 };

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

@@ -1,30 +1,40 @@
 import { createVNode as n } from "vue";
-import { get as e } from "lodash-es";
+import { get as m } from "lodash-es";
+import { DuxMedia as c } from "../../components/media/media.js";
 import "naive-ui";
 import "vue-echarts";
 import "@duxweb/dvha-core";
 import "vue-router";
 import "@overlastic/vue";
+import "dayjs";
+import "mime";
+import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
+import "vue-cropper";
 import "clsx";
 import "jinrishici";
+import "vue-draggable-plus";
+import "aieditor";
 import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
 import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "../../pages/page404.js";
-import { DuxMedia as c } from "../../components/media/media.js";
-function q() {
+function O() {
   return {
-    render: (t) => (i, g) => {
-      const m = typeof t.title == "function" ? t.title(i) : e(i, t.title || ""), o = typeof t.desc == "function" ? t.desc(i) : e(i, t.desc || ""), r = typeof t.image == "function" ? t.image(i) : e(i, t.image || "");
+    render: (t) => (i, p) => {
+      const e = typeof t.title == "function" ? t.title(i) : m(i, t.title || ""), o = typeof t.desc == "function" ? t.desc(i) : m(i, t.desc || ""), r = typeof t.image == "function" ? t.image(i) : m(i, t.image || "");
       return n(c, {
-        title: m,
+        title: e,
         desc: o,
         avatar: t.avatar,
         image: r,
@@ -35,5 +45,5 @@ function q() {
   };
 }
 export {
-  q as useTableColumnMedia
+  O as useTableColumnMedia
 };

package/dist/esm/hooks/table.js

@@ -1,29 +1,36 @@
-import { ref as p, createVNode as a, createTextVNode as m } from "vue";
+import { ref as m, createVNode as l, createTextVNode as g } from "vue";
+import { useI18n as x } from "@duxweb/dvha-core";
 import { useNaiveTable as d } from "@duxweb/dvha-naiveui";
-import { useMessage as f, useNotification as g, NProgress as u } from "naive-ui";
-function E(r) {
-  const n = f(), l = g(), t = p(null);
+import { useMessage as f, useNotification as b, NProgress as u } from "naive-ui";
+function P(p) {
+  const {
+    t: o
+  } = x(), a = f(), n = b(), t = m(null);
   return d({
-    ...r,
+    ...p,
     // 传递导出回调
     onExportSuccess: (e) => {
       var s, c;
-      (s = t.value) == null || s.destroy(), t.value = null, l.success({
-        title: "导出数据成功",
-        content: `成功导出 ${((c = e == null ? void 0 : e.pages) == null ? void 0 : c.reduce((i, o) => i + (o == null ? void 0 : o.data.length), 0)) || 0} 条数据`,
+      (s = t.value) == null || s.destroy(), t.value = null, n.success({
+        title: o("hooks.table.exportSuccess"),
+        content: o("hooks.table.exportSuccessContent", {
+          count: ((c = e == null ? void 0 : e.pages) == null ? void 0 : c.reduce((i, r) => i + (r == null ? void 0 : r.data.length), 0)) || 0
+        }),
         duration: 6e3
       });
     },
     onExportProgress: (e) => {
-      !t.value && e && (t.value = l.create({
-        title: "导出数据中, 请稍后...",
-        content: () => `第 ${e.page || 1} 页数据`,
-        avatar: () => a(u, {
+      !t.value && e && (t.value = n.create({
+        title: o("hooks.table.exportProgress"),
+        content: () => o("hooks.table.exportProgressContent", {
+          page: e.page || 1
+        }),
+        avatar: () => l(u, {
           class: "size-10 text-sm",
           type: "circle",
           percentage: 50
         }, {
-          default: () => [a("div", {
+          default: () => [l("div", {
             class: "text-xs"
           }, [e.page || 1])]
         }),
@@ -34,29 +41,36 @@ function E(r) {
     },
     onExportError: (e) => {
       var s;
-      (s = t.value) == null || s.destroy(), t.value = null, n.error(`导出数据失败：${(e == null ? void 0 : e.message) || "未知错误"}`);
+      (s = t.value) == null || s.destroy(), t.value = null, a.error(o("hooks.table.exportFailedContent", {
+        error: (e == null ? void 0 : e.message) || o("common.unknownError")
+      }));
     },
     // 传递导入回调
     onImportSuccess: (e) => {
       var s;
-      (s = t.value) == null || s.destroy(), t.value = null, l.success({
-        title: "导入数据成功",
-        content: `成功导入 ${(e == null ? void 0 : e.processedItems) || 0} 条数据`,
+      (s = t.value) == null || s.destroy(), t.value = null, n.success({
+        title: o("hooks.table.importSuccess"),
+        content: o("hooks.table.importSuccessContent", {
+          count: (e == null ? void 0 : e.processedItems) || 0
+        }),
         duration: 6e3
       });
     },
     onImportProgress: (e) => {
-      t.value || (t.value = l.create({
-        title: "导入数据中, 请稍后...",
-        content: () => `${(e == null ? void 0 : e.processedItems) || 0} / ${(e == null ? void 0 : e.totalItems) || 0} 条数据`,
-        avatar: () => a(u, {
+      t.value || (t.value = n.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
+        }),
+        avatar: () => l(u, {
           class: "size-10 text-sm",
           type: "circle",
           percentage: (e == null ? void 0 : e.percentage) || 0
         }, {
-          default: () => [a("div", {
+          default: () => [l("div", {
             class: "text-xs"
-          }, [(e == null ? void 0 : e.percentage) || 0, m("%")])]
+          }, [(e == null ? void 0 : e.percentage) || 0, g("%")])]
         }),
         onClose: () => {
           t.value = null;
@@ -65,10 +79,12 @@ function E(r) {
     },
     onImportError: (e) => {
       var s;
-      (s = t.value) == null || s.destroy(), t.value = null, n.error(`导入数据失败：${(e == null ? void 0 : e.message) || "未知错误"}`);
+      (s = t.value) == null || s.destroy(), t.value = null, a.error(o("hooks.table.importFailedContent", {
+        error: (e == null ? void 0 : e.message) || o("common.unknownError")
+      }));
     }
   });
 }
 export {
-  E as useTable
+  P as useTable
 };