@nutui/nutui-react 2.0.0-alpha.7 → 2.0.0-alpha.9

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 (43) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/esm/Audio.js +12 -8
  3. package/dist/esm/Cascader.js +20 -12
  4. package/dist/esm/Elevator.js +6 -5
  5. package/dist/esm/Image.js +2 -5
  6. package/dist/esm/ImagePreview.js +9 -9
  7. package/dist/esm/Indicator.js +4 -4
  8. package/dist/esm/Notify.js +35 -46
  9. package/dist/esm/NumberKeyboard.js +137 -195
  10. package/dist/esm/Price.js +22 -23
  11. package/dist/esm/PullToRefresh.js +8 -8
  12. package/dist/esm/Radio.js +2 -0
  13. package/dist/esm/RadioGroup.js +31 -51
  14. package/dist/esm/Range/style/index.js +1 -1
  15. package/dist/esm/Range.js +119 -174
  16. package/dist/esm/Swiper.js +100 -111
  17. package/dist/esm/SwiperItem.js +1 -1
  18. package/dist/esm/radio2.js +52 -54
  19. package/dist/esm/tabs2.js +19 -8
  20. package/dist/locales/base.js +1 -1
  21. package/dist/locales/en-US.js +1 -1
  22. package/dist/locales/id-ID.js +1 -1
  23. package/dist/locales/zh-CN.js +1 -1
  24. package/dist/locales/zh-TW.js +1 -1
  25. package/dist/locales/zh-UG.js +1 -1
  26. package/dist/nutui.react.mjs +1306 -1386
  27. package/dist/nutui.react.umd.js +1305 -1385
  28. package/dist/packages/imagepreview/imagepreview.scss +5 -0
  29. package/dist/packages/notify/notify.scss +1 -1
  30. package/dist/packages/numberkeyboard/numberkeyboard.scss +29 -77
  31. package/dist/packages/price/price.scss +8 -0
  32. package/dist/packages/pulltorefresh/pulltorefresh.scss +0 -8
  33. package/dist/packages/radio/radio.scss +13 -32
  34. package/dist/packages/radiogroup/radiogroup.scss +17 -51
  35. package/dist/packages/range/range.scss +24 -49
  36. package/dist/packages/swiper/swiper.scss +0 -15
  37. package/dist/style.css +1 -1
  38. package/dist/style.mjs +1 -1
  39. package/dist/styles/variables-jmapp.scss +61 -61
  40. package/dist/styles/variables.scss +61 -60
  41. package/dist/types/index.d.ts +84 -106
  42. package/package.json +1 -1
  43. /package/dist/esm/{UserContext3.js → context2.js} +0 -0
package/dist/style.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.0.0-alpha.7 Fri May 12 2023 15:35:45 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.0.0-alpha.9 Wed May 17 2023 18:23:19 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/styles/variables-jmapp.scss CHANGED
@@ -673,22 +673,18 @@ $numberkeyboard-key-font-color: var(
673
673
  --nutui-numberkeyboard-key-font-color,
674
674
  #333
675
675
  ) !default;
