@mdsfe/mds-ui 0.4.0-rc.1 → 0.4.0-rc.3

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 (121) hide show
  1. package/dist/affix.js +10 -10
  2. package/dist/alert.js +6 -6
  3. package/dist/anchor.js +6 -6
  4. package/dist/avatar.js +6 -6
  5. package/dist/backtop.js +11 -11
  6. package/dist/badge.js +18 -18
  7. package/dist/bordershadow.js +6 -6
  8. package/dist/breadcrumb.js +6 -6
  9. package/dist/button.js +11 -18
  10. package/dist/card.js +6 -6
  11. package/dist/carousel.js +8 -8
  12. package/dist/cascader.js +21 -21
  13. package/dist/cascaderpanel.js +15 -15
  14. package/dist/checkbox.js +4 -4
  15. package/dist/col.js +8 -8
  16. package/dist/collapse.js +6 -6
  17. package/dist/color.js +6 -6
  18. package/dist/datepicker.js +22 -22
  19. package/dist/divider.js +6 -6
  20. package/dist/drawer.js +9 -9
  21. package/dist/dropdown.js +13 -35
  22. package/dist/empty.js +6 -6
  23. package/dist/font.js +6 -6
  24. package/dist/form.js +10 -10
  25. package/dist/icon.js +6 -6
  26. package/dist/index.js +7 -7
  27. package/dist/input.js +10 -10
  28. package/dist/inputnumber.js +6 -6
  29. package/dist/layout.js +6 -6
  30. package/dist/list.js +6 -6
  31. package/dist/loading.js +6 -6
  32. package/dist/mds-ui.min.css +1 -1
  33. package/dist/mds-ui.min.js +15 -14
  34. package/dist/menu.js +17 -17
  35. package/dist/message.js +4 -4
  36. package/dist/modal.js +11 -11
  37. package/dist/notification.js +11 -11
  38. package/dist/pagination.js +11 -11
  39. package/dist/popconfirm.js +18 -64
  40. package/dist/popover.js +11 -18
  41. package/dist/progress.js +6 -6
  42. package/dist/radio.js +6 -6
  43. package/dist/rate.js +10 -10
  44. package/dist/row.js +8 -8
  45. package/dist/select.js +20 -20
  46. package/dist/slider.js +25 -25
  47. package/dist/slottable.js +18 -18
  48. package/dist/steps.js +6 -6
  49. package/dist/style/affix.css +1 -10
  50. package/dist/style/alert.css +1 -138
  51. package/dist/style/anchor.css +1 -58
  52. package/dist/style/avatar.css +1 -73
  53. package/dist/style/backtop.css +1 -34
  54. package/dist/style/badge.css +1 -141
  55. package/dist/style/bordershadow.css +1 -42
  56. package/dist/style/breadcrumb.css +1 -37
  57. package/dist/style/button.css +1 -2172
  58. package/dist/style/card.css +1 -156
  59. package/dist/style/carousel.css +1 -217
  60. package/dist/style/cascader.css +1 -214
  61. package/dist/style/cascaderpanel.css +1 -122
  62. package/dist/style/checkbox.css +1 -186
  63. package/dist/style/col.css +1 -2607
  64. package/dist/style/collapse.css +1 -79
  65. package/dist/style/color.css +1 -622
  66. package/dist/style/datepicker.css +1 -542
  67. package/dist/style/divider.css +1 -47
  68. package/dist/style/drawer.css +1 -2465
  69. package/dist/style/dropdown.css +1 -2443
  70. package/dist/style/empty.css +1 -49
  71. package/dist/style/font.css +1 -45
  72. package/dist/style/form.css +1 -148
  73. package/dist/style/icon.css +1 -25
  74. package/dist/style/index.css +1 -1
  75. package/dist/style/input.css +1 -760
  76. package/dist/style/inputnumber.css +1 -314
  77. package/dist/style/layout.css +1 -58
  78. package/dist/style/list.css +1 -141
  79. package/dist/style/loading.css +1 -2329
  80. package/dist/style/menu.css +1 -658
  81. package/dist/style/message.css +1 -191
  82. package/dist/style/modal.css +1 -123
  83. package/dist/style/notification.css +1 -192
  84. package/dist/style/pagination.css +1 -1190
  85. package/dist/style/popconfirm.css +1 -2369
  86. package/dist/style/popover.css +1 -138
  87. package/dist/style/progress.css +1 -179
  88. package/dist/style/radio.css +1 -255
  89. package/dist/style/rate.css +1 -81
  90. package/dist/style/row.css +1 -2607
  91. package/dist/style/select.css +1 -221
  92. package/dist/style/slider.css +1 -80
  93. package/dist/style/slottable.css +1 -296
  94. package/dist/style/steps.css +1 -586
  95. package/dist/style/switch.css +1 -110
  96. package/dist/style/table.css +1 -2778
  97. package/dist/style/tabs.css +1 -518
  98. package/dist/style/tag.css +1 -421
  99. package/dist/style/text.css +1 -122
  100. package/dist/style/timeline.css +1 -88
  101. package/dist/style/timepicker.css +1 -393
  102. package/dist/style/tooltip.css +1 -161
  103. package/dist/style/transfer.css +1 -206
  104. package/dist/style/transition.css +1 -1413
  105. package/dist/style/tree.css +1 -84
  106. package/dist/style/typography.css +1 -126
  107. package/dist/style/upload.css +1 -320
  108. package/dist/switch.js +6 -6
  109. package/dist/table.js +66 -80
  110. package/dist/tabs.js +6 -6
  111. package/dist/tag.js +6 -6
  112. package/dist/text.js +828 -828
  113. package/dist/timeline.js +6 -6
  114. package/dist/timepicker.js +18 -18
  115. package/dist/tooltip.js +8 -8
  116. package/dist/transfer.js +75 -75
  117. package/dist/transition.js +4 -4
  118. package/dist/tree.js +6 -6
  119. package/dist/typography.js +6 -6
  120. package/dist/upload.js +10 -10
  121. package/package.json +1 -1
