@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,221 +1 @@
1
- .mds-select-zoom-in-top-enter-active,
2
- .mds-select-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-select-zoom-in-top-enter,
9
- .mds-select-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-select {
17
- font-size: 14px;
18
- color: #354052;
19
- display: inline-block;
20
- position: relative;
21
- white-space: nowrap;
22
- cursor: pointer;
23
- }
24
- .mds-select .mds-input {
25
- cursor: pointer;
26
- }
27
- .mds-select-inner-input {
28
- background: transparent;
29
- }
30
- .mds-select-drop-icon {
31
- color: #ccd2db;
32
- }
33
- .mds-select-okr-icon {
34
- color: #646a73;
35
- }
36
- .mds-select-close-icon {
37
- color: #ccd2db;
38
- font-size: 12px;
39
- }
40
- .mds-select-close-icon:hover {
41
- color: rgba(0, 0, 0, 0.43);
42
- }
43
- .mds-select-normal-icon {
44
- transition: all 0.3s;
45
- }
46
- .mds-select-active-icon {
47
- transform: rotate(180deg);
48
- transition: all 0.3s;
49
- }
50
- .mds-select .mds-tag {
51
- background: #FAFAFD;
52
- border: none;
53
- color: #7F8FA4;
54
- border-radius: 2px;
55
- margin: 2px 0px 2px 6px;
56
- }
57
- .mds-select .mds-select-tags-warrp {
58
- position: absolute;
59
- top: 50%;
60
- transform: translateY(-50%);
61
- left: 0px;
62
- z-index: 100;
63
- line-height: normal;
64
- white-space: normal;
65
- display: flex;
66
- align-items: center;
67
- flex-wrap: wrap;
68
- padding-left: 12px;
69
- }
70
- .mds-select .mds-select-tags-warrp > span {
71
- display: inline-block;
72
- margin-left: -12px;
73
- }
74
- .mds-select .mds-select-tags-warrp .mds-select-inner-input {
75
- border: none;
76
- outline: none;
77
- }
78
- .mds-select .mds-select-tags-warrp .mds-select-inner-input:focus {
79
- border: none;
80
- outline: none;
81
- }
82
- .mds-select-dropdown {
83
- margin-top: 2px;
84
- z-index: 9999;
85
- max-height: 250px;
86
- overflow: auto;
87
- background: #fff;
88
- box-shadow: 0px 0px 12px 0px #d8dce6;
89
- }
90
- .mds-select-dropdown .mds-select-dropdown-empty {
91
- width: 100%;
92
- height: 32px;
93
- background: #fff;
94
- line-height: 32px;
95
- text-indent: 10px;
96
- color: #A9ABBA;
97
- font-size: 14px;
98
- }
99
- .mds-select-dropdown .mds-select-group .mds-select-group-title {
100
- width: 100%;
101
- height: 32px;
102
- background: #fff;
103
- line-height: 32px;
104
- text-indent: 10px;
105
- color: #A9ABBA;
106
- font-size: 12px;
107
- cursor: auto;
108
- user-select: none;
109
- }
110
- .mds-select-dropdown .mds-select-item {
111
- display: flex;
112
- justify-content: space-between;
113
- width: 100%;
114
- height: 32px;
115
- background: #fff;
116
- line-height: 32px;
117
- text-indent: 12px;
118
- color: #666666;
119
- font-size: 14px;
120
- cursor: pointer;
121
- user-select: none;
122
- }
123
- .mds-select-dropdown .mds-select-item:hover {
124
- color: #0366FF;
125
- background: rgba(3, 100, 255, 0.05);
126
- }
127
- .mds-select-dropdown .mds-select-item-selected {
128
- background: rgba(3, 100, 255, 0.05);
129
- color: #0366FF;
130
- position: relative;
131
- }
132
- .mds-select-dropdown .mds-select-item-multiple-seleted-icon-pos {
133
- margin-left: 10px;
134
- opacity: 0;
135
- }
136
- .mds-select-dropdown .mds-select-item-disabled {
137
- cursor: not-allowed;
138
- background: #fff;
139
- color: #ccc;
140
- }
141
- .mds-select-dropdown .mds-select-item-disabled:hover {
142
- background: #fff;
143
- color: #ccc;
144
- }
145
- .mds-select-dropdown .mds-select-item-multiple-seleted .mds-select-item-multiple-seleted-icon-pos {
146
- opacity: 1;
147
- }
148
- .mds-select-dropdown .mds-select-item-multiple-seleted .mds-select-item-multiple-seleted-icon-pos:before {
149
- transform: translate(-20%, 70%);
150
- }
151
- .mds-select-dropdown-slot {
152
- overflow: initial;
153
- max-height: none;
154
- }
155
- .mds-select-dropdown-slot > ul {
156
- max-height: 250px;
157
- overflow: auto;
158
- }
159
- .mds-select-lg {
160
- min-height: 42px;
161
- }
162
- .mds-select-md {
163
- min-height: 36px;
164
- }
165
- .mds-select-sm {
166
- min-height: 32px;
167
- }
168
- .mds-select-mn {
169
- min-height: 28px;
170
- }
171
- .mds-select-dropdown-lg {
172
- font-size: 16px;
173
- }
174
- .mds-select-dropdown-lg .mds-select-item {
175
- font-size: 16px;
176
- height: 42px;
177
- line-height: 42px;
178
- }
179
- .mds-select-dropdown-lg .mds-select-group-title {
180
- height: 42px;
181
- line-height: 42px;
182
- }
183
- .mds-select-dropdown-md {
184
- font-size: 14px;
185
- }
186
- .mds-select-dropdown-md .mds-select-item {
187
- font-size: 14px;
188
- height: 36px;
189
- line-height: 36px;
190
- }
191
- .mds-select-dropdown-md .mds-select-group-title {
192
- height: 36px;
193
- line-height: 36px;
194
- }
195
- .mds-select-dropdown-sm {
196
- font-size: 14px;
197
- }
198
- .mds-select-dropdown-sm .mds-select-item {
199
- font-size: 14px;
200
- height: 32px;
201
- line-height: 32px;
202
- }
203
- .mds-select-dropdown-sm .mds-select-group-title {
204
- height: 32px;
205
- line-height: 32px;
206
- }
207
- .mds-select-dropdown-mn {
208
- font-size: 12px;
209
- }
210
- .mds-select-dropdown-mn .mds-select-item {
211
- height: 28px;
212
- line-height: 28px;
213
- font-size: 12px;
214
- }
215
- .mds-select-dropdown-mn .mds-select-group-title {
216
- height: 28px;
217
- line-height: 28px;
218
- }
219
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
220
- /* stylelint-disable declaration-bang-space-before */
221
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-select-zoom-in-top-enter-active,.mds-select-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-select-zoom-in-top-enter,.mds-select-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.mds-select{font-size:14px;color:#354052;display:inline-block;position:relative;white-space:nowrap}.mds-select,.mds-select .mds-input{cursor:pointer}.mds-select-inner-input{background:transparent}.mds-select-drop-icon{color:#ccd2db}.mds-select-okr-icon{color:#646a73}.mds-select-close-icon{color:#ccd2db;font-size:12px}.mds-select-close-icon:hover{color:rgba(0,0,0,.43)}.mds-select-normal-icon{transition:all .3s}.mds-select-active-icon{transform:rotate(180deg);transition:all .3s}.mds-select .mds-tag{background:#fafafd;border:none;color:#7f8fa4;border-radius:2px;margin:2px 0 2px 6px}.mds-select .mds-select-tags-warrp{position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:100;line-height:normal;white-space:normal;display:flex;align-items:center;flex-wrap:wrap;padding-left:12px}.mds-select .mds-select-tags-warrp>span{display:inline-block;margin-left:-12px}.mds-select .mds-select-tags-warrp .mds-select-inner-input,.mds-select .mds-select-tags-warrp .mds-select-inner-input:focus{border:none;outline:none}.mds-select-dropdown{margin-top:2px;z-index:9999;max-height:250px;overflow:auto;background:#fff;box-shadow:0 0 12px 0 #d8dce6}.mds-select-dropdown .mds-select-dropdown-empty{width:100%;height:32px;background:#fff;line-height:32px;text-indent:10px;color:#a9abba;font-size:14px}.mds-select-dropdown .mds-select-group .mds-select-group-title{width:100%;height:32px;background:#fff;line-height:32px;text-indent:10px;color:#a9abba;font-size:12px;cursor:auto;user-select:none}.mds-select-dropdown .mds-select-item{display:flex;justify-content:space-between;width:100%;height:32px;background:#fff;line-height:32px;text-indent:12px;color:#666;font-size:14px;cursor:pointer;user-select:none}.mds-select-dropdown .mds-select-item:hover{color:#0366ff;background:rgba(3,100,255,.05)}.mds-select-dropdown .mds-select-item-selected{background:rgba(3,100,255,.05);color:#0366ff;position:relative}.mds-select-dropdown .mds-select-item-multiple-seleted-icon-pos{margin-left:10px;opacity:0}.mds-select-dropdown .mds-select-item-disabled{cursor:not-allowed;background:#fff;color:#ccc}.mds-select-dropdown .mds-select-item-disabled:hover{background:#fff;color:#ccc}.mds-select-dropdown .mds-select-item-multiple-seleted .mds-select-item-multiple-seleted-icon-pos{opacity:1}.mds-select-dropdown .mds-select-item-multiple-seleted .mds-select-item-multiple-seleted-icon-pos:before{transform:translate(-20%,70%)}.mds-select-dropdown-slot{overflow:initial;max-height:none}.mds-select-dropdown-slot>ul{max-height:250px;overflow:auto}.mds-select-lg{min-height:42px}.mds-select-md{min-height:36px}.mds-select-sm{min-height:32px}.mds-select-mn{min-height:28px}.mds-select-dropdown-lg{font-size:16px}.mds-select-dropdown-lg .mds-select-item{font-size:16px;height:42px;line-height:42px}.mds-select-dropdown-lg .mds-select-group-title{height:42px;line-height:42px}.mds-select-dropdown-md{font-size:14px}.mds-select-dropdown-md .mds-select-item{font-size:14px;height:36px;line-height:36px}.mds-select-dropdown-md .mds-select-group-title{height:36px;line-height:36px}.mds-select-dropdown-sm{font-size:14px}.mds-select-dropdown-sm .mds-select-item{font-size:14px;height:32px;line-height:32px}.mds-select-dropdown-sm .mds-select-group-title{height:32px;line-height:32px}.mds-select-dropdown-mn{font-size:12px}.mds-select-dropdown-mn .mds-select-item{height:28px;line-height:28px;font-size:12px}.mds-select-dropdown-mn .mds-select-group-title{height:28px;line-height:28px}
@@ -1,80 +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-slider-wrapper {
5
- display: flex;
6
- align-items: center;
7
- justify-content: center;
8
- }
9
- .mds-slider-input {
10
- margin-left: 30px;
11
- }
12
- .mds-slider-bar {
13
- cursor: pointer;
14
- width: 100%;
15
- height: 4px;
16
- border-radius: 4px;
17
- background: rgba(0, 0, 0, 0.09);
18
- position: relative;
19
- }
20
- .mds-slider-progress {
21
- height: 100%;
22
- border-radius: 4px;
23
- background: #0364ff;
24
- }
25
- .mds-slider-button {
26
- position: absolute;
27
- z-index: 2;
28
- bottom: 50%;
29
- transform: translate(-50%, 50%);
30
- width: 7px;
31
- height: 7px;
32
- box-sizing: content-box;
33
- border-radius: 7px;
34
- background: #0364ff;
35
- border: 3px #fff solid;
36
- box-shadow: 0px 2px 4px 0px rgba(96, 97, 112, 0.16), 0px 0px 1px 0px rgba(40, 41, 61, 0.04);
37
- }
38
- .mds-slider-scale {
39
- position: absolute;
40
- z-index: 1;
41
- top: 50%;
42
- transform: translate(-50%, -50%);
43
- width: 4px;
44
- height: 4px;
45
- box-sizing: content-box;
46
- border-radius: 7px;
47
- background: #0364ff;
48
- border: 2px #fff solid;
49
- }
50
- .vertical.mds-slider-wrapper {
51
- height: 100%;
52
- }
53
- .vertical .mds-slider-bar {
54
- position: relative;
55
- height: 100%;
56
- width: 4px;
57
- display: flex;
58
- align-items: flex-end;
59
- }
60
- .vertical .mds-slider-progress {
61
- width: 100%;
62
- }
63
- .vertical .mds-slider-button {
64
- left: 50%;
65
- }
66
- .vertical .mds-slider-scale {
67
- left: 50%;
68
- }
69
- .disable .mds-slider-bar {
70
- cursor: not-allowed;
71
- }
72
- .disable .mds-slider-progress {
73
- background: rgba(0, 0, 0, 0.25);
74
- }
75
- .disable .mds-slider-button {
76
- background: #b2b2b2;
77
- }
78
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
79
- /* stylelint-disable declaration-bang-space-before */
80
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-slider-wrapper{display:flex;align-items:center;justify-content:center}.mds-slider-input{margin-left:30px}.mds-slider-bar{cursor:pointer;width:100%;height:4px;border-radius:4px;background:rgba(0,0,0,.09);position:relative}.mds-slider-progress{height:100%;border-radius:4px;background:#0364ff}.mds-slider-button{z-index:2;bottom:50%;transform:translate(-50%,50%);width:7px;height:7px;border-radius:7px;border:3px solid #fff;box-shadow:0 2px 4px 0 rgba(96,97,112,.16),0 0 1px 0 rgba(40,41,61,.04)}.mds-slider-button,.mds-slider-scale{position:absolute;box-sizing:content-box;background:#0364ff}.mds-slider-scale{z-index:1;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:7px;border:2px solid #fff}.vertical.mds-slider-wrapper{height:100%}.vertical .mds-slider-bar{position:relative;height:100%;width:4px;display:flex;align-items:flex-end}.vertical .mds-slider-progress{width:100%}.vertical .mds-slider-button,.vertical .mds-slider-scale{left:50%}.disable .mds-slider-bar{cursor:not-allowed}.disable .mds-slider-progress{background:rgba(0,0,0,.25)}.disable .mds-slider-button{background:#b2b2b2}
@@ -1,296 +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-tooltip {
5
- position: absolute;
6
- border-radius: 4px;
7
- padding: 10px;
8
- font-size: 12px;
9
- line-height: 1.5;
10
- min-width: 10px;
11
- word-wrap: break-word;
12
- font-size: 14px;
13
- }
14
- .mds-tooltip .popper__arrow,
15
- .mds-tooltip .popper__arrow::after {
16
- position: absolute;
17
- display: block;
18
- width: 0;
19
- height: 0;
20
- border-color: transparent;
21
- border-style: solid;
22
- }
23
- .mds-tooltip .popper__arrow::after {
24
- content: " ";
25
- border-width: 5px;
26
- }
27
- .mds-tooltip-hidden {
28
- display: none;
29
- }
30
- .mds-tooltip.dark-mode {
31
- background: #303133;
32
- color: #ffffff;
33
- }
34
- .mds-tooltip.light-mode {
35
- background: #ffffff;
36
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
37
- }
38
- .mds-tooltip-placement-top,
39
- .mds-tooltip-placement-top-start,
40
- .mds-tooltip-placement-top-end {
41
- margin-bottom: 9px;
42
- }
43
- .mds-tooltip-placement-right,
44
- .mds-tooltip-placement-right-start,
45
- .mds-tooltip-placement-right-end {
46
- margin-left: 9px;
47
- }
48
- .mds-tooltip-placement-bottom,
49
- .mds-tooltip-placement-bottom-start,
50
- .mds-tooltip-placement-bottom-end {
51
- margin-top: 9px;
52
- }
53
- .mds-tooltip-placement-left,
54
- .mds-tooltip-placement-left-start,
55
- .mds-tooltip-placement-left-end {
56
- margin-right: 9px;
57
- }
58
- .mds-tooltip-placement-top .popper__arrow,
59
- .mds-tooltip-placement-top-start .popper__arrow,
60
- .mds-tooltip-placement-top-end .popper__arrow {
61
- bottom: -6px;
62
- border-width: 6px 6px 0;
63
- border-top-color: #354052;
64
- }
65
- .mds-tooltip-placement-top .popper__arrow::after,
66
- .mds-tooltip-placement-top-start .popper__arrow::after,
67
- .mds-tooltip-placement-top-end .popper__arrow::after {
68
- bottom: 1px;
69
- border-top-color: #354052;
70
- border-width: 5px 5px 0;
71
- margin-left: -5px;
72
- }
73
- .mds-tooltip-placement-top.light-mode .popper__arrow,
74
- .mds-tooltip-placement-top-start.light-mode .popper__arrow,
75
- .mds-tooltip-placement-top-end.light-mode .popper__arrow {
76
- border-top-color: #ebeef5;
77
- }
78
- .mds-tooltip-placement-top.light-mode .popper__arrow::after,
79
- .mds-tooltip-placement-top-start.light-mode .popper__arrow::after,
80
- .mds-tooltip-placement-top-end.light-mode .popper__arrow::after {
81
- border-top-color: #fff;
82
- }
83
- .mds-tooltip-placement-right .popper__arrow,
84
- .mds-tooltip-placement-right-start .popper__arrow,
85
- .mds-tooltip-placement-right-end .popper__arrow {
86
- left: -6px;
87
- border-width: 6px 6px 6px 0;
88
- border-right-color: #354052;
89
- }
90
- .mds-tooltip-placement-right .popper__arrow::after,
91
- .mds-tooltip-placement-right-start .popper__arrow::after,
92
- .mds-tooltip-placement-right-end .popper__arrow::after {
93
- left: 1px;
94
- border-right-color: #354052;
95
- border-width: 5px 5px 5px 0;
96
- bottom: -5px;
97
- }
98
- .mds-tooltip-placement-right.light-mode .popper__arrow,
99
- .mds-tooltip-placement-right-start.light-mode .popper__arrow,
100
- .mds-tooltip-placement-right-end.light-mode .popper__arrow {
101
- border-right-color: #ebeef5;
102
- }
103
- .mds-tooltip-placement-right.light-mode .popper__arrow::after,
104
- .mds-tooltip-placement-right-start.light-mode .popper__arrow::after,
105
- .mds-tooltip-placement-right-end.light-mode .popper__arrow::after {
106
- border-right-color: #fff;
107
- }
108
- .mds-tooltip-placement-left .popper__arrow,
109
- .mds-tooltip-placement-left-start .popper__arrow,
110
- .mds-tooltip-placement-left-end .popper__arrow {
111
- right: -6px;
112
- border-width: 6px 0 6px 6px;
113
- border-left-color: #354052;
114
- }
115
- .mds-tooltip-placement-left .popper__arrow::after,
116
- .mds-tooltip-placement-left-start .popper__arrow::after,
117
- .mds-tooltip-placement-left-end .popper__arrow::after {
118
- right: 1px;
119
- border-left-color: #354052;
120
- border-width: 5px 0 5px 5px;
121
- margin-left: -5px;
122
- bottom: -5px;
123
- }
124
- .mds-tooltip-placement-left.light-mode .popper__arrow,
125
- .mds-tooltip-placement-left-start.light-mode .popper__arrow,
126
- .mds-tooltip-placement-left-end.light-mode .popper__arrow {
127
- border-left-color: #ebeef5;
128
- }
129
- .mds-tooltip-placement-left.light-mode .popper__arrow::after,
130
- .mds-tooltip-placement-left-start.light-mode .popper__arrow::after,
131
- .mds-tooltip-placement-left-end.light-mode .popper__arrow::after {
132
- border-left-color: #fff;
133
- }
134
- .mds-tooltip-placement-bottom .popper__arrow,
135
- .mds-tooltip-placement-bottom-start .popper__arrow,
136
- .mds-tooltip-placement-bottom-end .popper__arrow {
137
- top: -6px;
138
- border-width: 0 6px 6px;
139
- border-bottom-color: #354052;
140
- }
141
- .mds-tooltip-placement-bottom .popper__arrow::after,
142
- .mds-tooltip-placement-bottom-start .popper__arrow::after,
143
- .mds-tooltip-placement-bottom-end .popper__arrow::after {
144
- top: 1px;
145
- border-top-color: #354052;
146
- border-width: 0 5px 5px;
147
- margin-left: -5px;
148
- }
149
- .mds-tooltip-placement-bottom.light-mode .popper__arrow,
150
- .mds-tooltip-placement-bottom-start.light-mode .popper__arrow,
151
- .mds-tooltip-placement-bottom-end.light-mode .popper__arrow {
152
- border-bottom-color: #ebeef5;
153
- }
154
- .mds-tooltip-placement-bottom.light-mode .popper__arrow::after,
155
- .mds-tooltip-placement-bottom-start.light-mode .popper__arrow::after,
156
- .mds-tooltip-placement-bottom-end.light-mode .popper__arrow::after {
157
- border-bottom-color: #fff;
158
- }
159
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
160
- /* stylelint-disable declaration-bang-space-before */
161
- /* stylelint-disable declaration-bang-space-before */
162
- .mds-slot-table-block {
163
- background-color: #fff;
164
- position: relative;
165
- }
166
- .mds-slot-table {
167
- width: 100%;
168
- border-spacing: 0px;
169
- border-collapse: collapse;
170
- table-layout: fixed;
171
- color: #354052;
172
- }
173
- .mds-slot-table-loading-container {
174
- transition: all .3s;
175
- }
176
- .mds-slot-table-tooltip::-webkit-scrollbar {
177
- /*滚动条整体样式*/
178
- width: 5px;
179
- /*高宽分别对应横竖滚动条的尺寸*/
180
- }
181
- .mds-slot-table-tooltip::-webkit-scrollbar-track {
182
- /*滚动条里面轨道*/
183
- background: #ffffff;
184
- }
185
- .mds-slot-table-tooltip::-webkit-scrollbar-thumb {
186
- /*滚动条里面小方块*/
187
- border-radius: 10px;
188
- height: 24px;
189
- background: #d8dce6;
190
- }
191
- .mds-slot-table-slot {
192
- display: none;
193
- }
194
- th.mds-slot-table-normal {
195
- padding: 16px 24px;
196
- }
197
- td.mds-slot-table-normal .cell {
198
- padding: 16px 24px;
199
- }
200
- th.mds-slot-table-mini {
201
- font-size: 12px;
202
- padding: 10px 16px;
203
- }
204
- td.mds-slot-table-mini .cell {
205
- padding: 10px 16px;
206
- }
207
- .mds-slot-table-header {
208
- overflow: hidden;
209
- }
210
- .mds-slot-table-head-tr {
211
- background: #fafafd;
212
- }
213
- .mds-slot-table-head--th {
214
- font-weight: 500;
215
- }
216
- .mds-slot-table.mds-slot-table-head {
217
- user-select: none;
218
- }
219
- .mds-slot-table-body {
220
- margin-top: -1px;
221
- overflow: auto;
222
- }
223
- .mds-slot-table-void {
224
- min-height: 280px;
225
- color: #7f8fa4;
226
- display: flex;
227
- flex-direction: column;
228
- justify-content: center;
229
- align-items: center;
230
- }
231
- .mds-slot-table-void .empty-img {
232
- width: 128px;
233
- height: 111px;
234
- }
235
- .mds-slot-table-void .empty-text {
236
- margin-top: 16px;
237
- }
238
- .mds-slot-table.mds-slot-table__border + .mds-slot-table-void {
239
- border: solid 1px #dddddd;
240
- }
241
- .mds-slot-table.mds-slot-table__stripe .mds-slot-table-row:nth-child(even) {
242
- background-color: #fafafd;
243
- }
244
- .mds-slot-table .mds-slot-table-row:hover {
245
- background-color: #eef8ff;
246
- }
247
- .mds-slot-table .mds-slot-table-column {
248
- overflow: hidden;
249
- vertical-align: middle;
250
- border-bottom: 1px solid #f0f2f5;
251
- }
252
- .mds-slot-table .mds-slot-table-column.mds-slot-table-column--light {
253
- color: #0364ff;
254
- }
255
- .mds-slot-table .mds-slot-table-column.mds-slot-table-column--light .cell {
256
- cursor: pointer;
257
- }
258
- .mds-slot-table .mds-slot-table-column.mds-slot-table-column--hoverlight:hover {
259
- color: #2c85ff;
260
- }
261
- .mds-slot-table .mds-slot-table-column.mds-slot-table-column--hoverlight:hover .cell {
262
- cursor: pointer;
263
- }
264
- .mds-slot-table .mds-slot-table-column.is-center {
265
- text-align: center;
266
- }
267
- .mds-slot-table .mds-slot-table-column.is-left {
268
- text-align: left;
269
- }
270
- .mds-slot-table .mds-slot-table-column.is-right {
271
- text-align: right;
272
- }
273
- .mds-slot-table .mds-slot-table-column.elli {
274
- overflow: hidden;
275
- white-space: nowrap;
276
- word-break: break-all;
277
- text-overflow: ellipsis;
278
- }
279
- .mds-slot-table .mds-slot-table-column .elli {
280
- overflow: hidden;
281
- white-space: nowrap;
282
- word-break: break-all;
283
- text-overflow: ellipsis;
284
- }
285
- .mds-slot-table .mds-slot-table-column .cell {
286
- line-height: 22px;
287
- }
288
- .mds-slot-table.mds-slot-table__border .mds-slot-table-column {
289
- border: 1px solid #f0f2f5;
290
- }
291
- .mds-slot-table.mds-slot-table__border .mds-slot-table-column.mds-slot-table-th-gutter {
292
- border-bottom: 2px solid #f0f2f5;
293
- }
294
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
295
- /* stylelint-disable declaration-bang-space-before */
296
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-tooltip{position:absolute;border-radius:4px;padding:10px;font-size:12px;line-height:1.5;min-width:10px;word-wrap:break-word;font-size:14px}.mds-tooltip .popper__arrow,.mds-tooltip .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.mds-tooltip .popper__arrow:after{content:" ";border-width:5px}.mds-tooltip-hidden{display:none}.mds-tooltip.dark-mode{background:#303133;color:#fff}.mds-tooltip.light-mode{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2)}.mds-tooltip-placement-top,.mds-tooltip-placement-top-end,.mds-tooltip-placement-top-start{margin-bottom:9px}.mds-tooltip-placement-right,.mds-tooltip-placement-right-end,.mds-tooltip-placement-right-start{margin-left:9px}.mds-tooltip-placement-bottom,.mds-tooltip-placement-bottom-end,.mds-tooltip-placement-bottom-start{margin-top:9px}.mds-tooltip-placement-left,.mds-tooltip-placement-left-end,.mds-tooltip-placement-left-start{margin-right:9px}.mds-tooltip-placement-top-end .popper__arrow,.mds-tooltip-placement-top-start .popper__arrow,.mds-tooltip-placement-top .popper__arrow{bottom:-6px;border-width:6px 6px 0;border-top-color:#354052}.mds-tooltip-placement-top-end .popper__arrow:after,.mds-tooltip-placement-top-start .popper__arrow:after,.mds-tooltip-placement-top .popper__arrow:after{bottom:1px;border-top-color:#354052;border-width:5px 5px 0;margin-left:-5px}.mds-tooltip-placement-top-end.light-mode .popper__arrow,.mds-tooltip-placement-top-start.light-mode .popper__arrow,.mds-tooltip-placement-top.light-mode .popper__arrow{border-top-color:#ebeef5}.mds-tooltip-placement-top-end.light-mode .popper__arrow:after,.mds-tooltip-placement-top-start.light-mode .popper__arrow:after,.mds-tooltip-placement-top.light-mode .popper__arrow:after{border-top-color:#fff}.mds-tooltip-placement-right-end .popper__arrow,.mds-tooltip-placement-right-start .popper__arrow,.mds-tooltip-placement-right .popper__arrow{left:-6px;border-width:6px 6px 6px 0;border-right-color:#354052}.mds-tooltip-placement-right-end .popper__arrow:after,.mds-tooltip-placement-right-start .popper__arrow:after,.mds-tooltip-placement-right .popper__arrow:after{left:1px;border-right-color:#354052;border-width:5px 5px 5px 0;bottom:-5px}.mds-tooltip-placement-right-end.light-mode .popper__arrow,.mds-tooltip-placement-right-start.light-mode .popper__arrow,.mds-tooltip-placement-right.light-mode .popper__arrow{border-right-color:#ebeef5}.mds-tooltip-placement-right-end.light-mode .popper__arrow:after,.mds-tooltip-placement-right-start.light-mode .popper__arrow:after,.mds-tooltip-placement-right.light-mode .popper__arrow:after{border-right-color:#fff}.mds-tooltip-placement-left-end .popper__arrow,.mds-tooltip-placement-left-start .popper__arrow,.mds-tooltip-placement-left .popper__arrow{right:-6px;border-width:6px 0 6px 6px;border-left-color:#354052}.mds-tooltip-placement-left-end .popper__arrow:after,.mds-tooltip-placement-left-start .popper__arrow:after,.mds-tooltip-placement-left .popper__arrow:after{right:1px;border-left-color:#354052;border-width:5px 0 5px 5px;margin-left:-5px;bottom:-5px}.mds-tooltip-placement-left-end.light-mode .popper__arrow,.mds-tooltip-placement-left-start.light-mode .popper__arrow,.mds-tooltip-placement-left.light-mode .popper__arrow{border-left-color:#ebeef5}.mds-tooltip-placement-left-end.light-mode .popper__arrow:after,.mds-tooltip-placement-left-start.light-mode .popper__arrow:after,.mds-tooltip-placement-left.light-mode .popper__arrow:after{border-left-color:#fff}.mds-tooltip-placement-bottom-end .popper__arrow,.mds-tooltip-placement-bottom-start .popper__arrow,.mds-tooltip-placement-bottom .popper__arrow{top:-6px;border-width:0 6px 6px;border-bottom-color:#354052}.mds-tooltip-placement-bottom-end .popper__arrow:after,.mds-tooltip-placement-bottom-start .popper__arrow:after,.mds-tooltip-placement-bottom .popper__arrow:after{top:1px;border-top-color:#354052;border-width:0 5px 5px;margin-left:-5px}.mds-tooltip-placement-bottom-end.light-mode .popper__arrow,.mds-tooltip-placement-bottom-start.light-mode .popper__arrow,.mds-tooltip-placement-bottom.light-mode .popper__arrow{border-bottom-color:#ebeef5}.mds-tooltip-placement-bottom-end.light-mode .popper__arrow:after,.mds-tooltip-placement-bottom-start.light-mode .popper__arrow:after,.mds-tooltip-placement-bottom.light-mode .popper__arrow:after{border-bottom-color:#fff}.mds-slot-table-block{background-color:#fff;position:relative}.mds-slot-table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;color:#354052}.mds-slot-table-loading-container{transition:all .3s}.mds-slot-table-tooltip::-webkit-scrollbar{width:5px}.mds-slot-table-tooltip::-webkit-scrollbar-track{background:#fff}.mds-slot-table-tooltip::-webkit-scrollbar-thumb{border-radius:10px;height:24px;background:#d8dce6}.mds-slot-table-slot{display:none}td.mds-slot-table-normal .cell,th.mds-slot-table-normal{padding:16px 24px}th.mds-slot-table-mini{font-size:12px;padding:10px 16px}td.mds-slot-table-mini .cell{padding:10px 16px}.mds-slot-table-header{overflow:hidden}.mds-slot-table-head-tr{background:#fafafd}.mds-slot-table-head--th{font-weight:500}.mds-slot-table.mds-slot-table-head{user-select:none}.mds-slot-table-body{margin-top:-1px;overflow:auto}.mds-slot-table-void{min-height:280px;color:#7f8fa4;display:flex;flex-direction:column;justify-content:center;align-items:center}.mds-slot-table-void .empty-img{width:128px;height:111px}.mds-slot-table-void .empty-text{margin-top:16px}.mds-slot-table.mds-slot-table__border+.mds-slot-table-void{border:1px solid #ddd}.mds-slot-table.mds-slot-table__stripe .mds-slot-table-row:nth-child(2n){background-color:#fafafd}.mds-slot-table .mds-slot-table-row:hover{background-color:#eef8ff}.mds-slot-table .mds-slot-table-column{overflow:hidden;vertical-align:middle;border-bottom:1px solid #f0f2f5}.mds-slot-table .mds-slot-table-column.mds-slot-table-column--light{color:#0364ff}.mds-slot-table .mds-slot-table-column.mds-slot-table-column--light .cell{cursor:pointer}.mds-slot-table .mds-slot-table-column.mds-slot-table-column--hoverlight:hover{color:#2c85ff}.mds-slot-table .mds-slot-table-column.mds-slot-table-column--hoverlight:hover .cell{cursor:pointer}.mds-slot-table .mds-slot-table-column.is-center{text-align:center}.mds-slot-table .mds-slot-table-column.is-left{text-align:left}.mds-slot-table .mds-slot-table-column.is-right{text-align:right}.mds-slot-table .mds-slot-table-column.elli,.mds-slot-table .mds-slot-table-column .elli{overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis}.mds-slot-table .mds-slot-table-column .cell{line-height:22px}.mds-slot-table.mds-slot-table__border .mds-slot-table-column{border:1px solid #f0f2f5}.mds-slot-table.mds-slot-table__border .mds-slot-table-column.mds-slot-table-th-gutter{border-bottom:2px solid #f0f2f5}