@nutui/nutui 3.1.17 → 3.1.18-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 (117) hide show
  1. package/README.md +1 -1
  2. package/dist/nutui.es.js +179 -162
  3. package/dist/nutui.umd.js +183 -165
  4. package/dist/packages/_es/ActionSheet.js +7 -2
  5. package/dist/packages/_es/Address.js +1 -1
  6. package/dist/packages/_es/Audio.js +1 -1
  7. package/dist/packages/_es/Avatar.js +1 -1
  8. package/dist/packages/_es/BackTop.js +3 -3
  9. package/dist/packages/_es/Badge.js +1 -1
  10. package/dist/packages/_es/Barrage.js +1 -1
  11. package/dist/packages/_es/Button.js +1 -1
  12. package/dist/packages/_es/Calendar.js +1 -1
  13. package/dist/packages/_es/Card.js +1 -1
  14. package/dist/packages/_es/Cascader.js +1 -1
  15. package/dist/packages/_es/Cell.js +2 -2
  16. package/dist/packages/_es/CellGroup.js +1 -1
  17. package/dist/packages/_es/Checkbox.js +1 -1
  18. package/dist/packages/_es/CheckboxGroup.js +2 -2
  19. package/dist/packages/_es/CircleProgress.js +1 -1
  20. package/dist/packages/_es/Col.js +1 -1
  21. package/dist/packages/_es/Collapse.js +1 -1
  22. package/dist/packages/_es/CollapseItem.js +4 -2
  23. package/dist/packages/_es/CountDown.js +1 -1
  24. package/dist/packages/_es/CountUp.js +1 -1
  25. package/dist/packages/_es/DatePicker.js +1 -1
  26. package/dist/packages/_es/Dialog.js +1 -1
  27. package/dist/packages/_es/Divider.js +1 -1
  28. package/dist/packages/_es/Drag.js +1 -1
  29. package/dist/packages/_es/Elevator.js +2 -2
  30. package/dist/packages/_es/Empty.js +1 -1
  31. package/dist/packages/_es/FixedNav.js +1 -1
  32. package/dist/packages/_es/Form.js +1 -1
  33. package/dist/packages/_es/FormItem.js +1 -1
  34. package/dist/packages/_es/Grid.js +1 -1
  35. package/dist/packages/_es/GridItem.js +2 -2
  36. package/dist/packages/_es/Icon.js +1 -1
  37. package/dist/packages/_es/ImagePreview.js +8 -3
  38. package/dist/packages/_es/Indicator.js +1 -1
  39. package/dist/packages/_es/InfiniteLoading.js +1 -1
  40. package/dist/packages/_es/Input.js +1 -1
  41. package/dist/packages/_es/InputNumber.js +1 -1
  42. package/dist/packages/_es/Layout.js +1 -1
  43. package/dist/packages/_es/Menu.js +2 -2
  44. package/dist/packages/_es/MenuItem.js +1 -1
  45. package/dist/packages/_es/Navbar.js +18 -59
  46. package/dist/packages/_es/NoticeBar.js +38 -20
  47. package/dist/packages/_es/Notify.js +2 -2
  48. package/dist/packages/_es/NumberKeyboard.js +1 -1
  49. package/dist/packages/_es/OverLay.js +1 -1
  50. package/dist/packages/_es/Pagination.js +1 -1
  51. package/dist/packages/_es/Picker.js +2 -1
  52. package/dist/packages/_es/Popover.js +4 -1
  53. package/dist/packages/_es/Popup.js +1 -1
  54. package/dist/packages/_es/Price.js +1 -1
  55. package/dist/packages/_es/Progress.js +1 -1
  56. package/dist/packages/_es/Radio.js +1 -1
  57. package/dist/packages/_es/RadioGroup.js +1 -1
  58. package/dist/packages/_es/Range.js +3 -3
  59. package/dist/packages/_es/Rate.js +1 -1
  60. package/dist/packages/_es/Row.js +1 -1
  61. package/dist/packages/_es/SearchBar.js +1 -1
  62. package/dist/packages/_es/ShortPassword.js +8 -3
  63. package/dist/packages/_es/SideNavBar.js +1 -1
  64. package/dist/packages/_es/SideNavBarItem.js +1 -1
  65. package/dist/packages/_es/Signature.js +1 -1
  66. package/dist/packages/_es/Skeleton.js +1 -1
  67. package/dist/packages/_es/Sku.js +1 -1
  68. package/dist/packages/_es/Step.js +1 -1
  69. package/dist/packages/_es/Steps.js +1 -1
  70. package/dist/packages/_es/Sticky.js +2 -2
  71. package/dist/packages/_es/SubSideNavBar.js +1 -1
  72. package/dist/packages/_es/Swipe.js +2 -2
  73. package/dist/packages/_es/Swiper.js +2 -2
  74. package/dist/packages/_es/SwiperItem.js +2 -2
  75. package/dist/packages/_es/Switch.js +1 -1
  76. package/dist/packages/_es/TabPane.js +1 -1
  77. package/dist/packages/_es/Tabbar.js +1 -1
  78. package/dist/packages/_es/TabbarItem.js +7 -3
  79. package/dist/packages/_es/Table.js +1 -1
  80. package/dist/packages/_es/Tabs.js +1 -1
  81. package/dist/packages/_es/Tag.js +1 -1
  82. package/dist/packages/_es/TextArea.js +1 -1
  83. package/dist/packages/_es/TimeDetail.js +1 -1
  84. package/dist/packages/_es/TimePannel.js +1 -1
  85. package/dist/packages/_es/TimeSelect.js +7 -2
  86. package/dist/packages/_es/Toast.js +15 -8
  87. package/dist/packages/_es/Uploader.js +1 -1
  88. package/dist/packages/_es/Video.js +1 -1
  89. package/dist/packages/_es/common.js +1 -1
  90. package/dist/packages/_es/component.js +1 -1
  91. package/dist/packages/_es/index.js +5 -7
  92. package/dist/packages/_es/index2.js +8 -31
  93. package/dist/packages/_es/index3.js +28 -56
  94. package/dist/packages/_es/index4.js +64 -0
  95. package/dist/packages/_es/plugin-vue_export-helper.js +1 -1
  96. package/dist/packages/_es/pxCheck.js +1 -1
  97. package/dist/packages/_es/raf.js +1 -1
  98. package/dist/packages/_es/util.js +1 -1
  99. package/dist/packages/actionsheet/index.scss +7 -6
  100. package/dist/packages/button/index.scss +5 -5
  101. package/dist/packages/cell/index.scss +3 -3
  102. package/dist/packages/cellgroup/index.scss +1 -1
  103. package/dist/packages/navbar/index.scss +2 -0
  104. package/dist/packages/noticebar/index.scss +11 -5
  105. package/dist/packages/notify/index.scss +1 -0
  106. package/dist/packages/progress/index.scss +21 -17
  107. package/dist/packages/range/index.scss +4 -4
  108. package/dist/packages/swiper/index.scss +4 -4
  109. package/dist/packages/switch/index.scss +8 -8
  110. package/dist/packages/tabbar/index.scss +3 -2
  111. package/dist/packages/tabbaritem/index.scss +4 -3
  112. package/dist/packages/tabs/index.scss +1 -0
  113. package/dist/packages/toast/index.scss +8 -7
  114. package/dist/style.css +1 -1
  115. package/dist/styles/themes/default.scss +41 -41
  116. package/dist/styles/variables.scss +89 -11
  117. package/package.json +2 -2
