uview-plus 3.6.29 → 3.7.13

package/components/u-tabs/u-tabs.vue

@@ -3,49 +3,28 @@
 		<view class="u-tabs__wrapper">
 			<slot name="left" />
 			<view class="u-tabs__wrapper__scroll-view-wrapper">
-				<scroll-view
-					:scroll-x="scrollable"
-					:scroll-left="scrollLeft"
-					scroll-with-animation
-					class="u-tabs__wrapper__scroll-view"
-					:show-scrollbar="false"
-					ref="u-tabs__wrapper__scroll-view"
-				>
-					<view
-						class="u-tabs__wrapper__nav"
-						ref="u-tabs__wrapper__nav"
-					>
-						<view
-							class="u-tabs__wrapper__nav__item"
-							v-for="(item, index) in list"
-							:key="index"
-							@tap="clickHandler(item, index)"
-							@longpress="longPressHandler(item,index)"
+				<scroll-view :scroll-x="scrollable" :scroll-left="scrollLeft" scroll-with-animation
+					class="u-tabs__wrapper__scroll-view" :show-scrollbar="false" ref="u-tabs__wrapper__scroll-view">
+					<view class="u-tabs__wrapper__nav" ref="u-tabs__wrapper__nav">
+						<view class="u-tabs__wrapper__nav__item" v-for="(item, index) in tabList" :key="index"
+							@tap="clickHandler(item, index)" @longpress="longPressHandler(item,index)"
 							:ref="`u-tabs__wrapper__nav__item-${index}`"
-							:style="[addStyle(itemStyle), {flex: scrollable ? '' : 1}]"
-							:class="[`u-tabs__wrapper__nav__item-${index}`,
+							:style="[addStyle(itemStyle), {flex: scrollable ? '' : 1}]" :class="[`u-tabs__wrapper__nav__item-${index}`,
 								item.disabled && 'u-tabs__wrapper__nav__item--disabled',
-								innerCurrent == index ? 'u-tabs__wrapper__nav__item-active' : '']"
-						>
+								innerCurrent == index ? 'u-tabs__wrapper__nav__item-active' : '']">
 							<slot v-if="$slots.icon" name="icon" :item="item" :keyName="keyName" :index="index" />
 							<template v-else>
 								<view class="u-tabs__wrapper__nav__item__prefix-icon" v-if="item.icon">
-									<up-icon
-										:name="item.icon"
-										:customStyle="addStyle(iconStyle)"
-									></up-icon>
+									<up-icon :name="item.icon" :customStyle="addStyle(iconStyle)"></up-icon>
 								</view>
 							</template>
 							<slot v-if="$slots.content" name="content" :item="item" :keyName="keyName" :index="index" />
-							<slot v-else-if="!$slots.content && ($slots.default || $slots.$default)"
-								:item="item" :keyName="keyName" :index="index" />
-							<text v-else
-								:class="[item.disabled && 'u-tabs__wrapper__nav__item__text--disabled']"
+							<slot v-else-if="!$slots.content && ($slots.default || $slots.$default)" :item="item"
+								:keyName="keyName" :index="index" />
+							<text v-else :class="[item.disabled && 'u-tabs__wrapper__nav__item__text--disabled']"
 								class="u-tabs__wrapper__nav__item__text"
-								:style="[textStyle(index)]"
-							>{{ item[keyName] }}</text>
-							<u-badge
-								:show="!!(item.badge && (item.badge.show || item.badge.isDot || item.badge.value))"
+								:style="[textStyle(index)]">{{ item[keyName] }}</text>
+							<u-badge :show="!!(item.badge && (item.badge.show || item.badge.isDot || item.badge.value))"
 								:isDot="item.badge && item.badge.isDot || propsBadge.isDot"
 								:value="item.badge && item.badge.value || propsBadge.value"
 								:max="item.badge && item.badge.max || propsBadge.max"
@@ -56,35 +35,28 @@
 								:shape="item.badge && item.badge.shape || propsBadge.shape"
 								:numberType="item.badge && item.badge.numberType || propsBadge.numberType"
 								:inverted="item.badge && item.badge.inverted || propsBadge.inverted"
