@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/transfer.css CHANGED
@@ -1,206 +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-transfer {
5
- display: flex;
6
- align-items: center;
7
- }
8
- .mds-transfer-buttons {
9
- margin: 0 20px;
10
- }
11
- .mds-transfer-button-item {
12
- margin: 10px 0;
13
- }
14
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
15
- /* stylelint-disable declaration-bang-space-before */
16
- /* stylelint-disable declaration-bang-space-before */
17
- .mds-transfer-panel {
18
- width: 200px;
19
- height: 331px;
20
- border: 1px solid #f0f2f5;
21
- overflow: hidden;
22
- }
23
- .mds-transfer-panel-header {
24
- width: 198px;
25
- height: 40px;
26
- background: #ffffff;
27
- display: flex;
28
- align-items: center;
29
- justify-content: space-between;
30
- padding: 0 8px 0 12px;
31
- border-bottom: 1px solid #f0f2f5;
32
- }
33
- .mds-transfer-panel-body {
34
- width: 100%;
35
- height: 290px;
36
- overflow-y: auto;
37
- overflow-x: hidden;
38
- }
39
- .mds-transfer-panel-body .mds-checkbox-wrapper {
40
- margin-left: 0;
41
- padding-left: 12px;
42
- display: flex;
43
- align-items: center;
44
- width: 196px;
45
- height: 32px;
46
- background: #ffffff;
47
- border-radius: 2px;
48
- }
49
- .mds-transfer-panel-body .mds-checkbox-wrapper:hover {
50
- background-color: rgba(0, 0, 0, 0.02);
51
- }
52
- .mds-transfer-panel-body .mds-transfer-checked {
53
- margin-right: 0;
54
- background-color: #EEF8FF;
55
- }
56
- .mds-transfer-panel-body .mds-transfer-checked:hover {
57
- background-color: #EEF8FF;
58
- }
59
- .mds-transfer-panel-body-item {
60
- padding-left: 12px;
61
- display: flex;
62
- align-items: center;
63
- width: 184px;
64
- height: 32px;
65
- background: #ffffff;
66
- border-radius: 2px;
67
- }
68
- .mds-transfer-panel-body-item-disabled {
69
- padding-left: 12px;
70
- background: rgba(0, 0, 0, 0.02);
71
- font-size: 14px;
72
- color: #d8dce6;
73
- line-height: 32px;
74
- }
75
- .mds-transfer-panel-body-item:hover {
76
- background: rgba(0, 0, 0, 0.02);
77
- }
78
- .mds-transfer-panel__empty {
79
- margin: 0;
80
- height: 30px;
81
- line-height: 30px;
82
- padding: 6px 15px 0;
83
- color: #909399;
84
- text-align: center;
85
- }
86
- .mds-transfer-panel__filter__box {
87
- position: relative;
88
- display: block;
89
- padding: 12px;
90
- box-sizing: border-box;
91
- }
92
- .mds-transfer-checked {
93
- margin-right: 0;
94
- background-color: #EEF8FF;
95
- }
96
- .mds-transfer-checked:hover {
97
- background-color: #EEF8FF;
98
- }
99
- .mds-transfer-disabled span {
100
- color: #D8DCE6;
101
- }
102
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
103
- /* stylelint-disable declaration-bang-space-before */
104
- /* stylelint-disable declaration-bang-space-before */
105
- .mds-transfer-extra {
106
- display: flex;
107
- align-items: flex-start;
108
- min-height: 600px;
109
- gap: 24px;
110
- }
111
- .mds-transfer-extra-card {
112
- background: #fff;
113
- border-radius: 4px;
114
- border: 1px solid #f0f2f5;
115
- padding: 0;
116
- box-sizing: border-box;
117
- display: flex;
118
- flex-direction: column;
119
- justify-content: flex-start;
120
- }
121
- .mds-transfer-extra-left,
122
- .mds-transfer-extra-actions-wrapper,
123
- .mds-transfer-extra-right {
124
- height: 100%;
125
- display: flex;
126
- flex-direction: column;
127
- }
128
- .mds-transfer-extra-left-card {
129
- height: 100%;
130
- }
131
- .mds-transfer-extra-right {
132
- gap: 0;
133
- }
134
- .mds-transfer-extra-actions-wrapper {
135
- display: flex;
136
- flex-direction: column;
137
- align-items: center;
138
- }
139
- .mds-transfer-extra-header {
140
- height: 40px;
141
- display: flex;
142
- align-items: center;
143
- justify-content: space-between;
144
- padding: 0 12px;
145
- border-bottom: 1px solid #f0f2f5;
146
- background: #fff;
147
- }
148
- .mds-transfer-extra-title {
149
- font-weight: bold;
150
- font-size: 16px;
151
- color: #333;
152
- margin-right: 8px;
153
- }
154
- .mds-transfer-extra-count {
155
- color: #888;
156
- font-size: 14px;
157
- min-width: 48px;
158
- text-align: right;
159
- }
160
- .mds-transfer-extra-search {
161
- position: relative;
162
- display: block;
163
- padding: 12px;
164
- box-sizing: border-box;
165
- }
166
- .mds-transfer-extra-scroll {
167
- flex: 1;
168
- overflow-y: auto;
169
- padding: 0 0 0 0;
170
- }
171
- .mds-transfer-extra-actions {
172
- display: flex;
173
- flex-direction: column;
174
- align-items: center;
175
- gap: 10px;
176
- justify-content: center;
177
- }
178
- .mds-transfer-extra-btn {
179
- width: auto;
180
- height: 40px;
181
- font-size: 16px;
182
- border-radius: 4px;
183
- margin-bottom: 0;
184
- color: #fff;
185
- font-weight: bold;
186
- transition: background 0.2s;
187
- }
188
- .mds-transfer-extra-btn:active,
189
- .mds-transfer-extra-btn:focus {
190
- background: #90c2f7;
191
- }
192
- .checkbox-group-vertical {
193
- display: flex;
194
- flex-direction: column;
195
- gap: 0;
196
- }
197
- .mds-checkbox-wrapper {
198
- display: flex;
199
- align-items: center;
200
- }
201
- .mds-checkbox-wrapper:hover {
202
- background-color: #f5f7fa;
203
- }
204
- .mds-checkbox-wrapper .mds-checkbox[disabled] + span {
205
- color: #d8dce6;
206
- }
1
+ .mds-transfer{display:flex;align-items:center}.mds-transfer-buttons{margin:0 20px}.mds-transfer-button-item{margin:10px 0}.mds-transfer-panel{width:200px;height:331px;border:1px solid #f0f2f5;overflow:hidden}.mds-transfer-panel-header{width:198px;height:40px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;border-bottom:1px solid #f0f2f5}.mds-transfer-panel-body{width:100%;height:290px;overflow-y:auto;overflow-x:hidden}.mds-transfer-panel-body .mds-checkbox-wrapper{margin-left:0;padding-left:12px;display:flex;align-items:center;width:196px;height:32px;background:#fff;border-radius:2px}.mds-transfer-panel-body .mds-checkbox-wrapper:hover{background-color:rgba(0,0,0,.02)}.mds-transfer-panel-body .mds-transfer-checked{margin-right:0;background-color:#eef8ff}.mds-transfer-panel-body .mds-transfer-checked:hover{background-color:#eef8ff}.mds-transfer-panel-body-item{padding-left:12px;display:flex;align-items:center;width:184px;height:32px;background:#fff;border-radius:2px}.mds-transfer-panel-body-item-disabled{padding-left:12px;background:rgba(0,0,0,.02);font-size:14px;color:#d8dce6;line-height:32px}.mds-transfer-panel-body-item:hover{background:rgba(0,0,0,.02)}.mds-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.mds-transfer-panel__filter__box{position:relative;display:block;padding:12px;box-sizing:border-box}.mds-transfer-checked{margin-right:0}.mds-transfer-checked,.mds-transfer-checked:hover{background-color:#eef8ff}.mds-transfer-disabled span{color:#d8dce6}.mds-transfer-extra{display:flex;align-items:flex-start;min-height:600px;gap:24px}.mds-transfer-extra-card{background:#fff;border-radius:4px;border:1px solid #f0f2f5;padding:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}.mds-transfer-extra-actions-wrapper,.mds-transfer-extra-left,.mds-transfer-extra-right{height:100%;display:flex;flex-direction:column}.mds-transfer-extra-left-card{height:100%}.mds-transfer-extra-right{gap:0}.mds-transfer-extra-actions-wrapper{display:flex;flex-direction:column;align-items:center}.mds-transfer-extra-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #f0f2f5;background:#fff}.mds-transfer-extra-title{font-weight:700;font-size:16px;color:#333;margin-right:8px}.mds-transfer-extra-count{color:#888;font-size:14px;min-width:48px;text-align:right}.mds-transfer-extra-search{position:relative;display:block;padding:12px;box-sizing:border-box}.mds-transfer-extra-scroll{flex:1;overflow-y:auto;padding:0}.mds-transfer-extra-actions{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center}.mds-transfer-extra-btn{width:auto;height:40px;font-size:16px;border-radius:4px;margin-bottom:0;color:#fff;font-weight:700;transition:background .2s}.mds-transfer-extra-btn:active,.mds-transfer-extra-btn:focus{background:#90c2f7}.checkbox-group-vertical{display:flex;flex-direction:column;gap:0}.mds-checkbox-wrapper{display:flex;align-items:center}.mds-checkbox-wrapper:hover{background-color:#f5f7fa}.mds-checkbox-wrapper .mds-checkbox[disabled]+span{color:#d8dce6}