uview-plus 3.8.49 → 3.8.86

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

@@ -1,267 +1,280 @@
-<template>
-	<u-transition
-		mode="fade"
-		:show="show"
-		:style="transStyle"
-		:duration="fade ? 1000 : 0"
-	>
-		<view
-			class="u-image box-border"
-			@tap="onClick"
-			:style="[wrapStyle, backgroundStyle]"
-		>
-			<image
-				v-if="!isError"
-				:src="src"
-				:mode="mode"
-				@error="onErrorHandler"
-				@load="onLoadHandler"
-				:show-menu-by-longpress="showMenuByLongpress"
-				:lazy-load="lazyLoad"
-				class="u-image__image"
-				:style="{
-					width: addUnit(width),
-					height: addUnit(height),
-					borderRadius: shape == 'circle' ? '10000px' : addUnit(radius)
-				}"
-			></image>
-			<view
-				v-if="showLoading && loading"
-				class="u-image__loading"
-				:style="{
-					borderRadius: shape == 'circle' ? '50%' : addUnit(radius),
-					backgroundColor: this.bgColor,
-					width: addUnit(width),
-					height: addUnit(height)
-				}"
-			>
-				<slot name="loading">
-					<up-icon
-						:name="loadingIcon"
-					></up-icon>
-				</slot>
-			</view>
-			<view
-				v-if="showError && isError && !loading"
-				class="u-image__error"
-				:style="{
-					borderRadius: shape == 'circle' ? '50%' : addUnit(radius),
-					backgroundColor: this.bgColor,
-					width: addUnit(width),
-					height: addUnit(height)
-				}"
-			>
-				<slot name="error">
-					<up-icon
-						:name="errorIcon"
-					></up-icon>
-				</slot>
-			</view>
-		</view>
-	</u-transition>
-</template>
-
-<script>
-	import { props } from './props';
-	import { mpMixin } from '../../libs/mixin/mpMixin';
-	import { mixin } from '../../libs/mixin/mixin';
-	import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
-	/**
-	 * Image 图片
-	 * @description 此组件为uni-app的image组件的加强版，在继承了原有功能外，还支持淡入动画、加载中、加载失败提示、圆角值和形状等。
-	 * @tutorial https://uview-plus.jiangruyi.com/components/image.html
-	 * @property {String}			src 				图片地址
-	 * @property {String}			mode 				裁剪模式，见官网说明 （默认 'aspectFill' ）
-	 * @property {String | Number}	width 				宽度，单位任意，如果为数值，则为px单位 （默认 '300' ）
-	 * @property {String | Number}	height 				高度，单位任意，如果为数值，则为px单位 （默认 '225' ）
-	 * @property {String}			shape 				图片形状，circle-圆形，square-方形 （默认 'square' ）
-	 * @property {String | Number}	radius		 		圆角值，单位任意，如果为数值，则为px单位 （默认 0 ）
-	 * @property {Boolean}			lazyLoad			是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 （默认 true ）
-	 * @property {Boolean}			showMenuByLongpress	是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 （默认 true ）
-	 * @property {String}			loadingIcon 		加载中的图标，或者小图片 （默认 'photo' ）
-	 * @property {String}			errorIcon 			加载失败的图标，或者小图片 （默认 'error-circle' ）
-	 * @property {Boolean}			showLoading 		是否显示加载中的图标或者自定义的slot （默认 true ）
-	 * @property {Boolean}			showError 			是否显示加载错误的图标或者自定义的slot （默认 true ）
-	 * @property {Boolean}			fade 				是否需要淡入效果 （默认 true ）
-	 * @property {Boolean}			webp 				只支持网络资源，只对微信小程序有效 （默认 false ）
-	 * @property {String | Number}	duration 			搭配fade参数的过渡时间，单位ms （默认 500 ）
-	 * @property {String}			bgColor 			背景颜色，用于深色页面加载图片时，为了和背景色融合  (默认 '#f3f4f6' )
-	 * @property {Object}			customStyle  		定义需要用到的外部样式
-	 * @event {Function}	click	点击图片时触发
-	 * @event {Function}	error	图片加载失败时触发
-	 * @event {Function} load 图片加载成功时触发
-	 * @example <u-image width="100%" height="300px" :src="src"></u-image>
-	 */
-	export default {
-		name: 'u-image',
-		mixins: [mpMixin, mixin, props],
-		data() {
-			return {
-				// 图片是否加载错误，如果是，则显示错误占位图
-				isError: false,
-				// 初始化组件时，默认为加载中状态
-				loading: true,
-				// 不透明度，为了实现淡入淡出的效果
-				opacity: 1,
-				// 过渡时间，因为props的值无法修改，故需要一个中间值
-				durationTime: this.duration,
-				// 图片加载完成时，去掉背景颜色，因为如果是png图片，就会显示灰色的背景
-				backgroundStyle: {},
-				// 用于fade模式的控制组件显示与否
-				show: false
-			};
-		},
-		watch: {
-			src: {
-				immediate: true,
-				handler(n) {
-					if (!n) {
-						// 如果传入null或者''，或者false，或者undefined，标记为错误状态
-						this.isError = true
-					} else {
-						this.isError = false;
-						this.loading = true;
-					}
-				}
-			}
-		},
-		computed: {
-			transStyle() {
-				let style = {};
-				// 通过调用addUnit()方法，如果有单位，如百分比，px单位等，直接返回，如果是纯粹的数值，则加上rpx单位
-				// #ifdef APP-NVUE
-				style.width = addUnit(this.width);
-				style.height = addUnit(this.height);
-				// #endif
-				// #ifndef APP-NVUE
-				if (this.loading || this.isError || this.width == '100%' || this.mode != 'heightFix') {
-					style.width = addUnit(this.width);
-				} else {
-					style.width = 'fit-content';
-				}
-				if (this.loading || this.isError || this.height == '100%' || this.mode != 'widthFix') {
-					style.height = addUnit(this.height);
-				} else {
-					style.height = 'fit-content';
-				}
-				// #endif
-				return style;
-			},
-			wrapStyle() {
-				let style = {};
-				// 通过调用addUnit()方法，如果有单位，如百分比，px单位等，直接返回，如果是纯粹的数值，则加上rpx单位
-				// #ifdef APP-NVUE
-				style.width = addUnit(this.width);
-				style.height = addUnit(this.height);
-				// #endif
-				// #ifndef APP-NVUE
-				if (this.loading || this.isError || this.width == '100%' || this.mode != 'heightFix') {
-					style.width = addUnit(this.width);
-				} else {
-					style.width = 'fit-content';
-				}
-				if (this.loading || this.isError || this.height == '100%' || this.mode != 'widthFix') {
-					style.height = addUnit(this.height);
-				} else {
-					style.height = 'fit-content';
-				}
-				// #endif
-				// 如果是显示圆形，设置一个很多的半径值即可
-				style.borderRadius = this.shape == 'circle' ? '10000px' : addUnit(this.radius)
-				// 如果设置圆角，必须要有hidden，否则可能圆角无效
-				style.overflow = this.radius > 0 ? 'hidden' : 'visible'
-				// if (this.fade) {
-				// 	style.opacity = this.opacity
-				// 	// nvue下，这几个属性必须要分开写
-				// 	style.transitionDuration = `${this.durationTime}ms`
-				// 	style.transitionTimingFunction = 'ease-in-out'
-				// 	style.transitionProperty = 'opacity'
-				// }
-				return deepMerge(style, addStyle(this.customStyle));
-
-			}
-		},
-		mounted() {
-			this.show = true
-		},
-		emits: ['click', 'error', 'load'],
-		methods: {
-			addUnit,
-			// 点击图片
-			onClick(e) {
-				this.$emit('click', e)
-			},
-			// 图片加载失败
-			onErrorHandler(err) {
-				this.loading = false
-				this.isError = true
-				this.$emit('error', err)
-			},
-			// 图片加载完成，标记loading结束
-			onLoadHandler(event) {
-				this.loading = false
-				this.isError = false
-				this.$emit('load', event)
-				this.removeBgColor()
-				// 如果不需要动画效果，就不执行下方代码，同时移除加载时的背景颜色
-				// 否则无需fade效果时，png图片依然能看到下方的背景色
-				// if (!this.fade) return this.removeBgColor();
-				// // 原来opacity为1(不透明，是为了显示占位图)，改成0(透明，意味着该元素显示的是背景颜色，默认的灰色)，再改成1，是为了获得过渡效果
-				// this.opacity = 0;
-				// // 这里设置为0，是为了图片展示到背景全透明这个过程时间为0，延时之后延时之后重新设置为duration，是为了获得背景透明(灰色)
-				// // 到图片展示的过程中的淡入效果
-				// this.durationTime = 0;
-				// // 延时50ms，否则在浏览器H5，过渡效果无效
-				// setTimeout(() => {
-				// 	this.durationTime = this.duration;
-				// 	this.opacity = 1;
-				// 	setTimeout(() => {
-				// 		this.removeBgColor();
-				// 	}, this.durationTime);
-				// }, 50);
-			},
-			// 移除图片的背景色
-			removeBgColor() {
-				// 淡入动画过渡完成后，将背景设置为透明色，否则png图片会看到灰色的背景
-				// this.backgroundStyle = {
-				// 	backgroundColor: this.bgColor || '#ffffff'
-				// };
-			}
-		}
-	};
-</script>
-
-<style lang="scss" scoped>
-	$u-image-error-top:0px !default;
-	$u-image-error-left:0px !default;
-	$u-image-error-width:100% !default;
-	$u-image-error-hight:100% !default;
-	$u-image-error-background-color:$u-bg-color !default;
-	$u-image-error-color:$u-tips-color !default;
-	$u-image-error-font-size: 46rpx !default;
-
-	.u-image {
-		position: relative;
-		transition: opacity 0.5s ease-in-out;
-
-		&__image {
-			width: 100%;
-			height: 100%;
-		}
-
-		&__loading,
-		&__error {
-			position: absolute;
-			top: $u-image-error-top;
-			left: $u-image-error-left;
-			width: $u-image-error-width;
-			height: $u-image-error-hight;
-			@include flex;
-			align-items: center;
-			justify-content: center;
-			background-color: $u-image-error-background-color;
-			color: $u-image-error-color;
-			font-size: $u-image-error-font-size;
-		}
-	}
-</style>
+<template>
+	<u-transition
+		mode="fade"
+		:show="show"
+		:style="transStyle"
+		:duration="fade ? 1000 : 0"
+	>
+		<view
+			class="u-image box-border"
+			@tap="onClick"
+			:style="[wrapStyle, backgroundStyle]"
+		>
+			<image
+				v-if="!isError"
+				:src="src"
+				:mode="mode"
+				@error="onErrorHandler"
+				@load="onLoadHandler"
+				:show-menu-by-longpress="showMenuByLongpress"
+				:lazy-load="lazyLoad"
+				class="u-image__image"
+				:style="{
+					width: addUnit(width),
+					height: addUnit(height),
+					borderRadius: shape == 'circle' ? '10000px' : addUnit(radius)
+				}"
+			></image>
+			<view
+				v-if="showLoading && loading"
+				class="u-image__loading"
+				:style="{
+					borderRadius: shape == 'circle' ? '50%' : addUnit(radius),
+					backgroundColor: this.bgColor,
+					width: addUnit(width),
+					height: addUnit(height)
+				}"
+			>
+				<slot name="loading">
+					<up-icon
+						:name="loadingIcon"
+					></up-icon>
+				</slot>
+			</view>
+			<view
+				v-if="showError && isError && !loading"
+				class="u-image__error"
+				:style="{
+					borderRadius: shape == 'circle' ? '50%' : addUnit(radius),
+					backgroundColor: this.bgColor,
+					width: addUnit(width),
+					height: addUnit(height)
+				}"
+			>
+				<slot name="error">
+					<up-icon
+						:name="errorIcon"
+					></up-icon>
+				</slot>
+			</view>
+		</view>
+	</u-transition>
+</template>
+
+<script>
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
+	import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
+	/**
+	 * Image 图片
+	 * @description 此组件为uni-app的image组件的加强版，在继承了原有功能外，还支持淡入动画、加载中、加载失败提示、圆角值和形状等。
+	 * @tutorial https://uview-plus.jiangruyi.com/components/image.html
+	 * @property {String}			src 				图片地址
+	 * @property {String}			mode 				裁剪模式，见官网说明 （默认 'aspectFill' ）
+	 * @property {String | Number}	width 				宽度，单位任意，如果为数值，则为px单位 （默认 '300' ）
+	 * @property {String | Number}	height 				高度，单位任意，如果为数值，则为px单位 （默认 '225' ）
+	 * @property {String}			shape 				图片形状，circle-圆形，square-方形 （默认 'square' ）
+	 * @property {String | Number}	radius		 		圆角值，单位任意，如果为数值，则为px单位 （默认 0 ）
+	 * @property {Boolean}			lazyLoad			是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 （默认 true ）
+	 * @property {Boolean}			showMenuByLongpress	是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 （默认 true ）
+	 * @property {String}			loadingIcon 		加载中的图标，或者小图片 （默认 'photo' ）
+	 * @property {String}			errorIcon 			加载失败的图标，或者小图片 （默认 'error-circle' ）
+	 * @property {Boolean}			showLoading 		是否显示加载中的图标或者自定义的slot （默认 true ）
+	 * @property {Boolean}			showError 			是否显示加载错误的图标或者自定义的slot （默认 true ）
+	 * @property {Boolean}			fade 				是否需要淡入效果 （默认 true ）
+	 * @property {Boolean}			webp 				只支持网络资源，只对微信小程序有效 （默认 false ）
+	 * @property {String | Number}	duration 			搭配fade参数的过渡时间，单位ms （默认 500 ）
+	 * @property {String}			bgColor 			背景颜色，用于深色页面加载图片时，为了和背景色融合  (默认 '#f3f4f6' )
+	 * @property {Object}			customStyle  		定义需要用到的外部样式
+	 * @event {Function}	click	点击图片时触发
+	 * @event {Function}	error	图片加载失败时触发
+	 * @event {Function} load 图片加载成功时触发
+	 * @example <u-image width="100%" height="300px" :src="src"></u-image>
+	 */
+	export default {
+		name: 'u-image',
+		mixins: [mpMixin, mixin, props],
+		data() {
+			return {
+				// 图片是否加载错误，如果是，则显示错误占位图
+				isError: false,
+				// 初始化组件时，默认为加载中状态
+				loading: true,
+				// 不透明度，为了实现淡入淡出的效果
+				opacity: 1,
+				// 过渡时间，因为props的值无法修改，故需要一个中间值
+				durationTime: this.duration,
+				// 图片加载完成时，去掉背景颜色，因为如果是png图片，就会显示灰色的背景
+				backgroundStyle: {},
+				// 用于fade模式的控制组件显示与否
+				show: false
+			};
+		},
+		watch: {
+			src: {
+				immediate: true,
+				handler(n) {
+					if (!n) {
+						// 如果传入null或者''，或者false，或者undefined，标记为错误状态
+						this.isError = true
+					} else {
+						this.isError = false;
+						this.loading = true;
+					}
+				}
+			}
+		},
+		computed: {
+			resolvedSizeStyle() {
+				const style = {};
+				// #ifdef APP-NVUE
+				style.width = addUnit(this.width);
+				style.height = addUnit(this.height);
+				// #endif
+				// #ifndef APP-NVUE
+				// widthFix/heightFix 加载完成后用 fit-content 跟随图片比例；其余模式固定宽高
+				if (this.loading || this.isError || this.width == '100%' || this.mode != 'heightFix') {
+					style.width = addUnit(this.width);
+				} else {
+					style.width = 'fit-content';
+				}
+				if (this.loading || this.isError || this.height == '100%' || this.mode != 'widthFix') {
+					style.height = addUnit(this.height);
+				} else {
+					style.height = 'fit-content';
+				}
+				// #endif
+				return style;
+			},
+			transStyle() {
+				return {
+					...this.resolvedSizeStyle,
+					// flex 行布局下默认 shrink=1 会把固定宽图片压成细条
+					flexShrink: 0,
+					boxSizing: 'border-box',
+					maxWidth: '100%'
+				};
+			},
+			wrapStyle() {
+				let style = {
+					...this.resolvedSizeStyle,
+					flexShrink: 0,
+					boxSizing: 'border-box',
+					maxWidth: '100%'
+				};
+				// 固定尺寸时用 minWidth/minHeight 抵抗 flex 压缩；百分比宽度不设 minWidth 以免撑破父级
+				const widthText = String(style.width || '')
+				const heightText = String(style.height || '')
+				if (widthText && widthText !== 'fit-content' && !widthText.includes('%')) {
+					style.minWidth = widthText
+				}
+				if (heightText && heightText !== 'fit-content' && !heightText.includes('%')) {
+					style.minHeight = heightText
+				}
+				// 如果是显示圆形，设置一个很多的半径值即可
+				style.borderRadius = this.shape == 'circle' ? '10000px' : addUnit(this.radius)
+				// radius 可能是 "12px" 字符串，不能用 > 0 判断
+				const radiusNumber = Number(String(this.radius ?? '').replace(/[^\d.-]/g, ''))
+				const hasRadius = this.shape == 'circle' || (!Number.isNaN(radiusNumber) && radiusNumber > 0)
+				// 裁剪圆角 / aspectFill 时需要 hidden，避免内容溢出成细条错位
+				style.overflow = hasRadius || this.mode === 'aspectFill' || this.mode === 'aspectFit' ? 'hidden' : 'visible'
+				// if (this.fade) {
+				// 	style.opacity = this.opacity
+				// 	// nvue下，这几个属性必须要分开写
+				// 	style.transitionDuration = `${this.durationTime}ms`
+				// 	style.transitionTimingFunction = 'ease-in-out'
+				// 	style.transitionProperty = 'opacity'
+				// }
+				return deepMerge(style, addStyle(this.customStyle));
+
+			}
+		},
+		mounted() {
+			this.show = true
+		},
+		emits: ['click', 'error', 'load'],
+		methods: {
+			addUnit,
+			// 点击图片
+			onClick(e) {
+				this.$emit('click', e)
+			},
+			// 图片加载失败
+			onErrorHandler(err) {
+				this.loading = false
+				this.isError = true
+				this.$emit('error', err)
+			},
+			// 图片加载完成，标记loading结束
+			onLoadHandler(event) {
+				this.loading = false
+				this.isError = false
+				this.$emit('load', event)
+				this.removeBgColor()
+				// 如果不需要动画效果，就不执行下方代码，同时移除加载时的背景颜色
+				// 否则无需fade效果时，png图片依然能看到下方的背景色
+				// if (!this.fade) return this.removeBgColor();
+				// // 原来opacity为1(不透明，是为了显示占位图)，改成0(透明，意味着该元素显示的是背景颜色，默认的灰色)，再改成1，是为了获得过渡效果
+				// this.opacity = 0;
+				// // 这里设置为0，是为了图片展示到背景全透明这个过程时间为0，延时之后延时之后重新设置为duration，是为了获得背景透明(灰色)
+				// // 到图片展示的过程中的淡入效果
+				// this.durationTime = 0;
+				// // 延时50ms，否则在浏览器H5，过渡效果无效
+				// setTimeout(() => {
+				// 	this.durationTime = this.duration;
+				// 	this.opacity = 1;
+				// 	setTimeout(() => {
+				// 		this.removeBgColor();
+				// 	}, this.durationTime);
+				// }, 50);
+			},
+			// 移除图片的背景色
+			removeBgColor() {
+				// 淡入动画过渡完成后，将背景设置为透明色，否则png图片会看到灰色的背景
+				// this.backgroundStyle = {
+				// 	backgroundColor: this.bgColor || '#ffffff'
+				// };
+			}
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	$u-image-error-top:0px !default;
+	$u-image-error-left:0px !default;
+	$u-image-error-width:100% !default;
+	$u-image-error-hight:100% !default;
+	$u-image-error-background-color:$u-bg-color !default;
+	$u-image-error-color:$u-tips-color !default;
+	$u-image-error-font-size: 46rpx !default;
+
+	.u-image {
+		position: relative;
+		transition: opacity 0.5s ease-in-out;
+		flex-shrink: 0;
+		max-width: 100%;
+		box-sizing: border-box;
+
+		&__image {
+			width: 100%;
+			height: 100%;
+			display: block;
+		}
+
+		&__loading,
+		&__error {
+			position: absolute;
+			top: $u-image-error-top;
+			left: $u-image-error-left;
+			width: $u-image-error-width;
+			height: $u-image-error-hight;
+			@include flex;
+			align-items: center;
+			justify-content: center;
+			background-color: $u-image-error-background-color;
+			color: $u-image-error-color;
+			font-size: $u-image-error-font-size;
+		}
+	}
+</style>

package/components/u-index-anchor/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import IndexAnchorDefaultProps from './indexAnchor'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(IndexAnchorDefaultProps)
 export const props = defineMixin({
     props: {
         // 列表锚点文本内容

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

@@ -1,6 +1,7 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps({ indexItem: {} })
 export const props = defineMixin({
     props: {
 

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

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import IndexListDefaultProps from './indexList'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(IndexListDefaultProps)
 export const props = defineMixin({
     props: {
         // 右边锚点非激活的颜色

package/components/u-input/props.js

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

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

@@ -150,6 +150,8 @@ export default {
             firstChange: true,
             // value绑定值的变化是由内部还是外部引起的
             changeFromInner: false,
+            // 记录blur时原生输入框的值，用于识别blur阶段的外部格式化回流
+            blurValue: null,
 			// 过滤处理方法
 			innerFormatter: value => value,
             showPassword: false
@@ -166,11 +168,17 @@ export default {
             immediate: true,
             handler(newVal, oldVal) {
                 // console.log(newVal, oldVal)
-                if (this.changeFromInner || this.innerValue === newVal) {
+                const isBlurFormattedValue =
+                    this.blurValue !== null &&
+                    newVal !== this.blurValue &&
+                    newVal !== this.innerValue;
+                if ((this.changeFromInner && !isBlurFormattedValue) || this.innerValue === newVal) {
                     this.changeFromInner = false; // 重要否则会出现双向绑定失效问题https://github.com/ijry/uview-plus/issues/419
+                    this.blurValue = null;
                     return;
                 }
                 this.innerValue = newVal;
+                this.blurValue = null;
                 // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
                 if (
                     this.firstChange === false &&
@@ -302,6 +310,7 @@ export default {
         },
         // 输入框失去焦点时触发
         onBlur(event) {
+            this.blurValue = event?.detail?.value;
             this.$emit("blur", event.detail.value);
             // H5端的blur会先于点击清除控件的点击click事件触发，导致focused
             // 瞬间为false，从而隐藏了清除控件而无法被点击到

package/components/u-keyboard/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import KeyboardDefaultProps from './keyboard'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(KeyboardDefaultProps)
 export const props = defineMixin({
     props: {
         // 键盘的类型，number-数字键盘，card-身份证键盘，car-车牌号键盘

package/components/u-line/props.js

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