@nutui/nutui-react 1.3.9 → 1.3.10-beta.0

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 (53) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/esm/Button.js +3 -1
  3. package/dist/esm/Checkbox.js +7 -121
  4. package/dist/esm/CheckboxGroup.js +36 -4
  5. package/dist/esm/Input.js +11 -4
  6. package/dist/esm/Menu.js +3 -2
  7. package/dist/esm/MenuItem.js +1 -2
  8. package/dist/esm/NoticeBar.js +12 -16
  9. package/dist/esm/Price.js +20 -23
  10. package/dist/esm/Radio.js +6 -115
  11. package/dist/esm/RadioGroup.js +36 -6
  12. package/dist/esm/TabbarItem.js +6 -5
  13. package/dist/esm/Tag.js +6 -4
  14. package/dist/esm/checkbox-255983fc.js +121 -0
  15. package/dist/esm/radio-cf953c7a.js +118 -0
  16. package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +6 -1
  17. package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.d.ts +2 -0
  18. package/dist/esm/types/src/packages/checkboxgroup/type.d.ts +6 -0
  19. package/dist/esm/types/src/packages/input/input.d.ts +1 -0
  20. package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +91 -0
  21. package/dist/esm/types/src/packages/price/price.d.ts +2 -0
  22. package/dist/esm/types/src/packages/radiogroup/radiogroup.d.ts +2 -0
  23. package/dist/esm/types/src/packages/radiogroup/type.d.ts +7 -0
  24. package/dist/esm/types/src/packages/tabbaritem/tabbaritem.d.ts +1 -1
  25. package/dist/locales/base.js +1 -1
  26. package/dist/locales/en-US.js +1 -1
  27. package/dist/locales/id-ID.js +1 -1
  28. package/dist/locales/zh-CN.js +1 -1
  29. package/dist/locales/zh-TW.js +1 -1
  30. package/dist/nutui.react.es.js +162 -83
  31. package/dist/nutui.react.umd.js +162 -83
  32. package/dist/packages/badge/badge.scss +10 -10
  33. package/dist/packages/button/button.scss +3 -3
  34. package/dist/packages/cell/cell.scss +1 -4
  35. package/dist/packages/cellgroup/cellgroup.scss +8 -0
  36. package/dist/packages/countdown/countdown.scss +1 -1
  37. package/dist/packages/infiniteloading/infiniteloading.scss +1 -1
  38. package/dist/packages/inputnumber/inputnumber.scss +3 -3
  39. package/dist/packages/noticebar/noticebar.scss +3 -0
  40. package/dist/packages/price/price.scss +27 -11
  41. package/dist/packages/radio/radio.scss +8 -7
  42. package/dist/packages/shortpassword/shortpassword.scss +4 -4
  43. package/dist/packages/skeleton/skeleton.scss +1 -1
  44. package/dist/packages/swiper/swiper.scss +4 -4
  45. package/dist/packages/switch/switch.scss +8 -8
  46. package/dist/packages/timepannel/timepannel.scss +3 -3
  47. package/dist/packages/timeselect/timeselect.scss +4 -4
  48. package/dist/style.css +1 -1
  49. package/dist/style.es.js +1 -1
  50. package/dist/styles/variables.scss +573 -248
  51. package/dist/types/index.d.ts +19 -3
  52. package/package.json +1 -1
  53. package/dist/esm/context-aa058329.js +0 -6
package/dist/packages/price/price.scss CHANGED
@@ -2,20 +2,36 @@
2
2
  font-size: $font-size-3;
3
3
  display: inline;
4
4
  color: $primary-color;
