uview-plus 3.1.50 → 3.1.52

package/components/u-qrcode/u-qrcode.vue

@@ -0,0 +1,199 @@
+<template>
+	<view class="u-qrcode">
+		<canvas class="u-qrcode__canvas" :canvas-id="cid" :style="{ width: size + unit, height: size + unit }" />
+		<image v-show="show" :src="result" :style="{ width: size + unit, height: size + unit }" />
+	</view>
+</template>
+
+<script>
+import QRCode from "./qrcode.js"
+let qrcode
+export default {
+	name: "u-qrcode",
+	props: {
+		cid: {
+			type: String,
+			default: 'u-qrcode-canvas' + Math.random().toString()
+		},
+		size: {
+			type: Number,
+			default: 200
+		},
+		unit: {
+			type: String,
+			default: 'px'
+		},
+		show: {
+			type: Boolean,
+			default: true
+		},
+		val: {
+			type: String,
+			default: ''
+		},
+		background: {
+			type: String,
+			default: '#ffffff'
+		},
+		foreground: {
+			type: String,
+			default: '#000000'
+		},
+		pdground: {
+			type: String,
+			default: '#000000'
+		},
+		icon: {
+			type: String,
+			default: ''
+		},
+		iconSize: {
+			type: Number,
+			default: 40
+		},
+		lv: {
+			type: Number,
+			default: 3
+		},
+		onval: {
+			type: Boolean,
+			default: true
+		},
+		loadMake: {
+			type: Boolean,
+			default: true
+		},
+		usingComponents: {
+			type: Boolean,
+			default: true
+		},
+		showLoading: {
+			type: Boolean,
+			default: true
+		},
+		loadingText: {
+			type: String,
+			default: '二维码生成中'
+		},
+	},
+	data() {
+		return {
+			result: '',
+		}
+	},
+	methods: {
+		_makeCode() {
+			let that = this
+			if (!this._empty(this.val)) {
+				qrcode = new QRCode({
+					context: that, // 上下文环境
+					canvasId: that.cid, // canvas-id
+					usingComponents: that.usingComponents, // 是否是自定义组件
+					showLoading: that.showLoading, // 是否显示loading
+					loadingText: that.loadingText, // loading文字
+					text: that.val, // 生成内容
+					size: that.size, // 二维码大小
+					background: that.background, // 背景色
+					foreground: that.foreground, // 前景色
+					pdground: that.pdground, // 定位角点颜色
+					correctLevel: that.lv, // 容错级别
+					image: that.icon, // 二维码图标
+					imageSize: that.iconSize,// 二维码图标大小
+					cbResult: function (res) { // 生成二维码的回调
+						that._result(res)
+					},
+				});
+			} else {
+				uni.showToast({
+					title: '二维码内容不能为空',
+					icon: 'none',
+					duration: 2000
+				});
+			}
+		},
+		_clearCode() {
+			this._result('')
+			qrcode.clear()
+		},
+		_saveCode() {
+			let that = this;
+			if (this.result != "") {
+				uni.saveImageToPhotosAlbum({
+					filePath: that.result,
+					success: function () {
+						uni.showToast({
+							title: '二维码保存成功',
+							icon: 'success',
+							duration: 2000
+						});
+					}
+				});
+			}
+		},
+		_result(res) {
+			this.result = res;
+			this.$emit('result', res)
+		},
+		_empty(v) {
+			let tp = typeof v,
+				rt = false;
+			if (tp == "number" && String(v) == "") {
+				rt = true
+			} else if (tp == "undefined") {
+				rt = true
+			} else if (tp == "object") {
+				if (JSON.stringify(v) == "{}" || JSON.stringify(v) == "[]" || v == null) rt = true
+			} else if (tp == "string") {
+				if (v == "" || v == "undefined" || v == "null" || v == "{}" || v == "[]") rt = true
+			} else if (tp == "function") {
+				rt = false
+			}
+			return rt
+		}
+	},
+	watch: {
+		size: function (n, o) {
+			if (n != o && !this._empty(n)) {
+				this.cSize = n
+				if (!this._empty(this.val)) {
+					setTimeout(() => {
+						this._makeCode()
+					}, 100);
+				}
+			}
+		},
+		val: function (n, o) {
+			if (this.onval) {
+				if (n != o && !this._empty(n)) {
+					setTimeout(() => {
+						this._makeCode()
+					}, 0);
+				}
+			}
+		}
+	},
+	computed: {
+	},
+	mounted: function () {
+		if (this.loadMake) {
+			if (!this._empty(this.val)) {
+				setTimeout(() => {
+					this._makeCode()
+				}, 0);
+			}
+		}
+	},
+}
+</script>
+<style lang="scss" scoped>
+.u-qrcode {
+	position: relative;
+
+	&__canvas {
+		position: fixed;
+		top: -99999rpx;
+		left: -99999rpx;
+		z-index: -99999;
+	}
+}
+</style>

