@mdsfe/mds-ui 0.4.0-rc.2 → 0.4.0-rc.4

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 (63) hide show
  1. package/dist/badge.js +2 -2
  2. package/dist/drawer.js +2 -2
  3. package/dist/mds-ui.min.js +2 -2
  4. package/dist/notification.js +2 -2
  5. package/dist/style/affix.css +1 -10
  6. package/dist/style/alert.css +1 -138
  7. package/dist/style/anchor.css +1 -58
  8. package/dist/style/avatar.css +1 -73
  9. package/dist/style/backtop.css +1 -34
  10. package/dist/style/badge.css +1 -141
  11. package/dist/style/bordershadow.css +1 -42
  12. package/dist/style/breadcrumb.css +1 -37
  13. package/dist/style/button.css +1 -2172
  14. package/dist/style/card.css +1 -156
  15. package/dist/style/carousel.css +1 -217
  16. package/dist/style/cascader.css +1 -214
  17. package/dist/style/cascaderpanel.css +1 -122
  18. package/dist/style/checkbox.css +1 -186
  19. package/dist/style/col.css +1 -2607
  20. package/dist/style/collapse.css +1 -79
  21. package/dist/style/color.css +1 -622
  22. package/dist/style/datepicker.css +1 -542
  23. package/dist/style/divider.css +1 -47
  24. package/dist/style/drawer.css +1 -2465
  25. package/dist/style/dropdown.css +1 -274
  26. package/dist/style/empty.css +1 -49
  27. package/dist/style/font.css +1 -45
  28. package/dist/style/form.css +1 -148
  29. package/dist/style/icon.css +1 -25
  30. package/dist/style/input.css +1 -760
  31. package/dist/style/inputnumber.css +1 -314
  32. package/dist/style/layout.css +1 -58
  33. package/dist/style/list.css +1 -141
  34. package/dist/style/loading.css +1 -2329
  35. package/dist/style/menu.css +1 -658
  36. package/dist/style/message.css +1 -191
  37. package/dist/style/modal.css +1 -123
  38. package/dist/style/notification.css +1 -192
  39. package/dist/style/pagination.css +1 -1190
  40. package/dist/style/popconfirm.css +1 -65
  41. package/dist/style/popover.css +1 -138
  42. package/dist/style/progress.css +1 -179
  43. package/dist/style/radio.css +1 -255
  44. package/dist/style/rate.css +1 -81
  45. package/dist/style/row.css +1 -2607
  46. package/dist/style/select.css +1 -221
  47. package/dist/style/slider.css +1 -80
  48. package/dist/style/slottable.css +1 -296
  49. package/dist/style/steps.css +1 -586
  50. package/dist/style/switch.css +1 -110
  51. package/dist/style/table.css +1 -2778
  52. package/dist/style/tabs.css +1 -518
  53. package/dist/style/tag.css +1 -421
  54. package/dist/style/text.css +1 -122
  55. package/dist/style/timeline.css +1 -88
  56. package/dist/style/timepicker.css +1 -393
  57. package/dist/style/tooltip.css +1 -161
  58. package/dist/style/transfer.css +1 -206
  59. package/dist/style/transition.css +1 -1413
  60. package/dist/style/tree.css +1 -84
  61. package/dist/style/typography.css +1 -126
  62. package/dist/style/upload.css +1 -320
  63. package/package.json +5 -1
