uview-plus 3.6.18 → 3.6.27

package/changelog.md

@@ -1,3 +1,32 @@
+## 3.6.27（2025-12-17）
+add: datetimepicker增加maskClass和maskStyle属性
+
+## 3.6.26（2025-12-16）
+add: picker增加maskClass/maskStyle属性
+
+## 3.6.25（2025-12-15）
+fix: 修复cascader对列表数据层级差异的兼容问题
+
+## 3.6.24（2025-12-14）
+fix: 修复将empty组件的mode设置为wifi后图标不能显示的问题 #928
+
+## 3.6.23（2025-12-13）
+fix: 修复cascader已选中三级菜单后再选择二级菜单时tabs报错问题
+
+## 3.6.22（2025-12-12）
+fix: dragsort组件拖动抖动的问题
+
+## 3.6.21（2025-12-09）
+ fix: form-item初始化时机优化
+
+## 3.6.20（2025-12-08）
+improvment: 优化form组件语法普适性
+
+## 3.6.19（2025-12-01）
+fix: 修复商品SKU组件i18n
+
+fix: Choose组件会有width警告提示 #915
+
 ## 3.6.18（2025-11-30）
 feature: upload组件file模式支持微信小程序chooseMessageFile的extension属性 #913
 

package/components/u-cascader/u-cascader.vue

@@ -243,9 +243,11 @@
 				this.$set(this.selectedValueIndexs, levelIndex, index);
 				
 				// 清除后续级别的选中值
-				for (let i = levelIndex + 1; i < this.selectedValueIndexs.length; i++) {
-					this.$set(this.selectedValueIndexs, i, undefined);
-				}
+				this.selectedValueIndexs.splice(levelIndex + 1);
+				this.tabsIndex = Math.min(this.tabsIndex, levelIndex);
+				
+				// 清除后续级别的列表
+				this.levelList.splice(levelIndex + 1);
 				
 				// 获取当前选中项
 				const currentItem = this.levelList[levelIndex][index];

package/components/u-choose/u-choose.vue

@@ -23,7 +23,7 @@
 		:scroll-x="wrap === false" 
 		:class="['up-choose', wrap ? 'up-choose-wrap' : 'up-choose-nowrap']">
         <template :key="item.id"  v-for="(item,index) in options">
-            <view :style="{width: width, display: 'inline-block'}">
+            <view :style="{width: itemWidth, display: 'inline-block'}">
                 <slot :item="item" :index="index">
                     <up-tag :type="index == currentIndex ? 'primary' : 'info'"
                         size="large" :plain="index == currentIndex ? false : true"

package/components/u-datetime-picker/props.js

@@ -168,6 +168,16 @@ export const props = defineMixin({
         pageInline:{
             type: Boolean,
             default: () => defProps.datetimePicker.pageInline
-        }
+        },
+		// 蒙层样式样式
+		maskClass: {
+			type: String,
+			defualt: ''
+		},
+		// 蒙层样式样式
+		maskStyle: {
+			type: String,
+			defualt: ''
+		}
     }
 })

package/components/u-datetime-picker/u-datetime-picker.vue

@@ -30,6 +30,8 @@
             :confirmColor="confirmColor"
             :toolbarRightSlot="toolbarRightSlot"
 			:pageInline="pageInline"
+			:maskClass="maskClass"
+			:maskStyle="maskStyle"
             @close="close"
             @cancel="cancel"
             @confirm="confirm"

package/components/u-dragsort/u-dragsort.vue

@@ -1,6 +1,6 @@
 <template>
     <view class="u-dragsort"
-        :class="[direction == 'horizontal' ? 'u-dragsort--horizontal' : '', direction == 'all' ? 'u-dragsort--all' : '']">
+        :class="[direction == 'horizontal' ? 'u-dragsort--horizontal' : '', direction == 'vertical' ? 'u-dragsort--vertical' : '', direction == 'all' ? 'u-dragsort--all' : '']">
         <movable-area class="u-dragsort-area" :style="movableAreaStyle">
             <movable-view v-for="(item, index) in list" :key="item.id" :id="`u-dragsort-item-${index}`"
                 class="u-dragsort-item" :class="{ 'dragging': dragIndex === index }"
@@ -20,7 +20,7 @@
 <script>
 import { mpMixin } from '../../libs/mixin/mpMixin';
 import { mixin } from '../../libs/mixin/mixin';
