uview-pro 0.2.4 → 0.3.1

package/libs/util/emitter.ts

@@ -1,112 +1,112 @@
-import { getCurrentInstance, type ComponentInternalInstance } from 'vue';
-
-/**
- * 适用于 uni-app Vue3 的事件派发/广播工具
- * 用法：import { dispatch, broadcast } from './emitter'
- */
-
-/**
- * 向上查找父组件并派发事件
- * @param instance 当前组件实例（setup中可用getCurrentInstance()）
- * @param componentName 目标组件名
- * @param eventName 事件名
- * @param params 参数
- */
-
-// 将事件名转换为驼峰格式
-// 例如：on-form-change -> onFormChange
-function formatToCamelCase(str: string): string {
-    return str.replace(/-([a-z])/g, function (g) {
-        return g[1].toUpperCase();
-    });
-}
-
-/**
- * 向上查找父组件
- * @param instance 当前组件实例（setup中可用getCurrentInstance()）
- * @param componentName 目标组件名
- * @returns 父组件实例
- */
-function parent(instance: ComponentInternalInstance | null | undefined = undefined, componentName: string = '') {
-    if (!instance) {
-        instance = getCurrentInstance();
-    }
-    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
-
-    if (!componentName) return parent;
-    while (parent) {
-        const name = (parent.type as any)?.name as string | undefined;
-        if (name === componentName) {
-            return parent;
-        }
-        parent = parent.parent;
-    }
-    return null;
-}
-
-/** * 向上查找父组件并派发事件
- * @param instance 当前组件实例（setup中可用getCurrentInstance()）
- * @param componentName 目标组件名
- * @param eventName 事件名
- * @param params 参数
- */
-function dispatch(
-    instance: ComponentInternalInstance | null | undefined,
-    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(
-    instance: ComponentInternalInstance | null | undefined,
-    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(child, componentName, eventName, ...params);
-            }
-        }
-    });
-}
-
-export { dispatch, broadcast, parent };
+import { getCurrentInstance, type ComponentInternalInstance } from 'vue';
+
+/**
+ * 适用于 uni-app Vue3 的事件派发/广播工具
+ * 用法：import { dispatch, broadcast } from './emitter'
+ */
+
+/**
+ * 向上查找父组件并派发事件
+ * @param instance 当前组件实例（setup中可用getCurrentInstance()）
+ * @param componentName 目标组件名
+ * @param eventName 事件名
+ * @param params 参数
+ */
+
+// 将事件名转换为驼峰格式
+// 例如：on-form-change -> onFormChange
+function formatToCamelCase(str: string): string {
+    return str.replace(/-([a-z])/g, function (g) {
+        return g[1].toUpperCase();
+    });
+}
+
+/**
+ * 向上查找父组件
+ * @param instance 当前组件实例（setup中可用getCurrentInstance()）
+ * @param componentName 目标组件名
+ * @returns 父组件实例
+ */
+function parent(instance: ComponentInternalInstance | null | undefined = undefined, componentName: string = '') {
+    if (!instance) {
+        instance = getCurrentInstance();
+    }
+    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
+
+    if (!componentName) return parent;
+    while (parent) {
+        const name = (parent.type as any)?.name as string | undefined;
+        if (name === componentName) {
+            return parent;
+        }
+        parent = parent.parent;
+    }
+    return null;
+}
+
+/** * 向上查找父组件并派发事件
+ * @param instance 当前组件实例（setup中可用getCurrentInstance()）
+ * @param componentName 目标组件名
+ * @param eventName 事件名
+ * @param params 参数
+ */
+function dispatch(
+    instance: ComponentInternalInstance | null | undefined,
+    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(
+    instance: ComponentInternalInstance | null | undefined,
+    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(child, componentName, eventName, ...params);
+            }
+        }
+    });
+}
+
+export { dispatch, broadcast, parent };

package/libs/util/eventBus.ts