package/components/u-radio/props.js

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

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

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

package/components/u-rate/props.js

@@ -1,79 +1,78 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // #ifdef VUE3
         // 用于v-model双向绑定选中的星星数量
         modelValue: {
             type: [String, Number],
-            default: defprops.rate.value
+            default: () => uni.$u.props.rate.value
         },
         // #endif
         // #ifdef VUE2
         // 用于v-model双向绑定选中的星星数量
         value: {
             type: [String, Number],
-            default: defprops.rate.value
+            default: () => uni.$u.props.rate.value
         },
         // #endif
         // 要显示的星星数量
         count: {
             type: [String, Number],
-            default: defprops.rate.count
+            default: () => uni.$u.props.rate.count
         },
         // 是否不可选中
         disabled: {
             type: Boolean,
-            default: defprops.rate.disabled
+            default: () => uni.$u.props.rate.disabled
         },
         // 是否只读
         readonly: {
             type: Boolean,
-            default: defprops.rate.readonly
+            default: () => uni.$u.props.rate.readonly
         },
         // 星星的大小，单位px
         size: {
             type: [String, Number],
-            default: defprops.rate.size
+            default: () => uni.$u.props.rate.size
         },
         // 未选中时的颜色
         inactiveColor: {
             type: String,
-            default: defprops.rate.inactiveColor
+            default: () => uni.$u.props.rate.inactiveColor
         },
         // 选中的颜色
         activeColor: {
             type: String,
-            default: defprops.rate.activeColor
+            default: () => uni.$u.props.rate.activeColor
         },
         // 星星之间的间距，单位px
         gutter: {
             type: [String, Number],
-            default: defprops.rate.gutter
+            default: () => uni.$u.props.rate.gutter
         },
         // 最少能选择的星星个数
         minCount: {
             type: [String, Number],
-            default: defprops.rate.minCount
+            default: () => uni.$u.props.rate.minCount
         },
         // 是否允许半星
         allowHalf: {
             type: Boolean,
-            default: defprops.rate.allowHalf
+            default: () => uni.$u.props.rate.allowHalf
         },
         // 选中时的图标(星星)
         activeIcon: {
             type: String,
-            default: defprops.rate.activeIcon
+            default: () => uni.$u.props.rate.activeIcon
         },
         // 未选中时的图标(星星)
         inactiveIcon: {
             type: String,
-            default: defprops.rate.inactiveIcon
+            default: () => uni.$u.props.rate.inactiveIcon
         },
         // 是否可以通过滑动手势选择评分
         touchable: {
             type: Boolean,
-            default: defprops.rate.touchable
+            default: () => uni.$u.props.rate.touchable
         }
     }
 }

package/components/u-read-more/props.js

@@ -1,35 +1,34 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 默认的显示占位高度
         showHeight: {
             type: [String, Number],
-            default: defprops.readMore.showHeight
+            default: () => uni.$u.props.readMore.showHeight
         },
         // 展开后是否显示"收起"按钮
         toggle: {
             type: Boolean,
-            default: defprops.readMore.toggle
+            default: () => uni.$u.props.readMore.toggle
         },
         // 关闭时的提示文字
         closeText: {
             type: String,
-            default: defprops.readMore.closeText
+            default: () => uni.$u.props.readMore.closeText
         },
         // 展开时的提示文字
         openText: {
             type: String,
-            default: defprops.readMore.openText
+            default: () => uni.$u.props.readMore.openText
         },
         // 提示的文字颜色
         color: {
             type: String,
-            default: defprops.readMore.color
+            default: () => uni.$u.props.readMore.color
         },
         // 提示文字的大小
         fontSize: {
             type: [String, Number],
-            default: defprops.readMore.fontSize
+            default: () => uni.$u.props.readMore.fontSize
         },
         // 是否显示阴影
         // 此参数不能写在props/readMore.js中进行默认配置，因为使用了条件编译，在外部js中
