@nutui/nutui 3.1.10-beta.1 → 3.1.11-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 (106) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +2 -2
  3. package/dist/nutui.d.ts +6 -6
  4. package/dist/nutui.es.js +1643 -1116
  5. package/dist/nutui.umd.js +1708 -1181
  6. package/dist/packages/_es/ActionSheet.js +10 -12
  7. package/dist/packages/_es/Address.js +31 -33
  8. package/dist/packages/_es/Avatar.js +5 -4
  9. package/dist/packages/_es/BackTop.js +5 -4
  10. package/dist/packages/_es/Badge.js +5 -4
  11. package/dist/packages/_es/Barrage.js +9 -8
  12. package/dist/packages/_es/Button.js +6 -5
  13. package/dist/packages/_es/Calendar.js +14 -16
  14. package/dist/packages/_es/Cell.js +5 -4
  15. package/dist/packages/_es/CellGroup.js +8 -7
  16. package/dist/packages/_es/Checkbox.js +3 -3
  17. package/dist/packages/_es/CheckboxGroup.js +2 -2
  18. package/dist/packages/_es/CircleProgress.js +5 -4
  19. package/dist/packages/_es/Col.js +5 -4
  20. package/dist/packages/_es/Collapse.js +8 -7
  21. package/dist/packages/_es/CollapseItem.js +6 -8
  22. package/dist/packages/_es/CountDown.js +5 -7
  23. package/dist/packages/_es/CountUp.js +26 -28
  24. package/dist/packages/_es/DatePicker.js +11 -13
  25. package/dist/packages/_es/Dialog.js +14 -25
  26. package/dist/packages/_es/Divider.js +5 -4
  27. package/dist/packages/_es/Drag.js +5 -4
  28. package/dist/packages/_es/Elevator.js +19 -21
  29. package/dist/packages/_es/FixedNav.js +9 -8
  30. package/dist/packages/_es/Icon.js +40 -6
  31. package/dist/packages/_es/ImagePreview.js +12 -13
  32. package/dist/packages/_es/InfiniteLoading.js +5 -7
  33. package/dist/packages/_es/Input.js +10 -9
  34. package/dist/packages/_es/InputNumber.js +8 -15
  35. package/dist/packages/_es/Layout.js +2 -2
  36. package/dist/packages/_es/Menu.js +203 -0
  37. package/dist/packages/_es/MenuItem.js +18 -171
  38. package/dist/packages/_es/Navbar.js +7 -6
  39. package/dist/packages/_es/NoticeBar.js +9 -11
  40. package/dist/packages/_es/Notify.js +10 -12
  41. package/dist/packages/_es/NumberKeyboard.js +5 -4
  42. package/dist/packages/_es/OverLay.js +5 -7
  43. package/dist/packages/_es/Pagination.js +7 -6
  44. package/dist/packages/_es/Picker.js +12 -14
  45. package/dist/packages/_es/Popover.js +10 -12
  46. package/dist/packages/_es/Popup.js +9 -11
  47. package/dist/packages/_es/Price.js +33 -14
  48. package/dist/packages/_es/Progress.js +5 -4
  49. package/dist/packages/_es/Radio.js +20 -7
  50. package/dist/packages/_es/RadioGroup.js +7 -3
  51. package/dist/packages/_es/Range.js +13 -15
  52. package/dist/packages/_es/Rate.js +8 -7
  53. package/dist/packages/_es/Row.js +5 -4
  54. package/dist/packages/_es/SearchBar.js +56 -55
  55. package/dist/packages/_es/ShortPassword.js +8 -7
  56. package/dist/packages/_es/Signature.js +5 -4
  57. package/dist/packages/_es/Sku.js +533 -0
  58. package/dist/packages/_es/Step.js +14 -11
  59. package/dist/packages/_es/Steps.js +2 -2
  60. package/dist/packages/_es/Swipe.js +5 -7
  61. package/dist/packages/_es/Swiper.js +12 -11
  62. package/dist/packages/_es/SwiperItem.js +5 -4
  63. package/dist/packages/_es/Switch.js +5 -4
  64. package/dist/packages/_es/TabPane.js +5 -4
  65. package/dist/packages/_es/Tabbar.js +5 -4
  66. package/dist/packages/_es/TabbarItem.js +9 -8
  67. package/dist/packages/_es/Tabs.js +43 -18
  68. package/dist/packages/_es/Tag.js +16 -18
  69. package/dist/packages/_es/TextArea.js +6 -5
  70. package/dist/packages/_es/TimeDetail.js +5 -7
  71. package/dist/packages/_es/TimePannel.js +5 -7
  72. package/dist/packages/_es/TimeSelect.js +5 -4
  73. package/dist/packages/_es/Toast.js +10 -12
  74. package/dist/packages/_es/Uploader.js +165 -89
  75. package/dist/packages/_es/Video.js +5 -7
  76. package/dist/packages/_es/component.js +1 -1
  77. package/dist/packages/_es/index.js +1 -1
  78. package/dist/packages/_es/index2.js +1 -1
  79. package/dist/packages/_es/plugin-vue_export-helper.js +12 -0
  80. package/dist/packages/_es/pxCheck.js +1 -1
  81. package/dist/packages/_es/raf.js +1 -1
  82. package/dist/packages/_es/style.css +160 -0
  83. package/dist/packages/button/index.scss +3 -0
  84. package/dist/packages/checkbox/index.scss +2 -0
  85. package/dist/packages/dialog/index.scss +2 -1
  86. package/dist/packages/menu/index.scss +70 -4
  87. package/dist/packages/price/index.scss +40 -3
  88. package/dist/packages/progress/index.scss +2 -0
  89. package/dist/packages/radio/index.scss +34 -4
  90. package/dist/packages/radiogroup/index.scss +20 -0
  91. package/dist/packages/searchbar/index.scss +35 -30
  92. package/dist/packages/sku/index.scss +147 -0
  93. package/dist/packages/tabs/index.scss +47 -19
  94. package/dist/packages/tag/index.scss +2 -1
  95. package/dist/packages/uploader/index.scss +94 -8
  96. package/dist/style.css +1 -1
  97. package/dist/style.es.js +2 -1
  98. package/dist/styles/mixins/index.scss +0 -4
  99. package/dist/styles/themes/default.scss +29 -30
  100. package/dist/styles/variables.scss +46 -6
  101. package/package.json +1 -1
  102. package/dist/packages/_es/Tab.js +0 -178
  103. package/dist/packages/_es/TabPanel.js +0 -29
  104. package/dist/packages/_es/index.vue_vue&type=script&lang.js +0 -44
  105. package/dist/packages/tab/index.scss +0 -182
  106. package/dist/packages/tabpanel/index.scss +0 -2