-import { addStyle, addUnit, sleep } from '../../libs/function/index';
+import { sleep } from '../../libs/function/index';
 export default {
     name: 'u-dragsort',
     // #ifdef MP
@@ -74,7 +74,7 @@ export default {
                 };
             } else if (this.direction === 'horizontal') {
                 return {
-                    height: '100%',
+                    height: `${this.itemHeight}px`,
                     width: `${this.list.length * this.itemWidth}px`
                 };
             } else {
@@ -171,21 +171,42 @@ export default {
         },
         updatePositions() {
             // 更新所有项目的位置
-            this.list.forEach((item, index) => {
+            this.list = this.list.map((item, index) => {
+                // 当前正在拖动的项目保持拖动位置不动，避免抖动
+                if (this.dragIndex === index) {
+                    return {
+                        ...item,
+                        x: this.currentPosition.x,
+                        y: this.currentPosition.y
+                    }
+                }
+
                 if (this.direction === 'vertical') {
-                    item.y = index * this.itemHeight;
-                    item.x = 0;
-                } else if (this.direction === 'horizontal') {
-                    item.x = index * this.itemWidth;
-                    item.y = 0;
-                } else {
-                    // all模式，网格布局
-                    const col = index % this.columns;
-                    const row = Math.floor(index / this.columns);
-                    item.x = col * this.itemWidth;
-                    item.y = row * this.itemHeight;
+                    return {
+                        ...item,
+                        x: 0,
+                        y: index * this.itemHeight
+                    }
                 }
-            });
+
+                if (this.direction === 'horizontal') {
+                    return {
+                        ...item,
+                        x: index * this.itemWidth,
+                        y: 0
+                    }
+                }
+
+                // all模式，网格布局
+                const col = index % this.columns
+                const row = Math.floor(index / this.columns)
+
+                return {
+                    ...item,
+                    x: col * this.itemWidth,
+                    y: row * this.itemHeight
+                }
+            })
         },
         onTouchStart(index) {
             this.dragIndex = index;
@@ -330,12 +351,14 @@ export default {
         }
 
         .u-dragsort-item-content {
-            padding: 0px;
-            text-align: center;
+            padding: 0;
             box-sizing: border-box;
-            padding-bottom: 6px;
-            border-radius: 8rpx;
-            transition: all 0.3s ease;
+        }
+    }
+
+    &.u-dragsort--vertical {
+        .u-dragsort-item {
+            height: auto;
         }
     }
 
@@ -347,9 +370,8 @@ export default {
         }
 
         .u-dragsort-item {
-            display: flex;
             width: auto;
-            height: 100%;
+            height: auto;
         }
     }
 

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

@@ -28,7 +28,7 @@
 	 * @example <up-form labelPosition="left" :model="model1" :rules="rules" ref="form1"></up-form>
 	 */
 	export default {
-		name: "u-form",
+		name: "up-form",
 		mixins: [mpMixin, mixin, props],
 		provide() {
 			return {

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

@@ -1,10 +1,10 @@
 <template>
-	<view class="u-form-item" :class="{'u-form-item--error':(!!message && parentData.errorType === 'message')}">
+	<view class="u-form-item" :class="{'u-form-item--error':(!!message && parentData['errorType'] === 'message')}">
 		<view
 			class="u-form-item__body"
 			@tap="clickHandler"
 			:style="[addStyle(customStyle), {
-                flexDirection: (labelPosition || parentData.labelPosition) === 'left' ? 'row' : 'column'
+                flexDirection: (labelPosition || parentData['labelPosition']) === 'left' ? 'row' : 'column'
 			}]"
 		>
 			<!-- 微信小程序中，将一个参数设置空字符串，结果会变成字符串"true" -->
@@ -12,10 +12,10 @@
 				<!-- {{required}} -->
 				<view
 					class="u-form-item__body__left"
-					v-if="required || leftIcon || label"
+					v-if="required || leftIcon != '' || label != ''"
 					:style="{
-						width: addUnit(labelWidth || parentData.labelWidth),
-						marginBottom: (labelPosition || parentData.labelPosition) === 'left' ? 0 : '5px',
+						width: addUnit(labelWidth || parentData['labelWidth']),
+						marginBottom: (labelPosition || parentData['labelPosition']) === 'left' ? 0 : '5px',
 					}"
 				>
 					<!-- 为了块对齐 -->
@@ -37,7 +37,7 @@
 						<text
 							class="u-form-item__body__left__content__label"
 							:style="[parentData.labelStyle, {
-								justifyContent: parentData.labelAlign === 'left' ? 'flex-start' : parentData.labelAlign === 'center' ? 'center' : 'flex-end'
+								justifyContent: parentData['labelAlign'] === 'left' ? 'flex-start' : parentData['labelAlign'] === 'center' ? 'center' : 'flex-end'
 							}]"
 						>{{ label }}</text>
 					</view>
@@ -50,7 +50,7 @@
 					</view>
 					<view
 						class="item__body__right__content__icon"
-						v-if="$slots.right"
+						v-if="$slots['right']"
 					>
 						<slot name="right" />
 					</view>
@@ -59,17 +59,17 @@
 		</view>
 		<slot name="error">
 			<text
-				v-if="!!message && parentData.errorType === 'message'"
+				v-if="!!message && parentData['errorType'] === 'message'"
 				class="u-form-item__body__right__message"
 				:style="{
