uview-plus 3.6.17 → 3.6.26

package/changelog.md

@@ -1,3 +1,33 @@
+## 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
+
 ## 3.6.17（2025-11-18）
 add: picker-data支持表单验证
 

package/components/u-action-sheet/u-action-sheet.vue

@@ -122,7 +122,7 @@
 	/**
 	 * ActionSheet 操作菜单
 	 * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
-	 * @tutorial https://ijry.github.io/uview-plus/components/actionSheet.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/actionSheet.html
 	 * 
 	 * @property {Boolean}			show				操作菜单是否展示 （默认 false ）
 	 * @property {String}			title				操作菜单标题

package/components/u-album/u-album.vue

@@ -75,7 +75,7 @@ const dom = uni.requireNativePlugin('dom')
 /**
  * Album 相册
  * @description 本组件提供一个类似相册的功能，让开发者开发起来更加得心应手。减少重复的模板代码
- * @tutorial https://ijry.github.io/uview-plus/components/album.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/album.html
  *
  * @property {Array}           urls             图片地址列表 Array<String>|Array<Object>形式
  * @property {String}          keyName          指定从数组的对象元素中读取哪个属性作为图片地址

package/components/u-alert/u-alert.vue

@@ -74,7 +74,7 @@
 	/**
 	 * Alert  警告提示
 	 * @description 警告提示，展现需要关注的信息。
-	 * @tutorial https://ijry.github.io/uview-plus/components/alertTips.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/alertTips.html
 	 * 
 	 * @property {String}			title       显示的文字 
 	 * @property {String}			type        使用预设的颜色 （默认 'warning' ）

package/components/u-avatar/u-avatar.vue

@@ -63,7 +63,7 @@
 	/**
 	 * Avatar  头像
 	 * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
-	 * @tutorial https://ijry.github.io/uview-plus/components/avatar.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/avatar.html
 	 *
 	 * @property {String}			src				头像路径，如加载失败，将会显示默认头像(不能为相对路径)
 	 * @property {String}			shape			头像形状  （ circle (默认) | square）

package/components/u-avatar-group/u-avatar-group.vue

@@ -40,7 +40,7 @@
 	/**
 	 * AvatarGroup  头像组
 	 * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
-	 * @tutorial https://ijry.github.io/uview-plus/components/avatar.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/avatar.html
 	 * 
 	 * @property {Array}           urls     头像图片组 （默认 [] ）
 	 * @property {String | Number} maxCount 最多展示的头像数量 （ 默认 5 ）

package/components/u-button/u-button.vue

@@ -121,7 +121,7 @@ import color from '../../libs/config/color';
 /**
  * button 按钮
  * @description Button 按钮
- * @tutorial https://ijry.github.io/uview-plus/components/button.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/button.html
  *
  * @property {Boolean}			hairline				是否显示按钮的细边框 (默认 true )
  * @property {String}			type					按钮的预置样式，info，primary，error，warning，success (默认 'info' )

package/components/u-calendar/month.vue

@@ -359,7 +359,7 @@
 			// 获取每个月份区域的尺寸
 			getMonthRectByPromise(el) {
 				// #ifndef APP-NVUE
-				// $uGetRect为uView自带的节点查询简化方法，详见文档介绍：https://ijry.github.io/uview-plus/js/getRect.html
+				// $uGetRect为uView自带的节点查询简化方法，详见文档介绍：https://uview-plus.jiangruyi.com/js/getRect.html
 				// 组件内部一般用this.$uGetRect，对外的为uni.$u.getRect，二者功能一致，名称不同
 				return new Promise(resolve => {
 					this.$uGetRect(`.${el}`).then(size => {

package/components/u-calendar/u-calendar.vue

@@ -82,7 +82,7 @@ import test from '../../libs/function/test';
 /**
  * Calendar 日历
  * @description  此组件用于单个选择日期，范围选择日期等，日历被包裹在底部弹起的容器中.
- * @tutorial https://ijry.github.io/uview-plus/components/calendar.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/calendar.html
  *
  * @property {String}				title				标题内容 (默认 日期选择 )
  * @property {Boolean}				showTitle			是否显示标题  (默认 true )

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-checkbox-group/u-checkbox-group.vue

@@ -14,7 +14,7 @@
 	/**
 	 * checkboxGroup 复选框组
 	 * @description 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便
-	 * @tutorial https://ijry.github.io/uview-plus/components/checkbox.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/checkbox.html
 	 * @property {String}			name			标识符 
 	 * @property {Array}			value			绑定的值
 	 * @property {String}			shape			形状，circle-圆形，square-方形 （默认 'square' ）

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-circle-progress/u-circle-progress.vue

@@ -37,7 +37,7 @@
 	/**
 	 * CircleProgress 圆形进度条 TODO: 待完善 
 	 * @description 展示操作或任务的当前进度，比如上传文件，是一个圆形的进度环。
-	 * @tutorial https://ijry.github.io/uview-plus/components/circleProgress.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/circleProgress.html
 	 * @property {String | Number}	percentage	圆环进度百分比值，为数值类型，0-100 (默认 30 )
 	 * @example
 	 */

