uview-plus 3.8.49 → 3.8.86

package/components/u-car-keyboard/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CarKeyboardDefaultProps from './carKeyboard'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(CarKeyboardDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否打乱键盘按键的顺序

package/components/u-card/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CardDefaultProps from './card'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(CardDefaultProps)
 export const propsCard = defineMixin({
     props: {
         // 与屏幕两侧是否留空隙

package/components/u-cell/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CellDefaultProps from './cell'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CellDefaultProps)
 export const props = defineMixin({
     props: {
         // 标题

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

@@ -15,7 +15,7 @@
                     <!-- 将slot与默认内容用if/else分开主要是因为微信小程序不支持slot嵌套传递，这样才能解决collapse组件的slot不失效问题，label暂时未用到。 -->
 					<slot name="title" v-if="$slots.title || !title">
 					</slot>
-                    <text v-else class="u-cell__title-text" :style="[titleTextStyle, cellTitleDynamicStyle]"
+                    <text v-else class="u-cell__title-text" :style="[cellTitleDynamicStyle, titleTextStyle]"
                         :class="[required && 'u-cell--required', disabled && 'u-cell--disabled', size === 'large' && 'u-cell__title-text--large']">{{ title }}</text>
 					<slot name="label">
 						<text class="u-cell__label" v-if="label"

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CellGroupDefaultProps from './cellGroup'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CellGroupDefaultProps)
 export const props = defineMixin({
     props: {
         // 分组标题

package/components/u-checkbox/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CheckboxDefaultProps from './checkbox'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CheckboxDefaultProps)
 export const props = defineMixin({
     props: {
         // checkbox的名称

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

@@ -11,7 +11,7 @@
 		    :class="iconClasses"
 		    :style="[iconWrapStyle]"
 		>
-			<slot name="icon" :elIconSize="elIconSize" :elIconColor="elIconColor">
+			<slot name="icon" :elIconSize="elIconSize" :elIconColor="elIconColor" :checked="isChecked" :elDisabled="elDisabled">
 				<up-icon
 				    class="u-checkbox__icon-wrap__icon"
 				    name="checkbox-mark"
@@ -149,8 +149,12 @@
 				if (this.elDisabled) {
 					classes.push('u-checkbox__icon-wrap--disabled')
 				}
-				if (this.isChecked && this.elDisabled) {
-					classes.push('u-checkbox__icon-wrap--disabled--checked')
+				if (this.isChecked) {
+					if (this.elDisabled) {
+						classes.push('u-checkbox__icon-wrap--disabled--checked')
+					} else {
+						classes.push('u-checkbox__icon-wrap--checked')
+					}
 				}
 				// 支付宝，头条小程序无法动态绑定一个数组类名，否则解析出来的结果会带有","，而导致失效
 				// #ifdef MP-ALIPAY || MP-TOUTIAO

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

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CheckboxGroupDefaultProps from './checkboxGroup'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(CheckboxGroupDefaultProps)
 export const props = defineMixin({
     props: {
         // 标识符

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CircleProgressDefaultProps from './circleProgress'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CircleProgressDefaultProps)
 export const props = defineMixin({
     props: {
         percentage: {

package/components/u-code/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CodeDefaultProps from './code'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CodeDefaultProps)
 export const props = defineMixin({
     props: {
         // 倒计时总秒数

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CodeInputDefaultProps from './codeInput'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CodeInputDefaultProps)
 export const props = defineMixin({
     props: {
 		// 键盘弹起时，是否自动上推页面

package/components/u-col/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ColDefaultProps from './col'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ColDefaultProps)
 export const props = defineMixin({
     props: {
         // 占父容器宽度的多少等分，总分为12份

package/components/u-collapse/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CollapseDefaultProps from './collapse'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CollapseDefaultProps)
 export const props = defineMixin({
     props: {
         // 当前展开面板的name，非手风琴模式：[<string | number>]，手风琴模式：string | number

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CollapseItemDefaultProps from './collapseItem'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CollapseItemDefaultProps)
 export const props = defineMixin({
     props: {
         // 标题

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

@@ -801,6 +801,7 @@ export default {
 		width: 100%;
 		padding: 20px;
 		background-color: var(--up-card-bg-color, #fff);
+		box-sizing: border-box;
 	}
 	
 	&__header {

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ColumnNoticeDefaultProps from './columnNotice'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ColumnNoticeDefaultProps)
 export const props = defineMixin({
     props: {
         // 显示的内容，字符串

package/components/u-count-down/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CountDownDefaultProps from './countDown'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CountDownDefaultProps)
 export const props = defineMixin({
     props: {
         // 倒计时时长，单位ms

package/components/u-count-to/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import CountToDefaultProps from './countTo'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(CountToDefaultProps)
 export const props = defineMixin({
     props: {
         // 开始的数值，默认从0增长到某一个数

package/components/u-cropper/u-cropper.vue

@@ -1,9 +1,9 @@
 <template>
 	<view class="u-cropper">
 		<!-- <image :src="imgSrc.imgSrc" @click="select" :style="[ imgStyle ]" class="my-avatar"></image> -->
-		<canvas :canvas-id="'avatar-canvas-' + instanceId" :id="'avatar-canvas-' + instanceId" class="my-canvas" :style="{ top: styleTop, height: cvsStyleHeight }" disable-scroll="false"></canvas>
-		<canvas :canvas-id="'oper-canvas-' + instanceId" :id="'oper-canvas-' + instanceId" class="oper-canvas" :style="{ top: styleTop, height: cvsStyleHeight }" disable-scroll="false" @touchstart="start" @touchmove="move" @touchend="end"></canvas>
-		<canvas :canvas-id="'prv-canvas-' + instanceId" :id="'prv-canvas-' + instanceId" class="prv-canvas" disable-scroll="false" @touchstart="hideImg" :style="{ height: cvsStyleHeight, top: prvTop }"></canvas>
+		<up-canvas ref="avatarCanvas" :canvas-id="'avatar-canvas-' + instanceId" class="my-canvas" :width="windowWidth || 0" :height="windowHeight || 0" :style="{ top: styleTop, height: cvsStyleHeight }" bg-color="transparent"></up-canvas>
+		<up-canvas ref="operCanvas" :canvas-id="'oper-canvas-' + instanceId" class="oper-canvas" :width="windowWidth || 0" :height="windowHeight || 0" :style="{ top: styleTop, height: cvsStyleHeight }" bg-color="transparent" @touchstart="start" @touchmove="move" @touchend="end"></up-canvas>
+		<up-canvas ref="prvCanvas" :canvas-id="'prv-canvas-' + instanceId" class="prv-canvas" :width="windowWidth || 0" :height="windowHeight || 0" bg-color="transparent" @touchstart="hideImg" :style="{ height: cvsStyleHeight, top: prvTop }"></up-canvas>
 		<view class="oper-wrapper" :style="{ display: styleDisplay }">
 			<view class="oper">
 				<view class="btn-wrapper" v-if="showOper">
@@ -108,9 +108,9 @@
 			},
 		},
 		created() {
-			this.ctxCanvas = uni.createCanvasContext('avatar-canvas-' + this.instanceId, this);
-			this.ctxCanvasOper = uni.createCanvasContext('oper-canvas-' + this.instanceId, this);
-			this.ctxCanvasPrv = uni.createCanvasContext('prv-canvas-' + this.instanceId, this);
+			this.ctxCanvas = null;
+			this.ctxCanvasOper = null;
+			this.ctxCanvasPrv = null;
 			this.qlty = parseInt(this.quality) || 0.9;
 			this.imgSrc.imgSrc = this.imageSrc;
 			this.letRotate = (this.canRotate === false || this.inner === true) ? 0 : 1;
@@ -144,8 +144,27 @@
 				});
 			}
 		},
+		mounted() {
+			this.initCanvasRefs(true);
+		},
 		methods: {
 			t,
+			async initCanvasRefs(force = false) {
+				await this.$nextTick();
+				const avatarCanvas = this.$refs.avatarCanvas;
+				const operCanvas = this.$refs.operCanvas;
+				const prvCanvas = this.$refs.prvCanvas;
+				if (!avatarCanvas || !operCanvas || !prvCanvas) return false;
+				await Promise.all([
+					avatarCanvas.initCanvas(force),
+					operCanvas.initCanvas(force),
+					prvCanvas.initCanvas(force)
+				]);
+				this.ctxCanvas = avatarCanvas;
+				this.ctxCanvasOper = operCanvas;
+				this.ctxCanvasPrv = prvCanvas;
+				return true;
+			},
 			windowResize() {
 				let sysInfo = uni.getSystemInfoSync();
 				this.platform = sysInfo.platform;
@@ -264,7 +283,7 @@
 					}
 				})
 			},
-			confirm() {
+			async confirm() {
 				if (this.fUploading) return;
 				this.fUploading = true;
 				setTimeout(() => { this.fUploading = false; }, 1000)
@@ -289,35 +308,34 @@
 				this.styleTop = '-10000px';
 				this.hasSel = false;
 				this.hideImg();
-				uni.canvasToTempFilePath({
+				await this.initCanvasRefs();
+				this.ctxCanvas.toTempFilePath({
 					x: x,
 					y: y,
 					width: width,
 					height: height,
 					destWidth: expWidth,
 					destHeight: expHeight,
-					canvasId: 'avatar-canvas-' + this.instanceId,
 					fileType: 'png',
 					quality: this.qlty,
 					success: (r) => {
 						r = r.tempFilePath;
 						// #ifdef H5
-						this.btop(r).then((r) => {
+						this.btop(r).then(async (r) => {
 							if (this.expWidth && this.expHeight) {
 								let ctxCanvas = this.ctxCanvas;
 								expWidth = this.expWidth,
 									expHeight = this.expHeight;
 
-								ctxCanvas.drawImage(r, 0, 0, expWidth, expHeight);
+								await ctxCanvas.drawImage(r, 0, 0, expWidth, expHeight);
 								ctxCanvas.draw(false, () => {
-									uni.canvasToTempFilePath({
+									ctxCanvas.toTempFilePath({
 										x: 0,
 										y: 0,
 										width: expWidth,
 										height: expHeight,
 										destWidth: expWidth,
 										destHeight: expHeight,
-										canvasId: 'avatar-canvas-' + this.instanceId,
 										fileType: 'png',
 										quality: this.qlty,
 										success: (r) => {
@@ -353,10 +371,10 @@
 						uni.hideLoading();
 						this.noBar || uni.showTabBar();
 					}
-				}, this);
+				});
 			},
 			// 用户点击"预览"模式下的"确认"按钮时被调用，用于将预览的裁剪结果上传
-			prvUpload() {
+			async prvUpload() {
 				if (this.fPrvUploading) return;
 				this.fPrvUploading = true;
 				setTimeout(() => { this.fPrvUploading = false; }, 1000)
@@ -384,35 +402,34 @@
 				this.styleTop = '-10000px';
 				this.hasSel = false;
 				this.hideImg();
-				uni.canvasToTempFilePath({
+				await this.initCanvasRefs();
+				this.ctxCanvasPrv.toTempFilePath({
 					x: prvX,
 					y: prvY,
 					width: prvWidth,
 					height: prvHeight,
 					destWidth: expWidth,
 					destHeight: expHeight,
-					canvasId: 'prv-canvas-' + this.instanceId,
 					fileType: 'png',
 					quality: this.qlty,
 					success: (r) => {
 						r = r.tempFilePath;
 						// #ifdef H5
-						this.btop(r).then((r) => {
+						this.btop(r).then(async (r) => {
 							if (this.expWidth && this.expHeight) {
 								let ctxCanvas = this.ctxCanvas;
 								expWidth = this.expWidth,
 									expHeight = this.expHeight;
 
-								ctxCanvas.drawImage(r, 0, 0, expWidth, expHeight);
+								await ctxCanvas.drawImage(r, 0, 0, expWidth, expHeight);
 								ctxCanvas.draw(false, () => {
-									uni.canvasToTempFilePath({
+									ctxCanvas.toTempFilePath({
 										x: 0,
 										y: 0,
 										width: expWidth,
 										height: expHeight,
 										destWidth: expWidth,
 										destHeight: expHeight,
-										canvasId: 'avatar-canvas-' + this.instanceId,
 										fileType: 'png',
 										quality: this.qlty,
 										success: (r) => {
@@ -448,9 +465,10 @@
 						uni.hideLoading();
 						this.noBar || uni.showTabBar();
 					}
-				}, this);
+				});
 			},
-			drawInit(ini = false) {
+			async drawInit(ini = false) {
+				await this.initCanvasRefs();
 				let allWidth = this.windowWidth,
 					allHeight = this.windowHeight,
 					imgWidth = this.imgWidth,
@@ -597,7 +615,8 @@
 
 				this.$emit("avtinit");
 			},
-			drawImage() {
+			async drawImage() {
+				await this.initCanvasRefs();
 				let tm_now = Date.now();
 				if (tm_now - this.drawTm < 20) return;
 				this.drawTm = tm_now;
@@ -605,10 +624,12 @@
 				if (this.fillColor && this.fillColor !== 'transparent') {
 					ctxCanvas.fillRect(0, 0, this.windowWidth, this.windowHeight - tabHeight);
 				}
+				ctxCanvas.save();
 				ctxCanvas.translate(this.posWidth + this.useWidth / 2, this.posHeight + this.useHeight / 2);
 				ctxCanvas.scale(this.scaleSize, this.scaleSize);
 				ctxCanvas.rotate(this.rotateDeg * Math.PI / 180);
-				ctxCanvas.drawImage(this.imgPath, -this.useWidth / 2, -this.useHeight / 2, this.useWidth, this.useHeight);
+				await ctxCanvas.drawImage(this.imgPath, -this.useWidth / 2, -this.useHeight / 2, this.useWidth, this.useHeight);
+				ctxCanvas.restore();
 				ctxCanvas.draw(false);
 			},
 			hideImg() {
@@ -628,7 +649,7 @@
 				this.noBar || uni.showTabBar();
 				this.$emit('cancel');
 			},
-			preview() {
+			async preview() {
 				if (this.fPreviewing) return;
 				this.fPreviewing = true;
 				setTimeout(() => { this.fPreviewing = false; }, 1000);
@@ -640,15 +661,15 @@
 
 				uni.showLoading({ mask: true });
 				// console.log('size', x, y, width, height)
-				uni.canvasToTempFilePath({
+				await this.initCanvasRefs();
+				this.ctxCanvas.toTempFilePath({
 					x: x,
 					y: y,
 					width: width,
 					height: height,
-					canvasId: 'avatar-canvas-' + this.instanceId,
 					fileType: 'png',
 					quality: this.qlty,
-					success: (r) => {
+					success: async (r) => {
 						// console.log(r)
 						this.prvImgTmp = r = r.tempFilePath;
 
@@ -678,7 +699,7 @@
 						this.prvY = prvY = (prvY - prvHeight) / 2;
 						this.prvWidth = prvWidth;
 						this.prvHeight = prvHeight;
-						ctxCanvasPrv.drawImage(r, prvX, prvY, prvWidth, prvHeight);
+						await ctxCanvasPrv.drawImage(r, prvX, prvY, prvWidth, prvHeight);
 						ctxCanvasPrv.draw(false, () => {
 							// #ifdef H5
 							this.btop(this.prvImgTmp).then((r) => {
@@ -703,7 +724,7 @@
 					complete: () => {
 						uni.hideLoading();
 					}
-				}, this);
+				});
 			},
 			chooseImage(index = undefined, params = undefined, data = undefined) {
 				if (params) {
@@ -725,7 +746,8 @@
 
 					expWidth && (this.expWidth = expWidth.indexOf('rpx') >= 0 ? parseInt(expWidth) * this.pxRatio : parseInt(expWidth));
 					expHeight && (this.expHeight = expHeight.indexOf('rpx') >= 0 ? parseInt(expHeight) * this.pxRatio : parseInt(expHeight));
-					this.letRotate = canRotate === false ? 0 : 1;
+					this.isin = inner === true ? 1 : 0;
+					this.letRotate = (canRotate === false || this.isin) ? 0 : 1;
 					this.letScale = canScale === false ? 0 : 1;
 					// 设置是否允许调整裁剪框大小
 					this.letChangeSize = canChangeSize || false;
@@ -733,7 +755,6 @@
 					this.mnScale = minScale || 0.3;
 					this.mxScale = maxScale || 4;
 					this.stc = stretch;
-					this.isin = inner === true ? 1 : 0;
 					this.lck = lock;
 					if (this.isin) {
 						this.btnWidth = '24%';
@@ -893,17 +914,41 @@
 								break;
 						}
 
-						// 确保最小尺寸
-						if (parseInt(style.width) >= minWidth && parseInt(style.height) >= minHeight) {
-							// 确保裁剪框不超出屏幕边界
-							if (parseInt(style.left) >= 0 &&
-								parseInt(style.top) >= 0 &&
-								(parseInt(style.left) + parseInt(style.width)) <= this.windowWidth &&
-								(parseInt(style.top) + parseInt(style.height)) <= (this.windowHeight - tabHeight)) {
-								this.selStyle = style;
-								// 重新绘制操作层
-								this.drawInit();
-							}
+						// 约束裁剪框：最小尺寸、屏幕边界，inner 模式下再限制在图片内
+						let nl = parseInt(style.left);
+						let nt = parseInt(style.top);
+						let nw = parseInt(style.width);
+						let nh = parseInt(style.height);
+
+						// 屏幕边界
+						if (nl < 0) nl = 0;
+						if (nt < 0) nt = 0;
+						if (nl + nw > this.windowWidth) nw = this.windowWidth - nl;
+						if (nt + nh > this.windowHeight - tabHeight) nh = this.windowHeight - tabHeight - nt;
+
+						if (this.isin) {
+							const imgWidth = this.useWidth * this.scaleSize;
+							const imgHeight = this.useHeight * this.scaleSize;
+							const rx0 = this.posWidth + this.useWidth / 2;
+							const ry0 = this.posHeight + this.useHeight / 2;
+							const imgL = rx0 - imgWidth / 2;
+							const imgT = ry0 - imgHeight / 2;
+							const imgR = imgL + imgWidth;
+							const imgB = imgT + imgHeight;
+							if (nl < imgL) nl = imgL;
+							if (nt < imgT) nt = imgT;
+							if (nl + nw > imgR) nw = imgR - nl;
+							if (nt + nh > imgB) nh = imgB - nt;
+						}
+
+						if (nw >= minWidth && nh >= minHeight) {
+							style.left = nl + 'px';
+							style.top = nt + 'px';
+							style.width = nw + 'px';
+							style.height = nh + 'px';
+							this.selStyle = style;
+							// 重新绘制操作层
+							this.drawInit();
 						}
 					} else {
 						// 原有的移动图片逻辑
@@ -962,7 +1007,8 @@
 					this.resizeHandle = null; // 重置调整手柄
 				}
 			},
-			getImgData() {
+			async getImgData() {
+				await this.initCanvasRefs();
 				return new Promise((resolve, reject) => {
 					let prvX = this.prvX,
 						prvY = this.prvY,
@@ -974,8 +1020,7 @@
 					prvWidth *= this.pixelRatio;
 					prvHeight *= this.pixelRatio;
 					// #endif
-					uni.canvasGetImageData({
-						canvasId: 'prv-canvas-' + this.instanceId,
+					this.ctxCanvasPrv.getImageData({
 						x: prvX,
 						y: prvY,
 						width: prvWidth,
@@ -986,7 +1031,7 @@
 						fail(err) {
 							reject(err);
 						}
-					}, this);
+					});
 				});
 			},
 			async colorChange(e) {
@@ -1110,8 +1155,7 @@
 				prvWidth *= this.pixelRatio;
 				prvHeight *= this.pixelRatio;
 				// #endif
-				uni.canvasPutImageData({
-					canvasId: 'prv-canvas-' + this.instanceId,
+				this.ctxCanvasPrv.putImageData({
 					x: prvX,
 					y: prvY,
 					width: prvWidth,
@@ -1126,7 +1170,7 @@
 					complete() {
 						uni.hideLoading();
 					}
-				}, this);
+				});
 			},
 			btop(base64) {
 				return new Promise(function (resolve, reject) {

package/components/u-datetime-picker/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import DatetimePickerDefaultProps from './datetimePicker'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(DatetimePickerDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否显示input

package/components/u-divider/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import DividerDefaultProps from './divider'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(DividerDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否虚线

package/components/u-dragsort/u-dragsort.vue

@@ -212,7 +212,8 @@ export default {
             if (this.$slots.handler && e.currentTarget.dataset.action !== 'handler') {
                 return
             }
-            if (this.list[index]?.draggable === false) return;
+            // 全局禁用或单项禁用时，不进入拖拽态，避免 Android 上小范围漂浮/阴影
+            if (!this.draggable || this.list[index]?.draggable === false) return;
             if (this.timer) clearTimeout(this.timer);
             this.sortChanged = false;
             this.dragIndex = index;

package/components/u-dropdown/props.js

@@ -1,5 +1,7 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps({ dropdown: {} })
 export const props = defineMixin({
     props: {
         // 菜单标题和选项的激活态颜色

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

@@ -1,5 +1,7 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps({ dropdownItem: {} })
 export const props = defineMixin({
     props: {
         // #ifdef VUE3

package/components/u-empty/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import EmptyDefaultProps from './empty'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(EmptyDefaultProps)
 export const props = defineMixin({
     props: {
         // 内置图标名称，或图片路径，建议绝对路径

package/components/u-form/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import FormDefaultProps from './form'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(FormDefaultProps)
 export const props = defineMixin({
     props: {
         // 当前form的需要验证字段的集合

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import FormItemDefaultProps from './formItem'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(FormItemDefaultProps)
 export const props = defineMixin({
     props: {
         // input的label提示语