uview-pro 0.2.0 → 0.2.2

package/libs/util/emitter.ts

@@ -1,102 +1,102 @@
-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/mitt.ts

@@ -1,115 +1,115 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/**
- * copy to https://github.com/developit/mitt
- * Expand clear method
- */
-export type EventType = string | symbol;
-
-// An event handler can take an optional event argument
-// and should not return a value
-export type Handler<T = unknown> = (event: T) => void;
-export type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;
-
-// An array of all currently registered event handlers for a type
-export type EventHandlerList<T = unknown> = Array<Handler<T>>;
-export type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;
-
-// A map of event types and their corresponding event handlers.
-export type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<'*' | keyof Events, EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>>;
-
-export interface Emitter<Events extends Record<EventType, unknown>> {
-    all: EventHandlerMap<Events>;
-
-    on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;
-    on(type: '*', handler: WildcardHandler<Events>): void;
-
-    off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;
-    off(type: '*', handler: WildcardHandler<Events>): void;
-
-    emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;
-    emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;
-    clear(): void;
-}
-
-/**
- * Mitt: Tiny (~200b) functional event emitter / pubsub.
- * @name mitt
- * @returns {Mitt}
- */
-export function mitt<Events extends Record<EventType, unknown>>(all?: EventHandlerMap<Events>): Emitter<Events> {
-    type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;
-    all = all || new Map();
-
-    return {
-        /**
-         * A Map of event names to registered handler functions.
-         */
-        all,
-
-        /**
-         * Register an event handler for the given type.
-         * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
-         * @param {Function} handler Function to call in response to given event
-         * @memberOf mitt
-         */
-        on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {
-            const handlers: Array<GenericEventHandler> | undefined = all!.get(type);
-            if (handlers) {
-                handlers.push(handler);
-            } else {
-                all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);
-            }
-        },
-
-        /**
-         * Remove an event handler for the given type.
-         * If `handler` is omitted, all handlers of the given type are removed.
-         * @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
-         * @param {Function} [handler] Handler function to remove
-         * @memberOf mitt
-         */
-        off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {
-            const handlers: Array<GenericEventHandler> | undefined = all!.get(type);
-            if (handlers) {
-                if (handler) {
-                    handlers.splice(handlers.indexOf(handler) >>> 0, 1);
-                } else {
-                    all!.set(type, []);
-                }
-            }
-        },
-
-        /**
-         * Invoke all handlers for the given type.
-         * If present, `'*'` handlers are invoked after type-matched handlers.
-         *
-         * Note: Manually firing '*' handlers is not supported.
-         *
-         * @param {string|symbol} type The event type to invoke
-         * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
-         * @memberOf mitt
-         */
-        emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {
-            let handlers = all!.get(type);
-            if (handlers) {
-                [...(handlers as EventHandlerList<Events[keyof Events]>)].forEach(handler => {
-                    handler(evt as Events[Key]);
-                });
-            }
-
-            handlers = all!.get('*');
-            if (handlers) {
-                [...(handlers as WildCardEventHandlerList<Events>)].forEach(handler => {
-                    handler(type, evt as Events[Key]);
-                });
-            }
-        },
-
-        /**
-         * Clear all
-         */
-        clear() {
-            this.all.clear();
-        }
-    };
-}
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+/**
+ * copy to https://github.com/developit/mitt
+ * Expand clear method
+ */
+export type EventType = string | symbol;
+
+// An event handler can take an optional event argument
+// and should not return a value
+export type Handler<T = unknown> = (event: T) => void;
+export type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;
+
+// An array of all currently registered event handlers for a type
+export type EventHandlerList<T = unknown> = Array<Handler<T>>;
+export type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;
+
+// A map of event types and their corresponding event handlers.
+export type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<'*' | keyof Events, EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>>;
+
+export interface Emitter<Events extends Record<EventType, unknown>> {
+    all: EventHandlerMap<Events>;
+
+    on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;
+    on(type: '*', handler: WildcardHandler<Events>): void;
+
+    off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;
+    off(type: '*', handler: WildcardHandler<Events>): void;
+
+    emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;
+    emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;
+    clear(): void;
+}
+
+/**
+ * Mitt: Tiny (~200b) functional event emitter / pubsub.
+ * @name mitt
+ * @returns {Mitt}
+ */
+export function mitt<Events extends Record<EventType, unknown>>(all?: EventHandlerMap<Events>): Emitter<Events> {
+    type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;
+    all = all || new Map();
+
+    return {
+        /**
+         * A Map of event names to registered handler functions.
+         */
+        all,
+
+        /**
+         * Register an event handler for the given type.
+         * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
+         * @param {Function} handler Function to call in response to given event
+         * @memberOf mitt
+         */
+        on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {
+            const handlers: Array<GenericEventHandler> | undefined = all!.get(type);
+            if (handlers) {
+                handlers.push(handler);
+            } else {
+                all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);
+            }
+        },
+
+        /**
+         * Remove an event handler for the given type.
+         * If `handler` is omitted, all handlers of the given type are removed.
+         * @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
+         * @param {Function} [handler] Handler function to remove
+         * @memberOf mitt
+         */
+        off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {
+            const handlers: Array<GenericEventHandler> | undefined = all!.get(type);
+            if (handlers) {
+                if (handler) {
+                    handlers.splice(handlers.indexOf(handler) >>> 0, 1);
+                } else {
+                    all!.set(type, []);
+                }
+            }
+        },
+
+        /**
+         * Invoke all handlers for the given type.
+         * If present, `'*'` handlers are invoked after type-matched handlers.
+         *
+         * Note: Manually firing '*' handlers is not supported.
+         *
+         * @param {string|symbol} type The event type to invoke
+         * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
+         * @memberOf mitt
+         */
+        emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {
+            let handlers = all!.get(type);
+            if (handlers) {
+                [...(handlers as EventHandlerList<Events[keyof Events]>)].forEach(handler => {
+                    handler(evt as Events[Key]);
+                });
+            }
+
+            handlers = all!.get('*');
+            if (handlers) {
+                [...(handlers as WildCardEventHandlerList<Events>)].forEach(handler => {
+                    handler(type, evt as Events[Key]);
+                });
+            }
+        },
+
+        /**
+         * Clear all
+         */
+        clear() {
+            this.all.clear();
+        }
+    };
+}

