@whitesev/pops 2.2.0 → 2.2.2

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

@@ -68,17 +68,17 @@ declare class Pops {
             [key: string]: CSSKeyframesRule;
         };
         /** 存储已创建的元素 */
-        layer: {
-            iframe: import("./types/layer").PopsLayerCommonConfig[];
-            loading: import("./types/layer").PopsLayerCommonConfig[];
-            folder: import("./types/layer").PopsLayerCommonConfig[];
-            alert: import("./types/layer").PopsLayerCommonConfig[];
-            confirm: import("./types/layer").PopsLayerCommonConfig[];
-            prompt: import("./types/layer").PopsLayerCommonConfig[];
-            drawer: import("./types/layer").PopsLayerCommonConfig[];
-            panel: import("./types/layer").PopsLayerCommonConfig[];
-            tooltip: import("./types/layer").PopsLayerCommonConfig[];
-            rightClickMenu: import("./types/layer").PopsLayerCommonConfig[];
+        instData: {
+            iframe: import("./types/inst").PopsInstCommonConfig[];
+            loading: import("./types/inst").PopsInstCommonConfig[];
+            folder: import("./types/inst").PopsInstCommonConfig[];
+            alert: import("./types/inst").PopsInstCommonConfig[];
+            confirm: import("./types/inst").PopsInstCommonConfig[];
+            prompt: import("./types/inst").PopsInstCommonConfig[];
+            tooltip: import("./types/inst").PopsInstCommonConfig[];
+            drawer: import("./types/inst").PopsInstCommonConfig[];
+            panel: import("./types/inst").PopsInstCommonConfig[];
+            rightClickMenu: import("./types/inst").PopsInstCommonConfig[];
         };
         /** 禁止滚动 */
         forbiddenScroll: {
@@ -189,10 +189,10 @@ declare class Pops {
                 isOverMaxZIndex: boolean;
             };
             getMaxZIndex(deviation?: number): number;
-            removeInstance(moreLayerConfigList: import("./types/layer").PopsLayerCommonConfig[][], guid: string, isAll?: boolean): import("./types/layer").PopsLayerCommonConfig[][];
-            hide(popsType: import("./types/main").PopsLayerMode, layerConfigList: import("./types/layer").PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): Promise<void>;
-            show(popsType: import("./types/main").PopsLayerMode, layerConfigList: import("./types/layer").PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement?: HTMLElement): Promise<void>;
-            close(popsType: string, layerConfigList: import("./types/layer").PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
+            removeInstance(instConfigList: import("./types/inst").PopsInstCommonConfig[][], guid: string, isAll?: boolean): import("./types/inst").PopsInstCommonConfig[][];
+            hide(popsType: import("./types/main").PopsInstStoreType, instConfigList: import("./types/inst").PopsInstCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): Promise<void>;
+            show(popsType: import("./types/main").PopsInstStoreType, instConfigList: import("./types/inst").PopsInstCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement?: HTMLElement): Promise<void>;
+            close(popsType: string, instConfigList: import("./types/inst").PopsInstCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
             drag(moveElement: HTMLElement, options: {
                 dragElement: HTMLElement;
                 limit: boolean;
@@ -409,7 +409,7 @@ declare class Pops {
         animElement: HTMLDivElement;
         popsElement: HTMLDivElement;
         maskElement?: HTMLDivElement | undefined;
-        mode: import("./types/main").PopsMode;
+        mode: import("./types/main").PopsType;
     };
     /**
      * 右键菜单
@@ -21093,7 +21093,7 @@ declare class Pops {
      * searchSuggestion.setAllEvent();
      */
     searchSuggestion: <T = any>(details: PopsSearchSuggestionDetails<T>) => {
-        selfDocument: ShadowRoot | Document | (ShadowRoot | Document)[];
+        selfDocument: Document | ShadowRoot | (Document | ShadowRoot)[];
         $el: {
             root: HTMLElement;
             $hintULContainer: HTMLUListElement;

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

@@ -0,0 +1,8 @@
+import type { PopsInstCommonConfig } from "./types/inst";
+import type { PopsInstStoreType } from "./types/main";
+/**
+ * 弹窗实例数据
+ */
+export declare const PopsInstData: {
+    [key in PopsInstStoreType]: PopsInstCommonConfig[];
+};

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

@@ -1,4 +1,5 @@
 import type { PopsPanelDetails, PopsPanelEventType } from "./types";
+import type { PopsType } from "../../types/main";
 export declare const PopsPanel: {
     init(details: PopsPanelDetails): {
         addEventListener: <K extends keyof PopsPanelEventType>(event: K, listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
@@ -13,6 +14,6 @@ export declare const PopsPanel: {
         animElement: HTMLDivElement;
         popsElement: HTMLDivElement;
         maskElement?: HTMLDivElement | undefined;
-        mode: import("../../types/main").PopsMode;
+        mode: PopsType;
     };
 };

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

@@ -4,7 +4,7 @@ export declare const PopsSearchSuggestion: {
         /**
          * 当前的环境，可以是document，可以是shadowroot，默认是document
          */
-        selfDocument: ShadowRoot | Document | (ShadowRoot | Document)[];
+        selfDocument: Document | ShadowRoot | (Document | ShadowRoot)[];
         $el: {
             /** 根元素 */
             root: HTMLElement;

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

@@ -1,4 +1,4 @@
-import type { PopsSupportAnim, PopsSupportBottomBtn, PopsSupportContent, PopsSupportHeaderTitle, PopsTypeSupportAnim, PopsTypeSupportBottomBtn, PopsTypeSupportContent, PopsTypeSupportHeaderTitle } from "../types/main";
+import type { PopsSupportAnimDetails, PopsSupportBottomBtnDetails, PopsSupportContentDetails, PopsSupportHeaderTitleDetails, PopsSupportAnimDetailsType, PopsSupportBottomBtnDetailsType, PopsSupportContentDetailsType, PopsSupportHeaderTitleDetailsType } from "../types/main";
 export declare const PopsElementHandler: {
     /**
      * 获取遮罩层HTML
@@ -16,25 +16,25 @@ export declare const PopsElementHandler: {
      * @param bottomBtnHTML
      * @param zIndex
      */
-    getAnimHTML(guid: string, type: PopsTypeSupportAnim, config: PopsSupportAnim[keyof PopsSupportAnim], html: string | undefined, bottomBtnHTML: string | undefined, zIndex: number): string;
+    getAnimHTML(guid: string, type: PopsSupportAnimDetailsType, config: PopsSupportAnimDetails[keyof PopsSupportAnimDetails], html: string | undefined, bottomBtnHTML: string | undefined, zIndex: number): string;
     /**
      * 获取顶部按钮层HTML
      * @param type
      * @param config
      */
-    getHeaderBtnHTML(type: PopsTypeSupportHeaderTitle, config: PopsSupportHeaderTitle[keyof PopsSupportHeaderTitle]): string;
+    getHeaderBtnHTML(type: PopsSupportHeaderTitleDetailsType, config: PopsSupportHeaderTitleDetails[keyof PopsSupportHeaderTitleDetails]): string;
     /**
      * 获取底部按钮层HTML
      * @param type
      * @param config
      */
-    getBottomBtnHTML(type: PopsTypeSupportBottomBtn, config: Omit<PopsSupportBottomBtn[keyof PopsSupportBottomBtn], "content">): string;
+    getBottomBtnHTML(type: PopsSupportBottomBtnDetailsType, config: Omit<PopsSupportBottomBtnDetails[keyof PopsSupportBottomBtnDetails], "content">): string;
     /**
      * 获取标题style
      * @param type 弹窗类型
      * @param config 弹窗配置
      */
-    getHeaderStyle(type: PopsTypeSupportHeaderTitle, config: PopsSupportHeaderTitle[keyof PopsSupportHeaderTitle]): {
+    getHeaderStyle(type: PopsSupportHeaderTitleDetailsType, config: PopsSupportHeaderTitleDetails[keyof PopsSupportHeaderTitleDetails]): {
         headerStyle: string;
         headerPStyle: string;
     };
@@ -43,7 +43,7 @@ export declare const PopsElementHandler: {
      * @param type 弹窗类型
      * @param config 弹窗配置
      */
-    getContentStyle(type: PopsTypeSupportContent, config: PopsSupportContent[keyof PopsSupportContent]): {
+    getContentStyle(type: PopsSupportContentDetailsType, config: PopsSupportContentDetails[keyof PopsSupportContentDetails]): {
         contentStyle: string;
         contentPStyle: string;
     };

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

@@ -8,8 +8,8 @@ import type { PopsPanelDetails } from "../components/panel/types";
 import type { PopsPromptDetails } from "../components/prompt/types/index";
 import type { PopsCommonConfig } from "../types/components";
 import { PopsEventDetails, PopsHandlerEventDetails } from "../types/event";
-import { PopsLayerCommonConfig } from "../types/layer";
-import type { PopsAllDetails, PopsLayerMode, PopsMode, PopsType } from "../types/main";
+import { PopsInstCommonConfig } from "../types/inst";
+import type { PopsInstStoreType, PopsType, PopsSupportAnimDetailsType, PopsSupportOnlyDetails } from "../types/main";
 export declare const PopsHandler: {
     /**
      * 创建shadow
@@ -50,7 +50,7 @@ export declare const PopsHandler: {
      * @param animElement
      * @param type
      */
-    handleQueryElement(animElement: HTMLDivElement, type: PopsType): {
+    handleQueryElement(animElement: HTMLDivElement, type: PopsSupportAnimDetailsType): {
         /**
          * 主元素
          */
@@ -163,7 +163,7 @@ export declare const PopsHandler: {
      * @param maskElement 遮罩层
      * @param config 当前配置
      */
-    handleEventDetails(guid: string, $shadowContainer: HTMLDivElement, $shadowRoot: ShadowRoot | HTMLElement, mode: PopsLayerMode, animElement: HTMLDivElement, popsElement: HTMLDivElement, maskElement: HTMLDivElement, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails): PopsEventDetails;
+    handleEventDetails(guid: string, $shadowContainer: HTMLDivElement, $shadowRoot: ShadowRoot | HTMLElement, mode: PopsInstStoreType, animElement: HTMLDivElement, popsElement: HTMLDivElement, maskElement: HTMLDivElement, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails): PopsEventDetails;
     /**
      * 获取loading的事件配置
      * @param guid
@@ -217,11 +217,11 @@ export declare const PopsHandler: {
      * @param type 当前弹窗类型
      * @param config 配置
      */
-    handleOnly<T extends Required<PopsAllDetails[keyof PopsAllDetails]>>(type: PopsMode, config: T): T;
+    handleOnly<T extends Required<PopsSupportOnlyDetails[keyof PopsSupportOnlyDetails]>>(type: PopsType, config: T): T;
     /**
      * 处理把已创建的元素保存到内部环境中
      * @param type 当前弹窗类型
      * @param value
      */
-    handlePush(type: PopsLayerMode, value: PopsLayerCommonConfig): void;
+    handlePush(type: PopsInstStoreType, value: PopsInstCommonConfig): void;
 };

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

@@ -1,6 +1,6 @@
 import { PopsEventDetails, PopsHandlerEventDetails } from "./event";
 import type { PopsIconType } from "./icon";
-import type { PopsMode } from "./main";
+import type { PopsType } from "./main";
 
 /**
  * 按钮类型
@@ -51,7 +51,7 @@ export interface PopsBtnCallBackEvent {
 	/**
 	 * 调用的方法
 	 */
-	mode: PopsMode;
+	mode: PopsType;
 	/**
 	 * 唯一id
 	 */

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

@@ -21,17 +21,17 @@ export interface PopsTitleConfig {
 		 */
 		text?: string;
 		/**
-		 * 文字的位置
+		 * 标题文字的位置
 		 * @default "left"
 		 */
 		position?: PopsTextAlign;
 		/**
-		 * 文字是否是html
+		 * 标题文字是否是html
 		 * @default false
 		 */
 		html?: boolean;
 		/**
-		 * 文字的自定义CSS
+		 * 自定义CSS
 		 */
 		style?: string;
 	};
@@ -47,12 +47,12 @@ export interface PopsContentConfig {
 		 */
 		text?: string;
 		/**
-		 * 文字是否是html
+		 * 内容文字是否是html
 		 * @default false
 		 */
 		html?: boolean;
 		/**
-		 * 文字的自定义CSS
+		 * 自定义CSS
 		 */
 		style?: string;
 	};

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

@@ -1,5 +1,5 @@
 import type { PopsIframeDetails } from "../components/iframe/types";
-import type { PopsMode } from "./main";
+import type { PopsType } from "./main";
 
 /**
  * 事件配置
@@ -12,7 +12,7 @@ export interface PopsIframeEventDetails {
 	/**
 	 * 当前弹窗类型
 	 */
-	mode: PopsMode;
+	mode: PopsType;
 	/**
 	 * 动画层
 	 */
@@ -47,7 +47,7 @@ export interface PopsEventDetails {
 	/** 遮罩层 */
 	maskElement?: HTMLDivElement;
 	/** 当前弹窗类型 */
-	mode: PopsMode;
+	mode: PopsType;
 	guid: string;
 	close: () => Promise<void>;
 	hide: () => Promise<void>;

package/dist/types/src/types/{layer.d.ts → inst.d.ts}

@@ -1,7 +1,7 @@
 /**
- * config内存储饿实例配置
+ * config实例配置
  */
-export interface PopsLayerConfig {
+export interface PopsInstConfig {
 	/** 固定id */
 	guid: string;
 	/** 动画元素 */
@@ -11,12 +11,14 @@ export interface PopsLayerConfig {
 	/** 遮罩层元素 */
 	maskElement?: HTMLDivElement;
 }
-
-export interface PopsLayerCommonConfig extends PopsLayerConfig {
+/**
+ * config实例通用配置
+ */
+export interface PopsInstCommonConfig extends PopsInstConfig {
 	/** shadow容器 */
 	$shadowContainer: HTMLDivElement;
 	/** shadow容器的shandowRoot */
 	$shadowRoot: ShadowRoot | HTMLElement;
 	/** 移除实例前的回调函数 */
-	beforeRemoveCallBack?: (layerCommonConfig: PopsLayerCommonConfig) => void;
+	beforeRemoveCallBack?: (instCommonConfig: PopsInstCommonConfig) => void;
 }

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

@@ -16,13 +16,14 @@ import type { PopsPanelTextAreaDetails } from "../components/panel/types/compone
 import type { PopsPromptDetails } from "../components/prompt/types/index";
 import { PopsRightClickMenuDetails } from "../components/rightClickMenu/types";
 import { PopsToolTipDetails } from "../components/tooltip/types/index";
+import type { PopsSearchSuggestionDetails } from "../components/searchSuggestion/types";
 
 export interface PopsUtilsOwnObject<V extends any> {
 	[key: string]: V | PopsUtilsOwnObject<V>;
 }
 
-/** pops的所有类型配置 10个 */
-export interface PopsAllDetails {
+/** pops所有的类型配置 11个*/
+export interface PopsDetails {
 	alert: PopsAlertDetails;
 	confirm: PopsConfirmDetails;
 	prompt: PopsPromptDetails;
@@ -33,78 +34,55 @@ export interface PopsAllDetails {
 	folder: PopsFolderDetails;
 	panel: PopsPanelDetails;
 	rightClickMenu: PopsRightClickMenuDetails;
+	searchSuggestion: PopsSearchSuggestionDetails;
 }
 
-/** pops的类型配置 8个 */
-export interface PopsTypeDetails {
-	alert: PopsAlertDetails;
-	confirm: PopsConfirmDetails;
-	prompt: PopsPromptDetails;
-	loading: PopsLoadingDetails;
-	iframe: PopsIframeDetails;
-	// tooltip: PopsToolTipDetails;
-	drawer: PopsDrawerDetails;
-	folder: PopsFolderDetails;
-	panel: PopsPanelDetails;
-	// rightClickMenu: PopsRightClickMenuDetails;
-}
+/** pops的类型 */
+export type PopsType = keyof PopsDetails;
 
-/** pops的类型 8个 */
-export type PopsType = keyof PopsTypeDetails;
+/** pops中支持only的配置 */
+export type PopsSupportOnlyDetails = Omit<PopsDetails, "searchSuggestion">;
 
-/** pops所有的类型 10个 */
-export type PopsMode = PopsType | "tooltip" | "rightClickMenu";
+/** 存储实例的类型 */
+export type PopsInstStoreType = keyof Omit<PopsDetails, "searchSuggestion">;
 
-/** 存储实例的类型 9个 */
-export type PopsLayerMode = PopsType | "tooltip" | "rightClickMenu";
+/** pops弹窗支持动画元素的配置 8个 */
+export type PopsSupportAnimDetails = Omit<
+	PopsDetails,
+	"tooltip" | "rightClickMenu" | "searchSuggestion"
+>;
 
-/** pops弹窗支持动画元素的配置 */
-export interface PopsSupportAnim {
-	alert: PopsAlertDetails;
-	confirm: PopsConfirmDetails;
-	prompt: PopsPromptDetails;
-	loading: PopsLoadingDetails;
-	iframe: PopsIframeDetails;
-	drawer: PopsDrawerDetails;
-	folder: PopsFolderDetails;
-	panel: PopsPanelDetails;
-}
 /** pops弹窗支持动画元素的类型 */
-export type PopsTypeSupportAnim = keyof PopsSupportAnim;
+export type PopsSupportAnimDetailsType = keyof PopsSupportAnimDetails;
 
 /** pops弹窗支持标题栏的配置 */
-export interface PopsSupportHeaderTitle {
-	alert: PopsAlertDetails;
-	confirm: PopsConfirmDetails;
-	prompt: PopsPromptDetails;
-	iframe: PopsIframeDetails;
-	drawer: PopsDrawerDetails;
-	folder: PopsFolderDetails;
-	panel: PopsPanelDetails;
-}
+export type PopsSupportHeaderTitleDetails = Pick<
+	PopsDetails,
+	"alert" | "confirm" | "prompt" | "iframe" | "drawer" | "folder" | "panel"
+>;
+
 /** pops弹窗支持标题栏的类型 */
-export type PopsTypeSupportHeaderTitle = keyof PopsSupportHeaderTitle;
+export type PopsSupportHeaderTitleDetailsType =
+	keyof PopsSupportHeaderTitleDetails;
 
 /** pops支持底部按钮的配置 */
-export interface PopsSupportBottomBtn {
-	alert: PopsAlertDetails;
-	confirm: PopsConfirmDetails;
-	prompt: PopsPromptDetails;
-	drawer: PopsDrawerDetails;
-}
+export type PopsSupportBottomBtnDetails = Pick<
+	PopsDetails,
+	"alert" | "confirm" | "prompt" | "drawer"
+>;
+
 /** pops支持底部按钮的类型 */
-export type PopsTypeSupportBottomBtn = keyof PopsSupportHeaderTitle;
+export type PopsSupportBottomBtnDetailsType =
+	keyof PopsSupportHeaderTitleDetails;
 
 /** pops支持中间内容的配置 */
-export interface PopsSupportContent {
-	alert: PopsAlertDetails;
-	confirm: PopsConfirmDetails;
-	prompt: PopsPromptDetails;
-	drawer: PopsDrawerDetails;
-	loading: PopsLoadingDetails;
-}
+export type PopsSupportContentDetails = Pick<
+	PopsDetails,
+	"alert" | "confirm" | "prompt" | "drawer" | "loading"
+>;
+
 /** pops支持中间内容的类型 */
-export type PopsTypeSupportContent = keyof PopsSupportContent;
+export type PopsSupportContentDetailsType = keyof PopsSupportContentDetails;
 
 /** panel的各种类型的配置项 */
 export type PopsPanelFormsTotalDetails =

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

@@ -6,8 +6,8 @@ import type { PopsIframeDetails } from "../components/iframe/types";
 import type { PopsLoadingDetails } from "../components/loading/types";
 import type { PopsPanelDetails } from "../components/panel/types";
 import type { PopsPromptDetails } from "../components/prompt/types/index";
-import type { PopsLayerCommonConfig } from "../types/layer";
-import type { PopsLayerMode } from "../types/main";
+import type { PopsInstCommonConfig } from "../types/inst";
+import type { PopsInstStoreType } from "../types/main";
 export declare const PopsInstanceUtils: {
     /**
      * 获取页面中最大的z-index的元素信息
@@ -44,40 +44,40 @@ export declare const PopsInstanceUtils: {
     getMaxZIndex(deviation?: number): number;
     /**
      * 删除配置中对应的对象
-     * @param moreLayerConfigList 配置实例列表
+     * @param instConfigList 配置实例列表
      * @param  guid 唯一标识
      * @param isAll 是否全部删除
      */
-    removeInstance(moreLayerConfigList: PopsLayerCommonConfig[][], guid: string, isAll?: boolean): PopsLayerCommonConfig[][];
+    removeInstance(instConfigList: PopsInstCommonConfig[][], guid: string, isAll?: boolean): PopsInstCommonConfig[][];
     /**
      * 隐藏
      * @param popsType
-     * @param layerConfigList
+     * @param instConfigList
      * @param guid
      * @param config
      * @param animElement
      * @param maskElement
      */
-    hide(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): Promise<void>;
+    hide(popsType: PopsInstStoreType, instConfigList: PopsInstCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): Promise<void>;
     /**
      * 显示
      * @param popsType
-     * @param layerConfigList
+     * @param instConfigList
      * @param guid
      * @param config
      * @param animElement
      * @param maskElement
      */
-    show(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement?: HTMLElement): Promise<void>;
+    show(popsType: PopsInstStoreType, instConfigList: PopsInstCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement?: HTMLElement): Promise<void>;
     /**
      * 关闭
      * @param popsType
-     * @param layerConfigList
+     * @param instConfigList
      * @param guid
      * @param config
      * @param animElement
      */
-    close(popsType: string, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
+    close(popsType: string, instConfigList: PopsInstCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
     /**
      * 拖拽元素
      * 说明：

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "type": "module",
   "description": "弹窗库",
   "main": "dist/index.cjs.js",

package/src/Pops.ts

@@ -29,7 +29,7 @@ import { GlobalConfig } from "./GlobalConfig";
 import { PopsTooltip } from "./components/tooltip";
 import { PopsCSS } from "./PopsCSS";
 import { PopsIcon } from "./PopsIcon";
-import { PopsLayerData } from "./PopsLayer";
+import { PopsInstData } from "./PopsInst";
 import { PopsAnimation } from "./PopsAnimation";
 
 class Pops {
@@ -43,7 +43,7 @@ class Pops {
 		/** 当前已配置的动画@keyframes名字映射(初始化时生成) */
 		animation: PopsAnimation.$data,
 		/** 存储已创建的元素 */
-		layer: PopsLayerData,
+		instData: PopsInstData,
 		/** 禁止滚动 */
 		forbiddenScroll: {
 			event(event: Event) {

package/src/PopsInst.ts

@@ -0,0 +1,21 @@
+import type { PopsInstCommonConfig } from "./types/inst";
+import type { PopsInstStoreType } from "./types/main";
+
+/**
+ * 弹窗实例数据
+ */
+export const PopsInstData: {
+	[key in PopsInstStoreType]: PopsInstCommonConfig[];
+} = {
+	alert: [],
+	confirm: [],
+	drawer: [],
+	folder: [],
+	iframe: [],
+	loading: [],
+	panel: [],
+	prompt: [],
+	rightClickMenu: [],
+	// 没有 searchSuggestion
+	tooltip: [],
+};

package/src/components/alert/index.ts

@@ -5,7 +5,7 @@ import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
 import { PopsAlertConfig } from "./config";
-import type { PopsMode } from "../../types/main";
+import type { PopsType } from "../../types/main";
 import type { PopsAlertDetails } from "./types";
 import { PopsCSS } from "../../PopsCSS";
 
@@ -13,11 +13,11 @@ export const PopsAlert = {
 	init(details: PopsAlertDetails) {
 		const guid = popsUtils.getRandomGUID();
 		// 设置当前类型
-		const PopsType: PopsMode = "alert";
+		const popsType: PopsType = "alert";
 		let config = PopsAlertConfig();
 		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
-		config = PopsHandler.handleOnly(PopsType, config);
+		config = PopsHandler.handleOnly(popsType, config);
 
 		const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
 		PopsHandler.handleInit($shadowRoot, [
@@ -54,32 +54,32 @@ export const PopsAlert = {
 		// 先把z-index提取出来
 		let zIndex = PopsHandler.handleZIndex(config.zIndex);
 		let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
-		let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
-		let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
+		let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
+		let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
 		let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(
-			PopsType,
+			popsType,
 			config
 		);
 		let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(
-			PopsType,
+			popsType,
 			config
 		);
 		let animHTML = PopsElementHandler.getAnimHTML(
 			guid,
-			PopsType,
+			popsType,
 			config,
 			/*html*/ `
-			<div class="pops-title pops-${PopsType}-title" style="text-align: ${
+			<div class="pops-title pops-${popsType}-title" style="text-align: ${
 				config.title.position
 			};${headerStyle}">${
 				config.title.html
 					? config.title.text
-					: `<p pops class="pops-${PopsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`
+					: `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`
 			}${headerBtnHTML}</div>
-			<div class="pops-content pops-${PopsType}-content" style="${contentStyle}">${
+			<div class="pops-content pops-${popsType}-content" style="${contentStyle}">${
 				config.content.html
 					? config.content.text
-					: `<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>${bottomBtnHTML}`,
 			bottomBtnHTML,
 			zIndex
@@ -94,7 +94,7 @@ export const PopsAlert = {
 			headerCloseBtnElement: $headerCloseBtn,
 			btnOkElement,
 			titleElement: $title,
-		} = PopsHandler.handleQueryElement($anim, PopsType);
+		} = PopsHandler.handleQueryElement($anim, popsType);
 
 		/** 遮罩层元素 */
 		let $mask: HTMLDivElement | null = null;
@@ -105,7 +105,7 @@ export const PopsAlert = {
 
 		if (config.mask.enable) {
 			let _handleMask_ = PopsHandler.handleMask({
-				type: PopsType,
+				type: popsType,
 				guid: guid,
 				config: config,
 				animElement: $anim,
@@ -119,7 +119,7 @@ export const PopsAlert = {
 			guid,
 			$shadowContainer,
 			$shadowRoot,
-			PopsType,
+			popsType,
 			$anim,
 			$pops!,
 			$mask!,
@@ -153,7 +153,7 @@ export const PopsAlert = {
 			$anim.after($mask);
 		}
 		/* 保存 */
-		PopsHandler.handlePush(PopsType, {
+		PopsHandler.handlePush(popsType, {
 			guid: guid,
 
 			animElement: $anim,