@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.3

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 (49) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/esm/Address.js +1 -1
  3. package/dist/esm/Animate.js +6 -7
  4. package/dist/esm/Badge.js +15 -22
  5. package/dist/esm/CalendarItem.js +2 -12
  6. package/dist/esm/Cascader.js +4 -2
  7. package/dist/esm/Dialog.js +162 -171
  8. package/dist/esm/Divider.js +4 -3
  9. package/dist/esm/Drag.js +7 -9
  10. package/dist/esm/Elevator.js +38 -41
  11. package/dist/esm/Menu.js +75 -73
  12. package/dist/esm/MenuItem.js +29 -27
  13. package/dist/esm/NavBar.js +17 -48
  14. package/dist/esm/Popup.js +2 -4
  15. package/dist/esm/Progress.js +20 -68
  16. package/dist/esm/Switch.js +16 -30
  17. package/dist/esm/TabPane.js +0 -2
  18. package/dist/esm/Tabs.js +2 -2
  19. package/dist/esm/Uploader.js +2 -3
  20. package/dist/esm/nutui-react.es.js +170 -170
  21. package/dist/esm/overlay2.js +12 -14
  22. package/dist/esm/raf.js +16 -0
  23. package/dist/esm/tabpane2.js +7 -9
  24. package/dist/esm/tabs2.js +101 -93
  25. package/dist/locales/base.js +1 -1
  26. package/dist/locales/en-US.js +1 -1
  27. package/dist/locales/id-ID.js +1 -1
  28. package/dist/locales/zh-CN.js +1 -1
  29. package/dist/locales/zh-TW.js +1 -1
  30. package/dist/locales/zh-UG.js +1 -1
  31. package/dist/nutui.react.mjs +18642 -19336
  32. package/dist/nutui.react.umd.js +18640 -19334
  33. package/dist/packages/badge/badge.scss +8 -17
  34. package/dist/packages/dialog/dialog.scss +36 -65
  35. package/dist/packages/elevator/elevator.scss +2 -28
  36. package/dist/packages/menu/menu.scss +44 -55
  37. package/dist/packages/menuitem/menuitem.scss +16 -26
  38. package/dist/packages/navbar/navbar.scss +16 -115
  39. package/dist/packages/overlay/overlay.scss +11 -4
  40. package/dist/packages/progress/progress.scss +19 -58
  41. package/dist/packages/switch/switch.scss +13 -31
  42. package/dist/packages/tabs/tabs.scss +196 -225
  43. package/dist/style.css +1 -1
  44. package/dist/style.mjs +1 -1
  45. package/dist/styles/themes/default.scss +17 -17
  46. package/dist/styles/variables-jmapp.scss +35 -125
  47. package/dist/styles/variables.scss +53 -136
  48. package/dist/types/index.d.ts +343 -400
  49. package/package.json +2 -2
package/dist/style.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.0.0-alpha.1 Fri Apr 21 2023 18:05:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:58:08 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/styles/themes/default.scss CHANGED
@@ -7,7 +7,6 @@
7
7
  @import '../../packages/icon/icon.scss';
8
8
  @import '../../packages/image/image.scss';
9
9
  @import '../../packages/overlay/overlay.scss';
10
- @import '../../packages/popup/popup.scss';
11
10
  @import '../../packages/col/col.scss';
12
11
  @import '../../packages/divider/divider.scss';
13
12
  @import '../../packages/grid/grid.scss';
@@ -15,13 +14,10 @@
15
14
  @import '../../packages/layout/layout.scss';
16
15
  @import '../../packages/row/row.scss';
17
16
  @import '../../packages/sticky/sticky.scss';
17
+ @import '../../packages/backtop/backtop.scss';
18
18
  @import '../../packages/elevator/elevator.scss';
19
19
  @import '../../packages/fixednav/fixednav.scss';
20
- @import '../../packages/indicator/indicator.scss';
21
- @import '../../packages/menu/menu.scss';
22
- @import '../../packages/menuitem/menuitem.scss';
23
20
  @import '../../packages/navbar/navbar.scss';
24
- @import '../../packages/pagination/pagination.scss';
25
21
  @import '../../packages/sidenavbar/sidenavbar.scss';