package/libs/util/parent.ts

@@ -1,20 +1,20 @@
-import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
-
-export function parent(componentName?: string) {
-    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
-    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
-
-    while (parent) {
-        const name = (parent.type as any)?.name as string | undefined;
-        if (name === componentName) {
-            return parent;
-        }
-        parent = parent.parent;
-    }
-    return null;
-}
-
-export function parentData(componentName?: string) {
-    const parentData = parent(componentName);
-    return parentData?.exposed ?? null;
-}
+import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
+
+export function parent(componentName?: string) {
+    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
+    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
+
+    while (parent) {
+        const name = (parent.type as any)?.name as string | undefined;
+        if (name === componentName) {
+            return parent;
+        }
+        parent = parent.parent;
+    }
+    return null;
+}
+
+export function parentData(componentName?: string) {
+    const parentData = parent(componentName);
+    return parentData?.exposed ?? null;
+}

package/libs/util/province.ts

@@ -1,37 +1 @@
-var provinceData = [
-    { label: '北京市', value: '11' },
-    { label: '天津市', value: '12' },
-    { label: '河北省', value: '13' },
-    { label: '山西省', value: '14' },
-    { label: '内蒙古自治区', value: '15' },
-    { label: '辽宁省', value: '21' },
-    { label: '吉林省', value: '22' },
-    { label: '黑龙江省', value: '23' },
-    { label: '上海市', value: '31' },
-    { label: '江苏省', value: '32' },
-    { label: '浙江省', value: '33' },
-    { label: '安徽省', value: '34' },
-    { label: '福建省', value: '35' },
-    { label: '江西省', value: '36' },
-    { label: '山东省', value: '37' },
-    { label: '河南省', value: '41' },
-    { label: '湖北省', value: '42' },
-    { label: '湖南省', value: '43' },
-    { label: '广东省', value: '44' },
-    { label: '广西壮族自治区', value: '45' },
-    { label: '海南省', value: '46' },
-    { label: '重庆市', value: '50' },
-    { label: '四川省', value: '51' },
-    { label: '贵州省', value: '52' },
-    { label: '云南省', value: '53' },
-    { label: '西藏自治区', value: '54' },
-    { label: '陕西省', value: '61' },
-    { label: '甘肃省', value: '62' },
-    { label: '青海省', value: '63' },
-    { label: '宁夏回族自治区', value: '64' },
-    { label: '新疆维吾尔自治区', value: '65' },
-    { label: '台湾', value: '66' },
-    { label: '香港', value: '67' },
-    { label: '澳门', value: '68' }
-];
-export default provinceData;
+export default [{label:"北京市",value:"11"},{label:"天津市",value:"12"},{label:"河北省",value:"13"},{label:"山西省",value:"14"},{label:"内蒙古自治区",value:"15"},{label:"辽宁省",value:"21"},{label:"吉林省",value:"22"},{label:"黑龙江省",value:"23"},{label:"上海市",value:"31"},{label:"江苏省",value:"32"},{label:"浙江省",value:"33"},{label:"安徽省",value:"34"},{label:"福建省",value:"35"},{label:"江西省",value:"36"},{label:"山东省",value:"37"},{label:"河南省",value:"41"},{label:"湖北省",value:"42"},{label:"湖南省",value:"43"},{label:"广东省",value:"44"},{label:"广西壮族自治区",value:"45"},{label:"海南省",value:"46"},{label:"重庆市",value:"50"},{label:"四川省",value:"51"},{label:"贵州省",value:"52"},{label:"云南省",value:"53"},{label:"西藏自治区",value:"54"},{label:"陕西省",value:"61"},{label:"甘肃省",value:"62"},{label:"青海省",value:"63"},{label:"宁夏回族自治区",value:"64"},{label:"新疆维吾尔自治区",value:"65"},{label:"台湾",value:"66"},{label:"香港",value:"67"},{label:"澳门",value:"68"}];

package/package.json

@@ -2,7 +2,7 @@
     "id": "uview-pro",
     "name": "uview-pro",
     "displayName": "【Vue3重构版】uView Pro｜基于Vue3+TS全面重构的70+精选UI组件库",
-    "version": "0.2.0",
+    "version": "0.2.2",
     "description": "uView Pro，是全面支持Vue3的uni-app生态框架，70+精选组件已使用TypeScript重构，已全面支持uni-app Vue3.0",
     "main": "index.ts",
     "module": "index.ts",