@nutui/nutui-react-taro 3.0.6 → 3.0.7

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 (112) hide show
  1. package/CHANGELOG.md +34 -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/button/style/button.scss +4 -20
  6. package/dist/cjs/packages/button/style/style.css +4 -16
  7. package/dist/cjs/packages/button/style/style.harmony.css +2 -14
  8. package/dist/cjs/packages/calendar/style/style.css +4 -4
  9. package/dist/cjs/packages/cascader/style/style.css +4 -4
  10. package/dist/cjs/packages/collapse/style/style.css +22 -7
  11. package/dist/cjs/packages/collapseitem/collapseitem.js +63 -77
  12. package/dist/cjs/packages/collapseitem/style/collapseitem.scss +22 -5
  13. package/dist/cjs/packages/collapseitem/style/style.css +22 -7
  14. package/dist/cjs/packages/collapseitem/style/style.harmony.css +22 -7
  15. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  16. package/dist/cjs/packages/datepicker/style/style.css +4 -4
  17. package/dist/cjs/packages/dialog/content.d.ts +11 -3
  18. package/dist/cjs/packages/dialog/content.js +4 -4
  19. package/dist/cjs/packages/dialog/dialog.d.ts +39 -4
  20. package/dist/cjs/packages/dialog/dialog.js +14 -13
  21. package/dist/cjs/packages/dialog/index.d.ts +1 -1
  22. package/dist/cjs/packages/dialog/style/style.css +4 -16
  23. package/dist/cjs/packages/empty/style/style.css +4 -16
  24. package/dist/cjs/packages/imagepreview/style/style.css +4 -4
  25. package/dist/cjs/packages/numberkeyboard/style/style.css +4 -4
  26. package/dist/cjs/packages/picker/style/style.css +4 -4
  27. package/dist/cjs/packages/popover/popover.d.ts +0 -7
  28. package/dist/cjs/packages/popover/popover.js +114 -141
  29. package/dist/cjs/packages/popover/style/popover.scss +48 -51
  30. package/dist/cjs/packages/popover/style/style.css +64 -70
  31. package/dist/cjs/packages/popover/style/style.harmony.css +64 -60
  32. package/dist/cjs/packages/popup/style/popup.scss +4 -4
  33. package/dist/cjs/packages/popup/style/style.css +4 -4
  34. package/dist/cjs/packages/popup/style/style.harmony.css +4 -4
  35. package/dist/cjs/packages/resultpage/style/style.css +4 -16
  36. package/dist/cjs/packages/shortpassword/style/style.css +4 -4
  37. package/dist/cjs/packages/switch/switch.js +2 -2
  38. package/dist/cjs/packages/tabpane/tabpane.js +2 -2
  39. package/dist/cjs/packages/timeselect/style/style.css +4 -4
  40. package/dist/cjs/packages/tour/style/style.css +64 -70
  41. package/dist/cjs/packages/tour/tour.js +3 -4
  42. package/dist/cjs/types/spec/dialog/base.d.ts +50 -1
  43. package/dist/cjs/types/spec/dialog/base.js +7 -0
  44. package/dist/cjs/types/spec/dialog/h5.d.ts +4 -1
  45. package/dist/cjs/types/spec/dialog/taro.d.ts +8 -2
  46. package/dist/cjs/types/spec/popover/base.d.ts +7 -0
  47. package/dist/cjs/utils/get-rect-by-taro.js +10 -0
  48. package/dist/cjs/utils/lru.d.ts +8 -0
  49. package/dist/cjs/utils/lru.js +58 -0
  50. package/dist/es/packages/actionsheet/style/style.css +4 -4
  51. package/dist/es/packages/address/style/style.css +4 -4
  52. package/dist/es/packages/audio/style/style.css +4 -16
  53. package/dist/es/packages/button/style/button.scss +4 -20
  54. package/dist/es/packages/button/style/style.css +4 -16
  55. package/dist/es/packages/button/style/style.harmony.css +2 -14
  56. package/dist/es/packages/calendar/style/style.css +4 -4
  57. package/dist/es/packages/cascader/style/style.css +4 -4
  58. package/dist/es/packages/collapse/style/style.css +22 -7
  59. package/dist/es/packages/collapseitem/collapseitem.js +65 -79
  60. package/dist/es/packages/collapseitem/style/collapseitem.scss +22 -5
  61. package/dist/es/packages/collapseitem/style/style.css +22 -7
  62. package/dist/es/packages/collapseitem/style/style.harmony.css +22 -7
  63. package/dist/es/packages/configprovider/types.d.ts +1 -1
  64. package/dist/es/packages/datepicker/style/style.css +4 -4
  65. package/dist/es/packages/dialog/content.d.ts +11 -3
  66. package/dist/es/packages/dialog/content.js +4 -4
  67. package/dist/es/packages/dialog/dialog.d.ts +39 -4
  68. package/dist/es/packages/dialog/dialog.js +14 -13
  69. package/dist/es/packages/dialog/index.d.ts +1 -1
  70. package/dist/es/packages/dialog/style/style.css +4 -16
  71. package/dist/es/packages/empty/style/style.css +4 -16
  72. package/dist/es/packages/imagepreview/style/style.css +4 -4
  73. package/dist/es/packages/numberkeyboard/style/style.css +4 -4
  74. package/dist/es/packages/picker/style/style.css +4 -4
  75. package/dist/es/packages/popover/popover.d.ts +0 -7
  76. package/dist/es/packages/popover/popover.js +115 -142
  77. package/dist/es/packages/popover/style/popover.scss +48 -51
  78. package/dist/es/packages/popover/style/style.css +64 -70
  79. package/dist/es/packages/popover/style/style.harmony.css +64 -60
  80. package/dist/es/packages/popup/style/popup.scss +4 -4
  81. package/dist/es/packages/popup/style/style.css +4 -4
  82. package/dist/es/packages/popup/style/style.harmony.css +4 -4
  83. package/dist/es/packages/resultpage/style/style.css +4 -16
  84. package/dist/es/packages/shortpassword/style/style.css +4 -4
  85. package/dist/es/packages/switch/switch.js +2 -2
  86. package/dist/es/packages/tabpane/tabpane.js +2 -2
  87. package/dist/es/packages/timeselect/style/style.css +4 -4
  88. package/dist/es/packages/tour/style/style.css +64 -70
  89. package/dist/es/packages/tour/tour.js +3 -4
  90. package/dist/es/types/spec/dialog/base.d.ts +83 -1
  91. package/dist/es/types/spec/dialog/base.js +1 -1
  92. package/dist/es/types/spec/dialog/h5.d.ts +4 -1
  93. package/dist/es/types/spec/dialog/taro.d.ts +8 -2
  94. package/dist/es/types/spec/popover/base.d.ts +7 -0
  95. package/dist/es/utils/get-rect-by-taro.js +9 -0
  96. package/dist/es/utils/lru.d.ts +8 -0
  97. package/dist/es/utils/lru.js +49 -0
  98. package/dist/nutui.react.umd.js +266 -260
  99. package/dist/style.css +1 -1
  100. package/dist/style.scss +46 -46
  101. package/dist/styles/theme-jmapp.scss +1 -0
  102. package/dist/styles/themes/jmapp.css +1 -1
  103. package/dist/styles/variables-jmapp.scss +214 -49
  104. package/dist/styles/variables-jrkf.scss +2 -13
  105. package/dist/styles/variables.scss +3 -14
  106. package/package.json +1 -1
  107. package/dist/cjs/packages/dialog/types.d.ts +0 -57
  108. package/dist/cjs/packages/dialog/types.js +0 -4
  109. package/dist/cjs/packages/dialog/types.taro.d.ts +0 -10
  110. package/dist/es/packages/dialog/types.d.ts +0 -57
  111. package/dist/es/packages/dialog/types.js +0 -1
  112. 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,
