@duxweb/dvha-core 0.1.15 → 0.1.16

package/dist/esm/hooks/themeColor.js

@@ -0,0 +1,291 @@
+const f = {
+  slate: {
+    50: "#f8fafc",
+    100: "#f1f5f9",
+    200: "#e2e8f0",
+    300: "#cbd5e1",
+    400: "#94a3b8",
+    500: "#64748b",
+    600: "#475569",
+    700: "#334155",
+    800: "#1e293b",
+    900: "#0f172a",
+    950: "#020617"
+  },
+  gray: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827",
+    950: "#030712"
+  },
+  zinc: {
+    50: "#fafafa",
+    100: "#f4f4f5",
+    200: "#e4e4e7",
+    300: "#d4d4d8",
+    400: "#a1a1aa",
+    500: "#71717a",
+    600: "#52525b",
+    700: "#3f3f46",
+    800: "#27272a",
+    900: "#18181b",
+    950: "#09090b"
+  },
+  neutral: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#e5e5e5",
+    300: "#d4d4d4",
+    400: "#a3a3a3",
+    500: "#737373",
+    600: "#525252",
+    700: "#404040",
+    800: "#262626",
+    900: "#171717",
+    950: "#0a0a0a"
+  },
+  stone: {
+    50: "#fafaf9",
+    100: "#f5f5f4",
+    200: "#e7e5e4",
+    300: "#d6d3d1",
+    400: "#a8a29e",
+    500: "#78716c",
+    600: "#57534e",
+    700: "#44403c",
+    800: "#292524",
+    900: "#1c1917",
+    950: "#0c0a09"
+  },
+  red: {
+    50: "#fef2f2",
+    100: "#fee2e2",
+    200: "#fecaca",
+    300: "#fca5a5",
+    400: "#f87171",
+    500: "#ef4444",
+    600: "#dc2626",
+    700: "#b91c1c",
+    800: "#991b1b",
+    900: "#7f1d1d",
+    950: "#450a0a"
+  },
+  orange: {
+    50: "#fff7ed",
+    100: "#ffedd5",
+    200: "#fed7aa",
+    300: "#fdba74",
+    400: "#fb923c",
+    500: "#f97316",
+    600: "#ea580c",
+    700: "#c2410c",
+    800: "#9a3412",
+    900: "#7c2d12",
+    950: "#431407"
+  },
+  amber: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f",
+    950: "#451a03"
+  },
+  yellow: {
+    50: "#fefce8",
+    100: "#fef9c3",
+    200: "#fef08a",
+    300: "#fde047",
+    400: "#facc15",
+    500: "#eab308",
+    600: "#ca8a04",
+    700: "#a16207",
+    800: "#854d0e",
+    900: "#713f12",
+    950: "#422006"
+  },
+  lime: {
+    50: "#f7fee7",
+    100: "#ecfccb",
+    200: "#d9f99d",
+    300: "#bef264",
+    400: "#a3e635",
+    500: "#84cc16",
+    600: "#65a30d",
+    700: "#4d7c0f",
+    800: "#3f6212",
+    900: "#365314",
+    950: "#1a2e05"
+  },
+  green: {
+    50: "#f0fdf4",
+    100: "#dcfce7",
+    200: "#bbf7d0",
+    300: "#86efac",
+    400: "#4ade80",
+    500: "#22c55e",
+    600: "#16a34a",
+    700: "#15803d",
+    800: "#166534",
+    900: "#14532d",
+    950: "#052e16"
+  },
+  emerald: {
+    50: "#ecfdf5",
+    100: "#d1fae5",
+    200: "#a7f3d0",
+    300: "#6ee7b7",
+    400: "#34d399",
+    500: "#10b981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065f46",
+    900: "#064e3b",
+    950: "#022c22"
+  },
+  teal: {
+    50: "#f0fdfa",
+    100: "#ccfbf1",
+    200: "#99f6e4",
+    300: "#5eead4",
+    400: "#2dd4bf",
+    500: "#14b8a6",
+    600: "#0d9488",
+    700: "#0f766e",
+    800: "#115e59",
+    900: "#134e4a",
+    950: "#042f2e"
+  },
+  cyan: {
+    50: "#ecfeff",
+    100: "#cffafe",
+    200: "#a5f3fc",
+    300: "#67e8f9",
+    400: "#22d3ee",
+    500: "#06b6d4",
+    600: "#0891b2",
+    700: "#0e7490",
+    800: "#155e75",
+    900: "#164e63",
+    950: "#083344"
+  },
+  sky: {
+    50: "#f0f9ff",
+    100: "#e0f2fe",
+    200: "#bae6fd",
+    300: "#7dd3fc",
+    400: "#38bdf8",
+    500: "#0ea5e9",
+    600: "#0284c7",
+    700: "#0369a1",
+    800: "#075985",
+    900: "#0c4a6e",
+    950: "#082f49"
+  },
+  blue: {
+    50: "#eff6ff",
+    100: "#dbeafe",
+    200: "#bfdbfe",
+    300: "#93c5fd",
+    400: "#60a5fa",
+    500: "#3b82f6",
+    600: "#2563eb",
+    700: "#1d4ed8",
+    800: "#1e40af",
+    900: "#1e3a8a",
+    950: "#172554"
+  },
+  indigo: {
+    50: "#eef2ff",
+    100: "#e0e7ff",
+    200: "#c7d2fe",
+    300: "#a5b4fc",
+    400: "#818cf8",
+    500: "#6366f1",
+    600: "#4f46e5",
+    700: "#4338ca",
+    800: "#3730a3",
+    900: "#312e81",
+    950: "#1e1b4b"
+  },
+  violet: {
+    50: "#f5f3ff",
+    100: "#ede9fe",
+    200: "#ddd6fe",
+    300: "#c4b5fd",
+    400: "#a78bfa",
+    500: "#8b5cf6",
+    600: "#7c3aed",
+    700: "#6d28d9",
+    800: "#5b21b6",
+    900: "#4c1d95",
+    950: "#2e1065"
+  },
+  purple: {
+    50: "#faf5ff",
+    100: "#f3e8ff",
+    200: "#e9d5ff",
+    300: "#d8b4fe",
+    400: "#c084fc",
+    500: "#a855f7",
+    600: "#9333ea",
+    700: "#7e22ce",
+    800: "#6b21a8",
+    900: "#581c87",
+    950: "#3b0764"
+  },
+  fuchsia: {
+    50: "#fdf4ff",
+    100: "#fae8ff",
+    200: "#f5d0fe",
+    300: "#f0abfc",
+    400: "#e879f9",
+    500: "#d946ef",
+    600: "#c026d3",
+    700: "#a21caf",
+    800: "#86198f",
+    900: "#701a75",
+    950: "#4a044e"
+  },
+  pink: {
+    50: "#fdf2f8",
+    100: "#fce7f3",
+    200: "#fbcfe8",
+    300: "#f9a8d4",
+    400: "#f472b6",
+    500: "#ec4899",
+    600: "#db2777",
+    700: "#be185d",
+    800: "#9d174d",
+    900: "#831843",
+    950: "#500724"
+  },
+  rose: {
+    50: "#fff1f2",
+    100: "#ffe4e6",
+    200: "#fecdd3",
+    300: "#fda4af",
+    400: "#fb7185",
+    500: "#f43f5e",
+    600: "#e11d48",
+    700: "#be123c",
+    800: "#9f1239",
+    900: "#881337",
+    950: "#4c0519"
+  }
+};
+export {
+  f as themeColor
+};

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import { createDux as o } from "./main.js";
-import { useCan as u, useCheck as s, useError as p, useForgotPassword as m, useGetAuth as x, useIsLogin as a, useLogin as f, useLogout as i, useRegister as n, useUpdatePassword as d } from "./hooks/auth.js";
-import { useConfig as D } from "./hooks/config.js";
-import { useClient as C, useCreate as g, useCreateMany as I, useCustom as L, useCustomMutation as M, useDelete as c, useDeleteMany as y, useInfiniteList as S, useInvalidate as T, useList as h, useMany as P, useOne as U, useUpdate as A, useUpdateMany as R } from "./hooks/data.js";
+import { useCan as u, useCheck as s, useError as p, useForgotPassword as m, useGetAuth as x, useIsLogin as f, useLogin as a, useLogout as i, useRegister as n, useUpdatePassword as d } from "./hooks/auth.js";
+import { useConfig as C } from "./hooks/config.js";
+import { useClient as v, useCreate as g, useCreateMany as h, useCustom as I, useCustomMutation as L, useDelete as M, useDeleteMany as S, useInfiniteList as T, useInvalidate as c, useList as y, useMany as P, useOne as U, useUpdate as A, useUpdateMany as R } from "./hooks/data.js";
 import { useManage as E } from "./hooks/manage.js";
 import { useMenu as b } from "./hooks/menu.js";
 import { useTheme as k } from "./hooks/theme.js";
