uview-plus 3.8.49 → 3.8.86

package/components/u-tabs/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TabsDefaultProps from './tabs'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(TabsDefaultProps)
 export const props = defineMixin({
     props: {
         // 滑块的移动过渡时间，单位ms

package/components/u-tabs-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({ tabsItem: {} })
 export const props = defineMixin({
     props: {
 

package/components/u-tag/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TagDefaultProps from './tag'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(TagDefaultProps)
 export const props = defineMixin({
     props: {
         // 标签类型info、primary、success、warning、error

package/components/u-td/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({ td: {} })
 export const props = defineMixin({
     props: {
 

package/components/u-text/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TextDefaultProps from './text'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(TextDefaultProps)
 export const props = defineMixin({
     props: {
         // 主题颜色

package/components/u-textarea/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TextareaDefaultProps from './textarea'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(TextareaDefaultProps)
 export const props = defineMixin({
 	props: {
 		// 输入框的内容

package/components/u-textarea/u-textarea.vue

@@ -34,7 +34,7 @@
             class="u-textarea__count"
             :style="countStyle"
             v-if="count"
-            >{{ innerValue.length }}/{{ maxlength }}</text
+            >{{ valueLength }}/{{ maxlength }}</text
         >
 		<!-- #endif -->
     </view>
@@ -106,7 +106,7 @@ export default {
 	    value: {
 	        immediate: true,
 	        handler(newVal, oldVal) {
-	            this.innerValue = newVal;
+	            this.innerValue = this.normalizeValue(newVal);
 	            /* #ifdef H5 */
 	            // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
 	            if (
@@ -126,7 +126,7 @@ export default {
         modelValue: {
 	        immediate: true,
 	        handler(newVal, oldVal) {
-	            this.innerValue = newVal;
+	            this.innerValue = this.normalizeValue(newVal);
 	            /* #ifdef H5 */
 	            // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
 	            if (
@@ -144,6 +144,10 @@ export default {
         // #endif
 	},
     computed: {
+        // 字数统计安全取值，避免 v-model 为 null/undefined/number 时访问 length 报错
+        valueLength() {
+            return String(this.innerValue ?? '').length
+        },
         placeholderStyleInner() {
             if (this.placeholderStyle) {
                 return addStyle(this.placeholderStyle, typeof this.placeholderStyle === 'string' ? 'string' : 'object')
@@ -225,6 +229,12 @@ export default {
     methods: {
         addStyle,
         addUnit,
+		// 统一将外部值归一为可安全展示/统计的内容
+		normalizeValue(value) {
+			if (value === null || value === undefined) return ''
+			// textarea 展示与统计均按字符串处理
+			return typeof value === 'number' ? String(value) : value
+		},
 		// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
 		setFormatter(e) {
 			this.innerFormatter = e
@@ -241,10 +251,11 @@ export default {
             this.$emit("linechange", e);
         },
         onInput(e) {
-			let { value = "" } = e.detail || {};
+			let { value } = e.detail || {};
+			value = this.normalizeValue(value)
 			// 格式化过滤方法
 			const formatter = this.formatter || this.innerFormatter
-			const formatValue = formatter(value)
+			const formatValue = this.normalizeValue(formatter(value))
 			// 为了避免props的单向数据流特性，需要先将innerValue值设置为当前值，再在$nextTick中重新赋予设置后的值才有效
 			this.innerValue = value
 			this.$nextTick(() => {

package/components/u-th/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({ th: {} })
 export const props = defineMixin({
     props: {
 

package/components/u-toolbar/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ToolbarDefaultProps from './toolbar'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ToolbarDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否展示工具条

package/components/u-tooltip/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TooltipDefaultProps from './tooltip'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(TooltipDefaultProps)
 export const props = defineMixin({
     props: {
         // 需要显示的提示文字
@@ -76,6 +79,11 @@ export const props = defineMixin({
         show: {
             type: Boolean,
             default: () => defProps.tooltip.show
+        },
+        // 是否开启单例模式，开启该属性的tooltip同一页面同时只显示一个
+        singleton: {
+            type: Boolean,
+            default: () => defProps.tooltip.singleton
         }
     }
-})
+})

package/components/u-tooltip/tooltip.js

@@ -24,6 +24,7 @@ export default {
         popupBgColor: '',
         triggerMode: 'longpress',
         forcePosition: {},
-        show: false
+        show: false,
+        singleton: false
     }
 }

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

@@ -108,6 +108,7 @@
 	// #ifdef APP-NVUE 
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
+	let activeSingletonTooltip = null
 	/**
 	 * Tooltip 
 	 * @description 
@@ -123,9 +124,12 @@
 	 * @property {Boolean}			showCopy	 是否显示复制按钮（默认 true ）
 	 * @property {Array}			buttons		 扩展的按钮组
 	 * @property {Boolean}			overlay		 是否显示透明遮罩以防止触摸穿透（默认 true ）
+	 * @property {Boolean}			singleton	 是否开启单例模式，开启该属性的tooltip同一页面同时只显示一个（默认 false ）
 	 * @property {Object}			customStyle	 定义需要用到的外部样式
 	 * 
-	 * @event {Function} 
+	 * @event {Function}			open		 打开时触发
+	 * @event {Function}			close		 关闭时触发
+	 * @event {Function}			update:show 显示状态变化时触发
 	 * @example 
 	 */
 	export default {
@@ -240,7 +244,13 @@
 		mounted() {
 			this.init()
 		},
-		emits: ["click", "open", "close"],
+		beforeUnmount() {
+			this.clearActiveTooltip()
+		},
+		beforeDestroy() {
+			this.clearActiveTooltip()
+		},
+		emits: ["click", "open", "close", "update:show"],
 		methods: {
 			addStyle,
 			addUnit,
@@ -262,15 +272,33 @@
 			},
 			// 打开tooltip
 			open() {
+				if (this.singleton && activeSingletonTooltip && activeSingletonTooltip !== this) {
+					activeSingletonTooltip.close()
+				}
+				if (this.singleton) {
+					activeSingletonTooltip = this
+				}
+				if (this.showTooltip && this.tooltipTop === 0) return
 				this.tooltipTop = 0
 				this.showTooltip = true
+				this.$emit('update:show', true)
 				this.$emit('open')
 			},
 			// 关闭tooltip
 			close() {
+				if (activeSingletonTooltip === this) {
+					activeSingletonTooltip = null
+				}
+				if (!this.showTooltip) return
 				this.showTooltip = false
+				this.$emit('update:show', false)
 				this.$emit('close')
 			},
+			clearActiveTooltip() {
+				if (activeSingletonTooltip === this) {
+					activeSingletonTooltip = null
+				}
+			},
 			// 点击透明遮罩
 			overlayClickHandler() {
 				this.close()
@@ -405,4 +433,4 @@
 			}
 		}
 	}
-</style>
+</style>

package/components/u-tr/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({ tr: {} })
 export const props = defineMixin({
     props: {
 

package/components/u-transition/nvue-ani-map.js

@@ -1,68 +1,75 @@
-export default {
-    fade: {
-        enter: { opacity: 0 },
-        'enter-to': { opacity: 1 },
-        leave: { opacity: 1 },
-        'leave-to': { opacity: 0 }
-    },
-    'fade-up': {
-        enter: { opacity: 0, transform: 'translateY(100%)' },
-        'enter-to': { opacity: 1, transform: 'translateY(0)' },
-        leave: { opacity: 1, transform: 'translateY(0)' },
-        'leave-to': { opacity: 0, transform: 'translateY(100%)' }
-    },
-    'fade-down': {
-        enter: { opacity: 0, transform: 'translateY(-100%)' },
-        'enter-to': { opacity: 1, transform: 'translateY(0)' },
-        leave: { opacity: 1, transform: 'translateY(0)' },
-        'leave-to': { opacity: 0, transform: 'translateY(-100%)' }
-    },
-    'fade-left': {
-        enter: { opacity: 0, transform: 'translateX(-100%)' },
-        'enter-to': { opacity: 1, transform: 'translateY(0)' },
-        leave: { opacity: 1, transform: 'translateY(0)' },
-        'leave-to': { opacity: 0, transform: 'translateX(-100%)' }
-    },
-    'fade-right': {
-        enter: { opacity: 0, transform: 'translateX(100%)' },
-        'enter-to': { opacity: 1, transform: 'translateY(0)' },
-        leave: { opacity: 1, transform: 'translateY(0)' },
-        'leave-to': { opacity: 0, transform: 'translateX(100%)' }
-    },
-    'slide-up': {
-        enter: { transform: 'translateY(100%)' },
-        'enter-to': { transform: 'translateY(0)' },
-        leave: { transform: 'translateY(0)' },
-        'leave-to': { transform: 'translateY(100%)' }
-    },
-    'slide-down': {
-        enter: { transform: 'translateY(-100%)' },
-        'enter-to': { transform: 'translateY(0)' },
-        leave: { transform: 'translateY(0)' },
-        'leave-to': { transform: 'translateY(-100%)' }
-    },
-    'slide-left': {
-        enter: { transform: 'translateX(-100%)' },
-        'enter-to': { transform: 'translateY(0)' },
-        leave: { transform: 'translateY(0)' },
-        'leave-to': { transform: 'translateX(-100%)' }
-    },
-    'slide-right': {
-        enter: { transform: 'translateX(100%)' },
-        'enter-to': { transform: 'translateY(0)' },
-        leave: { transform: 'translateY(0)' },
-        'leave-to': { transform: 'translateX(100%)' }
-    },
-    zoom: {
-        enter: { transform: 'scale(0.95)' },
-        'enter-to': { transform: 'scale(1)' },
-        leave: { transform: 'scale(1)' },
-        'leave-to': { transform: 'scale(0.95)' }
-    },
-    'fade-zoom': {
-        enter: { opacity: 0, transform: 'scale(0.95)' },
-        'enter-to': { opacity: 1, transform: 'scale(1)' },
-        leave: { opacity: 1, transform: 'scale(1)' },
-        'leave-to': { opacity: 0, transform: 'scale(0.95)' }
-    }
-}
+export default {
+    // 无动画模式：直接显示/隐藏，供 pageInline 等常驻场景使用
+    none: {
+        enter: { opacity: 1 },
+        'enter-to': { opacity: 1 },
+        leave: { opacity: 1 },
+        'leave-to': { opacity: 0 }
+    },
+    fade: {
+        enter: { opacity: 0 },
+        'enter-to': { opacity: 1 },
+        leave: { opacity: 1 },
+        'leave-to': { opacity: 0 }
+    },
+    'fade-up': {
+        enter: { opacity: 0, transform: 'translateY(100%)' },
+        'enter-to': { opacity: 1, transform: 'translateY(0)' },
+        leave: { opacity: 1, transform: 'translateY(0)' },
+        'leave-to': { opacity: 0, transform: 'translateY(100%)' }
+    },
+    'fade-down': {
+        enter: { opacity: 0, transform: 'translateY(-100%)' },
+        'enter-to': { opacity: 1, transform: 'translateY(0)' },
+        leave: { opacity: 1, transform: 'translateY(0)' },
+        'leave-to': { opacity: 0, transform: 'translateY(-100%)' }
+    },
+    'fade-left': {
+        enter: { opacity: 0, transform: 'translateX(-100%)' },
+        'enter-to': { opacity: 1, transform: 'translateY(0)' },
+        leave: { opacity: 1, transform: 'translateY(0)' },
+        'leave-to': { opacity: 0, transform: 'translateX(-100%)' }
+    },
+    'fade-right': {
+        enter: { opacity: 0, transform: 'translateX(100%)' },
+        'enter-to': { opacity: 1, transform: 'translateY(0)' },
+        leave: { opacity: 1, transform: 'translateY(0)' },
+        'leave-to': { opacity: 0, transform: 'translateX(100%)' }
+    },
+    'slide-up': {
+        enter: { transform: 'translateY(100%)' },
+        'enter-to': { transform: 'translateY(0)' },
+        leave: { transform: 'translateY(0)' },
+        'leave-to': { transform: 'translateY(100%)' }
+    },
+    'slide-down': {
+        enter: { transform: 'translateY(-100%)' },
+        'enter-to': { transform: 'translateY(0)' },
+        leave: { transform: 'translateY(0)' },
+        'leave-to': { transform: 'translateY(-100%)' }
+    },
+    'slide-left': {
+        enter: { transform: 'translateX(-100%)' },
+        'enter-to': { transform: 'translateY(0)' },
+        leave: { transform: 'translateY(0)' },
+        'leave-to': { transform: 'translateX(-100%)' }
+    },
+    'slide-right': {
+        enter: { transform: 'translateX(100%)' },
+        'enter-to': { transform: 'translateY(0)' },
+        leave: { transform: 'translateY(0)' },
+        'leave-to': { transform: 'translateX(100%)' }
+    },
+    zoom: {
+        enter: { transform: 'scale(0.95)' },
+        'enter-to': { transform: 'scale(1)' },
+        leave: { transform: 'scale(1)' },
+        'leave-to': { transform: 'scale(0.95)' }
+    },
+    'fade-zoom': {
+        enter: { opacity: 0, transform: 'scale(0.95)' },
+        'enter-to': { opacity: 1, transform: 'scale(1)' },
+        leave: { opacity: 1, transform: 'scale(1)' },
+        'leave-to': { opacity: 0, transform: 'scale(0.95)' }
+    }
+}

package/components/u-transition/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import TransitionDefaultProps from './transition'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(TransitionDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否展示组件