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