@qn-pandora/pandora-component 5.0.2 → 5.1.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 (105) hide show
  1. package/es/components/AutoComplete/index.js +2 -2
  2. package/es/components/AutoComplete/style.css +110 -22
  3. package/es/components/Breadcrumb/style.css +13 -3
  4. package/es/components/Button/style.css +215 -109
  5. package/es/components/Card/RowExtra/style.css +6 -0
  6. package/es/components/Card/style.css +50 -55
  7. package/es/components/CheckTransformList/style.css +327 -103
  8. package/es/components/Checkbox/style.css +5 -0
  9. package/es/components/CheckboxList/style.css +5 -0
  10. package/es/components/Collapse/style.css +34 -2
  11. package/es/components/DateTimePicker/Base/style.css +446 -56
  12. package/es/components/DateTimePicker/DisplayInput/style.css +218 -40
  13. package/es/components/DateTimePicker/index.js +1 -1
  14. package/es/components/DateTimePicker/style.css +77 -46
  15. package/es/components/Descriptions/style.css +77 -46
  16. package/es/components/Drawer/index.d.ts +6 -6
  17. package/es/components/Drawer/index.js +4 -4
  18. package/es/components/Drawer/style.css +244 -169
  19. package/es/components/Drawer/style.less +8 -0
  20. package/es/components/FileResumable/style.css +12 -42
  21. package/es/components/Input/index.d.ts +1 -1
  22. package/es/components/Input/style.css +218 -40
  23. package/es/components/Menu/style.css +16 -7
  24. package/es/components/Modal/style.css +10 -7
  25. package/es/components/NameLimiter/index.js +1 -1
  26. package/es/components/NameLimiter/style.css +83 -55
  27. package/es/components/OptionList/InlineOptionList/style.css +21 -8
  28. package/es/components/OptionList/OptionItem/style.css +83 -55
  29. package/es/components/OptionList/PopoverOptionList/index.js +1 -1
  30. package/es/components/OptionList/PopoverOptionList/style.css +77 -46
  31. package/es/components/OptionList/style.css +181 -109
  32. package/es/components/RadioGroup/style.css +27 -16
  33. package/es/components/RangeInput/style.css +581 -64
  34. package/es/components/RemarkName/style.css +83 -55
  35. package/es/components/Selector/style.css +110 -22
  36. package/es/components/Spin/style.css +8 -6
  37. package/es/components/Steps/style.css +43 -5
  38. package/es/components/Table/ColumnSetting/style.css +2 -5
  39. package/es/components/Table/ColumnSetting/style.less +2 -3
  40. package/es/components/Table/index.d.ts +12 -9
  41. package/es/components/Table/index.js +73 -84
  42. package/es/components/Table/style.css +99 -61
  43. package/es/components/Tabs/style.css +117 -68
  44. package/es/components/TopologyChart/index.d.ts +7 -0
  45. package/es/components/TopologyChart/index.js +19 -0
  46. package/es/components/TopologyChart/style.css +14 -0
  47. package/es/components/TopologyChart/style.less +14 -0
  48. package/es/components/TreeSelector/style.css +21 -9
  49. package/es/index.css +4134 -3054
  50. package/es/index.d.ts +1 -0
  51. package/es/index.js +1 -0
  52. package/es/index.less +16 -15
  53. package/lib/components/AutoComplete/index.js +2 -2
  54. package/lib/components/AutoComplete/style.css +110 -22
  55. package/lib/components/Breadcrumb/style.css +13 -3
  56. package/lib/components/Button/style.css +215 -109
  57. package/lib/components/Card/RowExtra/style.css +6 -0
  58. package/lib/components/Card/style.css +50 -55
  59. package/lib/components/CheckTransformList/style.css +327 -103
  60. package/lib/components/Checkbox/style.css +5 -0
  61. package/lib/components/CheckboxList/style.css +5 -0
  62. package/lib/components/Collapse/style.css +34 -2
  63. package/lib/components/DateTimePicker/Base/style.css +446 -56
  64. package/lib/components/DateTimePicker/DisplayInput/style.css +218 -40
  65. package/lib/components/DateTimePicker/index.js +1 -1
  66. package/lib/components/DateTimePicker/style.css +77 -46
  67. package/lib/components/Descriptions/style.css +77 -46
  68. package/lib/components/Drawer/index.d.ts +6 -6
  69. package/lib/components/Drawer/index.js +4 -4
  70. package/lib/components/Drawer/style.css +244 -169
  71. package/lib/components/Drawer/style.less +8 -0
  72. package/lib/components/FileResumable/style.css +12 -42
  73. package/lib/components/Input/index.d.ts +1 -1
  74. package/lib/components/Input/style.css +218 -40
  75. package/lib/components/Menu/style.css +16 -7
  76. package/lib/components/Modal/style.css +10 -7
  77. package/lib/components/NameLimiter/index.js +1 -1
  78. package/lib/components/NameLimiter/style.css +83 -55
  79. package/lib/components/OptionList/InlineOptionList/style.css +21 -8
  80. package/lib/components/OptionList/OptionItem/style.css +83 -55
  81. package/lib/components/OptionList/PopoverOptionList/index.js +1 -1
  82. package/lib/components/OptionList/PopoverOptionList/style.css +77 -46
  83. package/lib/components/OptionList/style.css +181 -109
  84. package/lib/components/RadioGroup/style.css +27 -16
  85. package/lib/components/RangeInput/style.css +581 -64
  86. package/lib/components/RemarkName/style.css +83 -55
  87. package/lib/components/Selector/style.css +110 -22
  88. package/lib/components/Spin/style.css +8 -6
  89. package/lib/components/Steps/style.css +43 -5
  90. package/lib/components/Table/ColumnSetting/style.css +2 -5
  91. package/lib/components/Table/ColumnSetting/style.less +2 -3
  92. package/lib/components/Table/index.d.ts +12 -9
  93. package/lib/components/Table/index.js +73 -84
  94. package/lib/components/Table/style.css +99 -61
  95. package/lib/components/Tabs/style.css +117 -68
  96. package/lib/components/TopologyChart/index.d.ts +7 -0
  97. package/lib/components/TopologyChart/index.js +28 -0
  98. package/lib/components/TopologyChart/style.css +14 -0
  99. package/lib/components/TopologyChart/style.less +14 -0
  100. package/lib/components/TreeSelector/style.css +21 -9
  101. package/lib/index.css +10899 -9819
  102. package/lib/index.d.ts +1 -0
  103. package/lib/index.js +6 -1
  104. package/lib/index.less +23 -22
  105. package/package.json +7 -6
