@whitesev/pops 3.1.2 → 3.2.0

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

@@ -119,12 +119,12 @@ declare class Pops {
             addClassName($el: Element | undefined | null | undefined, className: string | string[] | (() => string | string[]) | undefined | null): void;
             removeClassName($el: Element | undefined | null, className: string): void;
             containsClassName($el: HTMLElement | undefined | null, className: string): boolean;
-            css(element: HTMLElement | string, property: keyof CSSStyleDeclaration): string;
-            css(element: HTMLElement | string, property: string): string;
-            css(element: HTMLElement | string, property: keyof CSSStyleDeclaration & string, value: string | number): string;
-            css(element: HTMLElement | string, property: { [P in keyof CSSStyleDeclaration]?: CSSStyleDeclaration[P]; } | {
+            css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCSSPropertyType): string;
+            css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: string): string;
+            css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCSSPropertyType & string, value: string | number): string;
+            css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCSSProperty | {
                 [key: string]: string | number;
-            }): string;
+            } | string): string;
             createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, property?: ({ [P in keyof HTMLElementTagNameMap[K]]?: HTMLElementTagNameMap[K][P] extends string | boolean | number ? HTMLElementTagNameMap[K][P] : never; } & {
                 [key: string]: any;
             }) | string, attributes?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCreateElementAttributesMap): HTMLElementTagNameMap[K];
@@ -200,7 +200,7 @@ declare class Pops {
                 isOverMaxZIndex: boolean;
             };
             getMaxZIndex(deviation?: number): number;
-            removeInstance(instConfigList: import("./types/inst").PopsInstGeneralConfig[][], guid: string, isAll?: boolean): import("./types/inst").PopsInstGeneralConfig[][];
+            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>;
@@ -773,7 +773,7 @@ declare class Pops {
             otherDistance: number;
             useShadowRoot: boolean;
             only: boolean;
-            zIndex: number | (() => number);
+            zIndex: IFunction<number>;
             style: string | null;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
@@ -801,14 +801,14 @@ declare class Pops {
         mode: import("./types/main").PopsType;
         close: () => Promise<void>;
         hide: () => Promise<void>;
-        show: () => Promise<void>;
-        guid: string;
+        show: ($parent?: HTMLElement | Document | ShadowRoot) => Promise<void>;
         $shadowContainer: HTMLDivElement;
         $shadowRoot: ShadowRoot | HTMLElement;
         $el: HTMLDivElement;
         $anim: HTMLDivElement;
         $pops: HTMLDivElement;
         $mask?: HTMLDivElement | undefined;
+        guid: string;
     };
     /**
      * 右键菜单
@@ -836,7 +836,7 @@ declare class Pops {
             shadowRootCheckClickEvent(event: MouseEvent | PointerEvent): void;
             addWindowCheckClickListener(): void;
             removeWindowCheckClickListener(): void;
-            contextMenuEvent(event: PointerEvent, selectorTarget: NonNullable<PopsRightClickMenuConfig["$target"]>): void;
+            contextMenuEvent(event: PointerEvent, selectorTarget: NonNullable<PopsRightClickMenuConfig["$target"]>): Promise<void>;
             addContextMenuEvent(target: PopsRightClickMenuConfig["$target"], selector?: string): void;
             removeContextMenuEvent(target: HTMLElement | typeof globalThis | Window, selector?: string): void;
             animationCloseMenu($menu: HTMLElement): void;

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

@@ -7,13 +7,13 @@ export declare const PopsPanel: {
         mode: PopsType;
         close: () => Promise<void>;
         hide: () => Promise<void>;
-        show: () => Promise<void>;
-        guid: string;
+        show: ($parent?: HTMLElement | Document | ShadowRoot) => Promise<void>;
         $shadowContainer: HTMLDivElement;
         $shadowRoot: ShadowRoot | HTMLElement;
         $el: HTMLDivElement;
         $anim: HTMLDivElement;
         $pops: HTMLDivElement;
         $mask?: HTMLDivElement | undefined;
+        guid: string;
     };
 };

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

@@ -47,7 +47,7 @@ export declare const PopsRightClickMenu: {
              * @param event
              * @param selectorTarget
              */
-            contextMenuEvent(event: PointerEvent, selectorTarget: NonNullable<PopsRightClickMenuConfig["$target"]>): void;
+            contextMenuEvent(event: PointerEvent, selectorTarget: NonNullable<PopsRightClickMenuConfig["$target"]>): Promise<void>;
             /**
              * 添加contextmenu事件
              * @param target 目标

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

@@ -39,7 +39,7 @@ export interface PopsRightClickMenuDataConfig {
     /**
      * 文字
      */
-    text: string | (() => string);
+    text: IFunction<string>;
     /**
      * 点击的回调函数
      * @param clickEvent 点击菜单的click事件
@@ -124,4 +124,11 @@ export interface PopsRightClickMenuConfig extends Pick<PopsGeneralConfig, "useSh
      * @default true
      */
     limitPositionYInView?: boolean;
+    /**
+     * 菜单显示前的回调
+     * @returns
+     *
+     * + `false`：阻止默认行为（显示菜单）
+     */
+    beforeShowCallBack?(event: PointerEvent): IPromise<false | void>;
 }

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

