@nutui/nutui-react-taro 3.0.6 → 3.0.8

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 (137) hide show
  1. package/CHANGELOG.md +51 -15
  2. package/dist/cjs/packages/actionsheet/style/style.css +4 -4
  3. package/dist/cjs/packages/address/style/style.css +4 -4
  4. package/dist/cjs/packages/audio/style/style.css +4 -16
  5. package/dist/cjs/packages/avatar/style/style.css +4 -0
  6. package/dist/cjs/packages/button/style/button.scss +4 -20
  7. package/dist/cjs/packages/button/style/style.css +4 -16
  8. package/dist/cjs/packages/button/style/style.harmony.css +2 -14
  9. package/dist/cjs/packages/calendar/style/style.css +4 -4
  10. package/dist/cjs/packages/cascader/cascader.js +2 -1
  11. package/dist/cjs/packages/cascader/style/style.css +4 -4
  12. package/dist/cjs/packages/collapse/style/style.css +22 -7
  13. package/dist/cjs/packages/collapseitem/collapseitem.js +63 -77
  14. package/dist/cjs/packages/collapseitem/style/collapseitem.scss +22 -5
  15. package/dist/cjs/packages/collapseitem/style/style.css +22 -7
  16. package/dist/cjs/packages/collapseitem/style/style.harmony.css +22 -7
  17. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  18. package/dist/cjs/packages/datepicker/style/style.css +4 -4
  19. package/dist/cjs/packages/dialog/content.d.ts +11 -3
  20. package/dist/cjs/packages/dialog/content.js +4 -4
  21. package/dist/cjs/packages/dialog/dialog.d.ts +39 -4
  22. package/dist/cjs/packages/dialog/dialog.js +14 -13
  23. package/dist/cjs/packages/dialog/index.d.ts +1 -1
  24. package/dist/cjs/packages/dialog/style/dialog.scss +1 -0
  25. package/dist/cjs/packages/dialog/style/style.css +5 -16
  26. package/dist/cjs/packages/dialog/style/style.harmony.css +1 -0
  27. package/dist/cjs/packages/empty/style/style.css +4 -16
  28. package/dist/cjs/packages/image/image.js +10 -9
  29. package/dist/cjs/packages/image/style/image.scss +4 -1
  30. package/dist/cjs/packages/image/style/style.css +4 -0
  31. package/dist/cjs/packages/image/style/style.harmony.css +4 -0
  32. package/dist/cjs/packages/imagepreview/style/style.css +8 -4
  33. package/dist/cjs/packages/numberkeyboard/style/style.css +4 -4
  34. package/dist/cjs/packages/picker/style/style.css +4 -4
  35. package/dist/cjs/packages/popover/popover.d.ts +0 -7
  36. package/dist/cjs/packages/popover/popover.js +114 -141
  37. package/dist/cjs/packages/popover/style/popover.scss +48 -51
  38. package/dist/cjs/packages/popover/style/style.css +64 -70
  39. package/dist/cjs/packages/popover/style/style.harmony.css +64 -60
  40. package/dist/cjs/packages/popup/style/popup.scss +4 -4
  41. package/dist/cjs/packages/popup/style/style.css +4 -4
  42. package/dist/cjs/packages/popup/style/style.harmony.css +4 -4
  43. package/dist/cjs/packages/resultpage/style/style.css +4 -16
  44. package/dist/cjs/packages/shortpassword/style/style.css +4 -4
  45. package/dist/cjs/packages/sidebar/sidebar.js +11 -3
  46. package/dist/cjs/packages/skeleton/skeleton.js +1 -2
  47. package/dist/cjs/packages/swipe/swipe.js +1 -1
  48. package/dist/cjs/packages/switch/switch.js +53 -8
  49. package/dist/cjs/packages/tabpane/tabpane.js +2 -2
  50. package/dist/cjs/packages/timeselect/style/style.css +4 -4
  51. package/dist/cjs/packages/tour/style/style.css +64 -70
  52. package/dist/cjs/packages/tour/tour.js +3 -4
  53. package/dist/cjs/types/spec/dialog/base.d.ts +50 -1
  54. package/dist/cjs/types/spec/dialog/base.js +7 -0
  55. package/dist/cjs/types/spec/dialog/h5.d.ts +4 -1
  56. package/dist/cjs/types/spec/dialog/taro.d.ts +8 -2
  57. package/dist/cjs/types/spec/popover/base.d.ts +7 -0
  58. package/dist/cjs/utils/get-rect-by-taro.js +10 -0
  59. package/dist/cjs/utils/lru.d.ts +8 -0
  60. package/dist/cjs/utils/lru.js +58 -0
  61. package/dist/es/packages/actionsheet/style/style.css +4 -4
  62. package/dist/es/packages/address/style/style.css +4 -4
  63. package/dist/es/packages/audio/style/style.css +4 -16
  64. package/dist/es/packages/avatar/style/style.css +4 -0
  65. package/dist/es/packages/button/style/button.scss +4 -20
  66. package/dist/es/packages/button/style/style.css +4 -16
  67. package/dist/es/packages/button/style/style.harmony.css +2 -14
  68. package/dist/es/packages/calendar/style/style.css +4 -4
  69. package/dist/es/packages/cascader/cascader.js +2 -1
  70. package/dist/es/packages/cascader/style/style.css +4 -4
  71. package/dist/es/packages/collapse/style/style.css +22 -7
  72. package/dist/es/packages/collapseitem/collapseitem.js +65 -79
  73. package/dist/es/packages/collapseitem/style/collapseitem.scss +22 -5
  74. package/dist/es/packages/collapseitem/style/style.css +22 -7
  75. package/dist/es/packages/collapseitem/style/style.harmony.css +22 -7
  76. package/dist/es/packages/configprovider/types.d.ts +1 -1
  77. package/dist/es/packages/datepicker/style/style.css +4 -4
  78. package/dist/es/packages/dialog/content.d.ts +11 -3
  79. package/dist/es/packages/dialog/content.js +4 -4
  80. package/dist/es/packages/dialog/dialog.d.ts +39 -4
  81. package/dist/es/packages/dialog/dialog.js +14 -13
  82. package/dist/es/packages/dialog/index.d.ts +1 -1
  83. package/dist/es/packages/dialog/style/dialog.scss +1 -0
  84. package/dist/es/packages/dialog/style/style.css +5 -16
  85. package/dist/es/packages/dialog/style/style.harmony.css +1 -0
  86. package/dist/es/packages/empty/style/style.css +4 -16
  87. package/dist/es/packages/image/image.js +10 -10
  88. package/dist/es/packages/image/style/image.scss +4 -1
  89. package/dist/es/packages/image/style/style.css +4 -0
  90. package/dist/es/packages/image/style/style.harmony.css +4 -0
  91. package/dist/es/packages/imagepreview/style/style.css +8 -4
  92. package/dist/es/packages/numberkeyboard/style/style.css +4 -4
  93. package/dist/es/packages/picker/style/style.css +4 -4
  94. package/dist/es/packages/popover/popover.d.ts +0 -7
  95. package/dist/es/packages/popover/popover.js +115 -142
  96. package/dist/es/packages/popover/style/popover.scss +48 -51
  97. package/dist/es/packages/popover/style/style.css +64 -70
  98. package/dist/es/packages/popover/style/style.harmony.css +64 -60
  99. package/dist/es/packages/popup/style/popup.scss +4 -4
  100. package/dist/es/packages/popup/style/style.css +4 -4
  101. package/dist/es/packages/popup/style/style.harmony.css +4 -4
  102. package/dist/es/packages/resultpage/style/style.css +4 -16
  103. package/dist/es/packages/shortpassword/style/style.css +4 -4
  104. package/dist/es/packages/sidebar/sidebar.js +11 -3
  105. package/dist/es/packages/skeleton/skeleton.js +1 -2
  106. package/dist/es/packages/swipe/swipe.js +2 -2
  107. package/dist/es/packages/switch/switch.js +53 -8
  108. package/dist/es/packages/tabpane/tabpane.js +2 -2
  109. package/dist/es/packages/timeselect/style/style.css +4 -4
  110. package/dist/es/packages/tour/style/style.css +64 -70
  111. package/dist/es/packages/tour/tour.js +3 -4
  112. package/dist/es/types/spec/dialog/base.d.ts +83 -1
  113. package/dist/es/types/spec/dialog/base.js +1 -1
  114. package/dist/es/types/spec/dialog/h5.d.ts +4 -1
  115. package/dist/es/types/spec/dialog/taro.d.ts +8 -2
  116. package/dist/es/types/spec/popover/base.d.ts +7 -0
  117. package/dist/es/utils/get-rect-by-taro.js +9 -0
  118. package/dist/es/utils/lru.d.ts +8 -0
  119. package/dist/es/utils/lru.js +49 -0
  120. package/dist/nutui.react.umd.js +339 -286
  121. package/dist/style.css +1 -1
  122. package/dist/style.scss +52 -52
  123. package/dist/styles/theme-jmapp.scss +1 -0
  124. package/dist/styles/themes/dark.css +1 -1
  125. package/dist/styles/themes/default.css +1 -1
  126. package/dist/styles/themes/jmapp.css +1 -1
  127. package/dist/styles/themes/jrkf.css +1 -1
  128. package/dist/styles/variables-jmapp.scss +215 -49
  129. package/dist/styles/variables-jrkf.scss +2 -13
  130. package/dist/styles/variables.scss +7 -14
  131. package/package.json +1 -1
  132. package/dist/cjs/packages/dialog/types.d.ts +0 -57
  133. package/dist/cjs/packages/dialog/types.js +0 -4
  134. package/dist/cjs/packages/dialog/types.taro.d.ts +0 -10
  135. package/dist/es/packages/dialog/types.d.ts +0 -57
  136. package/dist/es/packages/dialog/types.js +0 -1
  137. package/dist/es/packages/dialog/types.taro.d.ts +0 -10