package/lib/components/OptionList/PopoverOptionList/style.css CHANGED
@@ -18,6 +18,7 @@
18
18
  top: 0;
19
19
  left: 0;
20
20
  z-index: 1200;
21
+ max-width: 100vw;
21
22
  font-weight: normal;
22
23
  white-space: normal;
23
24
  text-align: left;
@@ -27,6 +28,9 @@
27
28
  -ms-user-select: text;
28
29
  user-select: text;
29
30
  }
31
+ .ant-popover-content {
32
+ position: relative;
33
+ }
30
34
  .ant-popover::after {
31
35
  position: absolute;
32
36
  background: rgba(255, 255, 255, 0.01);
@@ -38,22 +42,22 @@
38
42
  .ant-popover-placement-top,
39
43
  .ant-popover-placement-topLeft,
40
44
  .ant-popover-placement-topRight {
41
- padding-bottom: 10px;
45
+ padding-bottom: 15.3137085px;
42
46
  }
43
47
  .ant-popover-placement-right,
44
48
  .ant-popover-placement-rightTop,
45
49
  .ant-popover-placement-rightBottom {
46
- padding-left: 10px;
50
+ padding-left: 15.3137085px;
47
51
  }
48
52
  .ant-popover-placement-bottom,
49
53
  .ant-popover-placement-bottomLeft,
50
54
  .ant-popover-placement-bottomRight {
51
- padding-top: 10px;
55
+ padding-top: 15.3137085px;
52
56
  }
53
57
  .ant-popover-placement-left,
54
58
  .ant-popover-placement-leftTop,
55
59
  .ant-popover-placement-leftBottom {
56
- padding-right: 10px;
60
+ padding-right: 15.3137085px;
57
61
  }
58
62
  .ant-popover-inner {
59
63
  background-color: #ffffff;
@@ -61,8 +65,6 @@
61
65
  border-radius: 2px;
62
66
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
63
67
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
64
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
65
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
66
68
  }
67
69
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
68
70
  .ant-popover {
@@ -83,71 +85,91 @@
83
85
  border-bottom: 1px solid #e5e5e5;
84
86
  }
85
87
  .ant-popover-inner-content {
88
+ width: -webkit-max-content;
89
+ width: -moz-max-content;
90
+ width: max-content;
91
+ max-width: 100%;
86
92
  padding: 12px 16px;
87
93
  color: rgba(0, 0, 0, 0.65);
88
94
  }
89
95
  .ant-popover-message {
90
- position: relative;
96
+ display: -webkit-box;
97
+ display: -ms-flexbox;
98
+ display: flex;
91
99
  padding: 4px 0 12px;
92
100
  color: rgba(0, 0, 0, 0.65);
93
101
  font-size: 14px;
94
102
  }
95
- .ant-popover-message > .anticon {
96
- position: absolute;
97
- top: 8.0005px;
103
+ .ant-popover-message-icon {
104
+ display: inline-block;
105
+ margin-right: 8px;
98
106
  color: #f0a818;
99
107
  font-size: 14px;
100
108
  }
101
- .ant-popover-message-title {
102
- padding-left: 22px;
103
- }
104
109
  .ant-popover-buttons {
105
110
  margin-bottom: 4px;
106
111
  text-align: right;
107
112
  }
108
- .ant-popover-buttons button {
113
+ .ant-popover-buttons button:not(:first-child) {
109
114
  margin-left: 8px;
110
115
  }
111
116
  .ant-popover-arrow {
112
117
  position: absolute;
113
118
  display: block;
114
- width: 8.48528137px;
115
- height: 8.48528137px;
119
+ width: 22px;
120
+ height: 22px;
116
121
  overflow: hidden;
117
122
  background: transparent;
118
123
  pointer-events: none;
119
124
  }
120
125
  .ant-popover-arrow-content {
126
+ --antd-arrow-background-color: #ffffff;
121
127
  position: absolute;
122
128
  top: 0;
123
129
  right: 0;
124
130
  bottom: 0;
125
131
  left: 0;
126
132
  display: block;
127
- width: 6px;
128
- height: 6px;
133
+ width: 11.3137085px;
134
+ height: 11.3137085px;
129
135
  margin: auto;
130
- background-color: #ffffff;
131
136
  content: '';
132
137
  pointer-events: auto;
138
+ border-radius: 0 0 2px;
139
+ pointer-events: none;
140
+ }
141
+ .ant-popover-arrow-content::before {
142
+ position: absolute;
143
+ top: -11.3137085px;
144
+ left: -11.3137085px;
145
+ width: 33.9411255px;
146
+ height: 33.9411255px;
147
+ background: var(--antd-arrow-background-color);
148
+ background-repeat: no-repeat;
149
+ background-position: -10px -10px;
150
+ content: '';
151
+ clip-path: inset(33% 33%);
152
+ clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
133
153
  }
134
154
  .ant-popover-placement-top .ant-popover-arrow,
135
155
  .ant-popover-placement-topLeft .ant-popover-arrow,
136
156
  .ant-popover-placement-topRight .ant-popover-arrow {
137
- bottom: 1.51471863px;
157
+ bottom: 0;
158
+ -webkit-transform: translateY(100%);
159
+ transform: translateY(100%);
138
160
  }
139
161
  .ant-popover-placement-top .ant-popover-arrow-content,
140
162
  .ant-popover-placement-topLeft .ant-popover-arrow-content,
141
163
  .ant-popover-placement-topRight .ant-popover-arrow-content {
142
164
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
143
165
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
144
- -webkit-transform: translateY(-4.24264069px) rotate(45deg);
145
- transform: translateY(-4.24264069px) rotate(45deg);
166
+ -webkit-transform: translateY(-11px) rotate(45deg);
167
+ transform: translateY(-11px) rotate(45deg);
146
168
  }
147
169
  .ant-popover-placement-top .ant-popover-arrow {
148
170
  left: 50%;
149
- -webkit-transform: translateX(-50%);
150
- transform: translateX(-50%);
171
+ -webkit-transform: translateY(100%) translateX(-50%);
172
+ transform: translateY(100%) translateX(-50%);
151
173
  }
152
174
  .ant-popover-placement-topLeft .ant-popover-arrow {
153
175
  left: 16px;
@@ -158,20 +180,22 @@
158
180
  .ant-popover-placement-right .ant-popover-arrow,
159
181
  .ant-popover-placement-rightTop .ant-popover-arrow,
160
182
  .ant-popover-placement-rightBottom .ant-popover-arrow {
161
- left: 1.51471863px;
183
+ left: 0;
184
+ -webkit-transform: translateX(-100%);
185
+ transform: translateX(-100%);
162
186
  }
163
187
  .ant-popover-placement-right .ant-popover-arrow-content,
164
188
  .ant-popover-placement-rightTop .ant-popover-arrow-content,
165
189
  .ant-popover-placement-rightBottom .ant-popover-arrow-content {
166
- -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
167
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
168
- -webkit-transform: translateX(4.24264069px) rotate(45deg);
169
- transform: translateX(4.24264069px) rotate(45deg);
190
+ -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
191
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
192
+ -webkit-transform: translateX(11px) rotate(135deg);
193
+ transform: translateX(11px) rotate(135deg);
170
194
  }
171
195
  .ant-popover-placement-right .ant-popover-arrow {
172
196
  top: 50%;
173
- -webkit-transform: translateY(-50%);
174
- transform: translateY(-50%);
197
+ -webkit-transform: translateX(-100%) translateY(-50%);
198
+ transform: translateX(-100%) translateY(-50%);
175
199
  }
176
200
  .ant-popover-placement-rightTop .ant-popover-arrow {
177
201
  top: 12px;
@@ -182,20 +206,22 @@
182
206
  .ant-popover-placement-bottom .ant-popover-arrow,
183
207
  .ant-popover-placement-bottomLeft .ant-popover-arrow,
184
208
  .ant-popover-placement-bottomRight .ant-popover-arrow {
185
- top: 1.51471863px;
209
+ top: 0;
210
+ -webkit-transform: translateY(-100%);
211
+ transform: translateY(-100%);
186
212
  }
187
213
  .ant-popover-placement-bottom .ant-popover-arrow-content,
188
214
  .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
189
215
  .ant-popover-placement-bottomRight .ant-popover-arrow-content {
190
- -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
191
- box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
192
- -webkit-transform: translateY(4.24264069px) rotate(45deg);
193
- transform: translateY(4.24264069px) rotate(45deg);
216
+ -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
217
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
218
+ -webkit-transform: translateY(11px) rotate(-135deg);
219
+ transform: translateY(11px) rotate(-135deg);
194
220
  }
195
221
  .ant-popover-placement-bottom .ant-popover-arrow {
196
222
  left: 50%;
197
- -webkit-transform: translateX(-50%);
198
- transform: translateX(-50%);
223
+ -webkit-transform: translateY(-100%) translateX(-50%);
224
+ transform: translateY(-100%) translateX(-50%);
199
225
  }
200
226
  .ant-popover-placement-bottomLeft .ant-popover-arrow {
201
227
  left: 16px;
@@ -206,20 +232,22 @@
206
232
  .ant-popover-placement-left .ant-popover-arrow,
207
233
  .ant-popover-placement-leftTop .ant-popover-arrow,
208
234
  .ant-popover-placement-leftBottom .ant-popover-arrow {
209
- right: 1.51471863px;
235
+ right: 0;
236
+ -webkit-transform: translateX(100%);
237
+ transform: translateX(100%);
210
238
  }
211
239
  .ant-popover-placement-left .ant-popover-arrow-content,
212
240
  .ant-popover-placement-leftTop .ant-popover-arrow-content,
213
241
  .ant-popover-placement-leftBottom .ant-popover-arrow-content {
214
- -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
215
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
216
- -webkit-transform: translateX(-4.24264069px) rotate(45deg);
217
- transform: translateX(-4.24264069px) rotate(45deg);
242
+ -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
243
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
244
+ -webkit-transform: translateX(-11px) rotate(-45deg);
245
+ transform: translateX(-11px) rotate(-45deg);
218
246
  }
219
247
  .ant-popover-placement-left .ant-popover-arrow {
220
248
  top: 50%;
221
- -webkit-transform: translateY(-50%);
222
- transform: translateY(-50%);
249
+ -webkit-transform: translateX(100%) translateY(-50%);
250
+ transform: translateX(100%) translateY(-50%);
223
251
  }
224
252
  .ant-popover-placement-leftTop .ant-popover-arrow {
225
253
  top: 12px;
@@ -309,8 +337,11 @@
309
337
  direction: rtl;
310
338
  text-align: right;
311
339
  }
340
+ .ant-popover-rtl .ant-popover-message-icon {
341
+ margin-right: 0;
342
+ margin-left: 8px;
343
+ }
312
344
  .ant-popover-rtl .ant-popover-message-title {
313
- padding-right: 22px;
314
345
  padding-left: 16px;
315
346
  }
316
347
  .ant-popover-rtl .ant-popover-buttons {