uview-plus 3.5.25 → 3.5.32

package/changelog.md

@@ -1,3 +1,27 @@
+## 3.5.32（2025-09-01）
+feat: cate-tab支持非联动跟随的单一切换模式
+
+feat: choose组件示例使用cate-tab的单一切换模式
+
+
+## 3.5.31（2025-09-01）
+feat: 新增choose通用选项选择器组件
+
+## 3.5.30（2025-08-31）
+fix: 修复缺失cascader级联选择器
+
+## 3.5.29（2025-08-30）
+feat: 新增cascader级联选择器
+
+## 3.5.28（2025-08-29）
+feat: 多语言增加泰语
+
+## 3.5.27（2025-08-29）
+feat: 新增基于tooltip的popover组件
+
+## 3.5.26（2025-08-29）
+improvment: 增强多语言兼容性
+
 ## 3.5.25（2025-08-28）
 fix: 修复左侧与右侧弹出时页面打开闪现问题
 

package/components/u-cascader/u-cascader.vue

@@ -0,0 +1,309 @@
+<template>
+	<up-popup :show="popupShow" mode="bottom" :popup="false"
+		:mask="true" :closeable="true" :safe-area-inset-bottom="true"
+		close-icon-color="#ffffff" :z-index="uZIndex"
+		:maskCloseAble="maskCloseAble" @close="close">
+		<up-tabs v-if="popupShow" :list="genTabsList"
+			:scrollable="true" v-model:current="tabsIndex" @change="tabsChange" ref="tabs"></up-tabs>
+		<view class="area-box">
+			<view class="u-flex" :class="{ 'change':isChange }">
+				<view class="area-item" v-for="(levelData, levelIndex) in levelList" :key="levelIndex">
+					<view class="u-padding-10 u-bg-gray" style="height: 100%;">
+						<scroll-view :scroll-y="true" style="height: 100%">
+							<up-cell-group v-if="levelIndex === 0 || selectedValueIndexs[levelIndex - 1] !== undefined">
+								<up-cell v-for="(item,index) in levelData"
+									:title="item[labelKey]" :arrow="false"
+									:index="index" :key="index"
+									@click="levelChange(levelIndex, index)">
+									<template v-slot:right-icon>
+										<up-icon v-if="selectedValueIndexs[levelIndex] === index"
+											size="17" name="checkbox-mark"></up-icon>
+									</template>
+								</up-cell>
+							</up-cell-group>
+						</scroll-view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 添加按钮区域 -->
+		<view class="u-cascader-action up-flex up-flex-between">
+			<view class="u-padding-20 up-flex-fill">
+				<up-button @click="handleCancel" type="default">取消</up-button>
+			</view>
+			<view class="u-padding-20 up-flex-fill">
+				<up-button @click="handleConfirm" type="primary">确认</up-button>
+			</view>
+		</view>
+	</up-popup>
+</template>
+
+<script>
+	/**
+	 * u-cascader 通用无限级联选择器
+	 * @property {String Number} z-index 弹出时的z-index值（默认1075）
+	 * @property {Boolean} mask-close-able 是否允许通过点击遮罩关闭Picker（默认true）
+	 * @property {Array} data 级联数据
+	 * @property {Array} default-value 默认选中的值
+	 * @property {String} valueKey 指定选项的值为选项对象中的哪个属性值
+	 * @property {String} labelKey 指定选项标签为选项对象中的哪个属性值
+	 * @property {String} childrenKey 指定选项的子选项为选项对象中的哪个属性值
+	 * @property {Boolean} autoClose 是否在选择最后一级时自动关闭并触发confirm（默认false）
+	 */
+	export default {
+		name: 'up-cascader',
+		props: {
+			// 通过双向绑定控制组件的弹出与收起
+			show: {
+				type: Boolean,
+				default: false
+			},
+			// 级联数据
+			data: {
+				type: Array,
+				default() {
+					return [];
+				}
+			},
+			// 默认选中的值
+			modelValue: {
+				type: Array,
+				default() {
+					return [];
+				}
+			},
+			// 指定选项的值为选项对象中的哪个属性值
+			valueKey: {
+				type: String,
+				default: 'value'
+			},
+			// 指定选项标签为选项对象中的哪个属性值
+			labelKey: {
+				type: String,
+				default: 'label'
+			},
+			// 指定选项的子选项为选项对象中的哪个属性值
+			childrenKey: {
+				type: String,
+				default: 'children'
+			},
+			// 是否允许通过点击遮罩关闭Picker
+			maskCloseAble: {
+				type: Boolean,
+				default: true
+			},
+			// 弹出的z-index值
+			zIndex: {
+				type: [String, Number],
+				default: 0
+			},
+			// 是否在选择最后一级时自动关闭并触发confirm
+			autoClose: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				// 存储每一级的数据
+				levelList: [],
+				// 存储每一级选中的索引
+				selectedValueIndexs: [],
+				tabsIndex: 0,
+				popupShow: false,
+				// 新增confirmValues用于存储确认的值
+				confirmValues: []
+			}
+		},
+		watch: {
+			data: {
+				handler() {
+					this.initLevelList();
+				},
+				immediate: true
+			},
+			show() {
+				this.popupShow = this.show;
+			},
+			modelValue: {
+				handler() {
+					this.init();
+				},
+				immediate: true
+			}
+		},
+		computed: {
+			isChange() {
+				return this.tabsIndex > 1;
+			},
+			genTabsList() {
+				let tabsList = [{
+					name: "请选择"
+				}];
+				
+				// 根据选中的值动态生成tabs
+				for (let i = 0; i < this.selectedValueIndexs.length; i++) {
+					if (this.selectedValueIndexs[i] !== undefined && this.levelList[i]) {
+						const selectedItem = this.levelList[i][this.selectedValueIndexs[i]];
+						if (selectedItem) {
+							tabsList[i] = {
+								name: selectedItem[this.labelKey]
+							};
+							// 如果还有下一级，则添加"请选择"
+							if (i === this.selectedValueIndexs.length - 1 && 
+								selectedItem[this.childrenKey] && 
+								selectedItem[this.childrenKey].length > 0) {
+								tabsList.push({
+									name: "请选择"
+								});
+							}
+						}
+					}
+				}
+				
+				return tabsList;
+			},
+			uZIndex() {
+				// 如果用户有传递z-index值，优先使用
+				return this.zIndex ? this.zIndex : this.$u.zIndex.popup;
+			}
+		},
+		// 新增confirm事件
+		emits: ['update:modelValue', 'change', 'confirm'],
+		methods: {
+			init() {
+				// 初始化选中值
+				if (this.modelValue && this.modelValue.length > 0) {
+					this.setDefaultValue();
+				}
+			},
+			initLevelList() {
+				// 初始化第一级数据
+				if (this.data && this.data.length > 0) {
+					this.levelList = [this.data];
+					this.selectedValueIndexs = [];
+				}
+			},
+			setDefaultValue() {
+				// 根据默认值设置选中项
+				// 根据modelValue获取indexs给selectedValueIndexs
+				this.selectedValueIndexs = [];
+				let currentLevelData = this.data;
+				
+				for (let i = 0; i < this.modelValue.length; i++) {
+					const value = this.modelValue[i];
+					const index = currentLevelData.findIndex(item => item[this.valueKey] === value);
+					
+					if (index !== -1) {
+						this.selectedValueIndexs.push(index);
+						// 更新下一级的数据
+						if (currentLevelData[index][this.childrenKey]) {
+							currentLevelData = currentLevelData[index][this.childrenKey];
+						} else {
+							// 如果没有子级数据，则停止处理
+							break;
+						}
+					} else {
+						// 如果找不到匹配项，则停止处理
+						break;
+					}
+				}
+			},
+			close() {
+				this.$emit('update:show', false);
+			},
+			tabsChange(item) {
+			},
+			levelChange(levelIndex, index) {
+				// 设置当前级的选中值
+				this.$set(this.selectedValueIndexs, levelIndex, index);
+				
+				// 清除后续级别的选中值
+				for (let i = levelIndex + 1; i < this.selectedValueIndexs.length; i++) {
+					this.$set(this.selectedValueIndexs, i, undefined);
+				}
+				
+				// 获取当前选中项
+				const currentItem = this.levelList[levelIndex][index];
+				
+				// 如果有子级数据，则初始化下一级
+				if (currentItem && currentItem[this.childrenKey] && currentItem[this.childrenKey].length > 0) {
+					// 确保levelList数组足够长
+					if (this.levelList.length <= levelIndex + 1) {
+						this.levelList.push(currentItem[this.childrenKey]);
+					} else {
+						this.$set(this.levelList, levelIndex + 1, currentItem[this.childrenKey]);
+					}
+					// 切换到下一级tab
+					this.tabsIndex = levelIndex + 1;
+				} else {
+					// 没有子级数据，说明是最后一级
+					if (this.autoClose) {
+						// 如果启用自动关闭，则触发change事件并关闭
+						this.emitChange();
+					} else {
+						// 否则只触发change事件，不关闭
+						this.emitChange(false);
+					}
+				}
+			},
+			// 修改emitChange方法，增加closePopup参数
+			emitChange(closePopup = true) {
+				// 构造选中结果
+				const result = [];
+				for (let i = 0; i < this.selectedValueIndexs.length; i++) {
+					if (this.selectedValueIndexs[i] !== undefined && this.levelList[i]) {
+						result.push(this.levelList[i][this.selectedValueIndexs[i]][this.valueKey]);
+					}
+				}
+				
+				// 更新confirmValues
+				this.confirmValues = [...result];
+				
+				// 触发change事件，返回value数组
+				this.$emit('change', this.confirmValues);
+				
+				// 根据参数决定是否关闭弹窗
+				if (closePopup) {
+					this.close();
+				}
+			},
+			handleCancel() {
+				this.close();
+			},
+			handleConfirm() {
+				// 确认时触发confirm事件
+				this.$emit('update:modelValue', this.confirmValues);
+				this.$emit('confirm', this.confirmValues);
+				this.close();
+			}
+		}
+	}
+</script>
+<style lang="scss">
+	.area-box {
+		width: 100%;
+		overflow: hidden;
+		height: 800rpx;
+
+		>view {
+			width: 150%;
+			transition: transform 0.3s ease-in-out 0s;
+			transform: translateX(0);
+
+			&.change {
+				transform: translateX(-33.3333333%);
+			}
+		}
+
+		.area-item {
+			width: 33.3333333%;
+			height: 800rpx;
+		}
+	}
+	
+	// 添加按钮区域样式
+	.u-cascader-action {
+		border-top: 1px solid #eee;
+	}
+</style>

