uview-plus 3.1.49 → 3.1.51

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

@@ -6,7 +6,7 @@
         :style="[$u.addStyle(customStyle), wrapperStyle]"
     >
         <view
-            class="u-subsection__bar"
+            class="u-subsection__bar cursor-pointer"
             ref="u-subsection__bar"
             :style="[barStyle]"
             :class="[
@@ -24,7 +24,7 @@
             ]"
         ></view>
         <view
-            class="u-subsection__item"
+            class="u-subsection__item cursor-pointer"
             :class="[
                 `u-subsection__item--${index}`,
                 index < list.length - 1 &&

package/components/u-tooltip/u-tooltip.vue

@@ -96,10 +96,6 @@
 	// #ifdef APP-NVUE 
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
-	// #ifdef H5
-	// import ClipboardJS from "./clipboard.min.js"
-	import ClipboardJS from "clipboard"
-	// #endif
 	/**
 	 * Tooltip 
 	 * @description 
@@ -260,7 +256,6 @@
 				// 关闭组件
 				this.showTooltip = false
 				this.$emit('click', 0)
-				// #ifndef H5
 				uni.setClipboardData({
 					// 优先使用copyText字段，如果没有，则默认使用text字段当做复制的内容
 					data: this.copyText || this.text,
@@ -274,29 +269,6 @@
 						this.showTooltip = false
 					}
 				})
-				// #endif
-
-				// #ifdef H5
-				let event = window.event || e || {}
-				let clipboard = new ClipboardJS('', {
-					text: () => this.copyText || this.text
-				})
-				clipboard.on('success', (e) => {
-					this.showToast && uni.$u.toast('复制成功')
-					clipboard.off('success')
-					clipboard.off('error')
-					// 在单页应用中，需要销毁DOM的监听
-					clipboard.destroy()
-				})
-				clipboard.on('error', (e) => {
-					this.showToast && uni.$u.toast('复制失败')
-					clipboard.off('success')
-					clipboard.off('error')
-					// 在单页应用中，需要销毁DOM的监听
-					clipboard.destroy()
-				})
-				clipboard.onClick(event)
-				// #endif
 			}
 		}
 	}

package/package.json

@@ -2,7 +2,7 @@
 	"id": "uview-plus",
 	"name": "uview-plus",
 	"displayName": "uview-plus3.0重磅发布，全面的Vue3移动组件库。",
-	"version": "3.1.49",
+	"version": "3.1.51",
 	"description": "uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",
@@ -43,7 +43,8 @@
 		"platforms": {
 			"cloud": {
 				"tcb": "y",
-				"aliyun": "y"
+                "aliyun": "y",
+                "alipay": "n"
 			},
 			"client": {
 				"Vue": {