package/dist/packages/uploader/index.scss CHANGED
@@ -10,11 +10,14 @@
10
10
  &__upload {
11
11
  position: relative;
12
12
  background: $uploader-background;
13
- width: $uploader-width;
14
- height: $uploader-height;
13
+ width: $uploader-picture-width;
14
+ height: $uploader-picture-height;
15
15
  display: flex;
16
16
  align-items: center;
17
17
  justify-content: center;
18
+
19
+ &.list {
20
+ }
18
21
  }
19
22
 
20
23
  &__input {
@@ -32,17 +35,67 @@
32
35
  }
33
36
 
34
37
  &__preview {
35
- width: $uploader-width;
36
- height: $uploader-height;
37
38
  display: flex;
38
39
  align-items: center;
39
40
  justify-content: center;
40
41
  margin-right: 10px;
41
42
  margin-bottom: 10px;
43
+ box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
44
+
45
+ &__progress {
46
+ position: absolute;
47
+ left: 0;
48
+ top: 0;
49
+ bottom: 0;
50
+ right: 0;
51
+ background: rgba(0, 0, 0, 0.6);
52
+ display: flex;
53
+ flex-direction: column;
54
+ align-items: center;
55
+ justify-content: center;
56
+ &__msg {
57
+ color: $white;
58
+ font-size: 12px;
59
+ margin-top: 6px;
60
+ }
61
+ }
62
+ &.list {
63
+ width: 100%;
64
+ margin-right: 0px;
65
+ margin-bottom: 0px;
66
+ margin-top: 10px;
67
+ }
68
+ &-list {
69
+ width: 100%;
70
+ height: 32px;
71
+ display: flex;
72
+ flex-direction: column;
73
+ position: relative;
74
+ .nut-uploader__preview-img__file__name {
75
+ -webkit-line-clamp: 1;
76
+ padding: 2px;
77
+ height: 24px;
78
+ }
79
+
80
+ .nut-uploader__preview-img__file__del {
81
+ position: absolute;
82
+ right: 4px;
83
+ top: 6px;
84
+ }
85
+ .nut-progress {
86
+ position: absolute;
87
+ left: 0;
88
+ right: 0;
89
+ bottom: 0;
90
+ .nut-progress-outer {
91
+ height: 2px !important;
92
+ }
93
+ }
94
+ }
42
95
  &-img {
43
96
  position: relative;
44
- width: 100%;
45
- height: 100%;
97
+ width: $uploader-picture-width;
98
+ height: $uploader-picture-height;
46
99
  .close {
47
100
  position: absolute;
48
101
  right: 0;
@@ -55,16 +108,49 @@
55
108
  left: 0;
56
109
  right: 0;
57
110
  text-align: center;
111
+ display: flex;
112
+ align-items: center;
113
+ justify-content: center;
58
114
  font-size: 12px;
59
115
  color: $white;
60
- height: 30px;
61
- line-height: 30px;
116
+ height: 0px;
117
+ transition: height 0.3s;
62
118
  background: rgba(0, 0, 0, 0.54);
119
+ @include oneline-ellipsis();
63
120
  }
64
121
  &__c {
65
122
  height: 100%;
66
123
  width: 100%;
67
124
  }
125
+ &__file {
126
+ height: 100%;
127
+ width: 100%;
128
+ display: flex;
129
+ align-items: center;
130
+ justify-content: center;
131
+ transition: all 0.3s;
132
+
133
+ &__name {
134
+ display: flex;
135
+ width: 100%;
136
+ font-size: 12px;
137
+ color: $text-color;
138
+ &.error {
139
+ color: red !important;
140
+ }
141
+ &.success {
142
+ color: #1890ff !important;
143
+ }
144
+ .nut-icon-link {
145
+ &::before {
146
+ margin-left: -25%;
147
+ margin-top: -25%;
148
+ transform: none;
149
+ }
150
+ }
151
+ @include moreline-ellipsis();
152
+ }
153
+ }
68
154
  }
69
155
  }
70
156
  }