uview-pro 0.6.12 → 0.6.14

package/changelog.md

@@ -1,13 +1,43 @@
-## 0.6.12（2026-07-24）
+## 0.6.14（2026-07-30）
 
 ### 🐛 Bug Fixes | Bug 修复
 
-- **vite:** 修复vite插件root根组件在使用npm方式引入时导致无法被正确加载的问题 ([90561fa](https://github.com/anyup/uView-Pro/commit/90561fa406a8c9d8d49f8223cdda333cc662a42a))
+- **uni-root:** 适配HBuilderX环境，添加parser降级逻辑 ([f70749d](https://github.com/anyup/uView-Pro/commit/f70749d14d8e67f44ee44707c6c185b6a06e4b7e))
+- **plugin:** 解决微信小程序平台Vite/Rollup的sourcemap不正确警告问题 ([8158f79](https://github.com/anyup/uView-Pro/commit/8158f79223a6d73b7a715e288c812432081c3b70))
+
+### ♻️ Code Refactoring | 代码重构
+
+- **types:** 优化uview-pro的类型声明和导出配置 ([f540d45](https://github.com/anyup/uView-Pro/commit/f540d45fc5bf1ba340138699872d8f97857656fb))
+
+### ✨ Features | 新功能
+
+- **root:** root根组件新增生命周期钩子和日志 ([d144b24](https://github.com/anyup/uView-Pro/commit/d144b2432402955e6973628d4dddaa2697f6f901))
 
 ### 👥 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.13（2026-07-28）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-picker:** 修复抖音小程序等平台picker数据加载，导致弹窗失败问题（#174） ([ead3cdc](https://github.com/anyup/uView-Pro/commit/ead3cdc18fc5be05a3022acac4485fc3e3e75faa))
+- **u-select:** 修复抖音小程序select弹出问题（#174） ([c7a4c28](https://github.com/anyup/uView-Pro/commit/c7a4c2856f9790747ec234b0a6cc1154b560d701))
+
+### 👥 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.12（2026-07-24）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **vite:** 修复vite插件root根组件在使用npm方式引入时导致无法被正确加载的问题 ([90561fa](https://github.com/anyup/uView-Pro/commit/90561fa406a8c9d8d49f8223cdda333cc662a42a))
+
+### 👥 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.11（2026-07-24）
 
 ### ✨ Features | 新功能

package/components/u-picker/u-picker.vue

@@ -305,12 +305,12 @@ watch(
             if (props.modelValue) {
                 // reinit while open
                 readyToRender.value = false;
-                await nextTick();
+                init();
+                readyToRender.value = true;
                 // #ifdef APP-PLUS
+                await nextTick();
                 await new Promise(resolve => setTimeout(resolve, 20));
                 // #endif
-                await init();
-                readyToRender.value = true;
             }
         }
     },
@@ -324,12 +324,12 @@ watch(
             savedDefaultTime.value = n || null;
             if (props.modelValue) {
                 readyToRender.value = false;
-                await nextTick();
+                init();
+                readyToRender.value = true;
                 // #ifdef APP-PLUS
+                await nextTick();
                 await new Promise(resolve => setTimeout(resolve, 20));
                 // #endif
-                await init();
-                readyToRender.value = true;
             }
         }
     }
@@ -342,12 +342,12 @@ watch(
             savedDefaultRegion.value = n && (n as any[]).length ? (n as any[]).slice() : null;
             if (props.modelValue) {
                 readyToRender.value = false;
-                await nextTick();
+                init();
+                readyToRender.value = true;
                 // #ifdef APP-PLUS
+                await nextTick();
                 await new Promise(resolve => setTimeout(resolve, 20));
                 // #endif
-                await init();
-                readyToRender.value = true;
             }
         }
     },
@@ -369,15 +369,15 @@ watch(
     () => props.modelValue,
     async n => {
         if (n) {
-            // 等待一次 DOM 更新
-            await nextTick();
-            // APP-PLUS 原生控件可能需要更长的原生初始化时间，先短延迟以提高稳定性
+            // 同步调用 init()，确保 picker-view 列数据在渲染前就填充完毕
+            // 这对抖音等小程序平台至关重要：原生 picker-view 需要在创建时就有完整数据
+            init();
+            readyToRender.value = true;
+            // APP-PLUS 原生控件可能需要更长的原生初始化时间
             // #ifdef APP-PLUS
+            await nextTick();
             await new Promise(resolve => setTimeout(resolve, 20));
             // #endif
-            // 初始化数据并在完成后再渲染 picker-view
-            await init();
-            readyToRender.value = true;
         } else {
             // 关闭时隐藏 picker，保留已保存的值
             readyToRender.value = false;
@@ -461,7 +461,7 @@ function initTimeValue() {
 /**
  * 初始化picker各列数据
  */
-async function init() {
+function init() {
     valueArr.value = [];
     if (props.mode == 'time') {
         initTimeValue();
@@ -509,8 +509,6 @@ async function init() {
         valueArr.value = getEffectiveDefaultSelector();
         multiSelectorValue.value = getEffectiveDefaultSelector();
     }
-    // 等待 DOM 与 Vue 响应式更新完成，确保在原生组件挂载时数据已就绪
-    await nextTick();
 }
 /**
  * 设置年份列

package/components/u-select/u-select.vue

@@ -119,6 +119,7 @@ const defaultSelector = ref<number[]>([0]);
 // picker-view的数据
 const columnData = ref<SelectListItem[][]>([]);
 // 控制 picker 是否渲染（等待初始化完成）
+// 初始为 false，确保 picker-view 原生组件在数据就绪后才创建（抖音小程序等平台需要在创建时就有完整数据）
 const readyToRender = ref(false);
 // 保存用户上次确认的索引，如果用户未确认过，则为 null，首次打开会使用 props.defaultValue
 const savedSelector = ref<number[] | null>(
@@ -148,17 +149,17 @@ watch(
     () => props.modelValue,
     async val => {
         if (val) {
-            // 等待一次 DOM 更新
-            await nextTick();
+            // 同步调用 init()，确保 columnData 在 picker-view 渲染前就填充完毕
+            // 这对抖音等小程序平台至关重要：原生 picker-view 需要在创建时就有完整数据
+            init();
+            readyToRender.value = true;
             // 在 App（APP-PLUS）平台上，原生 picker 可能需要更长时间初始化
-            // 我们先执行 init，并在 init 完成后将 readyToRender 置为 true，保证 picker 在数据就绪后渲染
             // #ifdef APP-PLUS
+            await nextTick();
             await new Promise(resolve => setTimeout(resolve, 20));
             // #endif
-            init();
-            readyToRender.value = true;
         } else {
-            // 关闭弹窗时复位
+            // 关闭弹窗时复位，下次打开时 picker-view 会重新创建，确保数据刷新
             readyToRender.value = false;
         }
     },

package/index.ts

@@ -1,100 +1,100 @@
-import { $u, type RequestOptions, initTheme, configProvider } from './libs';
-import type { UViewProOptions, Theme } from './types/global';
-import { defaultThemes } from './libs/config/theme-tokens';
-import { setConfig } from './libs/config/config';
-
-declare const uni: {
-    [key: string]: any;
-    $u?: typeof $u;
-    createSelectorQuery: () => any;
-    hideLoading: () => void;
-    showLoading: (options: any) => void;
-    request: (options: RequestOptions) => any;
-};
-
-// $u挂载到uni对象上
-const install = (app: any, options?: UViewProOptions): void => {
-    try {
-        if (options) {
-            // 配置主题：统一使用 useTheme 的 initTheme 初始化，避免重复初始化
-            if (options?.theme) {
-                const optTheme = options.theme as any;
-                // 1.如果是数组，则为多主题配置
-                if (Array.isArray(optTheme)) {
-                    initTheme(optTheme);
-                } else if (typeof optTheme === 'object' && optTheme.themes) {
-                    // 2.如果为对象且有themes，则为多主题配置+设置默认主题
-                    initTheme(
-                        optTheme.themes,
-                        {
-                            defaultTheme: optTheme.defaultTheme,
-                            defaultDarkMode: optTheme.defaultDarkMode
-                        },
-                        optTheme.isForce
-                    );
-                } else {
-                    // 3.兼容之前只有一套样式的情况,需要覆盖默认主题，默认系统主题（uviewpro）
-                    const defaultTheme = defaultThemes[0];
-                    if (defaultTheme) {
-                        // 创建新主题对象，用用户的 theme 覆盖默认主题的 color
-                        const mergedTheme: Theme = {
-                            ...defaultTheme,
-                            color: {
-                                ...defaultTheme.color,
-                                ...optTheme
-                            }
-                        };
-                        // 初始化主题（只包含覆盖后的默认主题）
-                        initTheme([mergedTheme], defaultTheme.name);
-                    }
-                }
-            } else {
-                // 默认初始化系统主题
-                initTheme();
-            }
-            // 初始化国际化（如果提供 options.locale 或使用内置语言包）
-            try {
-                // options.locale 可以是 string（默认语言名） | any[]（locale 列表） | { locales: any[], defaultLocale?: string }
-                if (options?.locale) {
-                    const optLocale: any = options.locale as any;
-                    if (typeof optLocale === 'string') {
-                        configProvider.initLocales(undefined, optLocale);
-                    } else if (Array.isArray(optLocale)) {
-                        configProvider.initLocales(optLocale);
-                    } else if (optLocale && typeof optLocale === 'object') {
-                        configProvider.initLocales(optLocale.locales, optLocale.defaultLocale, optLocale.isForce);
-                    } else {
-                        configProvider.initLocales();
-                    }
-                } else {
-                    // 无 locale 配置，仍然初始化内置语言包以保证可用
-                    configProvider.initLocales();
-                }
-            } catch (e) {
-                console.error('[install locales] Error:', e);
-            }
-            // 设置调试模式
-            setConfig({
-                debugMode: options?.debugMode ?? false
-            });
-        } else {
-            // 默认初始化系统主题
-            initTheme();
-            // 默认初始化内置语言包以保证可用
-            configProvider.initLocales();
-        }
-    } catch (error) {
-        console.error('[install options] Error:', error);
-    }
-    uni.$u = $u;
-    // 可扩展更多配置项
-    app.config.globalProperties.$u = $u;
-};
-
-export default {
-    install
-};
-
-export * from './libs';
-
-export type { UViewProOptions };
+import { $u, type RequestOptions, initTheme, configProvider } from './libs';
+import type { UViewProOptions, Theme } from './types/global';
+import { defaultThemes } from './libs/config/theme-tokens';
+import { setConfig } from './libs/config/config';
+
+declare const uni: {
+    [key: string]: any;
+    $u?: typeof $u;
+    createSelectorQuery: () => any;
+    hideLoading: () => void;
+    showLoading: (options: any) => void;
+    request: (options: RequestOptions) => any;
+};
+
+// $u挂载到uni对象上
+const install = (app: any, options?: UViewProOptions): void => {
+    try {
+        if (options) {
+            // 配置主题：统一使用 useTheme 的 initTheme 初始化，避免重复初始化
+            if (options?.theme) {
+                const optTheme = options.theme as any;
+                // 1.如果是数组，则为多主题配置
+                if (Array.isArray(optTheme)) {
+                    initTheme(optTheme);
+                } else if (typeof optTheme === 'object' && optTheme.themes) {
+                    // 2.如果为对象且有themes，则为多主题配置+设置默认主题
+                    initTheme(
+                        optTheme.themes,
+                        {
+                            defaultTheme: optTheme.defaultTheme,
+                            defaultDarkMode: optTheme.defaultDarkMode
+                        },
+                        optTheme.isForce
+                    );
+                } else {
+                    // 3.兼容之前只有一套样式的情况,需要覆盖默认主题，默认系统主题（uviewpro）
+                    const defaultTheme = defaultThemes[0];
+                    if (defaultTheme) {
+                        // 创建新主题对象，用用户的 theme 覆盖默认主题的 color
+                        const mergedTheme: Theme = {
+                            ...defaultTheme,
+                            color: {
+                                ...defaultTheme.color,
+                                ...optTheme
+                            }
+                        };
+                        // 初始化主题（只包含覆盖后的默认主题）
+                        initTheme([mergedTheme], defaultTheme.name);
+                    }
+                }
+            } else {
+                // 默认初始化系统主题
+                initTheme();
+            }
+            // 初始化国际化（如果提供 options.locale 或使用内置语言包）
+            try {
+                // options.locale 可以是 string（默认语言名） | any[]（locale 列表） | { locales: any[], defaultLocale?: string }
+                if (options?.locale) {
+                    const optLocale: any = options.locale as any;
+                    if (typeof optLocale === 'string') {
+                        configProvider.initLocales(undefined, optLocale);
+                    } else if (Array.isArray(optLocale)) {
+                        configProvider.initLocales(optLocale);
+                    } else if (optLocale && typeof optLocale === 'object') {
+                        configProvider.initLocales(optLocale.locales, optLocale.defaultLocale, optLocale.isForce);
+                    } else {
+                        configProvider.initLocales();
+                    }
+                } else {
+                    // 无 locale 配置，仍然初始化内置语言包以保证可用
+                    configProvider.initLocales();
+                }
+            } catch (e) {
+                console.error('[install locales] Error:', e);
+            }
+            // 设置调试模式
+            setConfig({
+                debugMode: options?.debugMode ?? false
+            });
+        } else {
+            // 默认初始化系统主题
+            initTheme();
+            // 默认初始化内置语言包以保证可用
+            configProvider.initLocales();
+        }
+    } catch (error) {
+        console.error('[install options] Error:', error);
+    }
+    uni.$u = $u;
+    // 可扩展更多配置项
+    app.config.globalProperties.$u = $u;
+};
+
+export default {
+    install
+};
+
+export * from './libs';
+
+export type { UViewProOptions };

package/package.json

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