@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.iife.js CHANGED
@@ -2341,7 +2341,10 @@ var pops = (function () {
2341
2341
  }
2342
2342
  const popsDOMUtils = new PopsDOMUtils();
2343
2343
 
2344
- const PopsLayerData = {
2344
+ /**
2345
+ * 弹窗实例数据
2346
+ */
2347
+ const PopsInstData = {
2345
2348
  alert: [],
2346
2349
  confirm: [],
2347
2350
  drawer: [],
@@ -2359,7 +2362,7 @@ var pops = (function () {
2359
2362
 
2360
2363
  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";
2361
2364
 
2362
- 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";
2365
+ 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";
2363
2366
 
2364
2367
  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";
2365
2368
 
@@ -2547,18 +2550,18 @@ var pops = (function () {
2547
2550
  function isVisibleNode($css) {
2548
2551
  return $css.position !== "static" && $css.display !== "none";
2549
2552
  }
2550
- Object.keys(PopsLayerData).forEach((layerName) => {
2551
- let layerList = PopsLayerData[layerName];
2552
- for (let index = 0; index < layerList.length; index++) {
2553
- const layer = layerList[index];
2554
- let nodeStyle = window.getComputedStyle(layer.animElement);
2553
+ Object.keys(PopsInstData).forEach((instKeyName) => {
2554
+ let instData = PopsInstData[instKeyName];
2555
+ for (let index = 0; index < instData.length; index++) {
2556
+ const inst = instData[index];
2557
+ let nodeStyle = window.getComputedStyle(inst.animElement);
2555
2558
  /* 不对position为static和display为none的元素进行获取它们的z-index */
2556
2559
  if (isVisibleNode(nodeStyle)) {
2557
2560
  let nodeZIndex = parseInt(nodeStyle.zIndex);
2558
2561
  if (!isNaN(nodeZIndex)) {
2559
2562
  if (nodeZIndex > zIndex) {
2560
2563
  zIndex = nodeZIndex;
2561
- maxZIndexNode = layer.animElement;
2564
+ maxZIndexNode = inst.animElement;
2562
2565
  }
2563
2566
  }
2564
2567
  }
@@ -2584,69 +2587,69 @@ var pops = (function () {
2584
2587
  },
2585
2588
  /**
2586
2589
  * 删除配置中对应的对象
2587
- * @param moreLayerConfigList 配置实例列表
2590
+ * @param instConfigList 配置实例列表
2588
2591
  * @param guid 唯一标识
2589
2592
  * @param isAll 是否全部删除
2590
2593
  */
2591
- removeInstance(moreLayerConfigList, guid, isAll = false) {
2594
+ removeInstance(instConfigList, guid, isAll = false) {
2592
2595
  /**
2593
2596
  * 移除元素实例
2594
- * @param layerCommonConfig
2597
+ * @param instCommonConfig
2595
2598
  */
2596
- function removeItem(layerCommonConfig) {
2597
- if (typeof layerCommonConfig.beforeRemoveCallBack === "function") {
2599
+ function removeItem(instCommonConfig) {
2600
+ if (typeof instCommonConfig.beforeRemoveCallBack === "function") {
2598
2601
  // 调用移除签的回调
2599
- layerCommonConfig.beforeRemoveCallBack(layerCommonConfig);
2602
+ instCommonConfig.beforeRemoveCallBack(instCommonConfig);
2600
2603
  }
2601
- layerCommonConfig?.animElement?.remove();
2602
- layerCommonConfig?.popsElement?.remove();
2603
- layerCommonConfig?.maskElement?.remove();
2604
- layerCommonConfig?.$shadowContainer?.remove();
2604
+ instCommonConfig?.animElement?.remove();
2605
+ instCommonConfig?.popsElement?.remove();
2606
+ instCommonConfig?.maskElement?.remove();
2607
+ instCommonConfig?.$shadowContainer?.remove();
2605
2608
  }
2606
- // [ layer[], layer[],...]
2607
- moreLayerConfigList.forEach((layerConfigList) => {
2608
- // layer[]
2609
- layerConfigList.forEach((layerConfigItem, index) => {
2609
+ // [ inst[], inst[],...]
2610
+ instConfigList.forEach((instConfigList) => {
2611
+ // inst[]
2612
+ instConfigList.forEach((instConfigItem, index) => {
2610
2613
  // 移除全部或者guid相同
2611
- if (isAll || layerConfigItem["guid"] === guid) {
2614
+ if (isAll || instConfigItem["guid"] === guid) {
2612
2615
  // 判断是否有动画
2613
- let animName = layerConfigItem.animElement.getAttribute("anim");
2616
+ let animName = instConfigItem.animElement.getAttribute("anim");
2614
2617
  if (PopsAnimation.hasAnim(animName)) {
2615
2618
  let reverseAnimName = animName + "-reverse";
2616
- layerConfigItem.animElement.style.width = "100%";
2617
- layerConfigItem.animElement.style.height = "100%";
2618
- layerConfigItem.animElement.style["animation-name"] =
2619
+ instConfigItem.animElement.style.width = "100%";
2620
+ instConfigItem.animElement.style.height = "100%";
2621
+ instConfigItem.animElement.style["animation-name"] =
2619
2622
  reverseAnimName;
2620
- if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
2621
- popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), function () {
2622
- removeItem(layerConfigItem);
2623
+ if (PopsAnimation.hasAnim(instConfigItem.animElement.style["animation-name"])) {
2624
+ popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), function () {
2625
+ removeItem(instConfigItem);
2623
2626
  }, {
2624
2627
  capture: true,
2625
2628
  });
2626
2629
  }
2627
2630
  else {
2628
- removeItem(layerConfigItem);
2631
+ removeItem(instConfigItem);
2629
2632
  }
2630
2633
  }
2631
2634
  else {
2632
- removeItem(layerConfigItem);
2635
+ removeItem(instConfigItem);
2633
2636
  }
2634
- layerConfigList.splice(index, 1);
2637
+ instConfigList.splice(index, 1);
2635
2638
  }
2636
2639
  });
2637
2640
  });
2638
- return moreLayerConfigList;
2641
+ return instConfigList;
2639
2642
  },
2640
2643
  /**
2641
2644
  * 隐藏
2642
2645
  * @param popsType
2643
- * @param layerConfigList
2646
+ * @param instConfigList
2644
2647
  * @param guid
2645
2648
  * @param config
2646
2649
  * @param animElement
2647
2650
  * @param maskElement
2648
2651
  */
2649
- hide(popsType, layerConfigList, guid, config, animElement, maskElement) {
2652
+ hide(popsType, instConfigList, guid, config, animElement, maskElement) {
2650
2653
  return new Promise((resolve) => {
2651
2654
  let popsElement = animElement.querySelector(".pops[type-value]");
2652
2655
  if (popsType === "drawer") {
@@ -2666,36 +2669,39 @@ var pops = (function () {
2666
2669
  }, drawerConfig.closeDelay);
2667
2670
  }
2668
2671
  else {
2669
- let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
2670
- if (findLayerIns) {
2672
+ let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
2673
+ if (fintInst) {
2671
2674
  /* 存在动画 */
2672
- let layerConfigItem = findLayerIns;
2673
- layerConfigItem.animElement.style.width = "100%";
2674
- layerConfigItem.animElement.style.height = "100%";
2675
- layerConfigItem.animElement.style["animation-name"] =
2676
- layerConfigItem.animElement.getAttribute("anim") + "-reverse";
2677
- if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
2675
+ let instConfigItem = fintInst;
2676
+ instConfigItem.animElement.style.width = "100%";
2677
+ instConfigItem.animElement.style.height = "100%";
2678
+ // @ts-ignore
2679
+ instConfigItem.animElement.style["animation-name"] =
2680
+ instConfigItem.animElement.getAttribute("anim") + "-reverse";
2681
+ if (PopsAnimation.hasAnim(
2682
+ // @ts-ignore
2683
+ instConfigItem.animElement.style["animation-name"])) {
2678
2684
  /**
2679
2685
  * 动画结束的回调
2680
2686
  */
2681
2687
  function animationendCallBack() {
2682
- layerConfigItem.animElement.style.display = "none";
2683
- if (layerConfigItem.maskElement) {
2684
- layerConfigItem.maskElement.style.display = "none";
2688
+ instConfigItem.animElement.style.display = "none";
2689
+ if (instConfigItem.maskElement) {
2690
+ instConfigItem.maskElement.style.display = "none";
2685
2691
  }
2686
- popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2692
+ popsDOMUtils.off(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2687
2693
  capture: true,
2688
2694
  });
2689
2695
  resolve();
2690
2696
  }
2691
- popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2697
+ popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2692
2698
  capture: true,
2693
2699
  });
2694
2700
  }
2695
2701
  else {
2696
- layerConfigItem.animElement.style.display = "none";
2697
- if (layerConfigItem.maskElement) {
2698
- layerConfigItem.maskElement.style.display = "none";
2702
+ instConfigItem.animElement.style.display = "none";
2703
+ if (instConfigItem.maskElement) {
2704
+ instConfigItem.maskElement.style.display = "none";
2699
2705
  }
2700
2706
  resolve();
2701
2707
  }
@@ -2706,13 +2712,13 @@ var pops = (function () {
2706
2712
  /**
2707
2713
  * 显示
2708
2714
  * @param popsType
2709
- * @param layerConfigList
2715
+ * @param instConfigList
2710
2716
  * @param guid
2711
2717
  * @param config
2712
2718
  * @param animElement
2713
2719
  * @param maskElement
2714
2720
  */
2715
- show(popsType, layerConfigList, guid, config, animElement, maskElement) {
2721
+ show(popsType, instConfigList, guid, config, animElement, maskElement) {
2716
2722
  return new Promise((resolve) => {
2717
2723
  let popsElement = animElement.querySelector(".pops[type-value]");
2718
2724
  if (popsType === "drawer") {
@@ -2734,37 +2740,39 @@ var pops = (function () {
2734
2740
  }, drawerConfig.openDelay ?? 0);
2735
2741
  }
2736
2742
  else {
2737
- let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
2738
- if (findLayerIns) {
2739
- let layerConfigItem = findLayerIns;
2740
- layerConfigItem.animElement.style.width = "";
2741
- layerConfigItem.animElement.style.height = "";
2742
- layerConfigItem.animElement.style["animation-name"] =
2743
- layerConfigItem
2744
- .animElement.getAttribute("anim")
2745
- .replace("-reverse", "");
2746
- if (PopsAnimation.hasAnim(layerConfigItem.animElement.style["animation-name"])) {
2743
+ let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
2744
+ if (fintInst) {
2745
+ let instConfigItem = fintInst;
2746
+ instConfigItem.animElement.style.width = "";
2747
+ instConfigItem.animElement.style.height = "";
2748
+ // @ts-ignore
2749
+ instConfigItem.animElement.style["animation-name"] = instConfigItem
2750
+ .animElement.getAttribute("anim")
2751
+ .replace("-reverse", "");
2752
+ if (PopsAnimation.hasAnim(
2753
+ // @ts-ignore
2754
+ instConfigItem.animElement.style["animation-name"])) {
2747
2755
  /**
2748
2756
  * 动画结束的回调
2749
2757
  */
2750
2758
  function animationendCallBack() {
2751
- popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2759
+ popsDOMUtils.off(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2752
2760
  capture: true,
2753
2761
  });
2754
2762
  resolve();
2755
2763
  }
2756
- layerConfigItem.animElement.style.display = "";
2757
- if (layerConfigItem.maskElement) {
2758
- layerConfigItem.maskElement.style.display = "";
2764
+ instConfigItem.animElement.style.display = "";
2765
+ if (instConfigItem.maskElement) {
2766
+ instConfigItem.maskElement.style.display = "";
2759
2767
  }
2760
- popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2768
+ popsDOMUtils.on(instConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
2761
2769
  capture: true,
2762
2770
  });
2763
2771
  }
2764
2772
  else {
2765
- layerConfigItem.animElement.style.display = "";
2766
- if (layerConfigItem.maskElement) {
2767
- layerConfigItem.maskElement.style.display = "";
2773
+ instConfigItem.animElement.style.display = "";
2774
+ if (instConfigItem.maskElement) {
2775
+ instConfigItem.maskElement.style.display = "";
2768
2776
  }
2769
2777
  resolve();
2770
2778
  }
@@ -2775,12 +2783,12 @@ var pops = (function () {
2775
2783
  /**
2776
2784
  * 关闭
2777
2785
  * @param popsType
2778
- * @param layerConfigList
2786
+ * @param instConfigList
2779
2787
  * @param guid
2780
2788
  * @param config
2781
2789
  * @param animElement
2782
2790
  */
2783
- close(popsType, layerConfigList, guid, config, animElement) {
2791
+ close(popsType, instConfigList, guid, config, animElement) {
2784
2792
  return new Promise((resolve) => {
2785
2793
  let popsElement = animElement.querySelector(".pops[type-value]");
2786
2794
  let drawerConfig = config;
@@ -2796,7 +2804,7 @@ var pops = (function () {
2796
2804
  return;
2797
2805
  }
2798
2806
  popsDOMUtils.off(popsElement, popsDOMUtils.getTransitionEndNameList(), void 0, closeCallBack);
2799
- PopsInstanceUtils.removeInstance([layerConfigList], guid);
2807
+ PopsInstanceUtils.removeInstance([instConfigList], guid);
2800
2808
  resolve();
2801
2809
  }
2802
2810
  /* 监听过渡结束 */
@@ -2828,7 +2836,7 @@ var pops = (function () {
2828
2836
  }, drawerConfig.closeDelay);
2829
2837
  }
2830
2838
  else {
2831
- PopsInstanceUtils.removeInstance([layerConfigList], guid);
2839
+ PopsInstanceUtils.removeInstance([instConfigList], guid);
2832
2840
  resolve();
2833
2841
  }
2834
2842
  });
@@ -3611,15 +3619,15 @@ var pops = (function () {
3611
3619
  function clickEvent(event) {
3612
3620
  popsDOMUtils.preventEvent(event);
3613
3621
  // 获取该类型实例存储列表
3614
- let targetLayer = PopsLayerData[details.type];
3622
+ let targetInst = PopsInstData[details.type];
3615
3623
  function originalRun() {
3616
3624
  if (details.config.mask.clickEvent.toClose) {
3617
3625
  /* 关闭 */
3618
- return PopsInstanceUtils.close(details.type, targetLayer, details.guid, details.config, details.animElement);
3626
+ return PopsInstanceUtils.close(details.type, targetInst, details.guid, details.config, details.animElement);
3619
3627
  }
3620
3628
  else if (details.config.mask.clickEvent.toHide) {
3621
3629
  /* 隐藏 */
3622
- return PopsInstanceUtils.hide(details.type, targetLayer, details.guid, details.config, details.animElement, result.maskElement);
3630
+ return PopsInstanceUtils.hide(details.type, targetInst, details.guid, details.config, details.animElement, result.maskElement);
3623
3631
  }
3624
3632
  }
3625
3633
  if (typeof details.config.mask.clickCallBack === "function") {
@@ -3798,13 +3806,13 @@ var pops = (function () {
3798
3806
  mode: mode,
3799
3807
  guid: guid,
3800
3808
  close() {
3801
- return PopsInstanceUtils.close(mode, PopsLayerData[mode], guid, config, animElement);
3809
+ return PopsInstanceUtils.close(mode, PopsInstData[mode], guid, config, animElement);
3802
3810
  },
3803
3811
  hide() {
3804
- return PopsInstanceUtils.hide(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3812
+ return PopsInstanceUtils.hide(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3805
3813
  },
3806
3814
  show() {
3807
- return PopsInstanceUtils.show(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3815
+ return PopsInstanceUtils.show(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3808
3816
  },
3809
3817
  };
3810
3818
  },
@@ -3826,13 +3834,13 @@ var pops = (function () {
3826
3834
  mode: mode,
3827
3835
  guid: guid,
3828
3836
  close() {
3829
- return PopsInstanceUtils.close(mode, PopsLayerData[mode], guid, config, animElement);
3837
+ return PopsInstanceUtils.close(mode, PopsInstData[mode], guid, config, animElement);
3830
3838
  },
3831
3839
  hide() {
3832
- return PopsInstanceUtils.hide(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3840
+ return PopsInstanceUtils.hide(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3833
3841
  },
3834
3842
  show() {
3835
- return PopsInstanceUtils.show(mode, PopsLayerData[mode], guid, config, animElement, maskElement);
3843
+ return PopsInstanceUtils.show(mode, PopsInstData[mode], guid, config, animElement, maskElement);
3836
3844
  },
3837
3845
  };
3838
3846
  },
@@ -3944,20 +3952,20 @@ var pops = (function () {
3944
3952
  if (type === "loading" ||
3945
3953
  type === "tooltip" ||
3946
3954
  type === "rightClickMenu") {
3947
- let layer = PopsLayerData[type];
3948
- if (layer) {
3949
- PopsInstanceUtils.removeInstance([layer], "", true);
3955
+ let inst = PopsInstData[type];
3956
+ if (inst) {
3957
+ PopsInstanceUtils.removeInstance([inst], "", true);
3950
3958
  }
3951
3959
  }
3952
3960
  else {
3953
3961
  PopsInstanceUtils.removeInstance([
3954
- PopsLayerData.alert,
3955
- PopsLayerData.confirm,
3956
- PopsLayerData.prompt,
3957
- PopsLayerData.iframe,
3958
- PopsLayerData.drawer,
3959
- PopsLayerData.folder,
3960
- PopsLayerData.panel,
3962
+ PopsInstData.alert,
3963
+ PopsInstData.confirm,
3964
+ PopsInstData.prompt,
3965
+ PopsInstData.iframe,
3966
+ PopsInstData.drawer,
3967
+ PopsInstData.folder,
3968
+ PopsInstData.panel,
3961
3969
  ], "", true);
3962
3970
  }
3963
3971
  }
@@ -3978,7 +3986,7 @@ var pops = (function () {
3978
3986
  * @param value
3979
3987
  */
3980
3988
  handlePush(type, value) {
3981
- PopsLayerData[type].push(value);
3989
+ PopsInstData[type].push(value);
3982
3990
  },
3983
3991
  };
3984
3992
 
@@ -4981,7 +4989,7 @@ var pops = (function () {
4981
4989
  popsDOMUtils.on(headerCloseBtnElement, "click", (event) => {
4982
4990
  event.preventDefault();
4983
4991
  event.stopPropagation();
4984
- PopsInstanceUtils.removeInstance([PopsLayerData.iframe], guid, false);
4992
+ PopsInstanceUtils.removeInstance([PopsInstData.iframe], guid, false);
4985
4993
  if (typeof config?.btn?.close?.callback === "function") {
4986
4994
  config.btn.close.callback(eventDetails, event);
4987
4995
  }
@@ -10484,8 +10492,8 @@ var pops = (function () {
10484
10492
  guid: guid,
10485
10493
  animElement: rootElement,
10486
10494
  popsElement: rootElement,
10487
- beforeRemoveCallBack(layerCommonConfig) {
10488
- PopsContextMenu.closeAllMenu(layerCommonConfig.popsElement);
10495
+ beforeRemoveCallBack(instCommonConfig) {
10496
+ PopsContextMenu.closeAllMenu(instCommonConfig.popsElement);
10489
10497
  },
10490
10498
  });
10491
10499
  }
@@ -11505,7 +11513,7 @@ var pops = (function () {
11505
11513
  /** 当前已配置的动画@keyframes名字映射(初始化时生成) */
11506
11514
  animation: PopsAnimation.$data,
11507
11515
  /** 存储已创建的元素 */
11508
- layer: PopsLayerData,
11516
+ instData: PopsInstData,
11509
11517
  /** 禁止滚动 */
11510
11518
  forbiddenScroll: {
11511
11519
  event(event) {