@@ -155,19 +155,19 @@ export declare class ToolTip {
      */
     onToolTipMouseEnterEvent(): void;
     /**
-     * 取消监听鼠标|触摸事件
+     * 取消监听事件 - 鼠标|触摸
      */
     offToolTipMouseEnterEvent(): void;
     /**
-     * 鼠标|触摸离开事件
+     * 离开事件 - 鼠标|触摸
      */
     toolTipMouseLeaveEvent(event: MouseEvent | PointerEvent): void;
     /**
-     * 监听鼠标|触摸离开事件
+     * 监听离开事件 - 鼠标|触摸
      */
     onToolTipMouseLeaveEvent(): void;
     /**
-     * 取消监听鼠标|触摸离开事件
+     * 取消监听离开事件 - 鼠标|触摸
      */
     offToolTipMouseLeaveEvent(): void;
 }
@@ -206,7 +206,7 @@ export declare const PopsTooltip: {
             otherDistance: number;
             useShadowRoot: boolean;
             only: boolean;
-            zIndex: number | (() => number);
+            zIndex: IFunction<number>;
             style: string | null;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };

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

@@ -15,35 +15,34 @@ export interface PopsToolTipConfig extends Pick<PopsGeneralConfig, "useShadowRoo
      */
     content: string | (() => string);
     /**
-     * 是否比较获取到的content的内容是否改变
+     * 是否比较获取到的`content`的内容是否改变
      *
-     * 如果未改变，则在触发.show时不修改内容
+     * 如果未改变，则在触发`.show`时不修改内容
      * @default false
      */
     isDiffContent?: boolean;
     /**
      * 位置
-     * + `follow` 跟随鼠标|触摸位置移动
+     * + `follow` 跟随（鼠标|触摸）的位置而移动
      * @default "top"
      */
     position?: PopsTooltipPosition;
     /**
      * 自定义className
      *
-     * + `github-tooltip` github的样式
+     * + `github-tooltip`：github的样式
      * @default ""
      */
     className?: PopsPanelGeneralConfig<any>["className"];
     /**
-     * 是否使用fixed定位，false则是absolute定位
-     *
+     * 是否使用`fixed`定位，`false`则是`absolute`定位
      * @default false
      */
     isFixed?: boolean;
     /**
      * 是否总是显示，默认为false
-     * + true 设置的onShowEventName、onCloseEventName将无效
-     *        返回提供show和close函数，取消on和off
+     * + true 设置的`onShowEventName`、`onCloseEventName`将无效
+     *        返回提供`show`和`close`函数，取消`on`和`off`
      * + false 事件触发才显示
      */
     alwaysShow?: boolean;
