@whitesev/pops 3.2.0 → 3.2.2

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 (126) hide show
  1. package/README.md +249 -249
  2. package/dist/index.amd.js +702 -667
  3. package/dist/index.amd.js.map +1 -1
  4. package/dist/index.amd.min.js +1 -1
  5. package/dist/index.amd.min.js.map +1 -1
  6. package/dist/index.cjs.js +702 -667
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.cjs.min.js +1 -1
  9. package/dist/index.cjs.min.js.map +1 -1
  10. package/dist/index.esm.js +702 -667
  11. package/dist/index.esm.js.map +1 -1
  12. package/dist/index.esm.min.js +1 -1
  13. package/dist/index.esm.min.js.map +1 -1
  14. package/dist/index.iife.js +702 -667
  15. package/dist/index.iife.js.map +1 -1
  16. package/dist/index.iife.min.js +1 -1
  17. package/dist/index.iife.min.js.map +1 -1
  18. package/dist/index.system.js +702 -667
  19. package/dist/index.system.js.map +1 -1
  20. package/dist/index.system.min.js +1 -1
  21. package/dist/index.system.min.js.map +1 -1
  22. package/dist/index.umd.js +702 -667
  23. package/dist/index.umd.js.map +1 -1
  24. package/dist/index.umd.min.js +1 -1
  25. package/dist/index.umd.min.js.map +1 -1
  26. package/dist/types/src/components/folder/types/index.d.ts +43 -13
  27. package/dist/types/src/types/PopsDOMUtilsEventType.d.ts +313 -313
  28. package/dist/types/src/types/animation.d.ts +19 -19
  29. package/dist/types/src/types/button.d.ts +94 -94
  30. package/dist/types/src/types/components.d.ts +211 -211
  31. package/dist/types/src/types/event.d.ts +43 -43
  32. package/dist/types/src/types/global.d.ts +31 -31
  33. package/dist/types/src/types/icon.d.ts +32 -32
  34. package/dist/types/src/types/inst.d.ts +28 -28
  35. package/dist/types/src/types/main.d.ts +66 -66
  36. package/dist/types/src/types/mask.d.ts +52 -52
  37. package/dist/types/src/types/position.d.ts +60 -60
  38. package/package.json +27 -25
  39. package/src/Pops.ts +206 -206
  40. package/src/PopsAnimation.ts +32 -32
  41. package/src/PopsCSS.ts +54 -54
  42. package/src/PopsCore.ts +37 -37
  43. package/src/PopsIcon.ts +95 -95
  44. package/src/PopsInst.ts +21 -21
  45. package/src/components/alert/defaultConfig.ts +62 -62
  46. package/src/components/alert/index.ts +163 -163
  47. package/src/components/alert/types/index.ts +23 -23
  48. package/src/components/confirm/defaultConfig.ts +90 -90
  49. package/src/components/confirm/index.ts +165 -165
  50. package/src/components/confirm/types/index.ts +13 -17
  51. package/src/components/drawer/defaultConfig.ts +89 -89
  52. package/src/components/drawer/index.css +37 -37
  53. package/src/components/drawer/index.ts +245 -245
  54. package/src/components/drawer/types/index.ts +62 -61
  55. package/src/components/folder/defaultConfig.ts +151 -151
  56. package/src/components/folder/folderIcon.ts +28 -28
  57. package/src/components/folder/index.css +303 -303
  58. package/src/components/folder/index.ts +953 -932
  59. package/src/components/folder/types/index.ts +143 -110
  60. package/src/components/iframe/defaultConfig.ts +60 -60
  61. package/src/components/iframe/index.css +76 -76
  62. package/src/components/iframe/index.ts +331 -331
  63. package/src/components/iframe/types/index.ts +96 -96
  64. package/src/components/loading/defaultConfig.ts +29 -29
  65. package/src/components/loading/index.css +66 -66
  66. package/src/components/loading/index.ts +101 -101
  67. package/src/components/loading/types/index.ts +36 -34
  68. package/src/components/panel/css/components-select.css +84 -84
  69. package/src/components/panel/defaultConfig.ts +868 -868
  70. package/src/components/panel/handlerComponents.ts +3993 -3993
  71. package/src/components/panel/index.css +1403 -1401
  72. package/src/components/panel/index.ts +221 -221
  73. package/src/components/panel/types/components-button.ts +56 -56
  74. package/src/components/panel/types/components-common.ts +73 -73
  75. package/src/components/panel/types/components-container.ts +25 -25
  76. package/src/components/panel/types/components-deepMenu.ts +64 -64
  77. package/src/components/panel/types/components-input.ts +90 -90
  78. package/src/components/panel/types/components-own.ts +16 -16
  79. package/src/components/panel/types/components-select.ts +169 -169
  80. package/src/components/panel/types/components-selectMultiple.ts +105 -104
  81. package/src/components/panel/types/components-slider.ts +55 -55
  82. package/src/components/panel/types/components-switch.ts +33 -33
  83. package/src/components/panel/types/components-textarea.ts +45 -45
  84. package/src/components/panel/types/index.ts +244 -244
  85. package/src/components/prompt/defaultConfig.ts +94 -94
  86. package/src/components/prompt/index.css +34 -34
  87. package/src/components/prompt/index.ts +187 -215
  88. package/src/components/prompt/types/index.ts +57 -56
  89. package/src/components/rightClickMenu/defaultConfig.ts +103 -103
  90. package/src/components/rightClickMenu/index.css +115 -115
  91. package/src/components/rightClickMenu/index.ts +662 -662
  92. package/src/components/rightClickMenu/types/index.ts +145 -143
  93. package/src/components/searchSuggestion/defaultConfig.ts +63 -63
  94. package/src/components/searchSuggestion/index.ts +813 -813
  95. package/src/components/searchSuggestion/types/index.ts +244 -242
  96. package/src/components/tooltip/defaultConfig.ts +33 -33
  97. package/src/components/tooltip/index.css +199 -199
  98. package/src/components/tooltip/index.ts +617 -617
  99. package/src/components/tooltip/types/index.ts +123 -121
  100. package/src/config/CommonCSSClassName.ts +17 -17
  101. package/src/config/GlobalConfig.ts +63 -63
  102. package/src/css/animation.css +987 -987
  103. package/src/css/button.css +551 -551
  104. package/src/css/common.css +54 -54
  105. package/src/css/index.css +253 -253
  106. package/src/css/ninePalaceGridPosition.css +50 -50
  107. package/src/css/scrollbar.css +22 -22
  108. package/src/handler/PopsElementHandler.ts +303 -303
  109. package/src/handler/PopsHandler.ts +611 -611
  110. package/src/types/PopsDOMUtilsEventType.d.ts +313 -313
  111. package/src/types/animation.d.ts +19 -19
  112. package/src/types/button.d.ts +94 -94
  113. package/src/types/components.d.ts +211 -211
  114. package/src/types/event.d.ts +43 -43
  115. package/src/types/global.d.ts +31 -31
  116. package/src/types/icon.d.ts +32 -32
  117. package/src/types/inst.d.ts +28 -28
  118. package/src/types/main.d.ts +66 -66
  119. package/src/types/mask.d.ts +52 -52
  120. package/src/types/position.d.ts +60 -60
  121. package/src/utils/PopsDOMUtils.ts +2483 -2483
  122. package/src/utils/PopsDOMUtilsEventsConfig.ts +4 -4
  123. package/src/utils/PopsInstanceUtils.ts +714 -714
  124. package/src/utils/PopsMathUtils.ts +71 -71
  125. package/src/utils/PopsSafeUtils.ts +22 -22
  126. package/src/utils/PopsUtils.ts +421 -421
