@nutui/nutui-react-taro 3.0.19-cpp.25 → 3.0.19-cpp.26-beta.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 (51) hide show
  1. package/dist/cjs/packages/actionsheet/style/style.harmony.css +26 -17
  2. package/dist/cjs/packages/address/style/style.harmony.css +26 -17
  3. package/dist/cjs/packages/calendar/style/style.harmony.css +26 -17
  4. package/dist/cjs/packages/cascader/style/style.harmony.css +26 -17
  5. package/dist/cjs/packages/datepicker/style/style.harmony.css +27 -18
  6. package/dist/cjs/packages/imagepreview/style/style.harmony.css +26 -17
  7. package/dist/cjs/packages/numberkeyboard/style/style.css +1 -1
  8. package/dist/cjs/packages/numberkeyboard/style/style.harmony.css +27 -18
  9. package/dist/cjs/packages/picker/style/style.css +1 -1
  10. package/dist/cjs/packages/picker/style/style.harmony.css +27 -18
  11. package/dist/cjs/packages/popover/style/style.harmony.css +26 -17
  12. package/dist/cjs/packages/popup/style/popup.scss +10 -1
  13. package/dist/cjs/packages/popup/style/style.css +26 -17
  14. package/dist/cjs/packages/popup/style/style.harmony.css +26 -17
  15. package/dist/cjs/packages/popup/style-jmapp/popup.scss +10 -1
  16. package/dist/cjs/packages/popup/style-jmapp/style.css +10 -1
  17. package/dist/cjs/packages/popup/style-jrkf/popup.scss +10 -1
  18. package/dist/cjs/packages/popup/style-jrkf/style.css +10 -1
  19. package/dist/cjs/packages/shortpassword/style/style.harmony.css +26 -17
  20. package/dist/cjs/packages/timeselect/style/style.harmony.css +26 -17
  21. package/dist/cjs/packages/tour/style/style.harmony.css +26 -17
  22. package/dist/es/packages/actionsheet/style/style.harmony.css +26 -17
  23. package/dist/es/packages/address/style/style.harmony.css +26 -17
  24. package/dist/es/packages/calendar/style/style.harmony.css +26 -17
  25. package/dist/es/packages/cascader/style/style.harmony.css +26 -17
  26. package/dist/es/packages/datepicker/style/style.harmony.css +27 -18
  27. package/dist/es/packages/imagepreview/style/style.harmony.css +26 -17
  28. package/dist/es/packages/numberkeyboard/style/style.css +1 -1
  29. package/dist/es/packages/numberkeyboard/style/style.harmony.css +27 -18
  30. package/dist/es/packages/picker/style/style.css +1 -1
  31. package/dist/es/packages/picker/style/style.harmony.css +27 -18
  32. package/dist/es/packages/popover/style/style.harmony.css +26 -17
  33. package/dist/es/packages/popup/style/popup.scss +10 -1
  34. package/dist/es/packages/popup/style/style.css +26 -17
  35. package/dist/es/packages/popup/style/style.harmony.css +26 -17
  36. package/dist/es/packages/popup/style-jmapp/popup.scss +10 -1
  37. package/dist/es/packages/popup/style-jmapp/style.css +10 -1
  38. package/dist/es/packages/popup/style-jrkf/popup.scss +10 -1
  39. package/dist/es/packages/popup/style-jrkf/style.css +10 -1
  40. package/dist/es/packages/shortpassword/style/style.harmony.css +26 -17
  41. package/dist/es/packages/timeselect/style/style.harmony.css +26 -17
  42. package/dist/es/packages/tour/style/style.harmony.css +26 -17
  43. package/dist/nutui.react.umd.js +49 -37
  44. package/dist/style-jmapp.css +1 -1
  45. package/dist/style-jmapp.scss +31 -31
  46. package/dist/style-jrkf.css +1 -1
  47. package/dist/style-jrkf.scss +33 -33
  48. package/dist/style.css +1 -1
  49. package/dist/style.scss +34 -34
  50. package/dist/styles/variables.scss +1 -1
  51. package/package.json +1 -1
