uview-pro 0.6.12 → 0.6.13

package/changelog.md

@@ -1,13 +1,24 @@
-## 0.6.12（2026-07-24）
+## 0.6.13（2026-07-28）
 
 ### 🐛 Bug Fixes | Bug 修复
 
-- **vite:** 修复vite插件root根组件在使用npm方式引入时导致无法被正确加载的问题 ([90561fa](https://github.com/anyup/uView-Pro/commit/90561fa406a8c9d8d49f8223cdda333cc662a42a))
+- **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/package.json

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