@whitesev/pops 3.3.5 → 4.0.0

package/dist/types/src/Pops.d.ts

@@ -10,6 +10,7 @@ import type { PopsRightClickMenuConfig } from "./components/rightClickMenu/types
 import type { PopsSearchSuggestionConfig } from "./components/searchSuggestion/types/index";
 import { PopsTooltip } from "./components/tooltip";
 import type { PopsToolTipConfig } from "./components/tooltip/types/index";
+import { EventEmiter } from "./event/EventEmiter";
 import { popsUtils } from "./utils/PopsUtils";
 declare class Pops {
     /** 配置 */
@@ -37,16 +38,16 @@ declare class Pops {
         };
         /** icon图标的svg代码 */
         iconSVG: {
+            loading: string;
+            close: string;
             min: string;
-            mise: string;
             max: string;
-            close: string;
+            search: string;
+            mise: string;
             edit: string;
             share: string;
             delete: string;
-            search: string;
             upload: string;
-            loading: string;
             next: string;
             prev: string;
             eleme: string;
@@ -72,14 +73,14 @@ declare class Pops {
         };
         /** 存储已创建的元素 */
         instData: {
-            loading: import("./types/inst").PopsInstGeneralConfig[];
+            iframe: import("./types/inst").PopsInstGeneralConfig[];
+            folder: import("./types/inst").PopsInstGeneralConfig[];
             alert: import("./types/inst").PopsInstGeneralConfig[];
             confirm: import("./types/inst").PopsInstGeneralConfig[];
             prompt: import("./types/inst").PopsInstGeneralConfig[];
-            iframe: import("./types/inst").PopsInstGeneralConfig[];
+            loading: import("./types/inst").PopsInstGeneralConfig[];
             tooltip: import("./types/inst").PopsInstGeneralConfig[];
             drawer: import("./types/inst").PopsInstGeneralConfig[];
-            folder: import("./types/inst").PopsInstGeneralConfig[];
             panel: import("./types/inst").PopsInstGeneralConfig[];
             rightClickMenu: import("./types/inst").PopsInstGeneralConfig[];
         };
@@ -89,6 +90,7 @@ declare class Pops {
         };
         /** pops使用的工具类 */
         Utils: {
+            sleep(timeout: number): Promise<unknown>;
             isWin(target: any): boolean;
             isDOM(target: any): boolean;
             isNodeList($ele: any): $ele is any[] | NodeList;
@@ -108,6 +110,22 @@ declare class Pops {
             setInterval(callback: (...args: any[]) => any, timeout?: number): number;
             clearInterval(timeId: number | undefined): void;
             setArray<T>(target: T, key: keyof T, newArr: any[]): void;
+            getMaxZIndexNodeInfoFromPoint($el?: IFunction<HTMLElement | HTMLElement[]>, deviation?: number): {
+                zIndex: number;
+                originZIndex: number;
+                node: HTMLElement | null;
+                positionNode: HTMLElement;
+                positionX: number;
+                positionY: number;
+            }[];
+            getMaxZIndexNodeInfoFromPoint(deviation: IFunction<number>): {
+                zIndex: number;
+                originZIndex: number;
+                node: HTMLElement | null;
+                positionNode: HTMLElement;
+                positionX: number;
+                positionY: number;
+            }[];
         };
         /** pops使用的DOM工具类 */
         DOMUtils: {
@@ -179,7 +197,6 @@ declare class Pops {
             onHover(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType | Element | DocumentFragment | Node, handler: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["hover"]) => void, option?: boolean | import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult | undefined;
             onKeyup(target: HTMLElement | string | Window | typeof globalThis, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keyup"]) => void, option?: boolean | AddEventListenerOptions): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult | undefined;
             onKeydown(target: HTMLElement | Window | typeof globalThis | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keydown"]) => void, option?: boolean | AddEventListenerOptions): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult | undefined;
-            onKeypress(target: HTMLElement | Window | typeof globalThis | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keypress"]) => void, option?: boolean | AddEventListenerOptions): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult | undefined;
             preventEvent(event: Event): false;
             preventEvent<T extends boolean>(event: Event, onlyStopPropagation: T): T extends true ? void : false;
             preventEvent($el: HTMLElement, eventNameList: string | string[], option?: {
@@ -204,30 +221,11 @@ declare class Pops {
         };
         /** pops创建的实例使用的工具类 */
         InstanceUtils: {
-            getMaxZIndexNodeInfo(deviation?: number, target?: Element | ShadowRoot | Document, ignoreCallBack?: ($ele: Element | HTMLElement | ShadowRoot) => boolean | void): {
-                node: Element;
-                zIndex: number;
-            };
             getPopsMaxZIndex(deviation?: number): {
                 zIndex: number;
                 animElement: HTMLDivElement | null;
                 isOverMaxZIndex: boolean;
             };
-            getMaxZIndex(deviation?: number): number;
-            removeInstance(totalInstConfigList: import("./types/inst").PopsInstGeneralConfig[][], guid?: string, isAll?: boolean): Promise<import("./types/inst").PopsInstGeneralConfig[][]>;
-            hide(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, popsType: import("./types/main").PopsInstStoreType, instConfigList: import("./types/inst").PopsInstGeneralConfig[], guid: string, $anim: HTMLElement, $mask?: HTMLElement): Promise<void>;
-            show(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, popsType: import("./types/main").PopsInstStoreType, instConfigList: import("./types/inst").PopsInstGeneralConfig[], guid: string, $anim: HTMLElement, $mask?: HTMLElement): Promise<void>;
-            close(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, popsType: string, instConfigList: import("./types/inst").PopsInstGeneralConfig[], guid: string, $anim: HTMLElement): Promise<void>;
-            drag($move: HTMLElement, options: {
-                dragElement: HTMLElement;
-                limit: boolean;
-                emitClick?: boolean;
-                extraDistance: number;
-                container?: Window | typeof globalThis | HTMLElement;
-                moveCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
-                endCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
-                preventEvent?: (event: TouchEvent | PointerEvent) => boolean;
-            }): void;
             sortElementListByProperty<T, R>(getBeforeValueFun: (value: T) => R, getAfterValueFun: (value: T) => R, sortByDesc?: boolean): (after_obj: T, before_obj: T) => 1 | 0 | -1;
         };
         /** pops处理float类型使用的工具类 */
@@ -258,6 +256,7 @@ declare class Pops {
                 nodeStoreConfigKey: string;
             };
             $config: Required<PopsPanelConfig>;
+            emitter: EventEmiter<import("./components/panel/types").PopsPanelEventType>;
             init(data: {
                 config: Required<PopsPanelConfig>;
                 $el: {
@@ -271,6 +270,7 @@ declare class Pops {
                     $panelBottomLeftContainer: HTMLElement;
                     $panelBottomRightContainer: HTMLElement;
                 };
+                emitter: EventEmiter<import("./components/panel/types").PopsPanelEventType>;
             }): void;
             clearContainer(): void;
             clearDeepMenuContainer(): void;
@@ -687,6 +687,28 @@ declare class Pops {
             uListContainerAddItem(viewConfig: import("./components/panel/types").PopsPanelViewConfig, containerOptions: Omit<import("./components/panel/types/components-common").PopsPanelRightAsideContainerConfig, "target">): void;
             onAsideItemClick($asideItem: HTMLElement, asideConfig: import("./components/panel/types").PopsPanelContentConfig): void;
         };
+        /** pops.panel中的动画 */
+        PopsAnimation: {
+            $data: {
+                [key: string]: CSSKeyframesRule;
+            };
+            $flag: {
+                isInit: boolean;
+            };
+            init(): void;
+            hasAnim(name: string): boolean;
+            createSwitchElementWithAnimation($el: HTMLElement, $next: HTMLElement, option: {
+                useAnimation?: boolean;
+                animOptions?: KeyframeAnimationOptions;
+                enterToAddElementCallback: () => IPromise<void>;
+                exitToRemoveElementCallback?: () => IPromise<void>;
+            }): {
+                enter(): Promise<void>;
+                exit(): Promise<void>;
+            };
+        };
+        /** 事件类 */
+        EventEmiter: typeof EventEmiter;
     };
     init(): void;
     /**
@@ -739,27 +761,31 @@ declare class Pops {
      * 普通信息框
      * @param config 配置
      */
-    alert: (config: PopsAlertConfig) => Omit<import("./types/event").PopsEventConfig, "function" | "type">;
+    alert: (config: PopsAlertConfig) => Omit<import("./types/event").PopsEventConfig<EventEmiter<import("./types/EventEmitter").EventMap>>, "function" | "type">;
     /**
      * 询问框
      * @param config 配置
      */
-    confirm: (config: PopsConfirmConfig) => Omit<import("./types/event").PopsEventConfig, "function" | "type">;
+    confirm: (config: PopsConfirmConfig) => Omit<import("./types/event").PopsEventConfig<EventEmiter<import("./types/EventEmitter").EventMap>>, "function" | "type">;
     /**
      * 输入框
      * @param config 配置
      */
-    prompt: (config: PopsPromptConfig) => Omit<import("./types/event").PopsEventConfig, "function" | "type">;
+    prompt: (config: PopsPromptConfig) => Omit<import("./types/event").PopsEventConfig<EventEmiter<import("./types/EventEmitter").EventMap>>, "function" | "type">;
     /**
      * 加载层
      * @param config 配置
      */
-    loading: (config: PopsLoadingConfig) => Omit<Omit<import("./types/event").PopsEventConfig, "$shadowContainer" | "$shadowRoot">, "function" | "type">;
+    loading: (config: PopsLoadingConfig) => Omit<Omit<import("./types/event").PopsEventConfig<EventEmiter<import("./types/EventEmitter").EventMap>>, "$shadowContainer" | "$shadowRoot">, "function" | "type">;
     /**
      * iframe层
      * @param config 配置
      */
-    iframe: (config: PopsIframeConfig) => Omit<import("./components/iframe/types").PopsIframeClickEventConfig, "function" | "type">;
+    iframe: (config: PopsIframeConfig) => Omit<import("./components/iframe/types").PopsIframeClickEventConfig<EventEmiter<{
+        "pops:iframe-min": (eventConfig: import("./components/iframe/types").PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
+        "pops:iframe-mise": (eventConfig: import("./components/iframe/types").PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
+        "pops:iframe-max": (eventConfig: import("./components/iframe/types").PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
+    }>>, "function" | "type">;
     /**
      * 提示框
      * @param config 配置
@@ -789,47 +815,34 @@ declare class Pops {
             showArrow: boolean;
             arrowDistance: number;
             otherDistance: number;
-            zIndex: IFunction<number>;
-            style: string | null;
             useShadowRoot: boolean;
             only: boolean;
+            zIndex: IFunction<number>;
+            style: string | null;
             lightStyle: string | null;
             darkStyle: string | null;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
         $shadowContainer: HTMLDivElement;
-        $shadowRoot: ShadowRoot | HTMLElement;
+        $shadowRoot: HTMLElement | ShadowRoot;
         toolTip: import("./components/tooltip").ToolTip;
+        emitter: EventEmiter<import("./types/EventEmitter").EventMap>;
     };
     /**
      * 抽屉
      * @param config 配置
      */
-    drawer: (config: PopsDrawerConfig) => Omit<import("./types/event").PopsEventConfig, "function" | "type">;
+    drawer: (config: PopsDrawerConfig) => Omit<import("./types/event").PopsEventConfig<EventEmiter<import("./types/EventEmitter").EventMap>>, "function" | "type">;
     /**
      * 文件夹
      * @param config 配置
      */
-    folder: (config: PopsFolderConfig) => Omit<import("./types/event").PopsEventConfig, "function" | "type">;
+    folder: (config: PopsFolderConfig) => Omit<import("./types/event").PopsEventConfig<EventEmiter<import("./types/EventEmitter").EventMap>>, "function" | "type">;
     /**
      * 配置面板
      * @param config 配置
      */
-    panel: (config: PopsPanelConfig) => {
-        addEventListener: <K extends keyof import("./components/panel/types").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/types").PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
-        removeEventListener: <K extends keyof import("./components/panel/types").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/types").PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
-        close: () => Promise<void>;
-        hide: () => Promise<void>;
-        mode: import("./types/main").PopsType;
-        show: ($parent?: HTMLElement | Document | ShadowRoot) => Promise<void>;
-        $shadowContainer: HTMLDivElement;
-        $shadowRoot: ShadowRoot | HTMLElement;
-        $el: HTMLDivElement;
-        $anim: HTMLDivElement;
-        $pops: HTMLDivElement;
-        $mask?: HTMLDivElement | undefined;
-        guid: string;
-    };
+    panel: (config: PopsPanelConfig) => Omit<import("./types/event").PopsEventConfig<EventEmiter<import("./components/panel/types").PopsPanelEventType>>, "function" | "type">;
     /**
      * 右键菜单
      * @param config 配置
@@ -908,6 +921,7 @@ declare class Pops {
      * searchSuggestion.setAllEvent();
      */
     searchSuggestion: <T = any>(config: PopsSearchSuggestionConfig<T>) => {
+        emitter: EventEmiter<import("./types/EventEmitter").EventMap>;
         selfDocument: ShadowRoot | Document | (ShadowRoot | Document)[];
         $el: {
             root: HTMLElement;

package/dist/types/src/PopsAnimation.d.ts

@@ -11,4 +11,37 @@ export declare const PopsAnimation: {
      * 判断是否存在某个动画名
      */
     hasAnim(name: string): boolean;
+    /**
+     * 带动画的进入元素
+     * @param $el 当前元素
+     * @param $next 切换的元素
+     * @param option 配置
+     */
+    createSwitchElementWithAnimation($el: HTMLElement, $next: HTMLElement, option: {
+        /**
+         * 是否使用动画
+         * @default true
+         */
+        useAnimation?: boolean;
+        /**
+         * 动画配置
+         *
+         * + `duration`: 默认`220`
+         * + `easing`: 默认`"ease-in-out"`
+         */
+        animOptions?: KeyframeAnimationOptions;
+        /** 为$next内部添加元素 */
+        enterToAddElementCallback: () => IPromise<void>;
+        /** 退出时移除$next元素 */
+        exitToRemoveElementCallback?: () => IPromise<void>;
+    }): {
+        /**
+         * 进入
+         */
+        enter(): Promise<void>;
+        /**
+         * 退出
+         */
+        exit(): Promise<void>;
+    };
 };

package/dist/types/src/PopsIcon.d.ts

@@ -1,11 +1,11 @@
 export declare const PopsIcon: {
     $data: {
         loading: string;
+        close: string;
         min: string;
         max: string;
         search: string;
         mise: string;
-        close: string;
         edit: string;
         share: string;
         delete: string;

package/dist/types/src/components/alert/index.d.ts

@@ -1,4 +1,6 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsAlertConfig } from "./types";
 export declare const PopsAlert: {
-    init(__config__: PopsAlertConfig): Omit<import("../../types/event").PopsEventConfig, "function" | "type">;
+    init(__config__: PopsAlertConfig): Omit<import("../../types/event").PopsEventConfig<EventEmiter<EventMap>>, "function" | "type">;
 };

package/dist/types/src/components/confirm/index.d.ts

@@ -1,4 +1,6 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsConfirmConfig } from "./types";
 export declare const PopsConfirm: {
-    init(__config__: PopsConfirmConfig): Omit<import("../../types/event").PopsEventConfig, "function" | "type">;
+    init(__config__: PopsConfirmConfig): Omit<import("../../types/event").PopsEventConfig<EventEmiter<EventMap>>, "function" | "type">;
 };

package/dist/types/src/components/drawer/index.d.ts

@@ -1,4 +1,6 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsDrawerConfig } from "./types";
 export declare const PopsDrawer: {
-    init(__config__: PopsDrawerConfig): Omit<import("../../types/event").PopsEventConfig, "function" | "type">;
+    init(__config__: PopsDrawerConfig): Omit<import("../../types/event").PopsEventConfig<EventEmiter<EventMap>>, "function" | "type">;
 };

package/dist/types/src/components/folder/index.d.ts

@@ -1,4 +1,6 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsFolderConfig } from "./types";
 export declare const PopsFolder: {
-    init(__config__: PopsFolderConfig): Omit<import("../../types/event").PopsEventConfig, "function" | "type">;
+    init(__config__: PopsFolderConfig): Omit<import("../../types/event").PopsEventConfig<EventEmiter<EventMap>>, "function" | "type">;
 };

package/dist/types/src/components/iframe/index.d.ts

@@ -1,4 +1,9 @@
+import { EventEmiter } from "../../event/EventEmiter";
 import type { PopsIframeClickEventConfig, PopsIframeConfig } from "./types";
 export declare const PopsIframe: {
-    init(__config__: PopsIframeConfig): Omit<PopsIframeClickEventConfig, "function" | "type">;
+    init(__config__: PopsIframeConfig): Omit<PopsIframeClickEventConfig<EventEmiter<{
+        "pops:iframe-min": (eventConfig: PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
+        "pops:iframe-mise": (eventConfig: PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
+        "pops:iframe-max": (eventConfig: PopsIframeClickEventConfig, event: MouseEvent | PointerEvent) => void;
+    }>>, "function" | "type">;
 };

package/dist/types/src/components/iframe/types/index.d.ts

@@ -1,9 +1,11 @@
-import type { PopsTitleConfig, PopsDragConfig, PopsGeneralConfig } from "../../../types/components";
+import type { EventEmiter } from "../../../event/EventEmiter";
+import type { PopsDragConfig, PopsGeneralConfig, PopsTitleConfig } from "../../../types/components";
 import type { PopsEventConfig } from "../../../types/event";
+import type { CustomEventMap } from "../../../types/EventEmitter";
 /**
  * pops.iframe的按钮点击事件回调的配置参数
  */
-export type PopsIframeClickEventConfig = PopsEventConfig & {
+export type PopsIframeClickEventConfig<E extends EventEmiter<CustomEventMap> = EventEmiter<CustomEventMap>> = PopsEventConfig<E> & {
     /**
      * iframe元素
      */

package/dist/types/src/components/loading/index.d.ts

@@ -1,4 +1,6 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsLoadingConfig } from "./types";
 export declare const PopsLoading: {
-    init(__config__: PopsLoadingConfig): Omit<Omit<import("../../types/event").PopsEventConfig, "$shadowContainer" | "$shadowRoot">, "function" | "type">;
+    init(__config__: PopsLoadingConfig): Omit<Omit<import("../../types/event").PopsEventConfig<EventEmiter<EventMap>>, "$shadowContainer" | "$shadowRoot">, "function" | "type">;
 };

package/dist/types/src/components/panel/handlerComponents.d.ts

@@ -1,6 +1,7 @@
+import type { EventEmiter } from "../../event/EventEmiter";
 import { popsUtils } from "../../utils/PopsUtils";
 import { PopsTooltip } from "../tooltip";
-import type { PopsPanelBottomContentConfig, PopsPanelConfig, PopsPanelContentConfig, PopsPanelViewConfig } from "./types";
+import type { PopsPanelBottomContentConfig, PopsPanelConfig, PopsPanelContentConfig, PopsPanelEventType, PopsPanelViewConfig } from "./types";
 import type { PopsPanelButtonConfig } from "./types/components-button";
 import type { PopsPanelGeneralConfig, PopsPanelRightAsideContainerConfig } from "./types/components-common";
 import type { PopsPanelContainerConfig } from "./types/components-container";
@@ -55,6 +56,7 @@ export declare const PanelHandlerComponents: () => {
         nodeStoreConfigKey: string;
     };
     $config: Required<PopsPanelConfig>;
+    emitter: EventEmiter<PopsPanelEventType>;
     /**
      * 初始化
      * @param data
@@ -72,6 +74,7 @@ export declare const PanelHandlerComponents: () => {
             $panelBottomLeftContainer: HTMLElement;
             $panelBottomRightContainer: HTMLElement;
         };
+        emitter: EventEmiter<PopsPanelEventType>;
     }): void;
     /**
      * 清空container容器的元素

package/dist/types/src/components/panel/index.d.ts

@@ -1,19 +1,5 @@
+import { EventEmiter } from "../../event/EventEmiter";
 import type { PopsPanelConfig, PopsPanelEventType } from "./types";
-import type { PopsType } from "../../types/main";
 export declare const PopsPanel: {
-    init(__config__: PopsPanelConfig): {
-        addEventListener: <K extends keyof PopsPanelEventType>(event: K, listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
-        removeEventListener: <K extends keyof PopsPanelEventType>(event: K, listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
-        mode: PopsType;
-        close: () => Promise<void>;
-        hide: () => Promise<void>;
-        show: ($parent?: HTMLElement | Document | ShadowRoot) => Promise<void>;
-        $shadowContainer: HTMLDivElement;
-        $shadowRoot: ShadowRoot | HTMLElement;
-        $el: HTMLDivElement;
-        $anim: HTMLDivElement;
-        $pops: HTMLDivElement;
-        $mask?: HTMLDivElement | undefined;
-        guid: string;
-    };
+    init(__config__: PopsPanelConfig): Omit<import("../../types/event").PopsEventConfig<EventEmiter<PopsPanelEventType>>, "function" | "type">;
 };

package/dist/types/src/components/panel/types/index.d.ts

@@ -26,12 +26,12 @@ export type PopsPanelEventType = {
     /**
      * 该事件在右侧容器内的元素改变时触发
      */
-    "pops:renderRightContainer": {
+    "pops:renderRightContainer": (data: {
         /**
          * 视图配置
          */
         viewConfig: PopsPanelContentConfig[] | PopsPanelDeepViewConfig;
-    };
+    }) => void;
 };
 /**
  * pops.panel的content配置信息
@@ -217,4 +217,9 @@ export interface PopsPanelConfig extends PopsTitleConfig, PopsDragConfig, PopsGe
      * @default true
      */
     useDeepMenuSwtichAnimation?: true;
+    /**
+     * 监听按键按下Esc来退出内部菜单
+     * @default true
+     */
+    listenEscapeKeyUpToExitDeepMenu?: boolean;
 }

package/dist/types/src/components/prompt/index.d.ts

@@ -1,4 +1,6 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsPromptConfig } from "./types/index";
 export declare const PopsPrompt: {
-    init(__config__: PopsPromptConfig): Omit<import("../../types/event").PopsEventConfig, "function" | "type">;
+    init(__config__: PopsPromptConfig): Omit<import("../../types/event").PopsEventConfig<EventEmiter<EventMap>>, "function" | "type">;
 };

package/dist/types/src/components/searchSuggestion/index.d.ts

@@ -1,10 +1,13 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsSearchSuggestionConfig, PopsSearchSuggestionData } from "./types/index";
 export declare const PopsSearchSuggestion: {
     init<T>(__config__: PopsSearchSuggestionConfig<T>): {
+        emitter: EventEmiter<EventMap>;
         /**
          * 当前的环境，可以是document，可以是shadowroot，默认是document
          */
-        selfDocument: Document | ShadowRoot | (Document | ShadowRoot)[];
+        selfDocument: ShadowRoot | Document | (ShadowRoot | Document)[];
         $el: {
             /** 根元素 */
             root: HTMLElement;

package/dist/types/src/components/tooltip/index.d.ts

@@ -1,3 +1,5 @@
+import { EventEmiter } from "../../event/EventEmiter";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsToolTipConfig } from "./types/index";
 type ToolTipEventTypeName = "MouseEvent" | "TouchEvent";
 export declare class ToolTip {
@@ -8,6 +10,7 @@ export declare class ToolTip {
         $content: HTMLElement;
         $arrow: HTMLElement;
     };
+    emitter: EventEmiter<EventMap>;
     $data: {
         config: Required<PopsToolTipConfig>;
         guid: string;
@@ -17,7 +20,7 @@ export declare class ToolTip {
     constructor(config: Required<PopsToolTipConfig>, guid: string, ShadowInfo: {
         $shadowContainer: HTMLDivElement;
         $shadowRoot: ShadowRoot | HTMLElement;
-    });
+    }, emitter: EventEmiter<EventMap>);
     init(): void;
     /**
      * 创建提示元素
@@ -215,6 +218,7 @@ export declare const PopsTooltip: {
         $shadowContainer: HTMLDivElement;
         $shadowRoot: HTMLElement | ShadowRoot;
         toolTip: ToolTip;
+        emitter: EventEmiter<EventMap>;
     };
 };
 export {};

package/dist/types/src/event/EventEmiter.d.ts

@@ -0,0 +1,33 @@
+import type { EventMap, CustomEventMap } from "../types/EventEmitter";
+import type { PopsType } from "../types/main";
+declare class EventEmiter<T extends CustomEventMap = CustomEventMap> {
+    #private;
+    constructor(type: PopsType);
+    on<P extends keyof EventMap>(eventName: P, callback: EventMap[P]): {
+        off: () => IPromise<void>;
+        emit: (...args: Parameters<T[P]>) => IPromise<void>;
+    };
+    on<P extends keyof T>(eventName: P, callback: T[P]): {
+        off: () => IPromise<void>;
+        emit: (...args: Parameters<T[P]>) => IPromise<void>;
+    };
+    off<P extends keyof EventMap>(eventName: P, callback: EventMap[P]): IPromise<void>;
+    off<P extends keyof T>(eventName: P, callback: T[P]): IPromise<void>;
+    emit<P extends keyof T>(eventName: P, ...args: Parameters<T[P]>): IPromise<void>;
+    emit<P extends keyof EventMap>(eventName: P, ...args: Parameters<EventMap[P]>): IPromise<void>;
+    offAll<P extends keyof EventMap>(eventName?: P): IPromise<void>;
+    offAll<P extends keyof T>(eventName?: P): IPromise<void>;
+    /**
+     * 获取所有添加的事件
+     */
+    getAllEvents(eventName?: string): {
+        type: PopsType;
+        time: number;
+        callback: (...args: any[]) => IPromise<void>;
+    }[] | {
+        type: PopsType;
+        time: number;
+        callback: (...args: any[]) => IPromise<void>;
+    }[][] | undefined;
+}
+export { EventEmiter };

package/dist/types/src/handler/PopsHandler.d.ts

@@ -6,10 +6,12 @@ import type { PopsIframeConfig } from "../components/iframe/types";
 import type { PopsLoadingConfig } from "../components/loading/types";
 import type { PopsPanelConfig } from "../components/panel/types";
 import type { PopsPromptConfig } from "../components/prompt/types/index";
+import type { EventEmiter } from "../event/EventEmiter";
 import type { PopsGeneralConfig } from "../types/components";
 import type { PopsEventConfig, PopsHandlerEventConfig } from "../types/event";
+import type { CustomEventMap } from "../types/EventEmitter";
 import type { PopsInstGeneralConfig } from "../types/inst";
-import type { PopsInstStoreType, PopsType, PopsSupportAnimConfigType, PopsSupportOnlyConfig } from "../types/main";
+import type { PopsInstStoreType, PopsSupportAnimConfigType, PopsSupportOnlyConfig, PopsType } from "../types/main";
 export declare const PopsHandler: {
     /**
      * 创建shadow
@@ -180,7 +182,7 @@ export declare const PopsHandler: {
      * @param $mask 遮罩层
      * @param config 当前配置
      */
-    handleEventConfig(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, guid: string, $shadowContainer: HTMLDivElement, $shadowRoot: ShadowRoot | HTMLElement, type: PopsInstStoreType, $anim: HTMLDivElement, $pops: HTMLDivElement, $mask?: HTMLDivElement): PopsEventConfig;
+    handleEventConfig<E extends EventEmiter<CustomEventMap> = EventEmiter<CustomEventMap>>(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, guid: string, $shadowContainer: HTMLDivElement, $shadowRoot: ShadowRoot | HTMLElement, type: PopsInstStoreType, $anim: HTMLDivElement, $pops: HTMLDivElement, emitter: E, $mask?: HTMLDivElement): PopsEventConfig<E>;
     /**
      * 获取loading的事件配置
      * @param guid
@@ -190,7 +192,7 @@ export declare const PopsHandler: {
      * @param $mask 遮罩层
      * @param config 当前配置
      */
-    handleLoadingEventConfig(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, guid: string, type: "loading", $anim: HTMLDivElement, $pops: HTMLDivElement, $mask?: HTMLDivElement): Omit<PopsEventConfig, "$shadowContainer" | "$shadowRoot">;
+    handleLoadingEventConfig<E extends EventEmiter<CustomEventMap> = EventEmiter<CustomEventMap>>(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, guid: string, type: "loading", $anim: HTMLDivElement, $pops: HTMLDivElement, emitter: E, $mask?: HTMLDivElement): Omit<PopsEventConfig<E>, "$shadowContainer" | "$shadowRoot">;
     /**
      * 处理返回的配置，针对popsHandler.handleEventConfig
      * @param config 配置
@@ -203,16 +205,14 @@ export declare const PopsHandler: {
      * @param eventConfig 事件配置，由popsHandler.handleEventConfig创建的
      * @param callback 点击回调
      */
-    handleClickEvent(type: PopsHandlerEventConfig["type"], $btn: HTMLElement, eventConfig: PopsEventConfig, callback?: (details: PopsHandlerEventConfig, event: PointerEvent | MouseEvent) => void): void;
+    handleClickEvent<E extends EventEmiter<CustomEventMap> = EventEmiter<CustomEventMap>>(type: PopsHandlerEventConfig<E>["type"], $btn: HTMLElement, eventConfig: PopsEventConfig<E>, callback?: (details: PopsHandlerEventConfig<E>, event: PointerEvent | MouseEvent) => void): import("../types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult | undefined;
     /**
      * 全局监听键盘事件
      * @param keyName 键名|键值
      * @param otherKeyList 组合按键，数组类型，包含ctrl、shift、alt和meta（win键或mac的cmd键）
      * @param callback 回调函数
      */
-    handleKeyboardEvent(keyName: string | number, otherKeyList: string[] | undefined, callback: (event: KeyboardEvent) => void): {
-        removeKeyboardEvent(): void;
-    };
+    handleKeyboardEvent(keyName: string | number, otherKeyList: string[] | undefined, callback: (event: KeyboardEvent) => void): import("../types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult;
     /**
      * 处理prompt的点击事件
      * @param type 触发事件类型
@@ -221,21 +221,26 @@ export declare const PopsHandler: {
      * @param eventConfig 事件配置，由popsHandler.handleEventConfig创建的
      * @param callback 点击回调
      */
-    handlePromptClickEvent(type: PopsHandlerEventConfig["type"], inputElement: HTMLInputElement | HTMLTextAreaElement, $btn: HTMLElement, eventConfig: PopsEventConfig, callback: (details: PopsEventConfig & {
+    handlePromptClickEvent<E extends EventEmiter<CustomEventMap> = EventEmiter<CustomEventMap>>(type: PopsHandlerEventConfig<E>["type"], inputElement: HTMLInputElement | HTMLTextAreaElement, $btn: HTMLElement, eventConfig: PopsEventConfig<E>, callback: (details: PopsEventConfig<E> & {
         type: any;
         text: string;
     }, event: MouseEvent | PointerEvent) => void): void;
     /**
-     * 把配置的z-index配置转为数字
-     * @param zIndex
+     * 获取数值
+     * @param target
      */
-    handleZIndex(zIndex: number | (() => number)): number;
+    getTargerOrFunctionValue<T>(target: T | (() => T)): T;
     /**
      * 处理config.only
      * @param type 当前弹窗类型
      * @param config 配置
      */
     handleOnly<T extends Required<PopsSupportOnlyConfig[keyof PopsSupportOnlyConfig]>>(type: PopsType, config: T): T;
+    /**
+     * 处理z-index
+     * @param config 配置
+     */
+    handleZIndex<T extends Required<PopsSupportOnlyConfig[keyof PopsSupportOnlyConfig]>>(config: T): T;
     /**
      * 处理把已创建的元素保存到内部环境中
      * @param type 当前弹窗类型