26
22
  @import '../../packages/sidenavbaritem/sidenavbaritem.scss';
27
23
  @import '../../packages/subsidenavbar/subsidenavbar.scss';
@@ -29,6 +25,7 @@
29
25
  @import '../../packages/tabbaritem/tabbaritem.scss';
30
26
  @import '../../packages/tabpane/tabpane.scss';
31
27
  @import '../../packages/tabs/tabs.scss';
28
+ @import '../../packages/address/address.scss';
32
29
  @import '../../packages/calendar/calendar.scss';
33
30
  @import '../../packages/calendaritem/calendaritem.scss';
34
31
  @import '../../packages/cascader/cascader.scss';
@@ -39,6 +36,8 @@
39
36
  @import '../../packages/formitem/formitem.scss';
40
37
  @import '../../packages/input/input.scss';
41
38
  @import '../../packages/inputnumber/inputnumber.scss';
39
+ @import '../../packages/menu/menu.scss';
40
+ @import '../../packages/menuitem/menuitem.scss';
42
41
  @import '../../packages/numberkeyboard/numberkeyboard.scss';
43
42
  @import '../../packages/picker/picker.scss';
44
43
  @import '../../packages/radio/radio.scss';
@@ -47,50 +46,51 @@
47
46
  @import '../../packages/rate/rate.scss';
48
47
  @import '../../packages/searchbar/searchbar.scss';
49
48
  @import '../../packages/shortpassword/shortpassword.scss';
49
+ @import '../../packages/signature/signature.scss';
50
+ @import '../../packages/switch/switch.scss';
50
51
  @import '../../packages/textarea/textarea.scss';
51
52
  @import '../../packages/uploader/uploader.scss';
52
53
  @import '../../packages/actionsheet/actionsheet.scss';
53
- @import '../../packages/backtop/backtop.scss';
54
+ @import '../../packages/badge/badge.scss';
54
55
  @import '../../packages/dialog/dialog.scss';
55
56
  @import '../../packages/drag/drag.scss';
57
+ @import '../../packages/empty/empty.scss';
56
58
  @import '../../packages/infiniteloading/infiniteloading.scss';
59
+ @import '../../packages/noticebar/noticebar.scss';
57
60
  @import '../../packages/notify/notify.scss';
61
+ @import '../../packages/popover/popover.scss';
58
62
  @import '../../packages/pulltorefresh/pulltorefresh.scss';
63
+ @import '../../packages/skeleton/skeleton.scss';
59
64
  @import '../../packages/swipe/swipe.scss';
60
- @import '../../packages/switch/switch.scss';
65
+ @import '../../packages/popup/popup.scss';
61
66
  @import '../../packages/toast/toast.scss';
62
67
  @import '../../packages/animate/animate.scss';
63
68
  @import '../../packages/animatingnumbers/animatingnumbers.scss';
64
69
  @import '../../packages/audio/audio.scss';
65
70
  @import '../../packages/avatar/avatar.scss';
66
71
  @import '../../packages/avatargroup/avatargroup.scss';
67
- @import '../../packages/badge/badge.scss';
68
72
  @import '../../packages/circleprogress/circleprogress.scss';
69
73
  @import '../../packages/collapse/collapse.scss';
70
74
  @import '../../packages/collapseitem/collapseitem.scss';
71
75
  @import '../../packages/countdown/countdown.scss';
72
76
  @import '../../packages/ellipsis/ellipsis.scss';
73
- @import '../../packages/empty/empty.scss';
74
77
  @import '../../packages/imagepreview/imagepreview.scss';
75
- @import '../../packages/noticebar/noticebar.scss';
76
- @import '../../packages/popover/popover.scss';
78
+ @import '../../packages/indicator/indicator.scss';
79
+ @import '../../packages/virtuallist/virtuallist.scss';
80
+ @import '../../packages/pagination/pagination.scss';
77
81
  @import '../../packages/price/price.scss';
78
82
  @import '../../packages/progress/progress.scss';
79
- @import '../../packages/skeleton/skeleton.scss';
80
83
  @import '../../packages/step/step.scss';
81
84
  @import '../../packages/steps/steps.scss';
