uview-plus 3.0.14 → 3.1.0

package/components/u-cell/u-cell.vue

@@ -4,10 +4,12 @@
 		@tap="clickHandler">
 		<view class="u-cell__body" :class="[ center && 'u-cell--center', size === 'large' && 'u-cell__body--large']">
 			<view class="u-cell__body__content">
-				<view class="u-cell__left-icon-wrap" v-if="$slots.icon || icon">
-					<slot name="icon" v-if="$slots.icon">
+				<view class="u-cell__left-icon-wrap">
+					<slot name="icon">
+						<u-icon  v-if="icon" :name="icon"
+							:custom-style="iconStyle"
+							:size="size === 'large' ? 22 : 18"></u-icon>
 					</slot>
-					<u-icon v-else :name="icon" :custom-style="iconStyle" :size="size === 'large' ? 22 : 18"></u-icon>
 				</view>
 				<view class="u-cell__title">
 					<slot name="title">
@@ -25,12 +27,12 @@
 					:class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__value--large']"
 					v-if="!$u.test.empty(value)">{{ value }}</text>
 			</slot>
-			<view class="u-cell__right-icon-wrap" v-if="$slots['right-icon'] || isLink"
+			<view class="u-cell__right-icon-wrap"
 				:class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
-				<slot name="right-icon" v-if="$slots['right-icon']">
+				<slot name="right-icon">
+					<u-icon v-if="isLink" :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
+						:size="size === 'large' ? 18 : 16"></u-icon>
 				</slot>
-				<u-icon v-else :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
-					:size="size === 'large' ? 18 : 16"></u-icon>
 			</view>
 		</view>
 		<u-line v-if="border"></u-line>
@@ -39,6 +41,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * cell  单元格
 	 * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。
@@ -74,7 +78,7 @@
 
 			}
 		},
-		mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+		mixins: [mpMixin, mixin, props],
 		computed: {
 			titleTextStyle() {
 				return uni.$u.addStyle(this.titleStyle)

package/components/u-cell-group/props.js

@@ -1,14 +1,15 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 分组标题
         title: {
             type: String,
-            default: uni.$u.props.cellGroup.title
+            default: defprops.cellGroup.title
         },
         // 是否显示外边框
         border: {
             type: Boolean,
-            default: uni.$u.props.cellGroup.border
+            default: defprops.cellGroup.border
         }
     }
 }

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

@@ -14,6 +14,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * cellGroup  单元格
 	 * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。
@@ -28,7 +30,7 @@
 	 */
 	export default {
 		name: 'u-cell-group',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin, props],
 	}
 </script>
 

package/components/u-checkbox/props.js

@@ -1,69 +1,70 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // checkbox的名称
         name: {
             type: [String, Number, Boolean],
-            default: uni.$u.props.checkbox.name
+            default: defprops.checkbox.name
         },
         // 形状，square为方形，circle为圆型
         shape: {
             type: String,
-            default: uni.$u.props.checkbox.shape
+            default: defprops.checkbox.shape
         },
         // 整体的大小
         size: {
             type: [String, Number],
-            default: uni.$u.props.checkbox.size
+            default: defprops.checkbox.size
         },
         // 是否默认选中
         checked: {
             type: Boolean,
-            default: uni.$u.props.checkbox.checked
+            default: defprops.checkbox.checked
         },
         // 是否禁用
         disabled: {
             type: [String, Boolean],
-            default: uni.$u.props.checkbox.disabled
+            default: defprops.checkbox.disabled
         },
         // 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
         activeColor: {
             type: String,
-            default: uni.$u.props.checkbox.activeColor
+            default: defprops.checkbox.activeColor
         },
         // 未选中的颜色
         inactiveColor: {
             type: String,
-            default: uni.$u.props.checkbox.inactiveColor
+            default: defprops.checkbox.inactiveColor
         },
         // 图标的大小，单位px
         iconSize: {
             type: [String, Number],
-            default: uni.$u.props.checkbox.iconSize
+            default: defprops.checkbox.iconSize
         },
         // 图标颜色
         iconColor: {
             type: String,
-            default: uni.$u.props.checkbox.iconColor
+            default: defprops.checkbox.iconColor
         },
         // label提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式
         label: {
             type: [String, Number],
-            default: uni.$u.props.checkbox.label
+            default: defprops.checkbox.label
         },
         // label的字体大小，px单位
         labelSize: {
             type: [String, Number],
-            default: uni.$u.props.checkbox.labelSize
+            default: defprops.checkbox.labelSize
         },
         // label的颜色
         labelColor: {
             type: String,
-            default: uni.$u.props.checkbox.labelColor
+            default: defprops.checkbox.labelColor
         },
         // 是否禁止点击提示语选中复选框
         labelDisabled: {
             type: [String, Boolean],
-            default: uni.$u.props.checkbox.labelDisabled
+            default: defprops.checkbox.labelDisabled
         }
     }
 }