@@ -16,50 +16,55 @@ import { useImportCsv as _ } from "./hooks/importCsv.js";
 import { useUpload as ee } from "./hooks/upload.js";
 import { createLocalUploadDriver as oe } from "./hooks/upload/local.js";
 import { createS3UploadDriver as ue } from "./hooks/upload/s3.js";
-import { initRouter as pe } from "./router/route.js";
-import { useAuthStore as xe } from "./stores/auth.js";
-import { useRouteStore as fe } from "./stores/route.js";
-import { useTabStore as ne } from "./stores/tab.js";
-import { useManageStore as le } from "./stores/manage.js";
-import { useI18nStore as ve } from "./stores/i18n.js";
-import { DuxLogo as ge } from "./components/common/logo.js";
-import { default as Le } from "./components/loader/iframe.js";
-import { DuxOverlay as ce } from "./components/overlay/overlay.js";
-import { DuxCan as Se } from "./components/auth/can.js";
-import { arrayToTree as he, searchTree as Pe, treeToArr as Ue } from "./utils/tree.js";
-import { DuxAppProvider as Re } from "./provider/app.js";
-import { DuxTabRouterView as Ee } from "./provider/tab.js";
-import { simpleAuthProvider as be } from "./preset/authProvider.js";
-import { simpleDataProvider as ke } from "./preset/dataProvider.js";
-import { i18nProvider as Ve } from "./preset/i18nProvider.js";
+import { themeColor as pe } from "./hooks/themeColor.js";
+import { initRouter as xe } from "./router/route.js";
+import { useAuthStore as ae } from "./stores/auth.js";
+import { useRouteStore as ne } from "./stores/route.js";
+import { useTabStore as le } from "./stores/tab.js";
+import { useManageStore as De } from "./stores/manage.js";
+import { useI18nStore as ge } from "./stores/i18n.js";
+import { useThemeStore as Ie } from "./stores/theme.js";
+import { DuxLogo as Me } from "./components/common/logo.js";
+import { default as Te } from "./components/loader/iframe.js";
+import { DuxOverlay as ye } from "./components/overlay/overlay.js";
+import { DuxCan as Ue } from "./components/auth/can.js";
+import { arrayToTree as Re, searchTree as we, treeToArr as Ee } from "./utils/tree.js";
+import { themePreset as be } from "./utils/theme.js";
+import { DuxAppProvider as ke } from "./provider/app.js";
+import { DuxTabRouterView as Ve } from "./provider/tab.js";
+import { simpleAuthProvider as qe } from "./preset/authProvider.js";
+import { simpleDataProvider as Be } from "./preset/dataProvider.js";
+import { i18nProvider as Je } from "./preset/i18nProvider.js";
 export {
-  Re as DuxAppProvider,
-  Se as DuxCan,
-  Le as DuxLoaderIframe,
-  ge as DuxLogo,
-  ce as DuxOverlay,
-  Ee as DuxTabRouterView,
-  he as arrayToTree,
+  ke as DuxAppProvider,
+  Ue as DuxCan,
+  Te as DuxLoaderIframe,
+  Me as DuxLogo,
+  ye as DuxOverlay,
+  Ve as DuxTabRouterView,
+  Re as arrayToTree,
   o as createDux,
   oe as createLocalUploadDriver,
   ue as createS3UploadDriver,
-  Ve as i18nProvider,
-  pe as initRouter,
-  Pe as searchTree,
-  be as simpleAuthProvider,
-  ke as simpleDataProvider,
-  Ue as treeToArr,
-  xe as useAuthStore,
+  Je as i18nProvider,
+  xe as initRouter,
+  we as searchTree,
+  qe as simpleAuthProvider,
+  Be as simpleDataProvider,
+  pe as themeColor,
+  be as themePreset,
+  Ee as treeToArr,
+  ae as useAuthStore,
   u as useCan,
   s as useCheck,
-  C as useClient,
-  D as useConfig,
+  v as useClient,
+  C as useConfig,
   g as useCreate,
-  I as useCreateMany,
-  L as useCustom,
-  M as useCustomMutation,
-  c as useDelete,
-  y as useDeleteMany,
+  h as useCreateMany,
+  I as useCustom,
+  L as useCustomMutation,
+  M as useDelete,
+  S as useDeleteMany,
   p as useError,
   N as useExport,
   Y as useExportCsv,
@@ -67,26 +72,27 @@ export {
   J as useForm,
   x as useGetAuth,
   q as useI18n,
-  ve as useI18nStore,
+  ge as useI18nStore,
   W as useImport,
   _ as useImportCsv,
-  S as useInfiniteList,
-  T as useInvalidate,
-  a as useIsLogin,
-  h as useList,
-  f as useLogin,
+  T as useInfiniteList,
+  c as useInvalidate,
+  f as useIsLogin,
+  y as useList,
+  a as useLogin,
   i as useLogout,
   E as useManage,
-  le as useManageStore,
+  De as useManageStore,
   P as useMany,
   b as useMenu,
   U as useOne,
   V as useOverlay,
   n as useRegister,
-  fe as useRouteStore,
+  ne as useRouteStore,
   B as useSelect,
-  ne as useTabStore,
+  le as useTabStore,
   k as useTheme,
+  Ie as useThemeStore,
   A as useUpdate,
   R as useUpdateMany,
   d as useUpdatePassword,

package/dist/esm/provider/app.js

@@ -12,21 +12,22 @@ import { useRouteStore as Q } from "../stores/route.js";
 import { useManageStore as T } from "../stores/manage.js";
 import { useI18nStore as W } from "../stores/i18n.js";
 import "@vueuse/core";
+import "colorizr";
 import "clsx";
 import "json-2-csv";
 import "axios";
-const le = /* @__PURE__ */ O({
+const ge = /* @__PURE__ */ O({
   name: "DuxAppProvider",
   props: {},
   setup(X, {
-    slots: m
+    slots: u
   }) {
-    const f = U("dux.manage"), u = H(), s = B();
+    const f = U("dux.manage"), m = H(), s = B();
     return s.beforeEach(async (r, Y, n) => {
       var P, R, b, A, S, $, M, k, w, z, I, C, y, D;
       const t = r.meta.manageName, _ = r.meta.authorization === !1;
       if (!t) {
-        const e = u.defaultManage || ((R = (P = u.manages) == null ? void 0 : P[0]) == null ? void 0 : R.name) || "";
+        const e = m.defaultManage || ((R = (P = m.manages) == null ? void 0 : P[0]) == null ? void 0 : R.name) || "";
         return n({
           path: `/${e}`,
           replace: !0
@@ -34,7 +35,7 @@ const le = /* @__PURE__ */ O({
       }
       f && (f.value = t);
       const h = T(t);
-      h.isInit() || h.setConfig((b = u.manages) == null ? void 0 : b.find((e) => e.name === t), u);
+      h.isInit() || h.setConfig((b = m.manages) == null ? void 0 : b.find((e) => e.name === t), m);
       const i = Q(t), a = J(t), d = K(t), l = W(t);
       if ((A = a.config) != null && A.i18nProvider && !l.isInit()) {
         const e = l.getLocale();
@@ -138,11 +139,11 @@ const le = /* @__PURE__ */ O({
     }), () => V(q, null, {
       default: () => {
         var r;
-        return [(r = m.default) == null ? void 0 : r.call(m)];
+        return [(r = u.default) == null ? void 0 : r.call(u)];
       }
     });
   }
 });
 export {
-  le as DuxAppProvider
+  ge as DuxAppProvider
 };

package/dist/esm/stores/theme.js

@@ -0,0 +1,57 @@
+import { defineStore as d } from "pinia";
+import { inject as v, ref as n } from "vue";
+const s = {
+  primary: "blue",
+  info: "cyan",
+  success: "green",
+  warning: "amber",
+  error: "red",
+  gray: "gray"
+};
+function g(t) {
+  const e = v("dux.manage");
+  if (t || (t = (e == null ? void 0 : e.value) || ""), !t)
+    throw new Error("manage not found");
+  return T(t)();
+}
+function T(t) {
+  return d(`theme-${t}`, () => {
+    const e = n(s), o = n("auto"), u = n(!1);
+    function c() {
+      u.value = !0;
+    }
+    function i(r) {
+      o.value = r;
+    }
+    function f(r, a) {
+      e.value[r] = a;
+    }
+    function m(r) {
+      Object.assign(e.value, r);
+    }
+    function h() {
+      e.value = { ...s };
+    }
+    function l() {
+      return e.value;
+    }
+    return {
+      mode: o,
+      setMode: i,
+      theme: e,
+      cssInit: u,
+      setCssInit: c,
+      setThemeColor: f,
+      setThemeColors: m,
+      resetTheme: h,
+      getTheme: l
+    };
+  }, {
+    persist: {
+      pick: ["theme", "mode"]
+    }
+  });
+}
+export {
+  g as useThemeStore
+};

package/dist/esm/utils/theme.js

@@ -0,0 +1,82 @@
+const l = (i) => {
+  const e = {}, c = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"], u = ["primary", "info", "success", "warning", "error", "gray"], b = ["hover", "pressed", "focus", "disabled"];
+  e.white = { DEFAULT: "var(--color-white)" }, e.black = { DEFAULT: "var(--color-black)" }, Object.keys(i).forEach((r) => {
+    e[r] = {}, c.forEach((o) => {
+      e[r][o] = `var(--base-color-${r}-${o})`;
+    });
+  }), u.forEach((r) => {
+    e[r] = {}, e[r].DEFAULT = `var(--ui-color-${r})`, c.forEach((o) => {
+      e[r][o] = `var(--ui-color-${r}-${o})`;
+    }), b.forEach((o) => {
+      e[r][o] = `var(--ui-color-${r}-${o})`;
+    });
+  });
+  const t = {
+    // 文字颜色
+    text: {
+      color: "var(--ui-text)"
+    },
+    "text-dimmed": {
+      color: "var(--ui-text-dimmed)"
+    },
+    "text-muted": {
+      color: "var(--ui-text-muted)"
+    },
+    "text-toned": {
+      color: "var(--ui-text-toned)"
+    },
+    "text-highlighted": {
+      color: "var(--ui-text-highlighted)"
+    },
+    "text-inverted": {
+      color: "var(--ui-text-inverted)"
+    },
+    // 背景颜色
+    bg: {
+      "background-color": "var(--ui-bg)"
+    },
+    "bg-muted": {
+      "background-color": "var(--ui-bg-muted)"
+    },
+    "bg-elevated": {
+      "background-color": "var(--ui-bg-elevated)"
+    },
+    "bg-accented": {
+      "background-color": "var(--ui-bg-accented)"
+    },
+    "bg-inverted": {
+      "background-color": "var(--ui-bg-inverted)"
+    },
+    // 边框颜色
+    border: {
+      "border-color": "var(--ui-border)"
+    },
+    "border-muted": {
+      "border-color": "var(--ui-border-muted)"
+    },
+    "border-accented": {
+      "border-color": "var(--ui-border-accented)"
+    },
+    "border-inverted": {
+      "border-color": "var(--ui-border-inverted)"
+    }
+  }, a = {};
+  Object.entries(t).forEach(([r, o]) => {
+    a[`.${r}`] = o;
+  });
+  const d = [];
+  return Object.entries(t).forEach(([r, o]) => {
+    d.push([
+      r,
+      o
+    ]);
+  }), {
+    colors: e,
+    classes: t,
+    rules: d,
+    utilities: a
+  };
+};
+export {
+  l as themePreset
+};

package/dist/types/hooks/index.d.ts

@@ -14,3 +14,5 @@ export * from './exportCsv';
 export * from './importCsv';
 export * from './upload';
 export * from './upload/index';
+export * from './themeColor';
+export * from './theme';