package/dist/style/inputnumber.css CHANGED
@@ -1,314 +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-inputnumber {
5
- display: inline-block;
6
- position: relative;
7
- border: 1px solid #D9D9D9;
8
- overflow: hidden;
9
- }
10
- .mds-inputnumber:hover {
11
- border-color: #0364FF;
12
- cursor: pointer;
13
- }
14
- .mds-inputnumber.disabled:hover {
15
- border: 1px solid #D9D9D9;
16
- cursor: not-allowed;
17
- }
18
- .mds-inputnumber-medium {
19
- width: 120px;
20
- height: 36px;
21
- border-radius: 3px;
22
- }
23
- .mds-inputnumber-medium.is-control-right {
24
- width: 72px;
25
- height: 36px;
26
- position: relative;
27
- }
28
- .mds-inputnumber-medium.is-control-right > .mds-inputnumber_decrease {
29
- width: 32px;
30
- height: 18px;
31
- line-height: 18px;
32
- position: absolute;
33
- z-index: 500;
34
- bottom: 0;
35
- right: 0;
36
- top: auto;
37
- left: auto;
38
- border: none;
39
- border-left: 1px solid #CAD2DD;
40
- }
41
- .mds-inputnumber-medium.is-control-right > .mds-inputnumber_decrease:hover {
42
- color: #0364FF;
43
- }
44
- .mds-inputnumber-medium.is-control-right > .mds-inputnumber_increase {
45
- width: 32px;
46
- height: 18px;
47
- line-height: 18px;
48
- position: absolute;
49
- z-index: 500;
50
- top: 0;
51
- left: auto;
52
- right: 0;
53
- bottom: auto;
54
- border: none;
55
- border-left: 1px solid #CAD2DD;
56
- border-bottom: 1px solid #CAD2DD;
57
- }
58
- .mds-inputnumber-medium.is-control-right > .mds-inputnumber_increase:hover {
59
- color: #0364FF;
60
- }
61
- .mds-inputnumber-medium.is-control-right .mds-inputnumber-input {
62
- padding: 0 32px 0 0;
63
- }
64
- .mds-inputnumber-medium > .mds-inputnumber_decrease,
65
- .mds-inputnumber-medium > .mds-inputnumber_increase {
66
- width: 36px;
67
- height: 36px;
68
- line-height: 36px;
69
- }
70
- .mds-inputnumber-large {
71
- width: 136px;
72
- height: 40px;
73
- border-radius: 4px;
74
- }
75
- .mds-inputnumber-large.is-control-right {
76
- width: 80px;
77
- height: 40px;
78
- position: relative;
79
- }
80
- .mds-inputnumber-large.is-control-right > .mds-inputnumber_decrease {
81
- width: 40px;
82
- height: 20px;
83
- line-height: 20px;
84
- position: absolute;
85
- z-index: 500;
86
- bottom: 0;
87
- right: 0;
88
- top: auto;
89
- left: auto;
90
- border: none;
91
- border-left: 1px solid #CAD2DD;
92
- }
93
- .mds-inputnumber-large.is-control-right > .mds-inputnumber_decrease:hover {
94
- color: #0364FF;
95
- }
96
- .mds-inputnumber-large.is-control-right > .mds-inputnumber_increase {
97
- width: 40px;
98
- height: 20px;
99
- line-height: 20px;
100
- position: absolute;
101
- z-index: 500;
102
- top: 0;
103
- left: auto;
104
- right: 0;
105
- bottom: auto;
106
- border: none;
107
- border-left: 1px solid #CAD2DD;
108
- border-bottom: 1px solid #CAD2DD;
109
- }
110
- .mds-inputnumber-large.is-control-right > .mds-inputnumber_increase:hover {
111
- color: #0364FF;
112
- }
113
- .mds-inputnumber-large.is-control-right .mds-inputnumber-input {
114
- padding: 0 40px 0 0;
115
- }
116
- .mds-inputnumber-large > .mds-inputnumber_decrease,
117
- .mds-inputnumber-large > .mds-inputnumber_increase {
118
- width: 40px;
119
- height: 40px;
120
- line-height: 40px;
121
- }
122
- .mds-inputnumber-large > .mds-inputnumber-input > input {
123
- height: 40px;
124
- }
125
- .mds-inputnumber-small {
126
- width: 104px;
127
- height: 32px;
128
- border-radius: 2px;
129
- }
130
- .mds-inputnumber-small.is-control-right {
131
- width: 64px;
132
- height: 32px;
133
- position: relative;
134
- }
135
- .mds-inputnumber-small.is-control-right > .mds-inputnumber_decrease {
136
- width: 24px;
137
- height: 16px;
138
- line-height: 16px;
139
- position: absolute;
140
- z-index: 500;
141
- bottom: 0;
142
- right: 0;
143
- top: auto;
144
- left: auto;
145
- border: none;
146
- border-left: 1px solid #CAD2DD;
147
- }
148
- .mds-inputnumber-small.is-control-right > .mds-inputnumber_decrease:hover {
149
- color: #0364FF;
150
- }
151
- .mds-inputnumber-small.is-control-right > .mds-inputnumber_increase {
152
- width: 24px;
153
- height: 16px;
154
- line-height: 16px;
155
- position: absolute;
156
- z-index: 500;
157
- top: 0;
158
- left: auto;
159
- right: 0;
160
- bottom: auto;
161
- border: none;
162
- border-left: 1px solid #CAD2DD;
163
- border-bottom: 1px solid #CAD2DD;
164
- }
165
- .mds-inputnumber-small.is-control-right > .mds-inputnumber_increase:hover {
166
- color: #0364FF;
167
- }
168
- .mds-inputnumber-small.is-control-right .mds-inputnumber-input {
169
- padding: 0 24px 0 0;
170
- }
171
- .mds-inputnumber-small > .mds-inputnumber_decrease,
172
- .mds-inputnumber-small > .mds-inputnumber_increase {
173
- width: 32px;
174
- height: 32px;
175
- line-height: 32px;
176
- }
177
- .mds-inputnumber-small > .mds-inputnumber-input {
178
- padding: 0 31px;
179
- }
180
- .mds-inputnumber-small > .mds-inputnumber-input > input {
181
- height: 32px;
182
- padding: 0 0px;
183
- }
184
- .mds-inputnumber-mini {
185
- width: 88px;
186
- height: 28px;
187
- border-radius: 1px;
188
- }
189
- .mds-inputnumber-mini.is-control-right {
190
- width: 55px;
191
- height: 28px;
192
- position: relative;
193
- }
194
- .mds-inputnumber-mini.is-control-right > .mds-inputnumber_decrease {
195
- width: 16px;
196
- height: 14px;
197
- line-height: 14px;
198
- position: absolute;
199
- z-index: 500;
200
- bottom: 0;
201
- right: 0;
202
- top: auto;
203
- left: auto;
204
- border: none;
205
- border-left: 1px solid #CAD2DD;
206
- }
207
- .mds-inputnumber-mini.is-control-right > .mds-inputnumber_decrease:hover {
208
- color: #0364FF;
209
- }
210
- .mds-inputnumber-mini.is-control-right > .mds-inputnumber_increase {
211
- width: 16px;
212
- height: 14px;
213
- line-height: 14px;
214
- position: absolute;
215
- z-index: 500;
216
- top: 0;
217
- left: auto;
218
- right: 0;
219
- bottom: auto;
220
- border: none;
221
- border-left: 1px solid #CAD2DD;
222
- border-bottom: 1px solid #CAD2DD;
223
- }
224
- .mds-inputnumber-mini.is-control-right > .mds-inputnumber_increase:hover {
225
- color: #0364FF;
226
- }
227
- .mds-inputnumber-mini.is-control-right .mds-inputnumber-input {
228
- padding: 0 16px 0 0;
229
- }
230
- .mds-inputnumber-mini > .mds-inputnumber_decrease,
231
- .mds-inputnumber-mini > .mds-inputnumber_increase {
232
- width: 28px;
233
- height: 28px;
234
- line-height: 28px;
235
- }
236
- .mds-inputnumber-mini > .mds-inputnumber-input {
237
- padding: 0 26px;
238
- }
239
- .mds-inputnumber-mini > .mds-inputnumber-input > input {
240
- height: 28px;
241
- padding: 0 0px;
242
- }
243
- .mds-inputnumber_decrease {
244
- position: absolute;
245
- left: 0;
246
- top: 0;
247
- z-index: 10;
248
- text-align: center;
249
- border-right: 1px solid #CAD2DD;
250
- cursor: pointer;
251
- color: #5E6C84;
252
- }
253
- .mds-inputnumber_decrease:hover {
254
- color: #0364FF;
255
- }
256
- .mds-inputnumber_decrease.disabled {
257
- background: #f0f2f5;
258
- cursor: not-allowed;
259
- }
260
- .mds-inputnumber_decrease.disabled:hover {
261
- color: #5E6C84;
262
- }
263
- .mds-inputnumber_increase {
264
- position: absolute;
265
- right: 0;
266
- top: 0;
267
- z-index: 10;
268
- text-align: center;
269
- color: #5E6C84;
270
- border-left: 1px solid #CAD2DD;
271
- cursor: pointer;
272
- }
273
- .mds-inputnumber_increase:hover {
274
- color: #0364FF;
275
- }
276
- .mds-inputnumber_increase.disabled {
277
- background: #f0f2f5;
278
- cursor: not-allowed;
279
- }
280
- .mds-inputnumber_increase.disabled:hover {
281
- color: #5E6C84;
282
- }
283
- .mds-inputnumber-input {
284
- box-sizing: border-box;
285
- border: none;
286
- padding: 0 36px;
287
- }
288
- .mds-inputnumber-input.disabled {
289
- background: #f0f2f5;
290
- }
291
- .mds-inputnumber-input > input {
292
- padding: 0 12px;
293
- font-size: 14px;
294
- border: none;
295
- font-family: PingFangSC-Regular, PingFang SC;
296
- font-weight: 400;
297
- color: #354052;
298
- text-align: center;
299
- }
300
- .mds-inputnumber-input > input.mds-input-disabled {
301
- background: #f0f2f5;
302
- }
303
- .mds-inputnumber.is-control-right .mds-inputnumber_decrease,
304
- .mds-inputnumber.is-control-right .mds-inputnumber_increase {
305
- color: #5E6C84;
306
- font-size: 12px;
307
- }
308
- .mds-inputnumber.is-control-right .mds-inputnumber-input > input {
309
- padding: 0 0 0 8px;
310
- text-align: left;
311
- }
312
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
313
- /* stylelint-disable declaration-bang-space-before */
314
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-inputnumber{display:inline-block;position:relative;border:1px solid #d9d9d9;overflow:hidden}.mds-inputnumber:hover{border-color:#0364ff;cursor:pointer}.mds-inputnumber.disabled:hover{border:1px solid #d9d9d9;cursor:not-allowed}.mds-inputnumber-medium{width:120px;height:36px;border-radius:3px}.mds-inputnumber-medium.is-control-right{width:72px;height:36px;position:relative}.mds-inputnumber-medium.is-control-right>.mds-inputnumber_decrease{width:32px;height:18px;line-height:18px;position:absolute;z-index:500;bottom:0;right:0;top:auto;left:auto;border:none;border-left:1px solid #cad2dd}.mds-inputnumber-medium.is-control-right>.mds-inputnumber_decrease:hover{color:#0364ff}.mds-inputnumber-medium.is-control-right>.mds-inputnumber_increase{width:32px;height:18px;line-height:18px;position:absolute;z-index:500;top:0;left:auto;right:0;bottom:auto;border:none;border-left:1px solid #cad2dd;border-bottom:1px solid #cad2dd}.mds-inputnumber-medium.is-control-right>.mds-inputnumber_increase:hover{color:#0364ff}.mds-inputnumber-medium.is-control-right .mds-inputnumber-input{padding:0 32px 0 0}.mds-inputnumber-medium>.mds-inputnumber_decrease,.mds-inputnumber-medium>.mds-inputnumber_increase{width:36px;height:36px;line-height:36px}.mds-inputnumber-large{width:136px;height:40px;border-radius:4px}.mds-inputnumber-large.is-control-right{width:80px;height:40px;position:relative}.mds-inputnumber-large.is-control-right>.mds-inputnumber_decrease{width:40px;height:20px;line-height:20px;position:absolute;z-index:500;bottom:0;right:0;top:auto;left:auto;border:none;border-left:1px solid #cad2dd}.mds-inputnumber-large.is-control-right>.mds-inputnumber_decrease:hover{color:#0364ff}.mds-inputnumber-large.is-control-right>.mds-inputnumber_increase{width:40px;height:20px;line-height:20px;position:absolute;z-index:500;top:0;left:auto;right:0;bottom:auto;border:none;border-left:1px solid #cad2dd;border-bottom:1px solid #cad2dd}.mds-inputnumber-large.is-control-right>.mds-inputnumber_increase:hover{color:#0364ff}.mds-inputnumber-large.is-control-right .mds-inputnumber-input{padding:0 40px 0 0}.mds-inputnumber-large>.mds-inputnumber_decrease,.mds-inputnumber-large>.mds-inputnumber_increase{width:40px;height:40px;line-height:40px}.mds-inputnumber-large>.mds-inputnumber-input>input{height:40px}.mds-inputnumber-small{width:104px;height:32px;border-radius:2px}.mds-inputnumber-small.is-control-right{width:64px;height:32px;position:relative}.mds-inputnumber-small.is-control-right>.mds-inputnumber_decrease{width:24px;height:16px;line-height:16px;position:absolute;z-index:500;bottom:0;right:0;top:auto;left:auto;border:none;border-left:1px solid #cad2dd}.mds-inputnumber-small.is-control-right>.mds-inputnumber_decrease:hover{color:#0364ff}.mds-inputnumber-small.is-control-right>.mds-inputnumber_increase{width:24px;height:16px;line-height:16px;position:absolute;z-index:500;top:0;left:auto;right:0;bottom:auto;border:none;border-left:1px solid #cad2dd;border-bottom:1px solid #cad2dd}.mds-inputnumber-small.is-control-right>.mds-inputnumber_increase:hover{color:#0364ff}.mds-inputnumber-small.is-control-right .mds-inputnumber-input{padding:0 24px 0 0}.mds-inputnumber-small>.mds-inputnumber_decrease,.mds-inputnumber-small>.mds-inputnumber_increase{width:32px;height:32px;line-height:32px}.mds-inputnumber-small>.mds-inputnumber-input{padding:0 31px}.mds-inputnumber-small>.mds-inputnumber-input>input{height:32px;padding:0}.mds-inputnumber-mini{width:88px;height:28px;border-radius:1px}.mds-inputnumber-mini.is-control-right{width:55px;height:28px;position:relative}.mds-inputnumber-mini.is-control-right>.mds-inputnumber_decrease{width:16px;height:14px;line-height:14px;position:absolute;z-index:500;bottom:0;right:0;top:auto;left:auto;border:none;border-left:1px solid #cad2dd}.mds-inputnumber-mini.is-control-right>.mds-inputnumber_decrease:hover{color:#0364ff}.mds-inputnumber-mini.is-control-right>.mds-inputnumber_increase{width:16px;height:14px;line-height:14px;position:absolute;z-index:500;top:0;left:auto;right:0;bottom:auto;border:none;border-left:1px solid #cad2dd;border-bottom:1px solid #cad2dd}.mds-inputnumber-mini.is-control-right>.mds-inputnumber_increase:hover{color:#0364ff}.mds-inputnumber-mini.is-control-right .mds-inputnumber-input{padding:0 16px 0 0}.mds-inputnumber-mini>.mds-inputnumber_decrease,.mds-inputnumber-mini>.mds-inputnumber_increase{width:28px;height:28px;line-height:28px}.mds-inputnumber-mini>.mds-inputnumber-input{padding:0 26px}.mds-inputnumber-mini>.mds-inputnumber-input>input{height:28px;padding:0}.mds-inputnumber_decrease{position:absolute;left:0;top:0;z-index:10;text-align:center;border-right:1px solid #cad2dd;cursor:pointer;color:#5e6c84}.mds-inputnumber_decrease:hover{color:#0364ff}.mds-inputnumber_decrease.disabled{background:#f0f2f5;cursor:not-allowed}.mds-inputnumber_decrease.disabled:hover{color:#5e6c84}.mds-inputnumber_increase{position:absolute;right:0;top:0;z-index:10;text-align:center;color:#5e6c84;border-left:1px solid #cad2dd;cursor:pointer}.mds-inputnumber_increase:hover{color:#0364ff}.mds-inputnumber_increase.disabled{background:#f0f2f5;cursor:not-allowed}.mds-inputnumber_increase.disabled:hover{color:#5e6c84}.mds-inputnumber-input{box-sizing:border-box;border:none;padding:0 36px}.mds-inputnumber-input.disabled{background:#f0f2f5}.mds-inputnumber-input>input{padding:0 12px;font-size:14px;border:none;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#354052;text-align:center}.mds-inputnumber-input>input.mds-input-disabled{background:#f0f2f5}.mds-inputnumber.is-control-right .mds-inputnumber_decrease,.mds-inputnumber.is-control-right .mds-inputnumber_increase{color:#5e6c84;font-size:12px}.mds-inputnumber.is-control-right .mds-inputnumber-input>input{padding:0 0 0 8px;text-align:left}
package/dist/style/layout.css CHANGED
@@ -1,58 +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
- .code-box-demo > .mds-layout {
5
- margin-bottom: 48px;
6
- }
7
- .mds-layout {
8
- display: flex;
9
- flex-direction: column;
10
- flex: auto;
11
- }
12
- .mds-layout.mds-layout-has-sider {
13
- flex-direction: row;
14
- }
15
- .mds-layout.mds-layout-has-sider > .mds-layout,
16
- .mds-layout.mds-layout-has-sider > .mds-layout-content {
17
- overflow-x: hidden;
18
- }
19
- .mds-layout-header,
20
- .mds-layout-footer {
21
- flex: 0 0 auto;
22
- }
23
- .mds-layout-content {
24
- flex: auto;
25
- }
26
- .mds-layout-sider {
27
- position: relative;
28
- }
29
- .mds-layout-sider-right {
30
- order: 1;
31
- }
32
- .mds-layout-sider-trigger {
33
- position: fixed;
34
- }
35
- .mds-layout-sider-zero-width > * {
36
- overflow: hidden;
37
- }
38
- .mds-layout-sider-zero-width-trigger {
39
- position: absolute;
40
- top: 64px;
41
- right: -36px;
42
- text-align: center;
43
- width: 36px;
44
- height: 42px;
45
- line-height: 42px;
46
- background: #404040;
47
- color: #fff;
48
- font-size: 18px;
49
- border-radius: 0 4px 4px 0;
50
- cursor: pointer;
51
- transition: background .3s ease;
52
- }
53
- .mds-layout-sider-zero-width-trigger:hover {
54
- background: #535353;
55
- }
56
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
57
- /* stylelint-disable declaration-bang-space-before */
58
- /* stylelint-disable declaration-bang-space-before */
1
+ .code-box-demo>.mds-layout{margin-bottom:48px}.mds-layout{display:flex;flex-direction:column;flex:auto}.mds-layout.mds-layout-has-sider{flex-direction:row}.mds-layout.mds-layout-has-sider>.mds-layout,.mds-layout.mds-layout-has-sider>.mds-layout-content{overflow-x:hidden}.mds-layout-footer,.mds-layout-header{flex:0 0 auto}.mds-layout-content{flex:auto}.mds-layout-sider{position:relative}.mds-layout-sider-right{order:1}.mds-layout-sider-trigger{position:fixed}.mds-layout-sider-zero-width>*{overflow:hidden}.mds-layout-sider-zero-width-trigger{position:absolute;top:64px;right:-36px;text-align:center;width:36px;height:42px;line-height:42px;background:#404040;color:#fff;font-size:18px;border-radius:0 4px 4px 0;cursor:pointer;transition:background .3s ease}.mds-layout-sider-zero-width-trigger:hover{background:#535353}
package/dist/style/list.css CHANGED
@@ -1,141 +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-list {
5
- color: #354052;
6
- }
7
- .mds-list-bordered {
8
- border: 1px solid #F0F2F5;
9
- border-radius: 4px;
10
- }
11
- .mds-list-head {
12
- font-size: 16px;
13
- padding: 0 24px;
14
- height: 56px;
15
- line-height: 56px;
16
- white-space: nowrap;
17
- font-weight: 500;
18
- color: #354052;
19
- border-bottom: 1px solid #F0F2F5;
20
- }
21
- .mds-list-foot {
22
- padding: 0 24px;
23
- height: 56px;
24
- line-height: 56px;
25
- white-space: nowrap;
26
- }
27
- .mds-list .mds-list-container {
28
- overflow: auto;
29
- }
30
- .mds-list .mds-list-item {
31
- padding: 0 24px;
32
- border-bottom: 1px solid #F0F2F5;
33
- }
34
- .mds-list .mds-list-item:hover {
35
- background-color: #EEF8FF;
36
- }
37
- .mds-list .mds-list-item:hover .mds-list-item-title {
38
- color: #0364FF !important;
39
- }
40
- .mds-list .mds-list-item:last-child {
41
- border-bottom-color: transparent;
42
- }
43
- .mds-list .mds-list-head,
44
- .mds-list .mds-list-foot {
45
- font-size: 16px;
46
- height: 56px;
47
- line-height: 56px;
48
- }
49
- .mds-list .mds-list-tips {
50
- padding: 15px 0;
51
- text-align: center;
52
- color: #7F8FA4;
53
- border-top: 1px solid #F0F2F5;
54
- }
55
- .mds-list .mds-list-loadmore {
56
- cursor: pointer;
57
- }
58
- .mds-list-sm .mds-list-item {
59
- padding-top: 8px;
60
- padding-bottom: 8px;
61
- }
62
- .mds-list-sm .mds-list-loadmore {
63
- padding: 6px 0;
64
- }
65
- .mds-list-default .mds-list-item {
66
- padding-top: 12px;
67
- padding-bottom: 12px;
68
- }
69
- .mds-list-lg .mds-list-item {
70
- padding-top: 16px;
71
- padding-bottom: 16px;
72
- }
73
- .mds-list .mds-list-item-container .mds-list-item-title {
74
- color: #354052;
75
- }
76
- .mds-list .mds-list-item-container .mds-list-item-desc {
77
- line-height: 22px;
78
- color: #7F8FA4;
79
- }
80
- .mds-list-default .mds-list-item-container .mds-list-item-title {
81
- font-size: 14px;
82
- line-height: 22px;
83
- }
84
- .mds-list-default .mds-list-item-container .mds-list-item-desc {
85
- margin-top: 3px;
86
- }
87
- .mds-list-lg .mds-list-item-container .mds-list-item-title {
88
- font-size: 16px;
89
- line-height: 24px;
90
- }
91
- .mds-list-lg .mds-list-item-container .mds-list-item-desc {
92
- margin-top: 12px;
93
- }
94
- .mds-list-complex .mds-list-item-container {
95
- font-size: 0;
96
- position: relative;
97
- display: table;
98
- border-collapse: separate;
99
- border-spacing: 0;
100
- width: 100%;
101
- }
102
- .mds-list-complex .mds-list-item-container .mds-list-item-cell {
103
- display: table-cell;
104
- font-size: 14px;
105
- vertical-align: top;
106
- }
107
- .mds-list-complex .mds-list-item-container .mds-list-item-avatar {
108
- padding-right: 16px;
109
- }
110
- .mds-list-complex .mds-list-item-container .mds-list-item-avatar .content {
111
- background-color: #222;
112
- }
113
- .mds-list-complex .mds-list-item-container .mds-list-item-remarks {
114
- width: 85px;
115
- padding-left: 40px;
116
- color: #7F8FA4;
117
- }
118
- .mds-list-default .mds-list-item-container .mds-list-item-avatar {
119
- width: 53px;
120
- }
121
- .mds-list-default .mds-list-item-container .mds-list-item-avatar .content {
122
- width: 36px;
123
- height: 36px;
124
- border-radius: 50%;
125
- }
126
- .mds-list-lg .mds-list-item-container .mds-list-item-avatar {
127
- width: 156px;
128
- }
129
- .mds-list-lg .mds-list-item-container .mds-list-item-avatar .content {
130
- width: 140px;
131
- height: 80px;
132
- }
133
- .mds-list-sm .mds-list-head,
134
- .mds-list-sm .mds-list-foot {
135
- font-size: 14px;
136
- height: 48px;
137
- line-height: 48px;
138
- }
139
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
140
- /* stylelint-disable declaration-bang-space-before */
141
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-list{color:#354052}.mds-list-bordered{border:1px solid #f0f2f5;border-radius:4px}.mds-list-head{font-size:16px;font-weight:500;color:#354052;border-bottom:1px solid #f0f2f5}.mds-list-foot,.mds-list-head{padding:0 24px;height:56px;line-height:56px;white-space:nowrap}.mds-list .mds-list-container{overflow:auto}.mds-list .mds-list-item{padding:0 24px;border-bottom:1px solid #f0f2f5}.mds-list .mds-list-item:hover{background-color:#eef8ff}.mds-list .mds-list-item:hover .mds-list-item-title{color:#0364ff!important}.mds-list .mds-list-item:last-child{border-bottom-color:transparent}.mds-list .mds-list-foot,.mds-list .mds-list-head{font-size:16px;height:56px;line-height:56px}.mds-list .mds-list-tips{padding:15px 0;text-align:center;color:#7f8fa4;border-top:1px solid #f0f2f5}.mds-list .mds-list-loadmore{cursor:pointer}.mds-list-sm .mds-list-item{padding-top:8px;padding-bottom:8px}.mds-list-sm .mds-list-loadmore{padding:6px 0}.mds-list-default .mds-list-item{padding-top:12px;padding-bottom:12px}.mds-list-lg .mds-list-item{padding-top:16px;padding-bottom:16px}.mds-list .mds-list-item-container .mds-list-item-title{color:#354052}.mds-list .mds-list-item-container .mds-list-item-desc{line-height:22px;color:#7f8fa4}.mds-list-default .mds-list-item-container .mds-list-item-title{font-size:14px;line-height:22px}.mds-list-default .mds-list-item-container .mds-list-item-desc{margin-top:3px}.mds-list-lg .mds-list-item-container .mds-list-item-title{font-size:16px;line-height:24px}.mds-list-lg .mds-list-item-container .mds-list-item-desc{margin-top:12px}.mds-list-complex .mds-list-item-container{font-size:0;position:relative;display:table;border-collapse:separate;border-spacing:0;width:100%}.mds-list-complex .mds-list-item-container .mds-list-item-cell{display:table-cell;font-size:14px;vertical-align:top}.mds-list-complex .mds-list-item-container .mds-list-item-avatar{padding-right:16px}.mds-list-complex .mds-list-item-container .mds-list-item-avatar .content{background-color:#222}.mds-list-complex .mds-list-item-container .mds-list-item-remarks{width:85px;padding-left:40px;color:#7f8fa4}.mds-list-default .mds-list-item-container .mds-list-item-avatar{width:53px}.mds-list-default .mds-list-item-container .mds-list-item-avatar .content{width:36px;height:36px;border-radius:50%}.mds-list-lg .mds-list-item-container .mds-list-item-avatar{width:156px}.mds-list-lg .mds-list-item-container .mds-list-item-avatar .content{width:140px;height:80px}.mds-list-sm .mds-list-foot,.mds-list-sm .mds-list-head{font-size:14px;height:48px;line-height:48px}