@duxweb/dvha-core 0.1.14 → 0.1.16

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

@@ -0,0 +1,288 @@
+export declare const themeColor: {
+    slate: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    zinc: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    neutral: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    stone: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    orange: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    amber: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    lime: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    emerald: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    teal: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    cyan: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    sky: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    indigo: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    violet: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    purple: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    fuchsia: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    pink: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    rose: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+};

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

@@ -0,0 +1,18 @@
+interface IUseTreeProps {
+    path?: string;
+    params?: Record<string, any>;
+    treeOptions?: {
+        valueKey?: string;
+        parentKey?: string;
+        sortKey?: string;
+        childrenKey?: string;
+    };
+    converTree?: boolean;
+    providerName?: string;
+}
+export declare function useTree(props: IUseTreeProps): {
+    options: import("vue").ComputedRef<any>;
+    loading: import("vue").ComputedRef<boolean>;
+    expanded: import("vue").ComputedRef<unknown[]>;
+};
+export {};

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

@@ -3,3 +3,4 @@ export * from './route';
 export * from './tab';
 export * from './manage';
 export * from './i18n';
+export * from './theme';

package/dist/types/stores/theme.d.ts

@@ -0,0 +1,104 @@
+import { ThemeColorName, ThemeColorType } from '../hooks';
+import { Ref } from 'vue';
+export interface ThemeState {
+    primary: ThemeColorName;
+    info: ThemeColorName;
+    success: ThemeColorName;
+    warning: ThemeColorName;
+    error: ThemeColorName;
+    gray: ThemeColorName;
+}
+export declare function useThemeStore(manageName?: string): import("pinia").Store<`theme-${string}`, Pick<{
+    mode: Ref<"light" | "dark" | "auto", "light" | "dark" | "auto">;
+    setMode: (newMode: "light" | "dark" | "auto") => void;
+    theme: Ref<{
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    }, ThemeState | {
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    }>;
+    cssInit: Ref<boolean, boolean>;
+    setCssInit: () => void;
+    setThemeColor: (type: ThemeColorType, colorName: ThemeColorName) => void;
+    setThemeColors: (colors: Partial<ThemeState>) => void;
+    resetTheme: () => void;
+    getTheme: () => {
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    };
+}, "theme" | "mode" | "cssInit">, Pick<{
+    mode: Ref<"light" | "dark" | "auto", "light" | "dark" | "auto">;
+    setMode: (newMode: "light" | "dark" | "auto") => void;
+    theme: Ref<{
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    }, ThemeState | {
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    }>;
+    cssInit: Ref<boolean, boolean>;
+    setCssInit: () => void;
+    setThemeColor: (type: ThemeColorType, colorName: ThemeColorName) => void;
+    setThemeColors: (colors: Partial<ThemeState>) => void;
+    resetTheme: () => void;
+    getTheme: () => {
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    };
+}, never>, Pick<{
+    mode: Ref<"light" | "dark" | "auto", "light" | "dark" | "auto">;
+    setMode: (newMode: "light" | "dark" | "auto") => void;
+    theme: Ref<{
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    }, ThemeState | {
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    }>;
+    cssInit: Ref<boolean, boolean>;
+    setCssInit: () => void;
+    setThemeColor: (type: ThemeColorType, colorName: ThemeColorName) => void;
+    setThemeColors: (colors: Partial<ThemeState>) => void;
+    resetTheme: () => void;
+    getTheme: () => {
+        primary: ThemeColorName;
+        info: ThemeColorName;
+        success: ThemeColorName;
+        warning: ThemeColorName;
+        error: ThemeColorName;
+        gray: ThemeColorName;
+    };
+}, "setMode" | "setCssInit" | "setThemeColor" | "setThemeColors" | "resetTheme" | "getTheme">>;

package/dist/types/types/theme.d.ts

@@ -1,8 +1,10 @@
+import type { ThemeConfig } from '../hooks';
 export interface IConfigTheme {
     logo?: string;
     darkLogo?: string;
     banner?: string;
     darkBanner?: string;
+    config?: ThemeConfig;
 }
 export interface ITheme {
     logo?: string;

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

@@ -1 +1,2 @@
 export * from './tree';
+export * from './theme';

package/dist/types/utils/theme.d.ts

@@ -0,0 +1,52 @@
+export declare const themePreset: (themeColor: Record<string, any>) => {
+    colors: Record<string, Record<string, string>>;
+    classes: {
+        text: {
+            color: string;
+        };
+        'text-dimmed': {
+            color: string;
+        };
+        'text-muted': {
+            color: string;
+        };
+        'text-toned': {
+            color: string;
+        };
+        'text-highlighted': {
+            color: string;
+        };
+        'text-inverted': {
+            color: string;
+        };
+        bg: {
+            'background-color': string;
+        };
+        'bg-muted': {
+            'background-color': string;
+        };
+        'bg-elevated': {
+            'background-color': string;
+        };
+        'bg-accented': {
+            'background-color': string;
+        };
+        'bg-inverted': {
+            'background-color': string;
+        };
+        border: {
+            'border-color': string;
+        };
+        'border-muted': {
+            'border-color': string;
+        };
+        'border-accented': {
+            'border-color': string;
+        };
+        'border-inverted': {
+            'border-color': string;
+        };
+    };
+    rules: object[];
+    utilities: Record<string, Record<string, string>>;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-core",
   "type": "module",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "author": "DuxWeb",
   "license": "MIT",
   "repository": {
@@ -43,6 +43,7 @@
     "@vueuse/integrations": "^13.0.0",
     "axios": "^1.9.0",
     "clsx": "^2.1.1",
+    "colorizr": "^3.0.8",
     "json-2-csv": "^5.5.9",
     "lodash-es": "^4.17.21",
     "petite-vue-i18n": "^11.1.4",