@nutui/nutui 3.1.10 → 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 (90) hide show
  1. package/dist/nutui.d.ts +2 -1
  2. package/dist/nutui.es.js +1308 -698
  3. package/dist/nutui.umd.js +1314 -703
  4. package/dist/packages/_es/ActionSheet.js +1 -1
  5. package/dist/packages/_es/Address.js +1 -1
  6. package/dist/packages/_es/Avatar.js +1 -1
  7. package/dist/packages/_es/BackTop.js +1 -1
  8. package/dist/packages/_es/Badge.js +1 -1
  9. package/dist/packages/_es/Barrage.js +1 -1
  10. package/dist/packages/_es/Button.js +1 -1
  11. package/dist/packages/_es/Calendar.js +1 -1
  12. package/dist/packages/_es/Cell.js +1 -1
  13. package/dist/packages/_es/CellGroup.js +1 -1
  14. package/dist/packages/_es/Checkbox.js +1 -1
  15. package/dist/packages/_es/CheckboxGroup.js +1 -1
  16. package/dist/packages/_es/CircleProgress.js +1 -1
  17. package/dist/packages/_es/Col.js +1 -1
  18. package/dist/packages/_es/Collapse.js +1 -1
  19. package/dist/packages/_es/CollapseItem.js +1 -1
  20. package/dist/packages/_es/CountDown.js +1 -1
  21. package/dist/packages/_es/CountUp.js +1 -1
  22. package/dist/packages/_es/DatePicker.js +1 -1
  23. package/dist/packages/_es/Dialog.js +3 -12
  24. package/dist/packages/_es/Divider.js +1 -1
  25. package/dist/packages/_es/Drag.js +1 -1
  26. package/dist/packages/_es/Elevator.js +1 -1
  27. package/dist/packages/_es/FixedNav.js +1 -1
  28. package/dist/packages/_es/Icon.js +1 -1
  29. package/dist/packages/_es/ImagePreview.js +1 -1
  30. package/dist/packages/_es/InfiniteLoading.js +1 -1
  31. package/dist/packages/_es/Input.js +1 -1
  32. package/dist/packages/_es/InputNumber.js +1 -1
  33. package/dist/packages/_es/Layout.js +1 -1
  34. package/dist/packages/_es/Menu.js +1 -1
  35. package/dist/packages/_es/MenuItem.js +1 -1
  36. package/dist/packages/_es/Navbar.js +1 -1
  37. package/dist/packages/_es/NoticeBar.js +1 -1
  38. package/dist/packages/_es/Notify.js +1 -1
  39. package/dist/packages/_es/NumberKeyboard.js +1 -1
  40. package/dist/packages/_es/OverLay.js +1 -1
  41. package/dist/packages/_es/Pagination.js +1 -1
  42. package/dist/packages/_es/Picker.js +1 -1
  43. package/dist/packages/_es/Popover.js +1 -1
  44. package/dist/packages/_es/Popup.js +1 -1
  45. package/dist/packages/_es/Price.js +1 -1
  46. package/dist/packages/_es/Progress.js +1 -1
  47. package/dist/packages/_es/Radio.js +18 -5
  48. package/dist/packages/_es/RadioGroup.js +6 -2
  49. package/dist/packages/_es/Range.js +1 -1
  50. package/dist/packages/_es/Rate.js +1 -1
  51. package/dist/packages/_es/Row.js +1 -1
  52. package/dist/packages/_es/SearchBar.js +1 -1
  53. package/dist/packages/_es/ShortPassword.js +1 -1
  54. package/dist/packages/_es/Signature.js +1 -1
  55. package/dist/packages/_es/Sku.js +533 -0
  56. package/dist/packages/_es/Step.js +1 -1
  57. package/dist/packages/_es/Steps.js +1 -1
  58. package/dist/packages/_es/Swipe.js +1 -1
  59. package/dist/packages/_es/Swiper.js +1 -1
  60. package/dist/packages/_es/SwiperItem.js +1 -1
  61. package/dist/packages/_es/Switch.js +1 -1
  62. package/dist/packages/_es/TabPane.js +1 -1
  63. package/dist/packages/_es/Tabbar.js +1 -1
  64. package/dist/packages/_es/TabbarItem.js +1 -1
  65. package/dist/packages/_es/Tabs.js +2 -2
  66. package/dist/packages/_es/Tag.js +1 -1
  67. package/dist/packages/_es/TextArea.js +1 -1
  68. package/dist/packages/_es/TimeDetail.js +1 -1
  69. package/dist/packages/_es/TimePannel.js +1 -1
  70. package/dist/packages/_es/TimeSelect.js +1 -1
  71. package/dist/packages/_es/Toast.js +3 -3
  72. package/dist/packages/_es/Uploader.js +151 -73
  73. package/dist/packages/_es/Video.js +1 -1
  74. package/dist/packages/_es/component.js +1 -1
  75. package/dist/packages/_es/index.js +1 -1
  76. package/dist/packages/_es/index2.js +1 -1
  77. package/dist/packages/_es/plugin-vue_export-helper.js +1 -1
  78. package/dist/packages/_es/pxCheck.js +1 -1
  79. package/dist/packages/_es/raf.js +1 -1
  80. package/dist/packages/button/index.scss +3 -0
  81. package/dist/packages/progress/index.scss +2 -0
  82. package/dist/packages/radio/index.scss +32 -4
  83. package/dist/packages/radiogroup/index.scss +20 -0
  84. package/dist/packages/sku/index.scss +147 -0
  85. package/dist/packages/uploader/index.scss +94 -8
  86. package/dist/style.css +1 -1
  87. package/dist/styles/mixins/index.scss +0 -4
  88. package/dist/styles/themes/default.scss +36 -35
  89. package/dist/styles/variables.scss +22 -3
  90. package/package.json +1 -1
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
  }