5
- &__symbol {
5
+ &__symbol,
6
+ &__integer,
7
+ &__decimal {
6
8
  display: inline-block;
7
- font-size: $font-size-3;
8
9
  }
9
- &__big {
10
- display: inline-block;
11
- font-size: $price-big-size;
10
+ &__symbol {
11
+ font-size: $price-symbol-medium-size;
12
+ &-large {
13
+ font-size: $price-symbol-big-size;
14
+ }
15
+ &-small {
16
+ font-size: $price-symbol-small-size;
17
+ }
12
18
  }
13
- &__point {
14
- display: inline-block;
15
- font-size: $price-big-size;
19
+ &__integer {
20
+ font-size: $price-integer-medium-size;
21
+ &-large {
22
+ font-size: $price-integer-big-size;
23
+ }
24
+ &-small {
25
+ font-size: $price-integer-small-size;
26
+ }
16
27
  }
17
- &__small {
18
- display: inline-block;
19
- font-size: $font-size-4;
28
+ &__decimal {
29
+ font-size: $price-decimal-medium-size;
30
+ &-large {
31
+ font-size: $price-decimal-big-size;
32
+ }
33
+ &-small {
34
+ font-size: $price-decimal-small-size;
35
+ }
20
36
  }
21
37
  }
package/dist/packages/radio/radio.scss CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
  &--reverse {
31
31
  .nut-radio__label {
32
- margin-right: 15px;
32
+ margin-right: $radio-label-margin-left;
33
33
  margin-left: 0;
34
34
  }
35
35
  }
@@ -37,10 +37,10 @@
37
37
  &__button {
38
38
  display: inline-flex;
39
39
  align-items: center;
40
- padding: 5px 18px;
41
- font-size: 12px;
40
+ padding: $radio-button-padding;
41
+ font-size: $radio-button-font-size;
42
42
  background: #f6f7f9;
43
- border-radius: 15px;
43
+ border-radius: $radio-button-border-radius;
44
44
  color: $radio-label-font-color;
45
45
  box-sizing: border-box;
46
46
  &--active {
@@ -55,8 +55,8 @@
55
55
  }
56
56
 
57
57
  &__label {
58
- margin-left: 15px;
59
- font-size: 14px;
58
+ margin-left: $radio-label-margin-left;
59
+ font-size: $radio-label-font-size;
60
60
  color: $radio-label-font-color;
61
61
  &--disabled {
62
62
  color: $radio-label-disable-color;
@@ -67,11 +67,12 @@
67
67
  color: $radio-label-font-active-color;
68
68
  transition-duration: 0.3s;
69
69
  transition-property: color, border-color, background-color;
70
+ font-size: $radio-icon-font-size;
70
71
  }
71
72
  &__icon--unchecked {
72
73
  color: $radio-icon-disable-color;
73
74
  }
74
75
  &__icon--disable {
75
- color: $help-color;
76
+ color: $radio-icon-disable-color2;
76
77
  }
77
78
  }
package/dist/packages/shortpassword/shortpassword.scss CHANGED
@@ -104,9 +104,9 @@
104
104
  height: 41px;
105
105
  margin: 0 auto;
106
106
  box-sizing: border-box;
107
- background: $shortpsd-background-color;
107
+ background: $shortpassword-background-color;
108
108
  border-radius: 4px;
109
- border: 1px solid $shortpsd-border-color;
109
+ border: 1px solid $shortpassword-border-color;
110
110
  display: flex;
111
111
  position: absolute;
112
112
  left: 0;
@@ -137,13 +137,13 @@
137
137
  &__error {
138
138
  line-height: 1;
139
139
  font-size: $font-size-0;
140
- color: $shortpsd-error;
140
+ color: $shortpassword-error;
141
141
  }
142
142
 
143
143
  &__forget {
144
144
  line-height: 1;
145
145
  font-size: $font-size-1;
146
- color: $shortpsd-forget;
146
+ color: $shortpassword-forget;
147
147
  display: flex;
148
148
  align-items: center;
149
149
  }
package/dist/packages/skeleton/skeleton.scss CHANGED
@@ -31,7 +31,7 @@
31
31
  .skeleton-title {
32
32
  width: 30%;
33
33
  height: 15px;
34
- background: #efefef;
34
+ background: $skeleton-content-line-title-background-color;
35
35
  }
36
36
  }
37
37
  }
package/dist/packages/swiper/swiper.scss CHANGED
@@ -21,10 +21,10 @@
21
21
  bottom: 12px;
22
22
  transform: translateX(-50%);
23
23
  i {
24
- width: 8px;
25
- height: 3px;
26
- margin-right: 7px;
27
- border-radius: 2px;
24
+ width: $swiper-pagination-item-width;
25
+ height: $swiper-pagination-item-height;
26
+ margin-right: $swiper-pagination-item-margin-right;
27
+ border-radius: $swiper-pagination-item-border-radius;
28
28
  &:last-child {
29
29
  margin-right: 0;
30
30
  }
package/dist/packages/switch/switch.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  align-items: center;
5
5
  background-color: $primary-color;
6
- border-radius: 21px;
6
+ border-radius: $switch-border-radius;
7
7
  background-size: 100% 100%;
8
8
  background-repeat: no-repeat;
9
9
  background-position: center center;
@@ -37,17 +37,17 @@
37
37
  opacity: 0.6;
38
38
  }
39
39
  &-base {
40
- width: 36px;
41
- height: 21px;
42
- line-height: 21px;
40
+ width: $switch-width;
41
+ height: $switch-height;
42
+ line-height: $switch-line-height;
43
43
  .switch-button {
44
- height: 13px;
45
- width: 13px;
46
- transform: translateX(30%);
44
+ height: $switch-inside-height;
45
+ width: $switch-inside-width;
46
+ transform: $switch-inside-close-transform;
47
47
  }
48
48
  &.switch-open {
49
49
  .switch-button {
50
- transform: translateX(146%);
50
+ transform: $switch-inside-open-transform;
51
51
  }
52
52
  }
53
53
  &.switch-close {
package/dist/packages/timepannel/timepannel.scss CHANGED
@@ -9,9 +9,9 @@
9
9
  }
10
10
  }
11
11
  .nut-timepannel {
12
- height: 40px;
12
+ height: $timeselect-timepannel-height;
13
13
  line-height: 40px;
14
14
  text-align: center;
15
- color: #666;
16
- font-size: 14px;
15
+ color: $timeselect-timepannel-text-color;
16
+ font-size: $timeselect-timepannel-font-size;
17
17
  }
package/dist/packages/timeselect/timeselect.scss CHANGED
@@ -23,11 +23,11 @@
23
23
  height: 100%;
24
24
 
25
25
  &__title {
26
- height: 50px;
27
- line-height: 50px;
26
+ height: $timeselect-title-height;
27
+ line-height: $timeselect-title-line-height;
28
28
  margin-bottom: 10px;
29
- font-size: 14px;
30
- color: #1a1a1a;
29
+ font-size: $timeselect-title-font-size;
30
+ color: $timeselect-title-color;
31
31
  text-align: center;
32
32
  }
33
33