package/components/u-cate-tab/u-cate-tab.vue

@@ -19,26 +19,28 @@
                 	</slot>
 				</view>
 				<view class="u-cate-tab__page-view">
-					<view class="u-cate-tab__page-item" :id="'item' + index"
-						v-for="(item , index) in tabList" :key="index">
-                        <slot name="itemList" :item="item">
-                        </slot>
-						<template v-if="!$slots['itemList']">
-							<view class="item-title">
-                                <text>{{item[tabKeyName]}}</text>
-                            </view>
-                            <view class="item-container">
-                                <template v-for="(item1, index1) in item.children" :key="index1">
-                                    <slot name="pageItem" :pageItem="item1">
-                                        <view class="thumb-box" >
-                                            <image class="item-menu-image" :src="item1.icon" mode=""></image>
-                                            <view class="item-menu-name">{{item1[itemKeyName]}}</view>
-                                        </view>
-                                    </slot>
-                                </template>
-                            </view>
-						</template>
-					</view>
+					<template :key="index" v-for="(item , index) in tabList">
+						<view v-if="mode == 'follow' || ( mode == 'tab' && index == innerCurrent)"
+							class="u-cate-tab__page-item" :id="'item' + index">
+							<slot name="itemList" :item="item">
+							</slot>
+							<template v-if="!$slots['itemList']">
+								<view class="item-title">
+									<text>{{item[tabKeyName]}}</text>
+								</view>
+								<view class="item-container">
+									<template v-for="(item1, index1) in item.children" :key="index1">
+										<slot name="pageItem" :pageItem="item1">
+											<view class="thumb-box" >
+												<image class="item-menu-image" :src="item1.icon" mode=""></image>
+												<view class="item-menu-name">{{item1[itemKeyName]}}</view>
+											</view>
+										</slot>
+									</template>
+								</view>
+							</template>
+						</view>
+					</template>
 				</view>
 			</scroll-view>
 		</view>
