@nutui/nutui-react 1.2.1 → 1.2.2

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 (67) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/esm/ConfigProvider.js +11 -0
  3. package/dist/esm/DatePicker.js +148 -106
  4. package/dist/esm/Divider.js +6 -3
  5. package/dist/esm/Icon.js +4 -72
  6. package/dist/esm/NumberKeyboard/style/index.js +2 -0
  7. package/dist/esm/NumberKeyboard.js +277 -0
  8. package/dist/esm/Picker.js +294 -195
  9. package/dist/esm/Progress/style/index.js +2 -0
  10. package/dist/esm/Progress.js +130 -0
  11. package/dist/esm/Range.js +186 -129
  12. package/dist/esm/SearchBar/style/index.js +2 -0
  13. package/dist/esm/SearchBar.js +247 -0
  14. package/dist/esm/Signature.js +3 -0
  15. package/dist/esm/Tabbar.js +6 -3
  16. package/dist/esm/TabbarItem.js +14 -5
  17. package/dist/esm/Tag.js +18 -9
  18. package/dist/esm/icon-62bd7379.js +72 -0
  19. package/dist/esm/nutui-react.es.js +3 -0
  20. package/dist/esm/useTouch-a2ea68c6.js +119 -0
  21. package/dist/locales/base.d.ts +11 -0
  22. package/dist/locales/base.js +1 -1
  23. package/dist/locales/en-US.js +12 -1
  24. package/dist/locales/id-ID.js +12 -1
  25. package/dist/locales/zh-CN.js +12 -1
  26. package/dist/locales/zh-TW.js +12 -1
  27. package/dist/nutui.react.es.js +1312 -592
  28. package/dist/nutui.react.umd.js +15 -15
  29. package/dist/packages/numberkeyboard/numberkeyboard.scss +106 -0
  30. package/dist/packages/picker/picker.scss +35 -16
  31. package/dist/packages/progress/progress.scss +81 -0
  32. package/dist/packages/range/range.scss +141 -13
  33. package/dist/packages/searchbar/searchbar.scss +106 -0
  34. package/dist/packages/signature/signature.scss +4 -4
  35. package/dist/packages/tabbar/tabbar.scss +10 -3
  36. package/dist/packages/tabbaritem/tabbaritem.scss +26 -8
  37. package/dist/style.css +1 -1
  38. package/dist/style.es.js +1 -1
  39. package/dist/styles/themes/default.scss +3 -0
  40. package/dist/styles/variables.scss +73 -6
  41. package/dist/types/datepicker/__test__/datepicker.spec.d.ts +1 -0
  42. package/dist/types/datepicker/datepicker.d.ts +16 -5
  43. package/dist/types/divider/__test__/divider.spec.d.ts +1 -0
  44. package/dist/types/navbar/__test__/navbar.spec.d.ts +1 -0
  45. package/dist/types/numberkeyboard/_test_/index.spec.d.ts +1 -0
  46. package/dist/types/numberkeyboard/demo.d.ts +3 -0
  47. package/dist/types/numberkeyboard/index.d.ts +2 -0
  48. package/dist/types/numberkeyboard/numberkeyboard.d.ts +20 -0
  49. package/dist/types/nutui.react.d.ts +4 -1
  50. package/dist/types/picker/picker.d.ts +17 -13
  51. package/dist/types/picker/pickerSlot.d.ts +4 -3
  52. package/dist/types/progress/__tests__/progress.spec.d.ts +1 -0
  53. package/dist/types/progress/demo.d.ts +3 -0
  54. package/dist/types/progress/index.d.ts +2 -0
  55. package/dist/types/progress/progress.d.ts +26 -0
  56. package/dist/types/range/demo.d.ts +1 -0
  57. package/dist/types/range/range.d.ts +3 -1
  58. package/dist/types/searchbar/demo.d.ts +3 -0
  59. package/dist/types/searchbar/index.d.ts +2 -0
  60. package/dist/types/searchbar/searchbar.d.ts +60 -0
  61. package/dist/types/signature/__test__/signature.spec.d.ts +2 -0
  62. package/dist/types/tabbar/__tests__/tabbar.spec.d.ts +1 -0
  63. package/dist/types/tabbar/tabbar.d.ts +2 -2
  64. package/dist/types/tabbaritem/tabbaritem.d.ts +4 -1
  65. package/dist/types/tag/tag.d.ts +1 -1
  66. package/package.json +3 -2
  67. package/dist/packages/range/custom.scss +0 -9
package/dist/packages/tabbaritem/tabbaritem.scss CHANGED
@@ -8,20 +8,23 @@
8
8
  display: flex;
9
9
  justify-content: center;
10
10
  align-items: center;
11
+
11
12
  &--active {
12
13
  color: $primary-color;
13
14
  }
14
15
 
15
16
  &__icon-box {
16
17
  padding: 0px;
17
- display: inline-block;
18
+ display: flex;
19
+ flex-direction: column;
20
+ align-items: center;
18
21
  position: relative;
19
22
 
20
23
  &__tips {
21
24
  position: absolute;
22
25
  background: $tabbar-active-color;
23
26
  border: 1px solid $white;
24
- border-radius: 8px;
27
+ border-radius: 7px;
25
28
  text-align: center;
26
29
  top: -2px;
27
30
  right: -7px;
@@ -30,28 +33,43 @@
30
33
  color: $white;
31
34
  z-index: 1;
32
35
  }
36
+ &__dot {
37
+ position: absolute;
38
+ width: 7px;
39
+ height: 7px;
40
+ border-radius: 7px;
41
+ padding: 0px;
42
+ background: $tabbar-active-color;
43
+ text-align: center;
44
+ font-size: 12px;
45
+ font-weight: normal;
46
+ color: #fff;
47
+ top: 0;
48
+ right: 0;
49
+ transform: translate(50%, -50%);
50
+ }
33
51
 
34
52
  &__num {
35
53
  line-height: 1;
36
- font-size: $font-size-0;
54
+ font-size: $tabbar-item-text-font-size;
37
55
  color: $white;
38
- padding: 1px 2px 2px 2px;
39
- min-width: 17px;
56
+ padding: 1px 2px 2px 3px;
40
57
  }
41
58
 
42
59
  &__nums {
43
60
  line-height: 1;
44
- font-size: $font-size-0;
61
+ font-size: $tabbar-item-text-font-size;
45
62
  color: $white;
46
- padding: 1px 2px 2px 2px;
63
+ padding: 2px 1px 2px 2px;
47
64
  }
48
- &_icon {
65
+ &__icon {
49
66
  display: block;
50
67
  background-size: 100% 100%;
51
68
  background-position: center center;
52
69
  }
53
70
  &--nav-word {
54
71
  font-size: $font-size-0;
72
+ line-height: $tabbar-item-text-line-height;
55
73
  display: block;
56
74
  }
57
75
  &--big-word {