@@ -1394,11 +1483,23 @@ $dialog-vertical-footer-ok-margin-top: var(
1394
1483
  $dialog-close-color: var(--nutui-dialog-close-color, #ffffff) !default;
1395
1484
  $dialog-close-width: var(--nutui-dialog-close-width, 18px) !default;
1396
1485
  $dialog-close-height: var(--nutui-dialog-close-height, 18px) !default;
1486
+ $dialog-bottom-close-icon-size: var(
1487
+ --nutui-dialog-bottom-close-icon-size,
1488
+ 24px
1489
+ ) !default;
1397
1490
  $dialog-close-top: var(--nutui-dialog-close-top, 16px) !default;
1398
1491
  $dialog-close-left: var(--nutui-dialog-close-left, 16px) !default;
1399
1492
  $dialog-close-right: var(--nutui-dialog-close-right, 16px) !default;
1400
1493
 
1401
1494
  // checkbox(✅)
1495
+ $checkbox-label-disable-color: var(
1496
+ --nutui-checkbox-label-disable-color,
1497
+ #999
1498
+ ) !default;
1499
+ $checkbox-icon-disable-color: var(
1500
+ --nutui-checkbox-icon-disable-color,
1501
+ #d6d6d6
1502
+ ) !default;
1402
1503
  $checkbox-label-margin-left: var(
1403
1504
  --nutui-checkbox-label-margin-left,
1404
1505
  $spacing-icon-text
@@ -1631,34 +1732,30 @@ $badge-content-transform: var(
1631
1732
  ) !default;
1632
1733
  $badge-z-index: var(--nutui-badge-z-index, 1) !default;
1633
1734
  $badge-dot-width: var(--nutui-badge-dot-width, 8px) !default;
1735
+ $badge-dot-small-width: var(--nutui-badge-dot-small-width, 4px) !default;
1736
+ $badge-dot-large-width: var(--nutui-badge-dot-large-width, 8px) !default;
1634
1737
  $badge-dot-border: var(--nutui-badge-dot-border, none);
1738
+ $badge-outline-color: var(--nutui-badge-outline-color, $color-primary) !default;
1739
+ $badge-outline-border: var(
1740
+ --nutui-badge-outline-border,
1741
+ 1px solid $color-primary
1742
+ );
1635
1743
 
1636
1744
  //popover(✅)
1637
1745
  $popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
1638
1746
  $popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default;
1639
- $popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
1640
1747
  $popover-content-background-color: var(
1641
1748
  --nutui-popover-content-background-color,
1642
1749
  #ffffff
1643
1750
  ) !default;
1644
1751
  $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
1752
  $popover-disable-color: var(
1654
1753
  --nutui-popover-disable-color,
1655
1754
  $color-text-disabled
1656
1755
  ) !default;
1657
1756
  $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;
1757
+ $popover-padding: var(--nutui-popover-padding, $spacing-xl) !default;
1758
+ $popover-item-width: var(--nutui-popover-item-width, 160px) !default;
1662
1759
 
1663
1760
  //progress(✅)
1664
1761
  $progress-height: var(--nutui-progress-height, 10px) !default;
@@ -1980,6 +2077,37 @@ $searchbar-input-text-align: var(
1980
2077
  left
1981
2078
  ) !default;
1982
2079
 
2080
+ // segmented
2081
+ $segmented-height: var(--nutui-segmented-height, 24px) !default;
2082
+ $segmented-padding: var(--nutui-segmented-padding, $spacing-xxxs) !default;
2083
+ $segmented-border-radius: var(--nutui-segmented-radius, $radius-xs) !default;
2084
+ $segmented-background: var(
2085
+ --nutui-segmented-background,
2086
+ $color-mask-part
2087
+ ) !default;
2088
+ $segmented-item-height: var(--nutui-segmented-height, 20px) !default;
2089
+ $segmented-item-padding: var(
2090
+ --nutui-segmented-item-padding,
2091
+ 0 $spacing-xs
2092
+ ) !default;
2093
+ $segmented-item-radius: var(--nutui-segmented-item-radius, $radius-xs) !default;
2094
+ $segmented-item-fontsize: var(
2095
+ --nutui-segmented-item-fontsize,
2096
+ $font-size-s
2097
+ ) !default;
2098
+ $segmented-item-color: var(
2099
+ --nutui-segmented-item-color,
2100
+ $color-primary-text
2101
+ ) !default;
2102
+ $segmented-active-background: var(
2103
+ --nutui-segmented-active-background,
2104
+ $color-mask-part
2105
+ ) !default;
2106
+ $segmented-icon-margin-right: var(
2107
+ --nutui-segmented-icon-margin-right,
2108
+ $spacing-xxxs
2109
+ ) !default;
2110
+
1983
2111
  // empty(✅)
1984
2112
 
1985
2113
  $empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
@@ -2122,7 +2250,12 @@ $color-background-overlay: var(
2122
2250
  ) !default;
2123
2251
 
2124
2252
  // grid(✅)
2253
+ $grid-border-width: var(--nutui-grid-border-width, 0px) !default;
2125
2254
  $grid-border-color: var(--nutui-grid-border-color, $color-border) !default;
2255
+ $grid-item-border-radius: var(
2256
+ --nutui-grid-item-border-radius,
2257
+ $radius-l
2258
+ ) !default;
2126
2259
  $grid-item-content-padding: var(
2127
2260
  --nutui-grid-item-content-padding,
2128
2261
  16px 8px
@@ -2173,6 +2306,34 @@ $navbar-title-font-color: var(
2173
2306
  $color-title
2174
2307
  ) !default;
2175
2308
 
2309
+ // sidebar(✅)
2310
+ $sidebar-background-color: var(
2311
+ --nutui-sidebar-background-color,
2312
+ $color-background
2313
+ ) !default;
2314
+ $sidebar-border-radius: var(--nutui-sidebar-border-radius, 0) !default;
2315
+ $sidebar-width: var(--nutui-sidebar-width, 104px) !default;
2316
+ $sidebar-max-width: var(--nutui-sidebar-max-width, 128px) !default;
2317
+ $sidebar-title-height: var(--nutui-sidebar-title-height, 52px) !default;
2318
+ $sidebar-inactive-font-size: var(
2319
+ --nutui-sidebar-inactive-font-size,
2320
+ $font-size-base
2321
+ ) !default;
2322
+ $sidebar-active-font-size: var(
2323
+ --nutui-sidebar-active-font-size,
2324
+ $font-size-l
2325
+ ) !default;
2326
+ $sidebar-active-font-weight: var(
2327
+ --nutui-sidebar-active-font-weight,
2328
+ $font-weight-bold
2329
+ ) !default;
2330
+ $sidebar-active-color: var(
2331
+ --nutui-sidebar-active-color,
2332
+ $color-primary
2333
+ ) !default;
2334
+ $sidebar-item-background: var(--nutui-sidebar-item-background, $white) !default;
2335
+ $sidebar-item-padding: var(--nutui-sidebar-item-padding, 24px 20px) !default;
2336
+
2176
2337
  // elevator(✅)
2177
2338
  $elevator-list-bg-color: var(--nutui-elevator-list-bg-color, $white) !default;
2178
2339
  $elevator-list-font-size: var(
@@ -2407,6 +2568,10 @@ $loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default;
2407
2568
  $loading-icon-size: var(--nutui-loading-icon-size, $font-size-s) !default;
2408
2569
  $loading-color: var(--nutui-loading-color, $color-text-help) !default;
2409
2570
  $loading-font-size: var(--nutui-loading-font-size, $font-size-s) !default;
2571
+ $loading-lottie-background: var(
2572
+ --nutui-loading-lottie-background,
2573
+ rgba(0, 0, 0, 0.06)
2574
+ ) !default;
2410
2575
 
2411
2576
  // ResultPage
2412
2577
  $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;
@@ -1631,21 +1631,12 @@ $badge-outline-border: var(
1631
1631
 
1632
1632
  //popover(✅)
1633
1633
  $popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
1634
- $popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
1635
1634
  $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
1636
1635
  $popover-content-background-color: var(
1637
1636
  --nutui-popover-content-background-color,
1638
1637
  #ffffff
1639
1638
  ) !default;
1640
1639
  $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
1640
  $popover-disable-color: var(
1650
1641
  --nutui-popover-disable-color,
1651
1642
  $color-text-disabled
@@ -1654,11 +1645,8 @@ $popover-divider-color: var(
1654
1645
  --nutui-popover-divider-color,
1655
1646
  $color-border
1656
1647
  ) !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;
1648
+ $popover-padding: var(--nutui-popover-padding, 8px) !default;
1649
+ $popover-item-width: var(--nutui-popover-item-width, 160px) !default;
1662
1650
 
1663
1651
  //progress(✅)
1664
1652
  $progress-height: var(--nutui-progress-height, 10px) !default;
@@ -2201,6 +2189,7 @@ $navbar-title-font-color: var(
2201
2189
  --nutui-navbar-title-font-color,
2202
2190
  $color-title
2203
2191
  ) !default;
2192
+
2204
2193
  // sidebar(✅)
2205
2194
  $sidebar-background-color: var(
2206
2195
  --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.7","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,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
- };