@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
@@ -1,542 +1 @@
1
- .mds-date-zoom-in-top-enter-active,
2
- .mds-date-zoom-in-top-leave-active {
3
- opacity: 1;
4
- transform: scaleY(1);
5
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
6
- transform-origin: center top;
7
- }
8
- .mds-date-zoom-in-top-enter,
9
- .mds-date-zoom-in-top-leave-active {
10
- opacity: 0;
11
- transform: scaleY(0);
12
- }
13
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
14
- /* stylelint-disable declaration-bang-space-before */
15
- /* stylelint-disable declaration-bang-space-before */
16
- .mds-date-lg {
17
- height: 42px;
18
- }
19
- .mds-date-md {
20
- height: 36px;
21
- }
22
- .mds-date-sm {
23
- height: 32px;
24
- }
25
- .mds-date-mn {
26
- height: 28px;
27
- }
28
- .mds-date-editor,
29
- .mds-time-picker,
30
- .mds-time-picker-panel-input-wrap {
31
- cursor: pointer;
32
- }
33
- .mds-date-editor input,
34
- .mds-time-picker input,
35
- .mds-time-picker-panel-input-wrap input {
36
- cursor: inherit;
37
- }
38
- .mds-date-editor input:active,
39
- .mds-time-picker input:active,
40
- .mds-time-picker-panel-input-wrap input:active {
41
- outline: none;
42
- }
43
- .mds-date-range-picker-panel {
44
- box-shadow: 0px 4px 10px 0px rgba(196, 196, 196, 0.3);
45
- }
46
- .mds-date-other-icon {
47
- color: #ccd2db;
48
- }
49
- .mds-date-close-icon {
50
- cursor: pointer;
51
- color: #ccd2db;
52
- }
53
- .mds-date-close-icon:hover {
54
- color: rgba(0, 0, 0, 0.43);
55
- }
56
- .mds-date-picker-panel {
57
- font-size: 12px;
58
- color: #333333;
59
- border: 1px solid #e4e7ed;
60
- box-shadow: 0px 4px 10px 0px rgba(196, 196, 196, 0.3);
61
- background: #fff;
62
- border-radius: 4px;
63
- line-height: 30px;
64
- width: 322px;
65
- user-select: none;
66
- }
67
- .mds-date-picker-panel-wrapper .mdsicon-line-caret-left-double,
68
- .mds-date-picker-panel-wrapper .mdsicon-line-caret-left,
69
- .mds-date-picker-panel-wrapper .mdsicon-line-caret-right-double,
70
- .mds-date-picker-panel-wrapper .mdsicon-line-caret-right {
71
- color: #333;
72
- }
73
- .mds-date-picker-panel-body {
74
- display: block;
75
- }
76
- .mds-date-picker-panel-body:after {
77
- content: '';
78
- display: block;
79
- clear: both;
80
- }
81
- .mds-date-picker-panel-header {
82
- margin: 12px;
83
- text-align: center;
84
- height: 30px;
85
- }
86
- .mds-date-picker-panel-header-label {
87
- color: #333333;
88
- font-size: 14px;
89
- font-weight: 600;
90
- }
91
- .mds-date-picker-panel-header-base-icon {
92
- cursor: pointer;
93
- margin: 8px;
94
- }
95
- .mds-date-picker-panel-header-base-left {
96
- float: left;
97
- }
98
- .mds-date-picker-panel-header-base-right {
99
- float: right;
100
- }
101
- .mds-date-picker-panel-content {
102
- width: 100%;
103
- position: relative;
104
- margin: 0px;
105
- }
106
- .mds-date-picker-panel-content-thead {
107
- width: 100%;
108
- padding: 0px 13px;
109
- }
110
- .mds-date-picker-panel-content-thead tr th {
111
- height: 35px;
112
- line-height: 17px;
113
- width: 42px;
114
- font-size: 12px;
115
- font-weight: 400;
116
- color: #333333;
117
- vertical-align: top;
118
- }
119
- .mds-date-picker-panel-content-line {
120
- width: 100%;
121
- height: 1px;
122
- background: #F0F2F5;
123
- }
124
- .mds-date-picker-panel-content-tbody {
125
- width: 100%;
126
- padding: 15px 13px 15px;
127
- }
128
- .mds-date-picker-panel-footer {
129
- border-top: 1px solid #F0F2F5;
130
- text-align: right;
131
- height: 44px;
132
- line-height: 44px;
133
- position: relative;
134
- }
135
- .mds-date-picker-panel-footer .mds-date-picker-panel-flat-clear {
136
- left: auto;
137
- right: 60px;
138
- top: 50%;
139
- font-size: 12px;
140
- }
141
- .mds-date-picker-panel-footer .mds-date-picker-panel-flat-clear:hover {
142
- background-color: transparent;
143
- }
144
- .mds-date-picker-panel-footer .mds-date-picker-panel-flat-confirm {
145
- font-size: 12px;
146
- height: 28px;
147
- padding: 0 15px;
148
- margin-right: 4px;
149
- }
150
- .mds-date-picker-panel-footer .mds-date-picker-panel-sure-btn {
151
- margin-left: 0;
152
- }
153
- .mds-date-picker-panel-today-btn {
154
- position: absolute;
155
- left: 5px;
156
- top: 50%;
157
- transform: translateY(-50%);
158
- }
159
- .mds-date-picker-panel-ok {
160
- margin-right: 12px;
161
- }
162
- .mds-date-picker-panel-time-btn {
163
- font-size: 14px;
164
- color: #0364FF;
165
- cursor: pointer;
166
- }
167
- .mds-date-picker-panel-time-picker {
168
- margin-right: 8px;
169
- }
170
- .mds-date-range-picker-panel {
171
- width: 645px;
172
- background: #fff;
173
- }
174
- .mds-date-range-picker-panel:after {
175
- content: '';
176
- display: table;
177
- clear: both;
178
- }
179
- .mds-date-range-picker-panel .is-left {
180
- width: 50%;
181
- float: left;
182
- border-right: 1px solid #F0F2F5;
183
- box-sizing: border-box;
184
- }
185
- .mds-date-range-picker-panel .is-right {
186
- width: 50%;
187
- float: right;
188
- box-sizing: border-box;
189
- }
190
- .mds-date-table {
191
- table-layout: fixed;
192
- width: 100%;
193
- }
194
- .mds-date-table-header {
195
- width: 100%;
196
- }
197
- .mds-date-table td {
198
- padding: 5px 0;
199
- width: 42px;
200
- box-sizing: border-box;
201
- text-align: center;
202
- cursor: pointer;
203
- position: relative;
204
- }
205
- .mds-date-table td div {
206
- height: 24px;
207
- box-sizing: border-box;
208
- }
209
- .mds-date-table td span {
210
- width: 24px;
211
- height: 24px;
212
- display: block;
213
- margin: 0 auto;
214
- line-height: 24px;
215
- position: absolute;
216
- left: 50%;
217
- transform: translateX(-50%);
218
- border-radius: 50%;
219
- }
220
- .mds-date-table td .cell {
221
- width: 52px;
222
- height: 24px;
223
- font-size: 12px;
224
- display: inline-block;
225
- line-height: 24px;
226
- color: #333333;
227
- margin: 0 auto;
228
- border-radius: 12px;
229
- position: absolute;
230
- left: 50%;
231
- transform: translateX(-50%);
232
- }
233
- .mds-date-table td.today span {
234
- color: #0364FF;
235
- }
236
- .mds-date-table td.today .cell {
237
- color: #0364FF;
238
- }
239
- .mds-date-table td.current span {
240
- background: #0364FF;
241
- color: #ffffff;
242
- }
243
- .mds-date-table td.current .cell {
244
- background: #0364FF;
245
- color: #ffffff;
246
- }
247
- .mds-date-table td.selected span {
248
- background: #0364FF;
249
- color: #eeeeee;
250
- }
251
- .mds-date-table td.selected .cell {
252
- background: #0364FF;
253
- color: #ffffff;
254
- }
255
- .mds-date-table td.available:hover {
256
- color: #0364FF;
257
- }
258
- .mds-date-table td.in-range div {
259
- background: #f2f6fc;
260
- }
261
- .mds-date-table td.in-range div:hover {
262
- background: #f2f6fc;
263
- }
264
- .mds-date-table td.start-date span,
265
- .mds-date-table td.end-date span {
266
- background: #0364FF;
267
- color: #fff;
268
- }
269
- .mds-date-table td.start-date .cell,
270
- .mds-date-table td.end-date .cell {
271
- background: #0364FF;
272
- color: #ffffff;
273
- }
274
- .mds-date-table td.start-date,
275
- .mds-date-table td:first-child.in-range {
276
- padding-left: 9px;
277
- }
278
- .mds-date-table td.start-date div,
279
- .mds-date-table td:first-child.in-range div {
280
- border-bottom-left-radius: 12px;
281
- border-top-left-radius: 12px;
282
- }
283
- .mds-date-table td.end-date,
284
- .mds-date-table td:last-child.in-range {
285
- padding-right: 9px;
286
- }
287
- .mds-date-table td.end-date div,
288
- .mds-date-table td:last-child.in-range div {
289
- border-bottom-right-radius: 12px;
290
- border-top-right-radius: 12px;
291
- }
292
- .mds-date-table td.next-month,
293
- .mds-date-table td.prev-month {
294
- color: #CCCCCC;
295
- }
296
- .mds-date-table td.disabled {
297
- cursor: not-allowed;
298
- }
299
- .mds-date-table td.disabled span {
300
- background: #f8f8f8;
301
- color: #CCCCCC;
302
- cursor: not-allowed;
303
- }
304
- .mds-date-table td.disabled .cell {
305
- background: #f8f8f8;
306
- color: #CCCCCC;
307
- cursor: not-allowed;
308
- transition: none;
309
- }
310
- .mds-date-table.is-week-mode .mds-date-table-row:hover div {
311
- background: #f2f6fc;
312
- }
313
- .mds-date-table.is-week-mode .mds-date-table-row:hover div span {
314
- color: #333333;
315
- }
316
- .mds-date-table.is-week-mode .mds-date-table-row.current div {
317
- background: #f2f6fc;
318
- }
319
- /* range 外壳 */
320
- .mds-date-editor-range {
321
- padding: 4px 10px;
322
- border: 1px solid #d8dce6;
323
- border-radius: 4px;
324
- transition: all 0.3s;
325
- position: relative;
326
- display: flex;
327
- align-items: center;
328
- }
329
- .mds-date-editor-range-icon-pos {
330
- position: absolute;
331
- top: 50%;
332
- transform: translateY(-50%);
333
- z-index: 2;
334
- line-height: 0;
335
- right: 8px;
336
- }
337
- .mds-date-editor-range.is-active {
338
- border-color: #0364FF;
339
- }
340
- .mds-date-editor-range-input {
341
- border: none;
342
- outline: none;
343
- display: inline-block;
344
- height: 100%;
345
- margin: 0;
346
- padding: 0;
347
- width: 42%;
348
- text-align: center;
349
- font-size: 14px;
350
- color: #606266;
351
- }
352
- .mds-date-editor-range-input::-moz-placeholder {
353
- color: #A9ABBA;
354
- opacity: 1;
355
- }
356
- .mds-date-editor-range-input:-ms-input-placeholder {
357
- color: #A9ABBA;
358
- }
359
- .mds-date-editor-range-input::-webkit-input-placeholder {
360
- color: #A9ABBA;
361
- }
362
- .mds-date-time {
363
- height: 277px;
364
- display: flex;
365
- position: relative;
366
- }
367
- .mds-date-time::before {
368
- content: "";
369
- top: 0%;
370
- position: absolute;
371
- height: 32px;
372
- z-index: -1;
373
- left: 0;
374
- right: 0;
375
- box-sizing: border-box;
376
- text-align: left;
377
- background: rgba(3, 100, 255, 0.05);
378
- }
379
- .mds-date-time-minutes-spinner ul {
380
- border-right: 1px solid #F0F2F5;
381
- border-left: 1px solid #F0F2F5;
382
- }
383
- .mds-date-time-spinner {
384
- flex-grow: 1;
385
- height: 100%;
386
- }
387
- .mds-date-time-spinner-ul {
388
- height: 100%;
389
- overflow: scroll;
390
- }
391
- .mds-date-time-spinner-ul::after {
392
- content: "";
393
- display: block;
394
- width: 100%;
395
- height: 245px;
396
- }
397
- .mds-date-time-spinner-li {
398
- width: 100%;
399
- height: 32px;
400
- text-align: center;
401
- color: #606266;
402
- cursor: pointer;
403
- }
404
- .mds-date-time-spinner-li.active:not(.disabled) {
405
- color: #0366ff;
406
- font-weight: 700;
407
- }
408
- .mds-date-time-spinner-li:hover {
409
- background: rgba(3, 100, 255, 0.05);
410
- }
411
- .mds-date-popper .popper__arrow {
412
- width: 0px;
413
- height: 0px;
414
- }
415
- .mds-date-popper .is-disabled {
416
- cursor: not-allowed;
417
- }
418
- .mds-date-year-table-box {
419
- border-top: 1px solid #F0F2F5;
420
- padding: 15px 13px;
421
- }
422
- .mds-date-year-table-box .year-td {
423
- padding: 12px 0;
424
- border-radius: 12px;
425
- transition: background-color 0.2s ease;
426
- text-align: center;
427
- cursor: pointer;
428
- }
429
- .mds-date-year-table-box .year-td:hover {
430
- background: #f2f6fc;
431
- }
432
- .mds-date-month-table-box {
433
- border-top: 1px solid #F0F2F5;
434
- padding: 15px 13px;
435
- }
436
- .mds-date-month-table-box .month-td {
437
- padding: 12px 0;
438
- border-radius: 12px;
439
- transition: background-color 0.2s ease;
440
- text-align: center;
441
- cursor: pointer;
442
- }
443
- .mds-date-month-table-box .month-td:hover {
444
- background: #f2f6fc;
445
- }
446
- .mds-date-time {
447
- border-top: 1px solid #F0F2F5;
448
- }
449
- .mds-time-selecter-wrapper {
450
- height: 45px;
451
- padding: 8px 5px 5px;
452
- border-bottom: 1px solid #e4e4e4;
453
- display: flex;
454
- align-items: center;
455
- }
456
- .mds-time-selecter-wrapper .mds-time-selecter-date-start {
457
- margin-left: 5px;
458
- }
459
- .mds-time-selecter-wrapper .time-content {
460
- position: relative;
461
- }
462
- .mds-time-selecter-wrapper .time-content .mds-date-time {
463
- height: 190px;
464
- }
465
- .mds-time-selecter-wrapper .time-content .mds-date-time .mds-date-time-spinner .mds-scroll-bar {
466
- overflow-x: hidden;
467
- }
468
- .mds-time-selecter-wrapper .mds-time-selecter-time-start {
469
- margin-left: 10px;
470
- }
471
- .mds-time-selecter-wrapper .mds-time-selecter-spin {
472
- position: absolute;
473
- width: 150%;
474
- z-index: 1;
475
- background: #ffffff;
476
- left: 0;
477
- border: 1px solid #f0f2f5;
478
- }
479
- .mds-time-selecter-wrapper .mds-time-selecter-spin .spinner-confirm {
480
- text-align: right;
481
- border-top: 1px solid #f0f2f5;
482
- }
483
- .mds-time-selecter-wrapper .mds-time-selecter-arrow {
484
- font-size: 20px;
485
- margin-left: 5px;
486
- color: #303133;
487
- }
488
- .mds-time-selecter-wrapper .mds-time-selecter-date-end {
489
- margin-left: 10px;
490
- }
491
- .mds-time-selecter-wrapper .mds-time-selecter-time-end {
492
- margin-left: 10px;
493
- }
494
- .mds-quarter-panel {
495
- background-color: #fff;
496
- border: 1px solid #e4e7ed;
497
- border-radius: 4px;
498
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
499
- }
500
- .mds-quarter-panel__header {
501
- display: flex;
502
- justify-content: space-between;
503
- align-items: center;
504
- padding: 12px;
505
- font-weight: bold;
506
- color: #333;
507
- }
508
- .mds-quarter-panel__header i {
509
- font-weight: normal;
510
- color: #333;
511
- }
512
- .mds-quarter-panel__body {
513
- display: flex;
514
- flex-direction: row;
515
- justify-content: flex-start;
516
- gap: 10px;
517
- padding: 15px;
518
- border-top: 1px solid #f0f2f5;
519
- }
520
- .mds-quarter-panel__quarter {
521
- min-width: 60px;
522
- height: 24px;
523
- line-height: 24px;
524
- cursor: pointer;
525
- border-radius: 12px;
526
- transition: background-color 0.2s ease;
527
- font-size: 14px;
528
- text-align: center;
529
- }
530
- .mds-quarter-panel__quarter:hover {
531
- background: #f2f6fc;
532
- }
533
- .mds-quarter-panel__quarter.is-selected {
534
- background: #0364ff;
535
- color: #fff;
536
- }
537
- .mds-quarter-panel__quarter.today {
538
- color: #0364ff;
539
- }
540
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
541
- /* stylelint-disable declaration-bang-space-before */
542
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-date-zoom-in-top-enter-active,.mds-date-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.mds-date-zoom-in-top-enter,.mds-date-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.mds-date-lg{height:42px}.mds-date-md{height:36px}.mds-date-sm{height:32px}.mds-date-mn{height:28px}.mds-date-editor,.mds-time-picker,.mds-time-picker-panel-input-wrap{cursor:pointer}.mds-date-editor input,.mds-time-picker-panel-input-wrap input,.mds-time-picker input{cursor:inherit}.mds-date-editor input:active,.mds-time-picker-panel-input-wrap input:active,.mds-time-picker input:active{outline:none}.mds-date-range-picker-panel{box-shadow:0 4px 10px 0 hsla(0,0%,77%,.3)}.mds-date-other-icon{color:#ccd2db}.mds-date-close-icon{cursor:pointer;color:#ccd2db}.mds-date-close-icon:hover{color:rgba(0,0,0,.43)}.mds-date-picker-panel{font-size:12px;color:#333;border:1px solid #e4e7ed;box-shadow:0 4px 10px 0 hsla(0,0%,77%,.3);background:#fff;border-radius:4px;line-height:30px;width:322px;user-select:none}.mds-date-picker-panel-wrapper .mdsicon-line-caret-left,.mds-date-picker-panel-wrapper .mdsicon-line-caret-left-double,.mds-date-picker-panel-wrapper .mdsicon-line-caret-right,.mds-date-picker-panel-wrapper .mdsicon-line-caret-right-double{color:#333}.mds-date-picker-panel-body{display:block}.mds-date-picker-panel-body:after{content:"";display:block;clear:both}.mds-date-picker-panel-header{margin:12px;text-align:center;height:30px}.mds-date-picker-panel-header-label{color:#333;font-size:14px;font-weight:600}.mds-date-picker-panel-header-base-icon{cursor:pointer;margin:8px}.mds-date-picker-panel-header-base-left{float:left}.mds-date-picker-panel-header-base-right{float:right}.mds-date-picker-panel-content{width:100%;position:relative;margin:0}.mds-date-picker-panel-content-thead{width:100%;padding:0 13px}.mds-date-picker-panel-content-thead tr th{height:35px;line-height:17px;width:42px;font-size:12px;font-weight:400;color:#333;vertical-align:top}.mds-date-picker-panel-content-line{width:100%;height:1px;background:#f0f2f5}.mds-date-picker-panel-content-tbody{width:100%;padding:15px 13px}.mds-date-picker-panel-footer{border-top:1px solid #f0f2f5;text-align:right;height:44px;line-height:44px;position:relative}.mds-date-picker-panel-footer .mds-date-picker-panel-flat-clear{left:auto;right:60px;top:50%;font-size:12px}.mds-date-picker-panel-footer .mds-date-picker-panel-flat-clear:hover{background-color:transparent}.mds-date-picker-panel-footer .mds-date-picker-panel-flat-confirm{font-size:12px;height:28px;padding:0 15px;margin-right:4px}.mds-date-picker-panel-footer .mds-date-picker-panel-sure-btn{margin-left:0}.mds-date-picker-panel-today-btn{position:absolute;left:5px;top:50%;transform:translateY(-50%)}.mds-date-picker-panel-ok{margin-right:12px}.mds-date-picker-panel-time-btn{font-size:14px;color:#0364ff;cursor:pointer}.mds-date-picker-panel-time-picker{margin-right:8px}.mds-date-range-picker-panel{width:645px;background:#fff}.mds-date-range-picker-panel:after{content:"";display:table;clear:both}.mds-date-range-picker-panel .is-left{width:50%;float:left;border-right:1px solid #f0f2f5;box-sizing:border-box}.mds-date-range-picker-panel .is-right{width:50%;float:right;box-sizing:border-box}.mds-date-table{table-layout:fixed;width:100%}.mds-date-table-header{width:100%}.mds-date-table td{padding:5px 0;width:42px;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.mds-date-table td div{height:24px;box-sizing:border-box}.mds-date-table td span{width:24px;display:block;border-radius:50%}.mds-date-table td .cell,.mds-date-table td span{height:24px;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%)}.mds-date-table td .cell{width:52px;font-size:12px;display:inline-block;color:#333;border-radius:12px}.mds-date-table td.today .cell,.mds-date-table td.today span{color:#0364ff}.mds-date-table td.current .cell,.mds-date-table td.current span{background:#0364ff;color:#fff}.mds-date-table td.selected span{background:#0364ff;color:#eee}.mds-date-table td.selected .cell{background:#0364ff;color:#fff}.mds-date-table td.available:hover{color:#0364ff}.mds-date-table td.in-range div,.mds-date-table td.in-range div:hover{background:#f2f6fc}.mds-date-table td.end-date .cell,.mds-date-table td.end-date span,.mds-date-table td.start-date .cell,.mds-date-table td.start-date span{background:#0364ff;color:#fff}.mds-date-table td.start-date,.mds-date-table td:first-child.in-range{padding-left:9px}.mds-date-table td.start-date div,.mds-date-table td:first-child.in-range div{border-bottom-left-radius:12px;border-top-left-radius:12px}.mds-date-table td.end-date,.mds-date-table td:last-child.in-range{padding-right:9px}.mds-date-table td.end-date div,.mds-date-table td:last-child.in-range div{border-bottom-right-radius:12px;border-top-right-radius:12px}.mds-date-table td.next-month,.mds-date-table td.prev-month{color:#ccc}.mds-date-table td.disabled{cursor:not-allowed}.mds-date-table td.disabled .cell,.mds-date-table td.disabled span{background:#f8f8f8;color:#ccc;cursor:not-allowed}.mds-date-table td.disabled .cell{transition:none}.mds-date-table.is-week-mode .mds-date-table-row:hover div{background:#f2f6fc}.mds-date-table.is-week-mode .mds-date-table-row:hover div span{color:#333}.mds-date-table.is-week-mode .mds-date-table-row.current div{background:#f2f6fc}.mds-date-editor-range{padding:4px 10px;border:1px solid #d8dce6;border-radius:4px;transition:all .3s;position:relative;display:flex;align-items:center}.mds-date-editor-range-icon-pos{position:absolute;top:50%;transform:translateY(-50%);z-index:2;line-height:0;right:8px}.mds-date-editor-range.is-active{border-color:#0364ff}.mds-date-editor-range-input{border:none;outline:none;display:inline-block;height:100%;margin:0;padding:0;width:42%;text-align:center;font-size:14px;color:#606266}.mds-date-editor-range-input::-moz-placeholder{color:#a9abba;opacity:1}.mds-date-editor-range-input:-ms-input-placeholder{color:#a9abba}.mds-date-editor-range-input::-webkit-input-placeholder{color:#a9abba}.mds-date-time{height:277px;display:flex;position:relative}.mds-date-time:before{content:"";top:0;position:absolute;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;text-align:left;background:rgba(3,100,255,.05)}.mds-date-time-minutes-spinner ul{border-right:1px solid #f0f2f5;border-left:1px solid #f0f2f5}.mds-date-time-spinner{flex-grow:1;height:100%}.mds-date-time-spinner-ul{height:100%;overflow:scroll}.mds-date-time-spinner-ul:after{content:"";display:block;width:100%;height:245px}.mds-date-time-spinner-li{width:100%;height:32px;text-align:center;color:#606266;cursor:pointer}.mds-date-time-spinner-li.active:not(.disabled){color:#0366ff;font-weight:700}.mds-date-time-spinner-li:hover{background:rgba(3,100,255,.05)}.mds-date-popper .popper__arrow{width:0;height:0}.mds-date-popper .is-disabled{cursor:not-allowed}.mds-date-year-table-box{border-top:1px solid #f0f2f5;padding:15px 13px}.mds-date-year-table-box .year-td{padding:12px 0;border-radius:12px;transition:background-color .2s ease;text-align:center;cursor:pointer}.mds-date-year-table-box .year-td:hover{background:#f2f6fc}.mds-date-month-table-box{border-top:1px solid #f0f2f5;padding:15px 13px}.mds-date-month-table-box .month-td{padding:12px 0;border-radius:12px;transition:background-color .2s ease;text-align:center;cursor:pointer}.mds-date-month-table-box .month-td:hover{background:#f2f6fc}.mds-date-time{border-top:1px solid #f0f2f5}.mds-time-selecter-wrapper{height:45px;padding:8px 5px 5px;border-bottom:1px solid #e4e4e4;display:flex;align-items:center}.mds-time-selecter-wrapper .mds-time-selecter-date-start{margin-left:5px}.mds-time-selecter-wrapper .time-content{position:relative}.mds-time-selecter-wrapper .time-content .mds-date-time{height:190px}.mds-time-selecter-wrapper .time-content .mds-date-time .mds-date-time-spinner .mds-scroll-bar{overflow-x:hidden}.mds-time-selecter-wrapper .mds-time-selecter-time-start{margin-left:10px}.mds-time-selecter-wrapper .mds-time-selecter-spin{position:absolute;width:150%;z-index:1;background:#fff;left:0;border:1px solid #f0f2f5}.mds-time-selecter-wrapper .mds-time-selecter-spin .spinner-confirm{text-align:right;border-top:1px solid #f0f2f5}.mds-time-selecter-wrapper .mds-time-selecter-arrow{font-size:20px;margin-left:5px;color:#303133}.mds-time-selecter-wrapper .mds-time-selecter-date-end,.mds-time-selecter-wrapper .mds-time-selecter-time-end{margin-left:10px}.mds-quarter-panel{background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mds-quarter-panel__header{display:flex;justify-content:space-between;align-items:center;padding:12px;font-weight:700;color:#333}.mds-quarter-panel__header i{font-weight:400;color:#333}.mds-quarter-panel__body{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;padding:15px;border-top:1px solid #f0f2f5}.mds-quarter-panel__quarter{min-width:60px;height:24px;line-height:24px;cursor:pointer;border-radius:12px;transition:background-color .2s ease;font-size:14px;text-align:center}.mds-quarter-panel__quarter:hover{background:#f2f6fc}.mds-quarter-panel__quarter.is-selected{background:#0364ff;color:#fff}.mds-quarter-panel__quarter.today{color:#0364ff}
@@ -1,47 +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-input-affix-wrapper.mds-input-search .mds-input:not(:last-child) {
5
- padding-right: 45px;
6
- }
7
- .mds-divider {
8
- background-color: #f0f2f5;
9
- position: relative;
10
- }
11
- .mds-divider--horizontal {
12
- display: block;
13
- height: 1px;
14
- width: 100%;
15
- margin: 24px 0;
16
- }
17
- .mds-divider--vertical {
18
- display: inline-block;
19
- width: 1px;
20
- height: 1em;
21
- margin: 0 8px;
22
- vertical-align: middle;
23
- position: relative;
24
- }
25
- .mds-divider__text {
26
- position: absolute;
27
- background-color: #fff;
28
- padding: 0 40px;
29
- font-weight: 500;
30
- color: #303133;
31
- font-size: 14px;
32
- }
33
- .mds-divider__left {
34
- left: 40px;
35
- transform: translateY(-50%);
36
- }
37
- .mds-divider__center {
38
- left: 50%;
39
- transform: translateX(-50%) translateY(-50%);
40
- }
41
- .mds-divider__right {
42
- right: 40px;
43
- transform: translateY(-50%);
44
- }
45
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
46
- /* stylelint-disable declaration-bang-space-before */
47
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-input-affix-wrapper.mds-input-search .mds-input:not(:last-child){padding-right:45px}.mds-divider{background-color:#f0f2f5;position:relative}.mds-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.mds-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.mds-divider__text{position:absolute;background-color:#fff;padding:0 40px;font-weight:500;color:#303133;font-size:14px}.mds-divider__left{left:40px;transform:translateY(-50%)}.mds-divider__center{left:50%;transform:translateX(-50%) translateY(-50%)}.mds-divider__right{right:40px;transform:translateY(-50%)}