@whitesev/pops 2.2.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/index.amd.js +108 -100
  2. package/dist/index.amd.js.map +1 -1
  3. package/dist/index.cjs.js +108 -100
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.esm.js +108 -100
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.iife.js +108 -100
  8. package/dist/index.iife.js.map +1 -1
  9. package/dist/index.system.js +108 -100
  10. package/dist/index.system.js.map +1 -1
  11. package/dist/index.umd.js +108 -100
  12. package/dist/index.umd.js.map +1 -1
  13. package/dist/types/src/Pops.d.ts +16 -16
  14. package/dist/types/src/PopsInst.d.ts +8 -0
  15. package/dist/types/src/components/panel/index.d.ts +1 -1
  16. package/dist/types/src/handler/PopsElementHandler.d.ts +2 -2
  17. package/dist/types/src/handler/PopsHandler.d.ts +6 -6
  18. package/dist/types/src/types/button.d.ts +2 -2
  19. package/dist/types/src/types/event.d.ts +3 -3
  20. package/dist/types/src/types/{layer.d.ts → inst.d.ts} +7 -5
  21. package/dist/types/src/types/main.d.ts +8 -33
  22. package/dist/types/src/utils/PopsInstanceUtils.d.ts +10 -10
  23. package/package.json +1 -1
  24. package/src/Pops.ts +2 -2
  25. package/src/PopsInst.ts +21 -0
  26. package/src/components/alert/index.ts +2 -2
  27. package/src/components/iframe/index.ts +2 -2
  28. package/src/components/rightClickMenu/index.ts +2 -2
  29. package/src/css/scrollbar.css +9 -5
  30. package/src/handler/PopsElementHandler.ts +2 -2
  31. package/src/handler/PopsHandler.ts +30 -30
  32. package/src/types/button.d.ts +2 -2
  33. package/src/types/event.d.ts +3 -3
  34. package/src/types/{layer.d.ts → inst.d.ts} +7 -5
  35. package/src/types/main.d.ts +8 -33
  36. package/src/utils/PopsInstanceUtils.ts +84 -81
  37. package/dist/types/src/PopsLayer.d.ts +0 -5
  38. package/src/PopsLayer.ts +0 -18
package/dist/index.umd.js CHANGED
@@ -2344,7 +2344,10 @@
2344
2344
  }
2345
2345
  const popsDOMUtils = new PopsDOMUtils();
2346
2346
 
