uview-pro 0.6.9 → 0.6.10

package/changelog.md

@@ -1,14 +1,25 @@
-## 0.6.9（2026-07-15）
+## 0.6.10（2026-07-23）
 
-### 🐛 Bug Fixes | Bug 修复
+### ♻️ Code Refactoring | 代码重构
 
-- **u-input:** 新增clear事件并在清空时触发（#175） ([103fadc](https://github.com/anyup/uView-Pro/commit/103fadc3649a9555ccb97682d04005ff63cc02f9))
-- **u-input:** 修复input在readonly状态下在低版本安卓上无效的问题 ([fccacbd](https://github.com/anyup/uView-Pro/commit/fccacbda882b846af1445dfaf7868f2981e21cb5))
+- **u-config-provider:** 优化暗黑模式和主题初始化逻辑 ([0c010db](https://github.com/anyup/uView-Pro/commit/0c010db5b83bf9514b856cba95a7ba8d9aa56dbf))
+- **theme:** 简化初始化主题和多语言相关逻辑 ([ec5d64b](https://github.com/anyup/uView-Pro/commit/ec5d64b0c8e0b494ab21c8c4bf278cf1e2559317))
 
 ### 👥 Contributors
 
 <a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
 
+## 0.6.9（2026-07-15）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-input:** 新增clear事件并在清空时触发（#175） ([103fadc](https://github.com/anyup/uView-Pro/commit/103fadc3649a9555ccb97682d04005ff63cc02f9))
+- **u-input:** 修复input在readonly状态下在低版本安卓上无效的问题 ([fccacbd](https://github.com/anyup/uView-Pro/commit/fccacbda882b846af1445dfaf7868f2981e21cb5))
+
+### 👥 Contributors
+
+<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
+
 ## 0.6.8（2026-07-03）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-config-provider/types.ts

@@ -1,6 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { config, configProvider } from '../../libs';
-import type { Theme } from '../../types/global';
+import type { Theme, DarkMode } from '../../types/global';
 
 export const ConfigProviderProps = {
     /** 自定义根节点样式 */
@@ -20,8 +20,8 @@ export const ConfigProviderProps = {
      * - 'auto': 自动跟随系统设置
      */
     darkMode: {
-        type: String as PropType<'light' | 'dark' | 'auto'>,
-        default: () => config.defaultDarkMode
+        type: String as PropType<DarkMode>,
+        default: () => configProvider.getDarkMode()
     },
     /**
      * 当前主题名称（用于多主题切换）

package/components/u-config-provider/u-config-provider.vue

@@ -42,50 +42,46 @@ const props = defineProps(ConfigProviderProps);
 
 const emit = defineEmits<{
     'theme-change': [themeName: string];
-    'mode-change': [mode: 'light' | 'dark'];
+    'mode-change': [mode: string];
 }>();
 
-// 计算当前的主题模式（亮色/暗黑）
-const darkMode = computed(() => (configProvider.isInDarkMode() ? 'dark' : 'light'));
+const { initTheme } = useTheme();
+const { initLocales, setLocale, getLocales, getCurrentLocale } = useLocale();
 
 const bootstrapTheme = () => {
-    // 如果已经初始化过主题，不再重复初始化，只更新 props 相关配置
-    const existingThemes = configProvider.getThemes();
-    if (existingThemes.length > 0) {
-        // 已初始化，只更新当前主题和暗黑模式
-        if (props.currentTheme) {
-            configProvider.setTheme(props.currentTheme as string);
-        }
-        if (props.darkMode) {
-            configProvider.setDarkMode(props.darkMode);
+    // 初始化主题
+    try {
+        // 如果已经初始化过主题，不再重复初始化，只更新 props 相关配置
+        const existingThemes = configProvider.getThemes();
+        if (existingThemes.length > 0) {
+            // 已初始化，只在值不同时才更新（避免覆盖用户之前的设置）
+            if (props.currentTheme && props.currentTheme !== configProvider.getCurrentTheme()?.name) {
+                configProvider.setTheme(props.currentTheme as string);
+            }
+            if (props.darkMode && props.darkMode !== configProvider.getDarkMode()) {
+                configProvider.setDarkMode(props.darkMode);
+            }
+            return;
         }
-        return;
-    }
-
-    // 未初始化，进行初始化
-    if (props.themes && props.themes.length) {
-        configProvider.initTheme(props.themes, props.currentTheme as any);
-    } else {
-        // 使用 useTheme 的 initTheme，它会处理默认主题
-        const { initTheme } = useTheme();
-        initTheme(undefined, props.currentTheme as any);
-    }
 
-    if (props.currentTheme) {
-        configProvider.setTheme(props.currentTheme as string);
-    }
-    if (props.darkMode) {
-        configProvider.setDarkMode(props.darkMode);
+        // 未初始化，进行初始化
+        if (props.themes && props.themes.length) {
+            configProvider.initTheme(props.themes, props.currentTheme as any);
+        } else {
+            // 使用 useTheme 的 initTheme，它会处理默认主题
+            initTheme(undefined, props.currentTheme as any);
+        }
+    } catch (e) {
+        console.warn('[u-config-provider] init theme failed', e);
     }
 };
 
 const bootstrapLocale = () => {
     // 初始化国际化
     try {
-        const { initLocales, setLocale, getLocales } = useLocale();
         const existingLocales = getLocales();
         if (existingLocales.length > 0) {
-            if (props.currentLocale) {
+            if (props.currentLocale && props.currentLocale !== getCurrentLocale()?.name) {
                 setLocale(props.currentLocale as string);
             }
         } else {
@@ -134,7 +130,6 @@ watch(
     val => {
         if (val && val !== configProvider.getDarkMode()) {
             configProvider.setDarkMode(val);
-            emit('mode-change', darkMode.value);
         }
     }
 );
@@ -144,7 +139,6 @@ watch(
     () => props.locales,
     val => {
         if (val && val.length) {
-            const { initLocales } = useLocale();
             initLocales(val, props.currentLocale as any);
         }
     },
@@ -155,7 +149,6 @@ watch(
     () => props.currentLocale,
     val => {
         if (val) {
-            const { setLocale } = useLocale();
             setLocale(val);
         }
     }
@@ -175,9 +168,12 @@ watch(
 // 监听暗黑模式变更并触发事件
 watch(
     () => configProvider.darkModeRef.value,
-    () => {
-        emit('mode-change', darkMode.value);
-    }
+    (val, oldVal) => {
+        if (val && val !== oldVal) {
+            emit('mode-change', val);
+        }
+    },
+    { immediate: true }
 );
 
 // 计算合并样式（作为局部 fallback），configProvider 已经会把变量注入到 document 上

package/package.json

@@ -2,7 +2,7 @@
     "id": "uview-pro",
     "name": "uview-pro",
     "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS的高质量UI组件库，支持多主题、暗黑模式、多语言",
-    "version": "0.6.9",
+    "version": "0.6.10",
     "description": "uView Pro是基于Vue3+TS的多平台UI框架，提供80+高质量组件、便捷工具和常用模板，支持多主题、暗黑模式、多语言，支持H5/APP/鸿蒙/小程序多端开发。已在鸿蒙应用商店上架，欢迎体验！",
     "main": "index.ts",
     "module": "index.ts",