package/dist/packages/range/index.scss CHANGED
@@ -40,12 +40,12 @@
40
40
 
41
41
  &-button {
42
42
  display: block;
43
- width: 24px;
44
- height: 24px;
45
- background-color: $white;
43
+ width: $range-bar-btn-width;
44
+ height: $range-bar-btn-height;
45
+ background-color: $range-bar-btn-bg-color;
46
46
  border-radius: 50%;
47
47
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
48
- border: 1px solid $primary-color;
48
+ border: $range-bar-btn-border;
49
49
  outline: none;
50
50
 
51
51
  &-wrapper,
package/dist/packages/swiper/index.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/index.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  display: inline-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
  &.nut-switch-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-width;
45
+ width: $switch-inside-height;
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/tabbar/index.scss CHANGED
@@ -1,7 +1,8 @@
1
1
  .nut-tabbar {
2
2
  border: 0px;
3
- border-bottom: 1px solid $tabbar-border-color;
4
- border-top: 1px solid $tabbar-border-color;
3
+ box-shadow: $tabbar-box-shadow;
4
+ border-bottom: $tabbar-border-bottom;
5
+ border-top: $tabbar-border-top;
5
6
  width: 100%;
6
7
  display: flex;
7
8
  padding: 7px 0;
package/dist/packages/tabbaritem/index.scss CHANGED
@@ -35,14 +35,14 @@
35
35
 
36
36
  &_num {
37
37
  line-height: 1;
38
- font-size: $font-size-0;
38
+ font-size: $tabbar-item-text-font-size;
39
39
  color: $white;
40
40
  padding: 1px 2px 2px 3px;
41
41
  }
42
42
 
43
43
  &_nums {
44
44
  line-height: 1;
45
- font-size: $font-size-0;
45
+ font-size: $tabbar-item-text-font-size;
46
46
  color: $white;
47
47
  padding: 2px 1px 2px 2px;
48
48
  }
@@ -52,7 +52,8 @@
52
52
  background-position: center center;
53
53
  }
54
54
  &_nav-word {
55
- font-size: $font-size-0;
55
+ font-size: $tabbar-item-text-font-size;
56
+ line-height: $tabbar-item-text-line-height;
56
57
  display: block;
57
58
  }
58
59
  &_big-word {
package/dist/packages/tabs/index.scss CHANGED
@@ -149,6 +149,7 @@
149
149
  }
150
150
  &.active {
151
151
  font-weight: 600;
152
+ color: $tabs-titles-item-active-color;
152
153
  .nut-tabs__titles-item__line {
153
154
  content: ' ';
154
155
  width: $tabs-horizontal-titles-item-active-line-width;
package/dist/packages/toast/index.scss CHANGED
@@ -32,27 +32,28 @@
32
32
  justify-content: center;
33
33
  pointer-events: auto;
34
34
  height: 100%;
35
+ background: $toast-cover-bg-color;
35
36
  }
36
37
  &-inner {
37
38
  display: inline-block;
38
- font-size: $font-size-base;
39
+ font-size: $toast-text-font-size;
39
40
  min-width: 40%;
40
41
  max-width: 65%;
41
42
  text-align: center;
42
- padding: 24px 30px;
43
+ padding: $toast-inner-padding;
43
44
  word-break: break-all;
44
- background: rgba(0, 0, 0, 0);
45
- border-radius: 12px;
46
- color: $white;
45
+ background: $toast-inner-bg-color;
46
+ border-radius: $toast-inner-border-radius;
47
+ color: $toast-font-color;
47
48
  }
48
49
  &-text {
49
- font-size: 14px;
50
+ font-size: $toast-text-font-size;
50
51
  &:empty {
51
52
  margin-bottom: -8px;
52
53
  }
53
54
  }
54
55
  &-title {
55
- font-size: 16px;
56
+ font-size: $toast-title-font-size;
56
57
  &:empty {
57
58
  margin-bottom: -8px;
58
59
  }