uview-pro 0.5.11 → 0.5.13

package/changelog.md

@@ -1,3 +1,33 @@
+## 0.5.13（2026-03-17）
+
+### ✨ Features | 新功能
+
+- **u-tabs:** tabs标签组件添加徽标圆点配置功能 ([4c9fe9b](https://github.com/anyup/uView-Pro/commit/4c9fe9b36ee9f04721f53e177bea08407c5e6d11))
+- **u-input:** 优化输入框清除图标显示控制逻辑（#141） ([e08bc10](https://github.com/anyup/uView-Pro/commit/e08bc10ffe81945b09f1afc50e273588b346c9d8))
+- **u-textarea:** 优化textarea清空按钮显示逻辑（#141） ([feab6cf](https://github.com/anyup/uView-Pro/commit/feab6cf55c17e655b7a89b9f748ef814b5ff8472))
+- **demo:** 优化微信小程序声明显示条件 ([72a5cd2](https://github.com/anyup/uView-Pro/commit/72a5cd2503bf90e99a9b7379703e7dce284896cc))
+- **toast:** 调整toast组件配置并添加回调功能 ([e9f697f](https://github.com/anyup/uView-Pro/commit/e9f697f58c6cc207bc4df3c16203565762cb860e))
+
+### 👥 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.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-input/u-input.vue

@@ -65,7 +65,7 @@
         <view class="u-input__right-icon u-flex">
             <view
                 class="u-input__right-icon__clear u-input__right-icon__item"
-                v-if="clearable && inputValue !== '' && !disabled"
+                v-if="clearIconShow"
                 @click.stop="onClear"
             >
                 <u-icon size="32" name="close-circle-fill" color="var(--u-light-color)" />
@@ -138,6 +138,12 @@ const inputValue = computed<string>(() => {
     return String(props.modelValue);
 });
 
+// 清除图标是否显示
+const clearIconShow = computed(() => {
+    if (props.type === 'select') return props.clearable && inputValue.value !== '' && !props.disabled;
+    return props.clearable && focused.value && inputValue.value !== '' && !props.disabled;
+});
+
 // 监听 value 变化
 watch(
     () => inputValue.value,

package/components/u-tabs/types.ts

@@ -39,6 +39,8 @@ export const TabsProps = {
     count: { type: String, default: 'count' },
     /** 徽标数位置偏移 */
     offset: { type: Array as unknown as PropType<[number, number]>, default: () => [5, 20] },
+    /** 徽标是否是圆点 */
+    isDot: { type: Boolean, default: false },
     /** 活动tab字体是否加粗 */
     bold: { type: Boolean, default: true },
     /** 当前活动tab item的样式 */

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

@@ -19,7 +19,12 @@
                         @tap="clickTab(index)"
                         :style="tabItemStyle(index)"
                     >
-                        <u-badge :count="item[count] || item['count'] || 0" :offset="offset" size="mini"></u-badge>
+                        <u-badge
+                            :count="item[count] || item['count'] || 0"
+                            :offset="offset"
+                            :is-dot="isDot"
+                            size="mini"
+                        ></u-badge>
                         {{ item[name] || item['name'] }}
                     </view>
                     <view v-if="showBar" class="u-tab-bar" :style="tabBarStyle"></view>
@@ -238,7 +243,12 @@ function scrollByIndex() {
 }
 
 onMounted(() => {
-    init();
+    nextTick(() => {
+        // 延时获取tabs的尺寸信息
+        setTimeout(() => {
+            init();
+        }, 500);
+    });
 });
 
 defineExpose({ init, clickTab, scrollByIndex });

package/components/u-textarea/u-textarea.vue

@@ -53,7 +53,7 @@
         <view class="u-textarea__right-icon u-flex">
             <view
                 class="u-textarea__right-icon__clear u-textarea__right-icon__item"
-                v-if="clearable && modelValue != '' && !disabled"
+                v-if="clearable && focused && modelValue != '' && !disabled"
             >
                 <u-icon size="32" name="close-circle-fill" color="var(--u-light-color)" @click="onClear" />
             </view>
@@ -218,6 +218,7 @@ function setFormatter(e: any) {
 }
 
 function onFocus(e: any) {
+    focused.value = true;
     emit('focus', e);
 }
 
@@ -225,6 +226,7 @@ function onBlur(e: any) {
     setTimeout(() => {
         e.detail.value = innerValue.value;
         let value = e.detail.value;
+        focused.value = false;
         emit('blur', e);
         emitToParent('onFormBlur', value);
     }, 40);

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.13",
     "description": "uView Pro是基于Vue3+TS的多平台UI框架，提供80+高质量组件、便捷工具和常用模板，支持多主题、暗黑模式、多语言，支持H5/APP/鸿蒙/小程序多端开发。已在鸿蒙应用商店上架，欢迎体验！",
     "main": "index.ts",
     "module": "index.ts",