82
85
  @import '../../packages/swiper/swiper.scss';
83
86
  @import '../../packages/swiperitem/swiperitem.scss';
84
87
  @import '../../packages/table/table.scss';
85
88
  @import '../../packages/tag/tag.scss';
86
- @import '../../packages/trendarrow/trendarrow.scss';
87
89
  @import '../../packages/video/video.scss';
88
- @import '../../packages/virtuallist/virtuallist.scss';
89
- @import '../../packages/watermark/watermark.scss';
90
- @import '../../packages/address/address.scss';
91
90
  @import '../../packages/barrage/barrage.scss';
92
91
  @import '../../packages/card/card.scss';
93
- @import '../../packages/signature/signature.scss';
94
92
  @import '../../packages/timedetail/timedetail.scss';
95
93
  @import '../../packages/timepannel/timepannel.scss';
96
94
  @import '../../packages/timeselect/timeselect.scss';
95
+ @import '../../packages/trendarrow/trendarrow.scss';
96
+ @import '../../packages/watermark/watermark.scss';
package/dist/styles/variables-jmapp.scss CHANGED
@@ -729,9 +729,16 @@ $avatar-normal-width: var(--nutui-avatar-normal-width, 40px) !default;
729
729
  $avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default;
730
730
 
731
731
  //switch（✅）
