uview-plus 3.0.14 → 3.1.0

package/components/u-empty/props.js

@@ -1,59 +1,60 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 内置图标名称，或图片路径，建议绝对路径
         icon: {
             type: String,
-            default: uni.$u.props.empty.icon
+            default: defprops.empty.icon
         },
         // 提示文字
         text: {
             type: String,
-            default: uni.$u.props.empty.text
+            default: defprops.empty.text
         },
         // 文字颜色
         textColor: {
             type: String,
-            default: uni.$u.props.empty.textColor
+            default: defprops.empty.textColor
         },
         // 文字大小
         textSize: {
             type: [String, Number],
-            default: uni.$u.props.empty.textSize
+            default: defprops.empty.textSize
         },
         // 图标的颜色
         iconColor: {
             type: String,
-            default: uni.$u.props.empty.iconColor
+            default: defprops.empty.iconColor
         },
         // 图标的大小
         iconSize: {
             type: [String, Number],
-            default: uni.$u.props.empty.iconSize
+            default: defprops.empty.iconSize
         },
         // 选择预置的图标类型
         mode: {
             type: String,
-            default: uni.$u.props.empty.mode
+            default: defprops.empty.mode
         },
         //  图标宽度，单位px
         width: {
             type: [String, Number],
-            default: uni.$u.props.empty.width
+            default: defprops.empty.width
         },
         // 图标高度，单位px
         height: {
             type: [String, Number],
-            default: uni.$u.props.empty.height
+            default: defprops.empty.height
         },
         // 是否显示组件
         show: {
             type: Boolean,
-            default: uni.$u.props.empty.show
+            default: defprops.empty.show
         },
         // 组件距离上一个元素之间的距离，默认px单位
         marginTop: {
             type: [String, Number],
-            default: uni.$u.props.empty.marginTop
+            default: defprops.empty.marginTop
         }
     }
 }

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

@@ -32,7 +32,8 @@
 
 <script>
 	import props from './props.js';
-
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * empty 内容为空
 	 * @description 该组件用于需要加载内容，但是加载的第一页数据就为空，提示一个"没有内容"的场景， 我们精心挑选了十几个场景的图标，方便您使用。
@@ -56,7 +57,7 @@
 	 */
 	export default {
 		name: "u-empty",
-		mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				icons: {

package/components/u-form/props.js

@@ -1,45 +1,46 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 当前form的需要验证字段的集合
         model: {
             type: Object,
-            default: uni.$u.props.form.model
+            default: defprops.form.model
         },
         // 验证规则
         rules: {
             type: [Object, Function, Array],
-            default: uni.$u.props.form.rules
+            default: defprops.form.rules
         },
         // 有错误时的提示方式，message-提示信息，toast-进行toast提示
         // border-bottom-下边框呈现红色，none-无提示
         errorType: {
             type: String,
-            default: uni.$u.props.form.errorType
+            default: defprops.form.errorType
         },
         // 是否显示表单域的下划线边框
         borderBottom: {
             type: Boolean,
-            default: uni.$u.props.form.borderBottom
+            default: defprops.form.borderBottom
         },
         // label的位置，left-左边，top-上边
         labelPosition: {
             type: String,
-            default: uni.$u.props.form.labelPosition
+            default: defprops.form.labelPosition
         },
         // label的宽度，单位px
         labelWidth: {
             type: [String, Number],
-            default: uni.$u.props.form.labelWidth
+            default: defprops.form.labelWidth
         },
         // lable字体的对齐方式
         labelAlign: {
             type: String,
-            default: uni.$u.props.form.labelAlign
+            default: defprops.form.labelAlign
         },
         // lable的样式，对象形式
         labelStyle: {
             type: Object,
-            default: uni.$u.props.form.labelStyle
+            default: defprops.form.labelStyle
         }
     }
 }

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

@@ -5,7 +5,9 @@
 </template>
 
 <script>
-	import props from "./props.js";
+	import props from "./props.js";
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	import Schema from "../../libs/util/async-validator";
 	// 去除警告信息
 	Schema.warning = function() {};
