@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/cascaderpanel.css CHANGED
@@ -1,122 +1 @@
1
- .mds-cascader-zoom-in-top-enter-active,
2
- .mds-cascader-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-cascader-zoom-in-top-enter,
9
- .mds-cascader-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-cascader-panel {
17
- display: flex;
18
- background: #fff;
19
- overflow-x: auto;
20
- max-width: 'none';
21
- }
22
- .mds-cascader-panel-level {
23
- border-right: 1px solid #dcdfe6;
24
- min-width: 160px;
25
- min-height: 160px;
26
- overflow: auto;
27
- }
28
- .mds-cascader-panel-level:last-child {
29
- border-right: none;
30
- }
31
- .mds-cascader-panel-empty-wrapper {
32
- display: flex;
33
- justify-content: center;
34
- align-items: center;
35
- height: 100%;
36
- }
37
- .mds-cascader-panel-empty-text {
38
- font-size: 14px;
39
- color: #c0c4cc;
40
- }
41
- .mds-cascader-panel.is-bordered {
42
- border: 1px solid #dcdfe6;
43
- }
44
- .mds-cascader-panel:after {
45
- content: "";
46
- display: block;
47
- clear: both;
48
- }
49
- .mds-cascader-option {
50
- display: flex;
51
- align-items: center;
52
- justify-content: flex-start;
53
- cursor: pointer;
54
- user-select: none;
55
- }
56
- .mds-cascader-option .mds-radio-wrapper {
57
- margin-right: 0;
58
- }
59
- .mds-cascader-option .mdsicon {
60
- float: right;
61
- }
62
- .mds-cascader-option:hover {
63
- background: #e6f4ff;
64
- color: #0364ff;
65
- }
66
- .mds-cascader-option-checkbox {
67
- margin-right: 12px;
68
- }
69
- .mds-cascader-option-label {
70
- flex: 1;
71
- white-space: nowrap;
72
- display: flex;
73
- justify-content: space-between;
74
- align-items: center;
75
- }
76
- .mds-cascader-option-active {
77
- background: #e6f4ff;
78
- color: #0364ff;
79
- }
80
- .mds-cascader-option-multi-active {
81
- color: #0364ff;
82
- }
83
- .mds-cascader-option-disabled:hover {
84
- background: none;
85
- color: #c0c4cc;
86
- cursor: not-allowed;
87
- }
88
- .mds-cascader-option-disabled {
89
- color: #c0c4cc;
90
- }
91
- .mds-cascader-option-large {
92
- line-height: 40px;
93
- font-size: 16px;
94
- padding: 0 12px;
95
- }
96
- .mds-cascader-option-large .mdsicon {
97
- margin: 0 0 0 12px;
98
- }
99
- .mds-cascader-option-medium {
100
- line-height: 36px;
101
- font-size: 14px;
102
- padding: 0 12px;
103
- }
104
- .mds-cascader-option-medium .mdsicon {
105
- margin: 0 0 0 12px;
106
- }
107
- .mds-cascader-option-small {
108
- line-height: 32px;
109
- font-size: 14px;
110
- padding: 0 12px;
111
- }
112
- .mds-cascader-option-small .mdsicon {
113
- margin: 0 0 0 10px;
114
- }
115
- .mds-cascader-option-mini {
116
- line-height: 28px;
117
- font-size: 12px;
118
- padding-left: 8px;
119
- }
120
- .mds-cascader-option-mini .mdsicon {
121
- margin: 0 0 0 10px;
122
- }
1
+ .mds-cascader-zoom-in-top-enter-active,.mds-cascader-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-cascader-zoom-in-top-enter,.mds-cascader-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.mds-cascader-panel{display:flex;background:#fff;overflow-x:auto;max-width:"none"}.mds-cascader-panel-level{border-right:1px solid #dcdfe6;min-width:160px;min-height:160px;overflow:auto}.mds-cascader-panel-level:last-child{border-right:none}.mds-cascader-panel-empty-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.mds-cascader-panel-empty-text{font-size:14px;color:#c0c4cc}.mds-cascader-panel.is-bordered{border:1px solid #dcdfe6}.mds-cascader-panel:after{content:"";display:block;clear:both}.mds-cascader-option{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;user-select:none}.mds-cascader-option .mds-radio-wrapper{margin-right:0}.mds-cascader-option .mdsicon{float:right}.mds-cascader-option:hover{background:#e6f4ff;color:#0364ff}.mds-cascader-option-checkbox{margin-right:12px}.mds-cascader-option-label{flex:1;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.mds-cascader-option-active{background:#e6f4ff;color:#0364ff}.mds-cascader-option-multi-active{color:#0364ff}.mds-cascader-option-disabled:hover{background:none;color:#c0c4cc;cursor:not-allowed}.mds-cascader-option-disabled{color:#c0c4cc}.mds-cascader-option-large{line-height:40px;font-size:16px;padding:0 12px}.mds-cascader-option-large .mdsicon{margin:0 0 0 12px}.mds-cascader-option-medium{line-height:36px;font-size:14px;padding:0 12px}.mds-cascader-option-medium .mdsicon{margin:0 0 0 12px}.mds-cascader-option-small{line-height:32px;font-size:14px;padding:0 12px}.mds-cascader-option-small .mdsicon{margin:0 0 0 10px}.mds-cascader-option-mini{line-height:28px;font-size:12px;padding-left:8px}.mds-cascader-option-mini .mdsicon{margin:0 0 0 10px}
package/dist/style/checkbox.css CHANGED
@@ -1,186 +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
- @keyframes mdsCheckboxEffect {
5
- 0% {
6
- transform: scale(1);
7
- opacity: 0.5;
8
- }
9
- 100% {
10
- transform: scale(1.6);
11
- opacity: 0;
12
- }
13
- }
14
- .clums .mds-checkbox-wrapper.mds-checkbox-group-item {
15
- display: block;
16
- margin-bottom: 16px;
17
- }
18
- .mds-checkbox {
19
- white-space: nowrap;
20
- cursor: pointer;
21
- outline: none;
22
- display: inline-block;
23
- line-height: 1;
24
- position: relative;
25
- vertical-align: text-bottom;
26
- }
27
- .mds-checkbox-wrapper:hover .mds-checkbox-inner,
28
- .mds-checkbox:hover .mds-checkbox-inner,
29
- .mds-checkbox-input:focus + .mds-checkbox-inner {
30
- border-color: #0364FF;
31
- }
32
- .mds-checkbox-checked:after {
33
- position: absolute;
34
- top: 0;
35
- left: 0;
36
- width: 100%;
37
- height: 100%;
38
- border-radius: 2px;
39
- border: 1px solid #0364FF;
40
- content: '';
41
- animation: mdsCheckboxEffect 0.36s ease-in-out;
42
- animation-fill-mode: both;
43
- visibility: hidden;
44
- }
45
- .mds-checkbox:hover:after,
46
- .mds-checkbox-wrapper:hover .mds-checkbox:after {
47
- visibility: visible;
48
- }
49
- .mds-checkbox-inner {
50
- position: relative;
51
- top: 0;
52
- left: 0;
53
- display: block;
54
- width: 16px;
55
- height: 16px;
56
- border: 1px solid #D8DCE6;
57
- border-radius: 2px;
58
- background-color: #fff;
59
- transition: all .3s;
60
- }
61
- .mds-checkbox-inner:after {
62
- transform: rotate(45deg) scale(0);
63
- position: absolute;
64
- left: 4.3px;
65
- top: 1px;
66
- display: block;
67
- width: 6px;
68
- height: 10px;
69
- border: 2px solid #fff;
70
- border-top: 0;
71
- border-left: 0;
72
- content: ' ';
73
- transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
74
- }
75
- .mds-checkbox-input {
76
- position: absolute;
77
- left: 0;
78
- z-index: 1;
79
- cursor: pointer;
80
- opacity: 0;
81
- filter: alpha(opacity=0);
82
- top: 0;
83
- bottom: 0;
84
- right: 0;
85
- width: 100%;
86
- height: 100%;
87
- }
88
- .mds-checkbox-indeterminate .mds-checkbox-inner {
89
- background: #fff;
90
- }
91
- .mds-checkbox-indeterminate .mds-checkbox-inner:after {
92
- content: '';
93
- transform: scale(1);
94
- position: absolute;
95
- left: 2.85714286px;
96
- top: 2.85714286px;
97
- width: 10.28571429px;
98
- height: 10.28571429px;
99
- background: #0364FF;
100
- }
101
- .mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after {
102
- border-color: rgba(0, 0, 0, 0.2);
103
- }
104
- .mds-checkbox-checked .mds-checkbox-inner:after {
105
- transform: rotate(45deg) scale(1);
106
- position: absolute;
107
- display: block;
108
- border: 2px solid #fff;
109
- border-top: 0;
110
- border-left: 0;
111
- content: ' ';
112
- transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
113
- }
114
- .mds-checkbox-checked .mds-checkbox-inner {
115
- background-color: #0364FF;
116
- border-color: #0364FF;
117
- }
118
- .mds-checkbox-disabled {
119
- cursor: not-allowed;
120
- }
121
- .mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after {
122
- animation-name: none;
123
- border-color: #D8DCE6;
124
- }
125
- .mds-checkbox-disabled .mds-checkbox-input {
126
- cursor: not-allowed;
127
- }
128
- .mds-checkbox-disabled .mds-checkbox-inner {
129
- border-color: #D8DCE6 !important;
130
- background-color: #FAFAFD;
131
- }
132
- .mds-checkbox-disabled .mds-checkbox-inner:after {
133
- animation-name: none;
134
- border-color: #FAFAFD;
135
- }
136
- .mds-checkbox-disabled + span {
137
- color: #aaaaaa !important;
138
- cursor: not-allowed;
139
- }
140
- .mds-checkbox-wrapper {
141
- cursor: pointer;
142
- font-size: 14px;
143
- display: inline-block;
144
- }
145
- .mds-checkbox-wrapper + .mds-checkbox-wrapper {
146
- margin-left: 8px;
147
- }
148
- .mds-checkbox-wrapper + span,
149
- .mds-checkbox + span {
150
- padding-left: 8px;
151
- padding-right: 8px;
152
- color: #354052;
153
- }
154
- .mds-checkbox-group {
155
- font-size: 14px;
156
- }
157
- .mds-checkbox-group-item {
158
- display: inline-block;
159
- margin-right: 20px;
160
- }
161
- .mds-checkbox-group-item:last-child {
162
- margin-right: 0;
163
- }
164
- .mds-checkbox-group-item + .mds-checkbox-group-item {
165
- margin-left: 0;
166
- }
167
- @media \0screen {
168
- .mds-checkbox-checked .mds-checkbox-inner:before,
169
- .mds-checkbox-checked .mds-checkbox-inner:after {
170
- font-family: 'mdsicon';
171
- text-rendering: optimizeLegibility;
172
- -webkit-font-smoothing: antialiased;
173
- -moz-osx-font-smoothing: grayscale;
174
- content: "\E632";
175
- font-weight: bold;
176
- font-size: 8px;
177
- border: 0;
178
- color: #fff;
179
- left: 2px;
180
- top: 3px;
181
- position: absolute;
182
- }
183
- }
184
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
185
- /* stylelint-disable declaration-bang-space-before */
186
- /* stylelint-disable declaration-bang-space-before */
1
+ @keyframes mdsCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.clums .mds-checkbox-wrapper.mds-checkbox-group-item{display:block;margin-bottom:16px}.mds-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.mds-checkbox-input:focus+.mds-checkbox-inner,.mds-checkbox-wrapper:hover .mds-checkbox-inner,.mds-checkbox:hover .mds-checkbox-inner{border-color:#0364ff}.mds-checkbox-checked:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;border:1px solid #0364ff;content:"";animation:mdsCheckboxEffect .36s ease-in-out;animation-fill-mode:both;visibility:hidden}.mds-checkbox-wrapper:hover .mds-checkbox:after,.mds-checkbox:hover:after{visibility:visible}.mds-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;border:1px solid #d8dce6;border-radius:2px;background-color:#fff;transition:all .3s}.mds-checkbox-inner:after{transform:rotate(45deg) scale(0);position:absolute;left:4.3px;top:1px;display:block;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.mds-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.mds-checkbox-indeterminate .mds-checkbox-inner{background:#fff}.mds-checkbox-indeterminate .mds-checkbox-inner:after{content:"";transform:scale(1);position:absolute;left:2.85714286px;top:2.85714286px;width:10.28571429px;height:10.28571429px;background:#0364ff}.mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after{border-color:rgba(0,0,0,.2)}.mds-checkbox-checked .mds-checkbox-inner:after{transform:rotate(45deg) scale(1);position:absolute;display:block;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.mds-checkbox-checked .mds-checkbox-inner{background-color:#0364ff;border-color:#0364ff}.mds-checkbox-disabled{cursor:not-allowed}.mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after{animation-name:none;border-color:#d8dce6}.mds-checkbox-disabled .mds-checkbox-input{cursor:not-allowed}.mds-checkbox-disabled .mds-checkbox-inner{border-color:#d8dce6!important;background-color:#fafafd}.mds-checkbox-disabled .mds-checkbox-inner:after{animation-name:none;border-color:#fafafd}.mds-checkbox-disabled+span{color:#aaa!important;cursor:not-allowed}.mds-checkbox-wrapper{cursor:pointer;font-size:14px;display:inline-block}.mds-checkbox-wrapper+.mds-checkbox-wrapper{margin-left:8px}.mds-checkbox+span,.mds-checkbox-wrapper+span{padding-left:8px;padding-right:8px;color:#354052}.mds-checkbox-group{font-size:14px}.mds-checkbox-group-item{display:inline-block;margin-right:20px}.mds-checkbox-group-item:last-child{margin-right:0}.mds-checkbox-group-item+.mds-checkbox-group-item{margin-left:0}@media \0screen{.mds-checkbox-checked .mds-checkbox-inner:after,.mds-checkbox-checked .mds-checkbox-inner:before{font-family:mdsicon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}