uview-plus 3.2.8 → 3.2.9

package/components/u-popup/u-popup.vue

@@ -45,10 +45,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, deepMerge, sleep, sys } from '../../libs/function/index';
 	/**
 	 * popup 弹窗
 	 * @description 弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义
@@ -100,27 +100,27 @@
 				}
 				style[this.mode] = 0
 				if (this.mode === 'left') {
-					return uni.$u.deepMerge(style, {
+					return deepMerge(style, {
 						bottom: 0,
 						top: 0,
 					})
 				} else if (this.mode === 'right') {
-					return uni.$u.deepMerge(style, {
+					return deepMerge(style, {
 						bottom: 0,
 						top: 0,
 					})
 				} else if (this.mode === 'top') {
-					return uni.$u.deepMerge(style, {
+					return deepMerge(style, {
 						left: 0,
 						right: 0
 					})
 				} else if (this.mode === 'bottom') {
-					return uni.$u.deepMerge(style, {
+					return deepMerge(style, {
 						left: 0,
 						right: 0,
 					})
 				} else if (this.mode === 'center') {
-					return uni.$u.deepMerge(style, {
+					return deepMerge(style, {
 						alignItems: 'center',
 						'justify-content': 'center',
 						top: 0,
@@ -136,7 +136,7 @@
 				// 不使用css方案，是因为nvue不支持css的iPhoneX安全区查询属性
 				const {
 					safeAreaInsets
-				} = uni.$u.sys()
+				} = sys()
 				if (this.mode !== 'center') {
 					style.flex = 1
 				}
@@ -145,7 +145,7 @@
 					style.backgroundColor = this.bgColor
 				}
 				if(this.round) {
-					const value = uni.$u.addUnit(this.round)
+					const value = addUnit(this.round)
 					if(this.mode === 'top') {
 						style.borderBottomLeftRadius = value
 						style.borderBottomRightRadius = value
@@ -156,7 +156,7 @@
 						style.borderRadius = value
 					} 
 				}
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+				return deepMerge(style, addStyle(this.customStyle))
 			},
 			position() {
 				if (this.mode === 'center') {
@@ -213,7 +213,7 @@
 					// 判断如果在需要重新初始化的组件数组中名中，并且存在init方法的话，则执行
 					if (names.includes(child.$options.name) && typeof child?.init === 'function') {
 						// 需要进行一定的延时，因为初始化页面需要时间
-						uni.$u.sleep(50).then(() => {
+						sleep(50).then(() => {
 							child.init()
 						})
 					}

package/components/u-radio/u-radio.vue

@@ -33,9 +33,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, os, deepMerge, formValidate, error } from '../../libs/function/index';
 	/**
 	 * radio 单选框
 	 * @description 单选框用于有一个选择，用户只能选择其中一个的场景。搭配u-radio-group使用
@@ -59,7 +60,6 @@
 	 */
 	export default {
 		name: "u-radio",
-		
 		mixins: [mpMixin, mixin,props],
 		data() {
 			return {
@@ -121,7 +121,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() {
@@ -156,8 +156,8 @@
 				const style = {}
 				style.backgroundColor = this.checked && !this.elDisabled ? this.elActiveColor : '#ffffff'
 				style.borderColor = this.checked && !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.parentData.iconPlacement === 'right') {
 					style.marginRight = 0
@@ -167,14 +167,14 @@
 			radioStyle() {
 				const style = {}
 				if(this.parentData.borderBottom && this.parentData.placement === 'row') {
-					uni.$u.error('检测到您将borderBottom设置为true，需要同时将u-radio-group的placement设置为column才有效')
+					error('检测到您将borderBottom设置为true，需要同时将u-radio-group的placement设置为column才有效')
 				}
 				// 当父组件设置了显示下边框并且排列形式为纵向时，给内容和边框之间加上一定间隔
 				if(this.parentData.borderBottom && this.parentData.placement === 'column') {
 					// ios像素密度高，需要多一点的距离
-					style.paddingBottom = uni.$u.os() === 'ios' ? '12px' : '8px'
+					style.paddingBottom = os() === 'ios' ? '12px' : '8px'
 				}
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+				return deepMerge(style, addStyle(this.customStyle))
 			}
 		},
 		mounted() {
@@ -186,7 +186,7 @@
 				// 支付宝小程序不支持provide/inject，所以使用这个方法获取整个父组件，在created定义，避免循环引用
 				this.updateParentData()
 				if (!this.parent) {
-					uni.$u.error('u-radio必须搭配u-radio-group组件使用')
+					error('u-radio必须搭配u-radio-group组件使用')
 				}
 				// 设置初始化时，是否默认选中的状态
 				// #ifdef VUE3
@@ -225,7 +225,7 @@
 					this.$emit('change', this.name)
 					// 尝试调用u-form的验证方法，进行一定延迟，否则微信小程序更新可能会不及时
 					this.$nextTick(() => {
-						uni.$u.formValidate(this, 'change')
+						formValidate(this, 'change')
 					})
 				}
 			},

package/components/u-radio-group/u-radio-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';
 
 	/**
 	 * radioRroup 单选框父组件

package/components/u-rate/u-rate.vue

@@ -3,7 +3,7 @@
         class="u-rate"
         :id="elId"
         ref="u-rate"
-        :style="[$u.addStyle(customStyle)]"
+        :style="[addStyle(customStyle)]"
     >
         <view
             class="u-rate__content"
@@ -35,7 +35,7 @@
                                 : inactiveColor
                         "
                         :custom-style="{
-                            padding: `0 ${$u.addUnit(gutter / 2)}`,
+                            padding: `0 ${addUnit(gutter / 2)}`,
                         }"
                         :size="size"
                     ></u-icon>
@@ -45,7 +45,7 @@
                     @tap.stop="clickHandler($event, index + 1)"
                     class="u-rate__content__item__icon-wrap u-rate__content__item__icon-wrap--half"
                     :style="[{
-                        width: $u.addUnit(rateWidth / 2),
+                        width: addUnit(rateWidth / 2),
                     }]"
                     ref="u-rate__content__item__icon-wrap"
                 >
@@ -63,7 +63,7 @@
                                 : inactiveColor
                         "
                         :custom-style="{
-                            padding: `0 ${$u.addUnit(gutter / 2)}`
+                            padding: `0 ${addUnit(gutter / 2)}`
                         }"
                         :size="size"
                     ></u-icon>
@@ -74,10 +74,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, guid, sleep, range, os } from '../../libs/function/index';
 	// #ifdef APP-NVUE
 	const dom = weex.requireModule("dom");
 	// #endif
@@ -108,8 +108,8 @@
 		data() {
 			return {
 				// 生成一个唯一id，否则一个页面多个评分组件，会造成冲突
-				elId: uni.$u.guid(),
-				elClass: uni.$u.guid(),
+				elId: guid(),
+				elClass: guid(),
 				rateBoxLeft: 0, // 评分盒子左边到屏幕左边的距离，用于滑动选择时计算距离
 				// #ifdef VUE3
 				activeIndex: this.modelValue,
@@ -139,15 +139,17 @@
 		emits: ['update:modelValue', 'change'],
     	// #endif
 		methods: {
+			addStyle,
+			addUnit,
 			init() {
-				uni.$u.sleep().then(() => {
+				sleep().then(() => {
 					this.getRateItemRect();
 					this.getRateIconWrapRect();
 				})
 			},
 			// 获取评分组件盒子的布局信息
 			async getRateItemRect() {
-				await uni.$u.sleep();
+				await sleep();
 				// uView封装的获取节点的方法，详见文档
 				// #ifndef APP-NVUE
 				this.$uGetRect("#" + this.elId).then((res) => {
@@ -200,7 +202,7 @@
 			// 通过点击，直接选中
 			clickHandler(e, index) {
 				// ios上，moving状态取消事件触发
-				if (uni.$u.os() === "ios" && this.moving) {
+				if (os() === "ios" && this.moving) {
 					return;
 				}
 				this.preventEvent(e);
@@ -235,7 +237,7 @@
 				// 判断当前操作的点的x坐标值，是否在允许的边界范围内
 				const allRateWidth = this.rateWidth * this.count + this.rateBoxLeft;
 				// 如果小于第一个图标的左边界，设置为最小值，如果大于所有图标的宽度，则设置为最大值
-				x = uni.$u.range(this.rateBoxLeft, allRateWidth, x) - this.rateBoxLeft
+				x = range(this.rateBoxLeft, allRateWidth, x) - this.rateBoxLeft
 				// 滑动点相对于评分盒子左边的距离
 				const distance = x;
 				// 滑动的距离，相当于多少颗星星

package/components/u-read-more/u-read-more.vue

@@ -3,7 +3,7 @@
 		<view
 		    class="u-read-more__content"
 		    :style="{
-				height: isLongContent && status === 'close' ? $u.addUnit(showHeight) : $u.addUnit(contentHeight),
+				height: isLongContent && status === 'close' ? addUnit(showHeight) : addUnit(contentHeight),
 				textIndent: textIndent
 			}"
 		>
@@ -49,9 +49,10 @@
 	// #ifdef APP-NVUE
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
-	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, guid, getPx, sleep } from '../../libs/function/index';
 	/**
 	 * readMore 阅读更多
 	 * @description 该组件一般用于内容较长，预先收起一部分，点击展开全部内容的场景。
@@ -76,7 +77,7 @@
 			return {
 				isLongContent: false, // 是否需要隐藏一部分内容
 				status: 'close', // 当前隐藏与显示的状态，close-收起状态，open-展开状态
-				elId: uni.$u.guid(), // 生成唯一class
+				elId: guid(), // 生成唯一class
 				contentHeight: 100, // 内容高度
 			}
 		},
@@ -92,11 +93,12 @@
 		},
 		emits: ["open", "close"],
 		methods: {
+			addUnit,
 			async init() {
 				this.getContentHeight().then(height => {
 					this.contentHeight = height
 					// 判断高度，如果真实内容高度大于占位高度，则显示收起与展开的控制按钮
-					if (height > uni.$u.getPx(this.showHeight)) {
+					if (height > getPx(this.showHeight)) {
 						this.isLongContent = true
 						this.status = 'close'
 					} else {
@@ -109,7 +111,7 @@
 			// 获取内容的高度
 			async getContentHeight() {
 				// 延时一定时间再获取节点
-				await uni.$u.sleep(30)
+				await sleep(30)
 				return new Promise(resolve => {
 					// #ifndef APP-NVUE
 					this.$uGetRect('.' + this.elId).then(res => {

package/components/u-row/u-row.vue

@@ -13,9 +13,10 @@
 	// #ifdef APP-NVUE
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
-	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, deepMerge, sleep } from '../../libs/function/index';
 	/**
 	 * Row 栅格系统中的行
 	 * @description 通过基础的 12 分栏，迅速简便地创建布局 
@@ -54,10 +55,10 @@
 				}
 				// 通过给u-row左右两边的负外边距，消除u-col在有gutter时，第一个和最后一个元素的左内边距和右内边距造成的影响
 				if(this.gutter) {
-					style.marginLeft = uni.$u.addUnit(-Number(this.gutter)/2)
-					style.marginRight = uni.$u.addUnit(-Number(this.gutter)/2)
+					style.marginLeft = addUnit(-Number(this.gutter)/2)
+					style.marginRight = addUnit(-Number(this.gutter)/2)
 				}
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+				return deepMerge(style, addStyle(this.customStyle))
 			}
 		},
 		emits: ["click"],
@@ -67,7 +68,7 @@
 			},
 			async getComponentWidth() {
 				// 延时一定时间，以确保节点渲染完成
-				await uni.$u.sleep()
+				await sleep()
 				return new Promise(resolve => {
 					// uView封装的获取节点的方法，详见文档
 					// #ifndef APP-NVUE

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

@@ -52,9 +52,11 @@
 	</view>
 </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, sleep, getPx } from '../../libs/function/index';
+	import test from '../../libs/function/test';
 	// #ifdef APP-NVUE
 	const animation = uni.requireNativePlugin('animation')
 	const dom = uni.requireNativePlugin('dom')
@@ -99,8 +101,8 @@
 					this.vue()
 					// #endif
 					
-					if(!uni.$u.test.string(newValue)) {
-						uni.$u.error('noticebar组件direction为row时，要求text参数为字符串形式')
+					if(!test.string(newValue)) {
+						error('noticebar组件direction为row时，要求text参数为字符串形式')
 					}
 				}
 			},
@@ -126,7 +128,7 @@
 			textStyle() {
 				let style = {}
 				style.color = this.color
-				style.fontSize = uni.$u.addUnit(this.fontSize)
+				style.fontSize = addUnit(this.fontSize)
 				return style
 			},
 			animationStyle() {
@@ -177,8 +179,8 @@
 				this.vue()
 				// #endif
 				
-				if(!uni.$u.test.string(this.text)) {
-					uni.$u.error('noticebar组件direction为row时，要求text参数为字符串形式')
+				if(!test.string(this.text)) {
+					error('noticebar组件direction为row时，要求text参数为字符串形式')
 				}
 			},
 			// vue版处理
@@ -187,13 +189,13 @@
 				let boxWidth = 0,
 					textWidth = 0
 				// 进行一定的延时
-				await uni.$u.sleep()
+				await sleep()
 				// 查询盒子和文字的宽度
 				textWidth = (await this.$uGetRect('.u-notice__content__text')).width
 				boxWidth = (await this.$uGetRect('.u-notice__content')).width
 				// 根据t=s/v(时间=路程/速度)，这里为何不需要加上#u-notice-box的宽度，因为中设置了.u-notice-content样式中设置了padding-left: 100%
 				// 恰巧计算出来的结果中已经包含了#u-notice-box的宽度
-				this.animationDuration = `${textWidth / uni.$u.getPx(this.speed)}s`
+				this.animationDuration = `${textWidth / getPx(this.speed)}s`
 				// 这里必须这样开始动画，否则在APP上动画速度不会改变
 				this.animationPlayState = 'paused'
 				setTimeout(() => {
@@ -208,7 +210,7 @@
 				let boxWidth = 0,
 					textWidth = 0
 				// 进行一定的延时
-				await uni.$u.sleep()
+				await sleep()
 				// 查询盒子和文字的宽度
 				textWidth = (await this.getNvueRect('u-notice__content__text')).width
 				boxWidth = (await this.getNvueRect('u-notice__content')).width
@@ -231,7 +233,7 @@
 						transform: `translateX(-${textWidth}px)`
 					},
 					// 滚动时间的计算为，时间 = 路程(boxWidth + textWidth) / 速度，最后转为毫秒
-					duration: (boxWidth + textWidth) / uni.$u.getPx(this.speed) * 1000,
+					duration: (boxWidth + textWidth) / getPx(this.speed) * 1000,
 					delay: 10
 				}, () => {
 					animation.transition(this.$refs['u-notice__content__text'], {

package/components/u-safe-bottom/u-safe-bottom.vue

@@ -9,8 +9,9 @@
 
 <script>
 	import props from "./props.js";
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
+	import mpMixin from '../../libs/mixin/mpMixin';
+	import mixin from '../../libs/mixin/mixin';
+	import { addUnit, sys } from '../../libs/function/index';
 	/**
 	 * SafeBottom 底部安全区
 	 * @description 这个适配，主要是针对IPhone X等一些底部带指示条的机型，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行底部安全区适配。
@@ -35,9 +36,9 @@
 				const style = {};
 				// #ifdef APP-NVUE || MP-TOUTIAO
 				// nvue下，高度使用js计算填充
-				style.height = uni.$u.addUnit(uni.$u.sys().safeAreaInsets.bottom, 'px');
+				style.height = addUnit(sys().safeAreaInsets.bottom, 'px');
 				// #endif
-				return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
+				return deepMerge(style, addStyle(this.customStyle));
 			},
 		},
 		mounted() {

package/components/u-scroll-list/nvue.js

@@ -1,6 +1,6 @@
 // 引入bindingx，此库类似于微信小程序wxs，目的是让js运行在视图层，减少视图层和逻辑层的通信折损
 const BindingX = uni.requireNativePlugin('bindingx')
-
+import { os } from '../../libs/function/index';
 export default {
     methods: {
         // 此处不写注释，请自行体会
@@ -10,9 +10,9 @@ export default {
             const scrollLeft = e.contentOffset.x
             const contentSize = e.contentSize.width
             const { scrollWidth } = this
-            const barAllMoveWidth = this.indicatorWidth - this.indicatorBarWidth
-            // 在安卓和iOS上，需要除的倍数不一样，iOS需要除以2
-            const actionNum = uni.$u.os() === 'ios' ? 2 : 1
+            const barAllMoveWidth = this.indicatorWidth - this.indicatorBarWidth
+            // 在安卓和iOS上，需要除的倍数不一样，iOS需要除以2
+            const actionNum = os() === 'ios' ? 2 : 1
             const expression = `(x / ${actionNum}) / ${contentSize - scrollWidth} * ${barAllMoveWidth}`
             BindingX.bind({
                 anchor,

package/components/u-scroll-list/u-scroll-list.vue

@@ -28,8 +28,8 @@
 			@scrolltoupper="wxs.scrolltoupper"
 			@scrolltolower="wxs.scrolltolower"
 			:data-scrollWidth="scrollWidth"
-			:data-barWidth="$u.getPx(indicatorBarWidth)"
-			:data-indicatorWidth="$u.getPx(indicatorWidth)"
+			:data-barWidth="getPx(indicatorBarWidth)"
+			:data-indicatorWidth="getPx(indicatorWidth)"
 			:show-scrollbar="false"
 			:upper-threshold="0"
 			:lower-threshold="0"
@@ -56,7 +56,7 @@
 			<view
 				class="u-scroll-list__indicator"
 				v-if="indicator"
-				:style="[$u.addStyle(indicatorStyle)]"
+				:style="[addStyle(indicatorStyle)]"
 			>
 				<view
 					class="u-scroll-list__indicator__line"
@@ -97,9 +97,10 @@
 const dom = uni.requireNativePlugin('dom')
 import nvueMixin from "./nvue.js"
 // #endif
-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, getPx, sleep } from '../../libs/function/index';
 export default {
 	name: 'u-scroll-list',
 	// #ifndef APP-NVUE
@@ -132,14 +133,14 @@ export default {
 			style.transform = `translateX(${ x }px)`
 			// #endif
 			// 设置滑块的宽度和背景色，是每个平台都需要的
-			style.width = uni.$u.addUnit(this.indicatorBarWidth)
+			style.width = addUnit(this.indicatorBarWidth)
 			style.backgroundColor = this.indicatorActiveColor
 			return style
 		},
 		lineStyle() {
 			const style = {}
 			// 指示器整体的样式，需要设置其宽度和背景色
-			style.width = uni.$u.addUnit(this.indicatorWidth)
+			style.width = addUnit(this.indicatorWidth)
 			style.backgroundColor = this.indicatorColor
 			return style
 		}
@@ -149,6 +150,8 @@ export default {
 	},
 	emits: ["left", "right"],
 	methods: {
+		addStyle,
+		getPx,
 		init() {
 			this.getComponentWidth()
 		},
@@ -165,7 +168,7 @@ export default {
 			this.scrollEvent('right')
 			// 在普通js方案中，滚动到右边时，通过设置this.scrollInfo，模拟出滚动到右边的情况
 			// 因为上方是用过computed计算的，设置后，会自动调整滑块的位置
-			this.scrollInfo.scrollLeft = uni.$u.getPx(this.indicatorWidth) - uni.$u.getPx(this.indicatorBarWidth)
+			this.scrollInfo.scrollLeft = getPx(this.indicatorWidth) - getPx(this.indicatorBarWidth)
 		},
 		// #endif
 		//
@@ -175,7 +178,7 @@ export default {
 		// 获取组件的宽度
 		async getComponentWidth() {
 			// 延时一定时间，以获取dom尺寸
-			await uni.$u.sleep(30)
+			await sleep(30)
 			// #ifndef APP-NVUE
 			this.$uGetRect('.u-scroll-list').then(size => {
 				this.scrollWidth = size.width

package/components/u-search/u-search.vue

@@ -4,7 +4,7 @@
 	    @tap="clickHandler"
 	    :style="[{
 			margin: margin,
-		}, $u.addStyle(customStyle)]"
+		}, addStyle(customStyle)]"
 	>
 		<view
 		    class="u-search__content"
@@ -46,7 +46,7 @@
 					textAlign: inputAlign,
 					color: color,
 					backgroundColor: bgColor,
-					height: $u.addUnit(height)
+					height: addUnit(height)
 				}, inputStyle]"
 			/>
 			<view
@@ -72,10 +72,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';
 	/**
 	 * search 搜索框
 	 * @description 搜索组件，集成了常见搜索框所需功能，用户可以一键引入，开箱即用。
@@ -161,6 +161,8 @@
 		},
 		emits: ['clear', 'search', 'custom', 'focus', 'blur', 'click', 'clickIcon', 'update:modelValue', 'change'],
 		methods: {
+			addStyle,
+			addUnit,
 			// 目前HX2.6.9 v-model双向绑定无效，故监听input事件获取输入框内容的变化
 			inputChange(e) {
 				this.keyword = e.detail.value;