@duxweb/dvha-pro 0.0.8 → 1.0.14

package/dist/esm/components/widget/image.js

@@ -0,0 +1,67 @@
+import { defineComponent as c, createVNode as e, h as n, mergeProps as u } from "vue";
+import { NImage as i } from "naive-ui";
+import { DuxPlaceholder as l } from "./placeholder.js";
+const g = /* @__PURE__ */ c({
+  name: "DuxImage",
+  props: {},
+  extends: i,
+  setup(r) {
+    return () => {
+      const t = `size-${r.height}px`, a = e("svg", {
+        viewBox: "0 0 100 100",
+        class: t
+      }, [e("circle", {
+        cx: "50",
+        cy: "50",
+        r: "50",
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.1"
+      }, null), e("g", {
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.65"
+      }, [e("circle", {
+        cx: "50",
+        cy: "36",
+        r: "14"
+      }, null), e("path", {
+        d: "M 50 54 C 30 54 15 69 15 87 L 15 100 L 85 100 L 85 87 C 85 69 70 54 50 54 Z"
+      }, null)]), e("g", {
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.3"
+      }, [e("circle", {
+        cx: "20",
+        cy: "20",
+        r: "1.5"
+      }, [e("animate", {
+        attributeName: "r",
+        values: "1.5;2.5;1.5",
+        dur: "3s",
+        repeatCount: "indefinite"
+      }, null)]), e("circle", {
+        cx: "80",
+        cy: "25",
+        r: "1"
+      }, [e("animate", {
+        attributeName: "r",
+        values: "1;2;1",
+        dur: "4s",
+        repeatCount: "indefinite"
+      }, null)])])]);
+      return r.src ? e(i, u(r, {
+        src: r.src
+      }), {
+        placeholder: () => e(l, {
+          width: r.width,
+          height: r.height
+        }, null),
+        error: () => e(l, {
+          width: r.width,
+          height: r.height
+        }, null)
+      }) : n(a);
+    };
+  }
+});
+export {
+  g as DuxImage
+};

package/dist/esm/components/widget/placeholder.js

@@ -0,0 +1,83 @@
+import { defineComponent as i, createVNode as t } from "vue";
+const o = /* @__PURE__ */ i({
+  name: "DuxPlaceholder",
+  props: {
+    width: {
+      type: [Number, String],
+      default: "auto"
+    },
+    height: {
+      type: [Number, String],
+      default: 100
+    }
+  },
+  setup(e) {
+    return () => {
+      const l = {
+        width: typeof e.width == "number" ? `${e.width}px` : e.width,
+        height: typeof e.height == "number" ? `${e.height}px` : e.height
+      };
+      return t("svg", {
+        viewBox: "0 0 200 120",
+        style: l
+      }, [t("defs", null, [t("linearGradient", {
+        id: "placeholderBg",
+        x1: "0%",
+        y1: "0%",
+        x2: "100%",
+        y2: "100%"
+      }, [t("stop", {
+        offset: "0%",
+        style: "stop-color:rgb(var(--ui-color-primary));stop-opacity:0.08"
+      }, null), t("stop", {
+        offset: "100%",
+        style: "stop-color:rgb(var(--ui-color-primary));stop-opacity:0.03"
+      }, null)])]), t("rect", {
+        width: "200",
+        height: "120",
+        fill: "url(#placeholderBg)",
+        rx: "8"
+      }, null), t("g", {
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.4"
+      }, [t("circle", {
+        cx: "60",
+        cy: "40",
+        r: "12"
+      }, null), t("path", {
+        d: "M 40 70 L 80 70 L 100 50 L 140 70 L 160 50 L 200 70 L 200 120 L 40 120 Z"
+      }, null)]), t("g", {
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.25"
+      }, [t("circle", {
+        cx: "150",
+        cy: "25",
+        r: "1.5"
+      }, [t("animate", {
+        attributeName: "opacity",
+        values: "0.25;0.5;0.25",
+        dur: "3s",
+        repeatCount: "indefinite"
+      }, null)]), t("circle", {
+        cx: "170",
+        cy: "35",
+        r: "1"
+      }, [t("animate", {
+        attributeName: "opacity",
+        values: "0.2;0.4;0.2",
+        dur: "4s",
+        repeatCount: "indefinite"
+      }, null)])]), t("rect", {
+        x: "40",
+        y: "40",
+        width: "120",
+        height: "1",
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.15"
+      }, null)]);
+    };
+  }
+});
+export {
+  o as DuxPlaceholder
+};

package/dist/esm/config/uno.js

@@ -1,15 +1,15 @@
-import o from "../node_modules/.pnpm/@unocss_preset-icons@66.2.3/node_modules/@unocss/preset-icons/dist/browser.js";
+import o from "@unocss/preset-icons/browser";
 import p from "@unocss/preset-typography";
+import { presetWind4 as i } from "unocss/preset-wind4";
 import "@duxweb/dvha-core";
 import "colorizr";
 import "lodash-es";
 import "vue";
