uview-plus 3.2.8 → 3.2.10

package/changelog.md

@@ -1,3 +1,13 @@
+## 3.2.10（2024-04-17）
+完善input清空事件App端失效的兼容性
+
+修复日历组件二次打开后当前月份显示不正确
+
+## 3.2.9（2024-04-16）
+组件内uni.$u用法改为import引入
+
+规范化及兼容性增强
+
 ## 3.2.8（2024-04-15）
 修复up-tag语法错
 ## 3.2.7（2024-04-15）

package/components/u--form/u--form.vue

@@ -21,9 +21,9 @@
 	 * 所以在nvue下，取名为u--form，内部其实还是u-form.vue，只不过做一层中转
 	 */
 	import uvForm from '../u-form/u-form.vue';
-	import props from '../u-form/props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from '../u-form/props.js';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	export default {
 		// #ifdef MP-WEIXIN
 		name: 'u-form',
@@ -38,10 +38,10 @@
 		created() {
 			this.children = []
 		},
-		methods: {
-			// 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
-			setRules(rules) {
-				this.$refs.uForm.setRules(rules)
+		methods: {
+			// 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
+			setRules(rules) {
+				this.$refs.uForm.setRules(rules)
 			},
 			validate() {
 				/**

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

@@ -36,9 +36,9 @@
 	 * 所以在nvue下，取名为u--image，内部其实还是u-iamge.vue，只不过做一层中转
 	 */
 	import uvImage from '../u-image/u-image.vue';
-	import props from '../u-image/props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from '../u-image/props.js';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	export default {
 		name: 'u--image',
 		mixins: [mpMixin, props, mixin],

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

@@ -1,12 +1,12 @@
 <template>
-	<uvInput 
+	<uvInput 
 		<!-- #ifdef VUE2 -->
-		:value="value"
-		@input="e => $emit('input', e)"
-		<!-- #endif -->
+		:value="value"
+		@input="e => $emit('input', e)"
+		<!-- #endif -->
 		<!-- #ifdef VUE3 -->
-		:modelValue="modelValue"
-		@update:modelValue="e => $emit('update:modelValue', e)"
+		:modelValue="modelValue"
+		@update:modelValue="e => $emit('update:modelValue', e)"
 		<!-- #endif -->
 		:type="type"
 		:fixed="fixed"
@@ -61,9 +61,9 @@
 	 * 所以在nvue下，取名为u--input，内部其实还是u-input.vue，只不过做一层中转
 	 */
 	import uvInput from '../u-input/u-input.vue';
-	import props from '../u-input/props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from '../u-input/props.js';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	export default {
 		name: 'u--input',
 		mixins: [mpMixin, props, mixin],

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

@@ -34,9 +34,9 @@
 	 * 所以在nvue下，取名为u--textarea，内部其实还是u-textarea.vue，只不过做一层中转
 	 */
 	import uvTextarea from '../u-textarea/u-textarea.vue';
-	import props from '../u-textarea/props.js';
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import props from '../u-textarea/props.js';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	export default {
 		name: 'u--textarea',
 		mixins: [mpMixin, props, mixin],

package/components/u-action-sheet/u-action-sheet.vue

@@ -108,9 +108,10 @@
 <script>
 	import openType from '../../libs/mixin/openType'
 	import button from '../../libs/mixin/button'
-	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';
 	/**
 	 * ActionSheet 操作菜单
 	 * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
@@ -159,7 +160,7 @@
 				return (index) => {
 					let style = {};
 					if (this.actions[index].color) style.color = this.actions[index].color
-					if (this.actions[index].fontSize) style.fontSize = uni.$u.addUnit(this.actions[index].fontSize)
+					if (this.actions[index].fontSize) style.fontSize = addUnit(this.actions[index].fontSize)
 					// 选项被禁用的样式
 					if (this.actions[index].disabled) style.color = '#c0c4cc'
 					return style;

package/components/u-album/u-album.vue

@@ -53,9 +53,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, sleep } from '../../libs/function/index';
+import test from '../../libs/function/test';
 // #ifdef APP-NVUE
 // 由于weex为阿里的KPI业绩考核的产物，所以不支持百分比单位，这里需要通过dom查询组件的宽度
 const dom = uni.requireNativePlugin('dom')
@@ -146,12 +148,12 @@ export default {
             return arr
         },
         imageWidth() {
-            return uni.$u.addUnit(
+            return addUnit(
                 this.urls.length === 1 ? this.singleWidth : this.multipleSize
             )
         },
         imageHeight() {
-            return uni.$u.addUnit(
+            return addUnit(
                 this.urls.length === 1 ? this.singleHeight : this.multipleSize
             )
         },
@@ -183,7 +185,7 @@ export default {
         },
         // 获取图片的路径
         getSrc(item) {
-            return uni.$u.test.object(item)
+            return test.object(item)
                 ? (this.keyName && item[this.keyName]) || item.src
                 : item
         },
@@ -212,7 +214,7 @@ export default {
         // 获取组件的宽度
         async getComponentWidth() {
             // 延时一定时间，以获取dom尺寸
-            await uni.$u.sleep(30)
+            await sleep(30)
             // #ifndef APP-NVUE
             this.$uGetRect('.u-album__row').then((size) => {
                 this.singleWidth = size.width * this.singlePercent

package/components/u-alert/u-alert.vue

@@ -7,7 +7,7 @@
 		    class="u-alert"
 		    :class="[`u-alert--${type}--${effect}`]"
 		    @tap.stop="clickHandler"
-		    :style="[$u.addStyle(customStyle)]"
+		    :style="[addStyle(customStyle)]"
 		>
 			<view
 			    class="u-alert__icon"
@@ -29,7 +29,7 @@
 				    class="u-alert__content__title"
 				    v-if="title"
 					:style="[{
-						fontSize: $u.addUnit(fontSize),
+						fontSize: addUnit(fontSize),
 						textAlign: center ? 'center' : 'left'
 					}]"
 				    :class="[effect === 'dark' ? 'u-alert__text--dark' : `u-alert__text--${type}--light`]"
@@ -38,7 +38,7 @@
 				    class="u-alert__content__desc"
 					v-if="description"
 					:style="[{
-						fontSize: $u.addUnit(fontSize),
+						fontSize: addUnit(fontSize),
 						textAlign: center ? 'center' : 'left'
 					}]"
 				    :class="[effect === 'dark' ? 'u-alert__text--dark' : `u-alert__text--${type}--light`]"
@@ -60,9 +60,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, addStyle } from '../../libs/function/index';
 	/**
 	 * Alert  警告提示
 	 * @description 警告提示，展现需要关注的信息。
@@ -117,6 +118,8 @@
 		},
 		emits: ["click"],
 		methods: {
+			addUnit,
+			addStyle,
 			// 点击内容
 			clickHandler() {
 				this.$emit('click')

package/components/u-avatar/props.js

@@ -1,4 +1,5 @@
 import defProps from '../../libs/config/props.js';
+import test from '../../libs/function/test';
 export default {
     props: {
         // 头像图片路径(不能为相对路径)
@@ -66,7 +67,7 @@ export default {
             type: [String, Number],
             // 校验参数规则，索引在0-19之间
             validator(n) {
-                return uni.$u.test.range(n, [0, 19]) || n === ''
+                return test.range(n, [0, 19]) || n === ''
             },
             default: () => defProps.avatar.colorIndex
         },

package/components/u-avatar/u-avatar.vue

@@ -3,10 +3,10 @@
 		class="u-avatar"
 		:class="[`u-avatar--${shape}`]"
 		:style="[{
-			backgroundColor: (text || icon) ? (randomBgColor ? colors[colorIndex !== '' ? colorIndex : $u.random(0, 19)] : bgColor) : 'transparent',
-			width: $u.addUnit(size),
-			height: $u.addUnit(size),
-		}, $u.addStyle(customStyle)]"
+			backgroundColor: (text || icon) ? (randomBgColor ? colors[colorIndex !== '' ? colorIndex : random(0, 19)] : bgColor) : 'transparent',
+			width: addUnit(size),
+			height: addUnit(size),
+		}, addStyle(customStyle)]"
 		@tap="clickHandler"
 	>
 		<slot>
@@ -15,8 +15,8 @@
 				v-if="mpAvatar && allowMp"
 				type="userAvatarUrl"
 				:style="[{
-					width: $u.addUnit(size),
-					height: $u.addUnit(size)
+					width: addUnit(size),
+					height: addUnit(size)
 				}]"
 			/>
 			<!-- #endif -->
@@ -45,8 +45,8 @@
 				:mode="mode"
 				@error="errorHandler"
 				:style="[{
-					width: $u.addUnit(size),
-					height: $u.addUnit(size)
+					width: addUnit(size),
+					height: addUnit(size)
 				}]"
 			></image>
 		</slot>
@@ -54,9 +54,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, random } from '../../libs/function/index';
 	const base64Avatar =
 		"data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjREMEQwRkY0RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjREMEQwRkY1RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEQwRDBGRjJGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEQwRDBGRjNGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYG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";
 	/**
@@ -123,6 +124,9 @@
 		},
 		emits: ["click"],
 		methods: {
+			addStyle,
+			addUnit,
+			random,
 			init() {
 				// 目前只有这几个小程序平台具有open-data标签
 				// 其他平台可以通过uni.getUserInfo类似接口获取信息，但是需要弹窗授权(首次)，不合符组件逻辑

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

@@ -5,14 +5,14 @@
 		    v-for="(item, index) in showUrl"
 		    :key="index"
 		    :style="{
-				marginLeft: index === 0 ? 0 : $u.addUnit(-size * gap)
+				marginLeft: index === 0 ? 0 : addUnit(-size * gap)
 			}"
 		>
 			<u-avatar
 			    :size="size"
 			    :shape="shape"
 			    :mode="mode"
-			    :src="$u.test.object(item) ? keyName && item[keyName] || item.url : item"
+			    :src="testObject(item) ? keyName && item[keyName] || item.url : item"
 			></u-avatar>
 			<view
 			    class="u-avatar-group__item__show-more"
@@ -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 { addUnit } from '../../libs/function/index';
+	import test from '../../libs/function/test';
 	/**
 	 * AvatarGroup  头像组
 	 * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
@@ -67,6 +69,8 @@
 		},
 		emits: ["showMore"],
 		methods: {
+			addUnit,
+			testObject: test.object,
 			clickHandler() {
 				this.$emit('showMore')
 			}

package/components/u-back-top/u-back-top.vue

@@ -24,9 +24,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, addStyle, getPx, deepMerge, error } from '../../libs/function/index';
 	// #ifdef APP-NVUE
 	const dom = weex.requireModule('dom')
 	// #endif
@@ -56,8 +57,8 @@
 			backTopStyle() {
 				// 动画组件样式
 				const style = {
-					bottom: uni.$u.addUnit(this.bottom),
-					right: uni.$u.addUnit(this.right),
+					bottom: addUnit(this.bottom),
+					right: addUnit(this.right),
 					width: '40px',
 					height: '40px',
 					position: 'fixed',
@@ -66,7 +67,7 @@
 				return style
 			},
 			show() {
-				return uni.$u.getPx(this.scrollTop) > uni.$u.getPx(this.top)
+				return getPx(this.scrollTop) > getPx(this.top)
 			},
 			contentStyle() {
 				const style = {}
@@ -82,7 +83,7 @@
 				style.borderTopRightRadius = radius
 				style.borderBottomLeftRadius = radius
 				style.borderBottomRightRadius = radius
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+				return deepMerge(style, addStyle(this.customStyle))
 			}
 		},
 		emits: ["click"],
@@ -90,7 +91,7 @@
 			backToTop() {
 				// #ifdef APP-NVUE
 				if (!this.$parent.$refs['u-back-top']) {
-					uni.$u.error(`nvue页面需要给页面最外层元素设置"ref='u-back-top'`)
+					error(`nvue页面需要给页面最外层元素设置"ref='u-back-top'`)
 				}
 				dom.scrollToElement(this.$parent.$refs['u-back-top'], {
 					offset: 0

package/components/u-badge/u-badge.vue

@@ -2,15 +2,16 @@
 	<text
 		v-if="show && ((Number(value) === 0 ? showZero : true) || isDot)"
 		:class="[isDot ? 'u-badge--dot' : 'u-badge--not-dot', inverted && 'u-badge--inverted', shape === 'horn' && 'u-badge--horn', `u-badge--${type}${inverted ? '--inverted' : ''}`]"
-		:style="[$u.addStyle(customStyle), badgeStyle]"
+		:style="[addStyle(customStyle), badgeStyle]"
 		class="u-badge"
 	>{{ isDot ? '' :showValue }}</text>
 </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 } from '../../libs/function/index';
 	/**
 	 * badge 徽标数
 	 * @description 该组件一般用于图标右上角显示未读的消息数量，提示用户点击，有圆点和圆包含文字两种形式。
@@ -57,8 +58,8 @@
 						// top和right分为为offset的第一个和第二个值，如果没有第二个值，则right等于top
 						const top = this.offset[0]
 						const right = this.offset[1] || top
-						style.top = uni.$u.addUnit(top)
-						style.right = uni.$u.addUnit(right)
+						style.top = addUnit(top)
+						style.right = addUnit(right)
 					}
 				}
 				return style
@@ -80,6 +81,9 @@
 						return Number(this.value)
 				}
 			},
+		},
+		methods: {
+			addStyle
 		}
 	}
 </script>

package/components/u-button/u-button.vue

@@ -22,7 +22,7 @@
         @agreeprivacyauthorization="agreeprivacyauthorization"
         :hover-class="!disabled && !loading ? 'u-button--active' : ''"
         class="u-button u-reset-button"
-        :style="[baseColor, $u.addStyle(customStyle)]"
+        :style="[baseColor, addStyle(customStyle)]"
         @tap="clickHandler"
         :class="bemClass"
     >
@@ -71,7 +71,7 @@
         "
         @tap="clickHandler"
         :class="bemClass"
-        :style="[baseColor, $u.addStyle(customStyle)]"
+        :style="[baseColor, addStyle(customStyle)]"
     >
         <template v-if="loading">
             <u-loading-icon
@@ -110,11 +110,14 @@
 </template>
 
 <script lang="ts">
-import button from "../../libs/mixin/button.js";
-import openType from "../../libs/mixin/openType.js";
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-import props from "./props.js";
+import button from "../../libs/mixin/button";
+import openType from "../../libs/mixin/openType";
+import mpMixin from '../../libs/mixin/mpMixin';
+import mixin from '../../libs/mixin/mixin';
+import props from "./props";
+import { addStyle } from '../../libs/function/index';
+import { throttle } from '../../libs/function/throttle';
+import color from '../../libs/config/color';
 /**
  * button 按钮
  * @description Button 按钮
@@ -194,7 +197,7 @@ export default {
                 // 如果有设置color值，则用color值，否则使用type主题颜色
                 return this.color
                     ? this.color
-                    : uni.$u.config.color[`u-${this.type}`];
+                    : color[`u-${this.type}`];
             }
             if (this.type === "info") {
                 return "#c9c9c9";
@@ -267,11 +270,12 @@ export default {
 	emits: ['click', 'getphonenumber', 'getuserinfo',
 		'error', 'opensetting', 'launchapp', 'agreeprivacyauthorization'],
     methods: {
+        addStyle,
         clickHandler() {
             // 非禁止并且非加载中，才能点击
             if (!this.disabled && !this.loading) {
 				// 进行节流控制，每this.throttle毫秒内，只在开始处执行
-				uni.$u.throttle(() => {
+				throttle(() => {
 					this.$emit("click");
 				}, this.throttleTime);
             }

package/components/u-calendar/header.vue

@@ -20,9 +20,9 @@
 	</view>
 </template>
 
-<script>
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+<script>
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
 	export default {
 		name: 'u-calendar-header',
 		mixins: [mpMixin, mixin],

package/components/u-calendar/month.vue

@@ -31,10 +31,12 @@
 	// 由于nvue不支持百分比单位，需要查询宽度来计算每个日期的宽度
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
-	import defprops from '../../libs/config/props';
-	// import dayjs from '../../libs/util/dayjs.js';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addUnit, deepClone, toast, sleep } from '../../libs/function/index';
+	import { colorGradient } from '../../libs/function/colorGradient';
+	import test from '../../libs/function/test';
+	import defProps from '../../libs/config/props';
 	import dayjs from 'dayjs/esm/index'
 	export default {
 		name: 'u-calendar-month',
@@ -103,7 +105,7 @@
 			// 是否为只读状态，只读状态下禁止选择日期
 			readonly: {
 				type: Boolean,
-				default: () => uni.$u.props.calendar.readonly
+				default: () => defProps.calendar.readonly
 			},
 			// 日期区间最多可选天数，默认无限制，mode = range时有效
 			maxRange: {
@@ -156,13 +158,13 @@
 					const dayWidth = Number(parseFloat(this.width / 7).toFixed(3).slice(0, -1))
 					// 得出每个日期的宽度
 					// #ifdef APP-NVUE
-					style.width = uni.$u.addUnit(dayWidth)
+					style.width = addUnit(dayWidth)
 					// #endif
-					style.height = uni.$u.addUnit(this.rowHeight)
+					style.height = addUnit(this.rowHeight)
 					if (index2 === 0) {
 						// 获取当前为星期几，如果为0，则为星期天，减一为每月第一天时，需要向左偏移的item个数
 						week = (week === 0 ? 7 : week) - 1
-						style.marginLeft = uni.$u.addUnit(week * dayWidth)
+						style.marginLeft = addUnit(week * dayWidth)
 					}
 					if (this.mode === 'range') {
 						// 之所以需要这么写，是因为DCloud公司的iOS客户端的开发者能力有限导致的bug
@@ -206,7 +208,7 @@
 							// 处于第一和最后一个之间的日期，背景色设置为浅色，通过将对应颜色进行等分，再取其尾部的颜色值
 							if (dayjs(date).isAfter(dayjs(this.selected[0])) && dayjs(date).isBefore(dayjs(this
 									.selected[len]))) {
-								style.backgroundColor = uni.$u.colorGradient(this.color, '#ffffff', 100)[90]
+								style.backgroundColor = colorGradient(this.color, '#ffffff', 100)[90]
 								// 增加一个透明度，让范围区间的背景色也能看到底部的mark水印字符
 								style.opacity = 0.7
 							}
@@ -289,7 +291,7 @@
 				this.$nextTick(() => {
 					// 这里需要另一个延时，因为获取宽度后，会进行月份数据渲染，只有渲染完成之后，才有真正的高度
 					// 因为nvue下，$nextTick并不是100%可靠的
-					uni.$u.sleep(10).then(() => {
+					sleep(10).then(() => {
 						this.getWrapperWidth()
 						this.getMonthRect()
 					})
@@ -361,7 +363,7 @@
 				const date = dayjs(item.date).format("YYYY-MM-DD")
 				if (item.disabled) return
 				// 对上一次选择的日期数组进行深度克隆
-				let selected = uni.$u.deepClone(this.selected)
+				let selected = deepClone(this.selected)
 				if (this.mode === 'single') {
 					// 单选情况下，让数组中的元素为当前点击的日期
 					selected = [date]
@@ -389,9 +391,9 @@
 							// 当前日期减去最大可选的日期天数，如果大于起始时间，则进行提示
 							if(dayjs(dayjs(date).subtract(this.maxRange, 'day')).isAfter(dayjs(selected[0])) && this.showRangePrompt) {
 								if(this.rangePrompt) {
-									uni.$u.toast(this.rangePrompt)
+									toast(this.rangePrompt)
 								} else {
-									uni.$u.toast(`选择天数不能超过 ${this.maxRange} 天`)
+									toast(`选择天数不能超过 ${this.maxRange} 天`)
 								}
 								return
 							}
@@ -431,14 +433,14 @@
 				const maxDate = this.maxDate || dayjs(minDate).add(this.maxMonth - 1, 'month').format("YYYY-MM-DD")
 				if (this.mode === 'single') {
 					// 单选模式，可以是字符串或数组，Date对象等
-					if (!uni.$u.test.array(this.defaultDate)) {
+					if (!test.array(this.defaultDate)) {
 						defaultDate = [dayjs(this.defaultDate).format("YYYY-MM-DD")]
 					} else {
 						defaultDate = [this.defaultDate[0]]
 					}
 				} else {
 					// 如果为非数组，则不执行
-					if (!uni.$u.test.array(this.defaultDate)) return
+					if (!test.array(this.defaultDate)) return
 					defaultDate = this.defaultDate
 				}
 				// 过滤用户传递的默认数组，取出只在可允许最大值与最小值之间的元素