2347
- const PopsLayerData = {
2347
+ /**
2348
+ * 弹窗实例数据
2349
+ */
2350
+ const PopsInstData = {
2348
2351
  alert: [],
2349
2352
  confirm: [],
2350
2353
  drawer: [],
@@ -2362,7 +2365,7 @@
2362
2365
 
2363
2366
  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";
2364
2367
 
2365
- 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";
2368
+ 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";
2366
2369
 
2367
2370
  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";
2368
2371
 
@@ -2550,18 +2553,18 @@
2550
2553
  function isVisibleNode($css) {
2551
2554
  return $css.position !== "static" && $css.display !== "none";
2552
2555
  }
2553
- Object.keys(PopsLayerData).forEach((layerName) => {
2554
- let layerList = PopsLayerData[layerName];
2555
- for (let index = 0; index < layerList.length; index++) {
2556
- const layer = layerList[index];
2557
- let nodeStyle = window.getComputedStyle(layer.animElement);
2556
+ Object.keys(PopsInstData).forEach((instKeyName) => {
2557
+ let instData = PopsInstData[instKeyName];
2558
+ for (let index = 0; index < instData.length; index++) {
2559
+ const inst = instData[index];
2560
+ let nodeStyle = window.getComputedStyle(inst.animElement);
2558
2561
  /* 不对position为static和display为none的元素进行获取它们的z-index */
2559
2562
  if (isVisibleNode(nodeStyle)) {
2560
2563
  let nodeZIndex = parseInt(nodeStyle.zIndex);
2561
2564
  if (!isNaN(nodeZIndex)) {
2562
2565
  if (nodeZIndex > zIndex) {
2563
2566
  zIndex = nodeZIndex;
2564
- maxZIndexNode = layer.animElement;
2567
+ maxZIndexNode = inst.animElement;
2565
2568
  }
2566
2569
  }
2567
2570
  }
@@ -2587,69 +2590,69 @@
2587
2590
  },
2588
2591
  /**
2589
2592
  * 删除配置中对应的对象
2590
- * @param moreLayerConfigList 配置实例列表
2593
+ * @param instConfigList 配置实例列表
2591
2594
  * @param guid 唯一标识
2592
2595
  * @param isAll 是否全部删除
2593
2596
  */
2594
- removeInstance(moreLayerConfigList, guid, isAll = false) {
2597
+ removeInstance(instConfigList, guid, isAll = false) {
2595
2598
  /**
2596
2599
  * 移除元素实例
2597
- * @param layerCommonConfig
2600
+ * @param instCommonConfig
2598
2601
  */
2599
- function removeItem(layerCommonConfig) {
2600
- if (typeof layerCommonConfig.beforeRemoveCallBack === "function") {
2602
+ function removeItem(instCommonConfig) {
2603
+ if (typeof instCommonConfig.beforeRemoveCallBack === "function") {
2601
2604
  // 调用移除签的回调
2602
- layerCommonConfig.beforeRemoveCallBack(layerCommonConfig);
2605
+ instCommonConfig.beforeRemoveCallBack(instCommonConfig);
2603
2606
  }
2604
- layerCommonConfig?.animElement?.remove();
2605
- layerCommonConfig?.popsElement?.remove();
2606
- layerCommonConfig?.maskElement?.remove();
2607
- layerCommonConfig?.$shadowContainer?.remove();
2607
+ instCommonConfig?.animElement?.remove();
2608
+ instCommonConfig?.popsElement?.remove();
2609
+ instCommonConfig?.maskElement?.remove();
2610
+ instCommonConfig?.$shadowContainer?.remove();
2608
2611
  }
2609
- // [ layer[], layer[],...]
2610
- moreLayerConfigList.forEach((layerConfigList) => {
2611
- // layer[]
2612
- layerConfigList.forEach((layerConfigItem, index) => {
2612
+ // [ inst[], inst[],...]
2613
+ instConfigList.forEach((instConfigList) => {
2614
+ // inst[]
2615
+ instConfigList.forEach((instConfigItem, index) => {
2613
2616
  // 移除全部或者guid相同
2614
- if (isAll || layerConfigItem["guid"] === guid) {
2617
+ if (isAll || instConfigItem["guid"] === guid) {
2615
2618
  // 判断是否有动画
2616
- let animName = layerConfigItem.animElement.getAttribute("anim");
2619
+ let animName = instConfigItem.animElement.getAttribute("anim");
2617
2620
  if (PopsAnimation.hasAnim(animName)) {
2618
2621
  let reverseAnimName = animName + "-reverse";
2619
- layerConfigItem.animElement.style.width = "100%";
2620
- layerConfigItem.animElement.style.height = "100%";
2621
- layerConfigItem.animElement.style["animation-name"] =
2622
+ instConfigItem.animElement.style.width = "100%";
2623
+ instConfigItem.animElement.style.height = "100%";
2624
+ instConfigItem.animElement.style["animation-name"] =
2622
2625
  reverseAnimName;
2623
- if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
2624
- popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), function () {
2625
- removeItem(layerConfigItem);
2626
+ if (PopsAnimation.hasAnim(instConfigItem.animElement.style["animation-name"])) {
2627
+ popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), function () {
2628
+ removeItem(instConfigItem);
2626
2629
  }, {
2627
2630
  capture: true,
2628
2631
  });
2629
2632
  }
2630
2633
  else {
2631
- removeItem(layerConfigItem);
2634
+ removeItem(instConfigItem);
2632
2635
  }
2633
2636
  }
2634
2637
  else {
2635
- removeItem(layerConfigItem);
2638
+ removeItem(instConfigItem);
2636
2639
  }
2637
- layerConfigList.splice(index, 1);
2640
+ instConfigList.splice(index, 1);
2638
2641
  }
2639
2642
  });
2640
2643
  });
2641
- return moreLayerConfigList;
2644
+ return instConfigList;
2642
2645
  },
2643
2646
  /**
2644
2647
  * 隐藏
2645
2648
  * @param popsType
2646
- * @param layerConfigList
2649
+ * @param instConfigList
2647
2650
  * @param guid
2648
2651
  * @param config
2649
2652
  * @param animElement
2650
2653
  * @param maskElement
2651
2654
  */
2652
- hide(popsType, layerConfigList, guid, config, animElement, maskElement) {
2655
+ hide(popsType, instConfigList, guid, config, animElement, maskElement) {
2653
2656
  return new Promise((resolve) => {
2654
2657
  let popsElement = animElement.querySelector(".pops[type-value]");
2655
2658
  if (popsType === "drawer") {
@@ -2669,36 +2672,39 @@
2669
2672
  }, drawerConfig.closeDelay);
2670
2673
  }
2671
2674
  else {
2672
- let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
2673
- if (findLayerIns) {
2675
+ let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
2676
+ if (fintInst) {
2674
2677
  /* 存在动画 */
2675
- let layerConfigItem = findLayerIns;
2676
- layerConfigItem.animElement.style.width = "100%";
2677
- layerConfigItem.animElement.style.height = "100%";
2678
- layerConfigItem.animElement.style["animation-name"] =
2679
- layerConfigItem.animElement.getAttribute("anim") + "-reverse";
2680
- if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
2678
+ let instConfigItem = fintInst;
2679
+ instConfigItem.animElement.style.width = "100%";
2680
+ instConfigItem.animElement.style.height = "100%";
2681
+ // @ts-ignore
2682
+ instConfigItem.animElement.style["animation-name"] =
2683
+ instConfigItem.animElement.getAttribute("anim") + "-reverse";
2684
+ if (PopsAnimation.hasAnim(
2685
+ // @ts-ignore
2686
+ instConfigItem.animElement.style["animation-name"])) {
2681
2687
  /**
2682
2688
  * 动画结束的回调
2683
2689
  */
2684
2690
  function animationendCallBack() {
2685
- layerConfigItem.animElement.style.display = "none";
2686
- if (layerConfigItem.maskElement) {
2687
- layerConfigItem.maskElement.style.display = "none";
2691
+ instConfigItem.animElement.style.display = "none";
2692
+ if (instConfigItem.maskElement) {
2693
+ instConfigItem.maskElement.style.display = "none";
2688
2694
  }
2689
- popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2695
+ popsDOMUtils.off(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2690
2696
  capture: true,
2691
2697
  });
2692
2698
  resolve();
2693
2699
  }
2694
- popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2700
+ popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2695
2701
  capture: true,
2696
2702
  });
2697
2703
  }
2698
2704
  else {
2699
- layerConfigItem.animElement.style.display = "none";
2700
- if (layerConfigItem.maskElement) {
2701
- layerConfigItem.maskElement.style.display = "none";
2705
+ instConfigItem.animElement.style.display = "none";
2706
+ if (instConfigItem.maskElement) {
2707
+ instConfigItem.maskElement.style.display = "none";
2702
2708
  }
2703
2709
  resolve();
2704
2710
  }
@@ -2709,13 +2715,13 @@
2709
2715
  /**
2710
2716
  * 显示
2711
2717
  * @param popsType
2712
- * @param layerConfigList
2718
+ * @param instConfigList
2713
2719
  * @param guid
2714
2720
  * @param config
2715
2721
  * @param animElement
2716
2722
  * @param maskElement
2717
2723
  */
2718
- show(popsType, layerConfigList, guid, config, animElement, maskElement) {
2724
+ show(popsType, instConfigList, guid, config, animElement, maskElement) {
2719
2725
  return new Promise((resolve) => {
2720
2726
  let popsElement = animElement.querySelector(".pops[type-value]");
2721
2727
  if (popsType === "drawer") {
@@ -2737,37 +2743,39 @@
2737
2743
  }, drawerConfig.openDelay ?? 0);
2738
2744
  }
2739
2745
  else {
2740
- let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
2741
- if (findLayerIns) {
2742
- let layerConfigItem = findLayerIns;
2743
- layerConfigItem.animElement.style.width = "";
2744
- layerConfigItem.animElement.style.height = "";
2745
- layerConfigItem.animElement.style["animation-name"] =
2746
- layerConfigItem
2747
- .animElement.getAttribute("anim")
2748
- .replace("-reverse", "");
2749
- if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
2746
+ let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
2747
+ if (fintInst) {
2748
+ let instConfigItem = fintInst;
2749
+ instConfigItem.animElement.style.width = "";
2750
+ instConfigItem.animElement.style.height = "";
2751
+ // @ts-ignore
2752
+ instConfigItem.animElement.style["animation-name"] = instConfigItem
2753
+ .animElement.getAttribute("anim")
2754
+ .replace("-reverse", "");
2755
+ if (PopsAnimation.hasAnim(
2756
+ // @ts-ignore
2757
+ instConfigItem.animElement.style["animation-name"])) {
2750
2758
  /**
2751
2759
  * 动画结束的回调
2752
2760
  */
2753
2761
  function animationendCallBack() {
2754
- popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2762
+ popsDOMUtils.off(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2755
2763
  capture: true,
2756
2764
  });
2757
2765
  resolve();
2758
2766
  }
2759
- layerConfigItem.animElement.style.display = "";
2760
- if (layerConfigItem.maskElement) {
2761
- layerConfigItem.maskElement.style.display = "";
2767
+ instConfigItem.animElement.style.display = "";
2768
+ if (instConfigItem.maskElement) {
2769
+ instConfigItem.maskElement.style.display = "";
2762
2770
  }
2763
- popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2771
+ popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2764
2772
  capture: true,
2765
2773
  });
2766
2774
  }
2767
2775
  else {
2768
- layerConfigItem.animElement.style.display = "";
2769
- if (layerConfigItem.maskElement) {
2770
- layerConfigItem.maskElement.style.display = "";
2776
+ instConfigItem.animElement.style.display = "";
2777
+ if (instConfigItem.maskElement) {
2778
+ instConfigItem.maskElement.style.display = "";
2771
2779
  }
2772
2780
  resolve();
2773
2781
  }
@@ -2778,12 +2786,12 @@
2778
2786
  /**
2779
2787
  * 关闭
2780
2788
  * @param popsType
2781
- * @param layerConfigList
2789
+ * @param instConfigList
2782
2790
  * @param guid
2783
2791
  * @param config
2784
2792
  * @param animElement
2785
2793
  */
2786
- close(popsType, layerConfigList, guid, config, animElement) {
2794
+ close(popsType, instConfigList, guid, config, animElement) {
2787
2795
  return new Promise((resolve) => {
2788
2796
  let popsElement = animElement.querySelector(".pops[type-value]");
2789
2797
  let drawerConfig = config;
@@ -2799,7 +2807,7 @@
2799
2807
  return;
2800
2808
  }
2801
2809
  popsDOMUtils.off(popsElement, popsDOMUtils.getTransitionEndNameList(), void 0, closeCallBack);
2802
- PopsInstanceUtils.removeInstance([layerConfigList], guid);
2810
+ PopsInstanceUtils.removeInstance([instConfigList], guid);
2803
2811
  resolve();
2804
2812
  }
2805
2813
  /* 监听过渡结束 */
@@ -2831,7 +2839,7 @@
2831
2839
  }, drawerConfig.closeDelay);
2832
2840
  }
2833
2841
  else {
2834
- PopsInstanceUtils.removeInstance([layerConfigList], guid);
2842
+ PopsInstanceUtils.removeInstance([instConfigList], guid);
2835
2843
  resolve();
2836
2844
  }
2837
2845
  });
@@ -3614,15 +3622,15 @@
3614
3622
  function clickEvent(event) {
3615
3623
  popsDOMUtils.preventEvent(event);
3616
3624
  // 获取该类型实例存储列表
3617
- let targetLayer = PopsLayerData[details.type];
3625
+ let targetInst = PopsInstData[details.type];
3618
3626
  function originalRun() {
3619
3627
  if (details.config.mask.clickEvent.toClose) {
3620
3628
  /* 关闭 */
3621
- return PopsInstanceUtils.close(details.type, targetLayer, details.guid, details.config, details.animElement);
3629
+ return PopsInstanceUtils.close(details.type, targetInst, details.guid, details.config, details.animElement);
3622
3630
  }
3623
3631
  else if (details.config.mask.clickEvent.toHide) {
3624
3632
  /* 隐藏 */
3625
- return PopsInstanceUtils.hide(details.type, targetLayer, details.guid, details.config, details.animElement, result.maskElement);
3633
+ return PopsInstanceUtils.hide(details.type, targetInst, details.guid, details.config, details.animElement, result.maskElement);
3626
3634
  }
3627
3635
  }
3628
3636
  if (typeof details.config.mask.clickCallBack === "function") {
@@ -3801,13 +3809,13 @@
3801
3809
  mode: mode,
3802
3810
  guid: guid,
3803
3811
  close() {
3804
- return PopsInstanceUtils.close(mode, PopsLayerData[mode], guid, config, animElement);
3812
+ return PopsInstanceUtils.close(mode, PopsInstData[mode], guid, config, animElement);
3805
3813
  },
3806
3814
  hide() {
3807
- return PopsInstanceUtils.hide(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3815
+ return PopsInstanceUtils.hide(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3808
3816
  },
3809
3817
  show() {
3810
- return PopsInstanceUtils.show(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3818
+ return PopsInstanceUtils.show(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3811
3819
  },
3812
3820
  };
3813
3821
  },
@@ -3829,13 +3837,13 @@
3829
3837
  mode: mode,
3830
3838
  guid: guid,
3831
3839
  close() {
3832
- return PopsInstanceUtils.close(mode, PopsLayerData[mode], guid, config, animElement);
3840
+ return PopsInstanceUtils.close(mode, PopsInstData[mode], guid, config, animElement);
3833
3841
  },
3834
3842
  hide() {
3835
- return PopsInstanceUtils.hide(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3843
+ return PopsInstanceUtils.hide(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3836
3844
  },
3837
3845
  show() {
3838
- return PopsInstanceUtils.show(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3846
+ return PopsInstanceUtils.show(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3839
3847
  },
3840
3848
  };
3841
3849
  },
@@ -3947,20 +3955,20 @@
3947
3955
  if (type === "loading" ||
3948
3956
  type === "tooltip" ||
3949
3957
  type === "rightClickMenu") {
3950
- let layer = PopsLayerData[type];
3951
- if (layer) {
3952
- PopsInstanceUtils.removeInstance([layer], "", true);
3958
+ let inst = PopsInstData[type];
3959
+ if (inst) {
3960
+ PopsInstanceUtils.removeInstance([inst], "", true);
3953
3961
  }
3954
3962
  }
3955
3963
  else {
3956
3964
  PopsInstanceUtils.removeInstance([
3957
- PopsLayerData.alert,
3958
- PopsLayerData.confirm,
3959
- PopsLayerData.prompt,
3960
- PopsLayerData.iframe,
3961
- PopsLayerData.drawer,
3962
- PopsLayerData.folder,
3963
- PopsLayerData.panel,
3965
+ PopsInstData.alert,
3966
+ PopsInstData.confirm,
3967
+ PopsInstData.prompt,
3968
+ PopsInstData.iframe,
3969
+ PopsInstData.drawer,
3970
+ PopsInstData.folder,
3971
+ PopsInstData.panel,
3964
3972
  ], "", true);
3965
3973
  }
3966
3974
  }
@@ -3981,7 +3989,7 @@
3981
3989
  * @param value
3982
3990
  */
3983
3991
  handlePush(type, value) {
3984
- PopsLayerData[type].push(value);
3992
+ PopsInstData[type].push(value);
3985
3993
  },
3986
3994
  };
3987
3995
 
@@ -4984,7 +4992,7 @@
4984
4992
  popsDOMUtils.on(headerCloseBtnElement, "click", (event) => {
4985
4993
  event.preventDefault();
4986
4994
  event.stopPropagation();
4987
- PopsInstanceUtils.removeInstance([PopsLayerData.iframe], guid, false);
4995
+ PopsInstanceUtils.removeInstance([PopsInstData.iframe], guid, false);
4988
4996
  if (typeof config?.btn?.close?.callback === "function") {
4989
4997
  config.btn.close.callback(eventDetails, event);
4990
4998
  }
@@ -10487,8 +10495,8 @@
10487
10495
  guid: guid,
10488
10496
  animElement: rootElement,
10489
10497
  popsElement: rootElement,
10490
- beforeRemoveCallBack(layerCommonConfig) {
10491
- PopsContextMenu.closeAllMenu(layerCommonConfig.popsElement);
10498
+ beforeRemoveCallBack(instCommonConfig) {
10499
+ PopsContextMenu.closeAllMenu(instCommonConfig.popsElement);
10492
10500
  },
10493
10501
  });
10494
10502
  }
@@ -11508,7 +11516,7 @@
11508
11516
  /** 当前已配置的动画@keyframes名字映射(初始化时生成) */
11509
11517
  animation: PopsAnimation.$data,
11510
11518
  /** 存储已创建的元素 */
11511
- layer: PopsLayerData,
11519
+ instData: PopsInstData,
11512
11520
  /** 禁止滚动 */
11513
11521
  forbiddenScroll: {
11514
11522
  event(event) {