package/components/u-checkbox/u-checkbox.vue

@@ -33,6 +33,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * checkbox  复选框
 	 * @description 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便
@@ -57,7 +59,7 @@
 	 */
 	export default {
 		name: "u-checkbox",
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				isChecked: false,

package/components/u-checkbox-group/props.js

@@ -1,81 +1,82 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 标识符
         name: {
             type: String,
-            default: uni.$u.props.checkboxGroup.name
+            default: defprops.checkboxGroup.name
         },
         // 绑定的值
         value: {
             type: Array,
-            default: uni.$u.props.checkboxGroup.value
+            default: defprops.checkboxGroup.value
         },
         // 形状，circle-圆形，square-方形
         shape: {
             type: String,
-            default: uni.$u.props.checkboxGroup.shape
+            default: defprops.checkboxGroup.shape
         },
         // 是否禁用全部checkbox
         disabled: {
             type: Boolean,
-            default: uni.$u.props.checkboxGroup.disabled
+            default: defprops.checkboxGroup.disabled
         },
 
         // 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
         activeColor: {
             type: String,
-            default: uni.$u.props.checkboxGroup.activeColor
+            default: defprops.checkboxGroup.activeColor
         },
         // 未选中的颜色
         inactiveColor: {
             type: String,
-            default: uni.$u.props.checkboxGroup.inactiveColor
+            default: defprops.checkboxGroup.inactiveColor
         },
 
         // 整个组件的尺寸，默认px
         size: {
             type: [String, Number],
-            default: uni.$u.props.checkboxGroup.size
+            default: defprops.checkboxGroup.size
         },
         // 布局方式，row-横向，column-纵向
         placement: {
             type: String,
-            default: uni.$u.props.checkboxGroup.placement
+            default: defprops.checkboxGroup.placement
         },
         // label的字体大小，px单位
         labelSize: {
             type: [String, Number],
-            default: uni.$u.props.checkboxGroup.labelSize
+            default: defprops.checkboxGroup.labelSize
         },
         // label的字体颜色
         labelColor: {
             type: [String],
-            default: uni.$u.props.checkboxGroup.labelColor
+            default: defprops.checkboxGroup.labelColor
         },
         // 是否禁止点击文本操作
         labelDisabled: {
             type: Boolean,
-            default: uni.$u.props.checkboxGroup.labelDisabled
+            default: defprops.checkboxGroup.labelDisabled
         },
         // 图标颜色
         iconColor: {
             type: String,
-            default: uni.$u.props.checkboxGroup.iconColor
+            default: defprops.checkboxGroup.iconColor
         },
         // 图标的大小，单位px
         iconSize: {
             type: [String, Number],
-            default: uni.$u.props.checkboxGroup.iconSize
+            default: defprops.checkboxGroup.iconSize
         },
         // 勾选图标的对齐方式，left-左边，right-右边
         iconPlacement: {
             type: String,
-            default: uni.$u.props.checkboxGroup.iconPlacement
+            default: defprops.checkboxGroup.iconPlacement
         },
         // 竖向配列时，是否显示下划线
         borderBottom: {
             type: Boolean,
-            default: uni.$u.props.checkboxGroup.borderBottom
+            default: defprops.checkboxGroup.borderBottom
         }
 
     }

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

@@ -9,6 +9,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * checkboxGroup 复选框组
 	 * @description 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便
@@ -34,7 +36,7 @@
 	 */
 	export default {
 		name: 'u-checkbox-group',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin,props],
 		computed: {
 			// 这里computed的变量，都是子组件u-checkbox需要用到的，由于头条小程序的兼容性差异，子组件无法实时监听父组件参数的变化
 			// 所以需要手动通知子组件，这里返回一个parentData变量，供watch监听，在其中去通知每一个子组件重新从父组件(u-checkbox-group)

package/components/u-circle-progress/props.js

@@ -1,8 +1,9 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         percentage: {
             type: [String, Number],
-            default: uni.$u.props.circleProgress.percentage
+            default: defprops.circleProgress.percentage
         }
     }
 }

