@duxweb/dvha-core 1.1.30 → 1.1.31

package/dist/esm/hooks/theme.js

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

package/dist/esm/hooks/tree.js

@@ -1,48 +1,44 @@
-import { computed as r, unref as c, reactive as y, watch as f } from "vue";
-import "../utils/bus.js";
-import { arrayToTree as K, treeToArr as O } from "../utils/tree.js";
-import { useList as g } from "./data.js";
-function j(e) {
-  const u = r(() => c(e.path) || ""), s = r(() => c(e.params) || {}), h = r(() => c(e.providerName)), i = y({
-    ...s.value
-  });
-  f(s, (a) => {
-    const o = a || {};
-    Object.keys(i).forEach((n) => {
-      n in o || delete i[n];
-    }), Object.entries(o).forEach(([n, t]) => {
-      i[n] = t;
-    });
-  }, {
-    deep: !0,
-    immediate: !0
-  });
-  const { data: d, isLoading: m } = g({
-    get path() {
-      return u.value;
-    },
-    filters: i,
-    get providerName() {
-      return h.value;
-    }
-  }), l = r(() => e.converTree ? K(d.value?.data || [], {
-    idKey: e.treeOptions?.valueKey || "id",
-    parentKey: e.treeOptions?.parentKey || "parent_id",
-    sortKey: e.treeOptions?.sortKey || "sort",
-    childrenKey: e.treeOptions?.childrenKey || "children"
-  }) : d.value?.data || []), v = r(() => O(l.value, e.treeOptions?.valueKey || "id", e.treeOptions?.childrenKey || "children")), p = r(() => m.value);
-  return {
-    options: r(() => {
-      const a = (o) => o.map((n) => {
-        const t = { ...n };
-        return Array.isArray(t.children) && (t.children.length === 0 ? delete t.children : t.children = a(t.children)), t;
-      });
-      return a(l.value || []);
-    }),
-    loading: p,
-    expanded: v
-  };
+import { useList as e } from "./data.js";
+import { arrayToTree as t, treeToArr as n } from "../utils/tree.js";
+import "../utils/index.js";
+import { computed as r, reactive as i, unref as a, watch as o } from "vue";
+function s(s) {
+	let c = r(() => a(s.path) || ""), l = r(() => a(s.params) || {}), u = r(() => a(s.providerName)), d = i({ ...l.value });
+	o(l, (e) => {
+		let t = e || {};
+		Object.keys(d).forEach((e) => {
+			e in t || delete d[e];
+		}), Object.entries(t).forEach(([e, t]) => {
+			d[e] = t;
+		});
+	}, {
+		deep: !0,
+		immediate: !0
+	});
+	let { data: f, isLoading: p } = e({
+		get path() {
+			return c.value;
+		},
+		filters: d,
+		get providerName() {
+			return u.value;
+		}
+	}), m = r(() => s.converTree ? t(f.value?.data || [], {
+		idKey: s.treeOptions?.valueKey || "id",
+		parentKey: s.treeOptions?.parentKey || "parent_id",
+		sortKey: s.treeOptions?.sortKey || "sort",
+		childrenKey: s.treeOptions?.childrenKey || "children"
+	}) : f.value?.data || []), h = r(() => n(m.value, s.treeOptions?.valueKey || "id", s.treeOptions?.childrenKey || "children")), g = r(() => p.value);
+	return {
+		options: r(() => {
+			let e = (t) => t.map((t) => {
+				let n = { ...t };
+				return Array.isArray(n.children) && (n.children.length === 0 ? delete n.children : n.children = e(n.children)), n;
+			});
+			return e(m.value || []);
+		}),
+		loading: g,
+		expanded: h
+	};
 }
-export {
-  j as useTree
-};
+export { s as useTree };

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

@@ -0,0 +1,2 @@
+import "./local.js";
+import "./s3.js";