uview-pro 0.1.0 → 0.2.0

package/libs/function/getParent.ts

@@ -1,59 +1,59 @@
-// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
-// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
-interface VueInstance {
-    $parent?: VueInstance;
-    $options?: { name?: string };
-    [key: string]: any;
-}
-
-/**
- * 获取父组件参数
- * @param this 当前组件实例
- * @param name 父组件name
- * @param keys 需要获取的参数名数组或对象
- * @returns 父组件参数对象
- */
-export default function getParent(this: VueInstance, name: string, keys: string[] | Record<string, any>): Record<string, any> {
-    let parent = this.$parent;
-    // 通过while历遍，这里主要是为了H5需要多层解析的问题
-    while (parent) {
-        // 父组件
-        if (parent.$options?.name !== name) {
-            // 如果组件的name不相等，继续上一级寻找
-            parent = parent.$parent;
-        } else {
-            const data: Record<string, any> = {};
-            // 判断keys是否数组，如果传过来的是一个数组，那么直接使用数组元素值当做键值去父组件寻找
-            if (Array.isArray(keys)) {
-                keys.forEach(val => {
-                    data[val] = parent?.[val] ? parent[val] : '';
-                });
-            } else {
-                // 历遍传过来的对象参数
-                for (const i in keys) {
-                    // 如果子组件有此值则用，无此值则用父组件的值
-                    // 判断是否空数组，如果是，则用父组件的值，否则用子组件的值
-                    if (Array.isArray(keys[i])) {
-                        if (keys[i].length) {
-                            data[i] = keys[i];
-                        } else {
-                            data[i] = parent[i];
-                        }
-                    } else if (keys[i] && keys[i].constructor === Object) {
-                        // 判断是否对象，如果是对象，且有属性，那么使用子组件的值，否则使用父组件的值
-                        if (Object.keys(keys[i]).length) {
-                            data[i] = keys[i];
-                        } else {
-                            data[i] = parent[i];
-                        }
-                    } else {
-                        // 只要子组件有传值，即使是false值，也是“传值”了，也需要覆盖父组件的同名参数
-                        data[i] = keys[i] || keys[i] === false ? keys[i] : parent[i];
-                    }
-                }
-            }
-            return data;
-        }
-    }
-    return {};
-}
+// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
+// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
+interface VueInstance {
+    $parent?: VueInstance;
+    $options?: { name?: string };
+    [key: string]: any;
+}
+
+/**
+ * 获取父组件参数
+ * @param this 当前组件实例
+ * @param name 父组件name
+ * @param keys 需要获取的参数名数组或对象
+ * @returns 父组件参数对象
+ */
+export default function getParent(this: VueInstance, name: string, keys: string[] | Record<string, any>): Record<string, any> {
+    let parent = this.$parent;
+    // 通过while历遍，这里主要是为了H5需要多层解析的问题
+    while (parent) {
+        // 父组件
+        if (parent.$options?.name !== name) {
+            // 如果组件的name不相等，继续上一级寻找
+            parent = parent.$parent;
+        } else {
+            const data: Record<string, any> = {};
+            // 判断keys是否数组，如果传过来的是一个数组，那么直接使用数组元素值当做键值去父组件寻找
+            if (Array.isArray(keys)) {
+                keys.forEach(val => {
+                    data[val] = parent?.[val] ? parent[val] : '';
+                });
+            } else {
+                // 历遍传过来的对象参数
+                for (const i in keys) {
+                    // 如果子组件有此值则用，无此值则用父组件的值
+                    // 判断是否空数组，如果是，则用父组件的值，否则用子组件的值
+                    if (Array.isArray(keys[i])) {
+                        if (keys[i].length) {
+                            data[i] = keys[i];
+                        } else {
+                            data[i] = parent[i];
+                        }
+                    } else if (keys[i] && keys[i].constructor === Object) {
+                        // 判断是否对象，如果是对象，且有属性，那么使用子组件的值，否则使用父组件的值
+                        if (Object.keys(keys[i]).length) {
+                            data[i] = keys[i];
+                        } else {
+                            data[i] = parent[i];
+                        }
+                    } else {
+                        // 只要子组件有传值，即使是false值，也是“传值”了，也需要覆盖父组件的同名参数
+                        data[i] = keys[i] || keys[i] === false ? keys[i] : parent[i];
+                    }
+                }
+            }
+            return data;
+        }
+    }
+    return {};
+}

package/libs/function/getRect.ts