@@ -25,7 +27,7 @@
 	 */
 	export default {
 		name: "u-form",
-		mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+		mixins: [mpMixin, mixin, props],
 		provide() {
 			return {
 				uForm: this,
@@ -89,10 +91,10 @@
 			// 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
 			setRules(rules) {
 				// 判断是否有规则
-				if (Object.keys(rules).length === 0) return;
-				if (process.env.NODE_ENV === 'development' && Object.keys(this.model).length === 0) {
-					uni.$u.error('设置rules，model必须设置！如果已经设置，请刷新页面。');
-					return;
+				if (Object.keys(rules).length === 0) return;
+				if (process.env.NODE_ENV === 'development' && Object.keys(this.model).length === 0) {
+					uni.$u.error('设置rules，model必须设置！如果已经设置，请刷新页面。');
+					return;
 				};
 				this.formRules = rules;
 				// 重新将规则赋予Validator
@@ -181,11 +183,11 @@
 				});
 			},
 			// 校验全部数据
-			validate(callback) {
-				// 开发环境才提示，生产环境不会提示
-				if (process.env.NODE_ENV === 'development' && Object.keys(this.formRules).length === 0) {
-					uni.$u.error('未设置rules，请看文档说明！如果已经设置，请刷新页面。');
-					return;
+			validate(callback) {
+				// 开发环境才提示，生产环境不会提示
+				if (process.env.NODE_ENV === 'development' && Object.keys(this.formRules).length === 0) {
+					uni.$u.error('未设置rules，请看文档说明！如果已经设置，请刷新页面。');
+					return;
 				}
 				return new Promise((resolve, reject) => {
 					// $nextTick是必须的，否则model的变更，可能会延后于validate方法

package/components/u-form-item/props.js

@@ -1,43 +1,44 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // input的label提示语
         label: {
             type: String,
-            default: uni.$u.props.formItem.label
+            default: defprops.formItem.label
         },
         // 绑定的值
         prop: {
             type: String,
-            default: uni.$u.props.formItem.prop
+            default: defprops.formItem.prop
         },
         // 是否显示表单域的下划线边框
         borderBottom: {
             type: [String, Boolean],
-            default: uni.$u.props.formItem.borderBottom
+            default: defprops.formItem.borderBottom
         },
         // label的宽度，单位px
         labelWidth: {
             type: [String, Number],
-            default: uni.$u.props.formItem.labelWidth
+            default: defprops.formItem.labelWidth
         },
         // 右侧图标
         rightIcon: {
             type: String,
-            default: uni.$u.props.formItem.rightIcon
+            default: defprops.formItem.rightIcon
         },
         // 左侧图标
         leftIcon: {
             type: String,
-            default: uni.$u.props.formItem.leftIcon
+            default: defprops.formItem.leftIcon
         },
         // 是否显示左边的必填星号，只作显示用，具体校验必填的逻辑，请在rules中配置
         required: {
             type: Boolean,
-            default: uni.$u.props.formItem.required
+            default: defprops.formItem.required
         },
         leftIconStyle: {
             type: [String, Object],
-            default: uni.$u.props.formItem.leftIconStyle,
+            default: defprops.formItem.leftIconStyle,
         }
     }
 }

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

@@ -76,6 +76,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * Form 表单
 	 * @description 此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。
@@ -93,7 +95,7 @@
 	 */
 	export default {
 		name: 'u-form-item',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				// 错误提示语

package/components/u-gap/props.js

@@ -1,24 +1,25 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 背景颜色（默认transparent）
         bgColor: {
             type: String,
-            default: uni.$u.props.gap.bgColor
+            default: defprops.gap.bgColor
         },
         // 分割槽高度，单位px（默认30）
         height: {
             type: [String, Number],
-            default: uni.$u.props.gap.height
+            default: defprops.gap.height
         },
         // 与上一个组件的距离
         marginTop: {
             type: [String, Number],
-            default: uni.$u.props.gap.marginTop
+            default: defprops.gap.marginTop
         },
         // 与下一个组件的距离
         marginBottom: {
             type: [String, Number],
-            default: uni.$u.props.gap.marginBottom
+            default: defprops.gap.marginBottom
         }
     }
 }

package/components/u-gap/u-gap.vue

@@ -4,6 +4,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * gap 间隔槽
 	 * @description 该组件一般用于内容块之间的用一个灰色块隔开的场景，方便用户风格统一，减少工作量
@@ -18,7 +20,7 @@
 	 */
 	export default {
 		name: "u-gap",
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin, props],
 		computed: {
 			gapStyle() {
 				const style = {

package/components/u-grid/props.js

@@ -1,19 +1,20 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 分成几列
         col: {
             type: [String, Number],
-            default: uni.$u.props.grid.col
+            default: defprops.grid.col
         },
         // 是否显示边框
         border: {
             type: Boolean,
-            default: uni.$u.props.grid.border
+            default: defprops.grid.border
         },
         // 宫格对齐方式，表现为数量少的时候，靠左，居中，还是靠右
         align: {
             type: String,
-            default: uni.$u.props.grid.align
+            default: defprops.grid.align
         }
     }
 }

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

@@ -10,6 +10,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * grid 宫格布局
 	 * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。
@@ -23,7 +25,7 @@
 	 */
 	export default {
 		name: 'u-grid',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				index: 0,

package/components/u-grid-item/props.js

@@ -1,14 +1,15 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 宫格的name
         name: {
             type: [String, Number, null],
-            default: uni.$u.props.gridItem.name
+            default: defprops.gridItem.name
         },
         // 背景颜色
         bgColor: {
             type: String,
-            default: uni.$u.props.gridItem.bgColor
+            default: defprops.gridItem.bgColor
         }
     }
 }

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

@@ -26,6 +26,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * gridItem 提示
 	 * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。搭配u-grid使用
@@ -38,7 +40,7 @@
 	 */
 	export default {
 		name: "u-grid-item",
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				parentData: {

package/components/u-icon/props.js

@@ -1,89 +1,90 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 图标类名
         name: {
             type: String,
-            default: uni.$u.props.icon.name
+            default: defprops.icon.name
         },
         // 图标颜色，可接受主题色
         color: {
             type: String,
-            default: uni.$u.props.icon.color
+            default: defprops.icon.color
         },
         // 字体大小，单位px
         size: {
             type: [String, Number],
-            default: uni.$u.props.icon.size
+            default: defprops.icon.size
         },
         // 是否显示粗体
         bold: {
             type: Boolean,
-            default: uni.$u.props.icon.bold
+            default: defprops.icon.bold
         },
         // 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
         index: {
             type: [String, Number],
-            default: uni.$u.props.icon.index
+            default: defprops.icon.index
         },
         // 触摸图标时的类名
         hoverClass: {
             type: String,
-            default: uni.$u.props.icon.hoverClass
+            default: defprops.icon.hoverClass
         },
         // 自定义扩展前缀，方便用户扩展自己的图标库
         customPrefix: {
             type: String,
-            default: uni.$u.props.icon.customPrefix
+            default: defprops.icon.customPrefix
         },
         // 图标右边或者下面的文字
         label: {
             type: [String, Number],
-            default: uni.$u.props.icon.label
+            default: defprops.icon.label
         },
         // label的位置，只能右边或者下边
         labelPos: {
             type: String,
-            default: uni.$u.props.icon.labelPos
+            default: defprops.icon.labelPos
         },
         // label的大小
         labelSize: {
             type: [String, Number],
-            default: uni.$u.props.icon.labelSize
+            default: defprops.icon.labelSize
         },
         // label的颜色
         labelColor: {
             type: String,
-            default: uni.$u.props.icon.labelColor
+            default: defprops.icon.labelColor
         },
         // label与图标的距离
         space: {
             type: [String, Number],
-            default: uni.$u.props.icon.space
+            default: defprops.icon.space
         },
         // 图片的mode
         imgMode: {
             type: String,
-            default: uni.$u.props.icon.imgMode
+            default: defprops.icon.imgMode
         },
         // 用于显示图片小图标时，图片的宽度
         width: {
             type: [String, Number],
-            default: uni.$u.props.icon.width
+            default: defprops.icon.width
         },
         // 用于显示图片小图标时，图片的高度
         height: {
             type: [String, Number],
-            default: uni.$u.props.icon.height
+            default: defprops.icon.height
         },
         // 用于解决某些情况下，让图标垂直居中的用途
         top: {
             type: [String, Number],
-            default: uni.$u.props.icon.top
+            default: defprops.icon.top
         },
         // 是否阻止事件传播
         stop: {
             type: Boolean,
-            default: uni.$u.props.icon.stop
+            default: defprops.icon.stop
         }
     }
 }

package/components/u-icon/u-icon.vue

@@ -49,7 +49,9 @@
 	// 引入图标名称，已经对应的unicode
 	import icons from './icons'
 	
-	import props from './props.js';;
+	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 
 	/**
 	 * icon 图标
@@ -84,7 +86,7 @@
 
 			}
 		},
-		mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+		mixins: [mpMixin, mixin, props],
 		computed: {
 			uClasses() {
 				let classes = []

package/components/u-image/props.js

@@ -1,84 +1,85 @@
+import defprops from '../../libs/config/props';
 export default {
     props: {
         // 图片地址
         src: {
             type: String,
-            default: uni.$u.props.image.src
+            default: defprops.image.src
         },
         // 裁剪模式
         mode: {
             type: String,
-            default: uni.$u.props.image.mode
+            default: defprops.image.mode
         },
         // 宽度，单位任意
         width: {
             type: [String, Number],
-            default: uni.$u.props.image.width
+            default: defprops.image.width
         },
         // 高度，单位任意
         height: {
             type: [String, Number],
-            default: uni.$u.props.image.height
+            default: defprops.image.height
         },
         // 图片形状，circle-圆形，square-方形
         shape: {
             type: String,
-            default: uni.$u.props.image.shape
+            default: defprops.image.shape
         },
         // 圆角，单位任意
         radius: {
             type: [String, Number],
-            default: uni.$u.props.image.radius
+            default: defprops.image.radius
         },
         // 是否懒加载，微信小程序、App、百度小程序、字节跳动小程序
         lazyLoad: {
             type: Boolean,
-            default: uni.$u.props.image.lazyLoad
+            default: defprops.image.lazyLoad
         },
         // 开启长按图片显示识别微信小程序码菜单
         showMenuByLongpress: {
             type: Boolean,
-            default: uni.$u.props.image.showMenuByLongpress
+            default: defprops.image.showMenuByLongpress
         },
         // 加载中的图标，或者小图片
         loadingIcon: {
             type: String,
-            default: uni.$u.props.image.loadingIcon
+            default: defprops.image.loadingIcon
         },
         // 加载失败的图标，或者小图片
         errorIcon: {
             type: String,
-            default: uni.$u.props.image.errorIcon
+            default: defprops.image.errorIcon
         },
         // 是否显示加载中的图标或者自定义的slot
         showLoading: {
             type: Boolean,
-            default: uni.$u.props.image.showLoading
+            default: defprops.image.showLoading
         },
         // 是否显示加载错误的图标或者自定义的slot
         showError: {
             type: Boolean,
-            default: uni.$u.props.image.showError
+            default: defprops.image.showError
         },
         // 是否需要淡入效果
         fade: {
             type: Boolean,
-            default: uni.$u.props.image.fade
+            default: defprops.image.fade
         },
         // 只支持网络资源，只对微信小程序有效
         webp: {
             type: Boolean,
-            default: uni.$u.props.image.webp
+            default: defprops.image.webp
         },
         // 过渡时间，单位ms
         duration: {
             type: [String, Number],
-            default: uni.$u.props.image.duration
+            default: defprops.image.duration
         },
         // 背景颜色，用于深色页面加载图片时，为了和背景色融合
         bgColor: {
             type: String,
-            default: uni.$u.props.image.bgColor
+            default: defprops.image.bgColor
         }
     }
-}
+}

package/components/u-image/u-image.vue

@@ -65,6 +65,8 @@
 
 <script>
 	import props from './props.js';
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
 	/**
 	 * Image 图片
 	 * @description 此组件为uni-app的image组件的加强版，在继承了原有功能外，还支持淡入动画、加载中、加载失败提示、圆角值和形状等。
@@ -93,7 +95,7 @@
 	 */
 	export default {
 		name: 'u-image',
-		mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				// 图片是否加载错误，如果是，则显示错误占位图
@@ -134,7 +136,7 @@
 				// 如果是显示圆形，设置一个很多的半径值即可
 				style.borderRadius = this.shape == 'circle' ? '10000px' : uni.$u.addUnit(this.radius)
 				// 如果设置圆角，必须要有hidden，否则可能圆角无效
-				style.overflow = this.borderRadius > 0 ? 'hidden' : 'visible'
+				style.overflow = this.radius > 0 ? 'hidden' : 'visible'
 				// if (this.fade) {
 				// 	style.opacity = this.opacity
 				// 	// nvue下，这几个属性必须要分开写