uview-pro 0.6.19-rc.0 → 0.6.20

package/changelog.md

@@ -1,3 +1,25 @@
+## 0.6.20（2026-09-20）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-time-line:** 修改节点默认背景色为透明 ([be7a591](https://github.com/anyup/uView-Pro/commit/be7a591b6357dc55739487d78334cae896d976bc))
+- **u-input:** 圆角与边框解耦，不传border时同样有圆角 ([2bfb23e](https://github.com/anyup/uView-Pro/commit/2bfb23eb048328ee218efc8e3d3b556111872b54))
+- **u-count-down:** 修复组件卸载后定时器残留泄漏问题，另新增destroy暴露方法用于主动停止倒计时并清理定时器 ([ad596c4](https://github.com/anyup/uView-Pro/commit/ad596c43db06be8853606d8ac5e6f4f66768c055))
+
+### 👥 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.19（2026-09-07）
+
+### ✨ Features | 新功能
+
+- **u-form:** 新增validateField表单校验方法，支持单个或多个字段校验（#180） ([9e77c3a](https://github.com/anyup/uView-Pro/commit/9e77c3a0dd099f831b8dccbc9e203dd433ecfda2))
+
+### 👥 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.18（2026-09-03）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-count-down/u-count-down.vue

@@ -81,7 +81,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, computed, watch, onMounted } from 'vue';
+import { ref, computed, watch, onMounted, onUnmounted } from 'vue';
 import { CountDownProps } from './types';
 import { $u, useLocale } from '../../';
 
@@ -170,6 +170,11 @@ onMounted(() => {
     }
 });
 
+// 组件销毁时清理定时器，避免定时器残留造成泄漏
+onUnmounted(() => {
+    clearTimer();
+});
+
 /**
  * 倒计时
  */
@@ -240,9 +245,17 @@ function clearTimer() {
     }
 }
 
+/**
+ * 销毁倒计时：清除定时器且不触发 end 事件，用于主动销毁/停止倒计时
+ */
+function destroy() {
+    clearTimer();
+}
+
 defineExpose({
     start,
-    end
+    end,
+    destroy
 });
 </script>
 

package/components/u-form/u-form.vue

@@ -113,10 +113,50 @@ function validate(callback?: (valid: boolean, errorArr: ErrorItem[]) => void): P
     });
 }
 
+/**
+ * 校验指定字段（支持单个字段名或字段名数组）
+ * @param prop 字段名（对应 u-form-item 的 prop），可传字符串或数组
+ * @param callback 校验回调，参数为 (valid: boolean, errorArr: ErrorItem[])
+ * @returns Promise<boolean>
+ */
+function validateField(
+    prop: string | string[],
+    callback?: (valid: boolean, errorArr: ErrorItem[]) => void
+): Promise<boolean> {
+    const props = Array.isArray(prop) ? prop : [prop];
+    // 从 fields 中精确匹配指定 prop
+    const targetFields = fields.value.filter((field: any) => props.indexOf(field.prop) !== -1);
+
+    return new Promise(resolve => {
+        let valid = true;
+        let count = 0;
+        let errorArr: ErrorItem[] = [];
+        if (targetFields.length === 0) {
+            resolve(true);
+            if (typeof callback === 'function') callback(true, []);
+            return;
+        }
+        targetFields.forEach((field: any) => {
+            // 复用 u-form-item 的 validation，确保其自身错误状态被更新/清除
+            field.validation('', (error: any) => {
+                if (error) {
+                    valid = false;
+                    errorArr.push({ prop: field.prop, message: error });
+                }
+                if (++count === targetFields.length) {
+                    resolve(valid);
+                    if (typeof callback === 'function') callback(valid, errorArr);
+                }
+            });
+        });
+    });
+}
+
 defineExpose({
     setRules,
     resetFields,
     validate,
+    validateField,
     addField(field: any) {
         if (!fields.value.includes(field)) fields.value.push(field);
     },

package/components/u-input/u-input.vue

@@ -361,6 +361,7 @@ defineExpose({
     flex: 1;
     @include vue-flex;
     align-items: center;
+    border-radius: 4px;
 
     &__readonly-overlay {
         position: absolute;
@@ -410,7 +411,6 @@ defineExpose({
     }
 
     &--border {
-        border-radius: 4px;
         border: 1px solid $u-border-color;
     }
 

package/components/u-time-line-item/types.ts

@@ -16,7 +16,7 @@ export const TimeLineItemProps = {
         default: ''
     },
     /** 节点的背景颜色 */
-    bgColor: { type: String, default: 'var(--u-bg-white)' },
+    bgColor: { type: String, default: 'transparent' },
     /** 节点左边图标绝对定位的top值，单位rpx */
     nodeTop: { type: [String, Number] as PropType<string | number>, default: '' }
 };

package/components/u-time-line-item/u-time-line-item.vue

@@ -31,7 +31,7 @@ import { $u } from '../../';
  * timeLineItem 时间轴Item
  * @description 时间轴组件一般用于物流信息展示，各种跟时间相关的记录等场景。(搭配u-time-line使用)
  * @tutorial https://uviewpro.cn/zh/components/timeLine.html
- * @property {String} bg-color 左边节点的背景颜色，一般通过slot内容自定义背景颜色即可（默认var(--u-bg-white)）
+ * @property {String} bg-color 左边节点的背景颜色，一般通过slot内容自定义背景颜色即可（默认transparent）
  * @property {String | Number} node-top 节点左边图标绝对定位的top值，单位rpx
  * @example <u-time-line-item node-top="2">...</u-time-line-item>
  */

package/package.json

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