uview-pro 0.6.19 → 0.6.21

package/changelog.md

@@ -1,3 +1,25 @@
+## 0.6.21（2026-10-10）
+
+### ✨ Features | 新功能
+
+- **divider:** 新增 dashed 属性支持虚线 ([240432b](https://github.com/anyup/uView-Pro/commit/240432bc774f4b4d2cd64297de1762a1ea94d2bd))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-tabs-swiper:** 修复 setDx 在 tabsInfo 未初始化时访问 undefined 导致报错 ([a581f97](https://github.com/anyup/uView-Pro/commit/a581f972bc6569557b765f8ed15c65d1bb254fda))
+
+## 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 | 新功能

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-divider/types.ts

@@ -35,7 +35,9 @@ export const DividerProps = {
     /** 下边距 */
     marginBottom: { type: [String, Number] as PropType<string | number>, default: 0 },
     /** 是否使用slot传入内容，如果不用slot传入内容，先的中间就不会有空隙 */
-    useSlot: { type: Boolean, default: true }
+    useSlot: { type: Boolean, default: true },
+    /** 是否虚线 */
+    dashed: { type: Boolean, default: false }
 };
 
 export type DividerProps = ExtractPropTypes<typeof DividerProps>;

package/components/u-divider/u-divider.vue

@@ -68,6 +68,7 @@ import { $u } from '../../';
  * @property {String Number} height 整个divider的高度，单位rpx（默认40）
  * @property {String} type 将线条设置主题色（默认primary）
  * @property {Boolean} useSlot 是否使用slot传入内容，如果不传入，中间不会有空隙（默认true）
+ * @property {Boolean} dashed 是否虚线（默认false）
  * @property {String Number} margin-top 与前一个组件的距离，单位rpx（默认0）
  * @property {String Number} margin-bottom 与后一个组件的距离，单位rpx（0）
  * @event {Function} click divider组件被点击时触发
@@ -86,6 +87,8 @@ const lineStyle = computed(() => {
     else style.width = props.halfWidth + 'rpx';
     // borderColor优先级高于type值
     if (props.borderColor) style.borderColor = props.borderColor;
+    // 虚线
+    if (props.dashed) style.borderStyle = 'dashed';
     return style;
 });
 

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-tabs-swiper/u-tabs-swiper.vue

@@ -228,6 +228,11 @@ function getQuery(cb?: (data: any) => void) {
 
 // 颜色渐变tab滑动
 function setDx(dx: number) {
+    // 防止 tabsInfo 尚未初始化完成时访问未定义元素导致的报错：
+    // init() 中 getTabsInfo() 为异步（依赖 SelectorQuery 回调填充 tabsInfo），
+    // 若 swiper 的 transition 事件早于节点查询完成触发，tabsInfo 仍为空数组，
+    // 此时直接读取 tabsInfo.value[index].left 会抛出 "Cannot read property 'left' of undefined"
+    if (tabsInfo.value.length === 0) return;
     let nextTabIndex = dx > 0 ? animationFinishCurrent.value + 1 : animationFinishCurrent.value - 1;
     // 判断索引是否超出边界
     nextTabIndex = nextTabIndex <= 0 ? 0 : nextTabIndex;
@@ -235,6 +240,8 @@ function setDx(dx: number) {
     const tab = tabsInfo.value[nextTabIndex];
     // 当前tab中心点x轴坐标
     const nowTab = tabsInfo.value[animationFinishCurrent.value];
+    // 若当前或目标 tab 的节点信息尚未获取到，跳过本次渐变计算，等待下一次 transition 事件
+    if (!tab || !nowTab) return;
     const nowTabX = nowTab.left + nowTab.width / 2;
     // 下一个tab
     const nextTabX = tab.left + tab.width / 2;

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