uview-pro 0.5.11 → 0.5.12

package/changelog.md

@@ -1,3 +1,19 @@
+## 0.5.12（2026-03-09）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-tabs:** 延迟初始化tabs组件以确保正确获取尺寸信息，修复在App端滑块偏移问题（#139） ([90f79ff](https://github.com/anyup/uView-Pro/commit/90f79ff8f1e71a2ebc05be7d0318b8107425e09a))
+- **u-upload:** 优化u-upload组件在暗黑模式下的显示效果 ([24955ad](https://github.com/anyup/uView-Pro/commit/24955ad947d6edc736c695f9052344a83fa191ae))
+- **u-calendar:** 优化日历组件设置为range范围选择时，仅当开始、结束时间选择完成时才可点击确定（#136） ([4dee864](https://github.com/anyup/uView-Pro/commit/4dee864abda5e65a755aaaccbaffc430ca463cdd))
+
+### ✨ Features | 新功能
+
+- **demo:** 添加H5平台条件编译控制，优化组件描述文案 ([d482223](https://github.com/anyup/uView-Pro/commit/d4822234e1f0e13a6480732350f884d5034368b5))
+
+### 👥 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.5.11（2026-03-02）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-calendar/u-calendar.vue

@@ -226,7 +226,13 @@
                     <text v-if="endDate">{{ t('uCalendar.to') }}{{ endDate }}</text>
                 </view>
                 <view class="u-calendar__bottom__btn">
-                    <u-button :type="btnType" shape="circle" size="default" @click="btnFix(false)">
+                    <u-button
+                        :type="btnType"
+                        :disabled="btnDisable"
+                        shape="circle"
+                        size="default"
+                        @click="btnFix(false)"
+                    >
                         {{ t('uCalendar.confirmText') }}
                     </u-button>
                 </view>
@@ -335,6 +341,20 @@ const popupValue = computed({
     set: (val: boolean) => emit('update:modelValue', val)
 });
 
+const btnDisable = computed(() => {
+    let disable = false;
+    if (props.mode == 'range') {
+        if (!startDate.value || !endDate.value) {
+            disable = true;
+        }
+    } else {
+        if (!activeDate.value) {
+            disable = true;
+        }
+    }
+    return disable;
+});
+
 watch([dataChange, lunarChange], () => {
     init();
 });

package/components/u-tabs/u-tabs.vue

@@ -238,7 +238,12 @@ function scrollByIndex() {
 }
 
 onMounted(() => {
-    init();
+    nextTick(() => {
+        // 延时获取tabs的尺寸信息
+        setTimeout(() => {
+            init();
+        }, 500);
+    });
 });
 
 defineExpose({ init, clickTab, scrollByIndex });

package/components/u-upload/u-upload.vue

@@ -494,7 +494,7 @@ defineExpose({ clear, reUpload, selectFile, upload, retry, remove, doPreviewImag
     height: 200rpx;
     overflow: hidden;
     margin: 10rpx;
-    background: rgb(244, 245, 246);
+    background: var(--u-bg-gray-light);
     position: relative;
     border-radius: 10rpx;
     /* #ifndef APP-NVUE */
@@ -505,7 +505,7 @@ defineExpose({ clear, reUpload, selectFile, upload, retry, remove, doPreviewImag
 }
 
 .u-preview-wrap {
-    border: 1px solid rgb(235, 236, 238);
+    border: 1px solid var(--u-border-color);
 }
 
 .u-add-wrap {
@@ -520,7 +520,7 @@ defineExpose({ clear, reUpload, selectFile, upload, retry, remove, doPreviewImag
 }
 
 .u-add-wrap__hover {
-    background-color: rgb(235, 236, 238);
+    background-color: var(--u-bg-gray-light);
 }
 
 .u-preview-image {

package/package.json

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