@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/es/packages/shortpassword/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/es/packages/timeselect/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/es/packages/tour/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 {