package/components/u-code/u-code.vue

@@ -11,7 +11,7 @@
 	/**
 	 * Code 验证码输入框
 	 * @description 考虑到用户实际发送验证码的场景，可能是一个按钮，也可能是一段文字，提示语各有不同，所以本组件 不提供界面显示，只提供提示语，由用户将提示语嵌入到具体的场景
-	 * @tutorial https://ijry.github.io/uview-plus/components/code.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/code.html
 	 * @property {String | Number}	seconds			倒计时所需的秒数（默认 60 ）
 	 * @property {String}			startText		开始前的提示语，见官网说明（默认 '获取验证码' ）
 	 * @property {String}			changeText		倒计时期间的提示语，必须带有字母"x"，见官网说明（默认 'X秒重新获取' ）

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

@@ -58,7 +58,7 @@
 	/**
 	 * CodeInput 验证码输入
 	 * @description 该组件一般用于验证用户短信验证码的场景，也可以结合uview-plus的键盘组件使用
-	 * @tutorial https://ijry.github.io/uview-plus/components/codeInput.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/codeInput.html
 	 * @property {String | Number}	maxlength			最大输入长度 （默认 6 ）
 	 * @property {Boolean}			dot					是否用圆点填充 （默认 false ）
 	 * @property {String}			mode				显示模式，box-盒子模式，line-底部横线模式 （默认 'box' ）

package/components/u-col/u-col.vue

@@ -20,7 +20,7 @@
 	/**
 	 * CodeInput 栅格系统的列 
 	 * @description 该组件一般用于Layout 布局 通过基础的 12 分栏，迅速简便地创建布局
-	 * @tutorial https://ijry.github.io/uview-plus/components/Layout.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/Layout.html
 	 * @property {String | Number}	span		栅格占据的列数，总12等份 (默认 12 ) 
 	 * @property {String | Number}	offset		分栏左边偏移，计算方式与span相同 (默认 0 ) 
 	 * @property {String}			justify		水平排列方式，可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)  (默认 'start' ) 

package/components/u-collapse/u-collapse.vue

@@ -12,7 +12,7 @@
 	/**
 	 * collapse 折叠面板 
 	 * @description 通过折叠面板收纳内容区域
-	 * @tutorial https://ijry.github.io/uview-plus/components/collapse.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/collapse.html
 	 * @property {String | Number | Array}	value		当前展开面板的name，非手风琴模式：[<string | number>]，手风琴模式：string | number
 	 * @property {Boolean}					accordion	是否手风琴模式（ 默认 false ）
 	 * @property {Boolean}					border		是否显示外边框 ( 默认 true ）

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

@@ -71,7 +71,7 @@
 	/**
 	 * collapseItem 折叠面板Item
 	 * @description 通过折叠面板收纳内容区域（搭配u-collapse使用）
-	 * @tutorial https://ijry.github.io/uview-plus/components/collapse.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/collapse.html
 	 * @property {String}			title 		标题
 	 * @property {String}			value 		标题右侧内容
 	 * @property {String}			label 		标题下方的描述信息
@@ -201,7 +201,7 @@
 			// 查询内容高度
 			queryRect() {
 				// #ifndef APP-NVUE
-				// $uGetRect为uView自带的节点查询简化方法，详见文档介绍：https://ijry.github.io/uview-plus/js/getRect.html
+				// $uGetRect为uView自带的节点查询简化方法，详见文档介绍：https://uview-plus.jiangruyi.com/js/getRect.html
 				// 组件内部一般用this.$uGetRect，对外的为uni.$u.getRect，二者功能一致，名称不同
 				return new Promise(resolve => {
 					this.$uGetRect(`#${this.elId}`).then(size => {

package/components/u-column-notice/u-column-notice.vue

@@ -66,7 +66,7 @@
 	/**
 	 * ColumnNotice 滚动通知中的垂直滚动 内部组件
 	 * @description 该组件用于滚动通告场景，是其中的垂直滚动方式
-	 * @tutorial https://ijry.github.io/uview-plus/components/noticeBar.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/noticeBar.html
 	 * @property {Array}			text 			显示的内容，字符串
 	 * @property {String}			icon 			是否显示左侧的音量图标 （ 默认 'volume' ）
 	 * @property {String}			mode 			通告模式，link-显示右箭头，closable-显示右侧关闭图标

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

@@ -17,7 +17,7 @@ import { addUnit } from '../../libs/function/index';
 /**
  * countTo 数字滚动
  * @description 该组件一般用于需要滚动数字到某一个值的场景，目标要求是一个递增的值。
- * @tutorial https://ijry.github.io/uview-plus/components/countTo.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/countTo.html
  * @property {String | Number}	startVal	开始的数值，默认从0增长到某一个数（默认 0 ）
  * @property {String | Number}	endVal		要滚动的目标数值，必须 （默认 0 ）
  * @property {String | Number}	duration	滚动到目标数值的动画持续时间，单位为毫秒（ms） （默认 2000 ）

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

@@ -65,7 +65,7 @@
 	/**
 	 * DatetimePicker 时间日期选择器
 	 * @description 此选择器用于时间日期
-	 * @tutorial https://ijry.github.io/uview-plus/components/datetimePicker.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/datetimePicker.html
 	 * @property {Boolean}			show				用于控制选择器的弹出与收起 ( 默认 false )
 	 * @property {Boolean}			showToolbar			是否显示顶部的操作栏  ( 默认 true )
 	 * @property {String | Number}	modelValue		    绑定值

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

@@ -38,7 +38,7 @@
 	/**
 	 * divider 分割线
 	 * @description 区隔内容的分割线，一般用于页面底部"没有更多"的提示。
-	 * @tutorial https://ijry.github.io/uview-plus/components/divider.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/divider.html
 	 * @property {Boolean}			dashed			是否虚线 （默认 false ）
 	 * @property {Boolean}			hairline		是否细线 （默认  true ）
 	 * @property {Boolean}			dot				是否以点替代文字，优先于text字段起作用 （默认 false ）

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

@@ -41,7 +41,7 @@
 	/**
 	 * dropdown 下拉菜单
 	 * @description 该组件一般用于向下展开菜单，同时可切换多个选项卡的场景
-	 * @tutorial https://ijry.github.io/uview-plus/components/dropdown.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/dropdown.html
 	 * @property {String} active-color 标题和选项卡选中的颜色（默认#2979ff）
 	 * @property {String} inactive-color 标题和选项卡未选中的颜色（默认#606266）
 	 * @property {Boolean} close-on-click-mask 点击遮罩是否关闭菜单（默认true）

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

@@ -28,7 +28,7 @@
 	/**
 	 * dropdown-item 下拉菜单
 	 * @description 该组件一般用于向下展开菜单，同时可切换多个选项卡的场景
-	 * @tutorial https://ijry.github.io/uview-plus/components/dropdown.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/dropdown.html
 	 * @property {String | Number} v-model 双向绑定选项卡选择值
 	 * @property {String} title 菜单项标题
 	 * @property {Array[Object]} options 选项数据，如果传入了默认slot，此参数无效

package/components/u-empty/u-empty.vue

@@ -39,7 +39,7 @@
 	/**
 	 * empty 内容为空
 	 * @description 该组件用于需要加载内容，但是加载的第一页数据就为空，提示一个"没有内容"的场景， 我们精心挑选了十几个场景的图标，方便您使用。
-	 * @tutorial https://ijry.github.io/uview-plus/components/empty.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/empty.html
 	 * @property {String}			icon		内置图标名称，或图片路径，建议绝对路径
 	 * @property {String}			text		提示文字
 	 * @property {String}			textColor	文字颜色 (默认 '#c0c4cc' )

package/components/u-float-button/u-float-button.vue

@@ -54,7 +54,7 @@ import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
 /**
  * FloatButton 悬浮按钮
  * @description 悬浮按钮常用于屏幕右下角点击展开的操作菜单
- * @tutorial https://ijry.github.io/uview-plus/components/floatButton.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/floatButton.html
  * @property {String}                backgroundColor      背景颜色
  * @event {Function} click  点击触发事件
  * @example <up-float-button></up-float-button>

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

@@ -16,7 +16,7 @@
 	/**
 	 * Form 表单
 	 * @description 此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。
-	 * @tutorial https://ijry.github.io/uview-plus/components/form.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/form.html
 	 * @property {Object}						model			当前form的需要验证字段的集合
 	 * @property {Object | Function | Array}	rules			验证规则
 	 * @property {String}						errorType		错误的提示方式，见上方说明 ( 默认 message )
@@ -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>
@@ -84,7 +84,7 @@
 	/**
 	 * Form 表单
 	 * @description 此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。
-	 * @tutorial https://ijry.github.io/uview-plus/components/form.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/form.html
 	 * @property {String}			label			input的label提示语
 	 * @property {String}			prop			绑定的值
 	 * @property {Array}			rules			绑定的规则
@@ -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-gap/u-gap.vue

@@ -10,7 +10,7 @@
 	/**
 	 * gap 间隔槽
 	 * @description 该组件一般用于内容块之间的用一个灰色块隔开的场景，方便用户风格统一，减少工作量
-	 * @tutorial https://ijry.github.io/uview-plus/components/gap.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/gap.html
 	 * @property {String}			bgColor			背景颜色 （默认 'transparent' ）
 	 * @property {String | Number}	height			分割槽高度，单位px （默认 20 ）
 	 * @property {String | Number}	marginTop		与前一个组件的距离，单位px（ 默认 0 ）

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

@@ -16,7 +16,7 @@
 	/**
 	 * grid 宫格布局
 	 * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。
-	 * @tutorial https://ijry.github.io/uview-plus/components/grid.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/grid.html
 	 * @property {String | Number}	col			宫格的列数（默认 3 ）
 	 * @property {Boolean}			border		是否显示宫格的边框（默认 false ）
 	 * @property {String}			align		宫格对齐方式，表现为数量少的时候，靠左，居中，还是靠右 （默认 'left' ）

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

@@ -33,7 +33,7 @@
 	/**
 	 * gridItem 提示
 	 * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。搭配u-grid使用
-	 * @tutorial https://ijry.github.io/uview-plus/components/grid.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/grid.html
 	 * @property {String | Number}	name		宫格的name ( 默认 null )
 	 * @property {String}			bgColor		宫格的背景颜色 （默认 'transparent' ）
 	 * @property {Object}			customStyle	自定义样式，对象形式

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

@@ -46,7 +46,7 @@
 	/**
 	 * icon 图标
 	 * @description 基于字体的图标集，包含了大多数常见场景的图标。
-	 * @tutorial https://ijry.github.io/uview-plus/components/icon.html
+	 * @tutorial https://uview-plus.jiangruyi.com/components/icon.html
 	 * @property {String}			name			图标名称，见示例图标集
 	 * @property {String}			color			图标颜色,可接受主题色 （默认 color['u-content-color'] ）
 	 * @property {String | Number}	size			图标字体大小，单位px （默认 '16px' ）