package/src/components/panel/css/components-select.css CHANGED
@@ -1,84 +1,84 @@
1
- .pops {
2
- max-height: 300px;
3
- }
4
- .select-container {
5
- --el-font-size-base: 14px;
6
- --el-text-color-regular: #606266;
7
- --el-color-primary: #409eff;
8
- --el-fill-color-light: #f5f7fa;
9
- --el-disable-color: #a8abb2;
10
- }
11
- .select-item {
12
- cursor: pointer;
13
- font-size: var(--el-font-size-base);
14
- padding: 0 20px 0 20px;
15
- position: relative;
16
- white-space: nowrap;
17
- overflow: hidden;
18
- text-overflow: ellipsis;
19
- color: var(--el-text-color-regular);
20
- min-height: 34px;
21
- display: flex;
22
- flex-direction: column;
23
- justify-content: center;
24
- align-items: flex-start;
25
- box-sizing: border-box;
26
- }
27
- .select-item[aria-disabled],
28
- .select-item[disabled] {
29
- cursor: not-allowed;
30
- color: var(--el-disable-color);
31
- background: unset;
32
- }
33
- .select-item:hover {
34
- background-color: var(--el-fill-color-light);
35
- }
36
- .select-item.select-item-is-selected:has(.pops-panel-input input) {
37
- background-color: #e7e7e7;
38
- }
39
- .select-item.select-item-is-selected {
40
- color: var(--el-color-primary);
41
- font-weight: 700;
42
- }
43
- .select-item.select-item-is-selected:not(:has(.pops-panel-input))::after {
44
- content: "";
45
- position: absolute;
46
- top: 50%;
47
- right: 12px;
48
- border-top: none;
49
- border-right: none;
50
- background-repeat: no-repeat;
51
- background-position: center;
52
- background-color: var(--el-color-primary);
53
- mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
54
- no-repeat;
55
- mask-size: 100% 100%;
56
- -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
57
- no-repeat;
58
- -webkit-mask-size: 100% 100%;
59
- transform: translateY(-50%);
60
- width: 12px;
61
- height: 12px;
62
- }
63
-
64
- .select-item .pops-panel-input {
65
- width: 100%;
66
- margin: 5px 0px;
67
- }
68
- .select-item .pops-panel-input:has(.pops-panel-input-valid-error) {
69
- margin-bottom: 0px;
70
- }
71
-
72
- .select-item .select-item-text {
73
- white-space: nowrap;
74
- text-overflow: ellipsis;
75
- overflow: hidden;
76
- }
77
-
78
- @media (prefers-color-scheme: dark) {
79
- .select-container {
80
- --el-text-color-regular: #f2f2f2;
81
- --el-disable-color: #8d9095;
82
- --el-fill-color-light: #262727;
83
- }
84
- }
1
+ .pops {
2
+ max-height: 300px;
3
+ }
4
+ .select-container {
5
+ --el-font-size-base: 14px;
6
+ --el-text-color-regular: #606266;
7
+ --el-color-primary: #409eff;
8
+ --el-fill-color-light: #f5f7fa;
9
+ --el-disable-color: #a8abb2;
10
+ }
11
+ .select-item {
12
+ cursor: pointer;
13
+ font-size: var(--el-font-size-base);
14
+ padding: 0 20px 0 20px;
15
+ position: relative;
16
+ white-space: nowrap;
17
+ overflow: hidden;
18
+ text-overflow: ellipsis;
19
+ color: var(--el-text-color-regular);
20
+ min-height: 34px;
21
+ display: flex;
22
+ flex-direction: column;
23
+ justify-content: center;
24
+ align-items: flex-start;
25
+ box-sizing: border-box;
26
+ }
27
+ .select-item[aria-disabled],
28
+ .select-item[disabled] {
29
+ cursor: not-allowed;
30
+ color: var(--el-disable-color);
31
+ background: unset;
32
+ }
33
+ .select-item:hover {
34
+ background-color: var(--el-fill-color-light);
35
+ }
36
+ .select-item.select-item-is-selected:has(.pops-panel-input input) {
37
+ background-color: #e7e7e7;
38
+ }
39
+ .select-item.select-item-is-selected {
40
+ color: var(--el-color-primary);
41
+ font-weight: 700;
42
+ }
43
+ .select-item.select-item-is-selected:not(:has(.pops-panel-input))::after {
44
+ content: "";
45
+ position: absolute;
46
+ top: 50%;
47
+ right: 12px;
48
+ border-top: none;
49
+ border-right: none;
50
+ background-repeat: no-repeat;
51
+ background-position: center;
52
+ background-color: var(--el-color-primary);
53
+ mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
54
+ no-repeat;
55
+ mask-size: 100% 100%;
56
+ -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
57
+ no-repeat;
58
+ -webkit-mask-size: 100% 100%;
59
+ transform: translateY(-50%);
60
+ width: 12px;
61
+ height: 12px;
62
+ }
63
+
64
+ .select-item .pops-panel-input {
65
+ width: 100%;
66
+ margin: 5px 0px;
67
+ }
68
+ .select-item .pops-panel-input:has(.pops-panel-input-valid-error) {
69
+ margin-bottom: 0px;
70
+ }
71
+
72
+ .select-item .select-item-text {
73
+ white-space: nowrap;
74
+ text-overflow: ellipsis;
75
+ overflow: hidden;
76
+ }
77
+
78
+ @media (prefers-color-scheme: dark) {
79
+ .select-container {
80
+ --el-text-color-regular: #f2f2f2;
81
+ --el-disable-color: #8d9095;
82
+ --el-fill-color-light: #262727;
83
+ }
84
+ }