@whitesev/pops 2.2.0 → 2.2.1

package/dist/index.esm.js

@@ -2338,7 +2338,10 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
 }
 const popsDOMUtils = new PopsDOMUtils();
 
-const PopsLayerData = {
+/**
+ * 弹窗实例数据
+ */
+const PopsInstData = {
     alert: [],
     confirm: [],
     drawer: [],
@@ -2356,7 +2359,7 @@ var indexCSS = "@charset \"utf-8\";\r\n.pops * {\r\n\t-webkit-box-sizing: border
 
 var ninePalaceGridPositionCSS = ".pops[position=\"top_left\"] {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n.pops[position=\"top\"] {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n}\r\n.pops[position=\"top_right\"] {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.pops[position=\"center_left\"] {\r\n\tposition: fixed;\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translateY(-50%);\r\n}\r\n.pops[position=\"center\"] {\r\n\tposition: fixed;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n}\r\n.pops[position=\"center_right\"] {\r\n\tposition: fixed;\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translateY(-50%);\r\n}\r\n.pops[position=\"bottom_left\"] {\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n}\r\n.pops[position=\"bottom\"] {\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, 0);\r\n}\r\n.pops[position=\"bottom_right\"] {\r\n\tposition: fixed;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n";
 
-var scrollbarCSS = "/* firefox上暂不支持::-webkit-scrollbar */\r\n.pops ::-webkit-scrollbar {\r\n\twidth: 6px;\r\n\theight: 0;\r\n}\r\n\r\n.pops ::-webkit-scrollbar-track {\r\n\twidth: 0;\r\n}\r\n.pops ::-webkit-scrollbar-thumb:hover {\r\n\tbackground: rgb(178, 178, 178, var(--pops-bg-opacity));\r\n}\r\n.pops ::-webkit-scrollbar-thumb {\r\n\tmin-height: 28px;\r\n\tborder-radius: 2em;\r\n\tbackground: rgb(204, 204, 204, var(--pops-bg-opacity));\r\n\tbackground-clip: padding-box;\r\n}\r\n";
+var scrollbarCSS = "/* ::-webkit-scrollbar 是非标准的css */\r\n/* https://caniuse.com/?search=%20%3A%3A-webkit-scrollbar */\r\n.pops ::-webkit-scrollbar {\r\n\twidth: 6px;\r\n\theight: 0;\r\n}\r\n\r\n/* 滚动条轨道 */\r\n.pops ::-webkit-scrollbar-track {\r\n\twidth: 0;\r\n}\r\n/* 滚动条滑块 */\r\n.pops ::-webkit-scrollbar-thumb {\r\n\tmin-height: 28px;\r\n\tborder-radius: 2em;\r\n\tbackground: rgb(204, 204, 204, var(--pops-bg-opacity, 1));\r\n\tbackground-clip: padding-box;\r\n}\r\n/* 滚动条滑块 */\r\n.pops ::-webkit-scrollbar-thumb:hover {\r\n\tbackground: rgb(178, 178, 178, var(--pops-bg-opacity, 1));\r\n}\r\n";
 
 var buttonCSS = ".pops {\r\n\t--button-font-size: 14px;\r\n\t--button-height: 32px;\r\n\t--button-color: rgb(51, 51, 51);\r\n\t--button-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n\t--button-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n\t--button-margin-top: 0px;\r\n\t--button-margin-bottom: 0px;\r\n\t--button-margin-left: 5px;\r\n\t--button-margin-right: 5px;\r\n\t--button-padding-top: 6px;\r\n\t--button-padding-bottom: 6px;\r\n\t--button-padding-left: 12px;\r\n\t--button-padding-right: 12px;\r\n\t--button-radius: 4px;\r\n\r\n\t--container-title-height: 55px;\r\n\t--container-bottom-btn-height: 55px;\r\n\r\n\t/* default按钮 */\r\n\t--button-default-color: #333333;\r\n\t--button-default-bd-color: #dcdfe6;\r\n\t--button-default-bg-color: #ffffff;\r\n\t--button-default-active-color: #409eff;\r\n\t--button-default-active-bd-color: #409eff;\r\n\t--button-default-active-bg-color: #ecf5ff;\r\n\t--button-default-hover-color: #409eff;\r\n\t--button-default-hover-bd-color: #c6e2ff;\r\n\t--button-default-hover-bg-color: #ecf5ff;\r\n\t--button-default-focus-visible-outline-color: #a0cfff;\r\n\t--button-default-focus-visible-outline: 2px solid\r\n\t\tvar(--button-default-focus-visible-outline-color);\r\n\t--button-default-focus-visible-outline-offset: 1px;\r\n\t--button-default-disabled-color: #a8abb2;\r\n\t--button-default-disabled-bd-color: #ffffff;\r\n\t--button-default-disabled-bg-color: #e4e7ed;\r\n\r\n\t/* primary按钮 */\r\n\t--button-primary-color: #ffffff;\r\n\t--button-primary-bd-color: #409eff;\r\n\t--button-primary-bg-color: #409eff;\r\n\t--button-primary-active-color: #ffffff;\r\n\t--button-primary-active-bd-color: #337ecc;\r\n\t--button-primary-active-bg-color: #337ecc;\r\n\t--button-primary-hover-color: #ffffff;\r\n\t--button-primary-hover-bd-color: #79bbff;\r\n\t--button-primary-hover-bg-color: #79bbff;\r\n\t--button-primary-focus-visible-outline-color: #a0cfff;\r\n\t--button-primary-focus-visible-outline: 2px solid\r\n\t\tvar(--button-primary-focus-visible-outline-color);\r\n\t--button-primary-focus-visible-outline-offset: 1px;\r\n\t--button-primary-disabled-color: #ffffff80;\r\n\t--button-primary-disabled-bd-color: #a0cfff;\r\n\t--button-primary-disabled-bg-color: #a0cfff;\r\n\r\n\t/* success按钮 */\r\n\t--button-success-color: #ffffff;\r\n\t--button-success-bd-color: #4cae4c;\r\n\t--button-success-bg-color: #5cb85c;\r\n\t--button-success-active-color: #ffffff;\r\n\t--button-success-active-bd-color: #529b2e;\r\n\t--button-success-active-bg-color: #529b2e;\r\n\t--button-success-hover-color: #ffffff;\r\n\t--button-success-hover-bd-color: #95d475;\r\n\t--button-success-hover-bg-color: #95d475;\r\n\t--button-success-focus-visible-outline-color: #b3e19d;\r\n\t--button-success-focus-visible-outline: 2px solid\r\n\t\tvar(--button-success-focus-visible-outline-color);\r\n\t--button-success-focus-visible-outline-offset: 1px;\r\n\t--button-success-disabled-color: #ffffff80;\r\n\t--button-success-disabled-bd-color: #b3e19d;\r\n\t--button-success-disabled-bg-color: #b3e19d;\r\n\r\n\t/* info按钮 */\r\n\t--button-info-color: #ffffff;\r\n\t--button-info-bd-color: #909399;\r\n\t--button-info-bg-color: #909399;\r\n\t--button-info-active-color: #ffffff;\r\n\t--button-info-active-bd-color: #73767a;\r\n\t--button-info-active-bg-color: #73767a;\r\n\t--button-info-hover-color: #ffffff;\r\n\t--button-info-hover-bd-color: #b1b3b8;\r\n\t--button-info-hover-bg-color: #b1b3b8;\r\n\t--button-info-focus-visible-outline-color: #c8c9cc;\r\n\t--button-info-focus-visible-outline: 2px solid\r\n\t\tvar(--button-info-focus-visible-outline-color);\r\n\t--button-info-focus-visible-outline-offset: 1px;\r\n\t--button-info-disabled-color: #ffffff80;\r\n\t--button-info-disabled-bd-color: #c8c9cc;\r\n\t--button-info-disabled-bg-color: #c8c9cc;\r\n\r\n\t/* warning按钮 */\r\n\t--button-warning-color: #ffffff;\r\n\t--button-warning-bd-color: #e6a23c;\r\n\t--button-warning-bg-color: #e6a23c;\r\n\t--button-warning-active-color: #ffffff;\r\n\t--button-warning-active-bd-color: #b88230;\r\n\t--button-warning-active-bg-color: #b88230;\r\n\t--button-warning-hover-color: #ffffff80;\r\n\t--button-warning-hover-bd-color: #eebe77;\r\n\t--button-warning-hover-bg-color: #eebe77;\r\n\t--button-warning-focus-visible-outline-color: #f3d19e;\r\n\t--button-warning-focus-visible-outline: 2px solid\r\n\t\tvar(--button-warning-focus-visible-outline-color);\r\n\t--button-warning-focus-visible-outline-offset: 1px;\r\n\t--button-warning-disabled-color: #ffffff80;\r\n\t--button-warning-disabled-bd-color: #f3d19e;\r\n\t--button-warning-disabled-bg-color: #f3d19e;\r\n\r\n\t/* danger按钮 */\r\n\t--button-danger-color: #ffffff;\r\n\t--button-danger-bd-color: #f56c6c;\r\n\t--button-danger-bg-color: #f56c6c;\r\n\t--button-danger-active-color: #ffffff;\r\n\t--button-danger-active-bd-color: #c45656;\r\n\t--button-danger-active-bg-color: #c45656;\r\n\t--button-danger-hover-color: #ffffff;\r\n\t--button-danger-hover-bd-color: #f89898;\r\n\t--button-danger-hover-bg-color: #f89898;\r\n\t--button-danger-focus-visible-outline-color: #fab6b6;\r\n\t--button-danger-focus-visible-outline: 2px solid\r\n\t\tvar(--button-danger-focus-visible-outline-color);\r\n\t--button-danger-focus-visible-outline-offset: 1px;\r\n\t--button-danger-disabled-color: #ffffff80;\r\n\t--button-danger-disabled-bd-color: #fab6b6;\r\n\t--button-danger-disabled-bg-color: #fab6b6;\r\n\r\n\t/* xiaomi-primary按钮 */\r\n\t--button-xiaomi-primary-color: #ffffff;\r\n\t--button-xiaomi-primary-bd-color: #ff5c00;\r\n\t--button-xiaomi-primary-bg-color: #ff5c00;\r\n\t--button-xiaomi-primary-active-color: #ffffff;\r\n\t--button-xiaomi-primary-active-bd-color: #da4f00;\r\n\t--button-xiaomi-primary-active-bg-color: #da4f00;\r\n\t--button-xiaomi-primary-hover-color: #ffffff;\r\n\t--button-xiaomi-primary-hover-bd-color: #ff7e29;\r\n\t--button-xiaomi-primary-hover-bg-color: #ff7e29;\r\n\t--button-xiaomi-primary-focus-visible-outline-color: #ffa061;\r\n\t--button-xiaomi-primary-focus-visible-outline: 2px solid\r\n\t\tvar(--button-xiaomi-primary-focus-visible-outline-color);\r\n\t--button-xiaomi-primary-focus-visible-outline-offset: 1px;\r\n\t--button-xiaomi-primary-disabled-color: #ffffff80;\r\n\t--button-xiaomi-primary-disabled-bd-color: #fad5b6;\r\n\t--button-xiaomi-primary-disabled-bg-color: #fad5b6;\r\n\r\n\t/* violet按钮 */\r\n\t--button-violet-color: #ffffff;\r\n\t--button-violet-bd-color: #626aef;\r\n\t--button-violet-bg-color: #626aef;\r\n\t--button-violet-active-color: #ffffff;\r\n\t--button-violet-active-bd-color: #8188f2;\r\n\t--button-violet-active-bg-color: #8188f2;\r\n\t--button-violet-hover-color: #ffffff;\r\n\t--button-violet-hover-bd-color: #4b50ad;\r\n\t--button-violet-hover-bg-color: #4b50ad;\r\n\t--button-violet-focus-visible-outline-color: #2a598a;\r\n\t--button-violet-focus-visible-outline: 2px solid\r\n\t\tvar(--button-violet-focus-visible-outline-color);\r\n\t--button-violet-focus-visible-outline-offset: 1px;\r\n\t--button-violet-disabled-color: #ffffff80;\r\n\t--button-violet-disabled-bd-color: #3b3f82;\r\n\t--button-violet-disabled-bg-color: #3b3f82;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n\t.pops {\r\n\t\t/* default按钮 */\r\n\t\t--button-default-color: #cfd3dc;\r\n\t\t--button-default-bd-color: #4c4d4f;\r\n\t\t--button-default-bg-color: transparent;\r\n\t\t--button-default-active-color: #409eff;\r\n\t\t--button-default-active-bd-color: #409eff;\r\n\t\t--button-default-active-bg-color: #18222c;\r\n\t\t--button-default-hover-color: #409eff;\r\n\t\t--button-default-hover-bd-color: #213d5b;\r\n\t\t--button-default-hover-bg-color: #18222c;\r\n\t\t--button-default-focus-visible-outline-color: #2a598a;\r\n\t\t--button-default-focus-visible-outline: 2px solid\r\n\t\t\tvar(--button-default-focus-visible-outline-color);\r\n\t\t--button-default-focus-visible-outline-offset: 1px;\r\n\t\t--button-default-disabled-color: #ffffff80;\r\n\t\t--button-default-disabled-bd-color: #414243;\r\n\t\t--button-default-disabled-bg-color: transparent;\r\n\r\n\t\t/* primary按钮 */\r\n\t\t--button-primary-color: #ffffff;\r\n\t\t--button-primary-bd-color: #409eff;\r\n\t\t--button-primary-bg-color: #409eff;\r\n\t\t--button-primary-active-color: #ffffff;\r\n\t\t--button-primary-active-bd-color: #66b1ff;\r\n\t\t--button-primary-active-bg-color: #66b1ff;\r\n\t\t--button-primary-hover-color: #ffffff;\r\n\t\t--button-primary-hover-bd-color: #3375b9;\r\n\t\t--button-primary-hover-bg-color: #3375b9;\r\n\t\t--button-primary-focus-visible-outline-color: #2a598a;\r\n\t\t--button-primary-focus-visible-outline: 2px solid\r\n\t\t\tvar(--button-primary-focus-visible-outline-color);\r\n\t\t--button-primary-focus-visible-outline-offset: 1px;\r\n\t\t--button-primary-disabled-color: #ffffff80;\r\n\t\t--button-primary-disabled-bd-color: #2a598a;\r\n\t\t--button-primary-disabled-bg-color: #2a598a;\r\n\r\n\t\t/* success按钮 */\r\n\t\t--button-success-color: #ffffff;\r\n\t\t--button-success-bd-color: #67c23a;\r\n\t\t--button-success-bg-color: #67c23a;\r\n\t\t--button-success-active-color: #ffffff;\r\n\t\t--button-success-active-bd-color: #85ce61;\r\n\t\t--button-success-active-bg-color: #85ce61;\r\n\t\t--button-success-hover-color: #ffffff;\r\n\t\t--button-success-hover-bd-color: #4e8e2f;\r\n\t\t--button-success-hover-bg-color: #4e8e2f;\r\n\t\t--button-success-focus-visible-outline-color: #3e6b27;\r\n\t\t--button-success-focus-visible-outline: 2px solid\r\n\t\t\tvar(--button-success-focus-visible-outline-color);\r\n\t\t--button-success-focus-visible-outline-offset: 1px;\r\n\t\t--button-success-disabled-color: #ffffff80;\r\n\t\t--button-success-disabled-bd-color: #3e6b27;\r\n\t\t--button-success-disabled-bg-color: #3e6b27;\r\n\r\n\t\t/* info按钮 */\r\n\t\t--button-info-color: #ffffff;\r\n\t\t--button-info-bd-color: #909399;\r\n\t\t--button-info-bg-color: #909399;\r\n\t\t--button-info-active-color: #ffffff;\r\n\t\t--button-info-active-bd-color: #a6a9ad;\r\n\t\t--button-info-active-bg-color: #a6a9ad;\r\n\t\t--button-info-hover-color: #ffffff;\r\n\t\t--button-info-hover-bd-color: #6b6d71;\r\n\t\t--button-info-hover-bg-color: #6b6d71;\r\n\t\t--button-info-focus-visible-outline-color: #525457;\r\n\t\t--button-info-focus-visible-outline: 2px solid\r\n\t\t\tvar(--button-info-focus-visible-outline-color);\r\n\t\t--button-info-focus-visible-outline-offset: 1px;\r\n\t\t--button-info-disabled-color: #ffffff80;\r\n\t\t--button-info-disabled-bd-color: #525457;\r\n\t\t--button-info-disabled-bg-color: #525457;\r\n\r\n\t\t/* warning按钮 */\r\n\t\t--button-warning-color: #ffffff;\r\n\t\t--button-warning-bd-color: #e6a23c;\r\n\t\t--button-warning-bg-color: #e6a23c;\r\n\t\t--button-warning-active-color: #ffffff;\r\n\t\t--button-warning-active-bd-color: #ebb563;\r\n\t\t--button-warning-active-bg-color: #ebb563;\r\n\t\t--button-warning-hover-color: #ffffff80;\r\n\t\t--button-warning-hover-bd-color: #a77730;\r\n\t\t--button-warning-hover-bg-color: #a77730;\r\n\t\t--button-warning-focus-visible-outline-color: #7d5b28;\r\n\t\t--button-warning-focus-visible-outline: 2px solid\r\n\t\t\tvar(--button-warning-focus-visible-outline-color);\r\n\t\t--button-warning-focus-visible-outline-offset: 1px;\r\n\t\t--button-warning-disabled-color: #ffffff80;\r\n\t\t--button-warning-disabled-bd-color: #7d5b28;\r\n\t\t--button-warning-disabled-bg-color: #7d5b28;\r\n\r\n\t\t/* danger按钮 */\r\n\t\t--button-danger-color: #ffffff;\r\n\t\t--button-danger-bd-color: #f56c6c;\r\n\t\t--button-danger-bg-color: #f56c6c;\r\n\t\t--button-danger-active-color: #ffffff;\r\n\t\t--button-danger-active-bd-color: #f78989;\r\n\t\t--button-danger-active-bg-color: #f78989;\r\n\t\t--button-danger-hover-color: #ffffff;\r\n\t\t--button-danger-hover-bd-color: #b25252;\r\n\t\t--button-danger-hover-bg-color: #b25252;\r\n\t\t--button-danger-focus-visible-outline-color: #854040;\r\n\t\t--button-danger-focus-visible-outline: 2px solid\r\n\t\t\tvar(--button-danger-focus-visible-outline-color);\r\n\t\t--button-danger-focus-visible-outline-offset: 1px;\r\n\t\t--button-danger-disabled-color: #ffffff80;\r\n\t\t--button-danger-disabled-bd-color: #854040;\r\n\t\t--button-danger-disabled-bg-color: #854040;\r\n\t}\r\n}\r\n.pops[data-bottom-btn=\"false\"] {\r\n\t--container-bottom-btn-height: 0px;\r\n}\r\n.pops button {\r\n\twhite-space: nowrap;\r\n\tfloat: right;\r\n\tdisplay: inline-block;\r\n\tmargin: var(--button-margin-top) var(--button-margin-right)\r\n\t\tvar(--button-margin-bottom) var(--button-margin-left);\r\n\tpadding: var(--button-padding-top) var(--button-padding-right)\r\n\t\tvar(--button-padding-bottom) var(--button-padding-left);\r\n\toutline: 0;\r\n}\r\n.pops button[data-has-icon=\"false\"] .pops-bottom-icon {\r\n\tdisplay: none;\r\n}\r\n.pops button {\r\n\tborder-radius: var(--button-radius);\r\n\tbox-shadow: none;\r\n\tfont-weight: 400;\r\n\tfont-size: var(--button-font-size);\r\n\tcursor: pointer;\r\n\ttransition: all 0.3s ease-in-out;\r\n}\r\n.pops button {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\theight: var(--button-height);\r\n\tline-height: normal;\r\n\tbox-sizing: border-box;\r\n\tuser-select: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tborder: 1px solid var(--button-bd-color);\r\n}\r\n.pops button {\r\n\tcolor: var(--button-color);\r\n\tborder-color: var(--button-bd-color);\r\n\tbackground-color: var(--button-bg-color);\r\n}\r\n.pops button:active {\r\n\tcolor: var(--button-color);\r\n\tborder-color: var(--button-bd-color);\r\n\tbackground-color: var(--button-bg-color);\r\n\toutline: 0;\r\n}\r\n.pops button:hover {\r\n\tcolor: var(--button-color);\r\n\tborder-color: var(--button-bd-color);\r\n\tbackground-color: var(--button-bg-color);\r\n}\r\n.pops button:focus-visible {\r\n\tcolor: var(--button-color);\r\n\tborder-color: var(--button-bd-color);\r\n\tbackground-color: var(--button-bg-color);\r\n}\r\n.pops button:disabled {\r\n\tcursor: not-allowed;\r\n\tcolor: var(--button-color);\r\n\tborder-color: var(--button-bd-color);\r\n\tbackground-color: var(--button-bg-color);\r\n}\r\n.pops button.pops-button-large {\r\n\t--button-height: 32px;\r\n\t--button-padding-top: 12px;\r\n\t--button-padding-bottom: 12px;\r\n\t--button-padding-left: 19px;\r\n\t--button-padding-right: 19px;\r\n\t--button-font-size: 14px;\r\n\t--button-border-radius: 4px;\r\n}\r\n\r\n.pops button.pops-button-small {\r\n\t--button-height: 24px;\r\n\t--button-padding-top: 5px;\r\n\t--button-padding-bottom: 5px;\r\n\t--button-padding-left: 11px;\r\n\t--button-padding-right: 11px;\r\n\t--button-font-size: 12px;\r\n\t--button-border-radius: 4px;\r\n}\r\n.pops-panel-button-no-icon .pops-panel-button_inner i {\r\n\tdisplay: none;\r\n}\r\n.pops-panel-button-right-icon {\r\n}\r\n.pops-panel-button-right-icon .pops-panel-button_inner {\r\n\tflex-direction: row-reverse;\r\n}\r\n.pops-panel-button-right-icon .pops-panel-button_inner i {\r\n}\r\n.pops-panel-button .pops-panel-button_inner i:has(svg),\r\n.pops-panel-button-right-icon .pops-panel-button-text {\r\n\tmargin-right: 6px;\r\n}\r\n\r\n.pops button[type=\"default\"] {\r\n\t--button-color: var(--button-default-color);\r\n\t--button-bd-color: var(--button-default-bd-color);\r\n\t--button-bg-color: var(--button-default-bg-color);\r\n}\r\n.pops button[type=\"default\"]:active {\r\n\t--button-color: var(--button-default-active-color);\r\n\t--button-bd-color: var(--button-default-active-bd-color);\r\n\t--button-bg-color: var(--button-default-active-bg-color);\r\n}\r\n.pops button[type=\"default\"]:hover {\r\n\t--button-color: var(--button-default-hover-color);\r\n\t--button-bd-color: var(--button-default-hover-bd-color);\r\n\t--button-bg-color: var(--button-default-hover-bg-color);\r\n}\r\n.pops button[type=\"default\"]:focus-visible {\r\n\toutline: var(--button-default-focus-visible-outline);\r\n\toutline-offset: var(--button-default-focus-visible-outline-offset);\r\n}\r\n.pops button[type=\"default\"]:disabled {\r\n\t--button-color: var(--button-default-disabled-color);\r\n\t--button-bd-color: var(--button-default-disabled-bd-color);\r\n\t--button-bg-color: var(--button-default-disabled-bg-color);\r\n}\r\n\r\n.pops button[type=\"primary\"] {\r\n\t--button-color: var(--button-primary-color);\r\n\t--button-bd-color: var(--button-primary-bd-color);\r\n\t--button-bg-color: var(--button-primary-bg-color);\r\n}\r\n.pops button[type=\"primary\"]:active {\r\n\t--button-color: var(--button-primary-active-color);\r\n\t--button-bd-color: var(--button-primary-active-bd-color);\r\n\t--button-bg-color: var(--button-primary-active-bg-color);\r\n}\r\n.pops button[type=\"primary\"]:hover {\r\n\t--button-color: var(--button-primary-hover-color);\r\n\t--button-bd-color: var(--button-primary-hover-bd-color);\r\n\t--button-bg-color: var(--button-primary-hover-bg-color);\r\n}\r\n.pops button[type=\"primary\"]:focus-visible {\r\n\toutline: var(--button-primary-focus-visible-outline);\r\n\toutline-offset: var(--button-primary-focus-visible-outline-offset);\r\n}\r\n.pops button[type=\"primary\"]:disabled {\r\n\t--button-color: var(--button-primary-disabled-color);\r\n\t--button-bd-color: var(--button-primary-disabled-bd-color);\r\n\t--button-bg-color: var(--button-primary-disabled-bg-color);\r\n}\r\n\r\n.pops button[type=\"success\"] {\r\n\t--button-color: var(--button-success-color);\r\n\t--button-bd-color: var(--button-success-bd-color);\r\n\t--button-bg-color: var(--button-success-bg-color);\r\n}\r\n.pops button[type=\"success\"]:active {\r\n\t--button-color: var(--button-success-active-color);\r\n\t--button-bd-color: var(--button-success-active-bd-color);\r\n\t--button-bg-color: var(--button-success-active-bg-color);\r\n}\r\n.pops button[type=\"success\"]:hover {\r\n\t--button-color: var(--button-success-hover-color);\r\n\t--button-bd-color: var(--button-success-hover-bd-color);\r\n\t--button-bg-color: var(--button-success-hover-bg-color);\r\n}\r\n.pops button[type=\"success\"]:focus-visible {\r\n\toutline: var(--button-success-focus-visible-outline);\r\n\toutline-offset: var(--button-success-focus-visible-outline-offset);\r\n}\r\n.pops button[type=\"success\"]:disabled {\r\n\t--button-color: var(--button-success-disabled-color);\r\n\t--button-bd-color: var(--button-success-disabled-bd-color);\r\n\t--button-bg-color: var(--button-success-disabled-bg-color);\r\n}\r\n\r\n.pops button[type=\"info\"] {\r\n\t--button-color: var(--button-info-color);\r\n\t--button-bd-color: var(--button-info-bd-color);\r\n\t--button-bg-color: var(--button-info-bg-color);\r\n}\r\n.pops button[type=\"info\"]:active {\r\n\t--button-color: var(--button-info-active-color);\r\n\t--button-bd-color: var(--button-info-active-bd-color);\r\n\t--button-bg-color: var(--button-info-active-bg-color);\r\n}\r\n.pops button[type=\"info\"]:hover {\r\n\t--button-color: var(--button-info-hover-color);\r\n\t--button-bd-color: var(--button-info-hover-bd-color);\r\n\t--button-bg-color: var(--button-info-hover-bg-color);\r\n}\r\n.pops button[type=\"info\"]:focus-visible {\r\n\toutline: var(--button-info-focus-visible-outline);\r\n\toutline-offset: var(--button-info-focus-visible-outline-offset);\r\n}\r\n.pops button[type=\"info\"]:disabled {\r\n\t--button-color: var(--button-success-disabled-color);\r\n\t--button-bd-color: var(--button-success-disabled-bd-color);\r\n\t--button-bg-color: var(--button-success-disabled-bg-color);\r\n}\r\n\r\n.pops button[type=\"warning\"] {\r\n\t--button-color: var(--button-warning-color);\r\n\t--button-bd-color: var(--button-warning-bd-color);\r\n\t--button-bg-color: var(--button-warning-bg-color);\r\n}\r\n.pops button[type=\"warning\"]:active {\r\n\t--button-color: var(--button-warning-active-color);\r\n\t--button-bd-color: var(--button-warning-active-bd-color);\r\n\t--button-bg-color: var(--button-warning-active-bg-color);\r\n}\r\n.pops button[type=\"warning\"]:hover {\r\n\t--button-color: var(--button-warning-hover-color);\r\n\t--button-bd-color: var(--button-warning-hover-bd-color);\r\n\t--button-bg-color: var(--button-warning-hover-bg-color);\r\n}\r\n.pops button[type=\"warning\"]:focus-visible {\r\n\toutline: var(--button-warning-focus-visible-outline);\r\n\toutline-offset: var(--button-warning-focus-visible-outline-offset);\r\n}\r\n.pops button[type=\"warning\"]:disabled {\r\n\t--button-color: var(--button-success-disabled-color);\r\n\t--button-bd-color: var(--button-success-disabled-bd-color);\r\n\t--button-bg-color: var(--button-success-disabled-bg-color);\r\n}\r\n\r\n.pops button[type=\"danger\"] {\r\n\t--button-color: var(--button-danger-color);\r\n\t--button-bd-color: var(--button-danger-bd-color);\r\n\t--button-bg-color: var(--button-danger-bg-color);\r\n}\r\n.pops button[type=\"danger\"]:active {\r\n\t--button-color: var(--button-danger-active-color);\r\n\t--button-bd-color: var(--button-danger-active-bd-color);\r\n\t--button-bg-color: var(--button-danger-active-bg-color);\r\n}\r\n.pops button[type=\"danger\"]:hover {\r\n\t--button-color: var(--button-danger-hover-color);\r\n\t--button-bd-color: var(--button-danger-hover-bd-color);\r\n\t--button-bg-color: var(--button-danger-hover-bg-color);\r\n}\r\n.pops button[type=\"danger\"]:focus-visible {\r\n\toutline: var(--button-danger-focus-visible-outline);\r\n\toutline-offset: var(--button-danger-focus-visible-outline-offset);\r\n}\r\n.pops button[type=\"danger\"]:disabled {\r\n\t--button-color: var(--button-success-disabled-color);\r\n\t--button-bd-color: var(--button-success-disabled-bd-color);\r\n\t--button-bg-color: var(--button-success-disabled-bg-color);\r\n}\r\n\r\n.pops button[type=\"xiaomi-primary\"] {\r\n\t--button-color: var(--button-xiaomi-primary-color);\r\n\t--button-bd-color: var(--button-xiaomi-primary-bd-color);\r\n\t--button-bg-color: var(--button-xiaomi-primary-bg-color);\r\n}\r\n.pops button[type=\"xiaomi-primary\"]:active {\r\n\t--button-color: var(--button-xiaomi-primary-active-color);\r\n\t--button-bd-color: var(--button-xiaomi-primary-active-bd-color);\r\n\t--button-bg-color: var(--button-xiaomi-primary-active-bg-color);\r\n}\r\n.pops button[type=\"xiaomi-primary\"]:hover {\r\n\t--button-color: var(--button-xiaomi-primary-hover-color);\r\n\t--button-bd-color: var(--button-xiaomi-primary-hover-bd-color);\r\n\t--button-bg-color: var(--button-xiaomi-primary-hover-bg-color);\r\n}\r\n.pops button[type=\"xiaomi-primary\"]:focus-visible {\r\n\toutline: var(--button-xiaomi-primary-focus-visible-outline);\r\n\toutline-offset: var(--button-xiaomi-primary-focus-visible-outline-offset);\r\n}\r\n.pops button[type=\"xiaomi-primary\"]:disabled {\r\n\t--button-color: var(--button-success-disabled-color);\r\n\t--button-bd-color: var(--button-success-disabled-bd-color);\r\n\t--button-bg-color: var(--button-success-disabled-bg-color);\r\n}\r\n";
 
@@ -2544,18 +2547,18 @@ const PopsInstanceUtils = {
         function isVisibleNode($css) {
             return $css.position !== "static" && $css.display !== "none";
         }
-        Object.keys(PopsLayerData).forEach((layerName) => {
-            let layerList = PopsLayerData[layerName];
-            for (let index = 0; index < layerList.length; index++) {
-                const layer = layerList[index];
-                let nodeStyle = window.getComputedStyle(layer.animElement);
+        Object.keys(PopsInstData).forEach((instKeyName) => {
+            let instData = PopsInstData[instKeyName];
+            for (let index = 0; index < instData.length; index++) {
+                const inst = instData[index];
+                let nodeStyle = window.getComputedStyle(inst.animElement);
                 /* 不对position为static和display为none的元素进行获取它们的z-index */
                 if (isVisibleNode(nodeStyle)) {
                     let nodeZIndex = parseInt(nodeStyle.zIndex);
                     if (!isNaN(nodeZIndex)) {
                         if (nodeZIndex > zIndex) {
                             zIndex = nodeZIndex;
-                            maxZIndexNode = layer.animElement;
+                            maxZIndexNode = inst.animElement;
                         }
                     }
                 }
@@ -2581,69 +2584,69 @@ const PopsInstanceUtils = {
     },
     /**
      * 删除配置中对应的对象
-     * @param moreLayerConfigList 配置实例列表
+     * @param instConfigList 配置实例列表
      * @param  guid 唯一标识
      * @param isAll 是否全部删除
      */
-    removeInstance(moreLayerConfigList, guid, isAll = false) {
+    removeInstance(instConfigList, guid, isAll = false) {
         /**
          * 移除元素实例
-         * @param layerCommonConfig
+         * @param instCommonConfig
          */
-        function removeItem(layerCommonConfig) {
-            if (typeof layerCommonConfig.beforeRemoveCallBack === "function") {
+        function removeItem(instCommonConfig) {
+            if (typeof instCommonConfig.beforeRemoveCallBack === "function") {
                 // 调用移除签的回调
-                layerCommonConfig.beforeRemoveCallBack(layerCommonConfig);
+                instCommonConfig.beforeRemoveCallBack(instCommonConfig);
             }
-            layerCommonConfig?.animElement?.remove();
-            layerCommonConfig?.popsElement?.remove();
-            layerCommonConfig?.maskElement?.remove();
-            layerCommonConfig?.$shadowContainer?.remove();
+            instCommonConfig?.animElement?.remove();
+            instCommonConfig?.popsElement?.remove();
+            instCommonConfig?.maskElement?.remove();
+            instCommonConfig?.$shadowContainer?.remove();
         }
-        // [ layer[], layer[],...]
-        moreLayerConfigList.forEach((layerConfigList) => {
-            //  layer[]
-            layerConfigList.forEach((layerConfigItem, index) => {
+        // [ inst[], inst[],...]
+        instConfigList.forEach((instConfigList) => {
+            //  inst[]
+            instConfigList.forEach((instConfigItem, index) => {
                 // 移除全部或者guid相同
-                if (isAll || layerConfigItem["guid"] === guid) {
+                if (isAll || instConfigItem["guid"] === guid) {
                     // 判断是否有动画
-                    let animName = layerConfigItem.animElement.getAttribute("anim");
+                    let animName = instConfigItem.animElement.getAttribute("anim");
                     if (PopsAnimation.hasAnim(animName)) {
                         let reverseAnimName = animName + "-reverse";
-                        layerConfigItem.animElement.style.width = "100%";
-                        layerConfigItem.animElement.style.height = "100%";
-                        layerConfigItem.animElement.style["animation-name"] =
+                        instConfigItem.animElement.style.width = "100%";
+                        instConfigItem.animElement.style.height = "100%";
+                        instConfigItem.animElement.style["animation-name"] =
                             reverseAnimName;
-                        if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
-                            popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), function () {
-                                removeItem(layerConfigItem);
+                        if (PopsAnimation.hasAnim(instConfigItem.animElement.style["animation-name"])) {
+                            popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), function () {
+                                removeItem(instConfigItem);
                             }, {
                                 capture: true,
                             });
                         }
                         else {
-                            removeItem(layerConfigItem);
+                            removeItem(instConfigItem);
                         }
                     }
                     else {
-                        removeItem(layerConfigItem);
+                        removeItem(instConfigItem);
                     }
-                    layerConfigList.splice(index, 1);
+                    instConfigList.splice(index, 1);
                 }
             });
         });
-        return moreLayerConfigList;
+        return instConfigList;
     },
     /**
      * 隐藏
      * @param popsType
-     * @param layerConfigList
+     * @param instConfigList
      * @param guid
      * @param config
      * @param animElement
      * @param maskElement
      */
-    hide(popsType, layerConfigList, guid, config, animElement, maskElement) {
+    hide(popsType, instConfigList, guid, config, animElement, maskElement) {
         return new Promise((resolve) => {
             let popsElement = animElement.querySelector(".pops[type-value]");
             if (popsType === "drawer") {
@@ -2663,36 +2666,39 @@ const PopsInstanceUtils = {
                 }, drawerConfig.closeDelay);
             }
             else {
-                let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
-                if (findLayerIns) {
+                let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
+                if (fintInst) {
                     /* 存在动画 */
-                    let layerConfigItem = findLayerIns;
-                    layerConfigItem.animElement.style.width = "100%";
-                    layerConfigItem.animElement.style.height = "100%";
-                    layerConfigItem.animElement.style["animation-name"] =
-                        layerConfigItem.animElement.getAttribute("anim") + "-reverse";
-                    if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
+                    let instConfigItem = fintInst;
+                    instConfigItem.animElement.style.width = "100%";
+                    instConfigItem.animElement.style.height = "100%";
+                    // @ts-ignore
+                    instConfigItem.animElement.style["animation-name"] =
+                        instConfigItem.animElement.getAttribute("anim") + "-reverse";
+                    if (PopsAnimation.hasAnim(
+                    // @ts-ignore
+                    instConfigItem.animElement.style["animation-name"])) {
                         /**
                          * 动画结束的回调
                          */
                         function animationendCallBack() {
-                            layerConfigItem.animElement.style.display = "none";
-                            if (layerConfigItem.maskElement) {
-                                layerConfigItem.maskElement.style.display = "none";
+                            instConfigItem.animElement.style.display = "none";
+                            if (instConfigItem.maskElement) {
+                                instConfigItem.maskElement.style.display = "none";
                             }
-                            popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
+                            popsDOMUtils.off(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
                                 capture: true,
                             });
                             resolve();
                         }
-                        popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
+                        popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
                             capture: true,
                         });
                     }
                     else {
-                        layerConfigItem.animElement.style.display = "none";
-                        if (layerConfigItem.maskElement) {
-                            layerConfigItem.maskElement.style.display = "none";
+                        instConfigItem.animElement.style.display = "none";
+                        if (instConfigItem.maskElement) {
+                            instConfigItem.maskElement.style.display = "none";
                         }
                         resolve();
                     }
@@ -2703,13 +2709,13 @@ const PopsInstanceUtils = {
     /**
      * 显示
      * @param popsType
-     * @param layerConfigList
+     * @param instConfigList
      * @param guid
      * @param config
      * @param animElement
      * @param maskElement
      */
-    show(popsType, layerConfigList, guid, config, animElement, maskElement) {
+    show(popsType, instConfigList, guid, config, animElement, maskElement) {
         return new Promise((resolve) => {
             let popsElement = animElement.querySelector(".pops[type-value]");
             if (popsType === "drawer") {
@@ -2731,37 +2737,39 @@ const PopsInstanceUtils = {
                 }, drawerConfig.openDelay ?? 0);
             }
             else {
-                let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
-                if (findLayerIns) {
-                    let layerConfigItem = findLayerIns;
-                    layerConfigItem.animElement.style.width = "";
-                    layerConfigItem.animElement.style.height = "";
-                    layerConfigItem.animElement.style["animation-name"] =
-                        layerConfigItem
-                            .animElement.getAttribute("anim")
-                            .replace("-reverse", "");
-                    if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
+                let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
+                if (fintInst) {
+                    let instConfigItem = fintInst;
+                    instConfigItem.animElement.style.width = "";
+                    instConfigItem.animElement.style.height = "";
+                    // @ts-ignore
+                    instConfigItem.animElement.style["animation-name"] = instConfigItem
+                        .animElement.getAttribute("anim")
+                        .replace("-reverse", "");
+                    if (PopsAnimation.hasAnim(
+                    // @ts-ignore
+                    instConfigItem.animElement.style["animation-name"])) {
                         /**
                          * 动画结束的回调
                          */
                         function animationendCallBack() {
-                            popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
+                            popsDOMUtils.off(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
                                 capture: true,
                             });
                             resolve();
                         }
-                        layerConfigItem.animElement.style.display = "";
-                        if (layerConfigItem.maskElement) {
-                            layerConfigItem.maskElement.style.display = "";
+                        instConfigItem.animElement.style.display = "";
+                        if (instConfigItem.maskElement) {
+                            instConfigItem.maskElement.style.display = "";
                         }
-                        popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
+                        popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
                             capture: true,
                         });
                     }
                     else {
-                        layerConfigItem.animElement.style.display = "";
-                        if (layerConfigItem.maskElement) {
-                            layerConfigItem.maskElement.style.display = "";
+                        instConfigItem.animElement.style.display = "";
+                        if (instConfigItem.maskElement) {
+                            instConfigItem.maskElement.style.display = "";
                         }
                         resolve();
                     }
@@ -2772,12 +2780,12 @@ const PopsInstanceUtils = {
     /**
      * 关闭
      * @param popsType
-     * @param layerConfigList
+     * @param instConfigList
      * @param guid
      * @param config
      * @param animElement
      */
-    close(popsType, layerConfigList, guid, config, animElement) {
+    close(popsType, instConfigList, guid, config, animElement) {
         return new Promise((resolve) => {
             let popsElement = animElement.querySelector(".pops[type-value]");
             let drawerConfig = config;
@@ -2793,7 +2801,7 @@ const PopsInstanceUtils = {
                         return;
                     }
                     popsDOMUtils.off(popsElement, popsDOMUtils.getTransitionEndNameList(), void 0, closeCallBack);
-                    PopsInstanceUtils.removeInstance([layerConfigList], guid);
+                    PopsInstanceUtils.removeInstance([instConfigList], guid);
                     resolve();
                 }
                 /* 监听过渡结束 */
@@ -2825,7 +2833,7 @@ const PopsInstanceUtils = {
                 }, drawerConfig.closeDelay);
             }
             else {
-                PopsInstanceUtils.removeInstance([layerConfigList], guid);
+                PopsInstanceUtils.removeInstance([instConfigList], guid);
                 resolve();
             }
         });
@@ -3608,15 +3616,15 @@ const PopsHandler = {
         function clickEvent(event) {
             popsDOMUtils.preventEvent(event);
             // 获取该类型实例存储列表
-            let targetLayer = PopsLayerData[details.type];
+            let targetInst = PopsInstData[details.type];
             function originalRun() {
                 if (details.config.mask.clickEvent.toClose) {
                     /* 关闭 */
-                    return PopsInstanceUtils.close(details.type, targetLayer, details.guid, details.config, details.animElement);
+                    return PopsInstanceUtils.close(details.type, targetInst, details.guid, details.config, details.animElement);
                 }
                 else if (details.config.mask.clickEvent.toHide) {
                     /* 隐藏 */
-                    return PopsInstanceUtils.hide(details.type, targetLayer, details.guid, details.config, details.animElement, result.maskElement);
+                    return PopsInstanceUtils.hide(details.type, targetInst, details.guid, details.config, details.animElement, result.maskElement);
                 }
             }
             if (typeof details.config.mask.clickCallBack === "function") {
@@ -3795,13 +3803,13 @@ const PopsHandler = {
             mode: mode,
             guid: guid,
             close() {
-                return PopsInstanceUtils.close(mode, PopsLayerData[mode], guid, config, animElement);
+                return PopsInstanceUtils.close(mode, PopsInstData[mode], guid, config, animElement);
             },
             hide() {
-                return PopsInstanceUtils.hide(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
+                return PopsInstanceUtils.hide(mode, PopsInstData[mode], guid, config, animElement, maskElement);
             },
             show() {
-                return PopsInstanceUtils.show(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
+                return PopsInstanceUtils.show(mode, PopsInstData[mode], guid, config, animElement, maskElement);
             },
         };
     },
@@ -3823,13 +3831,13 @@ const PopsHandler = {
             mode: mode,
             guid: guid,
             close() {
-                return PopsInstanceUtils.close(mode, PopsLayerData[mode], guid, config, animElement);
+                return PopsInstanceUtils.close(mode, PopsInstData[mode], guid, config, animElement);
             },
             hide() {
-                return PopsInstanceUtils.hide(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
+                return PopsInstanceUtils.hide(mode, PopsInstData[mode], guid, config, animElement, maskElement);
             },
             show() {
-                return PopsInstanceUtils.show(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
+                return PopsInstanceUtils.show(mode, PopsInstData[mode], guid, config, animElement, maskElement);
             },
         };
     },
@@ -3941,20 +3949,20 @@ const PopsHandler = {
             if (type === "loading" ||
                 type === "tooltip" ||
                 type === "rightClickMenu") {
-                let layer = PopsLayerData[type];
-                if (layer) {
-                    PopsInstanceUtils.removeInstance([layer], "", true);
+                let inst = PopsInstData[type];
+                if (inst) {
+                    PopsInstanceUtils.removeInstance([inst], "", true);
                 }
             }
             else {
                 PopsInstanceUtils.removeInstance([
-                    PopsLayerData.alert,
-                    PopsLayerData.confirm,
-                    PopsLayerData.prompt,
-                    PopsLayerData.iframe,
-                    PopsLayerData.drawer,
-                    PopsLayerData.folder,
-                    PopsLayerData.panel,
+                    PopsInstData.alert,
+                    PopsInstData.confirm,
+                    PopsInstData.prompt,
+                    PopsInstData.iframe,
+                    PopsInstData.drawer,
+                    PopsInstData.folder,
+                    PopsInstData.panel,
                 ], "", true);
             }
         }
@@ -3975,7 +3983,7 @@ const PopsHandler = {
      * @param value
      */
     handlePush(type, value) {
-        PopsLayerData[type].push(value);
+        PopsInstData[type].push(value);
     },
 };
 
@@ -4978,7 +4986,7 @@ const PopsIframe = {
         popsDOMUtils.on(headerCloseBtnElement, "click", (event) => {
             event.preventDefault();
             event.stopPropagation();
-            PopsInstanceUtils.removeInstance([PopsLayerData.iframe], guid, false);
+            PopsInstanceUtils.removeInstance([PopsInstData.iframe], guid, false);
             if (typeof config?.btn?.close?.callback === "function") {
                 config.btn.close.callback(eventDetails, event);
             }
@@ -10481,8 +10489,8 @@ const PopsRightClickMenu = {
                         guid: guid,
                         animElement: rootElement,
                         popsElement: rootElement,
-                        beforeRemoveCallBack(layerCommonConfig) {
-                            PopsContextMenu.closeAllMenu(layerCommonConfig.popsElement);
+                        beforeRemoveCallBack(instCommonConfig) {
+                            PopsContextMenu.closeAllMenu(instCommonConfig.popsElement);
                         },
                     });
                 }
@@ -11502,7 +11510,7 @@ class Pops {
         /** 当前已配置的动画@keyframes名字映射(初始化时生成) */
         animation: PopsAnimation.$data,
         /** 存储已创建的元素 */
-        layer: PopsLayerData,
+        instData: PopsInstData,
         /** 禁止滚动 */
         forbiddenScroll: {
             event(event) {