package/dist/style/tree.css CHANGED
@@ -1,84 +1 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
- /* stylelint-disable declaration-bang-space-before */
3
- /* stylelint-disable declaration-bang-space-before */
4
- .mds-tree-item {
5
- color: #666666;
6
- font-size: 0;
7
- }
8
- .mds-tree-item .mds-tree-block-hover {
9
- display: flex;
10
- align-items: center;
11
- }
12
- .mds-tree-item .mds-tree-block-hover:before {
13
- content: "";
14
- background-color: #0364ff;
15
- width: 100%;
16
- height: 1px;
17
- }
18
- .mds-tree-item .mds-tree-content {
19
- -webkit-touch-callout: none;
20
- -webkit-user-select: none;
21
- -khtml-user-select: none;
22
- -moz-user-select: none;
23
- -ms-user-select: none;
24
- user-select: none;
25
- display: flex;
26
- align-items: center;
27
- height: 22px;
28
- }
29
- .mds-tree-item .mds-tree-content.mds-tree-active {
30
- background-color: #ebf3ff;
31
- }
32
- .mds-tree-item .mds-tree-content .mds-tree-expand {
33
- margin-right: 3px;
34
- }
35
- .mds-tree-item .mds-tree-content .mds-tree-expand .mdsicon {
36
- transition: all 0.3s;
37
- }
38
- .mds-tree-item .mds-tree-content .mds-tree-loading {
39
- margin-right: 4px;
40
- font-size: 14px;
41
- }
42
- .mds-tree-item .mds-tree-content .mds-tree-checkbox {
43
- margin-left: 2px;
44
- margin-right: 8px;
45
- }
46
- .mds-tree-item .mds-tree-content .mds-tree-label-wrapper {
47
- font-size: 14px;
48
- line-height: 1;
49
- }
50
- .mds-tree-item .mds-tree-content .mds-tree-label-wrapper .mds-tree-label-highlight {
51
- color: #0364ff;
52
- }
53
- .mds-tree-item .mds-tree-content .mds-tree-active-label {
54
- color: #0364ff;
55
- }
56
- .mds-tree-item .mds-tree-content .mds-tree-expand {
57
- cursor: pointer;
58
- width: 14px;
59
- font-size: 12px;
60
- line-height: 1;
61
- }
62
- .mds-tree-item .mds-tree-content .mds-tree-trans {
63
- transform: rotate(-90deg);
64
- }
65
- .mds-tree-item .mds-tree-content:hover {
66
- background-color: #ebf3ff;
67
- }
68
- .mds-tree-item > .ant-motion-collapse {
69
- transition: height 0.5s;
70
- -webkit-transition: height 0.5s;
71
- }
72
- .mds-tree-empty-wrapper {
73
- display: flex;
74
- align-items: center;
75
- justify-content: center;
76
- min-height: 60px;
77
- }
78
- .mds-tree-empty-wrapper .mds-tree-empty-text {
79
- color: #a9abba;
80
- line-height: 22px;
81
- }
82
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
83
- /* stylelint-disable declaration-bang-space-before */
84
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-tree-item{color:#666;font-size:0}.mds-tree-item .mds-tree-block-hover{display:flex;align-items:center}.mds-tree-item .mds-tree-block-hover:before{content:"";background-color:#0364ff;width:100%;height:1px}.mds-tree-item .mds-tree-content{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;height:22px}.mds-tree-item .mds-tree-content.mds-tree-active{background-color:#ebf3ff}.mds-tree-item .mds-tree-content .mds-tree-expand{margin-right:3px}.mds-tree-item .mds-tree-content .mds-tree-expand .mdsicon{transition:all .3s}.mds-tree-item .mds-tree-content .mds-tree-loading{margin-right:4px;font-size:14px}.mds-tree-item .mds-tree-content .mds-tree-checkbox{margin-left:2px;margin-right:8px}.mds-tree-item .mds-tree-content .mds-tree-label-wrapper{font-size:14px;line-height:1}.mds-tree-item .mds-tree-content .mds-tree-active-label,.mds-tree-item .mds-tree-content .mds-tree-label-wrapper .mds-tree-label-highlight{color:#0364ff}.mds-tree-item .mds-tree-content .mds-tree-expand{cursor:pointer;width:14px;font-size:12px;line-height:1}.mds-tree-item .mds-tree-content .mds-tree-trans{transform:rotate(-90deg)}.mds-tree-item .mds-tree-content:hover{background-color:#ebf3ff}.mds-tree-item>.ant-motion-collapse{transition:height .5s;-webkit-transition:height .5s}.mds-tree-empty-wrapper{display:flex;align-items:center;justify-content:center;min-height:60px}.mds-tree-empty-wrapper .mds-tree-empty-text{color:#a9abba;line-height:22px}
package/dist/style/typography.css CHANGED
@@ -1,126 +1 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
- /* stylelint-disable declaration-bang-space-before */
3
- /* stylelint-disable declaration-bang-space-before */
4
- /*省略号*/
5
- .mds-typography {
6
- width: 100%;
7
- font-size: 14px;
8
- font-family: PingFangSC-Regular, PingFang SC;
9
- font-weight: 400;
10
- color: #354052;
11
- line-height: 22px;
12
- }
13
- .mds-typography--ellipsis {
14
- width: 98%;
15
- overflow: hidden;
16
- text-overflow: ellipsis;
17
- white-space: nowrap;
18
- margin-bottom: 16px;
19
- }
20
- .mds-typography--multiple {
21
- width: 96%;
22
- overflow: hidden;
23
- text-overflow: ellipsis;
24
- display: -webkit-box;
25
- -webkit-line-clamp: 2;
26
- -webkit-box-orient: vertical;
27
- }
28
- .mds-typography--btn {
29
- display: inline-block;
30
- font-size: 14px;
31
- font-family: PingFangSC-Regular, PingFang SC;
32
- font-weight: 400;
33
- color: #0364ff;
34
- line-height: 22px;
35
- cursor: pointer;
36
- }
37
- /*基本样式*/
38
- .typography-introduce {
39
- margin-bottom: 32px;
40
- }
41
- .typography-introduce h2 {
42
- font-size: 38px;
43
- font-family: PingFangSC-Medium, PingFang SC;
44
- font-weight: 500;
45
- color: #000000;
46
- line-height: 46px;
47
- margin-bottom: 24px;
48
- }
49
- .typography-introduce div {
50
- font-size: 14px;
51
- font-family: PingFangSC-Regular, PingFang SC;
52
- font-weight: 400;
53
- color: #354052;
54
- line-height: 22px;
55
- margin-bottom: 16px;
56
- }
57
- .typography-background h3 {
58
- font-size: 30px;
59
- font-family: PingFangSC-Medium, PingFang SC;
60
- font-weight: 500;
61
- color: #000000;
62
- line-height: 38px;
63
- margin-bottom: 16px;
64
- }
65
- .typography-background p,
66
- .typography-background ul li {
67
- font-size: 14px;
68
- font-family: PingFangSC-Regular, PingFang SC;
69
- font-weight: 400;
70
- color: #354052;
71
- line-height: 22px;
72
- margin-bottom: 16px;
73
- }
74
- .typography-background ul li {
75
- display: flex;
76
- align-items: center;
77
- }
78
- .typography-background ul li span {
79
- width: 6px;
80
- height: 6px;
81
- background: #7f8fa4;
82
- border-radius: 50%;
83
- display: inline-block;
84
- margin-right: 16px;
85
- }
86
- /*标题组件*/
87
- .typography-title .mds-title {
88
- font-family: PingFangSC-Medium, PingFang SC;
89
- font-weight: 500;
90
- color: #000000;
91
- margin-bottom: 32px;
92
- }
93
- .typography-title .mds-title__h1 {
94
- font-size: 38px;
95
- }
96
- .typography-title .mds-title__h2 {
97
- font-size: 30px;
98
- }
99
- .typography-title .mds-title__h3 {
100
- font-size: 24px;
101
- }
102
- .typography-title .mds-title__h4 {
103
- font-size: 20px;
104
- }
105
- .typography-title .mds-title__h5 {
106
- font-size: 16px;
107
- }
108
- /*段落大小*/
109
- .typography-paragraph-long {
110
- font-size: 14px;
111
- font-family: PingFangSC-Regular, PingFang SC;
112
- font-weight: 400;
113
- color: #354052;
114
- line-height: 22px;
115
- margin-bottom: 16px;
116
- }
117
- .typography-paragraph-short {
118
- font-size: 14px;
119
- font-family: PingFangSC-Regular, PingFang SC;
120
- font-weight: 400;
121
- color: #354052;
122
- line-height: 20px;
123
- }
124
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
125
- /* stylelint-disable declaration-bang-space-before */
126
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-typography{width:100%;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#354052;line-height:22px}.mds-typography--ellipsis{width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px}.mds-typography--multiple{width:96%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mds-typography--btn{display:inline-block;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#0364ff;line-height:22px;cursor:pointer}.typography-introduce{margin-bottom:32px}.typography-introduce h2{font-size:38px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;line-height:46px;margin-bottom:24px}.typography-introduce div{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#354052;line-height:22px;margin-bottom:16px}.typography-background h3{font-size:30px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;line-height:38px;margin-bottom:16px}.typography-background p,.typography-background ul li{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#354052;line-height:22px;margin-bottom:16px}.typography-background ul li{display:flex;align-items:center}.typography-background ul li span{width:6px;height:6px;background:#7f8fa4;border-radius:50%;display:inline-block;margin-right:16px}.typography-title .mds-title{font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;margin-bottom:32px}.typography-title .mds-title__h1{font-size:38px}.typography-title .mds-title__h2{font-size:30px}.typography-title .mds-title__h3{font-size:24px}.typography-title .mds-title__h4{font-size:20px}.typography-title .mds-title__h5{font-size:16px}.typography-paragraph-long{line-height:22px;margin-bottom:16px}.typography-paragraph-long,.typography-paragraph-short{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#354052}.typography-paragraph-short{line-height:20px}
package/dist/style/upload.css CHANGED
@@ -1,320 +1 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
- /* stylelint-disable declaration-bang-space-before */
3
- /* stylelint-disable declaration-bang-space-before */
4
- .mds-upload__input {
5
- display: none;
6
- }
7
- .upload-content {
8
- width: 108px;
9
- }
10
- .mds-upload-files-info {
11
- margin-top: 8px;
12
- }
13
- .mds-upload-files-info .mds-upload-succeed {
14
- background-color: #fafafd;
15
- }
16
- .mds-upload-files-info .mds-upload-error {
17
- background-color: #fff2f0;
18
- }
19
- .mds-upload-upload-text .mds-upload-card {
20
- height: 40px;
21
- width: 354px;
22
- border-radius: 2px;
23
- box-sizing: border-box;
24
- padding: 0 36px 0 12px;
25
- font-weight: 400;
26
- position: relative;
27
- overflow: hidden;
28
- display: flex;
29
- align-items: center;
30
- cursor: pointer;
31
- line-height: 40px;
32
- margin-top: 3px;
33
- }
34
- .mds-upload-upload-text .mds-upload-card-status {
35
- position: absolute;
36
- right: 13px;
37
- top: 0px;
38
- color: #ccd2db;
39
- line-height: 40px;
40
- min-width: 16px;
41
- min-height: 60px;
42
- }
43
- .mds-upload-upload-text .mds-upload-card-status i {
44
- font-size: 16px;
45
- }
46
- .mds-upload-upload-text .mds-upload-card-success {
47
- color: #00ba00;
48
- }
49
- .mds-upload-upload-text .mds-upload-card-error {
50
- color: #ee3333;
51
- }
52
- .mds-upload-upload-text .mds-upload-card-delete {
53
- display: none;
54
- }
55
- .mds-upload-upload-text .mds-upload-card-eyes {
56
- display: none;
57
- margin-right: 15px;
58
- }
59
- .mds-upload-upload-text .mds-upload-card-process-bar {
60
- position: absolute;
61
- bottom: 0;
62
- left: 0;
63
- height: 2px;
64
- background-color: #00ba00;
65
- }
66
- .mds-upload-upload-text .mds-upload-card:hover {
67
- background-color: #eef8ff;
68
- }
69
- .mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-delete {
70
- display: inline-block;
71
- }
72
- .mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-success {
73
- display: none !important;
74
- }
75
- .mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-error {
76
- display: none !important;
77
- }
78
- .mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-eyes {
79
- display: inline-block;
80
- }
81
- .mds-upload-upload-text .mds-upload-card-name {
82
- display: inline-block;
83
- width: 270px;
84
- margin-left: 4px;
85
- overflow: hidden;
86
- text-overflow: ellipsis;
87
- white-space: nowrap;
88
- }
89
- .mds-upload-imgs .mds-upload-card {
90
- height: 61px;
91
- width: 354px;
92
- border-radius: 2px;
93
- box-sizing: border-box;
94
- padding: 0 36px 0 12px;
95
- font-weight: 400;
96
- position: relative;
97
- overflow: hidden;
98
- display: flex;
99
- align-items: center;
100
- cursor: pointer;
101
- margin-top: 3px;
102
- }
103
- .mds-upload-imgs .mds-upload-card-status {
104
- position: absolute;
105
- right: 13px;
106
- top: 0px;
107
- color: #ccd2db;
108
- line-height: 61px;
109
- min-width: 16px;
110
- min-height: 60px;
111
- }
112
- .mds-upload-imgs .mds-upload-card-status i {
113
- font-size: 16px;
114
- }
115
- .mds-upload-imgs .mds-upload-card-success {
116
- color: #00ba00;
117
- }
118
- .mds-upload-imgs .mds-upload-card-error {
119
- color: #ee3333;
120
- }
121
- .mds-upload-imgs .mds-upload-card-delete {
122
- display: none;
123
- }
124
- .mds-upload-imgs .mds-upload-card-eyes {
125
- display: none;
126
- margin-right: 15px;
127
- }
128
- .mds-upload-imgs .mds-upload-card-process-bar {
129
- position: absolute;
130
- bottom: 0;
131
- left: 0;
132
- height: 2px;
133
- background-color: #00ba00;
134
- }
135
- .mds-upload-imgs .mds-upload-card:hover {
136
- background-color: #eef8ff;
137
- }
138
- .mds-upload-imgs .mds-upload-card:hover .mds-upload-card-delete {
139
- display: inline-block;
140
- }
141
- .mds-upload-imgs .mds-upload-card:hover .mds-upload-card-success {
142
- display: none !important;
143
- }
144
- .mds-upload-imgs .mds-upload-card:hover .mds-upload-card-error {
145
- display: none !important;
146
- }
147
- .mds-upload-imgs .mds-upload-card:hover .mds-upload-card-eyes {
148
- display: inline-block;
149
- }
150
- .mds-upload-imgs .mds-upload-card > i:nth-child(1) {
151
- font-size: 27px;
152
- }
153
- .mds-upload-imgs .mds-upload-card-icon {
154
- height: 31px;
155
- width: 31px;
156
- }
157
- .mds-upload-imgs .mds-upload-card-data {
158
- margin-left: 4px;
159
- overflow: hidden;
160
- }
161
- .mds-upload-imgs .mds-upload-card-data-name {
162
- font-size: 14px;
163
- font-family: PingFangSC-Medium, PingFang SC;
164
- color: #354052;
165
- line-height: 22px;
166
- overflow: hidden;
167
- text-overflow: ellipsis;
168
- white-space: nowrap;
169
- }
170
- .mds-upload-imgs .mds-upload-card-data-size {
171
- font-size: 12px;
172
- font-family: PingFangSC-Regular, PingFang SC;
173
- font-weight: 400;
174
- color: #ee3333;
175
- line-height: 20px;
176
- }
177
- .upload-list-photo-wall {
178
- display: flex;
179
- flex-wrap: wrap;
180
- justify-content: flex-start;
181
- align-items: center;
182
- }
183
- .upload-list-photo-wall .upload-list-photo_item {
184
- width: 130px;
185
- height: 130px;
186
- padding: 8px;
187
- border-radius: 4px;
188
- border: 1px solid #cad2dd;
189
- margin-right: 8px;
190
- margin-bottom: 8px;
191
- }
192
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done {
193
- width: 100%;
194
- height: 100%;
195
- display: flex;
196
- justify-content: center;
197
- align-items: center;
198
- position: relative;
199
- }
200
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done .upload-list-photo_item-thumbnail {
201
- max-width: 100%;
202
- max-height: 100%;
203
- border-radius: 4px;
204
- }
205
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done .upload-list-photo_item-tool {
206
- display: none;
207
- }
208
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done .upload-list-photo_item-tool li {
209
- cursor: pointer;
210
- }
211
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done:hover .upload-list-photo_item-tool {
212
- position: absolute;
213
- bottom: 0;
214
- left: 0;
215
- width: 100%;
216
- display: flex;
217
- align-items: center;
218
- justify-content: space-around;
219
- height: 36px;
220
- background: rgba(0, 0, 0, 0.65);
221
- border-radius: 4px;
222
- font-size: 16px;
223
- color: white;
224
- }
225
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading {
226
- width: 100%;
227
- height: 100%;
228
- display: flex;
229
- flex-direction: column;
230
- align-items: center;
231
- justify-content: space-around;
232
- padding-top: 8px;
233
- }
234
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading .fileType {
235
- font-size: 40px;
236
- }
237
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading .uploadProgress {
238
- width: 100%;
239
- height: 18px;
240
- padding: 0 8px;
241
- }
242
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading span {
243
- font-size: 14px;
244
- font-family: PingFangSC-Regular, PingFang SC;
245
- font-weight: 400;
246
- color: #7f8fa4;
247
- line-height: 22px;
248
- }
249
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-fail {
250
- width: 100%;
251
- height: 100%;
252
- display: flex;
253
- flex-direction: column;
254
- align-items: center;
255
- justify-content: flex-start;
256
- padding-top: 14px;
257
- }
258
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-fail .errorType {
259
- font-size: 40px;
260
- color: #EE3333;
261
- }
262
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-add {
263
- width: 100%;
264
- height: 100%;
265
- display: flex;
266
- flex-direction: column;
267
- align-items: center;
268
- justify-content: center;
269
- color: #CCD2DB;
270
- }
271
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-add .plusType {
272
- font-size: 28px;
273
- margin-bottom: 4px;
274
- }
275
- .upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-add span {
276
- font-size: 14px;
277
- font-family: PingFangSC-Regular, PingFang SC;
278
- font-weight: 400;
279
- color: #7f8fa4;
280
- line-height: 22px;
281
- }
282
- .upload-list-photo-wall .upload-list-photo_add {
283
- background: #fafafd;
284
- border-radius: 4px;
285
- border: 1px dashed #ccd2db;
286
- cursor: pointer;
287
- }
288
- .upload-list-dragger {
289
- width: 360px;
290
- border-radius: 4px;
291
- border: 1px dashed #ccd2db;
292
- padding: 8px;
293
- }
294
- .upload-list-dragger .upload-list-dragger_content {
295
- background: #fafafd;
296
- border-radius: 4px;
297
- width: 100%;
298
- font-size: 14px;
299
- font-family: PingFangSC-Regular, PingFang SC;
300
- font-weight: 400;
301
- color: #7f8fa4;
302
- line-height: 22px;
303
- }
304
- .upload-list-dragger .upload-list-dragger_content .defaultUploadIcon {
305
- display: flex;
306
- flex-direction: column;
307
- justify-content: center;
308
- align-items: center;
309
- height: 180px;
310
- }
311
- .upload-list-dragger .upload-list-dragger_content .defaultUploadIcon .uploadIcon {
312
- font-size: 46px;
313
- margin-bottom: 12px;
314
- }
315
- .upload-list-dragger .upload-list-dragger_content .defaultUploadIcon a {
316
- color: #0364ff;
317
- }
318
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
319
- /* stylelint-disable declaration-bang-space-before */
320
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-upload__input{display:none}.upload-content{width:108px}.mds-upload-files-info{margin-top:8px}.mds-upload-files-info .mds-upload-succeed{background-color:#fafafd}.mds-upload-files-info .mds-upload-error{background-color:#fff2f0}.mds-upload-upload-text .mds-upload-card{height:40px;width:354px;border-radius:2px;box-sizing:border-box;padding:0 36px 0 12px;font-weight:400;position:relative;overflow:hidden;display:flex;align-items:center;cursor:pointer;line-height:40px;margin-top:3px}.mds-upload-upload-text .mds-upload-card-status{position:absolute;right:13px;top:0;color:#ccd2db;line-height:40px;min-width:16px;min-height:60px}.mds-upload-upload-text .mds-upload-card-status i{font-size:16px}.mds-upload-upload-text .mds-upload-card-success{color:#00ba00}.mds-upload-upload-text .mds-upload-card-error{color:#e33}.mds-upload-upload-text .mds-upload-card-delete{display:none}.mds-upload-upload-text .mds-upload-card-eyes{display:none;margin-right:15px}.mds-upload-upload-text .mds-upload-card-process-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#00ba00}.mds-upload-upload-text .mds-upload-card:hover{background-color:#eef8ff}.mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-delete{display:inline-block}.mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-error,.mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-success{display:none!important}.mds-upload-upload-text .mds-upload-card:hover .mds-upload-card-eyes{display:inline-block}.mds-upload-upload-text .mds-upload-card-name{display:inline-block;width:270px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mds-upload-imgs .mds-upload-card{height:61px;width:354px;border-radius:2px;box-sizing:border-box;padding:0 36px 0 12px;font-weight:400;position:relative;overflow:hidden;display:flex;align-items:center;cursor:pointer;margin-top:3px}.mds-upload-imgs .mds-upload-card-status{position:absolute;right:13px;top:0;color:#ccd2db;line-height:61px;min-width:16px;min-height:60px}.mds-upload-imgs .mds-upload-card-status i{font-size:16px}.mds-upload-imgs .mds-upload-card-success{color:#00ba00}.mds-upload-imgs .mds-upload-card-error{color:#e33}.mds-upload-imgs .mds-upload-card-delete{display:none}.mds-upload-imgs .mds-upload-card-eyes{display:none;margin-right:15px}.mds-upload-imgs .mds-upload-card-process-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#00ba00}.mds-upload-imgs .mds-upload-card:hover{background-color:#eef8ff}.mds-upload-imgs .mds-upload-card:hover .mds-upload-card-delete{display:inline-block}.mds-upload-imgs .mds-upload-card:hover .mds-upload-card-error,.mds-upload-imgs .mds-upload-card:hover .mds-upload-card-success{display:none!important}.mds-upload-imgs .mds-upload-card:hover .mds-upload-card-eyes{display:inline-block}.mds-upload-imgs .mds-upload-card>i:first-child{font-size:27px}.mds-upload-imgs .mds-upload-card-icon{height:31px;width:31px}.mds-upload-imgs .mds-upload-card-data{margin-left:4px;overflow:hidden}.mds-upload-imgs .mds-upload-card-data-name{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#354052;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mds-upload-imgs .mds-upload-card-data-size{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#e33;line-height:20px}.upload-list-photo-wall{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.upload-list-photo-wall .upload-list-photo_item{width:130px;height:130px;padding:8px;border-radius:4px;border:1px solid #cad2dd;margin-right:8px;margin-bottom:8px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done .upload-list-photo_item-thumbnail{max-width:100%;max-height:100%;border-radius:4px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done .upload-list-photo_item-tool{display:none}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done .upload-list-photo_item-tool li{cursor:pointer}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-done:hover .upload-list-photo_item-tool{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-around;height:36px;background:rgba(0,0,0,.65);border-radius:4px;font-size:16px;color:#fff}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding-top:8px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading .fileType{font-size:40px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading .uploadProgress{width:100%;height:18px;padding:0 8px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-uploading span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7f8fa4;line-height:22px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-fail{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:14px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-fail .errorType{font-size:40px;color:#e33}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-add{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccd2db}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-add .plusType{font-size:28px;margin-bottom:4px}.upload-list-photo-wall .upload-list-photo_item .upload-list-photo_item-add span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7f8fa4;line-height:22px}.upload-list-photo-wall .upload-list-photo_add{background:#fafafd;border-radius:4px;border:1px dashed #ccd2db;cursor:pointer}.upload-list-dragger{width:360px;border-radius:4px;border:1px dashed #ccd2db;padding:8px}.upload-list-dragger .upload-list-dragger_content{background:#fafafd;border-radius:4px;width:100%;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7f8fa4;line-height:22px}.upload-list-dragger .upload-list-dragger_content .defaultUploadIcon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:180px}.upload-list-dragger .upload-list-dragger_content .defaultUploadIcon .uploadIcon{font-size:46px;margin-bottom:12px}.upload-list-dragger .upload-list-dragger_content .defaultUploadIcon a{color:#0364ff}
package/package.json CHANGED
@@ -1,8 +1,12 @@
1
1
  {
2
2
  "name": "@mdsfe/mds-ui",
3
- "version": "0.4.0-rc.2",
3
+ "version": "0.4.0-rc.4",
4
4
  "description": "A set of enterprise-class Vue UI components.",
5
5
  "main": "dist/index.js",
6
+ "module": "dist/index.js",
7
+ "unpkg": "dist/mds-ui.min.js",
8
+ "jsdelivr": "dist/mds-ui.min.js",
9
+ "style": "dist/mds-ui.min.css",
6
10
  "scripts": {
7
11
  "dev": "cross-env NODE_ENV=development webpack-dev-server --config ./build/webpack.dev.config.js --open --hot",
8
12
  "site": "cross-env NODE_ENV=development webpack-dev-server --config ./build/webpack.site.config.js --open --hot",