@nutui/nutui-react 3.0.11 → 3.0.12

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 (134) hide show
  1. package/CHANGELOG.md +20 -7
  2. package/dist/cjs/packages/address/style/address.scss +114 -0
  3. package/dist/cjs/packages/address/style/style.css +103 -0
  4. package/dist/cjs/packages/address/style-jmapp/address.scss +114 -0
  5. package/dist/cjs/packages/address/style-jmapp/style.css +103 -0
  6. package/dist/cjs/packages/address/style-jrkf/address.scss +114 -0
  7. package/dist/cjs/packages/address/style-jrkf/style.css +103 -0
  8. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  9. package/dist/cjs/packages/elevator/style/css.js +0 -2
  10. package/dist/cjs/packages/elevator/style/elevator.scss +116 -95
  11. package/dist/cjs/packages/elevator/style/index.js +0 -2
  12. package/dist/cjs/packages/elevator/style/style.css +98 -83
  13. package/dist/cjs/packages/elevator/style-jmapp/css.js +0 -2
  14. package/dist/cjs/packages/elevator/style-jmapp/elevator.scss +116 -95
  15. package/dist/cjs/packages/elevator/style-jmapp/index.js +0 -2
  16. package/dist/cjs/packages/elevator/style-jmapp/style.css +98 -83
  17. package/dist/cjs/packages/elevator/style-jrkf/css.js +0 -2
  18. package/dist/cjs/packages/elevator/style-jrkf/elevator.scss +116 -95
  19. package/dist/cjs/packages/elevator/style-jrkf/index.js +0 -2
  20. package/dist/cjs/packages/elevator/style-jrkf/style.css +98 -83
  21. package/dist/cjs/packages/progress/progress.js +38 -17
  22. package/dist/cjs/packages/progress/style/progress.scss +5 -21
  23. package/dist/cjs/packages/progress/style/style.css +5 -19
  24. package/dist/cjs/packages/progress/style-jmapp/progress.scss +5 -21
  25. package/dist/cjs/packages/progress/style-jmapp/style.css +4 -18
  26. package/dist/cjs/packages/progress/style-jrkf/progress.scss +5 -21
  27. package/dist/cjs/packages/progress/style-jrkf/style.css +4 -18
  28. package/dist/cjs/packages/range/range.js +5 -11
  29. package/dist/cjs/packages/range/style/range.scss +6 -2
  30. package/dist/cjs/packages/range/style/style.css +3 -1
  31. package/dist/cjs/packages/range/style-jmapp/range.scss +6 -2
  32. package/dist/cjs/packages/range/style-jmapp/style.css +3 -1
  33. package/dist/cjs/packages/range/style-jrkf/range.scss +6 -2
  34. package/dist/cjs/packages/range/style-jrkf/style.css +3 -1
  35. package/dist/cjs/packages/range/utils.d.ts +3 -0
  36. package/dist/cjs/packages/range/utils.js +24 -0
  37. package/dist/cjs/packages/searchbar/searchbar.js +162 -87
  38. package/dist/cjs/packages/searchbar/style/searchbar.scss +99 -25
  39. package/dist/cjs/packages/searchbar/style/style.css +102 -38
  40. package/dist/cjs/packages/searchbar/style-jmapp/searchbar.scss +99 -25
  41. package/dist/cjs/packages/searchbar/style-jmapp/style.css +85 -21
  42. package/dist/cjs/packages/searchbar/style-jrkf/searchbar.scss +99 -25
  43. package/dist/cjs/packages/searchbar/style-jrkf/style.css +85 -21
  44. package/dist/cjs/packages/step/step.js +74 -33
  45. package/dist/cjs/packages/step/style/step.scss +104 -195
  46. package/dist/cjs/packages/step/style/style.css +85 -159
  47. package/dist/cjs/packages/step/style-jmapp/step.scss +104 -195
  48. package/dist/cjs/packages/step/style-jmapp/style.css +88 -162
  49. package/dist/cjs/packages/step/style-jrkf/step.scss +104 -195
  50. package/dist/cjs/packages/step/style-jrkf/style.css +88 -162
  51. package/dist/cjs/packages/steps/steps.js +23 -8
  52. package/dist/cjs/packages/steps/style/steps.scss +328 -4
  53. package/dist/cjs/packages/steps/style/style.css +219 -2
  54. package/dist/cjs/packages/steps/style-jmapp/steps.scss +328 -4
  55. package/dist/cjs/packages/steps/style-jmapp/style.css +219 -2
  56. package/dist/cjs/packages/steps/style-jrkf/steps.scss +328 -4
  57. package/dist/cjs/packages/steps/style-jrkf/style.css +219 -2
  58. package/dist/cjs/packages/uploader/uploader.js +20 -9
  59. package/dist/cjs/types/spec/progress/base.d.ts +6 -0
  60. package/dist/cjs/types/spec/progress/taro.d.ts +4 -0
  61. package/dist/cjs/types/spec/searchbar/base.d.ts +3 -0
  62. package/dist/cjs/types/spec/steps/base.d.ts +11 -2
  63. package/dist/es/packages/address/style/address.scss +114 -0
  64. package/dist/es/packages/address/style/style.css +103 -0
  65. package/dist/es/packages/address/style-jmapp/address.scss +114 -0
  66. package/dist/es/packages/address/style-jmapp/style.css +103 -0
  67. package/dist/es/packages/address/style-jrkf/address.scss +114 -0
  68. package/dist/es/packages/address/style-jrkf/style.css +103 -0
  69. package/dist/es/packages/configprovider/types.d.ts +1 -1
  70. package/dist/es/packages/elevator/style/css.js +0 -2
  71. package/dist/es/packages/elevator/style/elevator.scss +116 -95
  72. package/dist/es/packages/elevator/style/index.js +0 -2
  73. package/dist/es/packages/elevator/style/style.css +98 -83
  74. package/dist/es/packages/elevator/style-jmapp/css.js +0 -2
  75. package/dist/es/packages/elevator/style-jmapp/elevator.scss +116 -95
  76. package/dist/es/packages/elevator/style-jmapp/index.js +0 -2
  77. package/dist/es/packages/elevator/style-jmapp/style.css +98 -83
  78. package/dist/es/packages/elevator/style-jrkf/css.js +0 -2
  79. package/dist/es/packages/elevator/style-jrkf/elevator.scss +116 -95
  80. package/dist/es/packages/elevator/style-jrkf/index.js +0 -2
  81. package/dist/es/packages/elevator/style-jrkf/style.css +98 -83
  82. package/dist/es/packages/progress/progress.js +38 -17
  83. package/dist/es/packages/progress/style/progress.scss +5 -21
  84. package/dist/es/packages/progress/style/style.css +5 -19
  85. package/dist/es/packages/progress/style-jmapp/progress.scss +5 -21
  86. package/dist/es/packages/progress/style-jmapp/style.css +4 -18
  87. package/dist/es/packages/progress/style-jrkf/progress.scss +5 -21
  88. package/dist/es/packages/progress/style-jrkf/style.css +4 -18
  89. package/dist/es/packages/range/range.js +5 -11
  90. package/dist/es/packages/range/style/range.scss +6 -2
  91. package/dist/es/packages/range/style/style.css +3 -1
  92. package/dist/es/packages/range/style-jmapp/range.scss +6 -2
  93. package/dist/es/packages/range/style-jmapp/style.css +3 -1
  94. package/dist/es/packages/range/style-jrkf/range.scss +6 -2
  95. package/dist/es/packages/range/style-jrkf/style.css +3 -1
  96. package/dist/es/packages/range/utils.d.ts +3 -0
  97. package/dist/es/packages/range/utils.js +6 -0
  98. package/dist/es/packages/searchbar/searchbar.js +163 -89
  99. package/dist/es/packages/searchbar/style/searchbar.scss +99 -25
  100. package/dist/es/packages/searchbar/style/style.css +102 -38
  101. package/dist/es/packages/searchbar/style-jmapp/searchbar.scss +99 -25
  102. package/dist/es/packages/searchbar/style-jmapp/style.css +85 -21
  103. package/dist/es/packages/searchbar/style-jrkf/searchbar.scss +99 -25
  104. package/dist/es/packages/searchbar/style-jrkf/style.css +85 -21
  105. package/dist/es/packages/step/step.js +75 -34
  106. package/dist/es/packages/step/style/step.scss +104 -195
  107. package/dist/es/packages/step/style/style.css +85 -159
  108. package/dist/es/packages/step/style-jmapp/step.scss +104 -195
  109. package/dist/es/packages/step/style-jmapp/style.css +88 -162
  110. package/dist/es/packages/step/style-jrkf/step.scss +104 -195
  111. package/dist/es/packages/step/style-jrkf/style.css +88 -162
  112. package/dist/es/packages/steps/steps.js +23 -8
  113. package/dist/es/packages/steps/style/steps.scss +328 -4
  114. package/dist/es/packages/steps/style/style.css +219 -2
  115. package/dist/es/packages/steps/style-jmapp/steps.scss +328 -4
  116. package/dist/es/packages/steps/style-jmapp/style.css +219 -2
  117. package/dist/es/packages/steps/style-jrkf/steps.scss +328 -4
  118. package/dist/es/packages/steps/style-jrkf/style.css +219 -2
  119. package/dist/es/packages/uploader/uploader.js +20 -9
  120. package/dist/es/types/spec/progress/base.d.ts +24 -0
  121. package/dist/es/types/spec/progress/taro.d.ts +4 -0
  122. package/dist/es/types/spec/searchbar/base.d.ts +10 -1
  123. package/dist/es/types/spec/steps/base.d.ts +26 -5
  124. package/dist/nutui.react.umd.js +317 -167
  125. package/dist/style-jmapp.css +1 -1
  126. package/dist/style-jmapp.scss +44 -44
  127. package/dist/style-jrkf.css +1 -1
  128. package/dist/style-jrkf.scss +46 -46
  129. package/dist/style.css +1 -1
  130. package/dist/style.scss +37 -37
  131. package/dist/styles/variables-jmapp.scss +133 -79
  132. package/dist/styles/variables-jrkf.scss +134 -80
  133. package/dist/styles/variables.scss +148 -89
  134. package/package.json +1 -1
