@nutui/nutui-react-taro 2.0.0-alpha.11 → 2.0.0-alpha.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 (103) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +1 -3
  4. package/dist/esm/CountDown/style/style.css +1 -1
  5. package/dist/esm/CountDown.js +2 -3
  6. package/dist/esm/Ellipsis/style/style.css +1 -1
  7. package/dist/esm/Ellipsis.js +1 -1
  8. package/dist/esm/SearchBar/style/style.css +1 -1
  9. package/dist/esm/SearchBar.js +1 -4
  10. package/dist/esm/ShortPassword/style/style.css +1 -1
  11. package/dist/esm/ShortPassword.js +3 -4
  12. package/dist/esm/Toast/style/style.css +1 -1
  13. package/dist/esm/Toast.js +2 -3
  14. package/dist/esm/VirtualList/style/style.css +1 -1
  15. package/dist/esm/VirtualList.js +2 -2
  16. package/dist/esm/actionsheet.taro-697a594b.js +54 -0
  17. package/dist/esm/{countdown.taro-22200811.js → countdown.taro-c399cc08.js} +17 -10
  18. package/dist/esm/{ellipsis.taro-02765890.js → ellipsis.taro-f423affa.js} +13 -6
  19. package/dist/esm/nutui-react.es.js +7 -7
  20. package/dist/esm/searchbar.taro-09468fff.js +122 -0
  21. package/dist/esm/shortpassword.taro-eabbde1b.js +90 -0
  22. package/dist/esm/toast.taro-b2937e7c.js +171 -0
  23. package/dist/esm/types/src/packages/actionsheet/actionsheet.d.ts +11 -15
  24. package/dist/esm/types/src/packages/actionsheet/actionsheet.taro.d.ts +11 -15
  25. package/dist/esm/types/src/packages/actionsheet/index.d.ts +1 -0
  26. package/dist/esm/types/src/packages/actionsheet/index.taro.d.ts +1 -0
  27. package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +2 -1
  28. package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts +2 -1
  29. package/dist/esm/types/src/packages/configprovider/index.d.ts +1 -0
  30. package/dist/esm/types/src/packages/configprovider/index.taro.d.ts +1 -0
  31. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -0
  32. package/dist/esm/types/src/packages/countdown/countdown.d.ts +5 -4
  33. package/dist/esm/types/src/packages/countdown/countdown.taro.d.ts +5 -4
  34. package/dist/esm/types/src/packages/countdown/index.d.ts +1 -0
  35. package/dist/esm/types/src/packages/countdown/index.taro.d.ts +1 -0
  36. package/dist/esm/types/src/packages/ellipsis/ellipsis.taro.d.ts +1 -0
  37. package/dist/esm/types/src/packages/searchbar/index.d.ts +1 -0
  38. package/dist/esm/types/src/packages/searchbar/index.taro.d.ts +1 -0
  39. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +4 -31
  40. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +4 -31
  41. package/dist/esm/types/src/packages/shortpassword/index.d.ts +1 -0
  42. package/dist/esm/types/src/packages/shortpassword/index.taro.d.ts +1 -0
  43. package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts +17 -20
  44. package/dist/esm/types/src/packages/shortpassword/shortpassword.taro.d.ts +17 -20
  45. package/dist/esm/types/src/packages/toast/Notification.d.ts +9 -13
  46. package/dist/esm/types/src/packages/toast/index.d.ts +1 -0
  47. package/dist/esm/types/src/packages/toast/index.taro.d.ts +1 -0
  48. package/dist/esm/types/src/packages/toast/toast.d.ts +19 -26
  49. package/dist/esm/types/src/packages/toast/toast.taro.d.ts +9 -11
  50. package/dist/esm/types/src/packages/virtuallist/index.d.ts +1 -0
  51. package/dist/esm/types/src/packages/virtuallist/index.taro.d.ts +1 -0
  52. package/dist/esm/types/src/packages/virtuallist/type.d.ts +0 -18
  53. package/dist/esm/types/src/packages/virtuallist/utils.d.ts +3 -3
  54. package/dist/esm/types/src/packages/virtuallist/virtuallist.d.ts +15 -4
  55. package/dist/esm/types/src/packages/virtuallist/virtuallist.taro.d.ts +13 -14
  56. package/dist/esm/{virtuallist.taro-99f03769.js → virtuallist.taro-97d3403a.js} +27 -30
  57. package/dist/locales/base.js +1 -1
  58. package/dist/locales/en-US.js +1 -1
  59. package/dist/locales/id-ID.js +1 -1
  60. package/dist/locales/tr-TR.js +10 -2
  61. package/dist/locales/zh-CN.js +1 -1
  62. package/dist/locales/zh-TW.js +1 -1
  63. package/dist/locales/zh-UG.js +1 -1
  64. package/dist/nutui.react.es.js +393 -422
  65. package/dist/nutui.react.umd.js +393 -422
  66. package/dist/packages/actionsheet/actionsheet.scss +26 -73
  67. package/dist/packages/countdown/countdown.scss +2 -0
  68. package/dist/packages/ellipsis/ellipsis.scss +4 -0
  69. package/dist/packages/searchbar/searchbar.scss +13 -71
  70. package/dist/packages/shortpassword/shortpassword.scss +1 -88
  71. package/dist/packages/toast/toast.scss +20 -7
  72. package/dist/packages/virtuallist/virtuallist.scss +0 -12
  73. package/dist/style.css +1 -1
  74. package/dist/style.mjs +1 -1
  75. package/dist/styles/variables-jmapp.scss +56 -60
  76. package/dist/styles/variables.scss +30 -53
  77. package/dist/types/packages/actionsheet/actionsheet.taro.d.ts +11 -15
  78. package/dist/types/packages/actionsheet/index.taro.d.ts +1 -0
  79. package/dist/types/packages/configprovider/configprovider.d.ts +2 -1
  80. package/dist/types/packages/configprovider/configprovider.taro.d.ts +2 -1
  81. package/dist/types/packages/configprovider/index.d.ts +1 -0
  82. package/dist/types/packages/configprovider/index.taro.d.ts +1 -0
  83. package/dist/types/packages/configprovider/types.d.ts +1 -0
  84. package/dist/types/packages/countdown/countdown.taro.d.ts +5 -4
  85. package/dist/types/packages/countdown/index.taro.d.ts +1 -0
  86. package/dist/types/packages/ellipsis/ellipsis.taro.d.ts +1 -0
  87. package/dist/types/packages/overlay/index.d.ts +3 -0
  88. package/dist/types/packages/overlay/overlay.d.ts +14 -0
  89. package/dist/types/packages/searchbar/index.taro.d.ts +1 -0
  90. package/dist/types/packages/searchbar/searchbar.taro.d.ts +4 -31
  91. package/dist/types/packages/shortpassword/index.taro.d.ts +1 -0
  92. package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +17 -20
  93. package/dist/types/packages/toast/index.taro.d.ts +1 -0
  94. package/dist/types/packages/toast/toast.taro.d.ts +9 -11
  95. package/dist/types/packages/virtuallist/index.taro.d.ts +1 -0
  96. package/dist/types/packages/virtuallist/type.d.ts +0 -17
  97. package/dist/types/packages/virtuallist/utils.d.ts +3 -3
  98. package/dist/types/packages/virtuallist/virtuallist.taro.d.ts +13 -14
  99. package/package.json +1 -1
  100. package/dist/esm/actionsheet.taro-d2217152.js +0 -61
  101. package/dist/esm/searchbar.taro-37ade36e.js +0 -159
  102. package/dist/esm/shortpassword.taro-f7292032.js +0 -146
  103. package/dist/esm/toast.taro-92c10e1d.js +0 -114