676
- $numberkeyboard-key-finish-font-size: var(
677
- --nutui-numberkeyboard-key-finish-font-size,
676
+ $numberkeyboard-key-confirm-font-size: var(
677
+ --nutui-numberkeyboard-key-confirm-font-size,
678
678
  16px
679
679
  ) !default;
680
- $numberkeyboard-key-finish-font-color: var(
681
- --nutui-numberkeyboard-key-finish-font-color,
680
+ $numberkeyboard-key-confirm-font-color: var(
681
+ --nutui-numberkeyboard-key-confirm-font-color,
682
682
  #fff
683
683
  ) !default;
684
- $numberkeyboard-key-finish-background-color: var(
685
- --nutui-numberkeyboard-key-finish-background-color,
684
+ $numberkeyboard-key-confirm-background-color: var(
685
+ --nutui-numberkeyboard-key-confirm-background-color,
686
686
  #1989fa
687
687
  ) !default;
688
- $numberkeyboard-key-activeFinsh-background-color: var(
689
- --nutui-numberkeyboard-key-activeFinsh-background-color,
690
- #0570db
691
- ) !default;
692
688
 
693
689
  // countdown（✅）
694
690
  $countdown-display: var(--nutui-countdown-display, flex) !default;
@@ -696,11 +692,17 @@ $countdown-color: var(--nutui-countdown-color, inherit) !default;
696
692
  $countdown-font-size: var(--nutui-countdown-font-size, initial) !default;
697
693
 
698
694
  //large price（✅）
695
+ $price-symbol-padding-right: var(
696
+ --nutui-price-symbol-padding-right,
697
+ 1px
698
+ ) !default;
699
699
  $price-symbol-big-size: var(--nutui-price-symbol-big-size, 18px) !default;
700
700
  $price-integer-big-size: var(--nutui-price-integer-big-size, 24px) !default;
701
701
  $price-decimal-big-size: var(--nutui-price-decimal-big-size, 18px) !default;
702
702
 
703
703
  //normal price（✅）
704
+ $price-line-color: var(--nutui-price-line-color, $gray2) !default;
705
+ $price-line-font-size: var(--nutui-price-line-font-size, 12px) !default;
704
706
  $price-symbol-medium-size: var(--nutui-price-symbol-medium-size, 14px) !default;
705
707
  $price-integer-medium-size: var(
706
708
  --nutui-price-integer-medium-size,
@@ -830,31 +832,31 @@ $notify-padding: var(--nutui-notify-padding, 12px 0) !default;
830
832
  $notify-font-size: var(--nutui-notify-font-size, 14px) !default;
831
833
  $notify-height: var(--nutui-notify-height, 44px) !default;
832
834
  $notify-line-height: var(--nutui-notify-line-height, auto) !default;
833
- $notify-base-background-color: linear-gradient(
834
- 135deg,
835
- $primary-color 0%,
836
- $primary-color-end 100%
835
+ $notify-base-background-color: var(
836
+ --nutui-notify-base-background-color,
837
+ linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%)
837
838
  ) !default;
838
- $notify-primary-background-color: linear-gradient(
839
- 315deg,
840
- rgba(73, 143, 242, 1) 0%,
841
- rgba(73, 101, 242, 1) 100%
839
+ $notify-primary-background-color: var(
840
+ --nutui-notify-primary-background-color,
841
+ linear-gradient(315deg, rgba(73, 143, 242, 1) 0%, rgba(73, 101, 242, 1) 100%)
842
842
  ) !default;
843
- $notify-success-background-color: linear-gradient(
844
- 135deg,
845
- rgba(38, 191, 38, 1) 0%,
846
- rgba(39, 197, 48, 1) 45%,
847
- rgba(40, 207, 63, 1) 83%,
848
- rgba(41, 212, 70, 1) 100%
843
+ $notify-success-background-color: var(
844
+ --nutui-notify-success-background-color,
845
+ linear-gradient(
846
+ 135deg,
847
+ rgba(38, 191, 38, 1) 0%,
848
+ rgba(39, 197, 48, 1) 45%,
849
+ rgba(40, 207, 63, 1) 83%,
850
+ rgba(41, 212, 70, 1) 100%
851
+ )
849
852
  ) !default;
850
853
  $notify-danger-background-color: var(
851
854
  --nutui-notify-danger-background-color,
852
855
  rgba(250, 50, 25, 1)
853
856
  ) !default;
854
- $notify-warning-background-color: linear-gradient(
855
- 135deg,
856
- rgba(255, 93, 13, 1) 0%,
857
- rgba(255, 154, 13, 1) 100%
857
+ $notify-warning-background-color: var(
858
+ --nutui-notify-warning-background-color,
859
+ linear-gradient(135deg, rgba(255, 93, 13, 1) 0%, rgba(255, 154, 13, 1) 100%)
858
860
  ) !default;
859
861
 
860
862
  // rate（✅）
@@ -894,25 +896,19 @@ $infiniteloading-bottom-color: var(
894
896
  ) !default;
895
897
 
896
898
  //range（✅）
897
- $range-tip-font-color: var(--nutui-range-tip-font-color, $gray1) !default;
898
- $range-bg-color: var(--nutui-range-bg-color, rgba(#3768fa, 0.5)) !default;
899
- $range-bg-color-tick: var(
900
- --nutui-range-bg-color-tick,
901
- rgba(#3768fa, 0.9)
902
- ) !default;
903
- $range-bar-bg-color: linear-gradient(
904
- 135deg,
905
- $primary-color 0%,
906
- $primary-color-end 100%
907
- ) !default;
908
- $range-bar-btn-bg-color: var(
909
- --nutui-range-bar-btn-bg-color,
899
+ $range-font-color: var(--nutui-range-font-color, $gray1) !default;
900
+ $range-height: var(--nutui-range-height, 4px) !default;
901
+ $range-margin: var(--nutui-range-margin, 15px) !default;
902
+ $range-inactive-color: var(--nutui-range-inactive-color, #fa958c) !default;
903
+ $range-active-color: var(--nutui-range-active-color, $primary-color) !default;
904
+ $range-button-background: var(
905
+ --nutui-range-button-background,
910
906
  $primary-text-color
911
907
  ) !default;
912
- $range-bar-btn-width: var(--nutui-range-bar-btn-width, 24px) !default;
913
- $range-bar-btn-height: var(--nutui-range-bar-btn-height, 24px) !default;
914
- $range-bar-btn-border: var(
915
- --nutui-range-bar-btn-border,
908
+ $range-button-width: var(--nutui-range-button-width, 24px) !default;
909
+ $range-button-height: var(--nutui-range-button-height, 24px) !default;
910
+ $range-button-border: var(
911
+ --nutui-range-button-border,
916
912
  1px solid $primary-color
917
913
  ) !default;
918
914
 
@@ -922,22 +918,6 @@ $swiper-pagination-item-background-color: var(
922
918
  --nutui-swiper-pagination-item-background-color,
923
919
  #ddd
924
920
  ) !default;
925
- $swiper-pagination-item-width: var(
926
- --nutui-swiper-pagination-item-width,
927
- 8px
928
- ) !default;
929
- $swiper-pagination-item-height: var(
930
- --nutui-swiper-pagination-item-height,
931
- 3px
932
- ) !default;
933
- $swiper-pagination-item-margin-right: var(
934
- --nutui-swiper-pagination-item-margin-right,
935
- 7px
936
- ) !default;
937
- $swiper-pagination-item-border-radius: var(
938
- --nutui-swiper-pagination-item-border-radius,
939
- 2px
940
- ) !default;
941
921
 
942
922
  //address
943
923
  $address-region-tab-line: linear-gradient(
@@ -1232,6 +1212,26 @@ $radio-icon-disable-color2: var(
1232
1212
  --nutui-radio-icon-disable-color2,
1233
1213
  $gray3
1234
1214
  ) !default;
1215
+ $radiogroup-radio-margin: var(
1216
+ --nutui-radiogroup-radio-margin,
1217
+ 0 20px 5px 0
1218
+ ) !default;
1219
+ $radiogroup-radio-label-margin: var(
1220
+ --nutui-radiogroup-radio-label-margin,
1221
+ 0 5px 0 5px
1222
+ ) !default;
1223
+ $radio-button-disabled-active-background: var(
1224
+ --nutui-radio-button-disabled-active-background,
1225
+ rgba(0, 0, 0, 0.15)
1226
+ ) !default;
1227
+ $radio-button-disabled-active-color: var(
1228
+ --nutui-radio-button-disabled-active-color,
1229
+ rgba(0, 0, 0, 0.25)
1230
+ ) !default;
1231
+ $radio-button-disabled-active-border-color: var(
1232
+ --nutui-radio-button-disabled-active-border-color,
1233
+ rgba(211, 211, 211, 0.15)
1234
+ ) !default;
1235
1235
 
1236
1236
  // signature（✅）
1237
1237
  $signature-border-color: #dadada;
package/dist/styles/variables.scss CHANGED
@@ -656,20 +656,16 @@ $numberkeyboard-key-font-color: var(
656
656
  --nutui-numberkeyboard-key-font-color,
657
657
  #333
658
658
  ) !default;
659
- $numberkeyboard-key-finish-font-size: var(
660
- --nutui-numberkeyboard-key-finish-font-size,
659
+ $numberkeyboard-key-confirm-font-size: var(
660
+ --nutui-numberkeyboard-key-confirm-font-size,
661
661
  16px
662
662
  ) !default;
663
- $numberkeyboard-key-finish-font-color: var(
664
- --nutui-numberkeyboard-key-finish-font-color,
663
+ $numberkeyboard-key-confirm-font-color: var(
664
+ --nutui-numberkeyboard-key-confirm-font-color,
665
665
  #fff
666
666
  ) !default;
667
- $numberkeyboard-key-finish-background-color: var(
668
- --nutui-numberkeyboard-key-finish-background-color,
669
- $brand-color
670
- ) !default;
671
- $numberkeyboard-key-activeFinsh-background-color: var(
672
- --nutui-numberkeyboard-key-activeFinsh-background-color,
667
+ $numberkeyboard-key-confirm-background-color: var(
668
+ --nutui-numberkeyboard-key-confirm-background-color,
673
669
  $brand-color
674
670
  ) !default;
675
671
 
@@ -679,11 +675,17 @@ $countdown-color: var(--nutui-countdown-color, inherit) !default;
679
675
  $countdown-font-size: var(--nutui-countdown-font-size, initial) !default;
680
676
 
681
677
  //large price（✅）
678
+ $price-symbol-padding-right: var(
679
+ --nutui-price-symbol-padding-right,
680
+ 1px
681
+ ) !default;
682
682
  $price-symbol-big-size: var(--nutui-price-symbol-big-size, 18px) !default;
683
683
  $price-integer-big-size: var(--nutui-price-integer-big-size, 24px) !default;
684
684
  $price-decimal-big-size: var(--nutui-price-decimal-big-size, 18px) !default;
685
685
 
686
686
  //normal price（✅）
687
+ $price-line-color: var(--nutui-price-line-color, $gray2) !default;
688
+ $price-line-font-size: var(--nutui-price-line-font-size, 12px) !default;
687
689
  $price-symbol-medium-size: var(--nutui-price-symbol-medium-size, 14px) !default;
688
690
  $price-integer-medium-size: var(
689
691
  --nutui-price-integer-medium-size,
@@ -814,33 +816,31 @@ $notify-padding: var(--nutui-notify-padding, 12px 0) !default;
814
816
  $notify-font-size: var(--nutui-notify-font-size, 14px) !default;
815
817
  $notify-height: var(--nutui-notify-height, 44px) !default;
816
818
  $notify-line-height: var(--nutui-notify-line-height, auto) !default;
817
- $notify-base-background-color: linear-gradient(
818
- 135deg,
819
- rgba(250, 44, 25, 1) 0%,
820
- rgba(250, 63, 25, 1) 45%,
821
- rgba(250, 89, 25, 1) 83%,
822
- rgba(250, 100, 25, 1) 100%
819
+ $notify-base-background-color: var(
820
+ --nutui-notify-base-background-color,
821
+ linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%)
823
822
  ) !default;
824
- $notify-primary-background-color: linear-gradient(
825
- 315deg,
826
- rgba(73, 143, 242, 1) 0%,
827
- rgba(73, 101, 242, 1) 100%
823
+ $notify-primary-background-color: var(
824
+ --nutui-notify-primary-background-color,
825
+ linear-gradient(315deg, rgba(73, 143, 242, 1) 0%, rgba(73, 101, 242, 1) 100%)
828
826
  ) !default;
829
- $notify-success-background-color: linear-gradient(
830
- 135deg,
831
- rgba(38, 191, 38, 1) 0%,
832
- rgba(39, 197, 48, 1) 45%,
833
- rgba(40, 207, 63, 1) 83%,
834
- rgba(41, 212, 70, 1) 100%
827
+ $notify-success-background-color: var(
828
+ --nutui-notify-success-background-color,
829
+ linear-gradient(
830
+ 135deg,
831
+ rgba(38, 191, 38, 1) 0%,
832
+ rgba(39, 197, 48, 1) 45%,
833
+ rgba(40, 207, 63, 1) 83%,
834
+ rgba(41, 212, 70, 1) 100%
835
+ )
835
836
  ) !default;
836
837
  $notify-danger-background-color: var(
837
838
  --nutui-notify-danger-background-color,
838
839
  rgba(250, 50, 25, 1)
839
840
  ) !default;
840
- $notify-warning-background-color: linear-gradient(
841
- 135deg,
842
- rgba(255, 93, 13, 1) 0%,
843
- rgba(255, 154, 13, 1) 100%
841
+ $notify-warning-background-color: var(
842
+ --nutui-notify-warning-background-color,
843
+ linear-gradient(135deg, rgba(255, 93, 13, 1) 0%, rgba(255, 154, 13, 1) 100%)
844
844
  ) !default;
845
845
 
846
846
  // rate（✅）
@@ -880,22 +880,19 @@ $infiniteloading-bottom-color: var(
880
880
  ) !default;
881
881
 
882
882
  //range（✅）
883
- $range-tip-font-color: var(--nutui-range-tip-font-color, $gray1) !default;
884
- $range-bg-color: var(--nutui-range-bg-color, rgba(#fa2c19, 0.5)) !default;
885
- $range-bg-color-tick: var(--nutui-range-bg-color-tick, #fa958c) !default;
886
- $range-bar-bg-color: linear-gradient(
887
- 135deg,
888
- $primary-color 0%,
889
- $primary-color-end 100%
890
- ) !default;
891
- $range-bar-btn-bg-color: var(
892
- --nutui-range-bar-btn-bg-color,
883
+ $range-font-color: var(--nutui-range-font-color, $gray1) !default;
884
+ $range-height: var(--nutui-range-height, 4px) !default;
885
+ $range-margin: var(--nutui-range-margin, 15px) !default;
886
+ $range-inactive-color: var(--nutui-range-inactive-color, #fa958c) !default;
887
+ $range-active-color: var(--nutui-range-active-color, $primary-color) !default;
888
+ $range-button-background: var(
889
+ --nutui-range-button-background,
893
890
  $primary-text-color
894
891
  ) !default;
895
- $range-bar-btn-width: var(--nutui-range-bar-btn-width, 24px) !default;
896
- $range-bar-btn-height: var(--nutui-range-bar-btn-height, 24px) !default;
897
- $range-bar-btn-border: var(
898
- --nutui-range-bar-btn-border,
892
+ $range-button-width: var(--nutui-range-button-width, 24px) !default;
893
+ $range-button-height: var(--nutui-range-button-height, 24px) !default;
894
+ $range-button-border: var(
895
+ --nutui-range-button-border,
899
896
  1px solid $primary-color
900
897
  ) !default;
901
898
 
@@ -905,22 +902,6 @@ $swiper-pagination-item-background-color: var(
905
902
  --nutui-swiper-pagination-item-background-color,
906
903
  #ddd
907
904
  ) !default;
908
- $swiper-pagination-item-width: var(
909
- --nutui-swiper-pagination-item-width,
910
- 8px
911
- ) !default;
912
- $swiper-pagination-item-height: var(
913
- --nutui-swiper-pagination-item-height,
914
- 3px
915
- ) !default;
916
- $swiper-pagination-item-margin-right: var(
917
- --nutui-swiper-pagination-item-margin-right,
918
- 7px
919
- ) !default;
920
- $swiper-pagination-item-border-radius: var(
921
- --nutui-swiper-pagination-item-border-radius,
922
- 2px
923
- ) !default;
924
905
 
925
906
  //address
926
907
  $address-region-tab-line: linear-gradient(
@@ -1223,6 +1204,26 @@ $radio-icon-disable-color2: var(
1223
1204
  --nutui-radio-icon-disable-color2,
1224
1205
  $gray3
1225
1206
  ) !default;
1207
+ $radiogroup-radio-margin: var(
1208
+ --nutui-radiogroup-radio-margin,
1209
+ 0 20px 5px 0
1210
+ ) !default;
1211
+ $radiogroup-radio-label-margin: var(
1212
+ --nutui-radiogroup-radio-label-margin,
1213
+ 0 5px 0 5px
1214
+ ) !default;
1215
+ $radio-button-disabled-active-background: var(
1216
+ --nutui-radio-button-disabled-active-background,
1217
+ rgba(0, 0, 0, 0.15)
1218
+ ) !default;
1219
+ $radio-button-disabled-active-color: var(
1220
+ --nutui-radio-button-disabled-active-color,
1221
+ rgba(0, 0, 0, 0.25)
1222
+ ) !default;
1223
+ $radio-button-disabled-active-border-color: var(
1224
+ --nutui-radio-button-disabled-active-border-color,
1225
+ rgba(211, 211, 211, 0.15)
1226
+ ) !default;
1226
1227
 
1227
1228
  // signature（✅）
1228
1229
  $signature-border-color: #dadada;