uview-pro 0.2.4 → 0.3.1

package/libs/hooks/useEmitter.ts

@@ -1,79 +1,79 @@
-import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
-
-/**
- * 将事件名转换为驼峰格式
- * @param str 需要转换的字符串
- * @description 例如：on-form-change -> onFormChange
- * @returns
- */
-function formatToCamelCase(str: string): string {
-    return str.replace(/-([a-z])/g, function (g) {
-        return g[1].toUpperCase();
-    });
-}
-
-export function useEmitter(name: string) {
-    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
-
-    /** * 向上查找父组件并派发事件
-     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
-     * @param componentName 目标组件名
-     * @param eventName 事件名
-     * @param params 参数
-     */
-    function dispatch(componentName: string, eventName: string, ...params: any[]) {
-        let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
-        while (parent) {
-            const name = (parent.type as any)?.name as string | undefined;
-            if (name === componentName) {
-                // 找到目标组件，派发事件
-                // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
-                parent.emit && parent.emit(eventName, ...params);
-                // 如果有对应的方法，执行方法
-                // 这里可以考虑将 eventName 转换为驼峰格式
-                // 例如：on-form-change -> onFormChange
-                parent.exposed?.[formatToCamelCase(eventName)] &&
-                    parent.exposed[formatToCamelCase(eventName)](...params);
-                break;
-            }
-            parent = parent.parent;
-        }
-    }
-
-    /**
-     * 向下递归查找子组件并广播事件
-     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
-     * @param componentName 目标组件名
-     * @param eventName 事件名
-     * @param params 参数
-     */
-    function broadcast(componentName: string, eventName: string, ...params: any[]) {
-        if (!instance) return;
-        const subTree = (instance.subTree as any)?.children || [];
-        const children = Array.isArray(subTree) ? subTree : [subTree];
-        children.forEach((vnode: any) => {
-            const child = vnode.component as ComponentInternalInstance | undefined;
-
-            if (child) {
-                const name = (child.type as any)?.name as string | undefined;
-                if (name === componentName) {
-                    // 找到目标组件，广播事件
-                    // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
-                    child.emit && child.emit(eventName, ...params);
-                    // 如果有对应的方法，执行方法
-                    // 这里可以考虑将 eventName 转换为驼峰格式
-                    // 例如：on-form-change -> onFormChange
-                    child.exposed?.[formatToCamelCase(eventName)] &&
-                        child.exposed[formatToCamelCase(eventName)](...params);
-                } else {
-                    broadcast.call(child, componentName, eventName, ...params);
-                }
-            }
-        });
-    }
-
-    return {
-        dispatch,
-        broadcast
-    };
-}
+import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
+
+/**
+ * 将事件名转换为驼峰格式
+ * @param str 需要转换的字符串
+ * @description 例如：on-form-change -> onFormChange
+ * @returns
+ */
+function formatToCamelCase(str: string): string {
+    return str.replace(/-([a-z])/g, function (g) {
+        return g[1].toUpperCase();
+    });
+}
+
+export function useEmitter(name: string) {
+    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
+
+    /** * 向上查找父组件并派发事件
+     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
+     * @param componentName 目标组件名
+     * @param eventName 事件名
+     * @param params 参数
+     */
+    function dispatch(componentName: string, eventName: string, ...params: any[]) {
+        let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
+        while (parent) {
+            const name = (parent.type as any)?.name as string | undefined;
+            if (name === componentName) {
+                // 找到目标组件，派发事件
+                // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
+                parent.emit && parent.emit(eventName, ...params);
+                // 如果有对应的方法，执行方法
+                // 这里可以考虑将 eventName 转换为驼峰格式
+                // 例如：on-form-change -> onFormChange
+                parent.exposed?.[formatToCamelCase(eventName)] &&
+                    parent.exposed[formatToCamelCase(eventName)](...params);
+                break;
+            }
+            parent = parent.parent;
+        }
+    }
+
+    /**
+     * 向下递归查找子组件并广播事件
+     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
+     * @param componentName 目标组件名
+     * @param eventName 事件名
+     * @param params 参数
+     */
+    function broadcast(componentName: string, eventName: string, ...params: any[]) {
+        if (!instance) return;
+        const subTree = (instance.subTree as any)?.children || [];
+        const children = Array.isArray(subTree) ? subTree : [subTree];
+        children.forEach((vnode: any) => {
+            const child = vnode.component as ComponentInternalInstance | undefined;
+
+            if (child) {
+                const name = (child.type as any)?.name as string | undefined;
+                if (name === componentName) {
+                    // 找到目标组件，广播事件
+                    // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
+                    child.emit && child.emit(eventName, ...params);
+                    // 如果有对应的方法，执行方法
+                    // 这里可以考虑将 eventName 转换为驼峰格式
+                    // 例如：on-form-change -> onFormChange
+                    child.exposed?.[formatToCamelCase(eventName)] &&
+                        child.exposed[formatToCamelCase(eventName)](...params);
+                } else {
+                    broadcast.call(child, componentName, eventName, ...params);
+                }
+            }
+        });
+    }
+
+    return {
+        dispatch,
+        broadcast
+    };
+}

