@duxweb/dvha-core 1.0.22 → 1.0.24

package/dist/esm/hooks/theme.js

@@ -1,47 +1,43 @@
-import { useColorMode as Q, useCycleList as W } from "@vueuse/core";
-import { hex2rgb as X } from "colorizr";
-import { storeToRefs as Y } from "pinia";
-import { watchEffect as Z, computed as g, watch as _, readonly as I } from "vue";
-import { themeColor as N } from "../config/color.js";
+import { useColorMode as H, useCycleList as J } from "@vueuse/core";
+import { hex2rgb as K } from "colorizr";
+import { storeToRefs as P } from "pinia";
+import { watchEffect as Q, computed as f, watch as W, readonly as j } from "vue";
+import { themeColor as X } from "../config/color.js";
 import "lodash-es";
-import { useThemeStore as ee } from "../stores/theme.js";
-import { useManage as te } from "./manage.js";
-function de() {
-  var V, M;
-  const f = ee(), { mode: L } = Y(f), C = Q({
-    storageRef: L
-  }), h = te(), { state: x, next: O, go: p } = W(["dark", "light", "auto"], {
-    initialValue: C.store.value
+import { useThemeStore as Y } from "../stores/theme.js";
+import { useManage as Z } from "./manage.js";
+function ie() {
+  const s = Y(), { mode: B } = P(s), $ = H({
+    storageRef: B
+  }), b = Z(), { state: S, next: V, go: v } = J(["dark", "light", "auto"], {
+    initialValue: $.store.value
   });
-  Z(() => {
-    C.value = x.value;
+  Q(() => {
+    $.value = S.value;
   });
-  const R = (t) => {
+  const M = (t) => {
     switch (t) {
       case "auto":
-        p(2);
+        v(2);
         break;
       case "light":
-        p(1);
+        v(1);
         break;
       case "dark":
-        p(0);
+        v(0);
         break;
     }
-  }, b = g(() => {
-    const { system: t, store: e } = C;
+  }, u = f(() => {
+    const { system: t, store: e } = $;
     return e.value === "auto" ? t.value === "dark" : e.value === "dark";
-  }), z = g(() => {
-    var t, e, o, c, i, l, r, s;
-    return b.value ? {
-      logo: (e = (t = h.config) == null ? void 0 : t.theme) == null ? void 0 : e.darkLogo,
-      banner: (c = (o = h.config) == null ? void 0 : o.theme) == null ? void 0 : c.darkBanner
-    } : {
-      logo: (l = (i = h.config) == null ? void 0 : i.theme) == null ? void 0 : l.logo,
-      banner: (s = (r = h.config) == null ? void 0 : r.theme) == null ? void 0 : s.banner
-    };
-  }), n = { ...{
-    colors: N,
+  }), y = f(() => u.value ? {
+    logo: b.config?.theme?.darkLogo,
+    banner: b.config?.theme?.darkBanner
+  } : {
+    logo: b.config?.theme?.logo,
+    banner: b.config?.theme?.banner
+  }), r = { ...{
+    colors: X,
     // 色彩类型
     colorTypes: ["primary", "info", "success", "warning", "error", "gray"],
     // 色彩色阶
@@ -69,164 +65,154 @@ function de() {
       }
     },
     colorBase: { white: "#ffffff", black: "#000000" }
-  }, ...(M = (V = h.config) == null ? void 0 : V.theme) == null ? void 0 : M.config }, { colorShades: k, colorTypes: w } = n, m = g(() => f.theme), v = g(() => Object.keys(n.colors)), T = ["default", "hover", "pressed", "focus", "disabled"];
-  function y() {
-    return b.value ? n.colorScenes.dark : n.colorScenes.light;
+  }, ...b.config?.theme?.config }, { colorShades: C, colorTypes: x } = r, d = f(() => s.theme), h = f(() => Object.keys(r.colors)), k = ["default", "hover", "pressed", "focus", "disabled"];
+  function I() {
+    return u.value ? r.colorScenes.dark : r.colorScenes.light;
   }
-  function E(t, e) {
-    var i;
-    const o = y(), c = o.default;
-    if ((i = o.overrides) != null && i[t]) {
-      const l = o.overrides[t], r = l == null ? void 0 : l[e];
-      if (r)
-        return r;
+  function w(t, e) {
+    const o = I(), l = o.default;
+    if (o.overrides?.[t]) {
+      const i = o.overrides[t]?.[e];
+      if (i)
+        return i;
     }
-    return c[e] || "500";
+    return l[e] || "500";
   }
-  function j(t, e) {
-    var c;
-    const o = m.value[t];
-    return ((c = n.colors[o]) == null ? void 0 : c[e]) || "";
+  function T(t, e) {
+    const o = d.value[t];
+    return r.colors[o]?.[e] || "";
   }
-  function a(t, e, o) {
-    const i = (b.value ? n.colorSemantic.dark : n.colorSemantic.light)[t][e];
-    return i === "white" || i === "black" ? `var(--ui-color-${i})` : `var(--base-color-${o}-${i})`;
+  function n(t, e, o) {
+    const c = (u.value ? r.colorSemantic.dark : r.colorSemantic.light)[t][e];
+    return c === "white" || c === "black" ? `var(--ui-color-${c})` : `var(--base-color-${o}-${c})`;
   }
-  const S = (t) => {
-    const e = X(t);
+  const p = (t) => {
+    const e = K(t);
     return `${e.r} ${e.g} ${e.b}`;
   };
-  function D() {
-    var i, l;
+  function L() {
     const t = [];
-    Object.entries(n.colors).forEach(([r, s]) => {
-      typeof s == "object" && Object.entries(s).forEach(([u, d]) => {
+    Object.entries(r.colors).forEach(([c, i]) => {
+      typeof i == "object" && Object.entries(i).forEach(([a, g]) => {
         try {
-          t.push(`--base-color-${r}-${u}: ${S(d)};`);
+          t.push(`--base-color-${c}-${a}: ${p(g)};`);
         } catch {
-          t.push(`--base-color-${r}-${u}: ${d};`);
+          t.push(`--base-color-${c}-${a}: ${g};`);
         }
       });
     });
     const e = [];
-    w.forEach((r) => {
-      const s = m.value[r];
-      k.forEach((u) => {
-        e.push(`--ui-color-${r}-${u}: var(--base-color-${s}-${u});`);
-      }), T.forEach((u) => {
-        const d = E(r, u);
-        u === "default" ? e.push(`--ui-color-${r}: var(--base-color-${s}-${d});`) : e.push(`--ui-color-${r}-${u}: var(--base-color-${s}-${d});`);
+    x.forEach((c) => {
+      const i = d.value[c];
+      C.forEach((a) => {
+        e.push(`--ui-color-${c}-${a}: var(--base-color-${i}-${a});`);
+      }), k.forEach((a) => {
+        const g = w(c, a);
+        a === "default" ? e.push(`--ui-color-${c}: var(--base-color-${i}-${g});`) : e.push(`--ui-color-${c}-${a}: var(--base-color-${i}-${g});`);
       });
     });
-    const o = m.value.gray, c = [
-      `--ui-color-white: ${S(((i = n.colorBase) == null ? void 0 : i.white) || "#ffffff")};`,
-      `--ui-color-black: ${S(((l = n.colorBase) == null ? void 0 : l.black) || "#000000")};`,
-      `--ui-text-dimmed: ${a("text", "dimmed", o)};`,
-      `--ui-text-muted: ${a("text", "muted", o)};`,
-      `--ui-text-toned: ${a("text", "toned", o)};`,
-      `--ui-text: ${a("text", "base", o)};`,
-      `--ui-text-highlighted: ${a("text", "highlighted", o)};`,
-      `--ui-text-inverted: ${a("text", "inverted", o)};`,
-      `--ui-bg: ${a("bg", "base", o)};`,
-      `--ui-bg-muted: ${a("bg", "muted", o)};`,
-      `--ui-bg-elevated: ${a("bg", "elevated", o)};`,
-      `--ui-bg-accented: ${a("bg", "accented", o)};`,
-      `--ui-bg-inverted: ${a("bg", "inverted", o)};`,
-      `--ui-border: ${a("border", "base", o)};`,
-      `--ui-border-muted: ${a("border", "muted", o)};`,
-      `--ui-border-accented: ${a("border", "accented", o)};`,
-      `--ui-border-inverted: ${a("border", "inverted", o)};`
+    const o = d.value.gray, l = [
+      `--ui-color-white: ${p(r.colorBase?.white || "#ffffff")};`,
+      `--ui-color-black: ${p(r.colorBase?.black || "#000000")};`,
+      `--ui-text-dimmed: ${n("text", "dimmed", o)};`,
+      `--ui-text-muted: ${n("text", "muted", o)};`,
+      `--ui-text-toned: ${n("text", "toned", o)};`,
+      `--ui-text: ${n("text", "base", o)};`,
+      `--ui-text-highlighted: ${n("text", "highlighted", o)};`,
+      `--ui-text-inverted: ${n("text", "inverted", o)};`,
+      `--ui-bg: ${n("bg", "base", o)};`,
+      `--ui-bg-muted: ${n("bg", "muted", o)};`,
+      `--ui-bg-elevated: ${n("bg", "elevated", o)};`,
+      `--ui-bg-accented: ${n("bg", "accented", o)};`,
+      `--ui-bg-inverted: ${n("bg", "inverted", o)};`,
+      `--ui-border: ${n("border", "base", o)};`,
+      `--ui-border-muted: ${n("border", "muted", o)};`,
+      `--ui-border-accented: ${n("border", "accented", o)};`,
+      `--ui-border-inverted: ${n("border", "inverted", o)};`
     ];
     return `:root {
   ${t.join(`
   `)}
   ${e.join(`
   `)}
-  ${c.join(`
+  ${l.join(`
   `)}
 }`;
   }
-  let $ = null;
-  function B() {
-    const t = D();
-    $ || ($ = document.createElement("style"), $.id = "dvha-variables", document.head.appendChild($)), $.textContent = t;
+  let m = null;
+  function E() {
+    const t = L();
+    m || (m = document.createElement("style"), m.id = "dvha-variables", document.head.appendChild(m)), m.textContent = t;
   }
-  function G() {
-    f.cssInit || (f.setCssInit(), B());
+  function O() {
+    s.cssInit || (s.setCssInit(), E());
   }
-  _([m, b], () => {
-    f.cssInit && B();
+  W([d, u], () => {
+    s.cssInit && E();
   }, { deep: !0, immediate: !1 });
-  function U(t, e) {
-    v.value.includes(e) ? f.setThemeColor(t, e) : console.warn(`Color "${e}" is not available`);
+  function R(t, e) {
+    h.value.includes(e) ? s.setThemeColor(t, e) : console.warn(`Color "${e}" is not available`);
   }
-  function q(t) {
-    f.setThemeColors(t);
+  function z(t) {
+    s.setThemeColors(t);
   }
-  function A() {
-    f.resetTheme();
+  function D() {
+    s.resetTheme();
   }
-  function F(t, e, o = !1) {
-    return o ? `--ui-color-${t}-${e}` : j(t, e);
+  function G(t, e, o = !1) {
+    return o ? `--ui-color-${t}-${e}` : T(t, e);
   }
-  function H(t, e, o = !1) {
+  function U(t, e, o = !1) {
     if (e || (e = "default"), o)
       return e === "default" ? `--ui-color-${t})` : `--ui-color-${t}-${e})`;
-    const c = E(t, e);
-    return j(t, c);
+    const l = w(t, e);
+    return T(t, l);
   }
-  function J(t, e, o = !1) {
-    var r, s, u;
+  function q(t, e, o = !1) {
     if (o) {
-      let d;
+      let a;
       switch (t) {
         case "text":
-          d = e === "base" ? "--ui-text" : `--ui-text-${e}`;
+          a = e === "base" ? "--ui-text" : `--ui-text-${e}`;
           break;
         case "bg":
-          d = e === "base" ? "--ui-bg" : `--ui-bg-${e}`;
+          a = e === "base" ? "--ui-bg" : `--ui-bg-${e}`;
           break;
         case "border":
-          d = e === "base" ? "--ui-border" : `--ui-border-${e}`;
+          a = e === "base" ? "--ui-border" : `--ui-border-${e}`;
           break;
         default:
-          d = `--ui-${t}-${e}`;
+          a = `--ui-${t}-${e}`;
       }
-      return `${d}`;
+      return `${a}`;
     }
-    const c = m.value.gray, l = (b.value ? n.colorSemantic.dark : n.colorSemantic.light)[t][e];
-    return l === "white" ? ((r = n.colorBase) == null ? void 0 : r.white) || "#ffffff" : l === "black" ? ((s = n.colorBase) == null ? void 0 : s.black) || "#000000" : ((u = n.colors[c]) == null ? void 0 : u[l]) || "";
+    const l = d.value.gray, i = (u.value ? r.colorSemantic.dark : r.colorSemantic.light)[t][e];
+    return i === "white" ? r.colorBase?.white || "#ffffff" : i === "black" ? r.colorBase?.black || "#000000" : r.colors[l]?.[i] || "";
   }
-  const K = g(() => {
-    var t;
-    return (t = v.value) == null ? void 0 : t.filter((e) => ["slate", "gray", "zinc", "neutral", "stone"].includes(e));
-  }), P = g(() => {
-    var t;
-    return (t = v.value) == null ? void 0 : t.filter((e) => !["slate", "gray", "zinc", "neutral", "stone"].includes(e));
-  });
+  const A = f(() => h.value?.filter((t) => ["slate", "gray", "zinc", "neutral", "stone"].includes(t))), F = f(() => h.value?.filter((t) => !["slate", "gray", "zinc", "neutral", "stone"].includes(t)));
   return {
-    toggle: O,
-    mode: x,
-    setMode: R,
-    isDark: b,
-    resources: z,
-    config: I(n),
-    colorMapping: I(m),
-    colors: v,
-    neutralColors: K,
-    primaryColors: P,
-    colorShades: k,
-    colorTypes: w,
-    colorScenes: T,
-    cssInit: G,
-    cssReset: A,
-    setColor: U,
-    setColors: q,
-    getSceneColor: H,
-    getShadeColor: F,
-    getSemanticColor: J
+    toggle: V,
+    mode: S,
+    setMode: M,
+    isDark: u,
+    resources: y,
+    config: j(r),
+    colorMapping: j(d),
+    colors: h,
+    neutralColors: A,
+    primaryColors: F,
+    colorShades: C,
+    colorTypes: x,
+    colorScenes: k,
+    cssInit: O,
+    cssReset: D,
+    setColor: R,
+    setColors: z,
+    getSceneColor: U,
+    getShadeColor: G,
+    getSemanticColor: q
   };
 }
 export {
-  de as useTheme
+  ie as useTheme
 };

package/dist/esm/hooks/tree.js

@@ -1,36 +1,30 @@
-import { toRef as o, computed as a } from "vue";
+import { toRef as n, computed as r } from "vue";
 import "../utils/bus.js";
-import { arrayToTree as K, treeToArr as f } from "../utils/tree.js";
-import { useList as O } from "./data.js";
-function D(e) {
-  const u = o(e, "path"), m = o(e, "params"), h = o(e, "providerName"), { data: d, isLoading: v } = O({
-    path: u.value || "",
-    filters: m.value,
-    providerName: h.value
-  }), s = a(() => {
-    var r, n, i, t, l, c;
-    return e.converTree ? K(((n = d.value) == null ? void 0 : n.data) || [], {
-      idKey: ((i = e.treeOptions) == null ? void 0 : i.valueKey) || "id",
-      parentKey: ((t = e.treeOptions) == null ? void 0 : t.parentKey) || "parent_id",
-      sortKey: ((l = e.treeOptions) == null ? void 0 : l.sortKey) || "sort",
-      childrenKey: ((c = e.treeOptions) == null ? void 0 : c.childrenKey) || "children"
-    }) : ((r = d.value) == null ? void 0 : r.data) || [];
-  }), p = a(() => {
-    var r, n;
-    return f(s.value, ((r = e.treeOptions) == null ? void 0 : r.valueKey) || "id", ((n = e.treeOptions) == null ? void 0 : n.childrenKey) || "children");
-  }), y = a(() => v.value);
+import { arrayToTree as p, treeToArr as y } from "../utils/tree.js";
+import { useList as K } from "./data.js";
+function N(e) {
+  const d = n(e, "path"), s = n(e, "params"), l = n(e, "providerName"), { data: i, isLoading: c } = K({
+    path: d.value || "",
+    filters: s.value,
+    providerName: l.value
+  }), a = r(() => e.converTree ? p(i.value?.data || [], {
+    idKey: e.treeOptions?.valueKey || "id",
+    parentKey: e.treeOptions?.parentKey || "parent_id",
+    sortKey: e.treeOptions?.sortKey || "sort",
+    childrenKey: e.treeOptions?.childrenKey || "children"
+  }) : i.value?.data || []), u = r(() => y(a.value, e.treeOptions?.valueKey || "id", e.treeOptions?.childrenKey || "children")), m = r(() => c.value);
   return {
-    options: a(() => {
-      const r = (n) => n.map((i) => {
-        const t = { ...i };
-        return Array.isArray(t.children) && (t.children.length === 0 ? delete t.children : t.children = r(t.children)), t;
+    options: r(() => {
+      const o = (h) => h.map((v) => {
+        const t = { ...v };
+        return Array.isArray(t.children) && (t.children.length === 0 ? delete t.children : t.children = o(t.children)), t;
       });
-      return r(s.value || []);
+      return o(a.value || []);
     }),
-    loading: y,
-    expanded: p
+    loading: m,
+    expanded: u
   };
 }
 export {
-  D as useTree
+  N as useTree
 };

package/dist/esm/hooks/upload/s3.js

@@ -1,13 +1,12 @@
-import { useClient as y } from "../data.js";
-import P from "axios";
-function q(s) {
-  const h = y();
+import { useClient as c } from "../data.js";
+import U from "axios";
+function w(n) {
+  const i = c();
   return {
     async upload(a, t) {
-      var m, i, c, U;
-      const o = await h.request({
+      const o = await i.request({
         method: "GET",
-        path: s.signPath,
+        path: n.signPath,
         query: {
           name: a.name,
           size: a.size,
@@ -16,45 +15,45 @@ function q(s) {
         },
         signal: t.signal,
         onUploadProgress: t.onUploadProgress
-      }), r = ((m = s.signCallback) == null ? void 0 : m.call(s, o)) || {
-        uploadUrl: (i = o.data) == null ? void 0 : i.uploadUrl,
-        url: (c = o.data) == null ? void 0 : c.url,
-        params: (U = o.data) == null ? void 0 : U.params
+      }), r = n.signCallback?.(o) || {
+        uploadUrl: o.data?.uploadUrl,
+        url: o.data?.url,
+        params: o.data?.params
       };
       if (!r.uploadUrl)
         throw new Error("Upload URL is required");
       if (!r.url)
         throw new Error("File URL is required");
       const p = t.method || "POST";
-      let l = null;
+      let s = null;
       const u = t.headers || {};
       if (p === "PUT")
-        l = a, u["Content-Type"] = a.type || "application/octet-stream";
+        s = a, u["Content-Type"] = a.type || "application/octet-stream";
       else {
         const e = new FormData();
-        e.append("Content-Type", a.type || "application/octet-stream"), e.append("file", a), r.params && Object.entries(r.params).forEach(([n, w]) => {
-          e.append(n, String(w));
-        }), l = e;
+        e.append("Content-Type", a.type || "application/octet-stream"), e.append("file", a), r.params && Object.entries(r.params).forEach(([d, m]) => {
+          e.append(d, String(m));
+        }), s = e;
       }
-      const d = await P.request({
+      const l = await U.request({
         method: p,
         url: r.uploadUrl,
-        data: l,
+        data: s,
         signal: t.signal,
         headers: u,
         onUploadProgress: (e) => {
           if (t.onUploadProgress && e.total) {
-            const n = Math.round(e.loaded * 100 / e.total);
+            const d = Math.round(e.loaded * 100 / e.total);
             t.onUploadProgress({
               loaded: e.loaded,
               total: e.total,
-              percent: n
+              percent: d
             });
           }
         }
       });
-      if (d.status < 200 || d.status >= 300)
-        throw new Error(`S3 upload failed: ${d.statusText}`);
+      if (l.status < 200 || l.status >= 300)
+        throw new Error(`S3 upload failed: ${l.statusText}`);
       return {
         data: {
           url: r.url,
@@ -68,5 +67,5 @@ function q(s) {
   };
 }
 export {
-  q as createS3UploadDriver
+  w as createS3UploadDriver
 };