-								customStyle="margin-left: 4px;"
-							></u-badge>
+								customStyle="margin-left: 4px;"></u-badge>
 						</view>
 						<!-- #ifdef APP-NVUE -->
-						<view
-							class="u-tabs__wrapper__nav__line"
-							ref="u-tabs__wrapper__nav__line"
-							:style="[{
+						<view class="u-tabs__wrapper__nav__line" ref="u-tabs__wrapper__nav__line" :style="[{
 								width: addUnit(lineWidth),
 								height: addUnit(lineHeight),
 								background: lineColor,
 								backgroundSize: lineBgSize,
-							}]"
-						>
+							}]">
 						</view>
 						<!-- #endif -->
 						<!-- #ifndef APP-NVUE -->
-						<view
-							class="u-tabs__wrapper__nav__line"
-							ref="u-tabs__wrapper__nav__line"
+						<view class="u-tabs__wrapper__nav__line" ref="u-tabs__wrapper__nav__line"
 							:style="[{
 								width: addUnit(lineWidth),
 								transform: `translate(${lineOffsetLeft}px)`,
-								transitionDuration: `${firstTime ? 0 : duration}ms`,
+								transitionDuration: `${duration}ms`,
 								height: addUnit(lineHeight),
 								background: lineColor,
 								backgroundSize: lineBgSize,
-							}]"
-						>
+								display: lineShow ? 'block': 'none'
+							}]">
 						</view>
 						<!-- #endif -->
 					</view>
@@ -100,11 +72,25 @@
 	const animation = uni.requireNativePlugin('animation')
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
-	import { props } from './props';
-	import { mpMixin } from '../../libs/mixin/mpMixin';
-	import { mixin } from '../../libs/mixin/mixin';
+	import {
+		props
+	} from './props';
+	import {
+		mpMixin
+	} from '../../libs/mixin/mpMixin';
+	import {
+		mixin
+	} from '../../libs/mixin/mixin';
 	import defProps from '../../libs/config/props.js'
