@whitesev/pops 4.0.2 → 4.1.0

package/dist/types/src/utils/PopsUtils.d.ts

@@ -158,17 +158,26 @@ declare class PopsUtils {
     /**
      * 获取页面的坐标中最大的z-index的元素信息
      *
-     * 其中坐标为
-     *
-     * + 左上角（宽: 1/8，高: 1/8）
-     * + 右上角（宽: 7/8，高: 1/8）
-     * + 左下角（宽: 1/8，高: 7/8）
-     * + 右下角（宽: 7/8，高: 7/8）
-     * + 中间（宽: 1/2，高: 1/2）
+     * 矩阵坐标计算
      * @param $el 仅检测目标元素最大的z-index（自动往上层找）
      * @param deviation 将对所有获取到的z-index处理偏移量（增加或减少），默认为10
+     * @example
+     * Utils.getMaxZIndexNodeInfoFromPoint(document.querySelector("a"));
+     * @example
+     * Utils.getMaxZIndexNodeInfoFromPoint(document.querySelector("a"), 20);
+     * @example
+     * Utils.getMaxZIndexNodeInfoFromPoint([document.querySelector("a"), document.querySelector("div")]);
+     * @example
+     * Utils.getMaxZIndexNodeInfoFromPoint({x: 500, y: 500});
+     * @example
+     * Utils.getMaxZIndexNodeInfoFromPoint({x: 500, y: 500}, 20);
+     * @example
+     * Utils.getMaxZIndexNodeInfoFromPoint(() => {x: 500, y: 500}, 20);
      */
-    getMaxZIndexNodeInfoFromPoint($el?: IFunction<HTMLElement | HTMLElement[]>, deviation?: number): {
+    getMaxZIndexNodeInfoFromPoint($el?: IFunction<IArray<HTMLElement> | IArray<{
+        x: number;
+        y: number;
+    }>>, deviation?: number): {
         /** 处理了偏移量后的z-index值 */
         zIndex: number;
         /** 原始z-index值 */
@@ -185,14 +194,10 @@ declare class PopsUtils {
     /**
      * 获取页面的坐标中最大的z-index的元素信息
      *
-     * 其中坐标为
-     *
-     * + 左上角（宽: 1/8，高: 1/8）
-     * + 右上角（宽: 7/8，高: 1/8）
-     * + 左下角（宽: 1/8，高: 7/8）
-     * + 右下角（宽: 7/8，高: 7/8）
-     * + 中间（宽: 1/2，高: 1/2）
+     * 矩阵坐标计算
      * @param deviation 将对所有获取到的z-index处理偏移量（增加或减少）
+     * @example
+     * Utils.getMaxZIndexNodeInfoFromPoint(20);
      */
     getMaxZIndexNodeInfoFromPoint(deviation: IFunction<number>): {
         /** 处理了偏移量后的z-index值 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "description": "弹窗库，包含了alert、confirm、prompt、drawer、folder、loading、iframe、panel、tooltip、searchSuggestion、rightClickMenu组件",
   "keywords": [
     "ScriptCat",

package/src/Pops.ts

@@ -22,6 +22,7 @@ import { PopsSearchSuggestion } from "./components/searchSuggestion";
 import type { PopsSearchSuggestionConfig } from "./components/searchSuggestion/types/index";
 import { PopsTooltip } from "./components/tooltip";
 import type { PopsToolTipConfig } from "./components/tooltip/types/index";
+import { PopsCommonCSSClassName } from "./config/CommonCSSClassName";
 import { GlobalConfig } from "./config/GlobalConfig";
 import { EventEmiter } from "./event/EventEmiter";
 import { PopsInstHandler } from "./handler/PopsInstHandler";
@@ -69,6 +70,8 @@ class Pops {
     PopsAnimation,
     /** 事件类 */
     EventEmiter,
+    /** 通用的CSS类名 */
+    PopsCommonCSSClassName,
   };
   init() {}
   /**

package/src/components/alert/defaultConfig.ts

@@ -59,7 +59,7 @@ export const PopsAlertDefaultConfig = (): DeepRequired<PopsAlertConfig> => {
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     stopKeyDownEventPropagation: true,
+    emitter: null,
   } as DeepRequired<PopsAlertConfig>;
 };

package/src/components/alert/index.ts

@@ -16,13 +16,13 @@ export const PopsAlert = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "alert";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsAlertDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

package/src/components/confirm/defaultConfig.ts

@@ -87,7 +87,7 @@ export const PopsConfirmDefaultConfig = (): DeepRequired<PopsConfirmConfig> => {
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     stopKeyDownEventPropagation: true,
+    emitter: null,
   } as DeepRequired<PopsConfirmConfig>;
 };

package/src/components/confirm/index.ts

@@ -16,13 +16,13 @@ export const PopsConfirm = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "confirm";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsConfirmDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

package/src/components/drawer/defaultConfig.ts

@@ -85,8 +85,8 @@ export const PopsDrawerDefaultConfig = (): DeepRequired<PopsDrawerConfig> => {
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     forbiddenScroll: false,
     stopKeyDownEventPropagation: true,
+    emitter: null,
   };
 };

package/src/components/drawer/index.ts

@@ -16,12 +16,13 @@ export const PopsDrawer = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "drawer";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsDrawerDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
+
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

package/src/components/folder/defaultConfig.ts

@@ -148,7 +148,7 @@ export const PopsFolderDefaultConfig = (): DeepRequired<PopsFolderConfig> => {
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     stopKeyDownEventPropagation: true,
+    emitter: null,
   };
 };

package/src/components/folder/index.ts

@@ -19,13 +19,13 @@ export const PopsFolder = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "folder";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsFolderDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

package/src/components/iframe/defaultConfig.ts

@@ -57,7 +57,7 @@ export const PopsIframeDefaultConfig = (): DeepRequired<PopsIframeConfig> => {
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     stopKeyDownEventPropagation: true,
+    emitter: null,
   };
 };

package/src/components/iframe/index.ts

@@ -16,11 +16,7 @@ export const PopsIframe = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "iframe";
-    const emitter = new 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;
-    }>(popsType);
+
     let config = PopsIframeDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
@@ -29,6 +25,13 @@ export const PopsIframe = {
     }
     config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter =
+      config.emitter ??
+      new 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;
+      }>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {
@@ -57,7 +60,8 @@ export const PopsIframe = {
       },
     ]);
 
-    const maskExtraStyle = config.animation != null && <string>config.animation != "" ? "position:absolute;" : "";
+    const maskExtraStyle =
+      config.animation != null && <string>config.animation != "" && config.animation ? "position:absolute;" : "";
 
     // 先把z-index提取出来
     const zIndex = PopsHandler.getTargerOrFunctionValue(config.zIndex);

package/src/components/loading/defaultConfig.ts

@@ -28,5 +28,6 @@ export const PopsLoadingDefaultConfig = (): DeepRequired<PopsLoadingConfig> => {
     darkStyle: null,
     addIndexCSS: true,
     stopKeyDownEventPropagation: true,
+    emitter: null,
   };
 };

package/src/components/loading/index.ts

@@ -13,14 +13,14 @@ export const PopsLoading = {
   init(__config__: PopsLoadingConfig) {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
-    const PopsType = "loading";
-    const emitter = new EventEmiter<EventMap>(PopsType);
+    const popsType = "loading";
 
     let config = PopsLoadingDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
-    config = PopsHandler.handleOnly(PopsType, config);
+    config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     // 先把z-index提取出来
     const zIndex = PopsHandler.getTargerOrFunctionValue(config.zIndex);
     const maskHTML = PopsElementHandler.createMask(guid, zIndex);
@@ -28,10 +28,10 @@ export const PopsLoading = {
     const { contentPStyle } = PopsElementHandler.createContentStyle("loading", config);
     const animHTML = PopsElementHandler.createAnim(
       guid,
-      PopsType,
+      popsType,
       config,
       /*html*/ `
-            <div class="pops-content pops-${PopsType}-content">${
+            <div class="pops-content pops-${popsType}-content">${
               config.addIndexCSS
                 ? /*html*/ `
                 <style data-model-name="index">${PopsCSS.index}</style>
@@ -44,7 +44,7 @@ export const PopsLoading = {
                     ${PopsCSS.loadingCSS}
                 </style>
             ${config.style != null ? `<style>${config.style}</style>` : ""}
-            	<p pops class="pops-${PopsType}-content-text" style="${contentPStyle}">${config.content.text}</p>
+            	<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>
             </div>`,
       "",
       zIndex
@@ -56,7 +56,7 @@ export const PopsLoading = {
 
     const $anim = PopsElementHandler.parseElement<HTMLDivElement>(animHTML);
 
-    const { $pops: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
+    const { $pops: $pops } = PopsHandler.handleQueryElement($anim, popsType);
     /**
      * 遮罩层元素
      */
@@ -69,7 +69,7 @@ export const PopsLoading = {
     if (config.mask.enable) {
       // 创建遮罩层
       const handleMask = PopsHandler.handleMask({
-        type: PopsType,
+        type: popsType,
         guid: guid,
 
         config: config,
@@ -79,12 +79,12 @@ export const PopsLoading = {
       $mask = handleMask.maskElement;
       $elList.push($mask);
     }
-    const evtConfig = PopsHandler.handleLoadingEventConfig(config, guid, PopsType, $anim, $pops, emitter, $mask);
+    const evtConfig = PopsHandler.handleLoadingEventConfig(config, guid, popsType, $anim, $pops, emitter, $mask);
     popsDOMUtils.append(config.$parent, $elList);
     if ($mask != null) {
       $anim.after($mask);
     }
-    PopsHandler.handlePush(PopsType, {
+    PopsHandler.handlePush(popsType, {
       $shadowContainer: $pops,
       $shadowRoot: $pops,
       guid: guid,

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

@@ -3,10 +3,7 @@ import type { PopsGeneralConfig, PopsContentConfig } from "../../../types/compon
 /**
  * pops.loading
  */
-export interface PopsLoadingConfig extends Omit<
-  PopsGeneralConfig,
-  "width" | "height" | "position" | "beforeAppendToPageCallBack"
-> {
+export interface PopsLoadingConfig extends Omit<PopsGeneralConfig, "width" | "height" | "position"> {
   /**
    * 父元素，默认为document.body
    * @default document.body || document.documentElement

package/src/components/panel/defaultConfig.ts

@@ -865,8 +865,8 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     stopKeyDownEventPropagation: true,
     listenEscapeKeyUpToExitDeepMenu: true,
+    emitter: null,
   };
 };

package/src/components/panel/index.ts

@@ -4,25 +4,26 @@ import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { PopsInstHandler } from "../../handler/PopsInstHandler";
 import { PopsCSS } from "../../PopsCSS";
+import type { EventMap } from "../../types/EventEmitter";
 import type { PopsType } from "../../types/main";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { popsUtils } from "../../utils/PopsUtils";
 import { PopsPanelDefaultConfig } from "./defaultConfig";
 import { PanelHandlerComponents } from "./handlerComponents";
-import type { PopsPanelConfig, PopsPanelEventType } from "./types";
+import type { PopsPanelConfig } from "./types";
 
 export const PopsPanel = {
   init(__config__: PopsPanelConfig) {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "panel";
-    const emitter = new EventEmiter<PopsPanelEventType>(popsType);
 
     let config: Required<PopsPanelConfig> = PopsPanelDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

package/src/components/prompt/defaultConfig.ts

@@ -91,7 +91,7 @@ export const PopsPromptDefaultConfig = (): DeepRequired<PopsPromptConfig> => {
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     stopKeyDownEventPropagation: true,
+    emitter: null,
   };
 };

package/src/components/prompt/index.ts

@@ -16,13 +16,13 @@ export const PopsPrompt = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "prompt";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsPromptDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

package/src/components/rightClickMenu/defaultConfig.ts

@@ -97,9 +97,9 @@ export const PopsRightClickMenuDefaultConfig = (): DeepRequired<PopsRightClickMe
     style: null,
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
     limitPositionXInView: true,
     limitPositionYInView: true,
     beforeShowCallBack() {},
+    emitter: null,
   };
 };

package/src/components/rightClickMenu/index.ts

@@ -24,13 +24,13 @@ export const PopsRightClickMenu = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "rightClickMenu";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsRightClickMenuDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
     config = popsUtils.assign(config, __config__);
     config = PopsHandler.handleOnly(popsType, config);
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

package/src/components/rightClickMenu/types/index.ts

@@ -70,7 +70,7 @@ export interface PopsRightClickMenuDataConfig {
  */
 export interface PopsRightClickMenuConfig extends Pick<
   PopsGeneralConfig,
-  "useShadowRoot" | "beforeAppendToPageCallBack" | "zIndex" | "style" | "lightStyle" | "darkStyle" | "only"
+  "useShadowRoot" | "zIndex" | "style" | "lightStyle" | "darkStyle" | "only" | "emitter"
 > {
   /**
    * 目标元素

package/src/components/searchSuggestion/defaultConfig.ts

@@ -61,5 +61,6 @@ export const PopsSearchSuggestionDefaultConfig = (): DeepRequired<PopsSearchSugg
     style: "",
     lightStyle: null,
     darkStyle: null,
+    emitter: null,
   };
 };

package/src/components/searchSuggestion/index.ts

@@ -17,7 +17,6 @@ export const PopsSearchSuggestion = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "searchSuggestion";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsSearchSuggestionDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
@@ -27,6 +26,7 @@ export const PopsSearchSuggestion = {
       config.$inputTarget = config.$target as HTMLInputElement;
     }
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

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

@@ -106,7 +106,7 @@ export type PopsSearchSuggestionData<T> = {
  */
 export interface PopsSearchSuggestionConfig<T = any> extends Pick<
   PopsGeneralConfig,
-  "useShadowRoot" | "zIndex" | "style" | "lightStyle" | "darkStyle"
+  "useShadowRoot" | "zIndex" | "style" | "lightStyle" | "darkStyle" | "emitter"
 > {
   /**
    * 当前的环境，可以是document，可以是shadowroot，默认是document

package/src/components/tooltip/defaultConfig.ts

@@ -30,6 +30,6 @@ export const PopsTooltipDefaultConfig = (): DeepRequired<PopsToolTipConfig> => {
     style: "",
     lightStyle: null,
     darkStyle: null,
-    beforeAppendToPageCallBack() {},
+    emitter: null,
   };
 };

package/src/components/tooltip/index.ts

@@ -558,7 +558,6 @@ export const PopsTooltip = {
     const guid = popsUtils.getRandomGUID();
     // 设置当前类型
     const popsType: PopsType = "tooltip";
-    const emitter = new EventEmiter<EventMap>(popsType);
 
     let config = PopsTooltipDefaultConfig();
     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
@@ -577,6 +576,7 @@ export const PopsTooltip = {
       });
     }
 
+    const emitter = config.emitter ?? new EventEmiter<EventMap>(popsType);
     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
     PopsHandler.handleInit($shadowRoot, [
       {

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

@@ -9,7 +9,7 @@ export type PopsTooltipPosition = "top" | "right" | "bottom" | "left" | "follow"
  */
 export interface PopsToolTipConfig extends Pick<
   PopsGeneralConfig,
-  "useShadowRoot" | "only" | "zIndex" | "style" | "lightStyle" | "darkStyle" | "beforeAppendToPageCallBack"
+  "useShadowRoot" | "only" | "zIndex" | "style" | "lightStyle" | "darkStyle" | "emitter"
 > {
   /**
    * 目标元素

package/src/event/EventEmiter.ts

@@ -2,8 +2,9 @@ import type { EventMap, CustomEventMap } from "../types/EventEmitter";
 import type { PopsType } from "../types/main";
 
 class EventEmiter<T extends CustomEventMap = CustomEventMap> {
-  #type: PopsType;
-  #data = new Map<
+  [Symbol.toStringTag] = "EventEmiter";
+  type: PopsType;
+  data = new Map<
     string,
     {
       type: PopsType;
@@ -12,7 +13,7 @@ class EventEmiter<T extends CustomEventMap = CustomEventMap> {
     }[]
   >();
   constructor(type: PopsType) {
-    this.#type = type;
+    this.type = type;
     document.addEventListener;
   }
   on<P extends keyof EventMap>(
@@ -30,9 +31,9 @@ class EventEmiter<T extends CustomEventMap = CustomEventMap> {
     emit: (...args: Parameters<T[P]>) => IPromise<void>;
   };
   on<P extends keyof EventMap | keyof CustomEventMap>(eventName: P, callback: (EventMap & CustomEventMap)[P]) {
-    const eventList = this.#data.get(eventName) ?? [];
-    eventList.push({ type: this.#type, time: Date.now(), callback: callback });
-    this.#data.set(eventName, eventList);
+    const eventList = this.data.get(eventName) ?? [];
+    eventList.push({ type: this.type, time: Date.now(), callback: callback });
+    this.data.set(eventName, eventList);
     return {
       off: () => {
         this.off(eventName as keyof EventMap, callback);
@@ -45,7 +46,7 @@ class EventEmiter<T extends CustomEventMap = CustomEventMap> {
   off<P extends keyof EventMap>(eventName: P, callback: EventMap[P]): IPromise<void>;
   off<P extends keyof T>(eventName: P, callback: T[P]): IPromise<void>;
   off<P extends keyof EventMap | keyof CustomEventMap>(eventName: P, callback: (EventMap & CustomEventMap)[P]) {
-    const eventList = this.#data.get(eventName) ?? [];
+    const eventList = this.data.get(eventName) ?? [];
     let isOffSuccess = false;
     for (let index = eventList.length - 1; index >= 0; index--) {
       if (eventList[index].callback === callback) {
@@ -55,18 +56,18 @@ class EventEmiter<T extends CustomEventMap = CustomEventMap> {
     }
     if (eventList.length === 0) {
       // empty
-      this.#data.delete(eventName);
+      this.data.delete(eventName);
     } else {
       if (isOffSuccess) {
         // update
-        this.#data.set(eventName, eventList);
+        this.data.set(eventName, eventList);
       }
     }
   }
   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>;
   async emit<P extends keyof EventMap | keyof CustomEventMap>(eventName: P, ...args: Parameters<T[P]>) {
-    const eventList = this.#data.get(eventName) ?? [];
+    const eventList = this.data.get(eventName) ?? [];
     for (const item of eventList) {
       await item.callback(...args);
     }
@@ -75,9 +76,9 @@ class EventEmiter<T extends CustomEventMap = CustomEventMap> {
   offAll<P extends keyof T>(eventName?: P): IPromise<void>;
   offAll<P extends keyof EventMap | keyof CustomEventMap>(eventName?: P) {
     if (typeof eventName === "string") {
-      this.#data.delete(eventName);
+      this.data.delete(eventName);
     } else {
-      this.#data.clear();
+      this.data.clear();
     }
   }
   /**
@@ -85,9 +86,9 @@ class EventEmiter<T extends CustomEventMap = CustomEventMap> {
    */
   getAllEvents(eventName?: string) {
     if (typeof eventName === "string") {
-      return this.#data.get(eventName);
+      return this.data.get(eventName);
     } else {
-      return Array.from(this.#data.values());
+      return Array.from(this.data.values());
     }
   }
 }