package/components/u-circle-progress/u-circle-progress.vue

@@ -28,6 +28,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	// #ifdef APP-NVUE
 	const animation = uni.requireNativePlugin('animation')
 	// #endif
@@ -40,7 +42,7 @@
 	 */
 	export default {
 		name: 'u-circle-progress',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				leftBorderColor: 'rgb(200, 200, 200)',

package/components/u-code/props.js

@@ -1,34 +1,35 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 倒计时总秒数
         seconds: {
             type: [String, Number],
-            default: uni.$u.props.code.seconds
+            default: defprops.code.seconds
         },
         // 尚未开始时提示
         startText: {
             type: String,
-            default: uni.$u.props.code.startText
+            default: defprops.code.startText
         },
         // 正在倒计时中的提示
         changeText: {
             type: String,
-            default: uni.$u.props.code.changeText
+            default: defprops.code.changeText
         },
         // 倒计时结束时的提示
         endText: {
             type: String,
-            default: uni.$u.props.code.endText
+            default: defprops.code.endText
         },
         // 是否在H5刷新或各端返回再进入时继续倒计时
         keepRunning: {
             type: Boolean,
-            default: uni.$u.props.code.keepRunning
+            default: defprops.code.keepRunning
         },
         // 为了区分多个页面，或者一个页面多个倒计时组件本地存储的继续倒计时变了
         uniqueKey: {
             type: String,
-            default: uni.$u.props.code.uniqueKey
+            default: defprops.code.uniqueKey
         }
     }
 }

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

@@ -6,6 +6,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * Code 验证码输入框
 	 * @description 考虑到用户实际发送验证码的场景，可能是一个按钮，也可能是一段文字，提示语各有不同，所以本组件 不提供界面显示，只提供提示语，由用户将提示语嵌入到具体的场景
@@ -24,7 +26,7 @@
 	 */
 	export default {
 		name: "u-code",
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin,props],
 		data() {
 			return {
 				secNum: this.seconds,

package/components/u-code-input/props.js

@@ -1,79 +1,80 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
 		// 键盘弹起时，是否自动上推页面
 		adjustPosition: {
 			type: Boolean,
-            default: uni.$u.props.codeInput.adjustPosition
+            default: defprops.codeInput.adjustPosition
 		},
         // 最大输入长度
         maxlength: {
             type: [String, Number],
-            default: uni.$u.props.codeInput.maxlength
+            default: defprops.codeInput.maxlength
         },
         // 是否用圆点填充
         dot: {
             type: Boolean,
-            default: uni.$u.props.codeInput.dot
+            default: defprops.codeInput.dot
         },
         // 显示模式，box-盒子模式，line-底部横线模式
         mode: {
             type: String,
-            default: uni.$u.props.codeInput.mode
+            default: defprops.codeInput.mode
         },
         // 是否细边框
         hairline: {
             type: Boolean,
-            default: uni.$u.props.codeInput.hairline
+            default: defprops.codeInput.hairline
         },
         // 字符间的距离
         space: {
             type: [String, Number],
-            default: uni.$u.props.codeInput.space
+            default: defprops.codeInput.space
         },
         // 预置值
         value: {
             type: [String, Number],
-            default: uni.$u.props.codeInput.value
+            default: defprops.codeInput.value
         },
         // 是否自动获取焦点
         focus: {
             type: Boolean,
-            default: uni.$u.props.codeInput.focus
+            default: defprops.codeInput.focus
         },
         // 字体是否加粗
         bold: {
             type: Boolean,
-            default: uni.$u.props.codeInput.bold
+            default: defprops.codeInput.bold
         },
         // 字体颜色
         color: {
             type: String,
-            default: uni.$u.props.codeInput.color
+            default: defprops.codeInput.color
         },
         // 字体大小
         fontSize: {
             type: [String, Number],
-            default: uni.$u.props.codeInput.fontSize
+            default: defprops.codeInput.fontSize
         },
         // 输入框的大小，宽等于高
         size: {
             type: [String, Number],
-            default: uni.$u.props.codeInput.size
+            default: defprops.codeInput.size
         },
         // 是否隐藏原生键盘，如果想用自定义键盘的话，需设置此参数为true
         disabledKeyboard: {
             type: Boolean,
-            default: uni.$u.props.codeInput.disabledKeyboard
+            default: defprops.codeInput.disabledKeyboard
         },
         // 边框和线条颜色
         borderColor: {
             type: String,
-            default: uni.$u.props.codeInput.borderColor
+            default: defprops.codeInput.borderColor
         },
 		// 是否禁止输入"."符号
 		disabledDot: {
 			type: Boolean,
-			default: uni.$u.props.codeInput.disabledDot
+			default: defprops.codeInput.disabledDot
 		}
     }
 }

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