@@ -53,13 +52,15 @@ export interface PopsToolTipConfig extends Pick<PopsGeneralConfig, "useShadowRoo
      */
     delayCloseTime?: number;
     /**
-     * 触发显示事件的名称，默认mouseenter touchstart，如果是多个事件，按空格分割
+     * 触发显示事件的名称，默认`mouseenter`、`touchstart`，如果是多个事件，按空格分割
+     *
+     * 如果`position`为`follow`，则添加`mousemove`、`touchmove`事件监听
      * @default  "mouseenter touchstart"
      */
     onShowEventName?: string;
     /**
-     * 触发关闭事件的名称，默认mouseleave touchend，如果是多个事件，按空格分割
-     * @default  "mouseleave touchend"
+     * 触发关闭事件的名称，默认`mouseleave`、`touchend`、`touchcancel`，如果是多个事件，按空格分割
+     * @default  "mouseleave touchend touchcancel"
      */
     onCloseEventName?: string;
     /**
@@ -107,9 +108,9 @@ export interface PopsToolTipConfig extends Pick<PopsGeneralConfig, "useShadowRoo
     arrowDistance?: number;
     /**
      * 其它的距离(px)
-     * + 当position为left或者right，这个距离是上、下距离
-     * + 当position为top或者bottom，这个距离是左、右距离
-     * + 当position为follow，这个距离是上、左距离
+     * + 当`position`为`left`或者`right`，这个距离是上、下距离
+     * + 当`position`为`top`或者`bottom`，这个距离是左、右距离
+     * + 当`position`为`follow`，这个距离是上、左距离
      * @default 0
      */
     otherDistance?: number;

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

@@ -177,23 +177,23 @@ export declare const PopsHandler: {
      * @param guid
      * @param $shadowContainer
      * @param $shadowRoot
-     * @param mode 当前弹窗类型
+     * @param type 当前弹窗类型
      * @param $anim 动画层
      * @param $pops 主元素
      * @param $mask 遮罩层
      * @param config 当前配置
      */
-    handleEventConfig(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, guid: string, $shadowContainer: HTMLDivElement, $shadowRoot: ShadowRoot | HTMLElement, mode: PopsInstStoreType, $anim: HTMLDivElement, $pops: HTMLDivElement, $mask?: HTMLDivElement): PopsEventConfig;
+    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;
     /**
      * 获取loading的事件配置
      * @param guid
-     * @param mode 当前弹窗类型
+     * @param type 当前弹窗类型
      * @param $anim 动画层
      * @param $pops 主元素
      * @param $mask 遮罩层
      * @param config 当前配置
      */
-    handleLoadingEventConfig(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, guid: string, mode: "loading", $anim: HTMLDivElement, $pops: HTMLDivElement, $mask?: HTMLDivElement): Omit<PopsEventConfig, "$shadowContainer" | "$shadowRoot">;
+    handleLoadingEventConfig(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, guid: string, type: "loading", $anim: HTMLDivElement, $pops: HTMLDivElement, $mask?: HTMLDivElement): Omit<PopsEventConfig, "$shadowContainer" | "$shadowRoot">;
     /**
      * 处理返回的配置，针对popsHandler.handleEventConfig
      * @param config 配置

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

@@ -272,3 +272,42 @@ export declare type PopsDOMUtilsEventListenerOption = AddEventListenerOptions &
    */
   isComposedPath?: boolean;
 };
+
+export type PopsDOMUtilsTargetElementType = HTMLElement | string | NodeList | HTMLElement[];
+
+/**
+ * 属性转驼峰
+ */
+export type PopsDOMUtilsCamelToKebabCSSProperty<S extends string> = S extends `webkit${infer U}`
+  ? `-${Lowercase<"webkit">}${U extends `${infer First}${infer Rest}`
+      ? First extends Uppercase<First>
+        ? `-${Uncapitalize<First>}${PopsDOMUtilsCamelToKebabCSSProperty<Rest>}`
+        : `${First}${PopsDOMUtilsCamelToKebabCSSProperty<Rest>}`
+      : U}`
+  : S extends `${infer T}${infer U}`
+    ? U extends Uncapitalize<U>
+      ? `${Uncapitalize<T>}${PopsDOMUtilsCamelToKebabCSSProperty<U>}`
+      : `${Uncapitalize<T>}-${PopsDOMUtilsCamelToKebabCSSProperty<U>}`
+    : S;
+
+export type PopsDOMUtilsCSSPropertyType = PopsDOMUtilsCamelToKebabCSSProperty<
+  Extract<
+    keyof Omit<
+      CSSStyleDeclaration,
+      | "cssFloat"
+      | "cssText"
+      | "length"
+      | "parentRule"
+      | "getPropertyPriority"
+      | "getPropertyValue"
+      | "item"
+      | "removeProperty"
+      | "setProperty"
+    >,
+    string
+  >
+>;
+
+export type PopsDOMUtilsCSSProperty = {
+  [P in PopsDOMUtilsCSSPropertyType]: string | number;
+};

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

