@whitesev/pops 4.0.2 → 4.2.0

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

@@ -15,4 +15,26 @@ export declare const PopsInstanceUtils: {
      * @param sortByDesc 排序是否降序，默认降序
      */
     sortElementListByProperty<T, R>(getBeforeValueFun: (value: T) => R, getAfterValueFun: (value: T) => R, sortByDesc?: boolean): (after_obj: T, before_obj: T) => 1 | 0 | -1;
+    /**
+     * 是否是隐藏状态
+     *
+     * 检测以下项：
+     *
+     * + `display`: none
+     * + `visibility`: hidden
+     * + `opacity`: 0
+     * + `使用了pops的自定义的隐藏class类`
+     * @param $el 需要检测的元素
+     */
+    isHide($el: Element): boolean;
+    /**
+     * 判断元素是否是在`.pops`内
+     * @param $el 目标元素
+     */
+    isNodeInPopsNode($el: Element): boolean;
+    /**
+     * 判断是否是`.pops-anim`元素
+     * @param $el 目标元素
+     */
+    isAnimNode($el: Element): boolean;
 };

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

@@ -1,5 +1,5 @@
-import AnyTouch from "any-touch";
 import doubletap from "@any-touch/doubletap";
+import AnyTouch from "any-touch";
 declare class PopsUtils {
     /**
      * 超时时间
@@ -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.2.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";
@@ -40,6 +41,7 @@ class Pops {
   config = {
     /** 版本号 */
     version: version,
+    /** 样式配置 */
     cssText: PopsCSS,
     /** icon图标的svg代码 */
     iconSVG: PopsIcon.$data,
@@ -47,12 +49,9 @@ class Pops {
     animation: PopsAnimation.$data,
     /** 存储已创建的元素 */
     instData: PopsInstData,
-    /** 禁止滚动 */
-    forbiddenScroll: {
-      event(event: Event) {
-        return popsDOMUtils.preventEvent(event);
-      },
-    },
+  };
+  /** 导出的函数 */
+  fn = {
     /** pops使用的工具类 */
     Utils: popsUtils,
     /** pops使用的DOM工具类 */
@@ -62,15 +61,16 @@ class Pops {
     /** pops处理float类型使用的工具类 */
     MathFloatUtils: PopsMathFloatUtils,
     /** 实例处理函数 */
-    PopsInstHandler,
+    InstHandler: PopsInstHandler,
     /** pops.panel中用于处理各个类型的工具 */
-    PanelHandlerComponents,
+    PanelHandlerComponents: PanelHandlerComponents,
     /** pops.panel中的动画 */
-    PopsAnimation,
+    Animation: PopsAnimation,
     /** 事件类 */
-    EventEmiter,
+    EventEmiter: EventEmiter,
+    /** 通用的CSS类名 */
+    CommonCSSClassName: PopsCommonCSSClassName,
   };
-  init() {}
   /**
    * 释放原有的pops控制权
    * @example

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/handlerComponents.ts

@@ -1963,12 +1963,12 @@ export const PanelHandlerComponents = () => {
                   },
                   mask: {
                     enable: true,
-                    clickCallBack(originalRun) {
+                    clickCallBack(continueExec) {
                       const ret = dialogCloseCallback();
                       if (typeof ret === "boolean" && !ret) {
                         return;
                       }
-                      originalRun();
+                      continueExec();
                     },
                     clickEvent: {
                       toClose: true,
@@ -3171,8 +3171,8 @@ export const PanelHandlerComponents = () => {
                 },
                 mask: {
                   enable: true,
-                  clickCallBack(originalRun) {
-                    originalRun();
+                  clickCallBack(continueExec) {
+                    continueExec();
                     dialogCloseCallback();
                   },
                   clickEvent: {

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"
 > {
   /**
    * 目标元素