package/dist/cjs/packages/actionsheet/style/style.harmony.css CHANGED
@@ -71,7 +71,7 @@
71
71
  align-items: center;
72
72
  justify-content: center;
73
73
  border-bottom: var(--nutui-popup-title-border-bottom, 0);
74
- padding: var(--nutui-popup-title-padding, 16px);
74
+ padding: var(--nutui-popup-title-padding, 11px);
75
75
  position: relative;
76
76
  }
77
77
  .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
84
84
  color: var(--nutui-color-title, #1a1a1a);
85
85
  font-weight: var(--nutui-font-weight-bold, 600);
86
86
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
87
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
88
87
  }
89
88
  .nut-popup-title-description {
90
89
  color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
96
95
  }
97
96
  .nut-popup-title-left {
98
97
  position: absolute;
99
- top: var(--nutui-popup-title-padding, 16px);
100
- left: var(--nutui-popup-title-padding, 16px);
98
+ top: var(--nutui-popup-title-padding, 11px);
99
+ left: var(--nutui-popup-title-padding, 11px);
101
100
  }
102
101
  .nut-popup-title-right {
103
102
  position: absolute;
104
- top: var(--nutui-popup-title-padding, 16px);
105
- right: var(--nutui-popup-title-padding, 16px);
103
+ top: var(--nutui-popup-title-padding, 11px);
104
+ right: var(--nutui-popup-title-padding, 11px);
106
105
  z-index: 1;
107
106
  width: var(--nutui-popup-icon-size, 20px);
108
107
  height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
113
112
  opacity: 0.7;
114
113
  }
115
114
  .nut-popup-title-right-top-left {
116
- top: var(--nutui-popup-title-padding, 16px);
117
- left: var(--nutui-popup-title-padding, 16px);
115
+ top: var(--nutui-popup-title-padding, 11px);
116
+ left: var(--nutui-popup-title-padding, 11px);
118
117
  }
119
118
  .nut-popup-title-right-bottom-left {
120
- bottom: var(--nutui-popup-title-padding, 16px);
121
- left: var(--nutui-popup-title-padding, 16px);
119
+ bottom: var(--nutui-popup-title-padding, 11px);
120
+ left: var(--nutui-popup-title-padding, 11px);
122
121
  }
123
122
  .nut-popup-title-right-bottom-right {
124
- right: var(--nutui-popup-title-padding, 16px);
125
- bottom: var(--nutui-popup-title-padding, 16px);
123
+ right: var(--nutui-popup-title-padding, 11px);
124
+ bottom: var(--nutui-popup-title-padding, 11px);
126
125
  }
