uview-pro 0.6.20 → 0.6.21

package/changelog.md

@@ -1,3 +1,13 @@
+## 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 修复

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-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/package.json

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