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