@nutui/nutui-react-taro 3.0.19-cpp.25 → 3.0.19-cpp.26-beta.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.
- package/dist/cjs/locales/base.d.ts +3 -0
- package/dist/cjs/locales/en-US.js +4 -1
- package/dist/cjs/locales/id-ID.js +4 -1
- package/dist/cjs/locales/ja-JP.js +4 -1
- package/dist/cjs/locales/tr-TR.js +4 -1
- package/dist/cjs/locales/zh-CN.js +4 -1
- package/dist/cjs/locales/zh-TW.js +4 -1
- package/dist/cjs/locales/zh-UG.js +4 -1
- package/dist/cjs/packages/actionsheet/style/style.harmony.css +45 -24
- package/dist/cjs/packages/address/style/style.harmony.css +45 -24
- package/dist/cjs/packages/calendar/style/style.harmony.css +45 -24
- package/dist/cjs/packages/cascader/style/style.harmony.css +45 -24
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/datepicker/style/style.harmony.css +46 -25
- package/dist/cjs/packages/imagepreview/style/style.harmony.css +45 -24
- package/dist/cjs/packages/numberkeyboard/style/style.css +1 -1
- package/dist/cjs/packages/numberkeyboard/style/style.harmony.css +46 -25
- package/dist/cjs/packages/nutui.react.build.d.ts +3 -1
- package/dist/cjs/packages/nutui.react.build.js +18 -14
- package/dist/cjs/packages/nutui.react.d.ts +4 -1
- package/dist/cjs/packages/nutui.react.js +19 -14
- package/dist/cjs/packages/nutui.react.scss.d.ts +1 -0
- package/dist/cjs/packages/nutui.react.scss.js +1 -0
- package/dist/cjs/packages/overlay/overlay.js +11 -17
- package/dist/cjs/packages/picker/style/style.css +1 -1
- package/dist/cjs/packages/picker/style/style.harmony.css +46 -25
- package/dist/cjs/packages/popover/style/style.harmony.css +45 -24
- package/dist/cjs/packages/popup/popup.js +171 -99
- package/dist/cjs/packages/popup/style/popup.scss +29 -9
- package/dist/cjs/packages/popup/style/style.css +45 -24
- package/dist/cjs/packages/popup/style/style.harmony.css +45 -24
- package/dist/cjs/packages/popup/style-jmapp/popup.scss +29 -9
- package/dist/cjs/packages/popup/style-jmapp/style.css +29 -8
- package/dist/cjs/packages/popup/style-jrkf/popup.scss +29 -9
- package/dist/cjs/packages/popup/style-jrkf/style.css +29 -8
- package/dist/cjs/packages/quickenter/index.d.ts +3 -0
- package/dist/cjs/packages/quickenter/index.js +13 -0
- package/dist/cjs/packages/quickenter/quickenter.d.ts +4 -0
- package/dist/cjs/packages/quickenter/quickenter.js +147 -0
- package/dist/cjs/packages/quickenter/style/css.js +2 -0
- package/dist/cjs/packages/quickenter/style/index.js +2 -0
- package/dist/cjs/packages/quickenter/style/quickenter.scss +110 -0
- package/dist/cjs/packages/quickenter/style/style.css +99 -0
- package/dist/cjs/packages/quickenter/style/style.harmony.css +500 -0
- package/dist/cjs/packages/quickenter/style-jmapp/css.js +2 -0
- package/dist/cjs/packages/quickenter/style-jmapp/index.js +2 -0
- package/dist/cjs/packages/quickenter/style-jmapp/quickenter.scss +110 -0
- package/dist/cjs/packages/quickenter/style-jmapp/style.css +99 -0
- package/dist/cjs/packages/quickenter/style-jrkf/css.js +2 -0
- package/dist/cjs/packages/quickenter/style-jrkf/index.js +2 -0
- package/dist/cjs/packages/quickenter/style-jrkf/quickenter.scss +110 -0
- package/dist/cjs/packages/quickenter/style-jrkf/style.css +99 -0
- package/dist/cjs/packages/shortpassword/style/style.harmony.css +45 -24
- package/dist/cjs/packages/timeselect/style/style.harmony.css +45 -24
- package/dist/cjs/packages/tour/style/style.harmony.css +45 -24
- package/dist/cjs/types/index.d.ts +3 -0
- package/dist/cjs/types/index.js +3 -0
- package/dist/cjs/types/spec/quickenter/base.d.ts +26 -0
- package/dist/cjs/types/spec/quickenter/base.js +4 -0
- package/dist/cjs/types/spec/quickenter/h5.d.ts +5 -0
- package/dist/cjs/types/spec/quickenter/h5.js +4 -0
- package/dist/cjs/types/spec/quickenter/taro.d.ts +5 -0
- package/dist/cjs/types/spec/quickenter/taro.js +4 -0
- package/dist/cjs/utils/taro/ConfigurableCSSTransition.d.ts +15 -0
- package/dist/cjs/utils/taro/ConfigurableCSSTransition.js +90 -0
- package/dist/es/locales/base.d.ts +3 -0
- package/dist/es/locales/en-US.js +4 -1
- package/dist/es/locales/id-ID.js +4 -1
- package/dist/es/locales/ja-JP.js +4 -1
- package/dist/es/locales/tr-TR.js +4 -1
- package/dist/es/locales/zh-CN.js +4 -1
- package/dist/es/locales/zh-TW.js +4 -1
- package/dist/es/locales/zh-UG.js +4 -1
- package/dist/es/packages/actionsheet/style/style.harmony.css +45 -24
- package/dist/es/packages/address/style/style.harmony.css +45 -24
- package/dist/es/packages/calendar/style/style.harmony.css +45 -24
- package/dist/es/packages/cascader/style/style.harmony.css +45 -24
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/datepicker/style/style.harmony.css +46 -25
- package/dist/es/packages/imagepreview/style/style.harmony.css +45 -24
- package/dist/es/packages/numberkeyboard/style/style.css +1 -1
- package/dist/es/packages/numberkeyboard/style/style.harmony.css +46 -25
- package/dist/es/packages/nutui.react.build.d.ts +3 -1
- package/dist/es/packages/nutui.react.build.js +3 -1
- package/dist/es/packages/overlay/overlay.js +11 -17
- package/dist/es/packages/picker/style/style.css +1 -1
- package/dist/es/packages/picker/style/style.harmony.css +46 -25
- package/dist/es/packages/popover/style/style.harmony.css +45 -24
- package/dist/es/packages/popup/popup.js +172 -101
- package/dist/es/packages/popup/style/popup.scss +29 -9
- package/dist/es/packages/popup/style/style.css +45 -24
- package/dist/es/packages/popup/style/style.harmony.css +45 -24
- package/dist/es/packages/popup/style-jmapp/popup.scss +29 -9
- package/dist/es/packages/popup/style-jmapp/style.css +29 -8
- package/dist/es/packages/popup/style-jrkf/popup.scss +29 -9
- package/dist/es/packages/popup/style-jrkf/style.css +29 -8
- package/dist/es/packages/quickenter/index.d.ts +3 -0
- package/dist/es/packages/quickenter/index.js +2 -0
- package/dist/es/packages/quickenter/quickenter.d.ts +4 -0
- package/dist/es/packages/quickenter/quickenter.js +135 -0
- package/dist/es/packages/quickenter/style/css.js +2 -0
- package/dist/es/packages/quickenter/style/index.js +2 -0
- package/dist/es/packages/quickenter/style/quickenter.scss +110 -0
- package/dist/es/packages/quickenter/style/style.css +99 -0
- package/dist/es/packages/quickenter/style/style.harmony.css +500 -0
- package/dist/es/packages/quickenter/style-jmapp/css.js +2 -0
- package/dist/es/packages/quickenter/style-jmapp/index.js +2 -0
- package/dist/es/packages/quickenter/style-jmapp/quickenter.scss +110 -0
- package/dist/es/packages/quickenter/style-jmapp/style.css +99 -0
- package/dist/es/packages/quickenter/style-jrkf/css.js +2 -0
- package/dist/es/packages/quickenter/style-jrkf/index.js +2 -0
- package/dist/es/packages/quickenter/style-jrkf/quickenter.scss +110 -0
- package/dist/es/packages/quickenter/style-jrkf/style.css +99 -0
- package/dist/es/packages/shortpassword/style/style.harmony.css +45 -24
- package/dist/es/packages/timeselect/style/style.harmony.css +45 -24
- package/dist/es/packages/tour/style/style.harmony.css +45 -24
- package/dist/es/types/index.d.ts +3 -0
- package/dist/es/types/index.js +3 -0
- package/dist/es/types/spec/quickenter/base.d.ts +44 -0
- package/dist/es/types/spec/quickenter/base.js +1 -0
- package/dist/es/types/spec/quickenter/h5.d.ts +5 -0
- package/dist/es/types/spec/quickenter/h5.js +1 -0
- package/dist/es/types/spec/quickenter/taro.d.ts +5 -0
- package/dist/es/types/spec/quickenter/taro.js +1 -0
- package/dist/es/utils/taro/ConfigurableCSSTransition.d.ts +15 -0
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +79 -0
- package/dist/nutui.react.umd.js +631 -332
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +35 -34
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +34 -33
- package/dist/style.css +1 -1
- package/dist/style.scss +35 -34
- package/dist/styles/variables-daojia.scss +36 -0
- package/dist/styles/variables-jmapp.scss +36 -0
- package/dist/styles/variables-jrkf.scss +36 -0
- package/dist/styles/variables.scss +37 -1
- package/package.json +1 -1
package/dist/es/locales/zh-UG.js
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,
|
|
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,
|
|
100
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
105
|
-
right: var(--nutui-popup-title-padding,
|
|
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,
|
|
117
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
121
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
125
|
-
bottom: var(--nutui-popup-title-padding,
|
|
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 {
|
|
@@ -242,6 +251,9 @@
|
|
|
242
251
|
}
|
|
243
252
|
}
|
|
244
253
|
@keyframes popup-slide-top-exit {
|
|
254
|
+
from {
|
|
255
|
+
transform: translate3d(0, 0%, 0);
|
|
256
|
+
}
|
|
245
257
|
to {
|
|
246
258
|
transform: translate3d(0, -100%, 0);
|
|
247
259
|
}
|
|
@@ -266,6 +278,9 @@
|
|
|
266
278
|
}
|
|
267
279
|
}
|
|
268
280
|
@keyframes popup-slide-right-exit {
|
|
281
|
+
from {
|
|
282
|
+
transform: translate3d(0%, 0, 0);
|
|
283
|
+
}
|
|
269
284
|
to {
|
|
270
285
|
transform: translate3d(100%, 0, 0);
|
|
271
286
|
}
|
|
@@ -276,7 +291,7 @@
|
|
|
276
291
|
animation-name: popup-slide-right-enter;
|
|
277
292
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
278
293
|
}
|
|
279
|
-
.nut-popup-slide-right-exit {
|
|
294
|
+
.nut-popup-slide-right-exit-active {
|
|
280
295
|
animation-fill-mode: both;
|
|
281
296
|
animation-name: popup-slide-right-exit;
|
|
282
297
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
@@ -289,20 +304,23 @@
|
|
|
289
304
|
transform: translate3d(0, 0%, 0);
|
|
290
305
|
}
|
|
291
306
|
}
|
|
292
|
-
@keyframes slide-bottom-exit {
|
|
307
|
+
@keyframes popup-slide-bottom-exit {
|
|
308
|
+
from {
|
|
309
|
+
transform: translate3d(0, 0%, 0);
|
|
310
|
+
}
|
|
293
311
|
to {
|
|
294
312
|
transform: translate3d(0, 100%, 0);
|
|
295
313
|
}
|
|
296
314
|
}
|
|
297
315
|
.nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
|
|
298
|
-
transform:
|
|
316
|
+
transform: translate3d(0, 0, 0);
|
|
299
317
|
animation-fill-mode: both;
|
|
300
318
|
animation-name: popup-slide-bottom-enter;
|
|
301
319
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
302
320
|
}
|
|
303
|
-
.nut-popup-slide-bottom-exit {
|
|
321
|
+
.nut-popup-slide-bottom-exit-active {
|
|
304
322
|
animation-fill-mode: both;
|
|
305
|
-
animation-name: slide-bottom-exit;
|
|
323
|
+
animation-name: popup-slide-bottom-exit;
|
|
306
324
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
307
325
|
}
|
|
308
326
|
@keyframes popup-slide-left-enter {
|
|
@@ -314,17 +332,20 @@
|
|
|
314
332
|
}
|
|
315
333
|
}
|
|
316
334
|
@keyframes popup-slide-left-exit {
|
|
335
|
+
from {
|
|
336
|
+
transform: translate3d(0%, 0, 0);
|
|
337
|
+
}
|
|
317
338
|
to {
|
|
318
339
|
transform: translate3d(-100%, 0, 0);
|
|
319
340
|
}
|
|
320
341
|
}
|
|
321
342
|
.nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
|
|
322
|
-
transform:
|
|
343
|
+
transform: translate3d(0, 0, 0);
|
|
323
344
|
animation-fill-mode: both;
|
|
324
345
|
animation-name: popup-slide-left-enter;
|
|
325
346
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
326
347
|
}
|
|
327
|
-
.nut-popup-slide-left-exit-active
|
|
348
|
+
.nut-popup-slide-left-exit-active {
|
|
328
349
|
animation-fill-mode: both;
|
|
329
350
|
animation-name: popup-slide-left-exit;
|
|
330
351
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
@@ -339,27 +360,27 @@
|
|
|
339
360
|
[dir=rtl] .nut-popup-title-left,
|
|
340
361
|
.nut-rtl .nut-popup-title-left {
|
|
341
362
|
left: auto;
|
|
342
|
-
right: var(--nutui-popup-title-padding,
|
|
363
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
343
364
|
}
|
|
344
365
|
[dir=rtl] .nut-popup-title-right,
|
|
345
366
|
.nut-rtl .nut-popup-title-right {
|
|
346
367
|
right: auto;
|
|
347
|
-
left: var(--nutui-popup-title-padding,
|
|
368
|
+
left: var(--nutui-popup-title-padding, 11px);
|
|
348
369
|
}
|
|
349
370
|
[dir=rtl] .nut-popup-title-right-top-left,
|
|
350
371
|
.nut-rtl .nut-popup-title-right-top-left {
|
|
351
372
|
left: auto;
|
|
352
|
-
right: var(--nutui-popup-title-padding,
|
|
373
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
353
374
|
}
|
|
354
375
|
[dir=rtl] .nut-popup-title-right-bottom-left,
|
|
355
376
|
.nut-rtl .nut-popup-title-right-bottom-left {
|
|
356
377
|
left: auto;
|
|
357
|
-
right: var(--nutui-popup-title-padding,
|
|
378
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
358
379
|
}
|
|
359
380
|
[dir=rtl] .nut-popup-title-right-bottom-right,
|
|
360
381
|
.nut-rtl .nut-popup-title-right-bottom-right {
|
|
361
382
|
right: auto;
|
|
362
|
-
left: var(--nutui-popup-title-padding,
|
|
383
|
+
left: var(--nutui-popup-title-padding, 11px);
|
|
363
384
|
}
|
|
364
385
|
[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
|
|
365
386
|
.nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
|
|
@@ -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,
|
|
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,
|
|
250
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
255
|
-
right: var(--nutui-popup-title-padding,
|
|
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,
|
|
267
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
271
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
275
|
-
bottom: var(--nutui-popup-title-padding,
|
|
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 {
|
|
@@ -392,6 +401,9 @@
|
|
|
392
401
|
}
|
|
393
402
|
}
|
|
394
403
|
@keyframes popup-slide-top-exit {
|
|
404
|
+
from {
|
|
405
|
+
transform: translate3d(0, 0%, 0);
|
|
406
|
+
}
|
|
395
407
|
to {
|
|
396
408
|
transform: translate3d(0, -100%, 0);
|
|
397
409
|
}
|
|
@@ -416,6 +428,9 @@
|
|
|
416
428
|
}
|
|
417
429
|
}
|
|
418
430
|
@keyframes popup-slide-right-exit {
|
|
431
|
+
from {
|
|
432
|
+
transform: translate3d(0%, 0, 0);
|
|
433
|
+
}
|
|
419
434
|
to {
|
|
420
435
|
transform: translate3d(100%, 0, 0);
|
|
421
436
|
}
|
|
@@ -426,7 +441,7 @@
|
|
|
426
441
|
animation-name: popup-slide-right-enter;
|
|
427
442
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
428
443
|
}
|
|
429
|
-
.nut-popup-slide-right-exit {
|
|
444
|
+
.nut-popup-slide-right-exit-active {
|
|
430
445
|
animation-fill-mode: both;
|
|
431
446
|
animation-name: popup-slide-right-exit;
|
|
432
447
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
@@ -439,20 +454,23 @@
|
|
|
439
454
|
transform: translate3d(0, 0%, 0);
|
|
440
455
|
}
|
|
441
456
|
}
|
|
442
|
-
@keyframes slide-bottom-exit {
|
|
457
|
+
@keyframes popup-slide-bottom-exit {
|
|
458
|
+
from {
|
|
459
|
+
transform: translate3d(0, 0%, 0);
|
|
460
|
+
}
|
|
443
461
|
to {
|
|
444
462
|
transform: translate3d(0, 100%, 0);
|
|
445
463
|
}
|
|
446
464
|
}
|
|
447
465
|
.nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
|
|
448
|
-
transform:
|
|
466
|
+
transform: translate3d(0, 0, 0);
|
|
449
467
|
animation-fill-mode: both;
|
|
450
468
|
animation-name: popup-slide-bottom-enter;
|
|
451
469
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
452
470
|
}
|
|
453
|
-
.nut-popup-slide-bottom-exit {
|
|
471
|
+
.nut-popup-slide-bottom-exit-active {
|
|
454
472
|
animation-fill-mode: both;
|
|
455
|
-
animation-name: slide-bottom-exit;
|
|
473
|
+
animation-name: popup-slide-bottom-exit;
|
|
456
474
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
457
475
|
}
|
|
458
476
|
@keyframes popup-slide-left-enter {
|
|
@@ -464,17 +482,20 @@
|
|
|
464
482
|
}
|
|
465
483
|
}
|
|
466
484
|
@keyframes popup-slide-left-exit {
|
|
485
|
+
from {
|
|
486
|
+
transform: translate3d(0%, 0, 0);
|
|
487
|
+
}
|
|
467
488
|
to {
|
|
468
489
|
transform: translate3d(-100%, 0, 0);
|
|
469
490
|
}
|
|
470
491
|
}
|
|
471
492
|
.nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
|
|
472
|
-
transform:
|
|
493
|
+
transform: translate3d(0, 0, 0);
|
|
473
494
|
animation-fill-mode: both;
|
|
474
495
|
animation-name: popup-slide-left-enter;
|
|
475
496
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
476
497
|
}
|
|
477
|
-
.nut-popup-slide-left-exit-active
|
|
498
|
+
.nut-popup-slide-left-exit-active {
|
|
478
499
|
animation-fill-mode: both;
|
|
479
500
|
animation-name: popup-slide-left-exit;
|
|
480
501
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
@@ -489,27 +510,27 @@
|
|
|
489
510
|
[dir=rtl] .nut-popup-title-left,
|
|
490
511
|
.nut-rtl .nut-popup-title-left {
|
|
491
512
|
left: auto;
|
|
492
|
-
right: var(--nutui-popup-title-padding,
|
|
513
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
493
514
|
}
|
|
494
515
|
[dir=rtl] .nut-popup-title-right,
|
|
495
516
|
.nut-rtl .nut-popup-title-right {
|
|
496
517
|
right: auto;
|
|
497
|
-
left: var(--nutui-popup-title-padding,
|
|
518
|
+
left: var(--nutui-popup-title-padding, 11px);
|
|
498
519
|
}
|
|
499
520
|
[dir=rtl] .nut-popup-title-right-top-left,
|
|
500
521
|
.nut-rtl .nut-popup-title-right-top-left {
|
|
501
522
|
left: auto;
|
|
502
|
-
right: var(--nutui-popup-title-padding,
|
|
523
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
503
524
|
}
|
|
504
525
|
[dir=rtl] .nut-popup-title-right-bottom-left,
|
|
505
526
|
.nut-rtl .nut-popup-title-right-bottom-left {
|
|
506
527
|
left: auto;
|
|
507
|
-
right: var(--nutui-popup-title-padding,
|
|
528
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
508
529
|
}
|
|
509
530
|
[dir=rtl] .nut-popup-title-right-bottom-right,
|
|
510
531
|
.nut-rtl .nut-popup-title-right-bottom-right {
|
|
511
532
|
right: auto;
|
|
512
|
-
left: var(--nutui-popup-title-padding,
|
|
533
|
+
left: var(--nutui-popup-title-padding, 11px);
|
|
513
534
|
}
|
|
514
535
|
[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
|
|
515
536
|
.nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
|
|
@@ -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,
|
|
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,
|
|
100
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
105
|
-
right: var(--nutui-popup-title-padding,
|
|
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,
|
|
117
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
121
|
-
left: var(--nutui-popup-title-padding,
|
|
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,
|
|
125
|
-
bottom: var(--nutui-popup-title-padding,
|
|
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 {
|
|
@@ -242,6 +251,9 @@
|
|
|
242
251
|
}
|
|
243
252
|
}
|
|
244
253
|
@keyframes popup-slide-top-exit {
|
|
254
|
+
from {
|
|
255
|
+
transform: translate3d(0, 0%, 0);
|
|
256
|
+
}
|
|
245
257
|
to {
|
|
246
258
|
transform: translate3d(0, -100%, 0);
|
|
247
259
|
}
|
|
@@ -266,6 +278,9 @@
|
|
|
266
278
|
}
|
|
267
279
|
}
|
|
268
280
|
@keyframes popup-slide-right-exit {
|
|
281
|
+
from {
|
|
282
|
+
transform: translate3d(0%, 0, 0);
|
|
283
|
+
}
|
|
269
284
|
to {
|
|
270
285
|
transform: translate3d(100%, 0, 0);
|
|
271
286
|
}
|
|
@@ -276,7 +291,7 @@
|
|
|
276
291
|
animation-name: popup-slide-right-enter;
|
|
277
292
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
278
293
|
}
|
|
279
|
-
.nut-popup-slide-right-exit {
|
|
294
|
+
.nut-popup-slide-right-exit-active {
|
|
280
295
|
animation-fill-mode: both;
|
|
281
296
|
animation-name: popup-slide-right-exit;
|
|
282
297
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
@@ -289,20 +304,23 @@
|
|
|
289
304
|
transform: translate3d(0, 0%, 0);
|
|
290
305
|
}
|
|
291
306
|
}
|
|
292
|
-
@keyframes slide-bottom-exit {
|
|
307
|
+
@keyframes popup-slide-bottom-exit {
|
|
308
|
+
from {
|
|
309
|
+
transform: translate3d(0, 0%, 0);
|
|
310
|
+
}
|
|
293
311
|
to {
|
|
294
312
|
transform: translate3d(0, 100%, 0);
|
|
295
313
|
}
|
|
296
314
|
}
|
|
297
315
|
.nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
|
|
298
|
-
transform:
|
|
316
|
+
transform: translate3d(0, 0, 0);
|
|
299
317
|
animation-fill-mode: both;
|
|
300
318
|
animation-name: popup-slide-bottom-enter;
|
|
301
319
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
302
320
|
}
|
|
303
|
-
.nut-popup-slide-bottom-exit {
|
|
321
|
+
.nut-popup-slide-bottom-exit-active {
|
|
304
322
|
animation-fill-mode: both;
|
|
305
|
-
animation-name: slide-bottom-exit;
|
|
323
|
+
animation-name: popup-slide-bottom-exit;
|
|
306
324
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
307
325
|
}
|
|
308
326
|
@keyframes popup-slide-left-enter {
|
|
@@ -314,17 +332,20 @@
|
|
|
314
332
|
}
|
|
315
333
|
}
|
|
316
334
|
@keyframes popup-slide-left-exit {
|
|
335
|
+
from {
|
|
336
|
+
transform: translate3d(0%, 0, 0);
|
|
337
|
+
}
|
|
317
338
|
to {
|
|
318
339
|
transform: translate3d(-100%, 0, 0);
|
|
319
340
|
}
|
|
320
341
|
}
|
|
321
342
|
.nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
|
|
322
|
-
transform:
|
|
343
|
+
transform: translate3d(0, 0, 0);
|
|
323
344
|
animation-fill-mode: both;
|
|
324
345
|
animation-name: popup-slide-left-enter;
|
|
325
346
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
326
347
|
}
|
|
327
|
-
.nut-popup-slide-left-exit-active
|
|
348
|
+
.nut-popup-slide-left-exit-active {
|
|
328
349
|
animation-fill-mode: both;
|
|
329
350
|
animation-name: popup-slide-left-exit;
|
|
330
351
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
@@ -339,27 +360,27 @@
|
|
|
339
360
|
[dir=rtl] .nut-popup-title-left,
|
|
340
361
|
.nut-rtl .nut-popup-title-left {
|
|
341
362
|
left: auto;
|
|
342
|
-
right: var(--nutui-popup-title-padding,
|
|
363
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
343
364
|
}
|
|
344
365
|
[dir=rtl] .nut-popup-title-right,
|
|
345
366
|
.nut-rtl .nut-popup-title-right {
|
|
346
367
|
right: auto;
|
|
347
|
-
left: var(--nutui-popup-title-padding,
|
|
368
|
+
left: var(--nutui-popup-title-padding, 11px);
|
|
348
369
|
}
|
|
349
370
|
[dir=rtl] .nut-popup-title-right-top-left,
|
|
350
371
|
.nut-rtl .nut-popup-title-right-top-left {
|
|
351
372
|
left: auto;
|
|
352
|
-
right: var(--nutui-popup-title-padding,
|
|
373
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
353
374
|
}
|
|
354
375
|
[dir=rtl] .nut-popup-title-right-bottom-left,
|
|
355
376
|
.nut-rtl .nut-popup-title-right-bottom-left {
|
|
356
377
|
left: auto;
|
|
357
|
-
right: var(--nutui-popup-title-padding,
|
|
378
|
+
right: var(--nutui-popup-title-padding, 11px);
|
|
358
379
|
}
|
|
359
380
|
[dir=rtl] .nut-popup-title-right-bottom-right,
|
|
360
381
|
.nut-rtl .nut-popup-title-right-bottom-right {
|
|
361
382
|
right: auto;
|
|
362
|
-
left: var(--nutui-popup-title-padding,
|
|
383
|
+
left: var(--nutui-popup-title-padding, 11px);
|
|
363
384
|
}
|
|
364
385
|
[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
|
|
365
386
|
.nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
|