@@ -1,86 +1,86 @@
-// utils/eventBus.ts
-
-// 更灵活的事件回调类型定义
-type EventCallback = (data?: any, ...args: any[]) => void;
-
-class EventBus {
-    private events: Map<string, EventCallback[]> = new Map();
-
-    /**
-     * 监听事件
-     */
-    on(event: string, callback: EventCallback): void {
-        if (!this.events.has(event)) {
-            this.events.set(event, []);
-        }
-        this.events.get(event)!.push(callback);
-    }
-
-    /**
-     * 一次性监听
-     */
-    once(event: string, callback: EventCallback): void {
-        const onceCallback: EventCallback = (data, ...args) => {
-            callback(data, ...args);
-            this.off(event, onceCallback);
-        };
-        this.on(event, onceCallback);
-    }
-
-    /**
-     * 触发事件
-     */
-    emit(event: string, data?: any, ...args: any[]): void {
-        if (this.events.has(event)) {
-            this.events.get(event)!.forEach(callback => {
-                try {
-                    callback(data, ...args);
-                } catch (error) {
-                    console.error(`EventBus error in ${event}:`, error);
-                }
-            });
-        }
-    }
-
-    /**
-     * 取消监听
-     */
-    off(event: string, callback?: EventCallback): void {
-        if (!this.events.has(event)) return;
-
-        if (callback) {
-            const callbacks = this.events.get(event)!;
-            const index = callbacks.indexOf(callback);
-            if (index > -1) {
-                callbacks.splice(index, 1);
-            }
-        } else {
-            this.events.delete(event);
-        }
-    }
-
-    /**
-     * 检查是否有监听器
-     */
-    has(event: string): boolean {
-        return this.events.has(event) && this.events.get(event)!.length > 0;
-    }
-
-    /**
-     * 清理所有事件
-     */
-    clear(): void {
-        this.events.clear();
-    }
-}
-
-// 创建全局实例
-export const eventBus = new EventBus();
-
-// 热更新处理
-if (import.meta.hot) {
-    import.meta.hot.accept(() => {
-        // 热更新时不清理事件，保持事件监听
-        console.log('EventBus hot updated');
-    });
-}
+// utils/eventBus.ts
+
+// 更灵活的事件回调类型定义
+type EventCallback = (data?: any, ...args: any[]) => void;
+
+class EventBus {
+    private events: Map<string, EventCallback[]> = new Map();
+
+    /**
+     * 监听事件
+     */
+    on(event: string, callback: EventCallback): void {
+        if (!this.events.has(event)) {
+            this.events.set(event, []);
+        }
+        this.events.get(event)!.push(callback);
+    }
+
+    /**
+     * 一次性监听
+     */
+    once(event: string, callback: EventCallback): void {
+        const onceCallback: EventCallback = (data, ...args) => {
+            callback(data, ...args);
+            this.off(event, onceCallback);
+        };
+        this.on(event, onceCallback);
+    }
+
+    /**
+     * 触发事件
+     */
+    emit(event: string, data?: any, ...args: any[]): void {
+        if (this.events.has(event)) {
+            this.events.get(event)!.forEach(callback => {
+                try {
+                    callback(data, ...args);
+                } catch (error) {
+                    console.error(`EventBus error in ${event}:`, error);
+                }
+            });
+        }
+    }
+
+    /**
+     * 取消监听
+     */
+    off(event: string, callback?: EventCallback): void {
+        if (!this.events.has(event)) return;
+
+        if (callback) {
+            const callbacks = this.events.get(event)!;
+            const index = callbacks.indexOf(callback);
+            if (index > -1) {
+                callbacks.splice(index, 1);
+            }
+        } else {
+            this.events.delete(event);
+        }
+    }
+
+    /**
+     * 检查是否有监听器
+     */
+    has(event: string): boolean {
+        return this.events.has(event) && this.events.get(event)!.length > 0;
+    }
+
+    /**
+     * 清理所有事件
+     */
+    clear(): void {
+        this.events.clear();
+    }
+}
+
+// 创建全局实例
+export const eventBus = new EventBus();
+
+// 热更新处理
+if (import.meta.hot) {
+    import.meta.hot.accept(() => {
+        // 热更新时不清理事件，保持事件监听
+        console.log('EventBus hot updated');
+    });
+}