127
126
  .nut-popup-center {
128
127
  top: 50%;
129
128
  left: 50%;
129
+ right: auto;
130
+ bottom: auto;
130
131
  min-height: 10%;
131
132
  max-width: 295px;
132
133
  transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
137
138
  .nut-popup-bottom {
138
139
  bottom: 0;
139
140
  left: 0;
141
+ right: auto;
142
+ top: auto;
140
143
  width: 100%;
141
144
  }
142
145
  .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
148
151
  .nut-popup-right {
149
152
  top: 0;
150
153
  right: 0;
154
+ left: auto;
155
+ bottom: auto;
151
156
  width: 100px;
152
157
  height: 100%;
153
158
  }
@@ -157,6 +162,8 @@
157
162
  .nut-popup-left {
158
163
  top: 0;
159
164
  left: 0;
165
+ right: auto;
166
+ bottom: auto;
160
167
  width: 100px;
161
168
  height: 100%;
162
169
  }
@@ -166,6 +173,8 @@
166
173
  .nut-popup-top {
167
174
  top: 0;
168
175
  left: 0;
176
+ right: auto;
177
+ bottom: auto;
169
178
  width: 100%;
170
179
  }
171
180
  .nut-popup-top.nut-popup-round {
@@ -339,27 +348,27 @@
339
348
  [dir=rtl] .nut-popup-title-left,
340
349
  .nut-rtl .nut-popup-title-left {
341
350
  left: auto;
342
- right: var(--nutui-popup-title-padding, 16px);
351
+ right: var(--nutui-popup-title-padding, 11px);
343
352
  }
344
353
  [dir=rtl] .nut-popup-title-right,
345
354
  .nut-rtl .nut-popup-title-right {
346
355
  right: auto;
347
- left: var(--nutui-popup-title-padding, 16px);
356
+ left: var(--nutui-popup-title-padding, 11px);
348
357
  }
349
358
  [dir=rtl] .nut-popup-title-right-top-left,
350
359
  .nut-rtl .nut-popup-title-right-top-left {
351
360
  left: auto;
352
- right: var(--nutui-popup-title-padding, 16px);
361
+ right: var(--nutui-popup-title-padding, 11px);
353
362
  }
354
363
  [dir=rtl] .nut-popup-title-right-bottom-left,
355
364
  .nut-rtl .nut-popup-title-right-bottom-left {
356
365
  left: auto;
357
- right: var(--nutui-popup-title-padding, 16px);
366
+ right: var(--nutui-popup-title-padding, 11px);
358
367
  }
359
368
  [dir=rtl] .nut-popup-title-right-bottom-right,
360
369
  .nut-rtl .nut-popup-title-right-bottom-right {
361
370
  right: auto;
362
- left: var(--nutui-popup-title-padding, 16px);
371
+ left: var(--nutui-popup-title-padding, 11px);
363
372
  }
364
373
  [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
365
374
  .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
package/dist/cjs/packages/address/style/style.harmony.css CHANGED
@@ -221,7 +221,7 @@
221
221
  align-items: center;
222
222
  justify-content: center;
223
223
  border-bottom: var(--nutui-popup-title-border-bottom, 0);
224
- padding: var(--nutui-popup-title-padding, 16px);
224
+ padding: var(--nutui-popup-title-padding, 11px);
225
225
  position: relative;
226
226
  }
227
227
  .nut-popup-title-wrapper {
@@ -234,7 +234,6 @@
234
234
  color: var(--nutui-color-title, #1a1a1a);
235
235
  font-weight: var(--nutui-font-weight-bold, 600);
236
236
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
237
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
238
237
  }
239
238
  .nut-popup-title-description {
240
239
  color: var(--nutui-color-text, #505259);
@@ -246,13 +245,13 @@
246
245
  }
247
246
  .nut-popup-title-left {
248
247
  position: absolute;
249
- top: var(--nutui-popup-title-padding, 16px);
250
- left: var(--nutui-popup-title-padding, 16px);
248
+ top: var(--nutui-popup-title-padding, 11px);
249
+ left: var(--nutui-popup-title-padding, 11px);
251
250
  }
252
251
  .nut-popup-title-right {
253
252
  position: absolute;
254
- top: var(--nutui-popup-title-padding, 16px);
255
- right: var(--nutui-popup-title-padding, 16px);
253
+ top: var(--nutui-popup-title-padding, 11px);
254
+ right: var(--nutui-popup-title-padding, 11px);
256
255
  z-index: 1;
257
256
  width: var(--nutui-popup-icon-size, 20px);
258
257
  height: var(--nutui-popup-icon-size, 20px);
@@ -263,20 +262,22 @@
263
262
  opacity: 0.7;
264
263
  }
265
264
  .nut-popup-title-right-top-left {
266
- top: var(--nutui-popup-title-padding, 16px);
267
- left: var(--nutui-popup-title-padding, 16px);
265
+ top: var(--nutui-popup-title-padding, 11px);
266
+ left: var(--nutui-popup-title-padding, 11px);
268
267
  }
269
268
  .nut-popup-title-right-bottom-left {
270
- bottom: var(--nutui-popup-title-padding, 16px);
271
- left: var(--nutui-popup-title-padding, 16px);
269
+ bottom: var(--nutui-popup-title-padding, 11px);
270
+ left: var(--nutui-popup-title-padding, 11px);
272
271
  }
273
272
  .nut-popup-title-right-bottom-right {
274
- right: var(--nutui-popup-title-padding, 16px);
275
- bottom: var(--nutui-popup-title-padding, 16px);
273
+ right: var(--nutui-popup-title-padding, 11px);
274
+ bottom: var(--nutui-popup-title-padding, 11px);
276
275
  }
277
276
  .nut-popup-center {
278
277
  top: 50%;
279
278
  left: 50%;
279
+ right: auto;
280
+ bottom: auto;
280
281
  min-height: 10%;
281
282
  max-width: 295px;
282
283
  transform: translate(-50%, -50%);
@@ -287,6 +288,8 @@
287
288
  .nut-popup-bottom {
288
289
  bottom: 0;
289
290
  left: 0;
291
+ right: auto;
292
+ top: auto;
290
293
  width: 100%;
291
294
  }
292
295
  .nut-popup-bottom.nut-popup-round {
@@ -298,6 +301,8 @@
298
301
  .nut-popup-right {
299
302
  top: 0;
300
303
  right: 0;
304
+ left: auto;
305
+ bottom: auto;
301
306
  width: 100px;
302
307
  height: 100%;
303
308
  }
@@ -307,6 +312,8 @@
307
312
  .nut-popup-left {
308
313
  top: 0;
309
314
  left: 0;
315
+ right: auto;
316
+ bottom: auto;
310
317
  width: 100px;
311
318
  height: 100%;
312
319
  }
@@ -316,6 +323,8 @@
316
323
  .nut-popup-top {
317
324
  top: 0;
318
325
  left: 0;
326
+ right: auto;
327
+ bottom: auto;
319
328
  width: 100%;
320
329
  }
321
330
  .nut-popup-top.nut-popup-round {
@@ -489,27 +498,27 @@
489
498
  [dir=rtl] .nut-popup-title-left,
490
499
  .nut-rtl .nut-popup-title-left {
491
500
  left: auto;
492
- right: var(--nutui-popup-title-padding, 16px);
501
+ right: var(--nutui-popup-title-padding, 11px);
493
502
  }
494
503
  [dir=rtl] .nut-popup-title-right,
495
504
  .nut-rtl .nut-popup-title-right {
496
505
  right: auto;
497
- left: var(--nutui-popup-title-padding, 16px);
506
+ left: var(--nutui-popup-title-padding, 11px);
498
507
  }
499
508
  [dir=rtl] .nut-popup-title-right-top-left,
500
509
  .nut-rtl .nut-popup-title-right-top-left {
501
510
  left: auto;
502
- right: var(--nutui-popup-title-padding, 16px);
511
+ right: var(--nutui-popup-title-padding, 11px);
503
512
  }
504
513
  [dir=rtl] .nut-popup-title-right-bottom-left,
505
514
  .nut-rtl .nut-popup-title-right-bottom-left {
506
515
  left: auto;
507
- right: var(--nutui-popup-title-padding, 16px);
516
+ right: var(--nutui-popup-title-padding, 11px);
508
517
  }
509
518
  [dir=rtl] .nut-popup-title-right-bottom-right,
510
519
  .nut-rtl .nut-popup-title-right-bottom-right {
511
520
  right: auto;
512
- left: var(--nutui-popup-title-padding, 16px);
521
+ left: var(--nutui-popup-title-padding, 11px);
513
522
  }
514
523
  [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
515
524
  .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
package/dist/cjs/packages/calendar/style/style.harmony.css CHANGED
@@ -71,7 +71,7 @@
71
71
  align-items: center;
72
72
  justify-content: center;
73
73
  border-bottom: var(--nutui-popup-title-border-bottom, 0);
74
- padding: var(--nutui-popup-title-padding, 16px);
74
+ padding: var(--nutui-popup-title-padding, 11px);
75
75
  position: relative;
76
76
  }
77
77
  .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
84
84
  color: var(--nutui-color-title, #1a1a1a);
85
85
  font-weight: var(--nutui-font-weight-bold, 600);
86
86
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
87
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
88
87
  }
89
88
  .nut-popup-title-description {
90
89
  color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
96
95
  }
97
96
  .nut-popup-title-left {
98
97
  position: absolute;
99
- top: var(--nutui-popup-title-padding, 16px);
100
- left: var(--nutui-popup-title-padding, 16px);
98
+ top: var(--nutui-popup-title-padding, 11px);
99
+ left: var(--nutui-popup-title-padding, 11px);
101
100
  }
102
101
  .nut-popup-title-right {
103
102
  position: absolute;
104
- top: var(--nutui-popup-title-padding, 16px);
105
- right: var(--nutui-popup-title-padding, 16px);
103
+ top: var(--nutui-popup-title-padding, 11px);
104
+ right: var(--nutui-popup-title-padding, 11px);
106
105
  z-index: 1;
107
106
  width: var(--nutui-popup-icon-size, 20px);
108
107
  height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
113
112
  opacity: 0.7;
114
113
  }
115
114
  .nut-popup-title-right-top-left {
116
- top: var(--nutui-popup-title-padding, 16px);
117
- left: var(--nutui-popup-title-padding, 16px);
115
+ top: var(--nutui-popup-title-padding, 11px);
116
+ left: var(--nutui-popup-title-padding, 11px);
118
117
  }
119
118
  .nut-popup-title-right-bottom-left {
120
- bottom: var(--nutui-popup-title-padding, 16px);
121
- left: var(--nutui-popup-title-padding, 16px);
119
+ bottom: var(--nutui-popup-title-padding, 11px);
120
+ left: var(--nutui-popup-title-padding, 11px);
122
121
  }
123
122
  .nut-popup-title-right-bottom-right {
124
- right: var(--nutui-popup-title-padding, 16px);
125
- bottom: var(--nutui-popup-title-padding, 16px);
123
+ right: var(--nutui-popup-title-padding, 11px);
124
+ bottom: var(--nutui-popup-title-padding, 11px);
126
125
  }
127
126
  .nut-popup-center {
128
127
  top: 50%;
129
128
  left: 50%;
129
+ right: auto;
130
+ bottom: auto;
130
131
  min-height: 10%;
131
132
  max-width: 295px;
132
133
  transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
137
138
  .nut-popup-bottom {
138
139
  bottom: 0;
139
140
  left: 0;
141
+ right: auto;
142
+ top: auto;
140
143
  width: 100%;
141
144
  }
142
145
  .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
148
151
  .nut-popup-right {
149
152
  top: 0;
150
153
  right: 0;
154
+ left: auto;
155
+ bottom: auto;
151
156
  width: 100px;
152
157
  height: 100%;
153
158
  }
@@ -157,6 +162,8 @@
157
162
  .nut-popup-left {
158
163
  top: 0;
159
164
  left: 0;
165
+ right: auto;
166
+ bottom: auto;
160
167
  width: 100px;
161
168
  height: 100%;
162
169
  }
@@ -166,6 +173,8 @@
166
173
  .nut-popup-top {
167
174
  top: 0;
168
175
  left: 0;
176
+ right: auto;
177
+ bottom: auto;
169
178
  width: 100%;
170
179
  }
171
180
  .nut-popup-top.nut-popup-round {
@@ -339,27 +348,27 @@
339
348
  [dir=rtl] .nut-popup-title-left,
340
349
  .nut-rtl .nut-popup-title-left {
341
350
  left: auto;
342
- right: var(--nutui-popup-title-padding, 16px);
351
+ right: var(--nutui-popup-title-padding, 11px);
343
352
  }
344
353
  [dir=rtl] .nut-popup-title-right,
345
354
  .nut-rtl .nut-popup-title-right {
346
355
  right: auto;
347
- left: var(--nutui-popup-title-padding, 16px);
356
+ left: var(--nutui-popup-title-padding, 11px);
348
357
  }
349
358
  [dir=rtl] .nut-popup-title-right-top-left,
350
359
  .nut-rtl .nut-popup-title-right-top-left {
351
360
  left: auto;
352
- right: var(--nutui-popup-title-padding, 16px);
361
+ right: var(--nutui-popup-title-padding, 11px);
353
362
  }
354
363
  [dir=rtl] .nut-popup-title-right-bottom-left,
355
364
  .nut-rtl .nut-popup-title-right-bottom-left {
356
365
  left: auto;
357
- right: var(--nutui-popup-title-padding, 16px);
366
+ right: var(--nutui-popup-title-padding, 11px);
358
367
  }
359
368
  [dir=rtl] .nut-popup-title-right-bottom-right,
360
369
  .nut-rtl .nut-popup-title-right-bottom-right {
361
370
  right: auto;
362
- left: var(--nutui-popup-title-padding, 16px);
371
+ left: var(--nutui-popup-title-padding, 11px);
363
372
  }
364
373
  [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
365
374
  .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
package/dist/cjs/packages/cascader/style/style.harmony.css CHANGED
@@ -71,7 +71,7 @@
71
71
  align-items: center;
72
72
  justify-content: center;
73
73
  border-bottom: var(--nutui-popup-title-border-bottom, 0);
74
- padding: var(--nutui-popup-title-padding, 16px);
74
+ padding: var(--nutui-popup-title-padding, 11px);
75
75
  position: relative;
76
76
  }
77
77
  .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
84
84
  color: var(--nutui-color-title, #1a1a1a);
85
85
  font-weight: var(--nutui-font-weight-bold, 600);
86
86
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
87
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
88
87
  }
89
88
  .nut-popup-title-description {
90
89
  color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
96
95
  }
97
96
  .nut-popup-title-left {
98
97
  position: absolute;
99
- top: var(--nutui-popup-title-padding, 16px);
100
- left: var(--nutui-popup-title-padding, 16px);
98
+ top: var(--nutui-popup-title-padding, 11px);
99
+ left: var(--nutui-popup-title-padding, 11px);
101
100
  }
102
101
  .nut-popup-title-right {
103
102
  position: absolute;
104
- top: var(--nutui-popup-title-padding, 16px);
105
- right: var(--nutui-popup-title-padding, 16px);
103
+ top: var(--nutui-popup-title-padding, 11px);
104
+ right: var(--nutui-popup-title-padding, 11px);
106
105
  z-index: 1;
107
106
  width: var(--nutui-popup-icon-size, 20px);
108
107
  height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
113
112
  opacity: 0.7;
114
113
  }
115
114
  .nut-popup-title-right-top-left {
116
- top: var(--nutui-popup-title-padding, 16px);
117
- left: var(--nutui-popup-title-padding, 16px);
115
+ top: var(--nutui-popup-title-padding, 11px);
116
+ left: var(--nutui-popup-title-padding, 11px);
118
117
  }
119
118
  .nut-popup-title-right-bottom-left {
120
- bottom: var(--nutui-popup-title-padding, 16px);
121
- left: var(--nutui-popup-title-padding, 16px);
119
+ bottom: var(--nutui-popup-title-padding, 11px);
120
+ left: var(--nutui-popup-title-padding, 11px);
122
121
  }
123
122
  .nut-popup-title-right-bottom-right {
124
- right: var(--nutui-popup-title-padding, 16px);
125
- bottom: var(--nutui-popup-title-padding, 16px);
123
+ right: var(--nutui-popup-title-padding, 11px);
124
+ bottom: var(--nutui-popup-title-padding, 11px);
126
125
  }
127
126
  .nut-popup-center {
128
127
  top: 50%;
129
128
  left: 50%;
129
+ right: auto;
130
+ bottom: auto;
130
131
  min-height: 10%;
131
132
  max-width: 295px;
132
133
  transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
137
138
  .nut-popup-bottom {
138
139
  bottom: 0;
139
140
  left: 0;
141
+ right: auto;
142
+ top: auto;
140
143
  width: 100%;
141
144
  }
142
145
  .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
148
151
  .nut-popup-right {
149
152
  top: 0;
150
153
  right: 0;
154
+ left: auto;
155
+ bottom: auto;
151
156
  width: 100px;
152
157
  height: 100%;
153
158
  }
@@ -157,6 +162,8 @@
157
162
  .nut-popup-left {
158
163
  top: 0;
159
164
  left: 0;
165
+ right: auto;
166
+ bottom: auto;
160
167
  width: 100px;
161
168
  height: 100%;
162
169
  }
@@ -166,6 +173,8 @@
166
173
  .nut-popup-top {
167
174
  top: 0;
168
175
  left: 0;
176
+ right: auto;
177
+ bottom: auto;
169
178
  width: 100%;
170
179
  }
171
180
  .nut-popup-top.nut-popup-round {
@@ -339,27 +348,27 @@
339
348
  [dir=rtl] .nut-popup-title-left,
340
349
  .nut-rtl .nut-popup-title-left {
341
350
  left: auto;
342
- right: var(--nutui-popup-title-padding, 16px);
351
+ right: var(--nutui-popup-title-padding, 11px);
343
352
  }
344
353
  [dir=rtl] .nut-popup-title-right,
345
354
  .nut-rtl .nut-popup-title-right {
346
355
  right: auto;
347
- left: var(--nutui-popup-title-padding, 16px);
356
+ left: var(--nutui-popup-title-padding, 11px);
348
357
  }
349
358
  [dir=rtl] .nut-popup-title-right-top-left,
350
359
  .nut-rtl .nut-popup-title-right-top-left {
351
360
  left: auto;
352
- right: var(--nutui-popup-title-padding, 16px);
361
+ right: var(--nutui-popup-title-padding, 11px);
353
362
  }
354
363
  [dir=rtl] .nut-popup-title-right-bottom-left,
355
364
  .nut-rtl .nut-popup-title-right-bottom-left {
356
365
  left: auto;
357
- right: var(--nutui-popup-title-padding, 16px);
366
+ right: var(--nutui-popup-title-padding, 11px);
358
367
  }
359
368
  [dir=rtl] .nut-popup-title-right-bottom-right,
360
369
  .nut-rtl .nut-popup-title-right-bottom-right {
361
370
  right: auto;
362
- left: var(--nutui-popup-title-padding, 16px);
371
+ left: var(--nutui-popup-title-padding, 11px);
363
372
  }
364
373
  [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
365
374
  .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
package/dist/cjs/packages/datepicker/style/style.harmony.css CHANGED
@@ -71,7 +71,7 @@
71
71
  align-items: center;
72
72
  justify-content: center;
73
73
  border-bottom: var(--nutui-popup-title-border-bottom, 0);
74
- padding: var(--nutui-popup-title-padding, 16px);
74
+ padding: var(--nutui-popup-title-padding, 11px);
75
75
  position: relative;
76
76
  }
77
77
  .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
84
84
  color: var(--nutui-color-title, #1a1a1a);
85
85
  font-weight: var(--nutui-font-weight-bold, 600);
86
86
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
87
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
88
87
  }
89
88
  .nut-popup-title-description {
90
89
  color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
96
95
  }
97
96
  .nut-popup-title-left {
98
97
  position: absolute;
99
- top: var(--nutui-popup-title-padding, 16px);
100
- left: var(--nutui-popup-title-padding, 16px);
98
+ top: var(--nutui-popup-title-padding, 11px);
99
+ left: var(--nutui-popup-title-padding, 11px);
101
100
  }
102
101
  .nut-popup-title-right {
103
102
  position: absolute;
104
- top: var(--nutui-popup-title-padding, 16px);
105
- right: var(--nutui-popup-title-padding, 16px);
103
+ top: var(--nutui-popup-title-padding, 11px);
104
+ right: var(--nutui-popup-title-padding, 11px);
106
105
  z-index: 1;
107
106
  width: var(--nutui-popup-icon-size, 20px);
108
107
  height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
113
112
  opacity: 0.7;
114
113
  }
115
114
  .nut-popup-title-right-top-left {
116
- top: var(--nutui-popup-title-padding, 16px);
117
- left: var(--nutui-popup-title-padding, 16px);
115
+ top: var(--nutui-popup-title-padding, 11px);
116
+ left: var(--nutui-popup-title-padding, 11px);
118
117
  }
119
118
  .nut-popup-title-right-bottom-left {
120
- bottom: var(--nutui-popup-title-padding, 16px);
121
- left: var(--nutui-popup-title-padding, 16px);
119
+ bottom: var(--nutui-popup-title-padding, 11px);
120
+ left: var(--nutui-popup-title-padding, 11px);
122
121
  }
123
122
  .nut-popup-title-right-bottom-right {
124
- right: var(--nutui-popup-title-padding, 16px);
125
- bottom: var(--nutui-popup-title-padding, 16px);
123
+ right: var(--nutui-popup-title-padding, 11px);
124
+ bottom: var(--nutui-popup-title-padding, 11px);
126
125
  }
127
126
  .nut-popup-center {
128
127
  top: 50%;
129
128
  left: 50%;
129
+ right: auto;
130
+ bottom: auto;
130
131
  min-height: 10%;
131
132
  max-width: 295px;
132
133
  transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
137
138
  .nut-popup-bottom {
138
139
  bottom: 0;
139
140
  left: 0;
141
+ right: auto;
142
+ top: auto;
140
143
  width: 100%;
141
144
  }
142
145
  .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
148
151
  .nut-popup-right {
149
152
  top: 0;
150
153
  right: 0;
154
+ left: auto;
155
+ bottom: auto;
151
156
  width: 100px;
152
157
  height: 100%;
153
158
  }
@@ -157,6 +162,8 @@
157
162
  .nut-popup-left {
158
163
  top: 0;
159
164
  left: 0;
165
+ right: auto;
166
+ bottom: auto;
160
167
  width: 100px;
161
168
  height: 100%;
162
169
  }
@@ -166,6 +173,8 @@
166
173
  .nut-popup-top {
167
174
  top: 0;
168
175
  left: 0;
176
+ right: auto;
177
+ bottom: auto;
169
178
  width: 100%;
170
179
  }
171
180
  .nut-popup-top.nut-popup-round {
@@ -339,27 +348,27 @@
339
348
  [dir=rtl] .nut-popup-title-left,
340
349
  .nut-rtl .nut-popup-title-left {
341
350
  left: auto;
342
- right: var(--nutui-popup-title-padding, 16px);
351
+ right: var(--nutui-popup-title-padding, 11px);
343
352
  }
344
353
  [dir=rtl] .nut-popup-title-right,
345
354
  .nut-rtl .nut-popup-title-right {
346
355
  right: auto;
347
- left: var(--nutui-popup-title-padding, 16px);
356
+ left: var(--nutui-popup-title-padding, 11px);
348
357
  }
349
358
  [dir=rtl] .nut-popup-title-right-top-left,
350
359
  .nut-rtl .nut-popup-title-right-top-left {
351
360
  left: auto;
352
- right: var(--nutui-popup-title-padding, 16px);
361
+ right: var(--nutui-popup-title-padding, 11px);
353
362
  }
354
363
  [dir=rtl] .nut-popup-title-right-bottom-left,
355
364
  .nut-rtl .nut-popup-title-right-bottom-left {
356
365
  left: auto;
357
- right: var(--nutui-popup-title-padding, 16px);
366
+ right: var(--nutui-popup-title-padding, 11px);
358
367
  }
359
368
  [dir=rtl] .nut-popup-title-right-bottom-right,
360
369
  .nut-rtl .nut-popup-title-right-bottom-right {
361
370
  right: auto;
362
- left: var(--nutui-popup-title-padding, 16px);
371
+ left: var(--nutui-popup-title-padding, 11px);
363
372
  }
364
373
  [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
365
374
  .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
@@ -462,7 +471,7 @@
462
471
  align-items: center;
463
472
  justify-content: space-between;
464
473
  height: var(--nutui-popup-title-height, 50px);
465
- padding: var(--nutui-popup-title-padding, 16px);
474
+ padding: var(--nutui-popup-title-padding, 11px);
466
475
  box-sizing: border-box;
467
476
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
468
477
  }