-					marginLeft:  addUnit((labelPosition || parentData.labelPosition) === 'top' ? 0 : (labelWidth || parentData.labelWidth))
+					marginLeft:  addUnit((labelPosition || parentData['labelPosition']) === 'top' ? 0 : (labelWidth || parentData['labelWidth']))
 				}"
 			>{{ message }}</text>
 		</slot>
 		<u-line
 			v-if="borderBottom"
-			:color="message && parentData.errorType === 'border-bottom' ? color.error : propsLine.color"
-			:customStyle="`margin-top: ${message && parentData.errorType === 'message' ? '5px' : 0}`"
+			:color="message && parentData['errorType'] === 'border-bottom' ? color['error'] : propsLine['color']"
+			:customStyle="`margin-top: ${message && parentData['errorType'] === 'message' ? '5px' : 0}`"
 		></u-line>
 	</view>
 </template>
@@ -98,7 +98,7 @@
 	 * @example <u-form-item label="姓名" prop="userInfo.name" borderBottom ref="item1"></u-form-item>
 	 */
 	export default {
-		name: 'u-form-item',
+		name: 'up-form-item',
 		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
@@ -127,7 +127,9 @@
 			}
 		},
 		mounted() {
-			this.init()
+			this.$nextTick(() => {
+				this.init()
+			})
 		},
 		emits: ["click"],
 		watch: {
@@ -146,7 +148,7 @@
 				// 父组件的实例
 				this.updateParentData()
 				if (!this.parent) {
-					error('u-form-item需要结合u-form组件使用')
+					error('u-form-item需要结合up-form组件使用')
 				}
 			},
 			// 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
@@ -161,7 +163,7 @@
 			// 获取父组件的参数
 			updateParentData() {
 				// 此方法写在mixin中
-				this.getParentData('u-form');
+				this.getParentData('up-form');
 			},
 			// 移除u-form-item的校验结果
 			clearValidate() {
@@ -170,9 +172,9 @@
 			// 清空当前的组件的校验结果，并重置为初始值
 			resetField() {
 				// 找到原始值
-				const value = getProperty(this.parent.originalModel, this.prop)
-				// 将u-form的model的prop属性链还原原始值
-				setProperty(this.parent.model, this.prop, value)
+				const value = getProperty(this.parent.$data['originalModel'], this.prop)
+				// 将up-form的model的prop属性链还原原始值
+				setProperty(this.parent.$props['model'], this.prop, value)
 				// 移除校验结果
 				this.message = null
 			},

package/components/u-goods-sku/u-goods-sku.vue

@@ -48,7 +48,7 @@
                     </view>
                     
                     <view class="up-goods-sku__content__count">
-                        <view class="up-goods-sku__content__count__title">{{ t('"up.goodsSku.buyAmount"') }}</view>
+                        <view class="up-goods-sku__content__count__title">{{ t('up.goodsSku.buyAmount') }}</view>
                         <view class="up-goods-sku__content__count__control">
                             <up-number-box 
                                 v-model="buyNum" 

package/components/u-icon/icons.js

@@ -203,6 +203,7 @@ export default {
     'uicon-empty-list': '\ue68b',
     'uicon-empty-page': '\ue627',
     'uicon-empty-order': '\ue639',
+    'uicon-empty-wifi': '\ue668',
     'uicon-man': '\ue697',
     'uicon-woman': '\ue69c',
     'uicon-man-add': '\ue61c',
@@ -211,4 +212,4 @@ export default {
     'uicon-man-delete-fill': '\ue66a',
     'uicon-zh': '\ue70a',
     'uicon-en': '\ue692'
-}
+}

package/components/u-input/input.js

@@ -44,7 +44,7 @@ export default {
 		readonly: false,
 		shape: 'square',
 		formatter: null,
-		cursorColor: '',
+		cursorColor: '#53c21d',
 		passwordVisibilityToggle: true
 	}
 }

package/components/u-picker/props.js

@@ -147,6 +147,16 @@ export const props = defineMixin({
         pageInline:{
 			type: Boolean,
 			default: () => defProps.picker.pageInline
+		},
+		// 蒙层样式样式
+		maskClass: {
+			type: String,
+			defualt: ''
+		},
+		// 蒙层样式样式
+		maskStyle: {
+			type: String,
+			defualt: ''
 		}
     }
 })

package/components/u-picker/u-picker.vue

@@ -43,6 +43,8 @@
 				<slot name="toolbar-bottom"></slot>
 				<picker-view
 					class="u-picker__view"
+					:mask-class="maskClass"
+					:mask-style="maskStyle"
 					:indicatorStyle="`height: ${addUnit(itemHeight, 'px')}`"
 					:value="innerIndex"
 					:immediateChange="immediateChange"

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.6.18",
+  "version": "3.6.27",
   "description": "零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",