@nutui/nutui-react 3.0.11-patch.0 → 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 (98) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  3. package/dist/cjs/packages/progress/progress.js +38 -17
  4. package/dist/cjs/packages/progress/style/progress.scss +5 -21
  5. package/dist/cjs/packages/progress/style/style.css +5 -19
  6. package/dist/cjs/packages/progress/style-jmapp/progress.scss +5 -21
  7. package/dist/cjs/packages/progress/style-jmapp/style.css +4 -18
  8. package/dist/cjs/packages/progress/style-jrkf/progress.scss +5 -21
  9. package/dist/cjs/packages/progress/style-jrkf/style.css +4 -18
  10. package/dist/cjs/packages/range/range.js +5 -11
  11. package/dist/cjs/packages/range/style/range.scss +6 -2
  12. package/dist/cjs/packages/range/style/style.css +3 -1
  13. package/dist/cjs/packages/range/style-jmapp/range.scss +6 -2
  14. package/dist/cjs/packages/range/style-jmapp/style.css +3 -1
  15. package/dist/cjs/packages/range/style-jrkf/range.scss +6 -2
  16. package/dist/cjs/packages/range/style-jrkf/style.css +3 -1
  17. package/dist/cjs/packages/range/utils.d.ts +3 -0
  18. package/dist/cjs/packages/range/utils.js +24 -0
  19. package/dist/cjs/packages/searchbar/searchbar.js +162 -87
  20. package/dist/cjs/packages/searchbar/style/searchbar.scss +99 -25
  21. package/dist/cjs/packages/searchbar/style/style.css +102 -38
  22. package/dist/cjs/packages/searchbar/style-jmapp/searchbar.scss +99 -25
  23. package/dist/cjs/packages/searchbar/style-jmapp/style.css +85 -21
  24. package/dist/cjs/packages/searchbar/style-jrkf/searchbar.scss +99 -25
  25. package/dist/cjs/packages/searchbar/style-jrkf/style.css +85 -21
  26. package/dist/cjs/packages/step/step.js +74 -33
  27. package/dist/cjs/packages/step/style/step.scss +104 -195
  28. package/dist/cjs/packages/step/style/style.css +85 -159
  29. package/dist/cjs/packages/step/style-jmapp/step.scss +104 -195
  30. package/dist/cjs/packages/step/style-jmapp/style.css +88 -162
  31. package/dist/cjs/packages/step/style-jrkf/step.scss +104 -195
  32. package/dist/cjs/packages/step/style-jrkf/style.css +88 -162
  33. package/dist/cjs/packages/steps/steps.js +23 -8
  34. package/dist/cjs/packages/steps/style/steps.scss +328 -4
  35. package/dist/cjs/packages/steps/style/style.css +219 -2
  36. package/dist/cjs/packages/steps/style-jmapp/steps.scss +328 -4
  37. package/dist/cjs/packages/steps/style-jmapp/style.css +219 -2
  38. package/dist/cjs/packages/steps/style-jrkf/steps.scss +328 -4
  39. package/dist/cjs/packages/steps/style-jrkf/style.css +219 -2
  40. package/dist/cjs/packages/uploader/uploader.js +20 -9
  41. package/dist/cjs/types/spec/progress/base.d.ts +6 -0
  42. package/dist/cjs/types/spec/progress/taro.d.ts +4 -0
  43. package/dist/cjs/types/spec/searchbar/base.d.ts +3 -0
  44. package/dist/cjs/types/spec/steps/base.d.ts +11 -2
  45. package/dist/es/packages/configprovider/types.d.ts +1 -1
  46. package/dist/es/packages/progress/progress.js +38 -17
  47. package/dist/es/packages/progress/style/progress.scss +5 -21
  48. package/dist/es/packages/progress/style/style.css +5 -19
  49. package/dist/es/packages/progress/style-jmapp/progress.scss +5 -21
  50. package/dist/es/packages/progress/style-jmapp/style.css +4 -18
  51. package/dist/es/packages/progress/style-jrkf/progress.scss +5 -21
  52. package/dist/es/packages/progress/style-jrkf/style.css +4 -18
  53. package/dist/es/packages/range/range.js +5 -11
  54. package/dist/es/packages/range/style/range.scss +6 -2
  55. package/dist/es/packages/range/style/style.css +3 -1
  56. package/dist/es/packages/range/style-jmapp/range.scss +6 -2
  57. package/dist/es/packages/range/style-jmapp/style.css +3 -1
  58. package/dist/es/packages/range/style-jrkf/range.scss +6 -2
  59. package/dist/es/packages/range/style-jrkf/style.css +3 -1
  60. package/dist/es/packages/range/utils.d.ts +3 -0
  61. package/dist/es/packages/range/utils.js +6 -0
  62. package/dist/es/packages/searchbar/searchbar.js +163 -89
  63. package/dist/es/packages/searchbar/style/searchbar.scss +99 -25
  64. package/dist/es/packages/searchbar/style/style.css +102 -38
  65. package/dist/es/packages/searchbar/style-jmapp/searchbar.scss +99 -25
  66. package/dist/es/packages/searchbar/style-jmapp/style.css +85 -21
  67. package/dist/es/packages/searchbar/style-jrkf/searchbar.scss +99 -25
  68. package/dist/es/packages/searchbar/style-jrkf/style.css +85 -21
  69. package/dist/es/packages/step/step.js +75 -34
  70. package/dist/es/packages/step/style/step.scss +104 -195
  71. package/dist/es/packages/step/style/style.css +85 -159
  72. package/dist/es/packages/step/style-jmapp/step.scss +104 -195
  73. package/dist/es/packages/step/style-jmapp/style.css +88 -162
  74. package/dist/es/packages/step/style-jrkf/step.scss +104 -195
  75. package/dist/es/packages/step/style-jrkf/style.css +88 -162
  76. package/dist/es/packages/steps/steps.js +23 -8
  77. package/dist/es/packages/steps/style/steps.scss +328 -4
  78. package/dist/es/packages/steps/style/style.css +219 -2
  79. package/dist/es/packages/steps/style-jmapp/steps.scss +328 -4
  80. package/dist/es/packages/steps/style-jmapp/style.css +219 -2
  81. package/dist/es/packages/steps/style-jrkf/steps.scss +328 -4
  82. package/dist/es/packages/steps/style-jrkf/style.css +219 -2
  83. package/dist/es/packages/uploader/uploader.js +20 -9
  84. package/dist/es/types/spec/progress/base.d.ts +24 -0
  85. package/dist/es/types/spec/progress/taro.d.ts +4 -0
  86. package/dist/es/types/spec/searchbar/base.d.ts +10 -1
  87. package/dist/es/types/spec/steps/base.d.ts +26 -5
  88. package/dist/nutui.react.umd.js +317 -167
  89. package/dist/style-jmapp.css +1 -1
  90. package/dist/style-jmapp.scss +39 -39
  91. package/dist/style-jrkf.css +1 -1
  92. package/dist/style-jrkf.scss +42 -42
  93. package/dist/style.css +1 -1
  94. package/dist/style.scss +41 -41
  95. package/dist/styles/variables-jmapp.scss +133 -79
  96. package/dist/styles/variables-jrkf.scss +134 -80
  97. package/dist/styles/variables.scss +148 -89
  98. 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-patch.0","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"}}