@whitesev/pops 2.0.10 → 2.0.11

package/src/components/panel/index.ts

@@ -1,6 +1,5 @@
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
-import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
@@ -8,6 +7,7 @@ import type { PopsPanelDetails } from "./indexType";
 import { PopsPanelConfig } from "./config";
 import { PanelHandleContentDetails } from "./PanelHandleContentDetails";
 import { GlobalConfig } from "../../GlobalConfig";
+import { PopsCSS } from "../../PopsCSS";
 
 export const PopsPanel = {
 	init(details: PopsPanelDetails) {
@@ -25,13 +25,13 @@ export const PopsPanel = {
 
 		const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
 		PopsHandler.handleInit($shadowRoot, [
-			pops.config.cssText.index,
-			pops.config.cssText.ninePalaceGridPosition,
-			pops.config.cssText.scrollbar,
-			pops.config.cssText.button,
-			pops.config.cssText.anim,
-			pops.config.cssText.common,
-			pops.config.cssText.panelCSS,
+			PopsCSS.index,
+			PopsCSS.ninePalaceGridPosition,
+			PopsCSS.scrollbar,
+			PopsCSS.button,
+			PopsCSS.anim,
+			PopsCSS.common,
+			PopsCSS.panelCSS,
 		]);
 
 		// 先把z-index提取出来
@@ -81,7 +81,7 @@ export const PopsPanel = {
 			contentAsideElement: $contentAside,
 			contentSectionContainerElement: $contentSectionContainer,
 		} = PopsHandler.handleQueryElement($anim, PopsType);
-		if (config.isMobile || pops.isPhone()) {
+		if (config.isMobile || popsUtils.isPhone()) {
 			popsDOMUtils.addClassName($pops, config.mobileClassName);
 		}
 		/**

package/src/components/prompt/index.ts

@@ -1,7 +1,7 @@
 import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
-import { pops } from "../../Pops";
+import { PopsCSS } from "../../PopsCSS";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
@@ -21,13 +21,13 @@ export const PopsPrompt = {
 
 		const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
 		PopsHandler.handleInit($shadowRoot, [
-			pops.config.cssText.index,
-			pops.config.cssText.ninePalaceGridPosition,
-			pops.config.cssText.scrollbar,
-			pops.config.cssText.button,
-			pops.config.cssText.anim,
-			pops.config.cssText.common,
-			pops.config.cssText.promptCSS,
+			PopsCSS.index,
+			PopsCSS.ninePalaceGridPosition,
+			PopsCSS.scrollbar,
+			PopsCSS.button,
+			PopsCSS.anim,
+			PopsCSS.common,
+			PopsCSS.promptCSS,
 		]);
 
 		// 先把z-index提取出来

package/src/components/rightClickMenu/config.ts

@@ -1,4 +1,4 @@
-import { pops } from "../../Pops";
+import { PopsIcon } from "../../PopsIcon";
 import type { PopsRightClickMenuDetails } from "./indexType";
 
 export const rightClickMenuConfig =
@@ -8,7 +8,7 @@ export const rightClickMenuConfig =
 			targetSelector: null,
 			data: [
 				{
-					icon: pops.config.iconSVG.search,
+					icon: PopsIcon.getIcon("search")!,
 					iconIsLoading: false,
 					text: "搜索",
 					item: [],
@@ -21,7 +21,7 @@ export const rightClickMenuConfig =
 					},
 				},
 				{
-					icon: pops.config.iconSVG.documentCopy,
+					icon: PopsIcon.getIcon("documentCopy")!,
 					iconIsLoading: false,
 					text: "复制",
 					item: [],
@@ -34,7 +34,7 @@ export const rightClickMenuConfig =
 					},
 				},
 				{
-					icon: pops.config.iconSVG.delete,
+					icon: PopsIcon.getIcon("delete")!,
 					text: "删除",
 					iconIsLoading: false,
 					item: [],
@@ -47,7 +47,7 @@ export const rightClickMenuConfig =
 					},
 				},
 				{
-					icon: pops.config.iconSVG.loading,
+					icon: PopsIcon.getIcon("loading")!,
 					iconIsLoading: true,
 					text: "加载",
 					item: [],
@@ -61,7 +61,7 @@ export const rightClickMenuConfig =
 					},
 				},
 				{
-					icon: pops.config.iconSVG.elemePlus,
+					icon: PopsIcon.getIcon("elemePlus")!,
 					iconIsLoading: true,
 					text: "饿了么",
 					callback(clickEvent, contextMenuEvent, liElement) {
@@ -99,7 +99,7 @@ export const rightClickMenuConfig =
 							},
 							item: [
 								{
-									icon: pops.config.iconSVG.view,
+									icon: PopsIcon.getIcon("view")!,
 									iconIsLoading: false,
 									text: "查看",
 									item: [],

package/src/components/rightClickMenu/index.ts

@@ -1,16 +1,16 @@
 import { OriginPrototype } from "../../Core";
 import { GlobalConfig } from "../../GlobalConfig";
 import { PopsHandler } from "../../handler/PopsHandler";
-import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsSafeUtils } from "../../utils/PopsSafeUtils";
 import { popsUtils } from "../../utils/PopsUtils";
 import { rightClickMenuConfig as PopsRightClickMenuConfig } from "./config";
-import type { PopsIcon } from "../../types/icon";
 import type {
 	PopsRightClickMenuDataDetails,
 	PopsRightClickMenuDetails,
 } from "./indexType";
+import { PopsCSS } from "../../PopsCSS";
+import { PopsIcon } from "../../PopsIcon";
 
 export const PopsRightClickMenu = {
 	init(details: PopsRightClickMenuDetails) {
@@ -31,10 +31,10 @@ export const PopsRightClickMenu = {
 		}
 		const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
 		PopsHandler.handleInit($shadowRoot, [
-			pops.config.cssText.index,
-			pops.config.cssText.anim,
-			pops.config.cssText.common,
-			pops.config.cssText.rightClickMenu,
+			PopsCSS.index,
+			PopsCSS.anim,
+			PopsCSS.common,
+			PopsCSS.rightClickMenu,
 		]);
 
 		if (config.style != null) {
@@ -441,12 +441,11 @@ export const PopsRightClickMenu = {
 				let menuULElement = menuElement.querySelector<HTMLUListElement>("ul")!;
 				_config_.forEach((item) => {
 					let menuLiElement =
-						popsUtils.parseTextToDOM<HTMLLIElement>(`<li></li>`);
+						popsDOMUtils.parseTextToDOM<HTMLLIElement>(`<li></li>`);
 					/* 判断有无图标，有就添加进去 */
 					if (typeof item.icon === "string" && item.icon.trim() !== "") {
-						let iconSVGHTML =
-							pops.config.iconSVG[item.icon as PopsIcon] ?? item.icon;
-						let iconElement = popsUtils.parseTextToDOM(
+						let iconSVGHTML = PopsIcon.getIcon(item.icon) ?? item.icon;
+						let iconElement = popsDOMUtils.parseTextToDOM(
 							/*html*/ `<i class="pops-${PopsType}-icon" is-loading="${item.iconIsLoading}">${iconSVGHTML}</i>`
 						);
 						menuLiElement.appendChild(iconElement);

package/src/components/rightClickMenu/indexType.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的右键菜单配置
@@ -8,7 +8,7 @@ export interface PopsRightClickMenuDataDetails {
 	/**
 	 * svg图标
 	 */
-	icon: PopsIcon | string;
+	icon: PopsIconType | string;
 	/**
 	 * 图标是否旋转
 	 */

package/src/components/searchSuggestion/index.ts

@@ -1,11 +1,11 @@
 import { PopsHandler } from "../../handler/PopsHandler";
-import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { popsUtils } from "../../utils/PopsUtils";
 import { searchSuggestionConfig as PopsSearchSuggestionConfig } from "./config";
 import { GlobalConfig } from "../../GlobalConfig";
 import { PopsSafeUtils } from "../../utils/PopsSafeUtils";
 import type { PopsSearchSuggestionDetails } from "./indexType";
+import { PopsCSS } from "../../PopsCSS";
 
 export const PopsSearchSuggestion = {
 	init(details: PopsSearchSuggestionDetails) {
@@ -29,9 +29,9 @@ export const PopsSearchSuggestion = {
 
 		const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
 		PopsHandler.handleInit($shadowRoot, [
-			pops.config.cssText.index,
-			pops.config.cssText.anim,
-			pops.config.cssText.common,
+			PopsCSS.index,
+			PopsCSS.anim,
+			PopsCSS.common,
 		]);
 
 		if (config.style != null) {
@@ -655,7 +655,7 @@ export const PopsSearchSuggestion = {
 				this.$data.isEmpty = true;
 				this.clearAllSearchItemLi();
 				this.$el.$hintULContainer.appendChild(
-					popsUtils.parseTextToDOM(config.toSearhNotResultHTML)
+					popsDOMUtils.parseTextToDOM(config.toSearhNotResultHTML)
 				);
 				if (config.toHideWithNotResult) {
 					this.hide();

package/src/components/tooltip/index.ts

@@ -1,6 +1,6 @@
 import { GlobalConfig } from "../../GlobalConfig";
 import { PopsHandler } from "../../handler/PopsHandler";
-import { pops } from "../../Pops";
+import { PopsCSS } from "../../PopsCSS";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsSafeUtils } from "../../utils/PopsSafeUtils";
 import { popsUtils } from "../../utils/PopsUtils";
@@ -613,10 +613,10 @@ export const PopsTooltip = {
 
 		const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
 		PopsHandler.handleInit($shadowRoot, [
-			pops.config.cssText.index,
-			pops.config.cssText.anim,
-			pops.config.cssText.common,
-			pops.config.cssText.tooltipCSS,
+			PopsCSS.index,
+			PopsCSS.anim,
+			PopsCSS.common,
+			PopsCSS.tooltipCSS,
 		]);
 
 		let toolTip = new ToolTip(config, guid, {

package/src/handler/PopsElementHandler.ts

@@ -1,8 +1,7 @@
 import type { PopsAlertDetails } from "../components/alert/indexType";
 import type { PopsConfirmDetails } from "../components/confirm/indexType";
 import type { PopsIframeDetails } from "../components/iframe/indexType";
-import { pops } from "../Pops";
-import type { PopsIcon } from "../types/icon";
+import type { PopsIconType } from "../types/icon";
 import type {
 	PopsSupportAnim,
 	PopsSupportBottomBtn,
@@ -13,7 +12,8 @@ import type {
 	PopsTypeSupportContent,
 	PopsTypeSupportHeaderTitle,
 } from "../types/main";
-import { popsUtils } from "../utils/PopsUtils";
+import { PopsIcon } from "../PopsIcon";
+import { popsDOMUtils } from "../utils/PopsDOMUtils";
 
 export const PopsElementHandler = {
 	/**
@@ -101,9 +101,7 @@ export const PopsElementHandler = {
 				item = item.toLowerCase();
 				topRightButtonHTML += /*html*/ `
                 <button class="pops-header-control" type="${item}">
-                    <i class="pops-icon">${
-											(pops.config.iconSVG as any)[item]
-										}</i>
+                    <i class="pops-icon">${PopsIcon.getIcon(item)}</i>
                 </button>`;
 			});
 			resultHTML = /*html*/ `
@@ -113,7 +111,7 @@ export const PopsElementHandler = {
 				closeHTML = /*html*/ `
                 <div class="pops-header-controls">
                     <button class="pops-header-control" type="close" data-header>
-                    	<i class="pops-icon">${pops.config.iconSVG["close"]}</i>
+                    	<i class="pops-icon">${PopsIcon.getIcon("close")}</i>
                     </button>
                 </div>`;
 			}
@@ -168,12 +166,12 @@ export const PopsElementHandler = {
 				okButtonSizeClassName = "pops-button-" + config.btn.ok.size;
 			}
 			let okIconHTML = "";
-			let okIcon = __config_confirm.btn.ok!.icon! as PopsIcon | string;
+			let okIcon = __config_confirm.btn.ok!.icon! as PopsIconType | string;
 			if (okIcon !== "") {
 				// 判断图标是否是svg库内的
 				let iconHTML = "";
-				if (okIcon in pops.config.iconSVG) {
-					iconHTML = pops.config.iconSVG[okIcon as PopsIcon];
+				if (PopsIcon.hasIcon(okIcon)) {
+					iconHTML = PopsIcon.getIcon(okIcon)!;
 				} else {
 					iconHTML = okIcon;
 				}
@@ -202,12 +200,14 @@ export const PopsElementHandler = {
 					"pops-button-" + __config_confirm.btn.cancel.size;
 			}
 			let cancelIconHTML = "";
-			let cancelIcon = __config_confirm.btn.cancel!.icon as PopsIcon | string;
+			let cancelIcon = __config_confirm.btn.cancel!.icon as
+				| PopsIconType
+				| string;
 			if (cancelIcon !== "") {
 				let iconHTML = "";
 				// 判断图标是否是svg库内的
-				if (cancelIcon in pops.config.iconSVG) {
-					iconHTML = pops.config.iconSVG[cancelIcon as PopsIcon];
+				if (PopsIcon.hasIcon(cancelIcon)) {
+					iconHTML = PopsIcon.getIcon(cancelIcon)!;
 				} else {
 					iconHTML = cancelIcon;
 				}
@@ -236,12 +236,12 @@ export const PopsElementHandler = {
 					"pops-button-" + __config_confirm.btn.other.size;
 			}
 			let otherIconHTML = "";
-			let otherIcon = __config_confirm.btn.other!.icon as PopsIcon | string;
+			let otherIcon = __config_confirm.btn.other!.icon as PopsIconType | string;
 			if (otherIcon !== "") {
 				let iconHTML = "";
 				// 判断图标是否是svg库内的
-				if (otherIcon in pops.config.iconSVG) {
-					iconHTML = pops.config.iconSVG[otherIcon as PopsIcon];
+				if (PopsIcon.hasIcon(otherIcon)) {
+					iconHTML = PopsIcon.getIcon(otherIcon)!;
 				} else {
 					otherIcon;
 				}
@@ -315,6 +315,6 @@ export const PopsElementHandler = {
 	 * @param html
 	 */
 	parseElement<T extends HTMLElement>(html: string): T {
-		return popsUtils.parseTextToDOM(html);
+		return popsDOMUtils.parseTextToDOM(html);
 	},
 };

package/src/handler/PopsHandler.ts

@@ -7,7 +7,8 @@ import type { PopsLoadingDetails } from "../components/loading/indexType";
 import type { PopsPanelDetails } from "../components/panel/indexType";
 import type { PopsPromptDetails } from "../components/prompt/indexType";
 import { PopsCore } from "../Core";
-import { pops } from "../Pops";
+import { PopsAnimation } from "../PopsAnimation";
+import { PopsLayer } from "../PopsLayer";
 import type { PopsCommonConfig } from "../types/components";
 import { PopsEventDetails, PopsHandlerEventDetails } from "../types/event";
 import { PopsLayerCommonConfig } from "../types/layer";
@@ -50,7 +51,7 @@ export const PopsHandler = {
 		$shadowRoot?: ShadowRoot | HTMLElement,
 		cssText?: string | string[]
 	) {
-		pops.init();
+		PopsAnimation.init();
 		if (!arguments.length) {
 			return;
 		}
@@ -101,7 +102,9 @@ export const PopsHandler = {
 		}
 	) {
 		let result = {
-			maskElement: popsUtils.parseTextToDOM<HTMLDivElement>(details.maskHTML),
+			maskElement: popsDOMUtils.parseTextToDOM<HTMLDivElement>(
+				details.maskHTML
+			),
 		};
 		let isMaskClick = false;
 		/**
@@ -111,7 +114,7 @@ export const PopsHandler = {
 		function clickEvent(event: MouseEvent | PointerEvent) {
 			popsDOMUtils.preventEvent(event);
 			// 获取该类型实例存储列表
-			let targetLayer = pops.config.layer[details.type];
+			let targetLayer = PopsLayer[details.type];
 			function originalRun() {
 				if (details.config.mask!.clickEvent!.toClose) {
 					/* 关闭 */
@@ -400,7 +403,7 @@ export const PopsHandler = {
 			close() {
 				return PopsInstanceUtils.close(
 					mode,
-					pops.config.layer[mode],
+					PopsLayer[mode],
 					guid,
 					config,
 					animElement
@@ -409,7 +412,7 @@ export const PopsHandler = {
 			hide() {
 				return PopsInstanceUtils.hide(
 					mode,
-					pops.config.layer[mode],
+					PopsLayer[mode],
 					guid,
 					config,
 					animElement,
@@ -419,7 +422,7 @@ export const PopsHandler = {
 			show() {
 				return PopsInstanceUtils.show(
 					mode,
-					pops.config.layer[mode],
+					PopsLayer[mode],
 					guid,
 					config,
 					animElement,
@@ -463,7 +466,7 @@ export const PopsHandler = {
 			close() {
 				return PopsInstanceUtils.close(
 					mode,
-					pops.config.layer[mode],
+					PopsLayer[mode],
 					guid,
 					config,
 					animElement
@@ -472,7 +475,7 @@ export const PopsHandler = {
 			hide() {
 				return PopsInstanceUtils.hide(
 					mode,
-					pops.config.layer[mode],
+					PopsLayer[mode],
 					guid,
 					config,
 					animElement,
@@ -482,7 +485,7 @@ export const PopsHandler = {
 			show() {
 				return PopsInstanceUtils.show(
 					mode,
-					pops.config.layer[mode],
+					PopsLayer[mode],
 					guid,
 					config,
 					animElement,
@@ -636,20 +639,20 @@ export const PopsHandler = {
 				type === "tooltip" ||
 				type === "rightClickMenu"
 			) {
-				let layer = pops.config.layer[type as keyof typeof pops.config.layer];
+				let layer = PopsLayer[type as keyof typeof PopsLayer];
 				if (layer) {
 					PopsInstanceUtils.removeInstance([layer], "", true);
 				}
 			} else {
 				PopsInstanceUtils.removeInstance(
 					[
-						pops.config.layer.alert,
-						pops.config.layer.confirm,
-						pops.config.layer.prompt,
-						pops.config.layer.iframe,
-						pops.config.layer.drawer,
-						pops.config.layer.folder,
-						pops.config.layer.panel,
+						PopsLayer.alert,
+						PopsLayer.confirm,
+						PopsLayer.prompt,
+						PopsLayer.iframe,
+						PopsLayer.drawer,
+						PopsLayer.folder,
+						PopsLayer.panel,
 					],
 					"",
 					true
@@ -674,6 +677,6 @@ export const PopsHandler = {
 	 * @param value
 	 */
 	handlePush(type: PopsLayerMode, value: PopsLayerCommonConfig) {
-		pops.config.layer[type].push(value);
+		PopsLayer[type].push(value);
 	},
 };

package/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/src/types/icon.d.ts

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

package/src/utils/PopsDOMUtils.ts

@@ -1670,7 +1670,21 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
 		});
 		return tempElement;
 	}
-
+	/**
+	 * 字符串转HTMLElement
+	 * @param elementString
+	 * @returns
+	 */
+	parseTextToDOM<R extends HTMLElement>(elementString: string): R {
+		/* 去除前后的换行和空格 */
+		elementString = elementString
+			.replace(/^[\n|\s]*/g, "")
+			.replace(/[\n|\s]*$/g, "");
+		let targetElement = this.createElement("div", {
+			innerHTML: elementString,
+		});
+		return targetElement.firstChild as any as R;
+	}
 	/**
 	 * 获取文字的位置信息
 	 * @param input 输入框
@@ -2119,6 +2133,25 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
 			element!.parentElement!.insertBefore(content, element.nextSibling);
 		}
 	}
+	/**
+	 * 获取CSS Rule
+	 * @param sheet
+	 * @returns
+	 */
+	getKeyFrames(sheet: CSSStyleSheet) {
+		let result = {};
+		Object.keys(sheet.cssRules).forEach((key) => {
+			if (
+				(sheet.cssRules as any)[key].type === 7 &&
+				(sheet.cssRules as any)[key].name.startsWith("pops-anim-")
+			) {
+				(result as any)[(sheet.cssRules as any)[key].name] = (
+					sheet.cssRules as any
+				)[key];
+			}
+		});
+		return result;
+	}
 }
 
 const popsDOMUtils = new PopsDOMUtils();

package/src/utils/PopsInstanceUtils.ts

@@ -11,7 +11,8 @@ import type { PopsLayerMode } from "../types/main";
 import { popsDOMUtils } from "./PopsDOMUtils";
 import { popsUtils } from "./PopsUtils";
 import { PopsCore } from "../Core";
-import { pops } from "../Pops";
+import { PopsLayer } from "../PopsLayer";
+import { PopsAnimation } from "../PopsAnimation";
 
 export const PopsInstanceUtils = {
 	/**
@@ -120,8 +121,8 @@ export const PopsInstanceUtils = {
 		function isVisibleNode($css: CSSStyleDeclaration): boolean {
 			return $css.position !== "static" && $css.display !== "none";
 		}
-		Object.keys(pops.config.layer).forEach((layerName) => {
-			let layerList = pops.config.layer[layerName as PopsLayerMode];
+		Object.keys(PopsLayer).forEach((layerName) => {
+			let layerList = PopsLayer[layerName as PopsLayerMode];
 			for (let index = 0; index < layerList.length; index++) {
 				const layer = layerList[index];
 				let nodeStyle = window.getComputedStyle(layer.animElement);
@@ -155,25 +156,6 @@ export const PopsInstanceUtils = {
 	getMaxZIndex(deviation = 1): number {
 		return this.getMaxZIndexNodeInfo(deviation).zIndex;
 	},
-	/**
-	 * 获取CSS Rule
-	 * @param sheet
-	 * @returns
-	 */
-	getKeyFrames(sheet: CSSStyleSheet) {
-		let result = {};
-		Object.keys(sheet.cssRules).forEach((key) => {
-			if (
-				(sheet.cssRules as any)[key].type === 7 &&
-				(sheet.cssRules as any)[key].name.startsWith("pops-anim-")
-			) {
-				(result as any)[(sheet.cssRules as any)[key].name] = (
-					sheet.cssRules as any
-				)[key];
-			}
-		});
-		return result;
-	},
 	/**
 	 * 删除配置中对应的对象
 	 * @param moreLayerConfigList 配置实例列表
@@ -206,17 +188,17 @@ export const PopsInstanceUtils = {
 				// 移除全部或者guid相同
 				if (isAll || layerConfigItem["guid"] === guid) {
 					// 判断是否有动画
-					if (
-						pops.config.animation.hasOwnProperty(
-							layerConfigItem.animElement.getAttribute("anim") as string
-						)
-					) {
+					let animName = layerConfigItem.animElement.getAttribute(
+						"anim"
+					) as string;
+					if (PopsAnimation.hasAnim(animName)) {
+						let reverseAnimName = animName + "-reverse";
 						layerConfigItem.animElement.style.width = "100%";
 						layerConfigItem.animElement.style.height = "100%";
 						(layerConfigItem.animElement.style as any)["animation-name"] =
-							layerConfigItem.animElement.getAttribute("anim") + "-reverse";
+							reverseAnimName;
 						if (
-							pops.config.animation.hasOwnProperty(
+							PopsAnimation.hasAnim(
 								(layerConfigItem.animElement.style as any)["animation-name"]
 							)
 						) {
@@ -296,7 +278,7 @@ export const PopsInstanceUtils = {
 					(layerConfigItem.animElement.style as any)["animation-name"] =
 						layerConfigItem.animElement.getAttribute("anim") + "-reverse";
 					if (
-						pops.config.animation.hasOwnProperty(
+						PopsAnimation.hasAnim(
 							(layerConfigItem.animElement.style as any)["animation-name"]
 						)
 					) {
@@ -394,7 +376,7 @@ export const PopsInstanceUtils = {
 							.animElement!.getAttribute("anim")!
 							.replace("-reverse", "");
 					if (
-						pops.config.animation.hasOwnProperty(
+						PopsAnimation.hasAnim(
 							(layerConfigItem.animElement.style as any)["animation-name"]
 						)
 					) {