-import { presetTheme as i } from "../theme/presetTheme.js";
-import m from "../node_modules/.pnpm/@unocss_preset-wind4@66.2.3/node_modules/@unocss/preset-wind4/dist/index.js";
+import { presetTheme as m } from "../theme/presetTheme.js";
 function u(t) {
   const r = {
     presets: [
-      m({
+      i({
         preflights: {
           reset: t,
           theme: t
@@ -17,11 +17,11 @@ function u(t) {
       }),
       o({
         collections: {
-          tabler: () => import("../node_modules/.pnpm/@iconify-json_tabler@1.2.19/node_modules/@iconify-json/tabler/icons.json.js").then((e) => e.default)
+          tabler: () => import("@iconify-json/tabler/icons.json").then((e) => e.default)
         }
       }),
       p(),
-      i()
+      m()
     ]
   };
   return t || (r.preflights = [

package/dist/esm/config/validate.js

@@ -1,6 +1,6 @@
 import { localize as e } from "@vee-validate/i18n";
-import o from "../node_modules/.pnpm/@vee-validate_i18n@4.15.1/node_modules/@vee-validate/i18n/dist/locale/en.json.js";
-import r from "../node_modules/.pnpm/@vee-validate_i18n@4.15.1/node_modules/@vee-validate/i18n/dist/locale/zh_CN.json.js";
+import o from "@vee-validate/i18n/dist/locale/en.json";
+import r from "@vee-validate/i18n/dist/locale/zh_CN.json";
 import { configure as i } from "vee-validate";
 function a() {
   i({

package/dist/esm/hooks/action.js

@@ -6,29 +6,29 @@ import { useDialog as B } from "./dialog.js";
 import { useDrawer as E } from "./drawer.js";
 import { useModal as T } from "./modal.js";
 function U(n) {
-  const y = T(), d = E(), s = B(), {
+  const y = T(), d = E(), m = B(), {
     t: c
   } = x(), l = I(), a = S(), u = $(), v = D({
     onSuccess: (e) => {
-      l.success(e.message || "操作成功");
+      l.success(e.message || c("common.success"));
     },
     onError: (e) => {
-      l.error(e.message || "操作失败");
+      l.error(e.message || c("common.error"));
     }
   }), A = C({
     onSuccess: (e) => {
-      l.success(e.message || "操作成功");
+      l.success(e.message || c("common.success"));
     },
     onError: (e) => {
-      l.error(e.message || "操作失败");
+      l.error(e.message || c("common.error"));
     }
-  }), h = (n == null ? void 0 : n.path) || a.getPath(), b = (e) => {
-    var m, P;
-    const i = c(e.item.title || "", {}, e.item.title), f = c(e.item.label || "", {}, e.item.label);
+  }), g = (n == null ? void 0 : n.path) || a.getPath(), b = (e) => {
+    var f, P;
+    const i = c(e.item.title || "", {}, e.item.title), s = c(e.item.label || "", {}, e.item.label);
     if (e.item.type === "modal") {
       const t = e.item;
       y.show({
-        title: i || f,
+        title: i || s,
         component: t.component,
         componentProps: {
           id: e.id,
@@ -41,7 +41,7 @@ function U(n) {
     if (e.item.type === "drawer") {
       const t = e.item;
       d.show({
-        title: i || f,
+        title: i || s,
         component: t.component,
         componentProps: {
           id: e.id,
@@ -52,43 +52,43 @@ function U(n) {
     }
     if (e.item.type === "confirm") {
       const t = e.item;
-      s.confirm({
-        title: i || f,
+      m.confirm({
+        title: i || s,
         content: t.content
-      }).then((g) => {
-        var o;
-        g && ((o = t.callback) == null || o.call(t, e.id, e.data));
+      }).then((o) => {
+        var h;
+        o && ((h = t.callback) == null || h.call(t, e.id, e.data));
       });
     }
     if (e.item.type === "request") {
       const t = e.item;
-      s.confirm({
-        title: i || f,
+      m.confirm({
+        title: i || s,
         content: t.content
       }).then(() => {
-        const g = typeof t.data == "function" ? t.data(e.id, e.data) : t.data, o = (t.method || "post").toLowerCase(), M = t.path || h;
+        const o = 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: o,
-          payload: g
+          method: h,
+          payload: o
         });
       });
     }
     if (e.item.type === "delete") {
       const t = e.item;
-      s.confirm({
-        title: i || f,
+      m.confirm({
+        title: i || s,
         content: t.content
       }).then(() => {
         A.mutate({
           id: e.id,
-          path: t.path || h
+          path: t.path || g
         });
       });
     }
     if (e.item.type === "link") {
-      const t = e.item, g = typeof t.path == "function" ? (m = t.path) == null ? void 0 : m.call(t, e.id, e.data) : a.getRoutePath(e.id ? `${t.path || h}${e.data === void 0 ? "" : `/${e.id}`}` : t.path || h);
-      u.push(g);
+      const t = e.item, o = typeof t.path == "function" ? (f = t.path) == null ? void 0 : f.call(t, e.id, e.data) : a.getRoutePath(e.id ? `${t.path || g}${e.data === void 0 ? "" : `/${e.id}`}` : t.path || g);
+      u.push(o);
     }
     if (e.item.type === "callback") {
       const t = e.item;
@@ -97,20 +97,20 @@ function U(n) {
   }, w = q(), k = L();
   return {
     target: b,
-    renderTable: (e) => (i, f) => {
-      const m = {
+    renderTable: (e) => (i, s) => {
+      const f = {
         id: i[e.key || (n == null ? void 0 : n.key) || "id"],
         data: i,
-        index: f,
+        index: s,
         target: b,
         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"
       };
       return (e.type || (n == null ? void 0 : n.type)) === "button" ? w.render({
-        ...m,
+        ...f,
         action: e || n
       }) : k.render({
-        ...m,
+        ...f,
         action: e || n
       });
     },
@@ -137,7 +137,7 @@ function q() {
   return {
     render: (d) => {
       var c;
-      const s = (c = d.action.items) == null ? void 0 : c.filter((l) => {
+      const m = (c = d.action.items) == null ? void 0 : c.filter((l) => {
         var a;
         return !l.show || ((a = l.show) == null ? void 0 : a.call(l, d.data, d.index));
       }).map((l, a) => r(j, {
@@ -158,7 +158,7 @@ function q() {
       }, () => n(l.label || "", {}, l.label)));
       return r("div", {
         class: ["flex gap-2 flex-wrap items-center", d.align === "right" ? "justify-end" : d.align === "center" ? "justify-center" : "justify-start"]
-      }, s);
+      }, m);
     }
   };
 }
@@ -169,7 +169,7 @@ function L() {
   return {
     render: (d) => {
       var c;
-      const s = (c = d.action.items) == null ? void 0 : c.filter((l) => {
+      const m = (c = d.action.items) == null ? void 0 : c.filter((l) => {
         var a;
         return !l.show || ((a = l.show) == null ? void 0 : a.call(l, d.data, d.index));
       }).map((l, a) => ({
@@ -189,7 +189,7 @@ function L() {
       }));
       return r(N, {
         trigger: "click",
-        options: s,
+        options: m,
         onSelect: (l, a) => {
           var u;
           (u = a == null ? void 0 : a.onSelect) == null || u.call(a);

package/dist/esm/hooks/dialog.js

@@ -1,25 +1,35 @@
 import { useOverlayInject as p } 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 "jinrishici";
+import "vue-draggable-plus";
 import m from "../components/dialog/dialog.js";
+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 C() {
+function P() {
   const t = p(m), o = (r) => t(r);
   return {
     confirm: (r) => o({
@@ -45,5 +55,5 @@ function C() {
   };
 }
 export {
-  C as useDialog
+  P as useDialog
 };

package/dist/esm/hooks/download.js

@@ -0,0 +1,100 @@
+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({
+    loaded: 0,
+    total: 0,
+    percent: 0,
+    speed: 0,
+    speedText: "0 B/s",
+    remainingTime: 0
+  }), T = U(), v = (n) => {
+    if (n === 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);
+  };
+  return {
+    file: (n, a, e, d, o) => {
+      f.value = !0, c.value = {
+        loaded: 0,
+        total: 0,
+        percent: 0,
+        speed: 0,
+        speedText: "0 B/s",
+        remainingTime: 0
+      };
+      const b = Date.now();
+      M.request({
+        path: n,
+        method: "GET",
+        query: a,
+        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 = {
+            loaded: t.loaded,
+            total: t.total,
+            percent: t.percent || 0,
+            speed: Math.round(l),
+            speedText: v(l),
+            remainingTime: Math.round(h)
+          };
+          c.value = i, o == null || o(i);
+        }
+      }).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 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,
+          percent: 100,
+          speed: 0,
+          speedText: v(0),
+          remainingTime: 0
+        };
+        c.value = l, o == null || o(l);
+      }).catch((t) => {
+        T.error(t.error || y("hooks.download.failed"));
+      }).finally(() => {
+        f.value = !1;
+      });
+    },
+    url: (n, a) => {
+      const e = document.createElement("a");
+      e.href = n, e.download = a || "", 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 });
+      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);
+    },
+    loading: f,
+    progress: c,
+    image: (n) => {
+      fetch(n).then((a) => {
+        a.blob().then((e) => {
+          r(e);
+        });
+      }).catch((a) => {
+        T.error(a.error || y("hooks.download.failed"));
+      });
+    }
+  };
+}
+export {
+  q as useDownload
+};

package/dist/esm/hooks/drawer.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 "jinrishici";
+import "vue-draggable-plus";
 import m from "../components/drawer/drawer.js";
+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() {
+function J() {
   const r = t(m);
   return {
     show: (o) => r(o)
   };
 }
 export {
-  k as useDrawer
+  J as useDrawer
 };