@@ -49,6 +51,10 @@
 	export default {
 		name: 'up-cate-tab',
         props: {
+			mode: {
+                type: String,
+                default: 'follow' // follo跟随联动, tab单一显示。
+            },
 			height: {
                 type: String,
                 default: '100%'
@@ -119,10 +125,13 @@
 			addUnit,
 			// 点击左边的栏目切换
 			async swichMenu(index) {
-				if(this.arr.length == 0) {
-					await this.getMenuItemTop();
+				if (this.mode == 'follow') {
+					if(this.arr.length == 0) {
+						await this.getMenuItemTop();
+					}
+					this.scrollIntoView = 'item' + index;
 				}
-				this.scrollIntoView = 'item' + index;
+
 				if (index == this.innerCurrent) return;
 				this.$nextTick(function(){
 					this.innerCurrent = index;
@@ -216,6 +225,7 @@
 			},
 			// 右边菜单滚动
 			async rightScroll(e) {
+				if (this.mode !== 'follow') return;
 				this.oldScrollTop = e.detail.scrollTop;
                 // console.log(e.detail.scrollTop)
                 // console.log(JSON.stringify(this.arr))
@@ -261,6 +271,7 @@
 	.u-cate-tab__wrap {
 		flex: 1;
 		display: flex;
+		flex-direction: row;
 		overflow: hidden;
 	}
 

package/components/u-choose/u-choose.vue

@@ -0,0 +1,109 @@
+<style scoped lang="scss">
+	.up-choose {
+		::v-deep .up-tag {
+		    font-weight: 600;
+		}
+		&:last-child {
+			margin-right: 0;
+		}
+	}
+	
+	.up-choose-wrap {
+		flex-wrap: wrap;
+	}
+	
+	.up-choose-nowrap {
+		flex-wrap: nowrap;
+		white-space: nowrap;
+	}
+</style>
+
+<template>
+	<scroll-view 
+		:scroll-x="wrap === false" 
+		:class="['up-choose', wrap ? 'up-choose-wrap' : 'up-choose-nowrap']">
+        <template :key="item.id"  v-for="(item,index) in options">
+            <view :style="{width: width, display: 'inline-block'}">
+                <slot :item="item" :index="index">
+                    <up-tag :type="index == currentIndex ? 'primary' : 'info'"
+                        size="large" :plain="index == currentIndex ? false : true"
+                        :class="currentIndex === index ? 'active': ''" :height="itemHeight"
+                        :style="{width: itemWidth, padding: itemPadding}"
+                        @click="change(index)">
+                        {{item[labelName]}}
+                    </up-tag>
+                </slot>
+            </view>
+        </template>
+	</scroll-view>
+</template>
+
+<script>
+	export default {
+	    name: 'up-choose',
+	    props: {
+			options:{
+				type: Array,
+				default: ()=>{
+					return [];
+				}
+			},
+			modelValue: {
+				type: [Number,String,Array],
+				default: false
+			},
+			type: {
+			    type: [String],
+			    default: 'radio'
+			},
+			itemWidth: {
+			    type: [String],
+			    default: 'auto'
+			},
+			itemHeight: {
+			    type: [String],
+			    default: '50px'
+			},
+            itemPadding: {
+                type: [String],
+			    default: '8px'
+            },
+			labelName: {
+			    type: String,
+			    default: 'title'
+			},
+			valueName: {
+			    type: String,
+			    default: 'value'
+			},
+			customClick: {
+			    type: Boolean,
+			    default: false
+			},
+			// 是否换行
+			wrap: {
+				type: Boolean,
+				default: true
+			}
+	    },
+	    data() {
+	        return {
+				currentIndex: ''
+	        }
+	    },
+	    created: function () {
+			this.currentIndex = this.modelValue;
+	    },
+        emits: ['update:modelValue', 'custom-click'],
+	    methods: {
+	        change(index){
+				if (this.customClick) {
+					this.$emit('custom-click', index);
+				} else {
+					this.currentIndex = index;
+					this.$emit('update:modelValue', index);
+				}
+			}
+	    }
+	}
+</script>

package/components/u-popover/props.js

@@ -0,0 +1,59 @@
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+
+export const props = defineMixin({
+    props: {
+        // 显示的文字内容
+        text: {
+            type: [String, Number],
+            default: ''
+        },
+        // 文字颜色
+        color: {
+            type: String,
+            default: '#333'
+        },
+        // 背景颜色
+        bgColor: {
+            type: String,
+            default: '#f7f7f7'
+        },
+        // 弹出框背景颜色
+        popupBgColor: {
+            type: String,
+            default: '#f7f7f7'
+        },
+        // 弹出框位置
+        placement: {
+            type: String,
+            default: 'top'
+        },
+        // 触发方式
+        triggerMode: {
+            type: String,
+            default: 'click'
+        },
+        // 是否显示 (manual模式下使用)
+        show: {
+            type: Boolean,
+            default: false
+        },
+        // z-index值
+        zIndex: {
+            type: [Number, String],
+            default: 10070
+        },
+        // 强制定位
+        forcePosition: {
+            type: Object,
+            default() {
+                return {}
+            }
+        },
+        // 弹出方向
+        direction: {
+            type: String,
+            default: 'top'
+        }
+    }
+})

package/components/u-popover/u-popover.vue

@@ -0,0 +1,95 @@
+<template>
+	<view class="up-popover">
+		<up-tooltip
+			ref="tooltip"
+			:text="text"
+			:color="color"
+			:bg-color="bgColor"
+			:popup-bg-color="popupBgColor"
+			:placement="placement"
+			:trigger-mode="triggerMode"
+			:show="show"
+			:z-index="zIndex"
+			:force-position="forcePosition"
+			:direction="direction"
+			@open="onOpen"
+			@close="onClose"
+			@click="onClick"
+		>
+			<template #trigger>
+				<slot name="trigger"></slot>
+			</template>
+			<template #content>
+				<view class="up-popover__content">
+					<slot name="content">
+						<text>{{text}}</text>
+					</slot>
+				</view>
+			</template>
+		</up-tooltip>
+	</view>
+</template>
+
+<script>
+    import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
+	/**
+	 * popover 气泡弹出框
+	 * @description 基于tooltip二次封装的popover组件，用于展示更丰富的内容
+	 * @tutorial https://www.uviewui.com/components/popover.html
+	 * @property {String | Number}	text			显示的文字内容
+	 * @property {String}			color			文字颜色
+	 * @property {String}			bgColor			背景颜色
+	 * @property {String}			popupBgColor	弹出框背景颜色
+	 * @property {String}			placement		弹出框位置 (top, bottom, left, right)
+	 * @property {String}			triggerMode		触发方式 (hover, click, manual)
+	 * @property {Boolean}			show			是否显示 (manual模式下使用)
+	 * @property {Number | String}	zIndex			z-index值
+	 * @property {Object}			forcePosition	强制定位 {top, left, right, bottom}
+	 * @property {String}			direction		弹出方向 (top, bottom, left, right)
+	 * @event {Function}			open			弹出框打开时触发
+	 * @event {Function}			close			弹出框关闭时触发
+	 * @event {Function}			click			点击触发器时触发
+	 * @example <up-popover text="提示内容"><template #trigger><up-button>点击</up-button></template></up-popover>
+	 */
+	export default {
+		name: 'up-popover',
+		mixins: [mpMixin, mixin, props],
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			onOpen() {
+				this.$emit('open');
+			},
+			onClose() {
+				this.$emit('close');
+			},
+			onClick() {
+				this.$emit('click');
+			},
+			// 打开popover
+			open() {
+				this.$refs.tooltip && this.$refs.tooltip.open();
+			},
+			// 关闭popover
+			close() {
+				this.$refs.tooltip && this.$refs.tooltip.close();
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>	
+	.up-popover {
+		
+		&__content {
+			@include flex;
+			align-items: center;
+			padding: 12px 16px;
+		}
+	}
+</style>

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

@@ -145,7 +145,7 @@
 					left: 0
 				},
 				// 文本的位置信息
-				textInfo: {
+				triggerInfo: {
 					width: 0,
 					left: 0
 				},
@@ -182,8 +182,8 @@
 					// 右侧显示逻辑
 					style.transform = ``
 					// 垂直居中对齐
-					style.top = '-' + addUnit((this.textInfo.height - this.tooltipInfo.height) / 2, 'px')
-					style.right = addUnit(this.textInfo.width + this.indicatorWidth, 'px')
+					style.top = '-' + addUnit((this.triggerInfo.height - this.tooltipInfo.height) / 2, 'px')
+					style.right = addUnit(this.triggerInfo.width + this.indicatorWidth, 'px')
 					this.indicatorStyle = {}
 					this.indicatorStyle.right = '-4px'
 					this.indicatorStyle.top = addUnit((this.tooltipInfo.height - this.indicatorWidth) / 2, 'px')
@@ -191,27 +191,27 @@
 					// 右侧显示逻辑
 					style.transform = ``
 					// 垂直居中对齐
-					style.top = '-' + addUnit((this.textInfo.height - this.tooltipInfo.height) / 2, 'px')
-					style.left = addUnit(this.textInfo.width + this.indicatorWidth, 'px')
+					style.top = '-' + addUnit((this.triggerInfo.height - this.tooltipInfo.height) / 2, 'px')
+					style.left = addUnit(this.triggerInfo.width + this.indicatorWidth, 'px')
 					this.indicatorStyle = {}
 					this.indicatorStyle.left = '-4px'
-					this.indicatorStyle.top = addUnit((this.textInfo.height - this.indicatorWidth) / 2, 'px')
+					this.indicatorStyle.top = addUnit((this.triggerInfo.height - this.indicatorWidth) / 2, 'px')
 				} else if (this.direction === 'top' || this.direction === 'bottom') { 
 					style.transform = `translateY(${this.direction === 'top' ? '-100%' : '100%'})`
-					if (this.tooltipInfo.width / 2 > this.textInfo.left + this.textInfo.width / 2 - this.screenGap) {
+					if (this.tooltipInfo.width / 2 > this.triggerInfo.left + this.triggerInfo.width / 2 - this.screenGap) {
 						this.indicatorStyle = {}
-						style.left = `-${addUnit(this.textInfo.left - this.screenGap)}`
-						this.indicatorStyle.left = addUnit(this.textInfo.width / 2 - getPx(style.left) - this.indicatorWidth /
+						style.left = `-${addUnit(this.triggerInfo.left - this.screenGap)}`
+						this.indicatorStyle.left = addUnit(this.triggerInfo.width / 2 - getPx(style.left) - this.indicatorWidth /
 							2, 'px')
-					} else if (this.tooltipInfo.width / 2 > sysInfo.windowWidth - this.textInfo.right + this.textInfo.width / 2 -
+					} else if (this.tooltipInfo.width / 2 > sysInfo.windowWidth - this.triggerInfo.right + this.triggerInfo.width / 2 -
 						this.screenGap) {
 						this.indicatorStyle = {}
-						style.right = `-${addUnit(sysInfo.windowWidth - this.textInfo.right - this.screenGap)}`
-						this.indicatorStyle.right = addUnit(this.textInfo.width / 2 - getPx(style.right) - this
+						style.right = `-${addUnit(sysInfo.windowWidth - this.triggerInfo.right - this.screenGap)}`
+						this.indicatorStyle.right = addUnit(this.triggerInfo.width / 2 - getPx(style.right) - this
 							.indicatorWidth / 2)
 					} else {
-						const left = Math.abs(this.textInfo.width / 2 - this.tooltipInfo.width / 2)
-						style.left = this.textInfo.width > this.tooltipInfo.width ? addUnit(left) : -addUnit(left)
+						const left = Math.abs(this.triggerInfo.width / 2 - this.tooltipInfo.width / 2)
+						style.left = this.triggerInfo.width > this.tooltipInfo.width ? addUnit(left) : -addUnit(left)
 						this.indicatorStyle = {}
 					}
 					if (this.direction === 'top') {
@@ -296,7 +296,7 @@
 						this.tooltipInfo = await this.queryRect(this.tooltipId)
 						// 获取气泡尺寸之后，将其隐藏，为了让下次切换气泡显示与隐藏时，有淡入淡出的效果
 						this.showTooltip = false
-						this.textInfo = await this.queryRect(this.textId)
+						this.triggerInfo = await this.queryRect(this.textId)
 						sleep(500).then(() => {
 							this.calcReacted = true
 						})

package/libs/i18n/index.js

@@ -33,7 +33,11 @@ uni.onLocaleChange((locale) => {
 export function t(value, params = {}) {
     // console.log(settings.locales[settings.lang])
     if (value) {
-        let result = settings.locales[settings.lang][value] || value;
+        let lang = settings.lang
+        if (!settings.locales[settings.lang]) {
+            lang = 'zh-Hans'
+        }
+        let result = settings.locales[lang][value] || value;
         // 替换{xxx}格式的变量
         Object.keys(params).forEach(key => {
             const reg = new RegExp(`{${key}}`, 'g');

package/libs/i18n/locales/th.json

@@ -0,0 +1,80 @@
+{
+    "up.common.cancel": "ยกเลิก",
+    "up.common.confirm": "ยืนยัน",
+    "up.common.start": "เริ่มต้น",
+    "up.common.end": "สิ้นสุด",
+    "up.common.stop": "หยุด",
+    "up.common.copy": "คัดลอก",
+    "up.common.none": "ไม่มี",
+    "up.common.tip": "คำแนะนำ",
+    "up.common.success": "สำเร็จ",
+    "up.common.fail": "ล้มเหลว",
+    "up.common.close": "ปิด",
+    "up.common.preview": "ดูตัวอย่าง",
+    "up.common.re-select": "เลือกใหม่",
+    "up.common.rotate": "หมุน",
+    "up.common.pleaseChoose": "กรุณาเลือก",
+    "up.common.loading": "กำลังโหลด",
+    "up.common.loading2": "กำลังโหลด",
+    "up.common.inOperation": "กำลังดำเนินการ",
+    "up.common.settings": "การตั้งค่า",
+    "up.common.retry": "ลองใหม่",
+    "up.common.search": "ค้นหา",
+    "up.common.more": "เพิ่มเติม",
+    "up.common.video": "วิดีโอ",
+    "up.common.file": "ไฟล์",
+    "up.week.one": "จันทร์",
+    "up.week.two": "อังคาร",
+    "up.week.three": "พุธ",
+    "up.week.four": "พฤหัสบดี",
+    "up.week.five": "ศุกร์",
+    "up.week.six": "เสาร์",
+    "up.week.seven": "อาทิตย์",
+    "up.barcode.error": "สร้างบาร์โค้ดไม่สำเร็จ",
+    "up.calendar.chooseDates": "เลือกวันที่",
+    "up.calendar.disabled": "วันที่นี้ถูกปิดการใช้งาน",
+    "up.calendar.daysExceed": "จำนวนวันที่เลือกต้องไม่เกิน {days} วัน",
+    "up.cityLocate.locateCity": "ระบุตำแหน่งเมือง",
+    "up.cityLocate.fail": "การระบุตำแหน่งล้มเหลว กรุณาคลิกเพื่อลองใหม่",
+    "up.cityLocate.locating": "กำลังระบุตำแหน่ง",
+    "up.code.send": "รับรหัสยืนยัน",
+    "up.code.resendAfter": "ส่งใหม่ใน X วินาที",
+    "up.code.resend": "ส่งใหม่",
+    "up.cropper.emptyWidhtOrHeight": "ไม่ได้ตั้งค่าความกว้างหรือความสูงของกรอบตัดภาพ",
+    "up.empty.car": "รถเข็นว่างเปล่า",
+    "up.empty.page": "ไม่มีหน้านี้",
+    "up.empty.search": "ไม่มีผลลัพธ์การค้นหา",
+    "up.empty.address": "ไม่มีที่อยู่จัดส่ง",
+    "up.empty.wifi": "ไม่มี WiFi",
+    "up.empty.order": "ไม่มีคำสั่งซื้อ",
+    "up.empty.coupon": "ไม่มีคูปอง",
+    "up.empty.favor": "ไม่มีรายการโปรด",
+    "up.empty.permission": "ไม่มีสิทธิ์",
+    "up.empty.history": "ไม่มีประวัติ",
+    "up.empty.news": "ไม่มีรายการข่าว",
+    "up.empty.message": "รายการข้อความว่างเปล่า",
+    "up.empty.list": "รายการว่างเปล่า",
+    "up.empty.data": "ข้อมูลว่างเปล่า",
+    "up.empty.comment": "ไม่มีความคิดเห็น",
+    "up.link.copyed": "คัดลอกลิงก์แล้ว กรุณาเปิดในเบราว์เซอร์",
+    "up.loadmoe.loadmore": "โหลดเพิ่มเติม",
+    "up.loadmoe.nomore": "ไม่มีข้อมูลเพิ่มเติม",
+    "up.noNetwork.text": "อ๊ะ ขาดการเชื่อมต่อเครือข่าย",
+    "up.noNetwork.pleaseCheck": "กรุณาตรวจสอบเครือข่าย หรือไปที่",
+    "up.noNetwork.connect": "เชื่อมต่อเครือข่ายแล้ว",
+    "up.noNetwork.disconnect": "ไม่มีการเชื่อมต่อเครือข่าย",
+    "up.pagination.previous": "หน้าก่อนหน้า",
+    "up.pagination.next": "หน้าถัดไป",
+    "up.pullRefresh.pull": "ดึงเพื่อรีเฟรช",
+    "up.pullRefresh.release": "ปล่อยเพื่อรีเฟรช",
+    "up.pullRefresh.refreshing": "กำลังรีเฟรช",
+    "up.readMore.expand": "ขยายเพื่ออ่านทั้งหมด",
+    "up.readMore.fold": "ย่อ",
+    "up.search.placeholder": "กรุณาใส่คำสำคัญ",
+    "up.signature.penSize": "ขนาดเส้น",
+    "up.signature.penColor": "สีเส้น",
+    "up.upload.sizeExceed": "เกินขนาดที่กำหนด",
+    "up.upload.uploading": "กำลังอัปโหลด",
+    "up.upload.previewImageFail": "ดูตัวอย่างภาพไม่สำเร็จ",
+    "up.upload.previewVideoFail": "ดูตัวอย่างวิดีโอไม่สำเร็จ"
+}

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.5.25",
+  "version": "3.5.32",
   "description": "零云®uview-plus已兼容vue3支持多语言，100+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",