@yh-ui/theme 1.0.1 → 1.0.5

package/dist/theme.cjs

@@ -563,7 +563,9 @@ class ThemeManager {
     colors: {},
     breakpoint: "md",
     density: "comfortable",
-    colorBlindMode: "none"
+    colorBlindMode: "none",
+    algorithm: "default",
+    componentThemeVersion: 0
   });
   constructor(options) {
     this.initTheme(options);
@@ -648,6 +650,7 @@ class ThemeManager {
   /** 设置颜色算法 */
   setAlgorithm(algorithm) {
     this.algorithm = algorithm;
+    this.state.algorithm = algorithm;
     const currentColors = {
       ...presetThemes[this.currentTheme],
       ...this.customColors
@@ -750,10 +753,13 @@ class ThemeManager {
   /** 获取当前主题的 CSS 变量对象 */
   getThemeStyles(colors = {}) {
     const styles = {};
-    const themeColors = {
+    const themeColors = this.colorBlindMode === "none" ? {
       ...presetThemes[this.currentTheme],
       ...this.customColors,
       ...colors
+    } : {
+      ...colorBlindPalettes[this.colorBlindMode],
+      ...colors
     };
     const colorTypes = [{
       key: "primary",
@@ -898,6 +904,7 @@ class ThemeManager {
       this.state.dark = this.isDark;
       this.state.colors = this.customColors;
       this.state.density = this.currentDensity;
+      this.state.algorithm = this.algorithm;
       return true;
     } catch (e) {
       console.warn("[YH-UI Theme] Failed to restore theme:", e);
@@ -970,6 +977,8 @@ class ThemeManager {
     this.state.colors = {};
     this.state.density = "comfortable";
     this.state.colorBlindMode = "none";
+    this.state.algorithm = "default";
+    this.state.componentThemeVersion += 1;
     document.documentElement.classList.remove("dark");
     const el = this.targetEl || document.documentElement;
     const colorTypes = ["primary", "success", "warning", "danger", "info"];
@@ -1036,6 +1045,7 @@ class ThemeManager {
       ...this.componentOverrides[componentName],
       ...overrides
     };
+    this.state.componentThemeVersion += 1;
     const el = this.targetEl || (typeof document !== "undefined" ? document.documentElement : null);
     if (!el) return;
     Object.entries(overrides).forEach(([name, value]) => {
@@ -1056,6 +1066,7 @@ class ThemeManager {
       removeCssVar(`--yh-${componentName}-${name}`, el);
     });
     delete this.componentOverrides[componentName];
+    this.state.componentThemeVersion += 1;
   }
   // ==================== 主题切换动画 ====================
   /** 启用主题切换动画 */

package/dist/theme.d.ts

@@ -161,6 +161,8 @@ export declare class ThemeManager {
         breakpoint: Breakpoint;
         density: ThemeDensity;
         colorBlindMode: ColorBlindMode;
+        algorithm: ColorAlgorithm;
+        componentThemeVersion: number;
     };
     constructor(options?: ThemeOptions);
     /** 初始化主题 */
@@ -299,6 +301,8 @@ export declare function useThemeVars(): {
     breakpoint: import("vue").Ref<Breakpoint, Breakpoint>;
     density: import("vue").Ref<ThemeDensity, ThemeDensity>;
     colorBlindMode: import("vue").Ref<ColorBlindMode, ColorBlindMode>;
+    algorithm: import("vue").Ref<ColorAlgorithm, ColorAlgorithm>;
+    componentThemeVersion: import("vue").Ref<number, number>;
 };
 /** 检查颜色对比度是否符合 WCAG 标准 */
 export declare function checkContrast(foreground: string, background: string, level?: 'AA' | 'AAA'): boolean;

package/dist/theme.mjs

@@ -504,7 +504,9 @@ export class ThemeManager {
     colors: {},
     breakpoint: "md",
     density: "comfortable",
-    colorBlindMode: "none"
+    colorBlindMode: "none",
+    algorithm: "default",
+    componentThemeVersion: 0
   });
   constructor(options) {
     this.initTheme(options);
@@ -578,6 +580,7 @@ export class ThemeManager {
   /** 设置颜色算法 */
   setAlgorithm(algorithm) {
     this.algorithm = algorithm;
+    this.state.algorithm = algorithm;
     const currentColors = {
       ...presetThemes[this.currentTheme],
       ...this.customColors
@@ -680,10 +683,13 @@ export class ThemeManager {
   /** 获取当前主题的 CSS 变量对象 */
   getThemeStyles(colors = {}) {
     const styles = {};
-    const themeColors = {
+    const themeColors = this.colorBlindMode === "none" ? {
       ...presetThemes[this.currentTheme],
       ...this.customColors,
       ...colors
+    } : {
+      ...colorBlindPalettes[this.colorBlindMode],
+      ...colors
     };
     const colorTypes = [
       { key: "primary", cssVar: "primary" },
@@ -816,6 +822,7 @@ export class ThemeManager {
       this.state.dark = this.isDark;
       this.state.colors = this.customColors;
       this.state.density = this.currentDensity;
+      this.state.algorithm = this.algorithm;
       return true;
     } catch (e) {
       console.warn("[YH-UI Theme] Failed to restore theme:", e);
@@ -888,6 +895,8 @@ export class ThemeManager {
     this.state.colors = {};
     this.state.density = "comfortable";
     this.state.colorBlindMode = "none";
+    this.state.algorithm = "default";
+    this.state.componentThemeVersion += 1;
     document.documentElement.classList.remove("dark");
     const el = this.targetEl || document.documentElement;
     const colorTypes = ["primary", "success", "warning", "danger", "info"];
@@ -971,6 +980,7 @@ export class ThemeManager {
       ...this.componentOverrides[componentName],
       ...overrides
     };
+    this.state.componentThemeVersion += 1;
     const el = this.targetEl || (typeof document !== "undefined" ? document.documentElement : null);
     if (!el) return;
     Object.entries(overrides).forEach(([name, value]) => {
@@ -991,6 +1001,7 @@ export class ThemeManager {
       removeCssVar(`--yh-${componentName}-${name}`, el);
     });
     delete this.componentOverrides[componentName];
+    this.state.componentThemeVersion += 1;
   }
   // ==================== 主题切换动画 ====================
   /** 启用主题切换动画 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yh-ui/theme",
-  "version": "1.0.1",
+  "version": "1.0.5",
   "description": "YH-UI theme and design tokens",
   "type": "module",
   "sideEffects": [