@@ -184,7 +184,7 @@ export interface PopsGeneralConfig {
    *
    * @default 10000
    */
-  zIndex?: number | (() => number);
+  zIndex?: IFunction<number>;
   /**
    * 遮罩层
    */
@@ -199,6 +199,7 @@ export interface PopsGeneralConfig {
   forbiddenScroll?: boolean;
   /**
    * （可选）自定义style
+   * @default ""
    */
   style?: string | null;
   /**

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

@@ -18,10 +18,20 @@ export interface PopsEventConfig {
   $mask?: HTMLDivElement;
   /** 当前弹窗类型 */
   mode: PopsType;
+  /** 唯一id */
   guid: string;
-  close: () => Promise<void>;
-  hide: () => Promise<void>;
-  show: () => Promise<void>;
+  /**
+   * 关闭弹窗
+   */
+  close(): Promise<void>;
+  /**
+   * 隐藏弹窗
+   */
+  hide(): Promise<void>;
+  /**
+   * 显示弹出
+   */
+  show($parent?: HTMLElement | Document | ShadowRoot): Promise<void>;
 }
 
 /**

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

@@ -21,4 +21,8 @@ export interface PopsInstGeneralConfig extends PopsInstConfig {
   $shadowRoot: ShadowRoot | HTMLElement;
   /** 移除实例前的回调函数 */
   beforeRemoveCallBack?: (instCommonConfig: PopsInstGeneralConfig) => void;
+  /** 配置 */
+  config: any;
+  /** 销毁元素 */
+  destory(): void | Promise<void>;
 }

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