package/dist/style.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:43:57 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:11 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -252,6 +252,8 @@ $cell-description-font: var(
252
252
  $font-size-2
253
253
  ) !default;
254
254
  $cell-description-color: var(--nutui-cell-extra-color, $disable-color) !default;
255
+ $cell-extra-font-size: var(--nutui-cell-extra-font-size, $font-size-2) !default;
256
+ $cell-extra-color: var(--nutui-cell-extra-color, $gray2) !default;
255
257
  $cell-subtitle-color: var(--nutui-cell-description-color, $gray2) !default;
256
258
  $cell-border-radius: var(--nutui-cell-border-radius, 4px) !default;
257
259
  $cell-padding: var(--nutui-cell-padding, 16px 16px) !default;
@@ -418,8 +420,8 @@ $uploader-preview-close-top: var(
418
420
  0px
419
421
  ) !default;
420
422
  // picker(✅)(todo:react版本picker组件dom元素类名变化较大,picker.scss暂不改动)
421
- $picker-cancel-color: var(--nutui-picker-cancel-color, #808080) !default;
422
- $picker-ok-color: var(--nutui-picker-ok-color, $primary-color) !default;
423
+ $picker-bar-cancel-color: var(--nutui-picker-cancel-color, #808080) !default;
424
+ $picker-bar-ok-color: var(--nutui-picker-ok-color, $primary-color) !default;
423
425
  $picker-bar-cancel-font-size: var(
424
426
  --nutui-picker-bar-cancel-font-size,
425
427
  14px
@@ -556,37 +558,30 @@ $inputnumber-border-box: var(
556
558
  $inputnumber-display: var(--nutui-inputnumber-display, flex) !default;
557
559
 
558
560
  // actionsheet(✅)
559
- $zindex-actionsheet: var(--nutui-zindex-actionsheet, 10001) !default;
560
- $body-background: var(--nutui-body-background, #f6f6f6) !default;
561
- $light-color: var(--nutui-light-color, #f6f6f6) !default;
562
- $actionsheet-light-color: var(
563
- --nutui-actionsheet-light-color,
561
+ $actionsheet-border-color: var(
562
+ --nutui-actionsheet-border-color,
564
563
  #f6f6f6
565
564
  ) !default;
565
+ $actionsheet-item-text-align: var(
566
+ --nutui-actionsheet-item-text-align,
567
+ center
568
+ ) !default;
566
569
  $actionsheet-item-border-bottom: var(
567
570
  --nutui-actionsheet-item-border-bottom,
568
571
  none
569
572
  ) !default;
570
- $actionsheet-item-font-size: var(
571
- --nutui-actionsheet-item-font-size,
572
- $font-size-2
573
- ) !default;
574
- $actionsheet-item-subdesc-font-size: var(
575
- --nutui-actionsheet-item-subdesc-font-size,
576
- $font-size-1
577
- ) !default;
578
- $actionsheet-item-cancel-border-top: var(
579
- --nutui-actionsheet-item-cancel-border-top,
580
- 1px solid $actionsheet-light-color
581
- ) !default;
582
573
  $actionsheet-item-line-height: var(
583
574
  --nutui-actionsheet-item-line-height,
584
575
  24px
585
576
  ) !default;
586
- $actionsheet-item-font-color: var(
587
- --nutui-actionsheet-item-font-color,
577
+ $actionsheet-item-color: var(
578
+ --nutui-actionsheet-item-color,
588
579
  $title-color
589
580
  ) !default;
581
+ $actionsheet-item-danger: var(
582
+ --nutui-actionsheet-item-danger,
583
+ $primary-color
584
+ ) !default;
590
585
 
591
586
  //shortpassword(✅)
592
587
  $shortpassword-background-color: var(
@@ -688,8 +683,8 @@ $numberkeyboard-key-confirm-background-color: var(
688
683
 
689
684
  // countdown(✅)
690
685
  $countdown-display: var(--nutui-countdown-display, flex) !default;
691
- $countdown-color: var(--nutui-countdown-color, inherit) !default;
692
- $countdown-font-size: var(--nutui-countdown-font-size, initial) !default;
686
+ $countdown-color: var(--nutui-countdown-color, $gray1) !default;
687
+ $countdown-font-size: var(--nutui-countdown-font-size, 14px) !default;
693
688
 
694
689
  //large price(✅)
695
690
  $price-symbol-padding-right: var(
@@ -766,6 +761,8 @@ $toast-inner-border-radius: var(
766
761
  12px
767
762
  ) !default;
768
763
  $toast-cover-bg-color: var(--nutui-toast-cover-bg-color, $gray7) !default;
764
+ $toast-inner-top: var(--nutui-toast-inner-top, 50%) !default;
765
+ $toast-inner-text-align: var(--nutui-toast-inner-text-align, 'center') !default;
769
766
 
770
767
  //backtop(✅)
771
768
  $backtop-border-color: var(--nutui-backtop-border-color, #e0e0e0) !default;
@@ -1102,8 +1099,15 @@ $dialog-content-line-height: var(
1102
1099
  --nutui-dialog-content-line-height,
1103
1100
  16px
1104
1101
  ) !default;
1105
- $dialog-mask-z-index: var(--nutui-dialog-mask-z-index, $mask-z-index) !default;
1106
- $dialog-mask-background-color: var(
1102
+ $dialog-content-text-align: var(
1103
+ --nutui-dialog-content-text-align,
1104
+ center
1105
+ ) !default;
1106
+ $dialog-overlay-z-index: var(
1107
+ --nutui-dialog-mask-z-index,
1108
+ $mask-z-index
1109
+ ) !default;
1110
+ $dialog-overlay-background-color: var(
1107
1111
  --nutui-dialog-mask-background-color,
1108
1112
  $mask-color
1109
1113
  ) !default;
@@ -1575,7 +1579,7 @@ $tabs-titles-background-color: var(
1575
1579
  $background-color
1576
1580
  ) !default;
1577
1581
  $tabs-titles-border-radius: var(--nutui-tabs-titles-border-radius, 0) !default;
1578
-
1582
+ $nut-tabs-title-gap: var(--nutui-tabs-title-gap, 0) !default;
1579
1583
  $tabs-titles-item-font-size: var(
1580
1584
  --nutui-tabs-titles-item-font-size,
1581
1585
  $font-size-2
@@ -1772,36 +1776,25 @@ $collapse-wrapper-content-background-color: var(
1772
1776
  ) !default;
1773
1777
 
1774
1778
  // searchbar(✅)
1775
-
1776
- $searchbar-background: var(--nutui-searchbar-background, $gray6) !default;
1779
+ $searchbar-background: var(--nutui-searchbar-background, #fff) !default;
1777
1780
  $searchbar-content-border-radius: var(
1778
1781
  --nutui-searchbar-content-border-radius,
1779
1782
  2px
1780
1783
  ) !default;
1781
- $searchbar-right-out-color: var(
1782
- --nutui-searchbar-right-out-color,
1783
- $black
1784
- ) !default;
1785
- $searchbar-padding: var(--nutui-searchbar-padding, 9px 16px) !default;
1784
+ $searchbar-padding: var(--nutui-searchbar-padding, 9px 10px) !default;
1786
1785
  $searchbar-width: var(--nutui-searchbar-width, 100%) !default;
1787
- $searchbar-label-fontsize: var(--nutui-searchbar-label-fontsize, 12px) !default;
1788
- $searchbar-label-padding: var(
1789
- --nutui-searchbar-label-padding,
1786
+ $searchbar-left-fontsize: var(--nutui-searchbar-left-fontsize, 12px) !default;
1787
+ $searchbar-left-padding: var(
1788
+ --nutui-searchbar-left-padding,
1790
1789
  0 12px 0 0
1791
1790
  ) !default;
1792
- $searchbar-label-color: var(--nutui-searchbar-label-color, $gray1) !default;
1793
- $searchbar-action-text-fontsize: var(
1794
- --nutui-searchbar-action-text-fontsize,
1795
- 14px
1796
- ) !default;
1797
- $searchbar-action-text-padding: var(
1798
- --nutui-searchbar-action-text-padding,
1791
+ $searchbar-left-color: var(--nutui-searchbar-left-color, $gray1) !default;
1792
+ $searchbar-right-fontsize: var(--nutui-searchbar-right-fontsize, 14px) !default;
1793
+ $searchbar-right-padding: var(
1794
+ --nutui-searchbar-right-padding,
1799
1795
  0 0 0 8px
1800
1796
  ) !default;
1801
- $searchbar-action-text-color: var(
1802
- --nutui-searchbar-action-text-color,
1803
- $gray1
1804
- ) !default;
1797
+ $searchbar-right-color: var(--nutui-searchbar-right-color, $gray1) !default;
1805
1798
  $searchbar-input-height: var(--nutui-searchbar-input-height, 32px) !default;
1806
1799
  $searchbar-input-padding: var(--nutui-searchbar-input-padding, 0 5px) !default;
1807
1800
  $searchbar-input-background: var(
@@ -1817,22 +1810,14 @@ $searchbar-input-curror-color: var(
1817
1810
  $gray1
1818
1811
  ) !default;
1819
1812
  $searchbar-input-width: var(--nutui-searchbar-input-width, 100%) !default;
1813
+ $searchbar-input-text-align: var(
1814
+ --nutui-searchbar-input-text-align,
1815
+ left
1816
+ ) !default;
1820
1817
  $searchbar-input-border-radius: var(
1821
1818
  --nutui-searchbar-input-border-radius,
1822
1819
  16px
1823
1820
  ) !default;
1824
- $searchbar-input-box-shadow: var(
1825
- --nutui-searchbar-input-box-shadow,
1826
- 0 0 8px 0 rgba(0, 0, 0, 0.04)
1827
- ) !default;
1828
- $searchbar-input-bar-color: var(
1829
- --nutui-searchbar-input-bar-color,
1830
- inherit
1831
- ) !default;
1832
- $searchbar-input-bar-placeholder-color: var(
1833
- --nutui-searchbar-input-bar-placeholder-color,
1834
- inherit
1835
- ) !default;
1836
1821
  $searchbar-clear-icon-padding: var(
1837
1822
  --nutui-searchbar-clear-icon-padding,
1838
1823
  0 10px 0 5px
@@ -2086,7 +2071,10 @@ $navbar-box-shadow: var(
2086
2071
  ) !default;
2087
2072
  $navbar-color: var(--nutui-navbar-color, $gray1) !default;
2088
2073
  $navbar-font-size: var(--nutui-navbar-font-size, $font-size-2) !default;
2089
- $navbar-title-font: var(--nutui-navbar-title-font-size, $font-size-2) !default;
2074
+ $navbar-title-font-size: var(
2075
+ --nutui-navbar-title-font-size,
2076
+ $font-size-2
2077
+ ) !default;
2090
2078
  $navbar-title-font-weight: var(--nutui-navbar-title-font-weight, 0) !default;
2091
2079
  $navbar-title-font-color: var(
2092
2080
  --nutui-navbar-title-font-color,
@@ -2210,6 +2198,14 @@ $elevator-list-item-code-line-height: var(
2210
2198
  --nutui-elevator-list-item-code-line-height,
2211
2199
  35px
2212
2200
  ) !default;
2201
+ $elevator-list-item-code-border-bottom: var(
2202
+ --nutui-elevator-list-item-code-border-bottom,
2203
+ 1px
2204
+ ) !default;
2205
+ $elevator-list-item-code-border-bottom-color: var(
2206
+ --nutui-elevator-list-item-code-border-bottom-color,
2207
+ #f5f5f5
2208
+ ) !default;
2213
2209
  $elevator-list-item-code-current-box-shadow: 0 3px 3px 1px
2214
2210
  rgba(240, 240, 240, 1) !default;
2215
2211
  $elevator-list-item-code-current-bg-color: var(
@@ -539,37 +539,30 @@ $inputnumber-border-box: var(
539
539
  $inputnumber-display: var(--nutui-inputnumber-display, flex) !default;
540
540
 
541
541
  // actionsheet(✅)
542
- $zindex-actionsheet: var(--nutui-zindex-actionsheet, 10001) !default;
543
- $body-background: var(--nutui-body-background, #f6f6f6) !default;
544
- $light-color: var(--nutui-light-color, #f6f6f6) !default;
545
- $actionsheet-light-color: var(
546
- --nutui-actionsheet-light-color,
542
+ $actionsheet-border-color: var(
543
+ --nutui-actionsheet-border-color,
547
544
  #f6f6f6
548
545
  ) !default;
546
+ $actionsheet-item-text-align: var(
547
+ --nutui-actionsheet-item-text-align,
548
+ center
549
+ ) !default;
549
550
  $actionsheet-item-border-bottom: var(
550
551
  --nutui-actionsheet-item-border-bottom,
551
552
  none
552
553
  ) !default;
553
- $actionsheet-item-font-size: var(
554
- --nutui-actionsheet-item-font-size,
555
- $font-size-2
556
- ) !default;
557
- $actionsheet-item-subdesc-font-size: var(
558
- --nutui-actionsheet-item-subdesc-font-size,
559
- $font-size-1
560
- ) !default;
561
- $actionsheet-item-cancel-border-top: var(
562
- --nutui-actionsheet-item-cancel-border-top,
563
- 1px solid $actionsheet-light-color
564
- ) !default;
565
554
  $actionsheet-item-line-height: var(
566
555
  --nutui-actionsheet-item-line-height,
567
556
  24px
568
557
  ) !default;
569
- $actionsheet-item-font-color: var(
570
- --nutui-actionsheet-item-font-color,
558
+ $actionsheet-item-color: var(
559
+ --nutui-actionsheet-item-color,
571
560
  $title-color
572
561
  ) !default;
562
+ $actionsheet-item-danger: var(
563
+ --nutui-actionsheet-item-danger,
564
+ $primary-color
565
+ ) !default;
573
566
 
574
567
  //shortpassword(✅)
575
568
  $shortpassword-background-color: var(
@@ -671,8 +664,8 @@ $numberkeyboard-key-confirm-background-color: var(
671
664
 
672
665
  // countdown(✅)
673
666
  $countdown-display: var(--nutui-countdown-display, flex) !default;
674
- $countdown-color: var(--nutui-countdown-color, inherit) !default;
675
- $countdown-font-size: var(--nutui-countdown-font-size, initial) !default;
667
+ $countdown-color: var(--nutui-countdown-color, $gray1) !default;
668
+ $countdown-font-size: var(--nutui-countdown-font-size, 14px) !default;
676
669
 
677
670
  //large price(✅)
678
671
  $price-symbol-padding-right: var(
@@ -749,6 +742,8 @@ $toast-inner-border-radius: var(
749
742
  12px
750
743
  ) !default;
751
744
  $toast-cover-bg-color: var(--nutui-toast-cover-bg-color, $gray7) !default;
745
+ $toast-inner-top: var(--nutui-toast-inner-top, 50%) !default;
746
+ $toast-inner-text-align: var(--nutui-toast-inner-text-align, 'center') !default;
752
747
 
753
748
  //backtop(✅)
754
749
  $backtop-border-color: var(--nutui-backtop-border-color, #e0e0e0) !default;
@@ -1758,35 +1753,25 @@ $collapse-wrapper-content-background-color: var(
1758
1753
 
1759
1754
  // searchbar(✅)
1760
1755
 
1761
- $searchbar-background: var(--nutui-searchbar-background, $gray6) !default;
1756
+ $searchbar-background: var(--nutui-searchbar-background, #fff) !default;
1762
1757
  $searchbar-content-border-radius: var(
1763
1758
  --nutui-searchbar-content-border-radius,
1764
1759
  2px
1765
1760
  ) !default;
1766
- $searchbar-right-out-color: var(
1767
- --nutui-searchbar-right-out-color,
1768
- $black
1769
- ) !default;
1770
- $searchbar-padding: var(--nutui-searchbar-padding, 9px 16px) !default;
1761
+ $searchbar-padding: var(--nutui-searchbar-padding, 9px 10px) !default;
1771
1762
  $searchbar-width: var(--nutui-searchbar-width, 100%) !default;
1772
- $searchbar-label-fontsize: var(--nutui-searchbar-label-fontsize, 12px) !default;
1773
- $searchbar-label-padding: var(
1774
- --nutui-searchbar-label-padding,
1763
+ $searchbar-left-fontsize: var(--nutui-searchbar-left-fontsize, 12px) !default;
1764
+ $searchbar-left-padding: var(
1765
+ --nutui-searchbar-left-padding,
1775
1766
  0 12px 0 0
1776
1767
  ) !default;
1777
- $searchbar-label-color: var(--nutui-searchbar-label-color, $gray1) !default;
1778
- $searchbar-action-text-fontsize: var(
1779
- --nutui-searchbar-action-text-fontsize,
1780
- 14px
1781
- ) !default;
1782
- $searchbar-action-text-padding: var(
1783
- --nutui-searchbar-action-text-padding,
1768
+ $searchbar-left-color: var(--nutui-searchbar-left-color, $gray1) !default;
1769
+ $searchbar-right-fontsize: var(--nutui-searchbar-right-fontsize, 14px) !default;
1770
+ $searchbar-right-padding: var(
1771
+ --nutui-searchbar-right-padding,
1784
1772
  0 0 0 8px
1785
1773
  ) !default;
1786
- $searchbar-action-text-color: var(
1787
- --nutui-searchbar-action-text-color,
1788
- $gray1
1789
- ) !default;
1774
+ $searchbar-right-color: var(--nutui-searchbar-right-color, $gray1) !default;
1790
1775
  $searchbar-input-height: var(--nutui-searchbar-input-height, 32px) !default;
1791
1776
  $searchbar-input-padding: var(--nutui-searchbar-input-padding, 0 5px) !default;
1792
1777
  $searchbar-input-background: var(
@@ -1802,22 +1787,14 @@ $searchbar-input-curror-color: var(
1802
1787
  $gray1
1803
1788
  ) !default;
1804
1789
  $searchbar-input-width: var(--nutui-searchbar-input-width, 100%) !default;
1790
+ $searchbar-input-text-align: var(
1791
+ --nutui-searchbar-input-text-align,
1792
+ left
1793
+ ) !default;
1805
1794
  $searchbar-input-border-radius: var(
1806
1795
  --nutui-searchbar-input-border-radius,
1807
1796
  16px
1808
1797
  ) !default;
1809
- $searchbar-input-box-shadow: var(
1810
- --nutui-searchbar-input-box-shadow,
1811
- 0 0 8px 0 rgba(0, 0, 0, 0.04)
1812
- ) !default;
1813
- $searchbar-input-bar-color: var(
1814
- --nutui-searchbar-input-bar-color,
1815
- inherit
1816
- ) !default;
1817
- $searchbar-input-bar-placeholder-color: var(
1818
- --nutui-searchbar-input-bar-placeholder-color,
1819
- inherit
1820
- ) !default;
1821
1798
  $searchbar-clear-icon-padding: var(
1822
1799
  --nutui-searchbar-clear-icon-padding,
1823
1800
  0 10px 0 5px
@@ -1,20 +1,16 @@
1
- import React, { FunctionComponent } from 'react';
1
+ import React, { FunctionComponent, ReactNode } from 'react';
2
+ import { BasicComponent } from '../../utils/typings';
2
3
  export type ItemType<T> = {
3
4
  [key: string]: T;
4
5
  };
5
- export interface ActionSheetProps {
6
- cancelText: string;
7
- optionTag: string;
8
- optionSubTag: string;
9
- chooseTagValue: string;
10
- title: string;
11
- color: string;
12
- description: string;
13
- menuItems: ItemType<string | boolean>[];
14
- onCancel: () => void;
15
- onChoose: (item: any, index: number) => void;
6
+ export interface ActionSheetProps extends BasicComponent {
16
7
  visible: boolean;
17
- className: string;
18
- style: React.CSSProperties;
8
+ title: ReactNode;
9
+ description: ReactNode;
10
+ options: ItemType<string | boolean>[];
11
+ optionKey: ItemType<string>;
12
+ cancelText: ReactNode;
13
+ onCancel: () => void;
14
+ onSelect: (item: ItemType<string | boolean>, index: number) => void;
19
15
  }
20
- export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React.HTMLAttributes<HTMLDivElement>>;
16
+ export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect'>>;
@@ -1,2 +1,3 @@
1
1
  import { ActionSheet } from './actionsheet.taro';
2
+ export type { ItemType, ActionSheetProps } from './actionsheet.taro';
2
3
  export default ActionSheet;
@@ -1,8 +1,9 @@
1
1
  import React, { FunctionComponent } from 'react';
2
2
  import { BaseLang } from '../../locales/base';
3
+ import type { NutCSSVariables } from './types';
3
4
  export interface ConfigProviderProps {
4
5
  locale: BaseLang;
5
- theme?: Record<string, string>;
6
+ theme?: Record<string | NutCSSVariables, string>;
6
7
  [key: string]: any;
7
8
  }
8
9
  export declare const defaultConfigRef: {
@@ -1,8 +1,9 @@
1
1
  import React, { FunctionComponent } from 'react';
2
2
  import { BaseLang } from '../../locales/base';
3
+ import type { NutCSSVariables } from './types';
3
4
  export interface ConfigProviderProps {
4
5
  locale: BaseLang;
5
- theme?: Record<string, string>;
6
+ theme?: Record<string | NutCSSVariables, string>;
6
7
  [key: string]: any;
7
8
  }
8
9
  export declare const defaultConfigRef: {
@@ -1,4 +1,5 @@
1
1
  import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider';
2
2
  export type { ConfigProviderProps } from './configprovider';
3
+ export type { NutCSSVariables } from './types';
3
4
  export { useConfig, setDefaultConfig, getDefaultConfig };
4
5
  export default ConfigProvider;
@@ -1,4 +1,5 @@
1
1
  import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider.taro';
2
2
  export type { ConfigProviderProps } from './configprovider.taro';
3
+ export type { NutCSSVariables } from './types';
3
4
  export { useConfig, setDefaultConfig, getDefaultConfig };
4
5
  export default ConfigProvider;
@@ -0,0 +1 @@
1
+ export type NutCSSVariables = 'nutuiBrandColor' | 'nutuiBrandColorStart' | 'nutuiBrandColorEnd' | 'nutuiBrandLinkColor' | 'nutuiBrandTextColor' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiGray2' | 'nutuiGray3' | 'nutuiGray4' | 'nutuiGray5' | 'nutuiGray6' | 'nutuiGray7' | 'nutuiGray8' | 'nutuiGray9' | 'nutuiGray10' | 'nutuiFontSize0' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiPaddingXs' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonDefaultBgColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultColor' | 'nutuiButtonPlainColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonMiniPadding' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniHeight' | 'nutuiButtonDefaultHeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargeLineHeight' | 'nutuiButtonSmallLineHeight' | 'nutuiButtonBlockHeight' | 'nutuiButtonDefaultLineHeight' | 'nutuiButtonBlockLineHeight' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonLargeFontSize' | 'nutuiButtonSmallFontSize' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniLineHeight' | 'nutuiButtonTextIconMarginLeft' | 'nutuiButtonTextIconLargeMarginLeft' | 'nutuiButtonTextIconSmallMarginLeft' | 'nutuiButtonTextIconMiniMarginLeft' | 'nutuiButtonDisabledOpacity' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerBeforeMarginRight' | 'nutuiDividerAfterMarginLeft' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalBorderLeft' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderPictureWidth' | 'nutuiUploaderPictureHeight' | 'nutuiUploaderPictureBorder' | 'nutuiUploaderPictureBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderPictureIconOpacity' | 'nutuiUploaderPictureIconOpacityDisabled' | 'nutuiUploaderPictureIconMarginBottom' | 'nutuiUploaderPictureIconTipFontSize' | 'nutuiUploaderPictureIconTipColor' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerCancelColor' | 'nutuiPickerOkColor' | 'nutuiPickerBarCancelFontSize' | 'nutuiPickerBarOkFontSize' | 'nutuiPickerBarButtonPadding' | 'nutuiPickerBarTitleFontSize' | 'nutuiPickerBarTitleColor' | 'nutuiPickerBarTitleFontWeight' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemActiveTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaHeight' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconVoidColor' | 'nutuiInputnumberIconDisabledColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberBorder' | 'nutuiInputnumberBorderRadius' | 'nutuiInputnumberHeight' | 'nutuiInputnumberLineHeight' | 'nutuiInputnumberBorderBox' | 'nutuiInputnumberDisplay' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardWidth' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardHeaderHeight' | 'nutuiNumberkeyboardHeaderPadding' | 'nutuiNumberkeyboardHeaderColor' | 'nutuiNumberkeyboardHeaderFontSize' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyFontColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmFontColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseLineBgColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastCoverBgColor' | 'nutuiToastInnerTop' | 'nutuiToastInnerTextAlign' | 'nutuiBacktopBorderColor' | 'nutuiCalendarPrimaryColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseFontColor' | 'nutuiCalendarBaseColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFont' | 'nutuiCalendarTitleFont' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFont' | 'nutuiCalendarTextFont' | 'nutuiCalendarDayFont' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDay67FontColor' | 'nutuiCalendarTopSlotHeight' | 'nutuiCalendarMonthTitleFontSize' | 'nutuiOverlayBgColor' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiPopupCloseIconMargin' | 'nutuiPopupBorderRadius' | 'nutuiPopupCloseIconColor' | 'nutuiPopupCloseIconSize' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyLineHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconVoidColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiInfiniteloadingBottomColor' | 'nutuiRangeFontColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiSwiperIndicatorItemBackgroundColor' | 'nutuiAddressIconColor' | 'nutuiAddressHeaderTitleFontSize' | 'nutuiAddressHeaderTitleColor' | 'nutuiAddressRegionTabFontSize' | 'nutuiAddressRegionTabColor' | 'nutuiAddressRegionTabActiveItemFontWeight' | 'nutuiAddressRegionTabLineBorderRadius' | 'nutuiAddressRegionTabLineOpacity' | 'nutuiAddressRegionItemColor' | 'nutuiAddressRegionItemFontSize' | 'nutuiAddressItemMarginRight' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogWidth' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogHeaderColor' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogMinHeight' | 'nutuiDialogPadding' | 'nutuiDialogHeaderHeight' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogOverlayZIndex' | 'nutuiDialogOverlayBackgroundColor' | 'nutuiDialogOuterZIndex' | 'nutuiDialogOuterBordderRadius' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxIconDisableColor2' | 'nutuiRadioLabelFontColor' | 'nutuiRadioLabelFontActiveColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioIconDisableColor' | 'nutuiRadioLabelButtonBorderColor' | 'nutuiRadioLabelButtonBackground' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioLabelFontSize' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioIconDisableColor2' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiRadioButtonDisabledActiveBackground' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadioButtonDisabledActiveBorderColor' | 'nutuiFixednavBgColor' | 'nutuiFixednavFontColor' | 'nutuiFixednavIndex' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarHeight' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarLefticonMargin' | 'nutuiNoticebarRighticonMargin' | 'nutuiTimeselectTitleFontSize' | 'nutuiTimeselectTitleColor' | 'nutuiTimeselectTitleWidth' | 'nutuiTimeselectTitleHeight' | 'nutuiTimeselectTitleLineHeight' | 'nutuiTimeselectPannelBgColor' | 'nutuiTimeselectTimepannelTextColor' | 'nutuiTimeselectTimepannelFontSize' | 'nutuiTimeselectTimepannelCurBgColor' | 'nutuiTimeselectTimepannelCurTextColor' | 'nutuiTimeselectTimepannelWidth' | 'nutuiTimeselectTimepannelHeight' | 'nutuiTimeselectTimepannelPadding' | 'nutuiTimeselectTimedetailPadding' | 'nutuiTimeselectTimedetailItemWidth' | 'nutuiTimeselectTimedetailItemHeight' | 'nutuiTimeselectTimedetailItemLineHeight' | 'nutuiTimeselectTimedetailItemBgColor' | 'nutuiTimeselectTimedetailItemBorderRadius' | 'nutuiTimeselectTimedetailItemTextColor' | 'nutuiTimeselectTimedetailItemTextFontSize' | 'nutuiTimeselectTimedetailItemCurBgColor' | 'nutuiTimeselectTimedetailItemCurBorder' | 'nutuiTimeselectTimedetailItemCurTextColor' | 'nutuiTimeselectTimedetailTimeTextColor' | 'nutuiTimeselectTimedetailTimeFontSize' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagDefaultBorderRadius' | 'nutuiTagRoundBorderRadius' | 'nutuiTagDefaultBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColorPlain' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagDefaultColor' | 'nutuiTagBorderWidth' | 'nutuiTagHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverMenuItemHeight' | 'nutuiPopoverMenuItemNameMargin' | 'nutuiPopoverMenuItemHoverBackgroundColor' | 'nutuiPopoverMenuItemHoverTextColor' | 'nutuiPopoverMenuItemBorderWidth' | 'nutuiPopoverMenuItemBorderHeight' | 'nutuiPopoverMenuItemBorderLeft' | 'nutuiPopoverMenuItemBorderBottom' | 'nutuiPopoverWhiteBackgroundColor' | 'nutuiPopoverDarkBackgroundColor' | 'nutuiPopoverBorderBottomColor' | 'nutuiPopoverPrimaryTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemMargin' | 'nutuiPopoverMenuNameLineHeight' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiDarkPaginationActiveBackgroundColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiTabsTabSmileColor' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesBorderRadius' | 'nutuiTabsTitleGap' | 'nutuiTabsTitlesItemFontSize' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsHorizontalTabLineColor' | 'nutuiTabsHorizontalLineBottom' | 'nutuiTabsHorizontalLineBorderRadius' | 'nutuiTabsHorizontalTabLineOpacity' | 'nutuiTabsHorizontalTitlesHeight' | 'nutuiTabsHorizontalTitlesItemMinWidth' | 'nutuiTabsHorizontalTitlesItemActiveBackgroundColor' | 'nutuiTabsHorizontalTitlesItemActiveLineWidth' | 'nutuiTabsHorizontalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTitlesItemActiveLineWidth' | 'nutuiTabsVerticalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderSize' | 'nutuiIndicatorDotMargin' | 'nutuiIndicatorDotVerticalMargin' | 'nutuiMenuBarLineHeight' | 'nutuiMenuItemFontSize' | 'nutuiMenuItemTextColor' | 'nutuiMenuItemActiveTextColor' | 'nutuiMenuBarBorderBottomColor' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuTitleTextPaddingLeft' | 'nutuiMenuTitleTextPaddingRight' | 'nutuiMenuItemContentPadding' | 'nutuiMenuItemContentMaxHeight' | 'nutuiMenuItemOptionPaddingTop' | 'nutuiMenuItemOptionPaddingBottom' | 'nutuiMenuItemOptionIMarginRight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuActiveItemFontWeight' | 'nutuiMenuItemContentBgColor' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarPadding' | 'nutuiSearchbarWidth' | 'nutuiSearchbarLeftFontsize' | 'nutuiSearchbarLeftPadding' | 'nutuiSearchbarLeftColor' | 'nutuiSearchbarRightFontsize' | 'nutuiSearchbarRightPadding' | 'nutuiSearchbarRightColor' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputBackground' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputWidth' | 'nutuiSearchbarInputTextAlign' | 'nutuiSearchbarInputBorderRadius' | 'nutuiSearchbarClearIconPadding' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionColor' | 'nutuiEmptyDescriptionFontSize' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiEmptyDescriptionPadding' | 'nutuiCascaderFontSize' | 'nutuiCascaderLineHeight' | 'nutuiCascaderTitlePadding' | 'nutuiCascaderTitleFontSize' | 'nutuiCascaderTitleLineHeight' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiSkuItemBorder' | 'nutuiSkuItemDisableLine' | 'nutuiSkuItemActiveBg' | 'nutuiSkuSpecHeight' | 'nutuiSkuSpecLineHeight' | 'nutuiSkuSpecFontSize' | 'nutuiSkuSpecBackground' | 'nutuiSkuSpecColor' | 'nutuiSkuSpecMarginRight' | 'nutuiSkuSpecPadding' | 'nutuiSkuSpecTitleFontWeight' | 'nutuiSkuSpecTitleFontSize' | 'nutuiSkuSpecTitleColor' | 'nutuiSkuSpecTitleMarginBottom' | 'nutuiSkuOperateBtnHeight' | 'nutuiSkuOperateBtnBorderTop' | 'nutuiSkuOperateBtnItemHeight' | 'nutuiSkuOperateBtnItemFontSize' | 'nutuiSkuOperateBtnItemFontWeight' | 'nutuiSkuProductImgWidth' | 'nutuiSkuProductImgHeight' | 'nutuiSkuProductImgBorderRadius' | 'nutuiCardFontSize0' | 'nutuiCardFontSize1' | 'nutuiCardFontSize2' | 'nutuiCardFontSize3' | 'nutuiCardLeftBorderRadius' | 'nutuiCardLeftBackgroundColor' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarPadding' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarSubTitleBorderColor' | 'nutuiSidenavbarSubTitleBgColor' | 'nutuiSidenavbarSubTitleFontSize' | 'nutuiSidenavbarSubTitleRadius' | 'nutuiSidenavbarSubTitleBorder' | 'nutuiSidenavbarSubTitleWidth' | 'nutuiSidenavbarSubTitleHeight' | 'nutuiSidenavbarSubTitleTextLineHeight' | 'nutuiSidenavbarSubTitleTextColor' | 'nutuiSidenavbarItemTitleColor' | 'nutuiSidenavbarItemTitleBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarItemLineHeight' | 'nutuiSidenavbarItemFontSize' | 'nutuiElevatorListInnerBgColor' | 'nutuiElevatorListItemHighcolor' | 'nutuiElevatorListItemFontSize' | 'nutuiElevatorListItemFontColor' | 'nutuiElevatorListItemNamePadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeFontColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodePadding' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBorderBottomColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentPosition' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTransform' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorListItemBarsPosition' | 'nutuiElevatorListItemBarsRight' | 'nutuiElevatorListItemBarsTop' | 'nutuiElevatorListItemBarsTransform' | 'nutuiElevatorListItemBarsPadding' | 'nutuiElevatorListItemBarsBackgroundColor' | 'nutuiElevatorListItemBarsBorderRadius' | 'nutuiElevatorListItemBarsTextAlign' | 'nutuiElevatorListItemBarsZIndex' | 'nutuiElevatorListItemBarsInnerItemPadding' | 'nutuiElevatorListItemBarsInnerItemFontSize' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiElevatorListItemBarsInnerItemActiveColor' | 'nutuiListItemMargin' | 'nutuiEcardBgColor' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCategoryBgColor' | 'nutuiCategoryListLeftBgColor' | 'nutuiCategoryListItemColor' | 'nutuiCategoryListItemCheckedColor' | 'nutuiCategoryListItemCheckedImgBgColor' | 'nutuiCategoryPaneGrayColor' | 'nutuiCategoryPaneBorderColor' | 'nutuiCategoryPaneTitleColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiCommentHeaderUserNameColor' | 'nutuiCommentHeaderTimeColor' | 'nutuiCommentBottomLabelColor' | 'nutuiCommentShopColor' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiInvoicePadding' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowBeforeIconMargin' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRaduis' | 'nutuiCountupLrMargin' | 'nutuiCountupBgcolor' | 'nutuiCountupColor' | 'nutuiCountupWidth' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiBrandColorOpacity';
@@ -1,14 +1,15 @@
1
- import React, { CSSProperties, ReactNode } from 'react';
2
- export interface CountDownProps {
3
- className?: string;
4
- style?: CSSProperties;
1
+ import React, { ReactNode } from 'react';
2
+ import { BasicComponent } from '../../utils/typings';
3
+ export interface CountDownProps extends BasicComponent {
5
4
  paused: boolean;
6
5
  startTime: number;
7
6
  endTime: number;
7
+ remainingTime: number;
8
8
  millisecond: boolean;
9
9
  format: string;
10
10
  autoStart: boolean;
11
11
  time: number;
12
+ destroy: boolean;
12
13
  onEnd: () => void;
13
14
  onPaused: (restTime: number) => void;
14
15
  onRestart: (restTime: number) => void;
@@ -1,2 +1,3 @@
1
1
  import { CountDown } from './countdown.taro';
2
+ export type { CountDownProps } from './countdown.taro';
2
3
  export default CountDown;
@@ -9,6 +9,7 @@ export interface EllipsisProps extends BasicComponent {
9
9
  collapseText: string;
10
10
  symbol: string;
11
11
  lineHeight: number | string;
12
+ width: number | string;
12
13
  onClick: () => void;
13
14
  onChange: (type: string) => void;
14
15
  }
@@ -0,0 +1,3 @@
1
+ import { Overlay } from './overlay';
2
+ export type { OverlayProps } from './overlay';
3
+ export default Overlay;
@@ -0,0 +1,14 @@
1
+ import React, { FunctionComponent, MouseEvent } from 'react';
2
+ import { BasicComponent } from '../../utils/typings';
3
+ export interface OverlayProps extends BasicComponent {
4
+ zIndex: number;
5
+ duration: number;
6
+ closeOnOverlayClick: boolean;
7
+ visible: boolean;
8
+ lockScroll: boolean;
9
+ onClick: (event: MouseEvent) => void;
10
+ afterShow: () => void;
11
+ afterClose: () => void;
12
+ }
13
+ export declare const defaultOverlayProps: OverlayProps;
14
+ export declare const Overlay: FunctionComponent<Partial<OverlayProps> & React.HTMLAttributes<HTMLDivElement>>;
@@ -1,2 +1,3 @@
1
1
  import { SearchBar } from './searchbar.taro';
2
+ export type { SearchBarProps } from './searchbar.taro';
2
3
  export default SearchBar;
@@ -7,37 +7,20 @@ export interface SearchBarProps extends BasicComponent {
7
7
  placeholder?: string;
8
8
  /** 搜索框形状,可选值为 round */
9
9
  shape?: 'square' | 'round';
10
- /** 自定义class名 */
11
- className?: string;
12
10
  /** 是否禁用输入框 */
13
11
  disabled?: boolean;
14
12
  /** 最大输入长度 */
15
13
  maxLength?: number;
16
14
  /** 是否启用清除图标,点击清除图标后会清空输入框 */
17
15
  clearable?: boolean;
18
- clearSize?: string | number;
19
- /** 搜索框外部背景色 */
20
- background?: string;
21
- /** 搜索框背景色 */
22
- inputBackground?: string;
23
- /** 输入框内容对齐方式 */
24
- align?: string;
25
16
  /** 是否将输入框设为只读状态,只读状态下无法输入内容 */
26
17
  readOnly?: boolean;
27
18
  /** 是否自动聚焦,iOS 系统不支持该属性 */
28
19
  autoFocus?: boolean;
29
- /** 搜索框左侧文本 */
30
- label?: React.ReactNode;
31
- /** 输入框内 左icon */
32
- leftinIcon?: React.ReactNode;
33
- /** 输入框内 右icon */
34
- rightinIcon?: React.ReactNode;
35
- /** 输入框外 左icon */
36
- leftoutIcon?: React.ReactNode;
37
- /** 输入框外 右icon */
38
- rightoutIcon?: React.ReactNode;
39
- /** 取消按钮文字 */
40
- actionText?: React.ReactNode;
20
+ left: React.ReactNode;
21
+ right: React.ReactNode;
22
+ leftIn: React.ReactNode;
23
+ rightIn: React.ReactNode;
41
24
  /** 确定搜索时触发 */
42
25
  onSearch?: (val: string) => void;
43
26
  /** 输入框内容变化时触发 */
@@ -48,17 +31,7 @@ export interface SearchBarProps extends BasicComponent {
48
31
  onBlur?: (value: string, event: Event) => void;
49
32
  /** 点击清除按钮后触发 */
50
33
  onClear?: (event: Event) => void;
51
- /** 点击取消按钮后触发 */
52
- onCancel?: () => void;
53
34
  /** 点击输入区域时触发 */
54
35
  onClickInput?: (event: Event) => void;
55
- /** 点击输入框内左侧图标时触发 */
56
- onClickLeftinIcon?: (value: string, event: Event) => void;
57
- /** 点击输入框外左侧图标时触发 */
58
- onClickLeftoutIcon?: (value: string, event: Event) => void;
59
- /** 点击输入框内右侧图标时触发 */
60
- onClickRightinIcon?: (value: string, event: Event) => void;
61
- /** 点击输入框外右侧图标时触发 */
62
- onClickRightoutIcon?: (value: string, event: Event) => void;
63
36
  }
64
37
  export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;
@@ -1,2 +1,3 @@
1
1
  import { ShortPassword } from './shortpassword.taro';
2
+ export type { ShortPasswordProps } from './shortpassword.taro';
2
3
  export default ShortPassword;