@@ -1,26 +1,26 @@
-/**
- * 获取元素的位置信息
- * @param {any} selector 选择器
- * @param {boolean} all 是否获取所有匹配元素
- * @returns {Promise<any>} 返回一个 Promise，解析为元素的位置信息
- */
-
-import { getCurrentInstance } from 'vue';
-
-export default function (selector: any, _instance: any = null, all: boolean = false): Promise<any> {
-    const instance = _instance || getCurrentInstance();
-    return new Promise(resolve => {
-        uni.createSelectorQuery()
-            .in(instance?.proxy)
-            [all ? 'selectAll' : 'select'](selector)
-            .boundingClientRect((rect: any) => {
-                if (all && Array.isArray(rect) && rect.length) {
-                    resolve(rect);
-                }
-                if (!all && rect) {
-                    resolve(rect);
-                }
-            })
-            .exec();
-    });
-}
+/**
+ * 获取元素的位置信息
+ * @param {any} selector 选择器
+ * @param {boolean} all 是否获取所有匹配元素
+ * @returns {Promise<any>} 返回一个 Promise，解析为元素的位置信息
+ */
+
+import { getCurrentInstance } from 'vue';
+
+export default function (selector: any, _instance: any = null, all: boolean = false): Promise<any> {
+    const instance = _instance || getCurrentInstance();
+    return new Promise(resolve => {
+        uni.createSelectorQuery()
+            .in(instance?.proxy)
+            [all ? 'selectAll' : 'select'](selector)
+            .boundingClientRect((rect: any) => {
+                if (all && Array.isArray(rect) && rect.length) {
+                    resolve(rect);
+                }
+                if (!all && rect) {
+                    resolve(rect);
+                }
+            })
+            .exec();
+    });
+}

package/libs/function/guid.ts

@@ -1,42 +1,42 @@
-/**
- * 本算法来源于简书开源代码，详见：https://www.jianshu.com/p/fdbf293d0a85
- * 全局唯一标识符（uuid，Globally Unique Identifier）,也称作 uuid(Universally Unique IDentifier)
- * 一般用于多个组件之间,给它一个唯一的标识符,或者v-for循环的时候,如果使用数组的index可能会导致更新列表出现问题
- * 最可能的情况是左滑删除item或者对某条信息流"不喜欢"并去掉它的时候,会导致组件内的数据可能出现错乱
- * v-for的时候,推荐使用后端返回的id而不是循环的index
- * @param len uuid的长度，默认32
- * @param firstU 将返回的首字母置为"u"，默认true
- * @param radix 生成uuid的基数(意味着返回的字符串都是这个基数),2-二进制,8-八进制,10-十进制,16-十六进制
- * @returns 生成的uuid字符串
- */
-function guid(len: number = 32, firstU: boolean = true, radix?: number): string {
-    const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
-    const uuid: string[] = [];
-    const base = radix || chars.length;
-
-    if (len) {
-        // 如果指定uuid长度,只是取随机的字符,0|x为位运算,能去掉x的小数位,返回整数位
-        for (let i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * base)];
-    } else {
-        let r: number;
-        // rfc4122标准要求返回的uuid中,某些位为固定的字符
-        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
-        uuid[14] = '4';
-
-        for (let i = 0; i < 36; i++) {
-            if (!uuid[i]) {
-                r = 0 | (Math.random() * 16);
-                uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
-            }
-        }
-    }
-    // 移除第一个字符,并用u替代,因为第一个字符为数值时,该guid不能用作id或者class
-    if (firstU) {
-        uuid.shift();
-        return 'u' + uuid.join('');
-    } else {
-        return uuid.join('');
-    }
-}
-
-export default guid;
+/**
+ * 本算法来源于简书开源代码，详见：https://www.jianshu.com/p/fdbf293d0a85
+ * 全局唯一标识符（uuid，Globally Unique Identifier）,也称作 uuid(Universally Unique IDentifier)
+ * 一般用于多个组件之间,给它一个唯一的标识符,或者v-for循环的时候,如果使用数组的index可能会导致更新列表出现问题
+ * 最可能的情况是左滑删除item或者对某条信息流"不喜欢"并去掉它的时候,会导致组件内的数据可能出现错乱
+ * v-for的时候,推荐使用后端返回的id而不是循环的index
+ * @param len uuid的长度，默认32
+ * @param firstU 将返回的首字母置为"u"，默认true
+ * @param radix 生成uuid的基数(意味着返回的字符串都是这个基数),2-二进制,8-八进制,10-十进制,16-十六进制
+ * @returns 生成的uuid字符串
+ */
+function guid(len: number = 32, firstU: boolean = true, radix?: number): string {
+    const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
+    const uuid: string[] = [];
+    const base = radix || chars.length;
+
+    if (len) {
+        // 如果指定uuid长度,只是取随机的字符,0|x为位运算,能去掉x的小数位,返回整数位
+        for (let i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * base)];
+    } else {
+        let r: number;
+        // rfc4122标准要求返回的uuid中,某些位为固定的字符
+        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
+        uuid[14] = '4';
+
+        for (let i = 0; i < 36; i++) {
+            if (!uuid[i]) {
+                r = 0 | (Math.random() * 16);
+                uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
+            }
+        }
+    }
+    // 移除第一个字符,并用u替代,因为第一个字符为数值时,该guid不能用作id或者class
+    if (firstU) {
+        uuid.shift();
+        return 'u' + uuid.join('');
+    } else {
+        return uuid.join('');
+    }
+}
+
+export default guid;