uview-plus 3.2.7 → 3.2.9

package/libs/mixin/mixin.js

@@ -1,3 +1,6 @@
+import { deepMerge, $parent } from '../function/index';
+import test from '../function/test';
+import route from '../util/route';
 export default {
     // 定义每个组件都可能需要用到的外部样式以及类名
     props: {
@@ -39,7 +42,7 @@ export default {
         $u() {
             // #ifndef APP-NVUE
             // 在非nvue端，移除props，http，mixin等对象，避免在小程序setData时数据过大影响性能
-            return uni.$u.deepMerge(uni.$u, {
+            return deepMerge(uni.$u, {
                 props: undefined,
                 http: undefined,
                 mixin: undefined
@@ -90,7 +93,7 @@ export default {
             if (url) {
                 // h5官方回应：发行h5会自动摇树优化，所有使用uni的地方，都会被直接转换成具体的API调用 https://ask.dcloud.net.cn/question/161523?notification_id-1201922__rf-false__item_id-226372
                 // 使用封装的 route 进行跳转（直接调用方法），不使用 uni 对象
-                this.$u.route({ type: this.linkType, url })
+                route({ type: this.linkType, url })
                 // 执行类似uni.navigateTo的方法
                 // uni[this.linkType]({
                 //     url
@@ -122,7 +125,7 @@ export default {
             // 将父组件this中对应的参数，赋值给本组件(u-radio的this)的parentData对象中对应的属性
             // 之所以需要这么做，是因为所有端中，头条小程序不支持通过this.parent.xxx去监听父组件参数的变化
             // 此处并不会自动更新子组件的数据，而是依赖父组件u-radio-group去监听data的变化，手动调用更新子组件的方法去重新获取
-            this.parent = uni.$u.$parent.call(this, parentName)
+            this.parent = $parent.call(this, parentName)
             if (this.parent.children) {
                 // 如果父组件的children不存在本组件的实例，才将本实例添加到父组件的children中
                 this.parent.children.indexOf(this) === -1 && this.parent.children.push(this)
@@ -145,11 +148,16 @@ export default {
     },
     onReachBottom() {
         uni.$emit('uOnReachBottom')
-	},
-	beforeUnmount() {
+	},
+	// #ifdef VUE2
+	beforeDestroy() {
+	// #endif
+	// #ifdef VUE3
+	beforeUnmount() {
+	// #endif
         // 判断当前页面是否存在parent和chldren，一般在checkbox和checkbox-group父子联动的场景会有此情况
         // 组件销毁时，移除子组件在父组件children数组中的实例，释放资源，避免数据混乱
-        if (this.parent && uni.$u.test.array(this.parent.children)) {
+        if (this.parent && test.array(this.parent.children)) {
             // 组件销毁时，移除父组件中的children数组中对应的实例
             const childrenList = this.parent.children
             childrenList.map((child, index) => {

package/libs/mixin/style.js

@@ -1,3 +1,4 @@
+import { addStyle, deepMerge, addUnit, trim } from '../function/index';
 export default {
     props: {
         // flex排列方式
@@ -213,16 +214,34 @@ export default {
     computed: {
         viewStyle() {
             const style = {}
-            const addStyle = uni.$u.addStyle(this.width || this.w) && (style.width = addStyle(this.width || this.w))(this.height || this.h) && (style.height = addStyle(this.height || this.h))(this.margin || this.m) && (style.margin = addStyle(this.margin || this.m))(this.marginTop || this.mt) && (style.marginTop = addStyle(this.marginTop || this.mt))(this.marginRight || this.mr) && (style.marginRight = addStyle(this.marginRight || this.mr))(this.marginBottom || this.mb) && (style.marginBottom = addStyle(this.marginBottom || this.mb))(this.marginLeft || this.ml) && (style.marginLeft = addStyle(this.marginLeft || this.ml))(this.padding || this.p) && (style.padding = addStyle(this.padding || this.p))(this.paddingTop || this.pt) && (style.paddingTop = addStyle(this.paddingTop || this.pt))(this.paddingRight || this.pr) && (style.paddingRight = addStyle(this.paddingRight || this.pr))(this.paddingBottom || this.pb) && (style.paddingBottom = addStyle(this.paddingBottom || this.pb))(this.paddingLeft || this.pl) && (style.paddingLeft = addStyle(this.paddingLeft || this.pl))(this.color || this.c) && (style.color = this.color || this.c)(this.fontSize || this.fs) && (style.fontSize = this.fontSize || this.fs)(this.borderRadius || this.radius) && (style.borderRadius = this.borderRadius || this.radius)(this.position || this.pos) && (this.position = this.position || this.pos)(this.flexDirection || this.fd) && (this.flexDirection = this.flexDirection || this.fd)(this.justifyContent || jc) && (this.justifyContent = this.justifyContent || jc)(this.alignItems || ai) && (this.alignItems = this.alignItems || ai)
-
-            return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+            const addStyleTmp = addStyle(this.width || this.w)
+                && (style.width = addStyle(this.width || this.w))(this.height || this.h)
+                && (style.height = addStyle(this.height || this.h))(this.margin || this.m)
+                && (style.margin = addStyle(this.margin || this.m))(this.marginTop || this.mt)
+                && (style.marginTop = addStyle(this.marginTop || this.mt))(this.marginRight || this.mr)
+                && (style.marginRight = addStyle(this.marginRight || this.mr))(this.marginBottom || this.mb)
+                && (style.marginBottom = addStyle(this.marginBottom || this.mb))(this.marginLeft || this.ml)
+                && (style.marginLeft = addStyle(this.marginLeft || this.ml))(this.padding || this.p)
+                && (style.padding = addStyle(this.padding || this.p))(this.paddingTop || this.pt)
+                && (style.paddingTop = addStyle(this.paddingTop || this.pt))(this.paddingRight || this.pr)
+                && (style.paddingRight = addStyle(this.paddingRight || this.pr))(this.paddingBottom || this.pb)
+                && (style.paddingBottom = addStyle(this.paddingBottom || this.pb))(this.paddingLeft || this.pl)
+                && (style.paddingLeft = addStyle(this.paddingLeft || this.pl))(this.color || this.c)
+                && (style.color = this.color || this.c)(this.fontSize || this.fs)
+                && (style.fontSize = this.fontSize || this.fs)(this.borderRadius || this.radius)
+                && (style.borderRadius = this.borderRadius || this.radius)(this.position || this.pos)
+                && (this.position = this.position || this.pos)(this.flexDirection || this.fd)
+                && (this.flexDirection = this.flexDirection || this.fd)(this.justifyContent || jc)
+                && (this.justifyContent = this.justifyContent || jc)(this.alignItems || ai)
+                && (this.alignItems = this.alignItems || ai)
+            return deepMerge(style, addStyleTmp(this.customStyle))
         }
     },
     methods: {
         // 获取margin或者padding的单位，比如padding: 0 20转为padding: 0 20px
         getUnit(unit = '') {
             // 取出两端空格，分隔成数组，再对数组的每个元素添加单位，最后再合并成字符串
-            return uni.$u.trim(unit).split(' ').map((item) => uni.$u.addUnit(item)).join(' ')
+            return trim(unit).split(' ').map((item) => addUnit(item)).join(' ')
         }
     }
 }

package/libs/util/route.js

@@ -2,7 +2,7 @@
  * 路由跳转方法，该方法相对于直接使用uni.xxx的好处是使用更加简单快捷
  * 并且带有路由拦截功能
  */
-
+import { queryParams, deepMerge, page } from '../function/index';
 class Router {
     constructor() {
         // 原始属性定义
@@ -34,12 +34,12 @@ class Router {
         let query = ''
         if (/.*\/.*\?.*=.*/.test(url)) {
             // object对象转为get类型的参数
-            query = uni.$u.queryParams(params, false)
+            query = queryParams(params, false)
             // 因为已有get参数,所以后面拼接的参数需要带上"&"隔开
             return url += `&${query}`
         }
         // 直接拼接参数，因为此处url中没有后面的query参数，也就没有"?/&"之类的符号
-        query = uni.$u.queryParams(params)
+        query = queryParams(params)
         return url += query
     }
 
@@ -53,13 +53,13 @@ class Router {
             mergeConfig.url = this.mixinParam(options, params)
             mergeConfig.type = 'navigateTo'
         } else {
-            mergeConfig = uni.$u.deepMerge(this.config, options)
+            mergeConfig = deepMerge(this.config, options)
             // 否则正常使用mergeConfig中的url和params进行拼接
             mergeConfig.url = this.mixinParam(options.url, options.params)
         }
 
         // 如果本次跳转的路径和本页面路径一致，不执行跳转，防止用户快速点击跳转按钮，造成多次跳转同一个页面的问题
-        if (mergeConfig.url === uni.$u.page()) return
+        if (mergeConfig.url === page()) return
 
         if (params.intercept) {
             this.config.intercept = params.intercept
@@ -67,7 +67,7 @@ class Router {
         // params参数也带给拦截器
         mergeConfig.params = params
         // 合并内外部参数
-        mergeConfig = uni.$u.deepMerge(this.config, mergeConfig)
+        mergeConfig = deepMerge(this.config, mergeConfig)
         // 判断用户是否定义了拦截器
         if (typeof uni.$u.routeIntercept === 'function') {
             // 定一个promise，根据用户执行resolve(true)或者resolve(false)来决定是否进行路由跳转

package/package.json

@@ -2,7 +2,7 @@
 	"id": "uview-plus",
 	"name": "uview-plus",
 	"displayName": "uview-plus3.0重磅发布，全面的Vue3移动组件库。",
-	"version": "3.2.7",
+	"version": "3.2.9",
 	"description": "uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",