@@ -47,6 +47,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * CodeInput 验证码输入
 	 * @description 该组件一般用于验证用户短信验证码的场景，也可以结合uView的键盘组件使用
@@ -72,7 +74,7 @@
 	 */
 	export default {
 		name: 'u-code-input',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				inputValue: '',

package/components/u-col/props.js

@@ -1,29 +1,30 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 占父容器宽度的多少等分，总分为12份
         span: {
             type: [String, Number],
-            default: uni.$u.props.col.span
+            default: defprops.col.span
         },
         // 指定栅格左侧的间隔数(总12栏)
         offset: {
             type: [String, Number],
-            default: uni.$u.props.col.offset
+            default: defprops.col.offset
         },
         // 水平排列方式，可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)
         justify: {
             type: String,
-            default: uni.$u.props.col.justify
+            default: defprops.col.justify
         },
         // 垂直对齐方式，可选值为top、center、bottom、stretch
         align: {
             type: String,
-            default: uni.$u.props.col.align
+            default: defprops.col.align
         },
         // 文字对齐方式
         textAlign: {
             type: String,
-            default: uni.$u.props.col.textAlign
+            default: defprops.col.textAlign
         }
     }
 }

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

@@ -14,6 +14,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * CodeInput 栅格系统的列 
 	 * @description 该组件一般用于Layout 布局 通过基础的 12 分栏，迅速简便地创建布局
@@ -29,7 +31,7 @@
 	 */
 	export default {
 		name: 'u-col',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				width: 0,

package/components/u-collapse/props.js

@@ -1,19 +1,20 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 当前展开面板的name，非手风琴模式：[<string | number>]，手风琴模式：string | number
         value: {
             type: [String, Number, Array, null],
-            default: uni.$u.props.collapse.value
+            default: defprops.collapse.value
         },
         // 是否手风琴模式
         accordion: {
             type: Boolean,
-            default: uni.$u.props.collapse.accordion
+            default: defprops.collapse.accordion
         },
         // 是否显示外边框
         border: {
             type: Boolean,
-            default: uni.$u.props.collapse.border
+            default: defprops.collapse.border
         }
     }
 }

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

@@ -7,6 +7,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * collapse 折叠面板 
 	 * @description 通过折叠面板收纳内容区域
@@ -19,10 +21,19 @@
 	 */
 	export default {
 		name: "u-collapse",
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin,props],
 		watch: {
 			needInit() {
 				this.init()
+			},
+			// 当父组件需要子组件需要共享的参数发生了变化，手动通知子组件
+			parentData() {
+				if (this.children.length) {
+					this.children.map(child => {
+						// 判断子组件(u-checkbox)如果有updateParentData方法的话，就就执行(执行的结果是子组件重新从父组件拉取了最新的值)
+						typeof(child.updateParentData) === 'function' && child.updateParentData()
+					})
+				}
 			}
 		},
 		created() {
@@ -35,17 +46,6 @@
 				return [this.accordion, this.value]
 			}
 		},
-		watch: {
-			// 当父组件需要子组件需要共享的参数发生了变化，手动通知子组件
-			parentData() {
-				if (this.children.length) {
-					this.children.map(child => {
-						// 判断子组件(u-checkbox)如果有updateParentData方法的话，就就执行(执行的结果是子组件重新从父组件拉取了最新的值)
-						typeof(child.updateParentData) === 'function' && child.updateParentData()
-					})
-				}
-			},
-		},
 		methods: {
 			// 重新初始化一次内部的所有子元素
 			init() {