package/libs/hooks/useParent.ts

@@ -1,33 +1,33 @@
-import { getCurrentInstance, onUnmounted } from 'vue';
-
-export function useParent(name: string) {
-    const instance = getCurrentInstance();
-
-    function getParent() {
-        if (!instance) return null;
-
-        // 查找父组件
-        let parent: any = instance.parent;
-        while (parent) {
-            const parentName = parent.type?.name;
-            if (parentName === name) break;
-            parent = parent.parent;
-        }
-
-        // 建立父子关系
-        if (parent) {
-            (parent as any).children = (parent as any).children || [];
-            (parent as any).children.push(instance);
-            // 卸载时移除
-            onUnmounted(() => {
-                const i = parent.children.indexOf(instance);
-                i > -1 && parent.children.splice(i, 1);
-            });
-        }
-        return parent;
-    }
-
-    return {
-        getParent
-    };
-}
+import { getCurrentInstance, onUnmounted } from 'vue';
+
+export function useParent(name: string) {
+    const instance = getCurrentInstance();
+
+    function getParent() {
+        if (!instance) return null;
+
+        // 查找父组件
+        let parent: any = instance.parent;
+        while (parent) {
+            const parentName = parent.type?.name;
+            if (parentName === name) break;
+            parent = parent.parent;
+        }
+
+        // 建立父子关系
+        if (parent) {
+            (parent as any).children = (parent as any).children || [];
+            (parent as any).children.push(instance);
+            // 卸载时移除
+            onUnmounted(() => {
+                const i = parent.children.indexOf(instance);
+                i > -1 && parent.children.splice(i, 1);
+            });
+        }
+        return parent;
+    }
+
+    return {
+        getParent
+    };
+}

package/libs/hooks/useRect.ts

@@ -1,33 +1,33 @@
-import { getCurrentInstance, nextTick, ref } from 'vue';
-
-/**
- * useRect - 获取元素的位置信息（响应式，原生实现）
- * @param selector 选择器（如 #id 或 .class）
- * @param all 是否获取所有匹配元素
- * @returns rect 响应式的节点信息，refresh 主动刷新方法
- */
-export function useRect(selector: string, all = false) {
-    const rect = ref<any>(all ? [] : null);
-    const instance = getCurrentInstance();
-
-    async function refreshRect(delay = 0) {
-        await nextTick();
-        return new Promise(resolve => {
-            setTimeout(() => {
-                uni.createSelectorQuery()
-                    .in(instance?.proxy)
-                    [all ? 'selectAll' : 'select'](selector)
-                    .boundingClientRect((res: any) => {
-                        rect.value = res;
-                        resolve(res);
-                    })
-                    .exec();
-            }, delay);
-        });
-    }
-
-    return {
-        rect,
-        refreshRect
-    };
-}
+import { getCurrentInstance, nextTick, ref } from 'vue';
+
+/**
+ * useRect - 获取元素的位置信息（响应式，原生实现）
+ * @param selector 选择器（如 #id 或 .class）
+ * @param all 是否获取所有匹配元素
+ * @returns rect 响应式的节点信息，refresh 主动刷新方法
+ */
+export function useRect(selector: string, all = false) {
+    const rect = ref<any>(all ? [] : null);
+    const instance = getCurrentInstance();
+
+    async function refreshRect(delay = 0) {
+        await nextTick();
+        return new Promise(resolve => {
+            setTimeout(() => {
+                uni.createSelectorQuery()
+                    .in(instance?.proxy)
+                    [all ? 'selectAll' : 'select'](selector)
+                    .boundingClientRect((res: any) => {
+                        rect.value = res;
+                        resolve(res);
+                    })
+                    .exec();
+            }, delay);
+        });
+    }
+
+    return {
+        rect,
+        refreshRect
+    };
+}