@@ -1404,21 +1404,43 @@ $address-tab-line-background: linear-gradient(
1404
1404
  ) !default;
1405
1405
 
1406
1406
  //steps(✅)
1407
- $steps-base-icon-width: var(--nutui-steps-base-icon-width, 25px) !default;
1408
- $steps-base-icon-height: var(--nutui-steps-base-icon-height, 25px) !default;
1409
- $steps-base-icon-line-height: var(
1410
- --nutui-steps-base-icon-line-height,
1411
- 25px
1412
- ) !default;
1413
- $steps-base-icon-margin-bottom: var(
1414
- --nutui-steps-base-icon-margin-bottom,
1407
+ //steps(✅)
1408
+ $steps-background-color: var(--nutui-steps-background-color, $white) !default;
1409
+ $steps-base-head-height: var(--nutui-steps-base-head-height, 14px) !default;
1410
+ $steps-base-head-background-color: var(
1411
+ --nutui-steps-base-head-background-color,
1412
+ $color-background
1413
+ ) !default;
1414
+ $steps-base-head-border: var(--nutui-steps-base-head-border, none) !default;
1415
+ $steps-base-head-text-size: var(
1416
+ --nutui-steps-base-head-text-size,
1415
1417
  12px
1416
1418
  ) !default;
1417
- $steps-base-icon-font-size: var(
1418
- --nutui-steps-base-icon-font-size,
1419
- $font-size-s
1419
+ $steps-base-head-size: var(
1420
+ --nutui-steps-base-icon-size,
1421
+ $font-size-xxs
1422
+ ) !default;
1423
+ $steps-base-head-color: var(
1424
+ --nutui-steps-base-head-color,
1425
+ $color-text
1426
+ ) !default;
1427
+ $steps-base-head-dot-size: var(--nutui-steps-base-head-dot-size, 6px) !default;
1428
+ $steps-base-head-dot-background-color: var(
1429
+ --nutui-steps-base-head-dot-background-color,
1430
+ $color-text-disabled
1431
+ ) !default;
1432
+ $steps-base-head-icon-size: var(
1433
+ --nutui-steps-base-head-icon-size,
1434
+ 16px
1435
+ ) !default;
1436
+ $steps-double-head-icon-size: var(
1437
+ --nutui-steps-base-head-icon-size-right,
1438
+ 20px
1439
+ ) !default;
1440
+ $steps-vertical-head-icon-size: var(
1441
+ --nutui-steps-vertical-item-icon-size,
1442
+ 20px
1420
1443
  ) !default;
1421
- $steps-base-line-width: var(--nutui-steps-base-line-width, 70%) !default;
1422
1444
  $steps-base-line-height: var(--nutui-steps-base-line-height, 1px) !default;
1423
1445
  $steps-base-line-background: var(
1424
1446
  --nutui-steps-base-line-background,
@@ -1426,27 +1448,48 @@ $steps-base-line-background: var(
1426
1448
  ) !default;
1427
1449
  $steps-base-title-font-size: var(
1428
1450
  --nutui-steps-base-title-font-size,
1429
- $font-size-base
1451
+ $font-size-s
1430
1452
  ) !default;
1431
1453
  $steps-base-title-color: var(
1432
1454
  --nutui-steps-base-title-color,
1433
- $color-text-title
1455
+ $color-title
1434
1456
  ) !default;
1435
- $steps-base-title-margin-bottom: var(
1457
+ $steps-base-description-margin-top: var(
1436
1458
  --nutui-steps-base-title-margin-bottom,
1437
- 0
1459
+ 2px
1438
1460
  ) !default;
1439
1461
  $steps-base-description-font-size: var(
1440
1462
  --nutui-steps-base-description-font-size,
1441
- $font-size-s
1463
+ $font-size-xxs
1442
1464
  ) !default;
1443
1465
  $steps-base-description-color: var(
1444
1466
  --nutui-steps-base-description-color,
1445
- $color-text
1467
+ $color-text-help
1446
1468
  ) !default;
1447
- $steps-wait-icon-bg-color: var(
1448
- --nutui-steps-wait-icon-bg-color,
1449
- $color-default
1469
+ $steps-base-head-border-color: var(
1470
+ --nutui-steps-base-head-border-color,
1471
+ $color-border
1472
+ ) !default;
1473
+ $steps-process-head-border-color: var(
1474
+ --nutui-steps-base-head-border-color,
1475
+ $color-border
1476
+ ) !default;
1477
+ $steps-process-head-border-color: var(
1478
+ --nutui-steps-base-head-border-color,
1479
+ $color-border
1480
+ ) !default;
1481
+ $steps-process-head-background-color: var(
1482
+ --nutui-steps-process-head-background-color,
1483
+ $color-primary
1484
+ ) !default;
1485
+ $steps-process-color: var(--nutui-steps-process-color, $white) !default;
1486
+ $steps-process-title-color: var(
1487
+ --nutui-steps-process-title-color,
1488
+ $color-primary
1489
+ ) !default;
1490
+ $steps-process-description-color: var(
1491
+ --nutui-steps-process-description-color,
1492
+ $color-primary
1450
1493
  ) !default;
1451
1494
  $steps-wait-icon-color: var(
1452
1495
  --nutui-steps-wait-icon-color,
@@ -1454,83 +1497,96 @@ $steps-wait-icon-color: var(
1454
1497
  ) !default;
1455
1498
  $steps-wait-title-color: var(
1456
1499
  --nutui-steps-wait-title-color,
1457
- $color-text-help
1500
+ $color-title
1458
1501
  ) !default;
1459
1502
  $steps-wait-description-color: var(
1460
1503
  --nutui-steps-wait-description-color,
1504
+ $color-text
1505
+ ) !default;
1506
+ $steps-finish-icon-color: var(
1507
+ --nutui-steps-finish-icon-color,
1461
1508
  $color-text-help
1462
1509
  ) !default;
1463
- $steps-process-icon-bg-color: var(
1464
- --nutui-steps-process-icon-bg-color,
1465
- $color-primary
1510
+ $steps-business-title-color: var(
1511
+ --nutui-steps-business-title-color,
1512
+ var(--nutui-color-service-pressed)
1466
1513
  ) !default;
1467
- $steps-process-icon-before-bg-color: var(
1468
- --nutui-steps-process-icon-before-bg-color,
1469
- none
1514
+ $steps-business-description-color: var(
1515
+ --nutui-steps-business-description-color,
1516
+ var(--nutui-color-service-pressed)
1470
1517
  ) !default;
1471
- $steps-process-icon-color: var(
1472
- --nutui-steps-process-icon-color,
1473
- $white
1518
+ $steps-business-head-text-color: var(
1519
+ --nutui-steps-business-head-text-color,
1520
+ var(--nutui-color-service-pressed)
1474
1521
  ) !default;
1475
- $steps-process-title-color: var(
1476
- --nutui-steps-process-title-color,
1477
- $color-primary
1522
+ $steps-business-head-dot-background-color: var(
1523
+ --nutui-steps-business-head-dot-background-color,
1524
+ var(--nutui-color-service-pressed)
1478
1525
  ) !default;
1479
- $steps-process-title-font-size: var(
1480
- --nutui-steps-process-title-font-size,
1481
- $font-size-base
1526
+ $steps-business-head-icon-color: var(
1527
+ --nutui-steps-business-head-icon-color,
1528
+ var(--nutui-color-service-pressed)
1482
1529
  ) !default;
1483
- $steps-process-title-font-weight: var(
1484
- --nutui-steps-process-title-font-weight,
1485
- $font-weight-bold
1530
+ $steps-business-head-background-color: var(
1531
+ --nutui-steps-business-head-background-color,
1532
+ var(--nutui-color-service)
1486
1533
  ) !default;
1487
- $steps-process-description-color: var(
1488
- --nutui-steps-process-description-color,
1489
- $color-text
1534
+ $steps-enhanced-finish-head-background-color: var(
1535
+ --nutui-steps-enhanced-finish-head-background-color,
1536
+ $color-primary-light-pressed
1490
1537
  ) !default;
1491
- $steps-finish-icon-bg-color: var(
1492
- --nutui-steps-finish-icon-bg-color,
1493
- $color-primary-light
1538
+ $steps-enhanced-finish-head-dot-background-color: var(
1539
+ --nutui-steps-enhanced-finish-head-dot-background-color,
1540
+ $color-primary-disabled-special
1494
1541
  ) !default;
1495
- $steps-finish-icon-color: var(
1496
- --nutui-steps-finish-icon-color,
1497
- $color-primary
1542
+ $steps-enhanced-finish-head-icon-color: var(
1543
+ --nutui-steps-enhanced-finish-head-icon-color,
1544
+ $color-primary-stop-1
1498
1545
  ) !default;
1499
- $steps-finish-icon-border-color: var(
1500
- --nutui-steps-finish-icon-border-color,
1501
- transparent
1546
+ $steps-enhanced-finish-head-text-color: var(
1547
+ --nutui-steps-enhanced-finish-head-text-color,
1548
+ $color-primary-stop-1
1502
1549
  ) !default;
1503
- $steps-finish-title-color: var(
1504
- --nutui-steps-finish-title-color,
1505
- $color-text-title
1550
+ $steps-horizontal-item-padding-right: var(
1551
+ --nutui-steps-horizontal-item-padding-right,
1552
+ 28px
1506
1553
  ) !default;
1507
- $steps-finish-description-color: var(
1508
- --nutui-steps-finish-description-color,
1509
- $color-text
1554
+ $steps-horizontal-item-line-padding: var(
1555
+ --nutui-steps-horizontal-item-line-padding,
1556
+ 0 8px
1510
1557
  ) !default;
1511
- $steps-finish-line-background: var(
1512
- --nutui-steps-finish-line-background,
1513
- $color-primary
1558
+ $steps-horizontal-item-special-padding-right: var(
1559
+ --nutui-steps-horizontal-item-special-padding-right,
1560
+ 22px
1514
1561
  ) !default;
1515
- $steps-dot-finish-icon-bg-color: var(
1516
- --nutui-steps-finish-icon-bg-color,
1517
- $white
1562
+ $steps-horizontal-item-special-3-padding-right: var(
1563
+ --nutui-steps-horizontal-item-special-3-padding-right,
1564
+ 9px
1518
1565
  ) !default;
1519
- $steps-dot-finish-icon-border-color: var(
1520
- --nutui-steps-finish-icon-color,
1521
- $color-primary
1566
+ $steps-vertical-item-padding-bottom: var(
1567
+ --nutui-steps-vertical-item-padding-bottom,
1568
+ 13px
1522
1569
  ) !default;
1523
- $steps-dot-wait-icon-bg-color: var(
1524
- --nutui-steps-dot-wait-icon-bg-color,
1525
- $white
1570
+ $steps-vertical-title-font-size: var(
1571
+ --nutui-steps-vertical-title-font-size,
1572
+ $font-size-l
1526
1573
  ) !default;
1527
- $steps-dot-icon-width: var(--nutui-steps-dot-icon-width, 6px) !default;
1528
- $steps-dot-icon-height: var(--nutui-steps-dot-icon-height, 6px) !default;
1529
- $steps-dot-icon-border: var(
1530
- --nutui-steps-dot-icon-border,
1531
- 2px solid $color-border-shade
1574
+ $steps-vertical-title-margin-bottom: var(
1575
+ --nutui-steps-vertical-title-margin-bottom,
1576
+ 4px
1577
+ ) !default;
1578
+ $steps-vertical-line-height: var(
1579
+ --nutui-steps-vertical-line-height,
1580
+ 18px
1581
+ ) !default;
1582
+ $steps-vertical-description-font-size: var(
1583
+ --nutui-steps-vertical-description-font-size,
1584
+ $font-size-base
1585
+ ) !default;
1586
+ $steps-vertical-description-margin: var(
1587
+ --nutui-steps-vertical-description-margin,
1588
+ 0 0 1px
1532
1589
  ) !default;
1533
- $steps-dot-head-margin: var(--nutui-steps-dot-head-margin, 10px 0) !default;
1534
1590
 
1535
1591
  // dialog(✅)
1536
1592
  $dialog-bottom-close-icon-size: var(
@@ -2146,14 +2202,11 @@ $searchbar-background: var(
2146
2202
  ) !default;
2147
2203
  $searchbar-color: var(--nutui-searchbar-color, $color-text-title) !default;
2148
2204
  $searchbar-gap: var(--nutui-searchbar-gap, 16px) !default;
2205
+ $searchbar-inner-gap: var(--nutui-searchbar-inner-gap, 8px) !default;
2149
2206
  $searchbar-font-size: var(
2150
2207
  --nutui-searchbar-font-size,
2151
2208
  $font-size-base
2152
2209
  ) !default;
2153
- $searchbar-content-padding: var(
2154
- --nutui-searchbar-content-padding,
2155
- 0 12px
2156
- ) !default;
2157
2210
  $searchbar-content-background: var(
2158
2211
  --nutui-searchbar-content-background,
2159
2212
  $color-default-light
@@ -2166,6 +2219,7 @@ $searchbar-content-round-border-radius: var(
2166
2219
  --nutui-searchbar-content-round-border-radius,
2167
2220
  18px
2168
2221
  ) !default;
2222
+ $searchbar-icon-size: var(--nutui-searchbar-icon-size, 20px) !default;
2169
2223
  $searchbar-input-height: var(--nutui-searchbar-input-height, 36px) !default;
2170
2224
  $searchbar-input-padding: var(
2171
2225
  --nutui-searchbar-input-padding,
@@ -1199,51 +1199,96 @@ $address-tab-line-background: linear-gradient(
1199
1199
  ) !default;
1200
1200
 
1201
1201
  //steps(✅)
1202
- $steps-base-icon-width: var(--nutui-steps-base-icon-width, 25px) !default;
1203
- $steps-base-icon-height: var(--nutui-steps-base-icon-height, 25px) !default;
1204
- $steps-base-icon-line-height: var(
1205
- --nutui-steps-base-icon-line-height,
1206
- 25px
1207
- ) !default;
1208
- $steps-base-icon-margin-bottom: var(
1209
- --nutui-steps-base-icon-margin-bottom,
1202
+ $steps-background-color: var(--nutui-steps-background-color, $white) !default;
1203
+ $steps-base-head-height: var(--nutui-steps-base-head-height, 14px) !default;
1204
+ $steps-base-head-background-color: var(
1205
+ --nutui-steps-base-head-background-color,
1206
+ $color-background
1207
+ ) !default;
1208
+ $steps-base-head-border: var(--nutui-steps-base-head-border, none) !default;
1209
+ $steps-base-head-text-size: var(
1210
+ --nutui-steps-base-head-text-size,
1210
1211
  12px
1211
1212
  ) !default;
1212
- $steps-base-icon-font-size: var(
1213
- --nutui-steps-base-icon-font-size,
1214
- $font-size-s
1213
+ $steps-base-head-size: var(
1214
+ --nutui-steps-base-icon-size,
1215
+ $font-size-xxs
1216
+ ) !default;
1217
+ $steps-base-head-color: var(
1218
+ --nutui-steps-base-head-color,
1219
+ $color-text
1220
+ ) !default;
1221
+ $steps-base-head-dot-size: var(--nutui-steps-base-head-dot-size, 6px) !default;
1222
+ $steps-base-head-dot-background-color: var(
1223
+ --nutui-steps-base-head-dot-background-color,
1224
+ $color-text-disabled
1225
+ ) !default;
1226
+ $steps-base-head-icon-size: var(
1227
+ --nutui-steps-base-head-icon-size,
1228
+ 16px
1229
+ ) !default;
1230
+ $steps-double-head-icon-size: var(
1231
+ --nutui-steps-base-head-icon-size-right,
1232
+ 20px
1233
+ ) !default;
1234
+ $steps-vertical-head-icon-size: var(
1235
+ --nutui-steps-vertical-item-icon-size,
1236
+ 20px
1215
1237
  ) !default;
1216
- $steps-base-line-width: var(--nutui-steps-base-line-width, 70%) !default;
1217
1238
  $steps-base-line-height: var(--nutui-steps-base-line-height, 1px) !default;
1218
1239
  $steps-base-line-background: var(
1219
1240
  --nutui-steps-base-line-background,
1220
- $color-text-help
1241
+ $color-border
1221
1242
  ) !default;
1222
1243
  $steps-base-title-font-size: var(
1223
1244
  --nutui-steps-base-title-font-size,
1224
- $font-size-base
1245
+ $font-size-s
1225
1246
  ) !default;
1226
1247
  $steps-base-title-color: var(
1227
1248
  --nutui-steps-base-title-color,
1228
1249
  $color-title
1229
1250
  ) !default;
1230
- $steps-base-title-margin-bottom: var(
1251
+ $steps-base-description-margin-top: var(
1231
1252
  --nutui-steps-base-title-margin-bottom,
1232
- 10px
1253
+ 2px
1233
1254
  ) !default;
1234
1255
  $steps-base-description-font-size: var(
1235
1256
  --nutui-steps-base-description-font-size,
1236
- $font-size-s
1257
+ $font-size-xxs
1237
1258
  ) !default;
1238
1259
  $steps-base-description-color: var(
1239
1260
  --nutui-steps-base-description-color,
1240
- $color-text
1261
+ $color-text-help
1262
+ ) !default;
1263
+ $steps-base-head-border-color: var(
1264
+ --nutui-steps-base-head-border-color,
1265
+ $color-border
1266
+ ) !default;
1267
+ $steps-process-head-border-color: var(
1268
+ --nutui-steps-base-head-border-color,
1269
+ $color-border
1270
+ ) !default;
1271
+ $steps-process-head-border-color: var(
1272
+ --nutui-steps-base-head-border-color,
1273
+ $color-border
1274
+ ) !default;
1275
+ $steps-process-head-background-color: var(
1276
+ --nutui-steps-process-head-background-color,
1277
+ $color-primary
1241
1278
  ) !default;
1242
- $steps-wait-icon-bg-color: var(
1243
- --nutui-steps-wait-icon-bg-color,
1279
+ $steps-process-color: var(--nutui-steps-process-color, $white) !default;
1280
+ $steps-process-title-color: var(
1281
+ --nutui-steps-process-title-color,
1282
+ $color-primary
1283
+ ) !default;
1284
+ $steps-process-description-color: var(
1285
+ --nutui-steps-process-description-color,
1286
+ $color-primary
1287
+ ) !default;
1288
+ $steps-wait-icon-color: var(
1289
+ --nutui-steps-wait-icon-color,
1244
1290
  $color-text-help
1245
1291
  ) !default;
1246
- $steps-wait-icon-color: var(--nutui-steps-wait-icon-color, $white) !default;
1247
1292
  $steps-wait-title-color: var(
1248
1293
  --nutui-steps-wait-title-color,
1249
1294
  $color-title
@@ -1252,77 +1297,90 @@ $steps-wait-description-color: var(
1252
1297
  --nutui-steps-wait-description-color,
1253
1298
  $color-text
1254
1299
  ) !default;
1255
- $steps-process-icon-bg-color: var(
1256
- --nutui-steps-process-icon-bg-color,
1257
- $color-primary
1300
+ $steps-finish-icon-color: var(
1301
+ --nutui-steps-finish-icon-color,
1302
+ $color-text-help
1258
1303
  ) !default;
1259
- $steps-process-icon-before-bg-color: var(
1260
- --nutui-steps-process-icon-before-bg-color,
1261
- $color-primary-stop-2
1304
+ $steps-business-title-color: var(
1305
+ --nutui-steps-business-title-color,
1306
+ var(--nutui-color-service-pressed)
1262
1307
  ) !default;
1263
- $steps-process-icon-color: var(
1264
- --nutui-steps-process-icon-color,
1265
- $white
1308
+ $steps-business-description-color: var(
1309
+ --nutui-steps-business-description-color,
1310
+ var(--nutui-color-service-pressed)
1266
1311
  ) !default;
1267
- $steps-process-title-color: var(
1268
- --nutui-steps-process-title-color,
1269
- $color-primary
1312
+ $steps-business-head-text-color: var(
1313
+ --nutui-steps-business-head-text-color,
1314
+ var(--nutui-color-service-pressed)
1270
1315
  ) !default;
1271
- $steps-process-title-font-size: var(
1272
- --nutui-steps-process-title-font-size,
1273
- $font-size-base
1316
+ $steps-business-head-dot-background-color: var(
1317
+ --nutui-steps-business-head-dot-background-color,
1318
+ var(--nutui-color-service-pressed)
1274
1319
  ) !default;
1275
- $steps-process-title-font-weight: var(
1276
- --nutui-steps-process-title-font-weight,
1277
- $font-weight-bold
1320
+ $steps-business-head-icon-color: var(
1321
+ --nutui-steps-business-head-icon-color,
1322
+ var(--nutui-color-service-pressed)
1278
1323
  ) !default;
1279
- $steps-process-description-color: var(
1280
- --nutui-steps-process-description-color,
1281
- $color-text
1324
+ $steps-business-head-background-color: var(
1325
+ --nutui-steps-business-head-background-color,
1326
+ var(--nutui-color-service)
1282
1327
  ) !default;
1283
- $steps-finish-icon-bg-color: var(
1284
- --nutui-steps-finish-icon-bg-color,
1285
- $color-primary-text
1328
+ $steps-enhanced-finish-head-background-color: var(
1329
+ --nutui-steps-enhanced-finish-head-background-color,
1330
+ $color-primary-light-pressed
1286
1331
  ) !default;
1287
- $steps-finish-icon-color: var(
1288
- --nutui-steps-finish-icon-color,
1289
- $color-primary
1332
+ $steps-enhanced-finish-head-dot-background-color: var(
1333
+ --nutui-steps-enhanced-finish-head-dot-background-color,
1334
+ $color-primary-disabled-special
1290
1335
  ) !default;
1291
- $steps-finish-icon-border-color: var(
1292
- --nutui-steps-finish-icon-border-color,
1293
- $steps-finish-icon-color
1336
+ $steps-enhanced-finish-head-icon-color: var(
1337
+ --nutui-steps-enhanced-finish-head-icon-color,
1338
+ $color-primary-stop-1
1294
1339
  ) !default;
1295
- $steps-finish-title-color: var(
1296
- --nutui-steps-finish-title-color,
1297
- $color-primary
1340
+ $steps-enhanced-finish-head-text-color: var(
1341
+ --nutui-steps-enhanced-finish-head-text-color,
1342
+ $color-primary-stop-1
1298
1343
  ) !default;
1299
- $steps-finish-description-color: var(
1300
- --nutui-steps-finish-description-color,
1301
- $color-text
1344
+ $steps-horizontal-item-padding-right: var(
1345
+ --nutui-steps-horizontal-item-padding-right,
1346
+ 28px
1302
1347
  ) !default;
1303
- $steps-finish-line-background: var(
1304
- --nutui-steps-finish-line-background,
1305
- $color-primary
1348
+ $steps-horizontal-item-line-padding: var(
1349
+ --nutui-steps-horizontal-item-line-padding,
1350
+ 0 8px
1306
1351
  ) !default;
1307
- $steps-dot-finish-icon-bg-color: var(
1308
- --nutui-steps-finish-icon-bg-color,
1309
- $color-primary-text
1352
+ $steps-horizontal-item-special-padding-right: var(
1353
+ --nutui-steps-horizontal-item-special-padding-right,
1354
+ 22px
1310
1355
  ) !default;
1311
- $steps-dot-finish-icon-border-color: var(
1312
- --nutui-steps-dot-finish-icon-bg-color,
1313
- $steps-finish-icon-color
1356
+ $steps-horizontal-item-special-3-padding-right: var(
1357
+ --nutui-steps-horizontal-item-special-3-padding-right,
1358
+ 9px
1314
1359
  ) !default;
1315
- $steps-dot-wait-icon-bg-color: var(
1316
- --nutui-steps-dot-wait-icon-bg-color,
1317
- $steps-wait-icon-bg-color
1360
+ $steps-vertical-item-padding-bottom: var(
1361
+ --nutui-steps-vertical-item-padding-bottom,
1362
+ 13px
1318
1363
  ) !default;
1319
- $steps-dot-icon-width: var(--nutui-steps-dot-icon-width, 6px) !default;
1320
- $steps-dot-icon-height: var(--nutui-steps-dot-icon-height, 6px) !default;
1321
- $steps-dot-icon-border: var(
1322
- --nutui-steps-dot-icon-border,
1323
- 2px solid $color-primary-text
1364
+ $steps-vertical-title-font-size: var(
1365
+ --nutui-steps-vertical-title-font-size,
1366
+ $font-size-l
1367
+ ) !default;
1368
+ $steps-vertical-title-margin-bottom: var(
1369
+ --nutui-steps-vertical-title-margin-bottom,
1370
+ 4px
1371
+ ) !default;
1372
+ $steps-vertical-line-height: var(
1373
+ --nutui-steps-vertical-line-height,
1374
+ 18px
1375
+ ) !default;
1376
+ $steps-vertical-description-font-size: var(
1377
+ --nutui-steps-vertical-description-font-size,
1378
+ $font-size-base
1379
+ ) !default;
1380
+ $steps-vertical-description-margin: var(
1381
+ --nutui-steps-vertical-description-margin,
1382
+ 0 0 1px
1324
1383
  ) !default;
1325
- $steps-dot-head-margin: var(--nutui-steps-dot-head-margin, 10px 0) !default;
1326
1384
 
1327
1385
  // dialog(✅)
1328
1386
  $dialog-min-width: var(--nutui-dialog-min-width, 240px) !default;
@@ -1665,14 +1723,14 @@ $progress-background: var(
1665
1723
  $progress-border-radius: var(--nutui-progress-border-radius, 12px) !default;
1666
1724
  $progress-text-color: var(
1667
1725
  --nutui-progress-text-color,
1668
- $color-primary-text
1726
+ $color-text-help
1669
1727
  ) !default;
1670
1728
  $progress-text-background: var(
1671
1729
  --nutui-progress-text-background,
1672
1730
  $color-primary-gradient-1
1673
1731
  ) !default;
1674
1732
  $progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default;
1675
- $progress-text-font-size: var(--nutui-progress-text-font-size, 9px) !default;
1733
+ $progress-text-font-size: var(--nutui-progress-text-font-size, 13px) !default;
1676
1734
  $progress-text-position-top: var(
1677
1735
  --nutui-progress-text-position-top,
1678
1736
  -4px
@@ -1926,42 +1984,43 @@ $collapse-wrapper-content-background-color: var(
1926
1984
 
1927
1985
  // searchbar(✅)
1928
1986
  $searchbar-width: var(--nutui-searchbar-width, 100%) !default;
1929
- $searchbar-padding: var(--nutui-searchbar-padding, 6px 16px) !default;
1987
+ $searchbar-padding: var(--nutui-searchbar-padding, 1px 8px) !default;
1930
1988
  $searchbar-background: var(
1931
1989
  --nutui-searchbar-background,
1932
- $color-background
1990
+ $color-background-sunken
1933
1991
  ) !default;
1934
1992
  $searchbar-color: var(--nutui-searchbar-color, $color-title) !default;
1935
- $searchbar-gap: var(--nutui-searchbar-gap, 16px) !default;
1993
+ $searchbar-gap: var(--nutui-searchbar-gap, 12px) !default;
1994
+ $searchbar-inner-gap: var(--nutui-searchbar-inner-gap, 8px) !default;
1936
1995
  $searchbar-font-size: var(
1937
1996
  --nutui-searchbar-font-size,
1938
1997
  $font-size-base
1939
1998
  ) !default;
1940
- $searchbar-content-padding: var(
1941
- --nutui-searchbar-content-padding,
1942
- 0 12px
1943
- ) !default;
1944
1999
  $searchbar-content-background: var(
1945
2000
  --nutui-searchbar-content-background,
1946
2001
  $color-background-overlay
1947
2002
  ) !default;
1948
2003
  $searchbar-content-border-radius: var(
1949
2004
  --nutui-searchbar-content-border-radius,
1950
- 4px
2005
+ 8px
1951
2006
  ) !default;
1952
2007
  $searchbar-content-round-border-radius: var(
1953
2008
  --nutui-searchbar-content-round-border-radius,
1954
- 18px
2009
+ 19px
2010
+ ) !default;
2011
+ $searchbar-icon-size: var(--nutui-searchbar-icon-size, 20px) !default;
2012
+ $searchbar-input-height: var(--nutui-searchbar-input-height, 38px) !default;
2013
+ $searchbar-input-padding: var(
2014
+ --nutui-searchbar-input-padding,
2015
+ 0 0 0 8px
1955
2016
  ) !default;
1956
- $searchbar-input-height: var(--nutui-searchbar-input-height, 32px) !default;
1957
- $searchbar-input-padding: var(--nutui-searchbar-input-padding, 0 4px) !default;
1958
2017
  $searchbar-input-text-color: var(
1959
2018
  --nutui-searchbar-input-text-color,
1960
2019
  $color-title
1961
2020
  ) !default;
1962
2021
  $searchbar-input-curror-color: var(
1963
2022
  --nutui-searchbar-input-curror-color,
1964
- $color-title
2023
+ $color-primary
1965
2024
  ) !default;
1966
2025
  $searchbar-input-text-align: var(
1967
2026
  --nutui-searchbar-input-text-align,
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@nutui/nutui-react","version":"3.0.11","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"description":"京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.2","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}
1
+ {"name":"@nutui/nutui-react","version":"3.0.12","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"description":"京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.2","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}