uview-plus 3.2.7 → 3.2.9

package/components/u-calendar/u-calendar.vue

@@ -16,7 +16,7 @@
 			></uHeader>
 			<scroll-view
 				:style="{
-                    height: $u.addUnit(listHeight)
+                    height: addUnit(listHeight)
                 }"
 				scroll-y
 				@scroll="onScroll"
@@ -68,11 +68,12 @@ import uHeader from './header.vue'
 import uMonth from './month.vue'
 import props from './props.js'
 import util from './util.js'
-// import dayjs from '../../libs/util/dayjs.min.js'
 import dayjs from 'dayjs/esm/index'
 import Calendar from '../../libs/util/calendar.js'
 import mpMixin from '../../libs/mixin/mpMixin.js'
 import mixin from '../../libs/mixin/mixin.js'
+import { addUnit, range, error, padZero } from '../../libs/function/index';
+import test from '../../libs/function/test';
 /**
  * Calendar 日历
  * @description  此组件用于单个选择日期，范围选择日期等，日历被包裹在底部弹起的容器中.
@@ -152,12 +153,12 @@ export default {
 	computed: {
 		// 由于maxDate和minDate可以为字符串(2021-10-10)，或者数值(时间戳)，但是dayjs如果接受字符串形式的时间戳会有问题，这里进行处理
 		innerMaxDate() {
-			return uni.$u.test.number(this.maxDate)
+			return test.number(this.maxDate)
 				? Number(this.maxDate)
 				: this.maxDate
 		},
 		innerMinDate() {
-			return uni.$u.test.number(this.minDate)
+			return test.number(this.minDate)
 				? Number(this.minDate)
 				: this.minDate
 		},
@@ -194,6 +195,7 @@ export default {
 	},
 	emits: ["confirm", "close"],
 	methods: {
+		addUnit,
 		// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
 		setFormatter(e) {
 			this.innerFormatter = e
@@ -224,7 +226,7 @@ export default {
                 this.innerMinDate &&
 				new Date(this.innerMaxDate).getTime() < new Date(this.innerMinDate).getTime()
 			) {
-				return uni.$u.error('maxDate不能小于minDate时间')
+				return error('maxDate不能小于minDate时间')
 			}
 			// 滚动区域的高度
 			this.listHeight = this.rowHeight * 5 + 30
@@ -258,7 +260,7 @@ export default {
 					.add(this.monthNum - 1, 'month')
 					.valueOf()
 			// 最大最小月份之间的共有多少个月份，
-			const months = uni.$u.range(
+			const months = range(
 				1,
 				this.monthNum,
 				this.getMonths(minDate, maxDate)
@@ -330,7 +332,7 @@ export default {
 				  year,
 				  month
 			  }) => {
-				month = uni.$u.padZero(month)
+				month = padZero(month)
 				return `${year}-${month}` === selected
 			})
 			if (_index !== -1) {
@@ -371,7 +373,7 @@ export default {
 			}
 			let selected = dayjs().format("YYYY-MM");
 			// 单选模式，可以是字符串或数组，Date对象等
-			if (!uni.$u.test.array(this.defaultDate)) {
+			if (!test.array(this.defaultDate)) {
 				selected = dayjs(this.defaultDate).format("YYYY-MM")
 			} else {
 				selected = dayjs(this.defaultDate[0]).format("YYYY-MM");

package/components/u-car-keyboard/u-car-keyboard.vue

@@ -68,9 +68,10 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { randomArray, sleep } from '../../libs/function/index';
 	/**
 	 * keyboard 键盘组件
 	 * @description 此为uView自定义的键盘面板，内含了数字键盘，车牌号键，身份证号键盘3种模式，都有可以打乱按键顺序的选项。
@@ -131,7 +132,7 @@
 				];
 				let tmp = [];
 				// 打乱顺序
-				if (this.random) data = uni.$u.randomArray(data);
+				if (this.random) data = randomArray(data);
 				// 切割成二维数组
 				tmp[0] = data.slice(0, 10);
 				tmp[1] = data.slice(10, 20);
@@ -179,7 +180,7 @@
 					'M'
 				];
 				let tmp = [];
-				if (this.random) data = uni.$u.randomArray(data);
+				if (this.random) data = randomArray(data);
 				tmp[0] = data.slice(0, 10);
 				tmp[1] = data.slice(10, 20);
 				tmp[2] = data.slice(20, 30);
@@ -196,7 +197,7 @@
 				if (this.abc) value = this.engKeyBoardList[i][j];
 				else value = this.areaList[i][j];
 				// 如果允许自动切换，则将中文状态切换为英文
-				if (!this.abc && this.autoChange) uni.$u.sleep(200).then(() => this.abc = true)
+				if (!this.abc && this.autoChange) sleep(200).then(() => this.abc = true)
 				this.$emit('change', value);
 			},
 			// 修改汽车牌键盘的输入模式，中文|英文

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

@@ -1,5 +1,5 @@
 <template>
-	<view class="u-cell" :class="[customClass]" :style="[$u.addStyle(customStyle)]"
+	<view class="u-cell" :class="[customClass]" :style="[addStyle(customStyle)]"
 		:hover-class="(!disabled && (clickable || isLink)) ? 'u-cell--clickable' : ''" :hover-stay-time="250"
 		@tap="clickHandler">
 		<view class="u-cell__body" :class="[ center && 'u-cell--center', size === 'large' && 'u-cell__body--large']">
@@ -26,7 +26,7 @@
 			<slot name="value">
 				<text class="u-cell__value"
 					:class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__value--large']"
-					v-if="!$u.test.empty(value)">{{ value }}</text>
+					v-if="!testEmpty(value)">{{ value }}</text>
 			</slot>
 			<view class="u-cell__right-icon-wrap" v-if="$slots['right-icon'] || isLink"
 				:class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
@@ -46,10 +46,11 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
-	import { addStyle } from '../../libs/function/index.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addStyle } from '../../libs/function/index';
+	import test from '../../libs/function/test';
 	/**
 	 * cell  单元格
 	 * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。
@@ -93,6 +94,8 @@
 		},
 		emits: ['click'],
 		methods: {
+			addStyle,
+			testEmpty: test.empty,
 			// 点击cell
 			clickHandler(e) {
 				if (this.disabled) return

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

@@ -1,5 +1,5 @@
 <template>
-    <view :style="[$u.addStyle(customStyle)]" :class="[customClass]" class="u-cell-group">
+    <view :style="[addStyle(customStyle)]" :class="[customClass]" class="u-cell-group">
         <view v-if="title" class="u-cell-group__title">
             <slot name="title">
 				<text class="u-cell-group__title__text">{{ title }}</text>
@@ -13,9 +13,10 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addStyle } from '../../libs/function/index';
 	/**
 	 * cellGroup  单元格
 	 * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。
@@ -31,6 +32,9 @@
 	export default {
 		name: 'u-cell-group',
 		mixins: [mpMixin, mixin, props],
+		methods: {
+			addStyle
+		}
 	}
 </script>
 

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

@@ -32,9 +32,11 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addStyle, addUnit, deepMerge, formValidate, error } from '../../libs/function/index';
+	import test from '../../libs/function/test';
 	/**
 	 * checkbox  复选框
 	 * @description 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便
@@ -123,7 +125,7 @@
 			},
 			// label大小
 			elLabelSize() {
-				return uni.$u.addUnit(this.labelSize ? this.labelSize : (this.parentData.labelSize ? this.parentData.labelSize :
+				return addUnit(this.labelSize ? this.labelSize : (this.parentData.labelSize ? this.parentData.labelSize :
 					'15'))
 			},
 			elIconColor() {
@@ -158,8 +160,8 @@
 				const style = {}
 				style.backgroundColor = this.isChecked && !this.elDisabled ? this.elActiveColor : '#ffffff'
 				style.borderColor = this.isChecked && !this.elDisabled ? this.elActiveColor : this.elInactiveColor
-				style.width = uni.$u.addUnit(this.elSize)
-				style.height = uni.$u.addUnit(this.elSize)
+				style.width = addUnit(this.elSize)
+				style.height = addUnit(this.elSize)
 				// 如果是图标在右边的话，移除它的右边距
 				if (!this.usedAlone) {
 					if (this.parentData.iconPlacement === 'right') {
@@ -172,14 +174,14 @@
 				const style = {}
 				if (!this.usedAlone) {
 					if (this.parentData.borderBottom && this.parentData.placement === 'row') {
-						uni.$u.error('检测到您将borderBottom设置为true，需要同时将u-checkbox-group的placement设置为column才有效')
+						error('检测到您将borderBottom设置为true，需要同时将u-checkbox-group的placement设置为column才有效')
 					}
 					// 当父组件设置了显示下边框并且排列形式为纵向时，给内容和边框之间加上一定间隔
 					if (this.parentData.borderBottom && this.parentData.placement === 'column') {
 						style.paddingBottom = '8px'
 					}
 				}
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+				return deepMerge(style, addStyle(this.customStyle))
 			}
 		},
 		mounted() {
@@ -192,7 +194,7 @@
 					// 支付宝小程序不支持provide/inject，所以使用这个方法获取整个父组件，在created定义，避免循环引用
 					this.updateParentData()
 					if (!this.parent) {
-						uni.$u.error('u-checkbox必须搭配u-checkbox-group组件使用')
+						error('u-checkbox必须搭配u-checkbox-group组件使用')
 					}
 				}
 				// #ifdef VUE2
@@ -204,7 +206,7 @@
 				// 设置初始化时，是否默认选中的状态，父组件u-checkbox-group的value可能是array，所以额外判断
 				if (this.checked) {
 					this.isChecked = true
-				} else if (!this.usedAlone && uni.$u.test.array(value)) {
+				} else if (!this.usedAlone && test.array(value)) {
 					// 查找数组是是否存在this.name元素值
 					this.isChecked = value.some(item => {
 						return item === this.name
@@ -242,7 +244,7 @@
 				this.$emit('change', this.isChecked)
 				// 尝试调用u-form的验证方法，进行一定延迟，否则微信小程序更新可能会不及时
 				this.$nextTick(() => {
-					uni.$u.formValidate(this, 'change')
+					formValidate(this, 'change')
 				})
 			},
 			// 改变组件选中状态

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

@@ -8,9 +8,9 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	/**
 	 * checkboxGroup 复选框组
 	 * @description 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便

package/components/u-circle-progress/u-circle-progress.vue

@@ -27,9 +27,10 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import {sleep } from '../../libs/function/index';
 	// #ifdef APP-NVUE
 	const animation = uni.requireNativePlugin('animation')
 	// #endif
@@ -64,7 +65,7 @@
 			}
 		},
 		mounted() {
-			uni.$u.sleep().then(() => {
+			sleep().then(() => {
 				this.rightBorderColor = 'rgb(66, 185, 131)'
 				// this.init()
 			})

package/components/u-code/u-code.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	/**
 	 * Code 验证码输入框
 	 * @description 考虑到用户实际发送验证码的场景，可能是一个按钮，也可能是一段文字，提示语各有不同，所以本组件 不提供界面显示，只提供提示语，由用户将提示语嵌入到具体的场景

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

@@ -13,7 +13,7 @@
 			<text
 				v-else
 				:style="{
-					fontSize: $u.addUnit(fontSize),
+					fontSize: addUnit(fontSize),
 					fontWeight: bold ? 'bold' : 'normal',
 					color: color
 				}"
@@ -37,7 +37,7 @@
 			class="u-code-input__input"
 			@input="inputHandler"
 			:style="{
-				height: $u.addUnit(size) 
+				height: addUnit(size)
 			}"
 			@focus="isFocus = true"
 			@blur="isFocus = false"
@@ -46,9 +46,10 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addUnit, getPx } from '../../libs/function/index';
 	/**
 	 * CodeInput 验证码输入
 	 * @description 该组件一般用于验证用户短信验证码的场景，也可以结合uview-plus的键盘组件使用
@@ -103,7 +104,6 @@
 			// 循环item的样式
 			itemStyle() {
 				return index => {
-					const addUnit = uni.$u.addUnit
 					const style = {
 						width: addUnit(this.size),
 						height: addUnit(this.size)
@@ -113,7 +113,7 @@
 						// 设置盒子的边框，如果是细边框，则设置为0.5px宽度
 						style.border = `${this.hairline ? 0.5 : 1}px solid ${this.borderColor}`
 						// 如果盒子间距为0的话
-						if (uni.$u.getPx(this.space) === 0) {
+						if (getPx(this.space) === 0) {
 							// 给第一和最后一个盒子设置圆角
 							if (index === 0) {
 								style.borderTopLeftRadius = '3px'
@@ -148,7 +148,7 @@
 			lineStyle() {
 				const style = {}
 				style.height = this.hairline ? '2px' : '4px'
-				style.width = uni.$u.addUnit(this.size)
+				style.width = addUnit(this.size)
 				// 线条模式下，背景色即为边框颜色
 				style.backgroundColor = this.borderColor
 				return style
@@ -156,6 +156,7 @@
 		},
 		emits: ["change", 'finish', "update:modelValue"],
 		methods: {
+			addUnit,
 			// 监听输入框的值发生变化
 			inputHandler(e) {
 				const value = e.detail.value

package/components/u-col/u-col.vue

@@ -13,9 +13,10 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addStyle, addUnit, deepMerge, getPx } from '../../libs/function/index';
 	/**
 	 * CodeInput 栅格系统的列 
 	 * @description 该组件一般用于Layout 布局 通过基础的 12 分栏，迅速简便地创建布局
@@ -59,8 +60,8 @@
 			colStyle() {
 				const style = {
 					// 这里写成"padding: 0 10px"的形式是因为nvue的需要
-					paddingLeft: uni.$u.addUnit(uni.$u.getPx(this.parentData.gutter)/2),
-					paddingRight: uni.$u.addUnit(uni.$u.getPx(this.parentData.gutter)/2),
+					paddingLeft: addUnit(getPx(this.parentData.gutter)/2),
+					paddingRight: addUnit(getPx(this.parentData.gutter)/2),
 					alignItems: this.uAlignItem,
 					justifyContent: this.uJustify,
 					textAlign: this.textAlign,
@@ -71,11 +72,11 @@
 					// #endif
 					// #ifdef APP-NVUE
 					// 在nvue上，由于无法使用百分比单位，这里需要获取父组件的宽度，再计算得出该有对应的百分比尺寸
-					width: uni.$u.addUnit(Math.floor(this.width / this.gridNum * Number(this.span))),
-					marginLeft: uni.$u.addUnit(Math.floor(this.width / this.gridNum * Number(this.offset))),
+					width: addUnit(Math.floor(this.width / this.gridNum * Number(this.span))),
+					marginLeft: addUnit(Math.floor(this.width / this.gridNum * Number(this.offset))),
 					// #endif
 				}
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+				return deepMerge(style, addStyle(this.customStyle))
 			}
 		},
 		mounted() {

package/components/u-collapse/u-collapse.vue

@@ -6,9 +6,9 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	/**
 	 * collapse 折叠面板 
 	 * @description 通过折叠面板收纳内容区域

package/components/u-collapse-item/u-collapse-item.vue

@@ -13,14 +13,28 @@
 			:disabled="disabled"
 		>
 			<!-- 微信小程序不支持，因为微信中不支持 <slot name="title" slot="title" />的写法 -->
-			<template #title>
-				<slot name="icon">
+			<template #title>
+				<slot name="title">
+					<text v-if="!$slots.title && title">
+						{{title}}
+					</text>
+				</slot>
+			</template>
+			<template #icon>
+				<slot name="icon">
+					<u-icon v-if="!$slots.icon && icon" :size="22" :name="icon"></u-icon>
+				</slot>
 			</template>
 			<template #value>
-				<slot name="value">
+				<slot name="value">
+					<text v-if="!$slots.value && value">
+						{{value}}
+					</text>
+				</slot>
 			</template>
 			<template #right-icon>
-				<slot name="right-icon">
+				<slot name="right-icon">
+				</slot>
 			</template>
 		</u-cell>
 		<view
@@ -40,9 +54,11 @@
 
 <script>
 	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
-	import { nextTick } from 'vue'
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { nextTick } from 'vue';
+	import { guid, sleep, error } from '../../libs/function/index';
+	import test from '../../libs/function/test';
 	// #ifdef APP-NVUE
 	const animation = uni.requireNativePlugin('animation')
 	const dom = uni.requireNativePlugin('dom')
@@ -69,7 +85,7 @@
 		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
-				elId: uni.$u.guid(),
+				elId: guid(),
 				// uni.createAnimation的导出数据
 				animationData: {},
 				// 是否展开状态
@@ -96,7 +112,8 @@
 			}
 		},
 		mounted() {
-			this.init()
+			this.init()
+			console.log('$slots', this.$slots)
 		},
 		methods: {
 			// 异步获取内容，或者动态修改了内容时，需要重新初始化
@@ -104,7 +121,7 @@
 				// 初始化数据
 				this.updateParentData()
 				if (!this.parent) {
-					return uni.$u.error('u-collapse-item必须要搭配u-collapse组件使用')
+					return error('u-collapse-item必须要搭配u-collapse组件使用')
 				}
 				const {
 					value,
@@ -113,13 +130,13 @@
 				} = this.parent
 
 				if (accordion) {
-					if (uni.$u.test.array(value)) {
-						return uni.$u.error('手风琴模式下，u-collapse组件的value参数不能为数组')
+					if (test.array(value)) {
+						return error('手风琴模式下，u-collapse组件的value参数不能为数组')
 					}
 					this.expanded = this.name == value
 				} else {
-					if (!uni.$u.test.array(value) && value !== null) {
-						return uni.$u.error('非手风琴模式下，u-collapse组件的value参数必须为数组')
+					if (!test.array(value) && value !== null) {
+						return error('非手风琴模式下，u-collapse组件的value参数必须为数组')
 					}
 					this.expanded = (value || []).some(item => item == this.name)
 				}
@@ -165,7 +182,7 @@
 				// 导出动画数据给面板的animationData值
 				this.animationData = animation.export()
 				// 标识动画结束
-				uni.$u.sleep(this.duration).then(() => {
+				sleep(this.duration).then(() => {
 					this.animating = false
 				})
 				// #endif

package/components/u-column-notice/u-column-notice.vue

@@ -57,9 +57,11 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addUnit, error } from '../../libs/function/index';
+	import test from '../../libs/function/test';
 	/**
 	 * ColumnNotice 滚动通知中的垂直滚动 内部组件
 	 * @description 该组件用于滚动通告场景，是其中的垂直滚动方式
@@ -82,8 +84,8 @@
 			text: {
 				immediate: true,
 				handler(newValue, oldValue) {
-					if(!uni.$u.test.array(newValue)) {
-						uni.$u.error('noticebar组件direction为column时，要求text参数为数组形式')
+					if(!test.array(newValue)) {
+						error('noticebar组件direction为column时，要求text参数为数组形式')
 					}
 				}
 			}
@@ -93,7 +95,7 @@
 			textStyle() {
 				let style = {}
 				style.color = this.color
-				style.fontSize = uni.$u.addUnit(this.fontSize)
+				style.fontSize = addUnit(this.fontSize)
 				return style
 			},
 			// 垂直或者水平滚动

package/components/u-count-down/u-count-down.vue

@@ -7,9 +7,9 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from './props';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	import {
 		isSameSecond,
 		parseFormat,

package/components/u-count-to/u-count-to.vue

@@ -2,7 +2,7 @@
 	<text
 		class="u-count-num"
 		:style="{
-			fontSize: $u.addUnit(fontSize),
+			fontSize: addUnit(fontSize),
 			fontWeight: bold ? 'bold' : 'normal',
 			color: color
 		}"
@@ -10,9 +10,10 @@
 </template>
 
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+import props from './props';
+import mpMixin from '../../libs/mixin/mpMixin';
+import mixin from '../../libs/mixin/mixin';
+import { addUnit } from '../../libs/function/index';
 /**
  * countTo 数字滚动
  * @description 该组件一般用于需要滚动数字到某一个值的场景，目标要求是一个递增的值。
@@ -66,6 +67,7 @@ export default {
 	},
 	emits: ["end"],
 	methods: {
+		addUnit,
 		easingFn(t, b, c, d) {
 			return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b;
 		},