@nutui/nutui-react-taro 3.0.19-cpp.24-beta.1 → 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 +33 -33
  46. package/dist/style-jrkf.css +1 -1
  47. package/dist/style-jrkf.scss +32 -32
  48. package/dist/style.css +1 -1
  49. package/dist/style.scss +42 -42
  50. package/dist/styles/variables.scss +1 -1
  51. package/package.json +1 -1
package/dist/cjs/packages/imagepreview/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/numberkeyboard/style/style.css CHANGED
@@ -16,7 +16,7 @@
16
16
  /* #ifndef dynamic*/
17
17
  box-sizing: content-box;
18
18
  /* #endif */
19
- padding: var(--nutui-popup-title-padding, 16px);
19
+ padding: var(--nutui-popup-title-padding, 11px);
20
20
  color: var(--nutui-color-title, #1a1a1a);
21
21
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
22
22
  }
package/dist/cjs/packages/numberkeyboard/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 {
@@ -396,7 +405,7 @@
396
405
  /* #ifndef dynamic*/
397
406
  box-sizing: content-box;
398
407
  /* #endif */
399
- padding: var(--nutui-popup-title-padding, 16px);
408
+ padding: var(--nutui-popup-title-padding, 11px);
400
409
  color: var(--nutui-color-title, #1a1a1a);
401
410
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
402
411
  }
package/dist/cjs/packages/picker/style/style.css CHANGED
@@ -10,7 +10,7 @@
10
10
  align-items: center;
11
11
  justify-content: space-between;
12
12
  height: var(--nutui-popup-title-height, 50px);
13
- padding: var(--nutui-popup-title-padding, 16px);
13
+ padding: var(--nutui-popup-title-padding, 11px);
14
14
  box-sizing: border-box;
15
15
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
16
16
  }
package/dist/cjs/packages/picker/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
  }
package/dist/cjs/packages/popover/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/popup/style/popup.scss CHANGED
@@ -26,7 +26,6 @@
26
26
  color: $color-title;
27
27
  font-weight: $font-weight-bold;
28
28
  font-size: $popup-title-font-size;
29
- line-height: $popup-title-font-size;
30
29
  }
31
30
 
32
31
  &-description {
@@ -79,6 +78,8 @@
79
78
  &-center {
80
79
  top: 50%;
81
80
  left: 50%;
81
+ right: auto;
82
+ bottom: auto;
82
83
  min-height: 10%;
83
84
  max-width: 295px;
84
85
  transform: translate(-50%, -50%);
@@ -91,6 +92,8 @@
91
92
  &-bottom {
92
93
  bottom: 0;
93
94
  left: 0;
95
+ right: auto;
96
+ top: auto;
94
97
  width: 100%;
95
98
 
96
99
  &.nut-popup-round {
@@ -105,6 +108,8 @@
105
108
  &-right {
106
109
  top: 0;
107
110
  right: 0;
111
+ left: auto;
112
+ bottom: auto;
108
113
  width: 100px;
109
114
  height: 100%;
110
115
 
@@ -116,6 +121,8 @@
116
121
  &-left {
117
122
  top: 0;
118
123
  left: 0;
124
+ right: auto;
125
+ bottom: auto;
119
126
  width: 100px;
120
127
  height: 100%;
121
128
 
@@ -127,6 +134,8 @@
127
134
  &-top {
128
135
  top: 0;
129
136
  left: 0;
137
+ right: auto;
138
+ bottom: auto;
130
139
  width: 100%;
131
140
 
132
141
  &.nut-popup-round {