@nutui/nutui-react 3.1.0-beta.1 → 4.0.0-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/CHANGELOG.md +27 -0
- package/dist/cjs/locales/base.d.ts +6 -0
- package/dist/cjs/locales/en-US.js +17 -1
- package/dist/cjs/locales/id-ID.js +17 -1
- package/dist/cjs/locales/ja-JP.js +16 -2
- package/dist/cjs/locales/tr-TR.js +17 -1
- package/dist/cjs/locales/vi-VN.js +17 -1
- package/dist/cjs/locales/zh-CN.js +15 -1
- package/dist/cjs/locales/zh-TW.js +15 -1
- package/dist/cjs/locales/zh-UG.js +17 -1
- package/dist/cjs/packages/address/style/style.css +2 -2
- package/dist/cjs/packages/audio/audio.js +2 -2
- package/dist/cjs/packages/button/button.js +30 -6
- package/dist/cjs/packages/button/style/button.scss +327 -227
- package/dist/cjs/packages/button/style/style.css +292 -47
- package/dist/cjs/packages/button/style-jmapp/button.scss +327 -227
- package/dist/cjs/packages/button/style-jmapp/style.css +268 -23
- package/dist/cjs/packages/button/style-jrkf/button.scss +327 -227
- package/dist/cjs/packages/button/style-jrkf/style.css +268 -23
- package/dist/cjs/packages/calendar/style/style.css +2 -2
- package/dist/cjs/packages/calendarcard/style/style.css +1 -1
- package/dist/cjs/packages/checkbox/checkbox.js +4 -3
- package/dist/cjs/packages/checkbox/style/checkbox.scss +19 -3
- package/dist/cjs/packages/checkbox/style/style.css +21 -6
- package/dist/cjs/packages/checkbox/style-jmapp/checkbox.scss +19 -3
- package/dist/cjs/packages/checkbox/style-jmapp/style.css +18 -3
- package/dist/cjs/packages/checkbox/style-jrkf/checkbox.scss +19 -3
- package/dist/cjs/packages/checkbox/style-jrkf/style.css +18 -3
- package/dist/cjs/packages/checkboxgroup/style/style.css +2 -2
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/countdown/style/style.css +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +3 -5
- package/dist/cjs/packages/datepicker/utils.js +7 -0
- package/dist/cjs/packages/elevator/style/elevator.scss +6 -2
- package/dist/cjs/packages/elevator/style/style.css +2 -2
- package/dist/cjs/packages/elevator/style-jmapp/elevator.scss +6 -2
- package/dist/cjs/packages/elevator/style-jmapp/style.css +2 -2
- package/dist/cjs/packages/elevator/style-jrkf/elevator.scss +6 -2
- package/dist/cjs/packages/elevator/style-jrkf/style.css +2 -2
- package/dist/cjs/packages/ellipsis/style/style.css +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +5 -1
- package/dist/cjs/packages/inputnumber/style/inputnumber.scss +11 -5
- package/dist/cjs/packages/inputnumber/style/style.css +16 -11
- package/dist/cjs/packages/inputnumber/style-jmapp/inputnumber.scss +11 -5
- package/dist/cjs/packages/inputnumber/style-jmapp/style.css +10 -5
- package/dist/cjs/packages/inputnumber/style-jrkf/inputnumber.scss +11 -5
- package/dist/cjs/packages/inputnumber/style-jrkf/style.css +10 -5
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/radio/radio.js +3 -2
- package/dist/cjs/packages/radio/style/radio.scss +9 -3
- package/dist/cjs/packages/radio/style/style.css +10 -5
- package/dist/cjs/packages/radio/style-jmapp/radio.scss +9 -3
- package/dist/cjs/packages/radio/style-jmapp/style.css +8 -3
- package/dist/cjs/packages/radio/style-jrkf/radio.scss +9 -3
- package/dist/cjs/packages/radio/style-jrkf/style.css +8 -3
- package/dist/cjs/packages/radiogroup/style/style.css +2 -2
- package/dist/cjs/packages/range/style/style.css +3 -3
- package/dist/cjs/packages/resultpage/resultpage.js +5 -5
- package/dist/cjs/packages/searchbar/style/searchbar.scss +5 -5
- package/dist/cjs/packages/searchbar/style/style.css +5 -5
- package/dist/cjs/packages/searchbar/style-jmapp/searchbar.scss +5 -5
- package/dist/cjs/packages/searchbar/style-jmapp/style.css +5 -5
- package/dist/cjs/packages/searchbar/style-jrkf/searchbar.scss +5 -5
- package/dist/cjs/packages/searchbar/style-jrkf/style.css +5 -5
- package/dist/cjs/packages/signature/signature.js +1 -1
- package/dist/cjs/packages/steps/style/style.css +2 -2
- package/dist/cjs/packages/swipe/swipe.js +20 -16
- package/dist/cjs/packages/switch/style/style.css +2 -2
- package/dist/cjs/packages/tabs/style/style.css +2 -2
- package/dist/cjs/packages/tag/style/style.css +2 -2
- package/dist/cjs/packages/timedetail/style/style.css +1 -1
- package/dist/cjs/packages/toast/Notification.js +1 -1
- package/dist/cjs/packages/toast/style/style.css +18 -15
- package/dist/cjs/packages/toast/style/toast.scss +23 -16
- package/dist/cjs/packages/toast/style-jmapp/style.css +17 -14
- package/dist/cjs/packages/toast/style-jmapp/toast.scss +23 -16
- package/dist/cjs/packages/toast/style-jrkf/style.css +17 -14
- package/dist/cjs/packages/toast/style-jrkf/toast.scss +23 -16
- package/dist/cjs/packages/toast/toast.js +1 -1
- package/dist/cjs/types/base/atoms.d.ts +3 -3
- package/dist/cjs/types/spec/button/base.d.ts +1 -0
- package/dist/cjs/utils/scale-f.d.ts +0 -17
- package/dist/cjs/utils/scale-f.js +14 -105
- package/dist/cjs/utils/taro/get-system-info.d.ts +0 -5
- package/dist/cjs/utils/taro/get-system-info.js +2 -7
- package/dist/es/hooks/taro/use-custom-event.js +1 -0
- package/dist/es/locales/base.d.ts +6 -0
- package/dist/es/locales/en-US.js +17 -1
- package/dist/es/locales/id-ID.js +17 -1
- package/dist/es/locales/ja-JP.js +16 -2
- package/dist/es/locales/tr-TR.js +17 -1
- package/dist/es/locales/vi-VN.js +17 -1
- package/dist/es/locales/zh-CN.js +15 -1
- package/dist/es/locales/zh-TW.js +15 -1
- package/dist/es/locales/zh-UG.js +17 -1
- package/dist/es/packages/address/style/style.css +2 -2
- package/dist/es/packages/audio/audio.js +2 -2
- package/dist/es/packages/button/button.js +30 -6
- package/dist/es/packages/button/style/button.scss +327 -227
- package/dist/es/packages/button/style/style.css +292 -47
- package/dist/es/packages/button/style-jmapp/button.scss +327 -227
- package/dist/es/packages/button/style-jmapp/style.css +268 -23
- package/dist/es/packages/button/style-jrkf/button.scss +327 -227
- package/dist/es/packages/button/style-jrkf/style.css +268 -23
- package/dist/es/packages/calendar/style/style.css +2 -2
- package/dist/es/packages/calendarcard/style/style.css +1 -1
- package/dist/es/packages/checkbox/checkbox.js +4 -3
- package/dist/es/packages/checkbox/style/checkbox.scss +19 -3
- package/dist/es/packages/checkbox/style/style.css +21 -6
- package/dist/es/packages/checkbox/style-jmapp/checkbox.scss +19 -3
- package/dist/es/packages/checkbox/style-jmapp/style.css +18 -3
- package/dist/es/packages/checkbox/style-jrkf/checkbox.scss +19 -3
- package/dist/es/packages/checkbox/style-jrkf/style.css +18 -3
- package/dist/es/packages/checkboxgroup/style/style.css +2 -2
- package/dist/es/packages/circleprogress/circleprogress.js +1 -1
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/countdown/style/style.css +1 -1
- package/dist/es/packages/datepicker/datepicker.js +3 -5
- package/dist/es/packages/datepicker/utils.js +7 -0
- package/dist/es/packages/elevator/style/elevator.scss +6 -2
- package/dist/es/packages/elevator/style/style.css +2 -2
- package/dist/es/packages/elevator/style-jmapp/elevator.scss +6 -2
- package/dist/es/packages/elevator/style-jmapp/style.css +2 -2
- package/dist/es/packages/elevator/style-jrkf/elevator.scss +6 -2
- package/dist/es/packages/elevator/style-jrkf/style.css +2 -2
- package/dist/es/packages/ellipsis/style/style.css +1 -1
- package/dist/es/packages/inputnumber/inputnumber.js +5 -1
- package/dist/es/packages/inputnumber/style/inputnumber.scss +11 -5
- package/dist/es/packages/inputnumber/style/style.css +16 -11
- package/dist/es/packages/inputnumber/style-jmapp/inputnumber.scss +11 -5
- package/dist/es/packages/inputnumber/style-jmapp/style.css +10 -5
- package/dist/es/packages/inputnumber/style-jrkf/inputnumber.scss +11 -5
- package/dist/es/packages/inputnumber/style-jrkf/style.css +10 -5
- package/dist/es/packages/progress/progress.js +1 -1
- package/dist/es/packages/radio/radio.js +3 -2
- package/dist/es/packages/radio/style/radio.scss +9 -3
- package/dist/es/packages/radio/style/style.css +10 -5
- package/dist/es/packages/radio/style-jmapp/radio.scss +9 -3
- package/dist/es/packages/radio/style-jmapp/style.css +8 -3
- package/dist/es/packages/radio/style-jrkf/radio.scss +9 -3
- package/dist/es/packages/radio/style-jrkf/style.css +8 -3
- package/dist/es/packages/radiogroup/style/style.css +2 -2
- package/dist/es/packages/range/style/style.css +3 -3
- package/dist/es/packages/resultpage/resultpage.js +5 -5
- package/dist/es/packages/searchbar/style/searchbar.scss +5 -5
- package/dist/es/packages/searchbar/style/style.css +5 -5
- package/dist/es/packages/searchbar/style-jmapp/searchbar.scss +5 -5
- package/dist/es/packages/searchbar/style-jmapp/style.css +5 -5
- package/dist/es/packages/searchbar/style-jrkf/searchbar.scss +5 -5
- package/dist/es/packages/searchbar/style-jrkf/style.css +5 -5
- package/dist/es/packages/signature/signature.js +1 -1
- package/dist/es/packages/steps/style/style.css +2 -2
- package/dist/es/packages/swipe/swipe.js +20 -16
- package/dist/es/packages/switch/style/style.css +2 -2
- package/dist/es/packages/tabs/style/style.css +2 -2
- package/dist/es/packages/tag/style/style.css +2 -2
- package/dist/es/packages/timedetail/style/style.css +1 -1
- package/dist/es/packages/toast/Notification.js +1 -1
- package/dist/es/packages/toast/style/style.css +18 -15
- package/dist/es/packages/toast/style/toast.scss +23 -16
- package/dist/es/packages/toast/style-jmapp/style.css +17 -14
- package/dist/es/packages/toast/style-jmapp/toast.scss +23 -16
- package/dist/es/packages/toast/style-jrkf/style.css +17 -14
- package/dist/es/packages/toast/style-jrkf/toast.scss +23 -16
- package/dist/es/packages/toast/toast.js +1 -1
- package/dist/es/types/base/atoms.d.ts +3 -3
- package/dist/es/types/spec/button/base.d.ts +1 -0
- package/dist/es/utils/scale-f.d.ts +0 -17
- package/dist/es/utils/scale-f.js +15 -106
- package/dist/es/utils/taro/get-system-info.d.ts +0 -5
- package/dist/es/utils/taro/get-system-info.js +8 -7
- package/dist/nutui.react.umd.js +109 -145
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +30 -30
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +38 -38
- package/dist/style.css +1 -1
- package/dist/style.scss +31 -31
- package/dist/styles/theme-daojia.scss +55 -48
- package/dist/styles/theme-dark-daojia.scss +55 -47
- package/dist/styles/theme-dark.scss +108 -109
- package/dist/styles/theme-default.scss +110 -111
- package/dist/styles/theme-jmapp.scss +1 -1
- package/dist/styles/theme-jrkf.scss +1 -1
- package/dist/styles/themes/daojia.css +1 -1
- package/dist/styles/themes/dark-daojia.css +1 -1
- package/dist/styles/themes/dark.css +1 -1
- package/dist/styles/themes/default.css +1 -1
- package/dist/styles/themes/jmapp.css +1 -1
- package/dist/styles/themes/jrkf.css +1 -1
- package/dist/styles/variables-daojia.scss +1055 -1976
- package/dist/styles/variables-jmapp.scss +96 -5
- package/dist/styles/variables-jrkf.scss +96 -5
- package/dist/styles/variables.scss +141 -37
- package/package.json +1 -1
|
@@ -16,14 +16,10 @@ $color-primary-icon-disabled: var(
|
|
|
16
16
|
--nutui-color-primary-icon-disabled,
|
|
17
17
|
#dadce0
|
|
18
18
|
) !default;
|
|
19
|
-
$color-primary-specialdisabled: var(
|
|
20
|
-
--nutui-color-primary-specialdisabled,
|
|
21
|
-
#ffadbe
|
|
22
|
-
) !default;
|
|
23
19
|
|
|
24
20
|
// 默认
|
|
25
21
|
$color-default: var(--nutui-color-default) !default;
|
|
26
|
-
$color-default-pressed: var(--nutui-color-default-pressed) !default;
|
|
22
|
+
$color-default-pressed: var(--nutui-color-default-pressed, #e6e6e6) !default;
|
|
27
23
|
$color-default-light: var(--nutui-color-default-light) !default;
|
|
28
24
|
$color-default-disabled: var(--nutui-color-default-disabled) !default;
|
|
29
25
|
// 信息
|
|
@@ -56,6 +52,16 @@ $color-danger-disabled: var(--nutui-color-danger-disabled) !default;
|
|
|
56
52
|
$color-danger-light: var(--nutui-color-danger-light) !default;
|
|
57
53
|
$color-danger-background: var(--nutui-color-danger-background) !default;
|
|
58
54
|
|
|
55
|
+
// 业务/服务色
|
|
56
|
+
$color-service: var(--nutui-color-service, #fff4e0) !default;
|
|
57
|
+
$color-service-pressed: var(--nutui-color-service-pressed, #f2ba79) !default;
|
|
58
|
+
$color-service-border: var(--nutui-color-service-border, #ccb9ab) !default;
|
|
59
|
+
$color-service-text: var(--nutui-color-service-text, #80512d) !default;
|
|
60
|
+
$color-service-btn-bg: var(--nutui-color-service-btn-bg, #ffe6c2) !default;
|
|
61
|
+
$color-service-btn-bg-pressed: var(--nutui-color-service-btn-bg-pressed, #ffddad) !default;
|
|
62
|
+
$color-service-btn-bg-disabled: var(--nutui-color-service-btn-bg-disabled, #fff4e8) !default;
|
|
63
|
+
|
|
64
|
+
|
|
59
65
|
// 边框
|
|
60
66
|
$color-border-shade: var(--nutui-color-border-shade) !default;
|
|
61
67
|
$color-border: var(
|
|
@@ -281,6 +287,10 @@ $button-default-disabled-color: var(
|
|
|
281
287
|
--nutui-button-default-disabled-color,
|
|
282
288
|
$color-text-disabled
|
|
283
289
|
) !default;
|
|
290
|
+
$button-default-pressed: var(
|
|
291
|
+
--nutui-button-default-pressed,
|
|
292
|
+
$color-default-pressed
|
|
293
|
+
) !default;
|
|
284
294
|
$button-default-padding: var(
|
|
285
295
|
--nutui-button-default-padding,
|
|
286
296
|
0px $space-xl
|
|
@@ -309,6 +319,18 @@ $button-xlarge-border-radius: var(
|
|
|
309
319
|
$radius-base
|
|
310
320
|
) !default;
|
|
311
321
|
|
|
322
|
+
$button-44-height: var(--nutui-button-44-height, 44px) !default;
|
|
323
|
+
$button-44-padding: var(--nutui-button-44-padding, 0px 16px) !default;
|
|
324
|
+
$button-44-font-size: var(
|
|
325
|
+
--nutui-button-44-font-size,
|
|
326
|
+
var(--nutui-font-size-15)
|
|
327
|
+
) !default;
|
|
328
|
+
$button-44-border-radius: var(
|
|
329
|
+
--nutui-button-44-border-radius,
|
|
330
|
+
$radius-base
|
|
331
|
+
) !default;
|
|
332
|
+
|
|
333
|
+
|
|
312
334
|
$button-large-width: var(--nutui-button-large-width, auto) !default;
|
|
313
335
|
$button-large-height: var(--nutui-button-large-height, 44px) !default;
|
|
314
336
|
$button-large-padding: var(
|
|
@@ -328,6 +350,18 @@ $button-large-border-radius: var(
|
|
|
328
350
|
$radius-s
|
|
329
351
|
) !default;
|
|
330
352
|
|
|
353
|
+
$button-36-height: var(--nutui-button-36-height, 36px) !default;
|
|
354
|
+
$button-36-padding: var(--nutui-button-36-padding, 0px 12px) !default;
|
|
355
|
+
$button-36-font-size: var(
|
|
356
|
+
--nutui-button-36-font-size,
|
|
357
|
+
var(--nutui-font-size-14)
|
|
358
|
+
) !default;
|
|
359
|
+
$button-36-border-radius: var(
|
|
360
|
+
--nutui-button-36-border-radius,
|
|
361
|
+
$radius-base
|
|
362
|
+
) !default;
|
|
363
|
+
|
|
364
|
+
|
|
331
365
|
$button-small-font-size: var(
|
|
332
366
|
--nutui-button-small-font-size,
|
|
333
367
|
$font-size-base
|
|
@@ -369,6 +403,10 @@ $button-primary-disabled: var(
|
|
|
369
403
|
--nutui-button-primary-disabled,
|
|
370
404
|
$color-primary-disabled-special
|
|
371
405
|
) !default;
|
|
406
|
+
$button-primary-pressed: var(
|
|
407
|
+
--nutui-button-primary-pressed,
|
|
408
|
+
$color-primary-pressed
|
|
409
|
+
) !default;
|
|
372
410
|
|
|
373
411
|
$button-success-color: var(
|
|
374
412
|
--nutui-button-success-color,
|
|
@@ -386,6 +424,10 @@ $button-success-disabled: var(
|
|
|
386
424
|
--nutui-button-success-disabled,
|
|
387
425
|
$color-success-disabled
|
|
388
426
|
) !default;
|
|
427
|
+
$button-success-pressed: var(
|
|
428
|
+
--nutui-button-success-pressed,
|
|
429
|
+
$color-success-pressed
|
|
430
|
+
) !default;
|
|
389
431
|
|
|
390
432
|
$button-info-color: var(--nutui-button-info-color, $color-text-dark) !default;
|
|
391
433
|
$button-info-border-color: var(
|
|
@@ -400,6 +442,10 @@ $button-info-disabled: var(
|
|
|
400
442
|
--nutui-button-info-disabled,
|
|
401
443
|
$color-info-disabled
|
|
402
444
|
) !default;
|
|
445
|
+
$button-info-pressed: var(
|
|
446
|
+
--nutui-button-info-pressed,
|
|
447
|
+
$color-info-pressed
|
|
448
|
+
) !default;
|
|
403
449
|
|
|
404
450
|
$button-warning-color: var(
|
|
405
451
|
--nutui-button-warning-color,
|
|
@@ -417,6 +463,10 @@ $button-warning-disabled: var(
|
|
|
417
463
|
--nutui-button-warning-disabled,
|
|
418
464
|
$color-warning-disabled
|
|
419
465
|
) !default;
|
|
466
|
+
$button-warning-pressed: var(
|
|
467
|
+
--nutui-button-warning-pressed,
|
|
468
|
+
$color-warning-pressed
|
|
469
|
+
) !default;
|
|
420
470
|
|
|
421
471
|
$button-danger-color: var(
|
|
422
472
|
--nutui-button-danger-color,
|
|
@@ -434,6 +484,45 @@ $button-danger-disabled: var(
|
|
|
434
484
|
--nutui-button-danger-disabled,
|
|
435
485
|
$color-danger-disabled
|
|
436
486
|
) !default;
|
|
487
|
+
$button-danger-pressed: var(
|
|
488
|
+
--nutui-button-danger-pressed,
|
|
489
|
+
$color-danger-pressed
|
|
490
|
+
) !default;
|
|
491
|
+
|
|
492
|
+
$button-service-color: var(
|
|
493
|
+
--nutui-button-service-color,
|
|
494
|
+
$color-service-text
|
|
495
|
+
) !default;
|
|
496
|
+
$button-service-border-color: var(
|
|
497
|
+
--nutui-button-service-border-color,
|
|
498
|
+
$color-service-border
|
|
499
|
+
) !default;
|
|
500
|
+
$button-service-background-color: var(
|
|
501
|
+
--nutui-button-service-background-color,
|
|
502
|
+
$color-service-btn-bg
|
|
503
|
+
) !default;
|
|
504
|
+
$button-service-disabled: var(
|
|
505
|
+
--nutui-button-service-disabled,
|
|
506
|
+
$color-service-btn-bg-disabled
|
|
507
|
+
) !default;
|
|
508
|
+
$button-service-pressed: var(
|
|
509
|
+
--nutui-button-service-pressed,
|
|
510
|
+
$color-service-btn-bg-pressed
|
|
511
|
+
) !default;
|
|
512
|
+
|
|
513
|
+
$button-primary-light-color: var(
|
|
514
|
+
--nutui-button-primary-light-color,
|
|
515
|
+
$button-primary-background-color
|
|
516
|
+
) !default;
|
|
517
|
+
$button-primary-light-background-color: var(
|
|
518
|
+
--nutui-button-primary-light-background-color,
|
|
519
|
+
rgba(250, 44, 25, 0.1)
|
|
520
|
+
) !default;
|
|
521
|
+
$button-primary-light-border-color: var(
|
|
522
|
+
--nutui-button-primary-light-border-color,
|
|
523
|
+
transparent
|
|
524
|
+
) !default;
|
|
525
|
+
|
|
437
526
|
|
|
438
527
|
$button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default;
|
|
439
528
|
|
|
@@ -716,10 +805,12 @@ $inputnumber-button-border-radius: var(
|
|
|
716
805
|
--nutui-inputnumber-button-border-radius,
|
|
717
806
|
$radius-xxs
|
|
718
807
|
) !default;
|
|
808
|
+
$inputnumber-divider-width: var(--nutui-inputnumber-divider-width, 1px) !default;
|
|
719
809
|
$inputnumber-button-background-color: var(
|
|
720
810
|
--nutui-inputnumber-button-background-color,
|
|
721
811
|
$color-background
|
|
722
812
|
) !default;
|
|
813
|
+
$inputnumber-input-font-family: var(--nutui-inputnumber-input-font-family, JDZH) !default;
|
|
723
814
|
$inputnumber-icon-color: var(
|
|
724
815
|
--nutui-inputnumber-icon-color,
|
|
725
816
|
$color-text
|
|
@@ -24,14 +24,10 @@ $color-primary-icon-disabled: var(
|
|
|
24
24
|
--nutui-color-primary-icon-disabled,
|
|
25
25
|
#dadce0
|
|
26
26
|
) !default;
|
|
27
|
-
$color-primary-specialdisabled: var(
|
|
28
|
-
--nutui-color-primary-specialdisabled,
|
|
29
|
-
#ffadbe
|
|
30
|
-
) !default;
|
|
31
27
|
|
|
32
28
|
// 默认
|
|
33
29
|
$color-default: var(--nutui-color-default) !default;
|
|
34
|
-
$color-default-pressed: var(--nutui-color-default-pressed) !default;
|
|
30
|
+
$color-default-pressed: var(--nutui-color-default-pressed, #e6e6e6) !default;
|
|
35
31
|
$color-default-light: var(--nutui-color-default-light) !default;
|
|
36
32
|
$color-default-disabled: var(--nutui-color-default-disabled) !default;
|
|
37
33
|
// 信息
|
|
@@ -64,6 +60,16 @@ $color-danger-disabled: var(--nutui-color-danger-disabled) !default;
|
|
|
64
60
|
$color-danger-light: var(--nutui-color-danger-light) !default;
|
|
65
61
|
$color-danger-background: var(--nutui-color-danger-background) !default;
|
|
66
62
|
|
|
63
|
+
// 业务/服务色
|
|
64
|
+
$color-service: var(--nutui-color-service, #fff4e0) !default;
|
|
65
|
+
$color-service-pressed: var(--nutui-color-service-pressed, #f2ba79) !default;
|
|
66
|
+
$color-service-border: var(--nutui-color-service-border, #ccb9ab) !default;
|
|
67
|
+
$color-service-text: var(--nutui-color-service-text, #80512d) !default;
|
|
68
|
+
$color-service-btn-bg: var(--nutui-color-service-btn-bg, #ffe6c2) !default;
|
|
69
|
+
$color-service-btn-bg-pressed: var(--nutui-color-service-btn-bg-pressed, #ffddad) !default;
|
|
70
|
+
$color-service-btn-bg-disabled: var(--nutui-color-service-btn-bg-disabled, #fff4e8) !default;
|
|
71
|
+
|
|
72
|
+
|
|
67
73
|
// 中性
|
|
68
74
|
$color-dark: var(--nutui-color-dark) !default; // 分隔线
|
|
69
75
|
$color-light: var(--nutui-color-light) !default; // 输入框、头像边框等
|
|
@@ -309,6 +315,10 @@ $button-default-disabled-color: var(
|
|
|
309
315
|
--nutui-button-default-disabled-color,
|
|
310
316
|
$color-text-disabled
|
|
311
317
|
) !default;
|
|
318
|
+
$button-default-pressed: var(
|
|
319
|
+
--nutui-button-default-pressed,
|
|
320
|
+
$color-default-pressed
|
|
321
|
+
) !default;
|
|
312
322
|
$button-default-padding: var(
|
|
313
323
|
--nutui-button-default-padding,
|
|
314
324
|
0px $space-xl
|
|
@@ -329,6 +339,18 @@ $button-xlarge-font-size: var(
|
|
|
329
339
|
$font-size-xl
|
|
330
340
|
) !default;
|
|
331
341
|
|
|
342
|
+
$button-44-height: var(--nutui-button-44-height, 44px) !default;
|
|
343
|
+
$button-44-padding: var(--nutui-button-44-padding, 0px 16px) !default;
|
|
344
|
+
$button-44-font-size: var(
|
|
345
|
+
--nutui-button-44-font-size,
|
|
346
|
+
var(--nutui-font-size-15)
|
|
347
|
+
) !default;
|
|
348
|
+
$button-44-border-radius: var(
|
|
349
|
+
--nutui-button-44-border-radius,
|
|
350
|
+
$radius-base
|
|
351
|
+
) !default;
|
|
352
|
+
|
|
353
|
+
|
|
332
354
|
$button-large-width: var(--nutui-button-large-width, auto) !default;
|
|
333
355
|
$button-large-height: var(--nutui-button-large-height, 44px) !default;
|
|
334
356
|
$button-large-padding: var(
|
|
@@ -348,6 +370,18 @@ $button-large-border-radius: var(
|
|
|
348
370
|
$radius-s
|
|
349
371
|
) !default;
|
|
350
372
|
|
|
373
|
+
$button-36-height: var(--nutui-button-36-height, 36px) !default;
|
|
374
|
+
$button-36-padding: var(--nutui-button-36-padding, 0px 12px) !default;
|
|
375
|
+
$button-36-font-size: var(
|
|
376
|
+
--nutui-button-36-font-size,
|
|
377
|
+
var(--nutui-font-size-14)
|
|
378
|
+
) !default;
|
|
379
|
+
$button-36-border-radius: var(
|
|
380
|
+
--nutui-button-36-border-radius,
|
|
381
|
+
$radius-base
|
|
382
|
+
) !default;
|
|
383
|
+
|
|
384
|
+
|
|
351
385
|
$button-small-font-size: var(
|
|
352
386
|
--nutui-button-small-font-size,
|
|
353
387
|
$font-size-base
|
|
@@ -389,6 +423,10 @@ $button-primary-disabled: var(
|
|
|
389
423
|
--nutui-button-primary-disabled,
|
|
390
424
|
$color-primary-disabled
|
|
391
425
|
) !default;
|
|
426
|
+
$button-primary-pressed: var(
|
|
427
|
+
--nutui-button-primary-pressed,
|
|
428
|
+
$color-primary-pressed
|
|
429
|
+
) !default;
|
|
392
430
|
|
|
393
431
|
$button-success-color: var(
|
|
394
432
|
--nutui-button-success-color,
|
|
@@ -406,6 +444,10 @@ $button-success-disabled: var(
|
|
|
406
444
|
--nutui-button-success-disabled,
|
|
407
445
|
$color-success-disabled
|
|
408
446
|
) !default;
|
|
447
|
+
$button-success-pressed: var(
|
|
448
|
+
--nutui-button-success-pressed,
|
|
449
|
+
$color-success-pressed
|
|
450
|
+
) !default;
|
|
409
451
|
|
|
410
452
|
$button-info-color: var(--nutui-button-info-color, $color-text-dark) !default;
|
|
411
453
|
$button-info-border-color: var(
|
|
@@ -420,6 +462,10 @@ $button-info-disabled: var(
|
|
|
420
462
|
--nutui-button-info-disabled,
|
|
421
463
|
$color-info-disabled
|
|
422
464
|
) !default;
|
|
465
|
+
$button-info-pressed: var(
|
|
466
|
+
--nutui-button-info-pressed,
|
|
467
|
+
$color-info-pressed
|
|
468
|
+
) !default;
|
|
423
469
|
|
|
424
470
|
$button-warning-color: var(
|
|
425
471
|
--nutui-button-warning-color,
|
|
@@ -437,6 +483,10 @@ $button-warning-disabled: var(
|
|
|
437
483
|
--nutui-button-warning-disabled,
|
|
438
484
|
$color-warning-disabled
|
|
439
485
|
) !default;
|
|
486
|
+
$button-warning-pressed: var(
|
|
487
|
+
--nutui-button-warning-pressed,
|
|
488
|
+
$color-warning-pressed
|
|
489
|
+
) !default;
|
|
440
490
|
|
|
441
491
|
$button-danger-color: var(
|
|
442
492
|
--nutui-button-danger-color,
|
|
@@ -454,6 +504,45 @@ $button-danger-disabled: var(
|
|
|
454
504
|
--nutui-button-danger-disabled,
|
|
455
505
|
$color-danger-disabled
|
|
456
506
|
) !default;
|
|
507
|
+
$button-danger-pressed: var(
|
|
508
|
+
--nutui-button-danger-pressed,
|
|
509
|
+
$color-danger-pressed
|
|
510
|
+
) !default;
|
|
511
|
+
|
|
512
|
+
$button-service-color: var(
|
|
513
|
+
--nutui-button-service-color,
|
|
514
|
+
$color-service-text
|
|
515
|
+
) !default;
|
|
516
|
+
$button-service-border-color: var(
|
|
517
|
+
--nutui-button-service-border-color,
|
|
518
|
+
$color-service-border
|
|
519
|
+
) !default;
|
|
520
|
+
$button-service-background-color: var(
|
|
521
|
+
--nutui-button-service-background-color,
|
|
522
|
+
$color-service-btn-bg
|
|
523
|
+
) !default;
|
|
524
|
+
$button-service-disabled: var(
|
|
525
|
+
--nutui-button-service-disabled,
|
|
526
|
+
$color-service-btn-bg-disabled
|
|
527
|
+
) !default;
|
|
528
|
+
$button-service-pressed: var(
|
|
529
|
+
--nutui-button-service-pressed,
|
|
530
|
+
$color-service-btn-bg-pressed
|
|
531
|
+
) !default;
|
|
532
|
+
|
|
533
|
+
$button-primary-light-color: var(
|
|
534
|
+
--nutui-button-primary-light-color,
|
|
535
|
+
$button-primary-background-color
|
|
536
|
+
) !default;
|
|
537
|
+
$button-primary-light-background-color: var(
|
|
538
|
+
--nutui-button-primary-light-background-color,
|
|
539
|
+
rgba(250, 44, 25, 0.1)
|
|
540
|
+
) !default;
|
|
541
|
+
$button-primary-light-border-color: var(
|
|
542
|
+
--nutui-button-primary-light-border-color,
|
|
543
|
+
transparent
|
|
544
|
+
) !default;
|
|
545
|
+
|
|
457
546
|
|
|
458
547
|
$button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default;
|
|
459
548
|
|
|
@@ -796,10 +885,12 @@ $inputnumber-button-border-radius: var(
|
|
|
796
885
|
--nutui-inputnumber-button-border-radius,
|
|
797
886
|
$radius-xxs
|
|
798
887
|
) !default;
|
|
888
|
+
$inputnumber-divider-width: var(--nutui-inputnumber-divider-width, 1px) !default;
|
|
799
889
|
$inputnumber-button-background-color: var(
|
|
800
890
|
--nutui-inputnumber-button-background-color,
|
|
801
891
|
$color-background
|
|
802
892
|
) !default;
|
|
893
|
+
$inputnumber-input-font-family: var(--nutui-inputnumber-input-font-family, JDZH) !default;
|
|
803
894
|
$inputnumber-icon-color: var(
|
|
804
895
|
--nutui-inputnumber-icon-color,
|
|
805
896
|
$color-text
|