732
- $switch-close-bg-color: var(--nutui-switch-close-bg-color, #ebebeb) !default;
733
- $switch-close--line-bg-color: var(
734
- --nutui-switch-close--line-bg-color,
732
+ $switch-inactive-background-color: var(
733
+ --nutui-switch-close-background-color,
734
+ #ebebeb
735
+ ) !default;
736
+ $switch-active-background-color: var(
737
+ --nutui-switch-open-background-color,
738
+ $primary-color
739
+ ) !default;
740
+ $switch-close-line-background-color: var(
741
+ --nutui-switch-close-line-bg-color,
735
742
  #f0f0f0
736
743
  ) !default;
737
744
  $switch-width: var(--nutui-switch-width, 36px) !default;
@@ -1520,108 +1527,36 @@ $popover-menu-name-line-height: var(
1520
1527
  normal
1521
1528
  ) !default;
1522
1529
 
1523
- //progressr（✅）
1530
+ //progress（✅）
1531
+ $progress-height: var(--nutui-progress-height, 10px) !default;
1532
+ $progress-color: var(
1533
+ --nutui-progress-color,
1534
+ linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)
1535
+ ) !default;
1536
+ $progress-background: var(--nutui-progress-background, #f3f3f3) !default;
1524
1537
  $progress-border-radius: var(--nutui-progress-border-radius, 12px) !default;
1525
- $progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default;
1526
- $progress-text-font-size: var(--nutui-progress-text-font-size, 13px) !default;
1527
- $progress-text-color: var(--nutui-progress-text-color, $title-color) !default;
1528
- $progress-text-inner-color: var(
1529
- --nutui-progress-text-inner-color,
1538
+ $progress-text-color: var(
1539
+ --nutui-progress-text-color,
1530
1540
  $primary-text-color
1531
1541
  ) !default;
1532
- $progress-insidetext-position-top: var(
1533
- --nutui-progress-insidetext-position-top,
1534
- -4px
1542
+ $progress-text-background: var(
1543
+ --nutui-progress-text-background,
1544
+ $progress-color
1535
1545
  ) !default;
1536
- $progress-insidetext-position-bottom: var(
1537
- --nutui-progress-insidetext-position-bottom,
1546
+ $progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default;
1547
+ $progress-text-font-size: var(--nutui-progress-text-font-size, 9px) !default;
1548
+ $progress-text-position-top: var(
1549
+ --nutui-progress-text-position-top,
1538
1550
  -4px
1539
1551
  ) !default;
1540
- $progress-insidetext-border-radius: var(
1541
- --nutui-progress-insidetext-border-radius,
1542
- 5px
1543
- ) !default;
1544
- $progress-inner-background-color: linear-gradient(
1545
- 135deg,
1546
- $primary-color 0%,
1547
- $primary-color-end 100%
1548
- ) !default;
1549
- $progress-insidetext-background: var(
1550
- --nutui-progress-insidetext-background,
1551
- $progress-inner-background-color
1552
- ) !default;
1553
- $progress-outer-background-color: var(
1554
- --nutui-progress-outer-background-color,
1555
- #f3f3f3
1556
- ) !default;
1557
- $progress-outer-border-radius: var(
1558
- --nutui-progress-outer-border-radius,
1559
- 12px
1552
+ $progress-text-position-bottom: var(
1553
+ --nutui-progress-text-position-bottom,
1554
+ -4px
1560
1555
  ) !default;
1561
- $progress-insidetext-border-radius: var(
1562
- --nutui-progress-insidetext-border-radius,
1556
+ $progress-text-border-radius: var(
1557
+ --nutui-progress-text-border-radius,
1563
1558
  5px
1564
1559
  ) !default;
1565
- $progress-insidetext-padding: var(
1566
- --nutui-progress-insidetext-padding,
1567
- 3px 5px 3px 6px
1568
- ) !default;
1569
- $progress-insidetext-top: var(--nutui-progress-insidetext-top, -42%) !default;
1570
- $progress-small-text-top: var(--nutui-progress-small-text-top, -100%) !default;
1571
- $progress-small-font-size: var(--nutui-progress-small-font-size, 7px) !default;
1572
- $progress-small-padding: var(--nutui-progress-small-padding, 0 4px) !default;
1573
- $progress-small-height: var(--nutui-progress-small-height, 5px) !default;
1574
- $progress-small-text-font-size: var(
1575
- --nutui-progress-small-text-font-size,
1576
- 7px
1577
- ) !default;
1578
- $progress-small-text-line-height: var(
1579
- --nutui-progress-small-text-line-height,
1580
- 10px
1581
- ) !default;
1582
- $progress-small-text-padding: var(
1583
- --nutui-progress-small-text-padding,
1584
- 2px 4px
1585
- ) !default;
1586
- $progress-small-text-top: var(--nutui-progress-small-text-top, -100%) !default;
1587
- $progress-base-font-size: var(--nutui-progress-base-font-size, 9px) !default;
1588
- $progress-base-padding: var(--nutui-progress-base-padding, 0 5px) !default;
1589
- $progress-base-height: var(--nutui-progress-base-height, 10px) !default;
1590
- $progress-base-text-font-size: var(
1591
- --nutui-progress-base-text-font-size,
1592
- 9px
1593
- ) !default;
1594
- $progress-base-text-line-height: var(
1595
- --nutui-progress-base-text-line-height,
1596
- 13px
1597
- ) !default;
1598
- $progress-base-text-padding: var(
1599
- --nutui-progress-base-text-padding,
1600
- $progress-insidetext-padding
1601
- ) !default;
1602
- $progress-base-text-top: var(
1603
- --nutui-progress-base-text-top,
1604
- $progress-insidetext-top
1605
- ) !default;
1606
- $progress-large-font-size: var(--nutui-progress-large-font-size, 13px) !default;
1607
- $progress-large-padding: var(--nutui-progress-large-padding, 0 5px) !default;
1608
- $progress-large-height: var(--nutui-progress-large-height, 15px) !default;
1609
- $progress-large-text-font-size: var(
1610
- --nutui-progress-large-text-font-size,
1611
- 13px
1612
- ) !default;
1613
- $progress-large-text-line-height: var(
1614
- --nutui-progress-large-text-line-height,
1615
- 18px
1616
- ) !default;
1617
- $progress-large-text-padding: var(
1618
- --nutui-progress-large-text-padding,
1619
- $progress-insidetext-padding
1620
- ) !default;
1621
- $progress-large-text-top: var(
1622
- --nutui-progress-large-text-top,
1623
- $progress-insidetext-top
1624
- ) !default;
1625
1560
 
1626
1561
  //pagination（✅）
1627
1562
  $pagination-color: var(--nutui-pagination-color, $primary-color) !default;
@@ -1670,18 +1605,12 @@ $tabs-titles-background-color: var(
1670
1605
  $background-color
1671
1606
  ) !default;
1672
1607
  $tabs-titles-border-radius: var(--nutui-tabs-titles-border-radius, 0) !default;
1673
- $tabs-titles-item-large-font-size: var(
1674
- --nutui-tabs-titles-item-large-font-size,
1675
- $font-size-3
1676
- ) !default;
1608
+
1677
1609
  $tabs-titles-item-font-size: var(
1678
1610
  --nutui-tabs-titles-item-font-size,
1679
1611
  $font-size-2
1680
1612
  ) !default;
1681
- $tabs-titles-item-small-font-size: var(
1682
- --nutui-tabs-titles-item-small-font-size,
1683
- $font-size-1
1684
- ) !default;
1613
+
1685
1614
  $tabs-titles-item-color: var(
1686
1615
  --nutui-tabs-titles-item-color,
1687
1616
  $title-color
@@ -2196,21 +2125,14 @@ $navbar-box-shadow: var(
2196
2125
  0px 1px 7px 0px rgba(237, 238, 241, 1)
2197
2126
  ) !default;
2198
2127
  $navbar-color: var(--nutui-navbar-color, $gray1) !default;
2199
- $navbar-title-base-font: var(
2200
- --nutui-navbar-title-base-font,
2201
- $font-size-2
2202
- ) !default;
2203
- $navbar-title-font: var(--nutui-navbar-title-font, $font-size-2) !default;
2128
+ $navbar-font-size: var(--nutui-navbar-font-size, $font-size-2) !default;
2129
+ $navbar-title-font: var(--nutui-navbar-title-font-size, $font-size-2) !default;
2204
2130
  $navbar-title-font-weight: var(--nutui-navbar-title-font-weight, 0) !default;
2205
2131
  $navbar-title-font-color: var(
2206
2132
  --nutui-navbar-title-font-color,
2207
2133
  $navbar-color
2208
2134
  ) !default;
2209
2135
  $navbar-title-width: var(--nutui-navbar-title-width, 100px) !default;
2210
- $navbar-title-icon-margin: var(
2211
- --nutui-navbar-title-icon-margin,
2212
- 0 0 0 13px
2213
- ) !default;
2214
2136
 
2215
2137
  // sidenavbar（✅）
2216
2138
  $sidenavbar-content-bg-color: var(
@@ -2328,18 +2250,6 @@ $elevator-list-item-code-line-height: var(
2328
2250
  --nutui-elevator-list-item-code-line-height,
2329
2251
  35px
2330
2252
  ) !default;
2331
- $elevator-list-item-code-after-width: var(
2332
- --nutui-elevator-list-item-code-after-width,
2333
- 100%
2334
- ) !default;
2335
- $elevator-list-item-code-after-height: var(
2336
- --nutui-elevator-list-item-code-after-height,
2337
- 1px
2338
- ) !default;
2339
- $elevator-list-item-code-after-bg-color: var(
2340
- --nutui-elevator-list-item-code-after-bg-color,
2341
- #f5f5f5
2342
- ) !default;
2343
2253
  $elevator-list-item-code-current-box-shadow: 0 3px 3px 1px
2344
2254
  rgba(240, 240, 240, 1) !default;
2345
2255
  $elevator-list-item-code-current-bg-color: var(
package/dist/styles/variables.scss CHANGED
@@ -713,9 +713,16 @@ $avatar-normal-width: var(--nutui-avatar-normal-width, 40px) !default;
713
713
  $avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default;
714
714
 
715
715
  //switch（✅）
716
- $switch-close-bg-color: var(--nutui-switch-close-bg-color, #ebebeb) !default;
717
- $switch-close--line-bg-color: var(
718
- --nutui-switch-close--line-bg-color,
716
+ $switch-inactive-background-color: var(
717
+ --nutui-switch-close-background-color,
718
+ #ebebeb
719
+ ) !default;
720
+ $switch-active-background-color: var(
721
+ --nutui-switch-open-background-color,
722
+ $primary-color
723
+ ) !default;
724
+ $switch-close-line-background-color: var(
725
+ --nutui-switch-close-line-bg-color,
719
726
  #f0f0f0
720
727
  ) !default;
721
728
  $switch-width: var(--nutui-switch-width, 36px) !default;
@@ -1127,9 +1134,16 @@ $dialog-content-line-height: var(
1127
1134
  --nutui-dialog-content-line-height,
1128
1135
  16px
1129
1136
  ) !default;
1130
- $dialog-mask-z-index: var(--nutui-dialog-mask-z-index, $mask-z-index) !default;
1131
- $dialog-mask-background-color: var(
1132
- --nutui-dialog-mask-background-color,
1137
+ $dialog-content-text-align: var(
1138
+ --nutui-dialog-content-text-align,
1139
+ center
1140
+ ) !default;
1141
+ $dialog-overlay-z-index: var(
1142
+ --nutui-dialog-overlay-z-index,
1143
+ $mask-z-index
1144
+ ) !default;
1145
+ $dialog-overlay-background-color: var(
1146
+ --nutui-dialog-overlay-background-color,
1133
1147
  $mask-color
1134
1148
  ) !default;
1135
1149
  $dialog-outer-z-index: var(
@@ -1419,26 +1433,19 @@ $badge-background-color: var(
1419
1433
  ) !default;
1420
1434
  $badge-color: var(--nutui-badge-color, #fff) !default;
1421
1435
  $badge-font-size: var(--nutui-badge-font-size, $font-size-1) !default;
1422
- $badge-default-background-color: var(
1423
- --nutui-badge-default-background-color,
1424
- rgba(255, 255, 255, 1)
1425
- ) !default;
1426
1436
  $badge-border: var(
1427
1437
  --nutui-badge-border,
1428
1438
  0px solid $primary-text-color
1429
1439
  ) !default;
1430
1440
  $badge-border-radius: var(--nutui-badge-border-radius, 14px) !default;
1431
1441
  $badge-padding: var(--nutui-badge-padding, 0 5px) !default;
1432
- $badge-icon-padding: var(--nutui-badge-icon-padding, 2px) !default;
1442
+ $badge-icon-padding: var(--nutui-badge-icon-padding, 3px) !default;
1433
1443
  $badge-content-transform: var(
1434
1444
  --nutui-badge-content-transform,
1435
1445
  translateY(-50%) translateX(100%)
1436
1446
  ) !default;
1437
1447
  $badge-z-index: var(--nutui-badge-z-index, 1) !default;
1438
1448
  $badge-dot-width: var(--nutui-badge-dot-width, 7px) !default;
1439
- $badge-dot-height: var(--nutui-badge-dot-height, 7px) !default;
1440
- $badge-dot-border-radius: var(--nutui-badge-dot-border-radius, 7px) !default;
1441
- $badge-dot-padding: var(--nutui-badge-dot-padding, 0px) !default;
1442
1449
 
1443
1450
  //popover（✅）
1444
1451
  $popover-border-radius: var(--nutui-popover-border-radius, 8px) !default;
@@ -1505,108 +1512,36 @@ $popover-menu-name-line-height: var(
1505
1512
  normal
1506
1513
  ) !default;
1507
1514
 
1508
- //progressr（✅）
1515
+ //progress（✅）
1516
+ $progress-height: var(--nutui-progress-height, 10px) !default;
1517
+ $progress-color: var(
1518
+ --nutui-progress-color,
1519
+ linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)
1520
+ ) !default;
1521
+ $progress-background: var(--nutui-progress-background, #f3f3f3) !default;
1509
1522
  $progress-border-radius: var(--nutui-progress-border-radius, 12px) !default;
1510
- $progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default;
1511
- $progress-text-font-size: var(--nutui-progress-text-font-size, 13px) !default;
1512
- $progress-text-color: var(--nutui-progress-text-color, $title-color) !default;
1513
- $progress-text-inner-color: var(
1514
- --nutui-progress-text-inner-color,
1523
+ $progress-text-color: var(
1524
+ --nutui-progress-text-color,
1515
1525
  $primary-text-color
1516
1526
  ) !default;
1517
- $progress-insidetext-position-top: var(
1518
- --nutui-progress-insidetext-position-top,
1519
- -4px
1527
+ $progress-text-background: var(
1528
+ --nutui-progress-text-background,
1529
+ $progress-color
1520
1530
  ) !default;
1521
- $progress-insidetext-position-bottom: var(
1522
- --nutui-progress-insidetext-position-bottom,
1531
+ $progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default;
1532
+ $progress-text-font-size: var(--nutui-progress-text-font-size, 9px) !default;
1533
+ $progress-text-position-top: var(
1534
+ --nutui-progress-text-position-top,
1523
1535
  -4px
1524
1536
  ) !default;
1525
- $progress-insidetext-border-radius: var(
1526
- --nutui-progress-insidetext-border-radius,
1527
- 5px
1528
- ) !default;
1529
- $progress-inner-background-color: linear-gradient(
1530
- 135deg,
1531
- $primary-color 0%,
1532
- $primary-color-end 100%
1533
- ) !default;
1534
- $progress-insidetext-background: var(
1535
- --nutui-progress-insidetext-background,
1536
- $progress-inner-background-color
1537
- ) !default;
1538
- $progress-outer-background-color: var(
1539
- --nutui-progress-outer-background-color,
1540
- #f3f3f3
1541
- ) !default;
1542
- $progress-outer-border-radius: var(
1543
- --nutui-progress-outer-border-radius,
1544
- 12px
1537
+ $progress-text-position-bottom: var(
1538
+ --nutui-progress-text-position-bottom,
1539
+ -4px
1545
1540
  ) !default;
1546
- $progress-insidetext-border-radius: var(
1547
- --nutui-progress-insidetext-border-radius,
1541
+ $progress-text-border-radius: var(
1542
+ --nutui-progress-text-border-radius,
1548
1543
  5px
1549
1544
  ) !default;
1550
- $progress-insidetext-padding: var(
1551
- --nutui-progress-insidetext-padding,
1552
- 3px 5px 3px 6px
1553
- ) !default;
1554
- $progress-insidetext-top: var(--nutui-progress-insidetext-top, -42%) !default;
1555
- $progress-small-text-top: var(--nutui-progress-small-text-top, -100%) !default;
1556
- $progress-small-font-size: var(--nutui-progress-small-font-size, 7px) !default;
1557
- $progress-small-padding: var(--nutui-progress-small-padding, 0 4px) !default;
1558
- $progress-small-height: var(--nutui-progress-small-height, 5px) !default;
1559
- $progress-small-text-font-size: var(
1560
- --nutui-progress-small-text-font-size,
1561
- 7px
1562
- ) !default;
1563
- $progress-small-text-line-height: var(
1564
- --nutui-progress-small-text-line-height,
1565
- 10px
1566
- ) !default;
1567
- $progress-small-text-padding: var(
1568
- --nutui-progress-small-text-padding,
1569
- 2px 4px
1570
- ) !default;
1571
- $progress-small-text-top: var(--nutui-progress-small-text-top, -100%) !default;
1572
- $progress-base-font-size: var(--nutui-progress-base-font-size, 9px) !default;
1573
- $progress-base-padding: var(--nutui-progress-base-padding, 0 5px) !default;
1574
- $progress-base-height: var(--nutui-progress-base-height, 10px) !default;
1575
- $progress-base-text-font-size: var(
1576
- --nutui-progress-base-text-font-size,
1577
- 9px
1578
- ) !default;
1579
- $progress-base-text-line-height: var(
1580
- --nutui-progress-base-text-line-height,
1581
- 13px
1582
- ) !default;
1583
- $progress-base-text-padding: var(
1584
- --nutui-progress-base-text-padding,
1585
- $progress-insidetext-padding
1586
- ) !default;
1587
- $progress-base-text-top: var(
1588
- --nutui-progress-base-text-top,
1589
- $progress-insidetext-top
1590
- ) !default;
1591
- $progress-large-font-size: var(--nutui-progress-large-font-size, 13px) !default;
1592
- $progress-large-padding: var(--nutui-progress-large-padding, 0 5px) !default;
1593
- $progress-large-height: var(--nutui-progress-large-height, 15px) !default;
1594
- $progress-large-text-font-size: var(
1595
- --nutui-progress-large-text-font-size,
1596
- 13px
1597
- ) !default;
1598
- $progress-large-text-line-height: var(
1599
- --nutui-progress-large-text-line-height,
1600
- 18px
1601
- ) !default;
1602
- $progress-large-text-padding: var(
1603
- --nutui-progress-large-text-padding,
1604
- $progress-insidetext-padding
1605
- ) !default;
1606
- $progress-large-text-top: var(
1607
- --nutui-progress-large-text-top,
1608
- $progress-insidetext-top
1609
- ) !default;
1610
1545
 
1611
1546
  //pagination（✅）
1612
1547
  $pagination-color: var(--nutui-pagination-color, $primary-color) !default;
@@ -1655,18 +1590,12 @@ $tabs-titles-background-color: var(
1655
1590
  $background-color
1656
1591
  ) !default;
1657
1592
  $tabs-titles-border-radius: var(--nutui-tabs-titles-border-radius, 0) !default;
1658
- $tabs-titles-item-large-font-size: var(
1659
- --nutui-tabs-titles-item-large-font-size,
1660
- $font-size-3
1661
- ) !default;
1593
+ $nut-tabs-title-gap: var(--nutui-tabs-title-gap, 0) !default;
1662
1594
  $tabs-titles-item-font-size: var(
1663
1595
  --nutui-tabs-titles-item-font-size,
1664
1596
  $font-size-2
1665
1597
  ) !default;
1666
- $tabs-titles-item-small-font-size: var(
1667
- --nutui-tabs-titles-item-small-font-size,
1668
- $font-size-1
1669
- ) !default;
1598
+
1670
1599
  $tabs-titles-item-color: var(
1671
1600
  --nutui-tabs-titles-item-color,
1672
1601
  $title-color
@@ -2180,22 +2109,14 @@ $navbar-box-shadow: var(
2180
2109
  --nutui-navbar-box-shadow,
2181
2110
  0px 1px 7px 0px rgba(237, 238, 241, 1)
2182
2111
  ) !default;
2183
- $navbar-color: var(--nutui-navbar-color, $gray1) !default;
2184
- $navbar-title-base-font: var(
2185
- --nutui-navbar-title-base-font,
2112
+ $navbar-color: var(--nutui-navbar-color, $gray2) !default;
2113
+ $navbar-font-size: var(--nutui-navbar-font-size, $font-size-2) !default;
2114
+ $navbar-title-font-size: var(
2115
+ --nutui-navbar-title-font-size,
2186
2116
  $font-size-2
2187
2117
  ) !default;
2188
- $navbar-title-font: var(--nutui-navbar-title-font, $font-size-2) !default;
2189
2118
  $navbar-title-font-weight: var(--nutui-navbar-title-font-weight, 0) !default;
2190
- $navbar-title-font-color: var(
2191
- --nutui-navbar-title-font-color,
2192
- $navbar-color
2193
- ) !default;
2194
- $navbar-title-width: var(--nutui-navbar-title-width, 100px) !default;
2195
- $navbar-title-icon-margin: var(
2196
- --nutui-navbar-title-icon-margin,
2197
- 0 0 0 13px
2198
- ) !default;
2119
+ $navbar-title-font-color: var(--nutui-navbar-title-font-color, $gray1) !default;
2199
2120
 
2200
2121
  // sidenavbar（✅）
2201
2122
  $sidenavbar-content-bg-color: var(
@@ -2313,16 +2234,12 @@ $elevator-list-item-code-line-height: var(
2313
2234
  --nutui-elevator-list-item-code-line-height,
2314
2235
  35px
2315
2236
  ) !default;
2316
- $elevator-list-item-code-after-width: var(
2317
- --nutui-elevator-list-item-code-after-width,
2318
- 100%
2319
- ) !default;
2320
- $elevator-list-item-code-after-height: var(
2321
- --nutui-elevator-list-item-code-after-height,
2237
+ $elevator-list-item-code-border-bottom: var(
2238
+ --nutui-elevator-list-item-code-border-bottom,
2322
2239
  1px
2323
2240
  ) !default;
2324
- $elevator-list-item-code-after-bg-color: var(
2325
- --nutui-elevator-list-item-code-after-bg-color,
2241
+ $elevator-list-item-code-border-bottom-color: var(
2242
+ --nutui-elevator-list-item-code-border-bottom-color,
2326
2243
  #f5f5f5
2327
2244
  ) !default;
2328
2245
  $elevator-list-item-code-current-box-shadow: 0 3px 3px 1px