-	import { addUnit, addStyle, deepMerge, getPx, sleep, getWindowInfo } from '../../libs/function/index';
+	import {
+		addUnit,
+		addStyle,
+		deepMerge,
+		deepClone,
+		getPx,
+		sleep,
+		getWindowInfo
+	} from '../../libs/function/index';
 	/**
 	 * Tabs 标签
 	 * @description tabs标签组件，在标签多的时候，可以配置为左右滑动，标签少的时候，可以禁止滑动。 该组件的一个特点是配置为滚动模式时，激活的tab会自动移动到组件的中间位置。
@@ -122,10 +108,11 @@
 		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
-				firstTime: true,
+				tabList: [],
 				scrollLeft: 0,
 				scrollViewWidth: 0,
 				lineOffsetLeft: 0,
+				lineShow: false,
 				tabsRect: {
 					left: 0
 				},
@@ -136,7 +123,7 @@
 		watch: {
 			current: {
 				immediate: true,
-				handler (newValue, oldValue) {
+				handler(newValue, oldValue) {
 					// 内外部值不相等时，才尝试移动滑块
 					if (newValue !== this.innerCurrent) {
 						if (typeof newValue == 'string') {
@@ -151,10 +138,16 @@
 				}
 			},
 			// list变化时，重新渲染list各项信息
-			list() {
-				this.$nextTick(() => {
-					this.resize()
-				})
+			list: {
+				handler(newValue, oldValue) {
+					// 重新拷贝一份list用于增加其他额外信息处理后导致重复监听的死循环
+					this.tabList = deepClone(newValue);
+					this.$nextTick(() => {
+						this.resize()
+					})
+				},
+				immediate: true,
+				deep: true,
 			}
 		},
 		computed: {
@@ -162,11 +155,11 @@
 				return index => {
 					const style = {}
 					// 取当期是否激活的样式
-					const customeStyle = (index == this.innerCurrent)
-						? addStyle(this.activeStyle) 
-						: addStyle(this.inactiveStyle)
+					const customeStyle = (index == this.innerCurrent) ?
+						addStyle(this.activeStyle) :
+						addStyle(this.inactiveStyle)
 					// 如果当前菜单被禁用，则加上对应颜色，需要在此做处理，是因为nvue下，无法在style样式中通过!import覆盖标签的内联样式
-					if (this.list[index].disabled) {
+					if (this.tabList[index].disabled) {
 						style.color = '#c8c9cc'
 					}
 					return deepMerge(customeStyle, style)
@@ -178,42 +171,37 @@
 		},
 		async mounted() {
 			this.init()
-            this.windowResizeCallback = (res) => {
-                this.init()
-            }
-            uni.onWindowResize(this.windowResizeCallback)
+			this.windowResizeCallback = (res) => {
+				this.init()
+			}
+			uni.onWindowResize(this.windowResizeCallback)
+		},
+		beforeUnmount() {
+			uni.offWindowResize(this.windowResizeCallback)
 		},
-        beforeUnmount() {
-            uni.offWindowResize(this.windowResizeCallback)
-        },
 		emits: ['click', 'longPress', 'change', 'update:current'],
 		methods: {
 			addStyle,
 			addUnit,
 			setLineLeft() {
-				const tabItem = this.list[this.innerCurrent];
+				const tabItem = this.tabList[this.innerCurrent];
 				if (!tabItem) {
 					return;
 				}
 				// 获取滑块该移动的位置
-				let lineOffsetLeft = this.list
+				let lineOffsetLeft = this.tabList
 					.slice(0, this.innerCurrent)
 					.reduce((total, curr) => total + curr.rect.width, 0);
-                // 获取下划线的数值px表示法
+				// 获取下划线的数值px表示法
 				const lineWidth = getPx(this.lineWidth);
 				this.lineOffsetLeft = lineOffsetLeft + (tabItem.rect.width - lineWidth) / 2
 				// #ifdef APP-NVUE
 				// 第一次移动滑块，无需过渡时间
-				this.animation(this.lineOffsetLeft, this.firstTime ? 0 : parseInt(this.duration))
+				this.animation(this.lineOffsetLeft, parseInt(this.duration))
 				// #endif
 
-				// 如果是第一次执行此方法，让滑块在初始化时，瞬间滑动到第一个tab item的中间
-				// 这里需要一个定时器，因为在非nvue下，是直接通过style绑定过渡时间，需要等其过渡完成后，再设置为false(非第一次移动滑块)
-				if (this.firstTime) {
-					setTimeout(() => {
-						this.firstTime = false
-					}, 10);
-				}
+				// 如果是第一次执行此方法，滑块默认不显示，在加载完成后进行显示
+				if (!this.lineShow) this.lineShow = true;
 			},
 			// nvue下设置滑块的位置
 			animation(x, duration = 0) {
@@ -239,9 +227,9 @@
 				// 如果点击当前不触发change
 				if (this.innerCurrent == index) return
 				this.innerCurrent = index
-                this.$nextTick(() => {
-                    this.resize()
-                })
+				this.$nextTick(() => {
+					this.resize()
+				})
 				this.$emit('update:current', index)
 				this.$emit('change', {
 					...item,
@@ -263,11 +251,11 @@
 			setScrollLeft() {
 				// 当前活动tab的布局信息，有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息
 				if (this.innerCurrent < 0) {
-                    this.innerCurrent = 0;
-                }
-				const tabRect = this.list[this.innerCurrent]
+					this.innerCurrent = 0;
+				}
+				const tabRect = this.tabList[this.innerCurrent]
 				// 累加得到当前item到左边的距离
-				const offsetLeft = this.list
+				const offsetLeft = this.tabList
 					.slice(0, this.innerCurrent)
 					.reduce((total, curr) => {
 						return total + curr.rect.width
@@ -284,13 +272,14 @@
 			// 获取所有标签的尺寸
 			resize() {
 				// 如果不存在list，则不处理
-				if(this.list.length === 0) {
+				if (this.tabList.length === 0) {
 					return
 				}
 				Promise.all([this.getTabsRect(), this.getAllItemRect()]).then(([tabsRect, itemRect = []]) => {
 					// 兼容在swiper组件中使用
 					if (tabsRect.left > tabsRect.width) {
-						tabsRect.right = tabsRect.right - Math.floor(tabsRect.left / tabsRect.width) * tabsRect.width
+						tabsRect.right = tabsRect.right - Math.floor(tabsRect.left / tabsRect.width) * tabsRect
+							.width
 						tabsRect.left = tabsRect.left % tabsRect.width
 					}
 					// console.log(tabsRect)
@@ -300,7 +289,7 @@
 						// 计算scroll-view的宽度，这里
 						this.scrollViewWidth += item.width
 						// 另外计算每一个item的中心点X轴坐标
-						this.list[index].rect = item
+						this.tabList[index].rect = item
 					})
 					// 获取了tabs的尺寸之后，设置滑块的位置
 					this.setLineLeft()
@@ -316,9 +305,9 @@
 			// 获取所有标签的尺寸
 			getAllItemRect() {
 				return new Promise(resolve => {
-					const promiseAllArr = this.list.map((item, index) => this.queryRect(
-						`u-tabs__wrapper__nav__item-${index}`, true))
-					Promise.all(promiseAllArr).then(sizes => resolve(sizes))
+					const promiseAllArr = this.tabList.map((item, index) => this.queryRect(
+						`u-tabs__wrapper__nav__item-${index}`, true));
+					Promise.all(promiseAllArr).then(sizes => resolve(sizes));
 				})
 			},
 			// 获取各个标签的尺寸
@@ -348,7 +337,6 @@
 </script>
 
 <style lang="scss" scoped>
-
 	.u-tabs {
 
 		&__wrapper {
@@ -389,7 +377,7 @@
 					&__text {
 						font-size: 15px;
 						color: $u-content-color;
-                        white-space: nowrap !important;
+						white-space: nowrap !important;
 
 						&--disabled {
 							color: $u-disabled-color !important;

package/components/u-tag/tag.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:23:37
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/tag.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/tag.js
  */
 export default {
 	// tag 组件

package/components/u-text/text.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:23:58
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/text.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/text.js
  */
 export default {
     // text 组件

package/components/u-textarea/textarea.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:24:32
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/textarea.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/textarea.js
  */
 export default {
 	// textarea 组件

package/components/u-toast/toast.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:07:07
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/toast.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/toast.js
  */
 export default {
     // toast组件

package/components/u-toolbar/toolbar.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:24:55
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/toolbar.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/toolbar.js
  */
 import { t } from '../../libs/i18n'
 export default {

package/components/u-tooltip/tooltip.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:25:14
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/tooltip.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/tooltip.js
  */
 export default {
     // tooltip 组件

package/components/u-transition/transition.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 16:59:00
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/transition.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/transition.js
  */
 export default {
     // transition动画组件的props

package/components/u-upload/upload.js

@@ -1,11 +1,11 @@
 /*
  * @Author       : LQ
  * @Description  :
- * @version      : 1.0
+ * @version      : 3.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:09:50
- * @FilePath     : /u-view2.0/uview-ui/libs/config/props/upload.js
+ * @LastAuthor   : jry
+ * @lastTime     : 2025-12-19 08:55:21
+ * @FilePath     : /uview-plus/libs/config/props/upload.js
  */
 export default {
 	// upload组件

package/libs/css/flex.scss

@@ -250,7 +250,7 @@
 // 子元素交叉轴终点对齐
 .u-flex-self-end,
 .up-flex-self-end {
-	align-self: flex-en !important;
+	align-self: flex-end !important;
 }
 
 // 子元素交叉轴第一行文字基线对齐
@@ -366,3 +366,4 @@
 		}
 	}
 }
+

package/libs/function/index.js

@@ -157,8 +157,13 @@ export function $parent(name = undefined) {
 	let parent = this.$parent
 	// 通过while历遍，这里主要是为了H5需要多层解析的问题
 	while (parent) {
-		// 父组件
-        let name2 = name.replace(/up-([a-zA-Z0-9-_]+)/g, 'u-$1')        
+		// 父组件
+		let name2 = ''
+		if (name.startsWith('up-')) {
+			name2 = name.replace(/up-([a-zA-Z0-9-_]+)/g, 'u-$1') 
+		} else if (name.startsWith('u-')) {
+			name2 = name.replace(/u-([a-zA-Z0-9-_]+)/g, 'up-$1') 
+		}     
 		if (parent.$options && parent.$options.name !== name && parent.$options.name !== name2) {
 			// 如果组件的name不相等，继续上一级寻找
 			parent = parent.$parent
@@ -645,8 +650,8 @@ export function padZero(value) {
  * @param {*} event
  */
 export function formValidate(instance, event) {
-	const formItem = $parent.call(instance, 'u-form-item')
-	const form = $parent.call(instance, 'u-form')
+	const formItem = $parent.call(instance, 'up-form-item')
+	const form = $parent.call(instance, 'up-form')
 	// 如果发生变化的input或者textarea等，其父组件中有u-form-item或者u-form等，就执行form的validate方法
 	// 同时将form-item的pros传递给form，让其进行精确对象验证
 	if (formItem && form) {

package/libs/util/gcanvas/bridge/bridge-weex.js

@@ -22,7 +22,6 @@ const logCommand = (function () {
     }
     const logCommand = (id, cmds) => {
         const mId = cmds.split(',')[0];
-        const mName = queryMethod(mId);
         console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
     }
     return logCommand;
@@ -214,7 +213,9 @@ const GBridge = {
     },
 
     perloadImage([url, id], callback) {
+		console.log('********************asda**********')
         GCanvasModule.preLoadImage([url, id], function (image) {
+			console.log('********************asda2**********')
             image.url = url;
             image.id = id;
             callback(image);

package/libs/util/gcanvas/env/image.js

@@ -1,5 +1,6 @@
 let incId = 1;
 
+import GBridge from '../bridge/bridge-weex.js'
 const noop = function () { };
 
 class GImage {
@@ -42,22 +43,29 @@ class GImage {
         }
 
         this._src = v;
-
-        GImage.GBridge.perloadImage([this._src, this._id], (data) => {
-            if (typeof data === 'string') {
-                data = JSON.parse(data);
-            }
-            if (data.error) {
-                var evt = { type: 'error', target: this };
-                this.onerror(evt);
-            } else {
-                this.complete = true;
-                this.width = typeof data.width === 'number' ? data.width : 0;
-                this.height = typeof data.height === 'number' ? data.height : 0;
-                var evt = { type: 'load', target: this };
-                this.onload(evt);
-            }
-        });
+		try {
+			GBridge.perloadImage([this._src, this._id], (data) => {
+				if (process.env.NODE_ENV === 'development') {
+					console.log('****GBridge.perloadImage****')
+				}
+				if (typeof data === 'string') {
+					data = JSON.parse(data);
+				}
+				
+				if (data.error) {
+					var evt = { type: 'error', target: this };
+					this.onerror(evt);
+				} else {
+					this.complete = true;
+					this.width = typeof data.width === 'number' ? data.width : 0;
+					this.height = typeof data.height === 'number' ? data.height : 0;
+					var evt = { type: 'load', target: this };
+					this.onload(evt);
+				}
+			});
+		} catch (error) {
+			console.log('perloadImage fail', error)
+		}
     }
 
     addEventListener(name, listener) {

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.6.29",
+  "version": "3.7.13",
   "description": "零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",
@@ -10,7 +10,7 @@
     "ui",
     "echarts",
     "ui",
-    "可视化设计"
+    "可视化"
 ],
   "main": "index.js",
   "repository": "https://github.com/ijry/uview-plus",
@@ -102,8 +102,6 @@
     }
   },
   "dependencies": {
-    "clipboard": "^2.0.11",
-    "dayjs": "^1.11.3"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/types/comps/radio.d.ts

@@ -60,9 +60,13 @@ declare interface RadioProps {
 
 declare interface RadioSlots {
   /**
-   * 自定义修改label内容
+   * 自定义icon内容
    */
-  ['default']?: () => any
+  ['icon']?: () => any
+  /**
+   * 自定义label内容
+   */
+  ['label']?: () => any
 }
 
 declare interface _Radio {