@whitesev/pops 2.0.10 → 2.0.11

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

@@ -1,7 +1,5 @@
-import { PopsLayerMode } from "./types/main";
 import type { PopsAlertDetails } from "./components/alert/indexType";
 import type { PopsConfirmDetails } from "./components/confirm/indexType";
-import type { PopsLayerCommonConfig } from "./types/layer";
 import type { PopsPromptDetails } from "./components/prompt/indexType";
 import type { PopsLoadingDetails } from "./components/loading/indexType";
 import type { PopsIframeDetails } from "./components/iframe/indexType";
@@ -10,7 +8,6 @@ import type { PopsDrawerDetails } from "./components/drawer/indexType";
 import type { PopsFolderDetails } from "./components/folder/indexType";
 import type { PopsPanelDetails } from "./components/panel/indexType";
 import type { PopsRightClickMenuDetails } from "./components/rightClickMenu/indexType";
-import type { PopsIcon } from "./types/icon";
 import type { PopsSearchSuggestionDetails } from "./components/searchSuggestion/indexType";
 declare class Pops {
     /** 配置 */
@@ -18,49 +15,71 @@ declare class Pops {
         /** 版本号 */
         version: string;
         cssText: {
-            /** 主CSS */
             index: string;
-            /** 九宫格位置CSS */
             ninePalaceGridPosition: string;
-            /** 滚动条CSS */
             scrollbar: string;
-            /** 按钮CSS */
             button: string;
-            /** 通用的CSS */
             common: string;
-            /** 动画 */
             anim: string;
-            /** pops.alert */
             alertCSS: string;
-            /** pops.cponfirm */
             confirmCSS: string;
-            /** pops.prompt */
             promptCSS: string;
-            /** pops.loading */
             loadingCSS: string;
-            /** pops.iframe */
             iframeCSS: string;
-            /** pops.tooltip */
             tooltipCSS: string;
-            /** pops.drawer */
             drawerCSS: string;
-            /** pops.folder */
             folderCSS: string;
-            /** pops.folder */
             panelCSS: string;
-            /** pops.rightClickMenu */
             rightClickMenu: string;
         };
         /** icon图标的svg代码 */
-        iconSVG: { [key in PopsIcon]: string; };
+        iconSVG: {
+            loading: string;
+            min: string;
+            max: string;
+            mise: string;
+            close: string;
+            edit: string;
+            share: string;
+            delete: string;
+            search: string;
+            upload: string;
+            next: string;
+            prev: string;
+            eleme: string;
+            elemePlus: string;
+            chromeFilled: string;
+            cpu: string;
+            videoPlay: string;
+            videoPause: string;
+            headset: string;
+            monitor: string;
+            documentCopy: string;
+            picture: string;
+            circleClose: string;
+            view: string;
+            hide: string;
+            keyboard: string;
+            arrowRight: string;
+            arrowLeft: string;
+        };
         /** 当前已配置的动画@keyframes名字映射(初始化时生成) */
         animation: {
             [key: string]: CSSKeyframesRule;
         };
-        /** 是否初始化 */
-        isInit: boolean;
         /** 存储已创建的元素 */
-        layer: { [key in PopsLayerMode]: PopsLayerCommonConfig[]; };
+        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[];
+        };
         /** 禁止滚动 */
         forbiddenScroll: {
             event(event: Event): boolean;
@@ -72,13 +91,13 @@ declare class Pops {
             delete(target: any, propName: any): void;
             assign<T1, T2 extends object, T3 extends boolean>(target: T1, source: T2, isAdd?: T3 | undefined): T3 extends true ? T1 & T2 : T1;
             getRandomGUID(): string;
-            parseTextToDOM<R extends HTMLElement>(elementString: string): R;
             contains(target: any): boolean;
             contains(context: any, target?: any): boolean;
             formatTime(text?: string | number | Date, formatType?: string): string;
             formatTime(text?: string | number | Date, formatType?: "yyyy-MM-dd HH:mm:ss" | "yyyy/MM/dd HH:mm:ss" | "yyyy_MM_dd_HH_mm_ss" | "yyyy\u5E74MM\u6708dd\u65E5 HH\u65F6mm\u5206ss\u79D2" | "yyyy\u5E74MM\u6708dd\u65E5 hh:mm:ss" | "yyyy\u5E74MM\u6708dd\u65E5 HH:mm:ss" | "yyyy-MM-dd" | "yyyyMMdd" | "HH:mm:ss"): string;
             formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T | undefined): T extends true ? string : number;
             AnyTouch: () => typeof import("any-touch").default;
+            isPhone(userAgent?: string): boolean;
             setTimeout(callback: Function, timeout?: number): number;
             clearTimeout(timeId: number | undefined): void;
             setInterval(callback: Function, timeout?: number): number;
@@ -105,6 +124,7 @@ declare class Pops {
             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];
+            parseTextToDOM<R extends HTMLElement>(elementString: string): R;
             getTextBoundingRect(input: HTMLInputElement | HTMLTextAreaElement, selectionStart: number | string, selectionEnd: number | string, debug: boolean): DOMRect;
             cssHide(ele: Element | null, isImportant?: boolean): void;
             cssShow(ele: Element | null): void;
@@ -120,6 +140,7 @@ declare class Pops {
             getStyleValue(element: HTMLElement | CSSStyleDeclaration, styleName: string): number;
             before(element: HTMLElement | Element | string, content: HTMLElement | string): void;
             after(element: HTMLElement | Element | string, content: HTMLElement | string): void;
+            getKeyFrames(sheet: CSSStyleSheet): {};
             on(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback: (event: Event) => void, option?: boolean | AddEventListenerOptions): void;
             on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void, option?: boolean | AddEventListenerOptions): void;
             on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string, callback: (event: T) => void, option?: boolean | AddEventListenerOptions): void;
@@ -158,11 +179,10 @@ declare class Pops {
                 isOverMaxZIndex: boolean;
             };
             getMaxZIndex(deviation?: number): number;
-            getKeyFrames(sheet: CSSStyleSheet): {};
-            removeInstance(moreLayerConfigList: PopsLayerCommonConfig[][], guid: string, isAll?: boolean): PopsLayerCommonConfig[][];
-            hide(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): Promise<void>;
-            show(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement?: HTMLElement): Promise<void>;
-            close(popsType: string, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
+            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>;
             drag(moveElement: HTMLElement, options: {
                 dragElement: HTMLElement;
                 limit: boolean;
@@ -21000,7 +21020,7 @@ declare class Pops {
             };
             targetSelector: string | null;
             data: {
-                icon: PopsIcon | string;
+                icon: import("./types/icon").PopsIconType | string;
                 iconIsLoading: boolean;
                 text: string | (() => string);
                 callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement) => boolean | void | Promise<boolean | void>;

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

@@ -0,0 +1,14 @@
+export declare const PopsAnimation: {
+    $data: {
+        [key: string]: CSSKeyframesRule;
+    };
+    $flag: {
+        /** 是否初始化 */
+        isInit: boolean;
+    };
+    init(): void;
+    /**
+     * 判断是否存在某个动画名
+     */
+    hasAnim(name: string): boolean;
+};

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

@@ -0,0 +1,34 @@
+export declare const PopsCSS: {
+    /** 主CSS */
+    index: string;
+    /** 九宫格位置CSS */
+    ninePalaceGridPosition: string;
+    /** 滚动条CSS */
+    scrollbar: string;
+    /** 按钮CSS */
+    button: string;
+    /** 通用的CSS */
+    common: string;
+    /** 动画 */
+    anim: string;
+    /** pops.alert */
+    alertCSS: string;
+    /** pops.cponfirm */
+    confirmCSS: string;
+    /** pops.prompt */
+    promptCSS: string;
+    /** pops.loading */
+    loadingCSS: string;
+    /** pops.iframe */
+    iframeCSS: string;
+    /** pops.tooltip */
+    tooltipCSS: string;
+    /** pops.drawer */
+    drawerCSS: string;
+    /** pops.folder */
+    folderCSS: string;
+    /** pops.folder */
+    panelCSS: string;
+    /** pops.rightClickMenu */
+    rightClickMenu: string;
+};

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

@@ -0,0 +1,25 @@
+import type { PopsIconType } from "./types/icon";
+export declare const PopsIcon: {
+    $data: { [key in PopsIconType]: string; };
+    /**
+     * 判断是否存在某个icon
+     * @param iconName 图标名
+     */
+    hasIcon(iconName: string): boolean;
+    /**
+     * 获取icon
+     * @param iconName 图标名
+     */
+    getIcon(iconName: string): string | null;
+    /**
+     * 删除图标
+     * @param iconName 图标名
+     */
+    deleteIcon(iconName: string): boolean;
+    /**
+     * 设置图标
+     * @param iconName 图标名
+     * @param iconHTML 图标html
+     */
+    setIcon(iconName: string, iconHTML: string): void;
+};

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

@@ -0,0 +1,3 @@
+import type { PopsLayerCommonConfig } from "./types/layer";
+import type { PopsLayerMode } from "./types/main";
+export declare const PopsLayer: { [key in PopsLayerMode]: PopsLayerCommonConfig[]; };

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

@@ -1,6 +1,6 @@
 import type { PopsPanelCommonDetails } from "./commonType";
 import type { PopsButtonStyleType } from "../../types/button";
-import type { PopsIcon } from "../../types/icon";
+import type { PopsIconType } from "../../types/icon";
 /**
  * pops.panel的 button
  */
@@ -48,7 +48,7 @@ export interface PopsPanelButtonDetails extends PopsPanelCommonDetails<PopsPanel
     /**
      * 按钮的图标，已配置的svg请看pops.config.iconSVG，或者自定义的图标svg代码
      */
-    buttonIcon?: PopsIcon;
+    buttonIcon?: PopsIconType;
     /**
      * 按钮的图标在右边
      */

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

@@ -1,4 +1,3 @@
-import type { PopsIcon } from "../../types/icon";
 import type { PopsRightClickMenuDetails } from "./indexType";
 export declare const PopsRightClickMenu: {
     init(details: PopsRightClickMenuDetails): {
@@ -20639,7 +20638,7 @@ export declare const PopsRightClickMenu: {
             };
             targetSelector: string | null;
             data: {
-                icon: PopsIcon | string;
+                icon: import("../../types/icon").PopsIconType | string;
                 iconIsLoading: boolean;
                 text: string | (() => string);
                 callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement) => boolean | void | Promise<boolean | void>;

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

@@ -1,5 +1,5 @@
 import type { PopsCommonConfig } from "../../types/components";
-import type { PopsIcon } from "../../types/icon";
+import type { PopsIconType } from "../../types/icon";
 /**
  * pops.rightClickMenu的右键菜单配置
  */
@@ -7,7 +7,7 @@ export interface PopsRightClickMenuDataDetails {
     /**
      * svg图标
      */
-    icon: PopsIcon | string;
+    icon: PopsIconType | string;
     /**
      * 图标是否旋转
      */

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

@@ -1,5 +1,5 @@
 import { PopsEventDetails, PopsHandlerEventDetails } from "./event";
-import type { PopsIcon } from "./icon";
+import type { PopsIconType } from "./icon";
 
 /**
  * 按钮类型
@@ -79,7 +79,7 @@ export interface PopsButtonDetails<T = {}> {
 	/**
 	 * 图标按钮，如果名字为内置的，则使用内置的，否则为自定义的svg
 	 */
-	icon: PopsIcon;
+	icon: PopsIconType;
 	/**
 	 * 图标按钮是否放在右边
 	 */
@@ -125,7 +125,7 @@ export interface PopsButtonDetailsAnyType<T = {}> {
 	/**
 	 * 图标按钮，如果名字为内置的，则使用内置的，否则为自定义的svg
 	 */
-	icon: PopsIcon;
+	icon: PopsIconType;
 	/**
 	 * 图标按钮是否放在右边
 	 */

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

@@ -1,7 +1,7 @@
 /**
  * 按钮svg图标
  */
-export type PopsIcon =
+export type PopsIconType =
 	| "min"
 	| "mise"
 	| "max"

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

@@ -520,6 +520,12 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
     }) | string, 
     /** 自定义属性 */
     attributes?: PopsDOMUtilsCreateElementAttributesMap): HTMLElementTagNameMap[K];
+    /**
+     * 字符串转HTMLElement
+     * @param elementString
+     * @returns
+     */
+    parseTextToDOM<R extends HTMLElement>(elementString: string): R;
     /**
      * 获取文字的位置信息
      * @param input 输入框
@@ -635,6 +641,12 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
      * DOMUtils.after("a.xx","'<b class="xx"></b>")
      * */
     after(element: HTMLElement | Element | string, content: HTMLElement | string): void;
+    /**
+     * 获取CSS Rule
+     * @param sheet
+     * @returns
+     */
+    getKeyFrames(sheet: CSSStyleSheet): {};
 }
 declare const popsDOMUtils: PopsDOMUtils;
 export { popsDOMUtils };

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

@@ -42,12 +42,6 @@ export declare const PopsInstanceUtils: {
      * > 1001
      **/
     getMaxZIndex(deviation?: number): number;
-    /**
-     * 获取CSS Rule
-     * @param sheet
-     * @returns
-     */
-    getKeyFrames(sheet: CSSStyleSheet): {};
     /**
      * 删除配置中对应的对象
      * @param moreLayerConfigList 配置实例列表

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

@@ -42,12 +42,6 @@ declare class PopsUtils {
      * 生成uuid
      */
     getRandomGUID(): string;
-    /**
-     * 字符串转HTMLElement
-     * @param elementString
-     * @returns
-     */
-    parseTextToDOM<R extends HTMLElement>(elementString: string): R;
     /**
      * 判断元素/页面中是否包含该元素
      * @param target 需要判断的元素
@@ -119,6 +113,11 @@ declare class PopsUtils {
      **/
     formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T): T extends true ? string : number;
     AnyTouch: () => typeof AnyTouch;
+    /**
+     * 通过navigator.userAgent判断是否是手机访问
+     * @param userAgent
+     */
+    isPhone(userAgent?: string): boolean;
     /**
      * 自动使用 Worker 执行 setTimeout
      */

package/package.json

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

package/src/Pops.ts

@@ -1,57 +1,11 @@
 import { popsDOMUtils } from "./utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "./utils/PopsInstanceUtils";
 import { popsUtils } from "./utils/PopsUtils";
-import indexCSS from "./css/index.css";
-import ninePalaceGridPositionCSS from "./css/ninePalaceGridPosition.css";
-import scrollbarCSS from "./css/scrollbar.css";
-import buttonCSS from "./css/button.css";
-import commonCSS from "./css/common.css";
-import animCSS from "./css/animation.css";
-import alertCSS from "./components/alert/index.css";
-import confirmCSS from "./components/confirm/index.css";
-import promptCSS from "./components/prompt/index.css";
-import loadingCSS from "./components/loading/index.css";
-import iframeCSS from "./components/iframe/index.css";
-import tooltipCSS from "./components/tooltip/index.css";
-import drawerCSS from "./components/drawer/index.css";
-import folderCSS from "./components/folder/index.css";
-import panelCSS from "./components/panel/index.css";
-import rightClickMenuCSS from "./components/rightClickMenu/index.css";
-import SVG_min from "./svg/min.svg";
-import SVG_mise from "./svg/mise.svg";
-import SVG_max from "./svg/max.svg";
-import SVG_close from "./svg/close.svg";
-import SVG_edit from "./svg/edit.svg";
-import SVG_share from "./svg/share.svg";
-import SVG_delete from "./svg/delete.svg";
-import SVG_search from "./svg/search.svg";
-import SVG_upload from "./svg/upload.svg";
-import SVG_loading from "./svg/loading.svg";
-import SVG_next from "./svg/next.svg";
-import SVG_prev from "./svg/prev.svg";
-import SVG_eleme from "./svg/eleme.svg";
-import SVG_elemePlus from "./svg/elemePlus.svg";
-import SVG_chromeFilled from "./svg/chromeFilled.svg";
-import SVG_cpu from "./svg/cpu.svg";
-import SVG_videoPlay from "./svg/videoPlay.svg";
-import SVG_videoPause from "./svg/videoPause.svg";
-import SVG_headset from "./svg/headset.svg";
-import SVG_monitor from "./svg/monitor.svg";
-import SVG_documentCopy from "./svg/documentCopy.svg";
-import SVG_picture from "./svg/picture.svg";
-import SVG_circleClose from "./svg/circleClose.svg";
-import SVG_view from "./svg/view.svg";
-import SVG_hide from "./svg/hide.svg";
-import SVG_keyboard from "./svg/keyboard.svg";
-import SVG_arrowRight from "./svg/arrowRight.svg";
-import SVG_arrowLeft from "./svg/arrowLeft.svg";
 import { PopsCore } from "./Core";
-import { PopsLayerMode } from "./types/main";
 import { PopsAlert } from "./components/alert";
 import type { PopsAlertDetails } from "./components/alert/indexType";
 import { PopsConfirm } from "./components/confirm";
 import type { PopsConfirmDetails } from "./components/confirm/indexType";
-import type { PopsLayerCommonConfig } from "./types/layer";
 import type { PopsPromptDetails } from "./components/prompt/indexType";
 import { PopsPrompt } from "./components/prompt";
 import type { PopsLoadingDetails } from "./components/loading/indexType";
@@ -67,108 +21,29 @@ import type { PopsPanelDetails } from "./components/panel/indexType";
 import { PopsPanel } from "./components/panel";
 import { PopsRightClickMenu } from "./components/rightClickMenu";
 import type { PopsRightClickMenuDetails } from "./components/rightClickMenu/indexType";
-import type { PopsIcon } from "./types/icon";
 import type { PopsSearchSuggestionDetails } from "./components/searchSuggestion/indexType";
 import { PopsSearchSuggestion } from "./components/searchSuggestion";
 import { PopsMathFloatUtils } from "./utils/PopsMathUtils";
 import { PanelHandleContentDetails } from "./components/panel/PanelHandleContentDetails";
 import { GlobalConfig } from "./GlobalConfig";
 import { PopsTooltip } from "./components/tooltip";
-import { PopsSafeUtils } from "./utils/PopsSafeUtils";
+import { PopsCSS } from "./PopsCSS";
+import { PopsIcon } from "./PopsIcon";
+import { PopsLayer } from "./PopsLayer";
+import { PopsAnimation } from "./PopsAnimation";
 
 class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2025.5.26",
-		cssText: {
-			/** 主CSS */
-			index: indexCSS,
-			/** 九宫格位置CSS */
-			ninePalaceGridPosition: ninePalaceGridPositionCSS,
-			/** 滚动条CSS */
-			scrollbar: scrollbarCSS,
-			/** 按钮CSS */
-			button: buttonCSS,
-			/** 通用的CSS */
-			common: commonCSS,
-			/** 动画 */
-			anim: animCSS,
-			/** pops.alert */
-			alertCSS: alertCSS,
-			/** pops.cponfirm */
-			confirmCSS: confirmCSS,
-			/** pops.prompt */
-			promptCSS: promptCSS,
-			/** pops.loading */
-			loadingCSS: loadingCSS,
-			/** pops.iframe */
-			iframeCSS: iframeCSS,
-			/** pops.tooltip */
-			tooltipCSS: tooltipCSS,
-			/** pops.drawer */
-			drawerCSS: drawerCSS,
-			/** pops.folder */
-			folderCSS: folderCSS,
-			/** pops.folder */
-			panelCSS: panelCSS,
-			/** pops.rightClickMenu */
-			rightClickMenu: rightClickMenuCSS,
-		},
+		version: "2025.6.4",
+		cssText: PopsCSS,
 		/** icon图标的svg代码 */
-		iconSVG: {
-			min: SVG_min,
-			mise: SVG_mise,
-			max: SVG_max,
-			close: SVG_close,
-			edit: SVG_edit,
-			share: SVG_share,
-			delete: SVG_delete,
-			search: SVG_search,
-			upload: SVG_upload,
-			loading: SVG_loading,
-			next: SVG_next,
-			prev: SVG_prev,
-			eleme: SVG_eleme,
-			elemePlus: SVG_elemePlus,
-			chromeFilled: SVG_chromeFilled,
-			cpu: SVG_cpu,
-			videoPlay: SVG_videoPlay,
-			videoPause: SVG_videoPause,
-			headset: SVG_headset,
-			monitor: SVG_monitor,
-			documentCopy: SVG_documentCopy,
-			picture: SVG_picture,
-			circleClose: SVG_circleClose,
-			view: SVG_view,
-			hide: SVG_hide,
-			keyboard: SVG_keyboard,
-			arrowRight: SVG_arrowRight,
-			arrowLeft: SVG_arrowLeft,
-		} as {
-			[key in PopsIcon]: string;
-		},
+		iconSVG: PopsIcon.$data,
 		/** 当前已配置的动画@keyframes名字映射(初始化时生成) */
-		animation: {} as {
-			[key: string]: CSSKeyframesRule;
-		},
-		/** 是否初始化 */
-		isInit: false,
+		animation: PopsAnimation.$data,
 		/** 存储已创建的元素 */
-		layer: {
-			alert: [],
-			confirm: [],
-			prompt: [],
-			loading: [],
-			iframe: [],
-			tooltip: [],
-			drawer: [],
-			folder: [],
-			panel: [],
-			rightClickMenu: [],
-		} as {
-			[key in PopsLayerMode]: PopsLayerCommonConfig[];
-		},
+		layer: PopsLayer,
 		/** 禁止滚动 */
 		forbiddenScroll: {
 			event(event: Event) {
@@ -186,22 +61,7 @@ class Pops {
 		/** pops.panel中用于处理各个类型的工具 */
 		panelHandleContentUtils: PanelHandleContentDetails,
 	};
-	init() {
-		if (!this.config.isInit) {
-			/* 处理获取当前所有的动画名 */
-			this.config.isInit = true;
-			let animationStyle = document.createElement("style");
-			PopsSafeUtils.setSafeHTML(animationStyle, this.config.cssText.anim);
-			popsDOMUtils.appendHead(animationStyle);
-			this.config.animation = null as any;
-			this.config.animation = PopsInstanceUtils.getKeyFrames(
-				animationStyle.sheet!
-			);
-			popsUtils.setTimeout(() => {
-				animationStyle.remove();
-			}, 50);
-		}
-	}
+	init() {}
 	/**
 	 * 释放原有的pops控制权
 	 * @example
@@ -224,8 +84,8 @@ class Pops {
 	 * 通过navigator.userAgent判断是否是手机访问
 	 * @param userAgent
 	 */
-	isPhone(userAgent = PopsCore.globalThis.navigator.userAgent): boolean {
-		return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(userAgent));
+	isPhone(userAgent?: string) {
+		return popsUtils.isPhone(userAgent);
 	}
 	/**
 	 * 为所有弹窗设置全局属性

package/src/PopsAnimation.ts

@@ -0,0 +1,32 @@
+import { PopsCSS } from "./PopsCSS";
+import { popsDOMUtils } from "./utils/PopsDOMUtils";
+import { PopsSafeUtils } from "./utils/PopsSafeUtils";
+import { popsUtils } from "./utils/PopsUtils";
+
+export const PopsAnimation = {
+	$data: {} as { [key: string]: CSSKeyframesRule },
+	$flag: {
+		/** 是否初始化 */
+		isInit: false,
+	},
+	init() {
+		if (!this.$flag.isInit) {
+			this.$flag.isInit = true;
+			/* 处理获取当前所有的动画名 */
+			let animationStyle = document.createElement("style");
+			PopsSafeUtils.setSafeHTML(animationStyle, PopsCSS.anim);
+			popsDOMUtils.appendHead(animationStyle);
+			this.$data = null as any;
+			this.$data = popsDOMUtils.getKeyFrames(animationStyle.sheet!);
+			popsUtils.setTimeout(() => {
+				animationStyle.remove();
+			}, 50);
+		}
+	},
+	/**
+	 * 判断是否存在某个动画名
+	 */
+	hasAnim(name: string) {
+		return this.$data.hasOwnProperty(name);
+	},
+};