@@ -11,6 +11,15 @@ $color-primary-gradient-1: linear-gradient(
11
11
  $color-primary-stop-1 0%,
12
12
  $color-primary-stop-2 100%
13
13
  ) !default;
14
+ $color-primary-icon: var(--nutui-color-primary-icon, #ff3333) !default;
15
+ $color-primary-icon-disabled: var(
16
+ --nutui-color-primary-icon-disabled,
17
+ #dadce0
18
+ ) !default;
19
+ $color-primary-specialdisabled: var(
20
+ --nutui-color-primary-specialdisabled,
21
+ #ffadbe
22
+ ) !default;
14
23
 
15
24
  // 默认
16
25
  $color-default: var(--nutui-color-default) !default;
@@ -99,24 +108,6 @@ $font-weight-bold: var(--nutui-font-weight-bold);
99
108
  // 行高
100
109
  $line-height-base: var(--nutui-line-height) !default;
101
110
 
102
- // 间距 space
103
- $spacing-xxs: var(--nutui-spacing-xxs) !default; // 多用于文本与图标之间的间距
104
- $spacing-xs: var(--nutui-spacing-xs) !default; // 多用于文本与图标之间的间距
105
- $spacing-s: var(--nutui-spacing-s) !default; // 二级卡片与屏幕两侧的间距
106
- $spacing-base: var(
107
- --nutui-spacing-base
108
- ) !default; // 楼层间距(二级卡片之间的上下间距)
109
- $spacing-l: var(
110
- --nutui-spacing-l
111
- ) !default; // 卡片布局容器中,同类信息组之间的上下间距(比如两行金刚位之间的间距)
112
- $spacing-xl: var(
113
- --nutui-spacing-xl
114
- ) !default; // 卡片布局容器中,信息组之间的上下间距
115
- $spacing-xxl: var(--nutui-spacing-xxl) !default; // 卡片布局容器的内容左右间距,
116
- $spacing-xxxl: var(--nutui-spacing-xxxl) !default; // 卡片布局容器的内容上下间距
117
- $spacing-4xl: var(--nutui-spacing-4xl) !default; // 卡片布局容器的内容上下间距
118
- $spacing-5xl: var(--nutui-spacing-5xl) !default; // 卡片布局容器的内容上下间距
119
-
120
111
  // 圆角 corners
121
112
  $radius-xxs: var(
122
113
  --nutui-radius-xxs
@@ -164,6 +155,10 @@ $color-mask-part: var(--nutui-black-2, rgba(0, 0, 0, 0.02)) !default;
164
155
 
165
156
  $spacing-icon-text: var(--nutui-spacing-2, 4px) !default;
166
157
 
158
+ // 边框色
159
+ $color-border: var(--nutui-color-border, rgba(0, 0, 0, 0.06)) !default;
160
+ $color-border-disabled: var(--nutui-color-border-disabled, #c2c4cc) !default;
161
+
167
162
  // ---- Font Family ----
168
163
  $font-family:
169
164
  PingFang SC,
@@ -184,6 +179,25 @@ $font-size-xl: $font-h2 !default;
184
179
  $font-size-xxl: var(--nutui-font-size-8) !default;
185
180
  $font-size-xxxl: var(--nutui-font-size-10) !default;
186
181
 
182
+ // 间距 space
183
+ $spacing-xxxs: var(--nutui-spacing-xxxs) !default; // 多用于文本与图标之间的间距
184
+ $spacing-xxs: var(--nutui-spacing-xxs) !default; // 多用于文本与图标之间的间距
185
+ $spacing-xs: var(--nutui-spacing-xs) !default; // 多用于文本与图标之间的间距
186
+ $spacing-s: var(--nutui-spacing-s) !default; // 二级卡片与屏幕两侧的间距
187
+ $spacing-base: var(
188
+ --nutui-spacing-base
189
+ ) !default; // 楼层间距(二级卡片之间的上下间距)
190
+ $spacing-l: var(
191
+ --nutui-spacing-l
192
+ ) !default; // 卡片布局容器中,同类信息组之间的上下间距(比如两行金刚位之间的间距)
193
+ $spacing-xl: var(
194
+ --nutui-spacing-xl
195
+ ) !default; // 卡片布局容器中,信息组之间的上下间距
196
+ $spacing-xxl: var(--nutui-spacing-xxl) !default; // 卡片布局容器的内容左右间距,
197
+ $spacing-xxxl: var(--nutui-spacing-xxxl) !default; // 卡片布局容器的内容上下间距
198
+ $spacing-4xl: var(--nutui-spacing-4xl) !default; // 卡片布局容器的内容上下间距
199
+ $spacing-5xl: var(--nutui-spacing-5xl) !default; // 卡片布局容器的内容上下间距
200
+
187
201
  $space-mini: $spacing-xs !default;
188
202
  $space-large: $spacing-l !default;
189
203
  $space-xl: $spacing-xl !default;
@@ -253,6 +267,14 @@ $button-xlarge-font-size: var(
253
267
  --nutui-button-xlarge-font-size,
254
268
  $font-size-xl
255
269
  ) !default;
270
+ $button-xlarge-text-icon-margin: var(
271
+ --nutui-button-xlarge-text-icon-margin,
272
+ 6px
273
+ ) !default;
274
+ $button-xlarge-border-radius: var(
275
+ --nutui-button-xlarge-border-radius,
276
+ $radius-base
277
+ ) !default;
256
278
 
257
279
  $button-large-width: var(--nutui-button-large-width, auto) !default;
258
280
  $button-large-height: var(--nutui-button-large-height, 44px) !default;
@@ -836,25 +858,52 @@ $countdown-number-primary-background-color: var(
836
858
  $color-primary
837
859
  ) !default;
838
860
 
861
+ //price(✅)
862
+ $price-primary-color: var(--nutui-price-color, $color-primary) !default;
863
+ $price-color: var(--nutui-price-color, var(--nutui-color-text-help)) !default;
864
+ $price-darkgray-color: var(
865
+ --nutui-price-darkgray-color,
866
+ var(--nutui-gray-7)
867
+ ) !default;
868
+ $price-line-color: var(
869
+ --nutui-price-line-color,
870
+ var(--nutui-color-text-help)
871
+ ) !default;
872
+ $price-symbol-padding-right: var(
873
+ --nutui-price-symbol-padding-right,
874
+ 0px
875
+ ) !default;
876
+
877
+ //xlarge price(✅)
878
+ $price-symbol-xlarge-size: var(--nutui-price-symbol-xlarge-size, 12px) !default;
879
+ $price-integer-xlarge-size: var(
880
+ --nutui-price-integer-xlarge-size,
881
+ 24px
882
+ ) !default;
883
+ $price-decimal-xlarge-size: var(
884
+ --nutui-price-decimal-xlarge-size,
885
+ 12px
886
+ ) !default;
887
+
839
888
  //large price(✅)
840
889
  $price-symbol-padding-right: var(
841
890
  --nutui-price-symbol-padding-right,
842
891
  1px
843
892
  ) !default;
844
- $price-symbol-big-size: var(--nutui-price-symbol-big-size, 18px) !default;
845
- $price-integer-big-size: var(--nutui-price-integer-big-size, 24px) !default;
846
- $price-decimal-big-size: var(--nutui-price-decimal-big-size, 18px) !default;
893
+ $price-symbol-large-size: var(--nutui-price-symbol-large-size, 18px) !default;
894
+ $price-integer-large-size: var(--nutui-price-integer-large-size, 24px) !default;
895
+ $price-decimal-large-size: var(--nutui-price-decimal-large-size, 18px) !default;
847
896
 
848
897
  //normal price(✅)
849
898
  $price-line-color: var(--nutui-price-line-color, $color-border) !default;
850
899
  $price-line-font-size: var(--nutui-price-line-font-size, 12px) !default;
851
- $price-symbol-medium-size: var(--nutui-price-symbol-medium-size, 14px) !default;
852
- $price-integer-medium-size: var(
853
- --nutui-price-integer-medium-size,
900
+ $price-symbol-normal-size: var(--nutui-price-symbol-normal-size, 14px) !default;
901
+ $price-integer-normal-size: var(
902
+ --nutui-price-integer-normal-size,
854
903
  16px
855
904
  ) !default;
856
- $price-decimal-medium-size: var(
857
- --nutui-price-decimal-medium-size,
905
+ $price-decimal-normal-size: var(
906
+ --nutui-price-decimal-normal-size,
858
907
  14px
859
908
  ) !default;
860
909
 
@@ -873,24 +922,24 @@ $avatar-normal-width: var(--nutui-avatar-normal-width, 40px) !default;
873
922
  $avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default;
874
923
 
875
924
  //switch(✅)
876
- $switch-close-background-color: var(
877
- --nutui-switch-close-background-color,
925
+ $switch-inactive-background-color: var(
926
+ --nutui-switch-inactive-background-color,
878
927
  $color-default
879
928
  ) !default;
880
- $switch-open-background-color: var(
881
- --nutui-switch-open-background-color,
929
+ $switch-active-background-color: var(
930
+ --nutui-switch-active-background-color,
882
931
  $color-primary
883
932
  ) !default;
884
- $switch-close-disabled-background-color: var(
885
- --nutui-switch-close-disabled-background-color,
933
+ $switch-inactive-disabled-background-color: var(
934
+ --nutui-switch-inactive-disabled-background-color,
886
935
  $color-default-disabled
887
936
  ) !default;
888
- $switch-open-disabled-background-color: var(
889
- --nutui-switch-open-disabled-background-color,
937
+ $switch-active-disabled-background-color: var(
938
+ --nutui-switch-active-disabled-background-color,
890
939
  $color-primary-disabled-special
891
940
  ) !default;
892
- $switch-close-line-background-color: var(
893
- --nutui-switch-close-line-bg-color,
941
+ $switch-inactive-line-background-color: var(
942
+ --nutui-switch-inactive-line-bg-color,
894
943
  #fff
895
944
  ) !default;
896
945
  $switch-width: var(--nutui-switch-width, 40px) !default;
@@ -899,10 +948,37 @@ $switch-line-height: var(--nutui-switch-line-height, 24px) !default;
899
948
  $switch-border-radius: var(--nutui-switch-border-radius, 24px) !default;
900
949
  $switch-inside-width: var(--nutui-switch-inside-width, 20px) !default;
901
950
  $switch-inside-height: var(--nutui-switch-inside-height, 20px) !default;
951
+ $switch-border-width: var(--nutui-switch-border-width, 2px) !default;
902
952
  $switch-inside-border-radius: var(
903
953
  --nutui-switch-inside-border-radius,
904
954
  $radius-s
905
955
  ) !default;
956
+ /* #ifdef harmony */
957
+ $switch-inside-box-shadow: var(
958
+ --nutui-switch-inside-box-shadow,
959
+ 0px 2px 6px 0px rgba(0, 0, 0, 0.1)
960
+ ) !default;
961
+ /* #endif */
962
+ /* #ifndef harmony */
963
+ $switch-inside-box-shadow: var(
964
+ --nutui-switch-inside-box-shadow,
965
+ 0px 2px 1px 0px rgba(0, 0, 0, 0.06),
966
+ 0px 2px 6px 0px rgba(0, 0, 0, 0.1),
967
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.02)
968
+ ) !default;
969
+ /* #endif */
970
+ $switch-label-text-color: var(
971
+ --nutui-switch-label-text-color,
972
+ $color-primary-text
973
+ ) !default;
974
+ $switch-label-font-size: var(
975
+ --nutui-switch-label-font-size,
976
+ $font-size-s
977
+ ) !default;
978
+ $switch-inactive-disabled-label-text-color: var(
979
+ --nutui-switch-inactive-disabled-label-text-color,
980
+ $color-text-disabled
981
+ ) !default;
906
982
  $switch-inside-open-transform: var(
907
983
  --nutui-switch-inside-open-transform,
908
984
  translateX(90%)
@@ -1033,6 +1109,7 @@ $hoverbutton-position-right: var(
1033
1109
  --nutui-hoverbutton-position-right,
1034
1110
  var(--nutui-spacing-16, 16px)
1035
1111
  ) !default;
1112
+ $hoverbutton-item-size: var(--nutui-hoverbutton-item-size, 40px) !default;
1036
1113
  $hoverbutton-item-border-color: var(
1037
1114
  --nutui-hoverbutton-item-border-color,
1038
1115
  var(--nutui-black-3, rgba(0, 0, 0, 0.06))
@@ -1082,6 +1159,14 @@ $popup-title-font-weight: var(
1082
1159
  --nutui-popup-title-font-weight,
1083
1160
  $font-weight-bold
1084
1161
  ) !default;
1162
+ $popup-description-font-size: var(
1163
+ --nutui-popup-description-font-size,
1164
+ $font-size-base
1165
+ ) !default;
1166
+ $popup-description-spacing: var(
1167
+ --nutui-popup-description-spacing,
1168
+ $spacing-base
1169
+ ) !default;
1085
1170
  $popup-title-height: var(--nutui-popup-title-height, auto) !default;
1086
1171
  $popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
1087
1172
  $popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
@@ -1132,6 +1217,9 @@ $rate-icon-inactive-color: var(
1132
1217
  --nutui-rate-icon-inactive-color,
1133
1218
  $color-text-disabled
1134
1219
  ) !default;
1220
+ $rate-icon-size: var(--nutui-rate-icon-size, 12px) !default;
1221
+ $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
1222
+ $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
1135
1223
 
1136
1224
  // tabbar(✅)
1137
1225
  $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
@@ -1340,6 +1428,7 @@ $steps-dot-icon-border: var(
1340
1428
  $steps-dot-head-margin: var(--nutui-steps-dot-head-margin, 10px 0) !default;
1341
1429
 
1342
1430
  // dialog(✅)
1431
+ $dialog-min-width: var(--nutui-dialog-min-width, 240px) !default;
1343
1432
  $dialog-width: var(--nutui-dialog-width, 295px) !default;
1344
1433
  $dialog-padding: var(
1345
1434
  --nutui-dialog-padding,
@@ -1375,6 +1464,7 @@ $dialog-footer-cancel-margin-right: var(
1375
1464
  --nutui-dialog-footer-cancel-margin-right,
1376
1465
  12px
1377
1466
  ) !default;
1467
+ $dialog-footer-cancel-bg: var(--nutui-dialog-footer-cancel-bg, transparent);
1378
1468
  $dialog-footer-ok-max-width: var(
1379
1469
  --nutui-dialog-footer-ok-max-width,
1380
1470
  128px
@@ -1394,11 +1484,23 @@ $dialog-vertical-footer-ok-margin-top: var(
1394
1484
  $dialog-close-color: var(--nutui-dialog-close-color, #ffffff) !default;
1395
1485
  $dialog-close-width: var(--nutui-dialog-close-width, 18px) !default;
1396
1486
  $dialog-close-height: var(--nutui-dialog-close-height, 18px) !default;
1487
+ $dialog-bottom-close-icon-size: var(
1488
+ --nutui-dialog-bottom-close-icon-size,
1489
+ 24px
1490
+ ) !default;
1397
1491
  $dialog-close-top: var(--nutui-dialog-close-top, 16px) !default;
1398
1492
  $dialog-close-left: var(--nutui-dialog-close-left, 16px) !default;
1399
1493
  $dialog-close-right: var(--nutui-dialog-close-right, 16px) !default;
1400
1494
 
1401
1495
  // checkbox(✅)
1496
+ $checkbox-label-disable-color: var(
1497
+ --nutui-checkbox-label-disable-color,
1498
+ #999
1499
+ ) !default;
1500
+ $checkbox-icon-disable-color: var(
1501
+ --nutui-checkbox-icon-disable-color,
1502
+ #d6d6d6
1503
+ ) !default;
1402
1504
  $checkbox-label-margin-left: var(
1403
1505
  --nutui-checkbox-label-margin-left,
1404
1506
  $spacing-icon-text
@@ -1631,34 +1733,30 @@ $badge-content-transform: var(
1631
1733
  ) !default;
1632
1734
  $badge-z-index: var(--nutui-badge-z-index, 1) !default;
1633
1735
  $badge-dot-width: var(--nutui-badge-dot-width, 8px) !default;
1736
+ $badge-dot-small-width: var(--nutui-badge-dot-small-width, 4px) !default;
1737
+ $badge-dot-large-width: var(--nutui-badge-dot-large-width, 8px) !default;
1634
1738
  $badge-dot-border: var(--nutui-badge-dot-border, none);
1739
+ $badge-outline-color: var(--nutui-badge-outline-color, $color-primary) !default;
1740
+ $badge-outline-border: var(
1741
+ --nutui-badge-outline-border,
1742
+ 1px solid $color-primary
1743
+ );
1635
1744
 
1636
1745
  //popover(✅)
1637
1746
  $popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
1638
1747
  $popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default;
1639
- $popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
1640
1748
  $popover-content-background-color: var(
1641
1749
  --nutui-popover-content-background-color,
1642
1750
  #ffffff
1643
1751
  ) !default;
1644
1752
  $popover-text-color: var(--nutui-popover-text-color, $color-text) !default;
1645
- $popover-hover-background-color: var(
1646
- --nutui-popover-hover-background-color,
1647
- #fff
1648
- ) !default;
1649
- $popover-hover-text-color: var(
1650
- --nutui-popover-hover-text-color,
1651
- $color-text
1652
- ) !default;
1653
1753
  $popover-disable-color: var(
1654
1754
  --nutui-popover-disable-color,
1655
1755
  $color-text-disabled
1656
1756
  ) !default;
1657
1757
  $popover-divider-color: var(--nutui-popover-divider-color, none) !default;
1658
- $popover-menu-item-padding: var(
1659
- --nutui-popover-menu-item-padding,
1660
- $spacing-xl
1661
- ) !default;
1758
+ $popover-padding: var(--nutui-popover-padding, $spacing-xl) !default;
1759
+ $popover-item-width: var(--nutui-popover-item-width, 160px) !default;
1662
1760
 
1663
1761
  //progress(✅)
1664
1762
  $progress-height: var(--nutui-progress-height, 10px) !default;
@@ -1980,6 +2078,37 @@ $searchbar-input-text-align: var(
1980
2078
  left
1981
2079
  ) !default;
1982
2080
 
2081
+ // segmented
2082
+ $segmented-height: var(--nutui-segmented-height, 24px) !default;
2083
+ $segmented-padding: var(--nutui-segmented-padding, $spacing-xxxs) !default;
2084
+ $segmented-border-radius: var(--nutui-segmented-radius, $radius-xs) !default;
2085
+ $segmented-background: var(
2086
+ --nutui-segmented-background,
2087
+ $color-mask-part
2088
+ ) !default;
2089
+ $segmented-item-height: var(--nutui-segmented-height, 20px) !default;
2090
+ $segmented-item-padding: var(
2091
+ --nutui-segmented-item-padding,
2092
+ 0 $spacing-xs
2093
+ ) !default;
2094
+ $segmented-item-radius: var(--nutui-segmented-item-radius, $radius-xs) !default;
2095
+ $segmented-item-fontsize: var(
2096
+ --nutui-segmented-item-fontsize,
2097
+ $font-size-s
2098
+ ) !default;
2099
+ $segmented-item-color: var(
2100
+ --nutui-segmented-item-color,
2101
+ $color-primary-text
2102
+ ) !default;
2103
+ $segmented-active-background: var(
2104
+ --nutui-segmented-active-background,
2105
+ $color-mask-part
2106
+ ) !default;
2107
+ $segmented-icon-margin-right: var(
2108
+ --nutui-segmented-icon-margin-right,
2109
+ $spacing-xxxs
2110
+ ) !default;
2111
+
1983
2112
  // empty(✅)
1984
2113
 
1985
2114
  $empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
@@ -2122,7 +2251,12 @@ $color-background-overlay: var(
2122
2251
  ) !default;
2123
2252
 
2124
2253
  // grid(✅)
2254
+ $grid-border-width: var(--nutui-grid-border-width, 0px) !default;
2125
2255
  $grid-border-color: var(--nutui-grid-border-color, $color-border) !default;
2256
+ $grid-item-border-radius: var(
2257
+ --nutui-grid-item-border-radius,
2258
+ $radius-l
2259
+ ) !default;
2126
2260
  $grid-item-content-padding: var(
2127
2261
  --nutui-grid-item-content-padding,
2128
2262
  16px 8px
@@ -2173,6 +2307,34 @@ $navbar-title-font-color: var(
2173
2307
  $color-title
2174
2308
  ) !default;
2175
2309
 
2310
+ // sidebar(✅)
2311
+ $sidebar-background-color: var(
2312
+ --nutui-sidebar-background-color,
2313
+ $color-background
2314
+ ) !default;
2315
+ $sidebar-border-radius: var(--nutui-sidebar-border-radius, 0) !default;
2316
+ $sidebar-width: var(--nutui-sidebar-width, 104px) !default;
2317
+ $sidebar-max-width: var(--nutui-sidebar-max-width, 128px) !default;
2318
+ $sidebar-title-height: var(--nutui-sidebar-title-height, 52px) !default;
2319
+ $sidebar-inactive-font-size: var(
2320
+ --nutui-sidebar-inactive-font-size,
2321
+ $font-size-base
2322
+ ) !default;
2323
+ $sidebar-active-font-size: var(
2324
+ --nutui-sidebar-active-font-size,
2325
+ $font-size-l
2326
+ ) !default;
2327
+ $sidebar-active-font-weight: var(
2328
+ --nutui-sidebar-active-font-weight,
2329
+ $font-weight-bold
2330
+ ) !default;
2331
+ $sidebar-active-color: var(
2332
+ --nutui-sidebar-active-color,
2333
+ $color-primary
2334
+ ) !default;
2335
+ $sidebar-item-background: var(--nutui-sidebar-item-background, $white) !default;
2336
+ $sidebar-item-padding: var(--nutui-sidebar-item-padding, 24px 20px) !default;
2337
+
2176
2338
  // elevator(✅)
2177
2339
  $elevator-list-bg-color: var(--nutui-elevator-list-bg-color, $white) !default;
2178
2340
  $elevator-list-font-size: var(
@@ -2407,6 +2569,10 @@ $loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default;
2407
2569
  $loading-icon-size: var(--nutui-loading-icon-size, $font-size-s) !default;
2408
2570
  $loading-color: var(--nutui-loading-color, $color-text-help) !default;
2409
2571
  $loading-font-size: var(--nutui-loading-font-size, $font-size-s) !default;
2572
+ $loading-lottie-background: var(
2573
+ --nutui-loading-lottie-background,
2574
+ rgba(0, 0, 0, 0.06)
2575
+ ) !default;
2410
2576
 
2411
2577
  // ResultPage
2412
2578
  $resultpage-width: var(--nutui-resultpage-width, 247px) !default;
@@ -1661,29 +1661,18 @@ $badge-dot-border: var(--nutui-badge-dot-border, none) !default;
1661
1661
  //popover(✅)
1662
1662
  $popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
1663
1663
  $popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default;
1664
- $popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
1665
1664
  $popover-content-background-color: var(
1666
1665
  --nutui-popover-content-background-color,
1667
1666
  #ffffff
1668
1667
  ) !default;
1669
1668
  $popover-text-color: var(--nutui-popover-text-color, $color-text) !default;
1670
- $popover-hover-background-color: var(
1671
- --nutui-popover-hover-background-color,
1672
- #fff
1673
- ) !default;
1674
- $popover-hover-text-color: var(
1675
- --nutui-popover-hover-text-color,
1676
- $color-text
1677
- ) !default;
1678
1669
  $popover-disable-color: var(
1679
1670
  --nutui-popover-disable-color,
1680
1671
  $color-text-disabled
1681
1672
  ) !default;
1682
1673
  $popover-divider-color: var(--nutui-popover-divider-color, none) !default;
1683
- $popover-menu-item-padding: var(
1684
- --nutui-popover-menu-item-padding,
1685
- $spacing-xl
1686
- ) !default;
1674
+ $popover-padding: var(--nutui-popover-padding, $spacing-xl) !default;
1675
+ $popover-item-width: var(--nutui-popover-item-width, 160px) !default;
1687
1676
 
1688
1677
  //progress(✅)
1689
1678
  $progress-height: var(--nutui-progress-height, 10px) !default;
@@ -1355,6 +1355,10 @@ $dialog-footer-cancel-margin-right: var(
1355
1355
  --nutui-dialog-footer-cancel-margin-right,
1356
1356
  12px
1357
1357
  ) !default;
1358
+ $dialog-footer-cancel-bg: var(
1359
+ --nutui-dialog-footer-cancel-bg,
1360
+ $button-default-background-color
1361
+ );
1358
1362
  $dialog-footer-ok-max-width: var(
1359
1363
  --nutui-dialog-footer-ok-max-width,
1360
1364
  128px
@@ -1631,21 +1635,12 @@ $badge-outline-border: var(
1631
1635
 
1632
1636
  //popover(✅)
1633
1637
  $popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
1634
- $popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
1635
1638
  $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
1636
1639
  $popover-content-background-color: var(
1637
1640
  --nutui-popover-content-background-color,
1638
1641
  #ffffff
1639
1642
  ) !default;
1640
1643
  $popover-text-color: var(--nutui-popover-text-color, $color-mask) !default;
1641
- $popover-hover-background-color: var(
1642
- --nutui-popover-hover-background-color,
1643
- #fff
1644
- ) !default;
1645
- $popover-hover-text-color: var(
1646
- --nutui-popover-hover-text-color,
1647
- #1a1a1a
1648
- ) !default;
1649
1644
  $popover-disable-color: var(
1650
1645
  --nutui-popover-disable-color,
1651
1646
  $color-text-disabled
@@ -1654,11 +1649,8 @@ $popover-divider-color: var(
1654
1649
  --nutui-popover-divider-color,
1655
1650
  $color-border
1656
1651
  ) !default;
1657
- $popover-menu-item-padding: var(
1658
- --nutui-popover-menu-item-padding,
1659
- 8px
1660
- ) !default;
1661
- $popover-menu-item-width: var(--nutui-popover-menu-item-width, 160px) !default;
1652
+ $popover-padding: var(--nutui-popover-padding, 8px) !default;
1653
+ $popover-item-width: var(--nutui-popover-item-width, 160px) !default;
1662
1654
 
1663
1655
  //progress(✅)
1664
1656
  $progress-height: var(--nutui-progress-height, 10px) !default;
@@ -2201,6 +2193,7 @@ $navbar-title-font-color: var(
2201
2193
  --nutui-navbar-title-font-color,
2202
2194
  $color-title
2203
2195
  ) !default;
2196
+
2204
2197
  // sidebar(✅)
2205
2198
  $sidebar-background-color: var(
2206
2199
  --nutui-sidebar-background-color,
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@nutui/nutui-react-taro","version":"3.0.6","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/*","dist/cjs/**/style/*","dist/style.css","dist/styles/font/*","dist/styles/font-jmapp/*"],"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-taro":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.1","@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-taro","version":"3.0.8","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/*","dist/cjs/**/style/*","dist/style.css","dist/styles/font/*","dist/styles/font-jmapp/*"],"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-taro":"^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,57 +0,0 @@
1
- import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
2
- import type { MouseEvent, CSSProperties } from 'react';
3
- import { WebOverlayProps } from "../../types";
4
- import { BasicComponent } from "../../utils/typings";
5
- export type DialogConfigType = {
6
- prefixCls?: string;
7
- simple?: boolean;
8
- };
9
- export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
10
- export type DialogFooterDirection = 'horizontal' | 'vertical';
11
- export interface ContentProps extends BasicComponent {
12
- visible: boolean;
13
- title: ReactNode;
14
- header: ReactNode;
15
- footer: ReactNode;
16
- close: ReactNode;
17
- footerDirection: DialogFooterDirection;
18
- onClick: (event: MouseEvent) => void;
19
- }
20
- export interface DialogWrapProps extends WebOverlayProps, Omit<ContentProps, 'onClick'> {
21
- visible: boolean;
22
- overlay: boolean;
23
- overlayStyle: CSSProperties;
24
- overlayClassName: string;
25
- onCancel: () => void;
26
- onClose: () => void;
27
- onOverlayClick: (e: MouseEvent) => boolean | void;
28
- }
29
- export interface DialogBasicProps extends DialogWrapProps {
30
- content?: ReactNode;
31
- confirmText?: ReactNode;
32
- cancelText?: ReactNode;
33
- hideConfirmButton?: boolean;
34
- hideCancelButton?: boolean;
35
- disableConfirmButton?: boolean;
36
- closeIconPosition?: DialogCloseIconPosition;
37
- closeIcon?: boolean | ReactNode;
38
- beforeClose?: () => boolean;
39
- beforeCancel?: () => boolean;
40
- onConfirm?: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
41
- }
42
- export interface DialogConfirmProps extends DialogBasicProps {
43
- content: ReactNode;
44
- isNotice: boolean;
45
- noticeType: string;
46
- }
47
- export type DialogReturnProps = {
48
- update: (newConfig: Partial<DialogConfirmProps>) => void;
49
- close: () => void;
50
- };
51
- export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<DialogBasicProps>>> {
52
- confirm: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
53
- alert: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
54
- config: (config: DialogConfigType) => void;
55
- destroyAll: () => void;
56
- }
57
- export declare const destroyList: Array<() => void>;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,10 +0,0 @@
1
- import { ITouchEvent } from '@tarojs/components';
2
- import { ContentProps as ContentWebProps, DialogBasicProps as DialogBasicWebProps } from './types';
3
- export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, DialogWrapProps, DialogConfirmProps, DialogReturnProps, } from './types';
4
- export type ContentProps = Omit<ContentWebProps, 'onClick'> & {
5
- onClick: (event: ITouchEvent) => void;
6
- };
7
- export type DialogBasicProps = Omit<DialogBasicWebProps, 'onOverlayClick' | 'onClick'> & {
8
- onClick: (event: ITouchEvent) => void;
9
- onOverlayClick: (event: ITouchEvent) => boolean | void;
10
- };
@@ -1,57 +0,0 @@
1
- import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
2
- import type { MouseEvent, CSSProperties } from 'react';
3
- import { WebOverlayProps } from "../../types";
4
- import { BasicComponent } from "../../utils/typings";
5
- export type DialogConfigType = {
6
- prefixCls?: string;
7
- simple?: boolean;
8
- };
9
- export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
10
- export type DialogFooterDirection = 'horizontal' | 'vertical';
11
- export interface ContentProps extends BasicComponent {
12
- visible: boolean;
13
- title: ReactNode;
14
- header: ReactNode;
15
- footer: ReactNode;
16
- close: ReactNode;
17
- footerDirection: DialogFooterDirection;
18
- onClick: (event: MouseEvent) => void;
19
- }
20
- export interface DialogWrapProps extends WebOverlayProps, Omit<ContentProps, 'onClick'> {
21
- visible: boolean;
22
- overlay: boolean;
23
- overlayStyle: CSSProperties;
24
- overlayClassName: string;
25
- onCancel: () => void;
26
- onClose: () => void;
27
- onOverlayClick: (e: MouseEvent) => boolean | void;
28
- }
29
- export interface DialogBasicProps extends DialogWrapProps {
30
- content?: ReactNode;
31
- confirmText?: ReactNode;
32
- cancelText?: ReactNode;
33
- hideConfirmButton?: boolean;
34
- hideCancelButton?: boolean;
35
- disableConfirmButton?: boolean;
36
- closeIconPosition?: DialogCloseIconPosition;
37
- closeIcon?: boolean | ReactNode;
38
- beforeClose?: () => boolean;
39
- beforeCancel?: () => boolean;
40
- onConfirm?: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
41
- }
42
- export interface DialogConfirmProps extends DialogBasicProps {
43
- content: ReactNode;
44
- isNotice: boolean;
45
- noticeType: string;
46
- }
47
- export type DialogReturnProps = {
48
- update: (newConfig: Partial<DialogConfirmProps>) => void;
49
- close: () => void;
50
- };
51
- export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<DialogBasicProps>>> {
52
- confirm: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
53
- alert: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
54
- config: (config: DialogConfigType) => void;
55
- destroyAll: () => void;
56
- }
57
- export declare const destroyList: Array<() => void>;
@@ -1 +0,0 @@
1
- export { };
@@ -1,10 +0,0 @@
1
- import { ITouchEvent } from '@tarojs/components';
2
- import { ContentProps as ContentWebProps, DialogBasicProps as DialogBasicWebProps } from './types';
3
- export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, DialogWrapProps, DialogConfirmProps, DialogReturnProps, } from './types';
4
- export type ContentProps = Omit<ContentWebProps, 'onClick'> & {
5
- onClick: (event: ITouchEvent) => void;
6
- };
7
- export type DialogBasicProps = Omit<DialogBasicWebProps, 'onOverlayClick' | 'onClick'> & {
8
- onClick: (event: ITouchEvent) => void;
9
- onOverlayClick: (event: ITouchEvent) => boolean | void;
10
- };