@@ -51,12 +50,12 @@ export default {
         // 段落首行缩进的字符个数
         textIndent: {
             type: String,
-            default: defprops.readMore.textIndent
+            default: () => uni.$u.props.readMore.textIndent
         },
         // open和close事件时，将此参数返回在回调参数中
         name: {
             type: [String, Number],
-            default: defprops.readMore.name
+            default: () => uni.$u.props.readMore.name
         }
     }
 }

package/components/u-row/props.js

@@ -1,20 +1,19 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 给col添加间距，左右边距各占一半
         gutter: {
             type: [String, Number],
-            default: defprops.row.gutter
+            default: () => uni.$u.props.row.gutter
         },
         // 水平排列方式，可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)
         justify: {
             type: String,
-            default: defprops.row.justify
+            default: () => uni.$u.props.row.justify
         },
         // 垂直对齐方式，可选值为top、center、bottom
         align: {
             type: String,
-            default: defprops.row.align
+            default: () => uni.$u.props.row.align
         }
     }
 }

package/components/u-row-notice/props.js

@@ -1,40 +1,39 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 显示的内容，字符串
         text: {
             type: String,
-            default: defprops.rowNotice.text
+            default: () => uni.$u.props.rowNotice.text
         },
         // 是否显示左侧的音量图标
         icon: {
             type: String,
-            default: defprops.rowNotice.icon
+            default: () => uni.$u.props.rowNotice.icon
         },
         // 通告模式，link-显示右箭头，closable-显示右侧关闭图标
         mode: {
             type: String,
-            default: defprops.rowNotice.mode
+            default: () => uni.$u.props.rowNotice.mode
         },
         // 文字颜色，各图标也会使用文字颜色
         color: {
             type: String,
-            default: defprops.rowNotice.color
+            default: () => uni.$u.props.rowNotice.color
         },
         // 背景颜色
         bgColor: {
             type: String,
-            default: defprops.rowNotice.bgColor
+            default: () => uni.$u.props.rowNotice.bgColor
         },
         // 字体大小，单位px
         fontSize: {
             type: [String, Number],
-            default: defprops.rowNotice.fontSize
+            default: () => uni.$u.props.rowNotice.fontSize
         },
         // 水平滚动时的滚动速度，即每秒滚动多少px(rpx)，这有利于控制文字无论多少时，都能有一个恒定的速度
         speed: {
             type: [String, Number],
-            default: defprops.rowNotice.speed
+            default: () => uni.$u.props.rowNotice.speed
         }
     }
 }

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

@@ -273,7 +273,12 @@
 			}
 		},
 		// #ifdef APP-NVUE
+		// #ifdef VUE2
 		beforeDestroy() {
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+		// #endif
 			this.stopAnimation = true
 		},
 		// #endif

package/components/u-safe-bottom/props.js

@@ -1,4 +1,3 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
 

package/components/u-scroll-list/props.js

@@ -1,35 +1,34 @@
-import defprops from '../../libs/config/props';
 export default {
     props: {
         // 指示器的整体宽度
         indicatorWidth: {
             type: [String, Number],
-            default: defprops.scrollList.indicatorWidth
+            default: () => uni.$u.props.scrollList.indicatorWidth
         },
         // 滑块的宽度
         indicatorBarWidth: {
             type: [String, Number],
-            default: defprops.scrollList.indicatorBarWidth
+            default: () => uni.$u.props.scrollList.indicatorBarWidth
         },
         // 是否显示面板指示器
         indicator: {
             type: Boolean,
-            default: defprops.scrollList.indicator
+            default: () => uni.$u.props.scrollList.indicator
         },
         // 指示器非激活颜色
         indicatorColor: {
             type: String,
-            default: defprops.scrollList.indicatorColor
+            default: () => uni.$u.props.scrollList.indicatorColor
         },
         // 指示器的激活颜色
         indicatorActiveColor: {
             type: String,
-            default: defprops.scrollList.indicatorActiveColor
+            default: () => uni.$u.props.scrollList.indicatorActiveColor
         },
         // 指示器样式，可通过bottom，left，right进行定位
         indicatorStyle: {
             type: [String, Object],
-            default: defprops.scrollList.indicatorStyle
+            default: () => uni.$u.props.scrollList.indicatorStyle
         }
     }
 }