@@ -1,4 +1,4 @@
-import type { ParseHTMLReturnType, PopsDOMUtils_EventType, PopsDOMUtilsCreateElementAttributesMap, PopsDOMUtilsEventListenerOption, PopsDOMUtilsEventListenerOptionsAttribute, PopsDOMUtils_Event, PopsDOMUtilsElementEventType, PopsDOMUtilsAddEventListenerResult } from "../types/PopsDOMUtilsEventType";
+import type { ParseHTMLReturnType, PopsDOMUtils_EventType, PopsDOMUtilsCreateElementAttributesMap, PopsDOMUtilsEventListenerOption, PopsDOMUtilsEventListenerOptionsAttribute, PopsDOMUtils_Event, PopsDOMUtilsElementEventType, PopsDOMUtilsAddEventListenerResult, PopsDOMUtilsCSSProperty, PopsDOMUtilsCSSPropertyType, PopsDOMUtilsTargetElementType } from "../types/PopsDOMUtilsEventType";
 declare class PopsDOMUtilsEvent {
     /**
      * 绑定事件
@@ -517,7 +517,7 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
     containsClassName($el: HTMLElement | undefined | null, className: string): boolean;
     /**
      * 获取元素的样式属性值
-     * @param element 目标元素
+     * @param $el 目标元素
      * @param property 样式属性名或包含多个属性名和属性值的对象
      * @example
      * // 获取元素a.xx的CSS属性display
@@ -525,10 +525,10 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
      * DOMUtils.css("a.xx","display");
      * > "none"
      * */
-    css(element: HTMLElement | string, property: keyof CSSStyleDeclaration): string;
+    css($el: PopsDOMUtilsTargetElementType, property: PopsDOMUtilsCSSPropertyType): string;
     /**
      * 获取元素的样式属性值
-     * @param element 目标元素
+     * @param $el 目标元素
      * @param property 样式属性名或包含多个属性名和属性值的对象
      * @example
      * // 获取元素a.xx的CSS属性display
@@ -536,10 +536,10 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
      * DOMUtils.css("a.xx","display");
      * > "none"
      * */
-    css(element: HTMLElement | string, property: string): string;
+    css($el: PopsDOMUtilsTargetElementType, property: string): string;
     /**
      * 设置元素的样式属性
-     * @param element 目标元素
+     * @param $el 目标元素
      * @param property 样式属性名或包含多个属性名和属性值的对象
      * @param value 样式属性值
      * @example
@@ -553,10 +553,10 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
      * DOMUtils.css(document.querySelector("a.xx"),"top","10px");
      * DOMUtils.css(document.querySelector("a.xx"),"top",10);
      * */
-    css(element: HTMLElement | string, property: keyof CSSStyleDeclaration & string, value: string | number): string;
+    css($el: PopsDOMUtilsTargetElementType, property: PopsDOMUtilsCSSPropertyType & string, value: string | number): string;
     /**
      * 设置元素的样式属性
-     * @param element 目标元素
+     * @param $el 目标元素
      * @param property 样式属性名或包含多个属性名和属性值的对象
      * @param value 样式属性值
      * @example
@@ -568,11 +568,9 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
      * DOMUtils.css(document.querySelector("a.xx"),{ top: "10px" });
      * DOMUtils.css(document.querySelector("a.xx"),{ top: 10 });
      * */
-    css(element: HTMLElement | string, property: {
-        [P in keyof CSSStyleDeclaration]?: CSSStyleDeclaration[P];
-    } | {
+    css($el: PopsDOMUtilsTargetElementType, property: PopsDOMUtilsCSSProperty | {
         [key: string]: string | number;
-    }): string;
+    } | string): string;
     /**
      * 创建元素
      * @param tagName 标签名

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

@@ -44,11 +44,11 @@ export declare const PopsInstanceUtils: {
     getMaxZIndex(deviation?: number): number;
     /**
      * 删除配置中对应的对象
-     * @param instConfigList 配置实例列表
+     * @param totalInstConfigList 配置实例列表
      * @param  guid 唯一标识
      * @param isAll 是否全部删除
      */
-    removeInstance(instConfigList: PopsInstGeneralConfig[][], guid: string, isAll?: boolean): PopsInstGeneralConfig[][];
+    removeInstance(totalInstConfigList: PopsInstGeneralConfig[][], guid?: string, isAll?: boolean): Promise<PopsInstGeneralConfig[][]>;
     /**
      * 隐藏
      * @param popsType

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "3.1.2",
+  "version": "3.2.0",
   "description": "弹窗库，包含了alert、confirm、prompt、drawer、loading、iframe、rightClickMenu等组件",
   "type": "module",
   "homepage": "https://github.com/WhiteSevs/TamperMonkeyScript/tree/master/lib/pops#readme",
@@ -41,34 +41,34 @@
   "license": "MIT",
   "dependencies": {
     "any-touch": "^2.2.0",
-    "worker-timers": "^8.0.25"
+    "worker-timers": "8.0.27"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.1",
+    "@eslint/js": "^9.39.2",
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "12.3.0",
-    "browserslist": "^4.28.0",
-    "caniuse-lite": "^1.0.30001757",
-    "eslint": "^9.39.1",
+    "browserslist": "^4.28.1",
+    "caniuse-lite": "^1.0.30001761",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-compat": "^6.0.2",
     "eslint-plugin-prettier": "^5.5.4",
     "globals": "^16.5.0",
-    "rollup": "^4.53.3",
+    "rollup": "^4.54.0",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-import-css": "^4.1.2",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.48.0"
+    "typescript-eslint": "^8.50.1"
   },
   "scripts": {
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "format": "prettier . --write",
-    "dev": "pnpm run format && pnpm run lint && rollup -c -w",
+    "dev": "vue-tsc --noEmit && vite --force",
     "build": "pnpm run format && pnpm run lint && rollup -c"
   }
 }

package/src/components/alert/index.ts

@@ -118,6 +118,7 @@ export const PopsAlert = {
       $pops,
       $mask
     );
+    const result = PopsHandler.handleResultConfig(evtConfig);
     // 为顶部右边的关闭按钮添加点击事件
     PopsHandler.handleClickEvent("close", $headerCloseBtn, evtConfig, config.btn.close?.callback);
     // 为底部ok按钮添加点击事件
@@ -143,6 +144,8 @@ export const PopsAlert = {
       $mask: $mask!,
       $shadowContainer: $shadowContainer,
       $shadowRoot: $shadowRoot,
+      config: config,
+      destory: result.close,
     });
     // 拖拽
     if (config.drag) {
@@ -155,7 +158,6 @@ export const PopsAlert = {
       });
     }
 
-    const result = PopsHandler.handleResultConfig(evtConfig);
     return result;
   },
 };

package/src/components/confirm/index.ts

@@ -123,6 +123,7 @@ export const PopsConfirm = {
       $pops,
       $mask
     );
+    const result = PopsHandler.handleResultConfig(evtConfig);
     PopsHandler.handleClickEvent("close", $btnClose, evtConfig, config.btn.close.callback);
     PopsHandler.handleClickEvent("ok", $btnOk, evtConfig, config.btn.ok.callback);
     PopsHandler.handleClickEvent("cancel", $btnCancel, evtConfig, config.btn.cancel.callback);
@@ -146,6 +147,8 @@ export const PopsConfirm = {
       $mask: $mask!,
       $shadowContainer: $shadowContainer,
       $shadowRoot: $shadowRoot,
+      config: config,
+      destory: result.close,
     });
     // 拖拽
     if (config.drag) {
@@ -157,7 +160,6 @@ export const PopsConfirm = {
         endCallBack: config.dragEndCallBack,
       });
     }
-    const result = PopsHandler.handleResultConfig(evtConfig);
     return result;
   },
 };

package/src/components/drawer/index.ts

@@ -128,6 +128,7 @@ export const PopsDrawer = {
       $pops,
       $mask
     );
+    const result = PopsHandler.handleResultConfig(evtConfig);
     // 处理方向
 
     $pops.setAttribute("direction", config.direction);
@@ -236,8 +237,9 @@ export const PopsDrawer = {
       $mask: $mask!,
       $shadowContainer: $shadowContainer,
       $shadowRoot: $shadowRoot,
+      config: config,
+      destory: result.close,
     });
-    const result = PopsHandler.handleResultConfig(evtConfig);
     return result;
   },
 };

package/src/components/folder/index.ts

@@ -280,6 +280,7 @@ export const PopsFolder = {
       $pops,
       $mask
     );
+    const result = PopsHandler.handleResultConfig(evtConfig);
     PopsHandler.handleClickEvent("close", $btnCloseBtn, evtConfig, config.btn.close.callback);
     PopsHandler.handleClickEvent("ok", btnOkElement, evtConfig, config.btn.ok.callback);
     PopsHandler.handleClickEvent("cancel", btnCancelElement, evtConfig, config.btn.cancel.callback);
@@ -923,8 +924,9 @@ export const PopsFolder = {
       $mask: $mask!,
       $shadowContainer: $shadowContainer,
       $shadowRoot: $shadowRoot,
+      config: config,
+      destory: result.close,
     });
-    const result = PopsHandler.handleResultConfig(evtConfig);
     return result;
   },
 };

package/src/components/iframe/index.ts

@@ -146,6 +146,8 @@ export const PopsIframe = {
     // 赋值额外的$iframe参数
     evtConfig.$iframe = $iframe!;
 
+    const result = PopsHandler.handleResultConfig(evtConfig);
+
     popsDOMUtils.on($anim, popsDOMUtils.getAnimationEndNameList(), function () {
       // 动画加载完毕
       $anim.style.width = "0%";
@@ -301,10 +303,10 @@ export const PopsIframe = {
     popsDOMUtils.on<MouseEvent | PointerEvent>(
       headerCloseBtnElement,
       "click",
-      (event) => {
+      async (event) => {
         event.preventDefault();
         event.stopPropagation();
-        PopsInstanceUtils.removeInstance([PopsInstData.iframe], guid, false);
+        await PopsInstanceUtils.removeInstance([PopsInstData.iframe], guid, false);
         if (typeof config?.btn?.close?.callback === "function") {
           config.btn.close.callback(evtConfig, event);
         }
@@ -321,9 +323,9 @@ export const PopsIframe = {
       $mask: $mask!,
       $shadowContainer: $shadowContainer,
       $shadowRoot: $shadowRoot,
+      config: config,
+      destory: result.close,
     });
-
-    const result = PopsHandler.handleResultConfig(evtConfig);
     return result;
   },
 };