cy-element-ui 1.0.44 → 1.0.45

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 (207) hide show
  1. package/lib/element-ui.common.js +1 -1
  2. package/lib/index.js +1 -1
  3. package/lib/theme-chalk/alert.css +1 -0
  4. package/lib/theme-chalk/aside.css +1 -0
  5. package/lib/theme-chalk/autocomplete.css +1 -0
  6. package/lib/theme-chalk/avatar.css +1 -0
  7. package/lib/theme-chalk/backtop.css +1 -0
  8. package/lib/theme-chalk/badge.css +1 -0
  9. package/lib/theme-chalk/base.css +1 -1
  10. package/lib/theme-chalk/breadcrumb.css +1 -0
  11. package/lib/theme-chalk/button.css +1 -0
  12. package/lib/theme-chalk/calendar.css +1 -0
  13. package/lib/theme-chalk/card.css +1 -0
  14. package/lib/theme-chalk/carousel-item.css +1 -0
  15. package/lib/theme-chalk/carousel.css +1 -0
  16. package/lib/theme-chalk/cascader-panel.css +1 -0
  17. package/lib/theme-chalk/cascader.css +1 -0
  18. package/lib/theme-chalk/checkbox.css +1 -0
  19. package/lib/theme-chalk/col.css +1 -0
  20. package/lib/theme-chalk/collapse.css +1 -0
  21. package/lib/theme-chalk/color-picker.css +1 -0
  22. package/lib/theme-chalk/container.css +1 -0
  23. package/lib/theme-chalk/date-picker.css +1 -0
  24. package/lib/theme-chalk/descriptions-item.css +1 -0
  25. package/lib/theme-chalk/descriptions.css +1 -0
  26. package/lib/theme-chalk/dialog.css +1 -0
  27. package/lib/theme-chalk/display.css +1 -0
  28. package/lib/theme-chalk/divider.css +1 -0
  29. package/lib/theme-chalk/drawer.css +1 -0
  30. package/lib/theme-chalk/dropdown.css +1 -0
  31. package/lib/theme-chalk/empty.css +1 -0
  32. package/lib/theme-chalk/footer.css +1 -0
  33. package/lib/theme-chalk/form.css +1 -0
  34. package/lib/theme-chalk/header.css +1 -0
  35. package/lib/theme-chalk/icon.css +1 -0
  36. package/lib/theme-chalk/image.css +1 -0
  37. package/lib/theme-chalk/index.css +1 -1
  38. package/lib/theme-chalk/input-number.css +1 -0
  39. package/lib/theme-chalk/input.css +1 -0
  40. package/lib/theme-chalk/link.css +1 -0
  41. package/lib/theme-chalk/loading.css +1 -0
  42. package/lib/theme-chalk/main.css +1 -0
  43. package/lib/theme-chalk/menu.css +1 -0
  44. package/lib/theme-chalk/message-box.css +1 -0
  45. package/lib/theme-chalk/message.css +1 -0
  46. package/lib/theme-chalk/notification.css +1 -0
  47. package/lib/theme-chalk/option-group.css +1 -0
  48. package/lib/theme-chalk/option.css +1 -0
  49. package/lib/theme-chalk/page-header.css +1 -0
  50. package/lib/theme-chalk/pagination.css +1 -0
  51. package/lib/theme-chalk/popconfirm.css +1 -0
  52. package/lib/theme-chalk/popover.css +1 -0
  53. package/lib/theme-chalk/popper.css +1 -0
  54. package/lib/theme-chalk/progress.css +1 -0
  55. package/lib/theme-chalk/radio-button.css +1 -0
  56. package/lib/theme-chalk/radio-group.css +1 -0
  57. package/lib/theme-chalk/radio.css +1 -0
  58. package/lib/theme-chalk/rate.css +1 -0
  59. package/lib/theme-chalk/reset.css +1 -0
  60. package/lib/theme-chalk/result.css +1 -0
  61. package/lib/theme-chalk/row.css +1 -0
  62. package/lib/theme-chalk/scrollbar.css +1 -0
  63. package/lib/theme-chalk/select-dropdown.css +1 -0
  64. package/lib/theme-chalk/select.css +1 -0
  65. package/lib/theme-chalk/skeleton-item.css +1 -0
  66. package/lib/theme-chalk/skeleton.css +1 -0
  67. package/lib/theme-chalk/slider.css +1 -0
  68. package/lib/theme-chalk/spinner.css +1 -0
  69. package/lib/theme-chalk/statistic.css +1 -0
  70. package/lib/theme-chalk/step.css +1 -0
  71. package/lib/theme-chalk/steps.css +1 -0
  72. package/lib/theme-chalk/switch.css +1 -0
  73. package/lib/theme-chalk/table-column.css +1 -0
  74. package/lib/theme-chalk/table.css +1 -0
  75. package/lib/theme-chalk/tabs.css +1 -0
  76. package/lib/theme-chalk/tag.css +1 -0
  77. package/lib/theme-chalk/time-picker.css +1 -0
  78. package/lib/theme-chalk/time-select.css +1 -0
  79. package/lib/theme-chalk/timeline-item.css +1 -0
  80. package/lib/theme-chalk/timeline.css +1 -0
  81. package/lib/theme-chalk/tooltip.css +1 -0
  82. package/lib/theme-chalk/transfer.css +1 -0
  83. package/lib/theme-chalk/tree.css +1 -0
  84. package/lib/theme-chalk/upload.css +1 -0
  85. package/package.json +2 -2
  86. package/packages/theme-chalk/src/common/var.scss +16 -16
  87. package/packages/theme-cy/gulpfile.js +14 -1
  88. package/src/index.js +1 -1
  89. package/lib/theme-chalk/README.md +0 -33
  90. package/lib/theme-chalk/gulpfile.js +0 -40
  91. package/lib/theme-chalk/package.json +0 -35
  92. package/lib/theme-chalk/src/alert.scss +0 -147
  93. package/lib/theme-chalk/src/aside.scss +0 -7
  94. package/lib/theme-chalk/src/autocomplete.scss +0 -80
  95. package/lib/theme-chalk/src/avatar.scss +0 -51
  96. package/lib/theme-chalk/src/backtop.scss +0 -22
  97. package/lib/theme-chalk/src/badge.scss +0 -57
  98. package/lib/theme-chalk/src/base.scss +0 -2
  99. package/lib/theme-chalk/src/breadcrumb.scss +0 -55
  100. package/lib/theme-chalk/src/button.scss +0 -262
  101. package/lib/theme-chalk/src/calendar.scss +0 -79
  102. package/lib/theme-chalk/src/card.scss +0 -32
  103. package/lib/theme-chalk/src/carousel-item.scss +0 -50
  104. package/lib/theme-chalk/src/carousel.scss +0 -161
  105. package/lib/theme-chalk/src/cascader-panel.scss +0 -120
  106. package/lib/theme-chalk/src/cascader.scss +0 -182
  107. package/lib/theme-chalk/src/checkbox.scss +0 -359
  108. package/lib/theme-chalk/src/col.scss +0 -156
  109. package/lib/theme-chalk/src/collapse.scss +0 -63
  110. package/lib/theme-chalk/src/color-picker.scss +0 -384
  111. package/lib/theme-chalk/src/common/popup.scss +0 -42
  112. package/lib/theme-chalk/src/common/transition.scss +0 -99
  113. package/lib/theme-chalk/src/common/var.scss +0 -1028
  114. package/lib/theme-chalk/src/container.scss +0 -14
  115. package/lib/theme-chalk/src/date-picker/date-picker.scss +0 -97
  116. package/lib/theme-chalk/src/date-picker/date-range-picker.scss +0 -101
  117. package/lib/theme-chalk/src/date-picker/date-table.scss +0 -151
  118. package/lib/theme-chalk/src/date-picker/month-table.scss +0 -82
  119. package/lib/theme-chalk/src/date-picker/picker-panel.scss +0 -117
  120. package/lib/theme-chalk/src/date-picker/picker.scss +0 -197
  121. package/lib/theme-chalk/src/date-picker/time-picker.scss +0 -85
  122. package/lib/theme-chalk/src/date-picker/time-range-picker.scss +0 -31
  123. package/lib/theme-chalk/src/date-picker/time-spinner.scss +0 -110
  124. package/lib/theme-chalk/src/date-picker/year-table.scss +0 -51
  125. package/lib/theme-chalk/src/date-picker.scss +0 -12
  126. package/lib/theme-chalk/src/descriptions-item.scss +0 -42
  127. package/lib/theme-chalk/src/descriptions.scss +0 -111
  128. package/lib/theme-chalk/src/dialog.scss +0 -123
  129. package/lib/theme-chalk/src/display.scss +0 -12
  130. package/lib/theme-chalk/src/divider.scss +0 -47
  131. package/lib/theme-chalk/src/drawer.scss +0 -219
  132. package/lib/theme-chalk/src/dropdown.scss +0 -182
  133. package/lib/theme-chalk/src/empty.scss +0 -45
  134. package/lib/theme-chalk/src/footer.scss +0 -8
  135. package/lib/theme-chalk/src/form.scss +0 -167
  136. package/lib/theme-chalk/src/header.scss +0 -8
  137. package/lib/theme-chalk/src/icon.scss +0 -1167
  138. package/lib/theme-chalk/src/image.scss +0 -179
  139. package/lib/theme-chalk/src/index.scss +0 -90
  140. package/lib/theme-chalk/src/input-number.scss +0 -180
  141. package/lib/theme-chalk/src/input.scss +0 -360
  142. package/lib/theme-chalk/src/link.scss +0 -81
  143. package/lib/theme-chalk/src/loading.scss +0 -96
  144. package/lib/theme-chalk/src/main.scss +0 -12
  145. package/lib/theme-chalk/src/menu.scss +0 -289
  146. package/lib/theme-chalk/src/message-box.scss +0 -226
  147. package/lib/theme-chalk/src/message.scss +0 -120
  148. package/lib/theme-chalk/src/mixins/_button.scss +0 -81
  149. package/lib/theme-chalk/src/mixins/config.scss +0 -4
  150. package/lib/theme-chalk/src/mixins/function.scss +0 -44
  151. package/lib/theme-chalk/src/mixins/mixins.scss +0 -190
  152. package/lib/theme-chalk/src/mixins/utils.scss +0 -39
  153. package/lib/theme-chalk/src/notification.scss +0 -99
  154. package/lib/theme-chalk/src/option-group.scss +0 -42
  155. package/lib/theme-chalk/src/option.scss +0 -36
  156. package/lib/theme-chalk/src/page-header.scss +0 -41
  157. package/lib/theme-chalk/src/pagination.scss +0 -295
  158. package/lib/theme-chalk/src/popconfirm.scss +0 -16
  159. package/lib/theme-chalk/src/popover.scss +0 -40
  160. package/lib/theme-chalk/src/popper.scss +0 -101
  161. package/lib/theme-chalk/src/progress.scss +0 -141
  162. package/lib/theme-chalk/src/radio-button.scss +0 -113
  163. package/lib/theme-chalk/src/radio-group.scss +0 -9
  164. package/lib/theme-chalk/src/radio.scss +0 -199
  165. package/lib/theme-chalk/src/rate.scss +0 -49
  166. package/lib/theme-chalk/src/reset.scss +0 -79
  167. package/lib/theme-chalk/src/result.scss +0 -61
  168. package/lib/theme-chalk/src/row.scss +0 -43
  169. package/lib/theme-chalk/src/scrollbar.scss +0 -72
  170. package/lib/theme-chalk/src/select-dropdown.scss +0 -62
  171. package/lib/theme-chalk/src/select.scss +0 -152
  172. package/lib/theme-chalk/src/skeleton-item.scss +0 -84
  173. package/lib/theme-chalk/src/skeleton.scss +0 -40
  174. package/lib/theme-chalk/src/slider.scss +0 -250
  175. package/lib/theme-chalk/src/spinner.scss +0 -44
  176. package/lib/theme-chalk/src/statistic.scss +0 -38
  177. package/lib/theme-chalk/src/step.scss +0 -317
  178. package/lib/theme-chalk/src/steps.scss +0 -20
  179. package/lib/theme-chalk/src/switch.scss +0 -116
  180. package/lib/theme-chalk/src/table-column.scss +0 -97
  181. package/lib/theme-chalk/src/table.scss +0 -564
  182. package/lib/theme-chalk/src/tabs.scss +0 -602
  183. package/lib/theme-chalk/src/tag.scss +0 -163
  184. package/lib/theme-chalk/src/time-picker.scss +0 -8
  185. package/lib/theme-chalk/src/time-select.scss +0 -37
  186. package/lib/theme-chalk/src/timeline-item.scss +0 -86
  187. package/lib/theme-chalk/src/timeline.scss +0 -14
  188. package/lib/theme-chalk/src/tooltip.scss +0 -141
  189. package/lib/theme-chalk/src/transfer.scss +0 -227
  190. package/lib/theme-chalk/src/tree.scss +0 -123
  191. package/lib/theme-chalk/src/upload.scss +0 -603
  192. /package/lib/theme-chalk/{src/breadcrumb-item.scss → breadcrumb-item.css} +0 -0
  193. /package/lib/theme-chalk/{src/button-group.scss → button-group.css} +0 -0
  194. /package/lib/theme-chalk/{src/checkbox-button.scss → checkbox-button.css} +0 -0
  195. /package/lib/theme-chalk/{src/checkbox-group.scss → checkbox-group.css} +0 -0
  196. /package/lib/theme-chalk/{src/collapse-item.scss → collapse-item.css} +0 -0
  197. /package/lib/theme-chalk/{src/dropdown-item.scss → dropdown-item.css} +0 -0
  198. /package/lib/theme-chalk/{src/dropdown-menu.scss → dropdown-menu.css} +0 -0
  199. /package/lib/theme-chalk/{src/fonts → fonts}/element-icons.ttf +0 -0
  200. /package/lib/theme-chalk/{src/fonts → fonts}/element-icons.woff +0 -0
  201. /package/lib/theme-chalk/{src/form-item.scss → form-item.css} +0 -0
  202. /package/lib/theme-chalk/{src/infinite-scroll.scss → infinite-scroll.css} +0 -0
  203. /package/lib/theme-chalk/{src/infiniteScroll.scss → infiniteScroll.css} +0 -0
  204. /package/lib/theme-chalk/{src/menu-item-group.scss → menu-item-group.css} +0 -0
  205. /package/lib/theme-chalk/{src/menu-item.scss → menu-item.css} +0 -0
  206. /package/lib/theme-chalk/{src/submenu.scss → submenu.css} +0 -0
  207. /package/lib/theme-chalk/{src/tab-pane.scss → tab-pane.css} +0 -0
@@ -1,295 +0,0 @@
1
- @import "mixins/mixins";
2
- @import "mixins/utils";
3
- @import "common/var";
4
- @import "select";
5
-
6
- @include b(pagination) {
7
- white-space: nowrap;
8
- padding: 2px 5px;
9
- color: $--pagination-font-color;
10
- font-weight: bold;
11
- @include utils-clearfix;
12
-
13
- span:not([class*=suffix]),
14
- button {
15
- display: inline-block;
16
- font-size: $--pagination-font-size;
17
- min-width: $--pagination-button-width;
18
- height: $--pagination-button-height;
19
- line-height: $--pagination-button-height;
20
- vertical-align: top;
21
- box-sizing: border-box;
22
- }
23
-
24
- .el-input__inner {
25
- text-align: center;
26
- -moz-appearance: textfield;
27
- line-height: normal;
28
- }
29
-
30
- // pagesize 的下拉 icon
31
- .el-input__suffix {
32
- right: 0;
33
- transform: scale(.8);
34
- }
35
-
36
- .el-select .el-input {
37
- width: 100px;
38
- margin: 0 5px;
39
-
40
- .el-input__inner {
41
- padding-right: 25px;
42
- border-radius: $--pagination-border-radius;
43
- }
44
- }
45
-
46
- button {
47
- border: none;
48
- padding: 0 6px;
49
- background: transparent;
50
-
51
- &:focus {
52
- outline: none;
53
- }
54
-
55
- &:hover {
56
- color: $--pagination-hover-color;
57
- }
58
-
59
- &:disabled {
60
- color: $--pagination-button-disabled-color;
61
- background-color: $--pagination-button-disabled-background-color;
62
- cursor: not-allowed;
63
- }
64
- }
65
-
66
- .btn-prev,
67
- .btn-next {
68
- background: center center no-repeat;
69
- background-size: 16px;
70
- background-color: $--pagination-background-color;
71
- cursor: pointer;
72
- margin: 0;
73
- color: $--pagination-button-color;
74
-
75
- .el-icon {
76
- display: block;
77
- font-size: 12px;
78
- font-weight: bold;
79
- }
80
- }
81
-
82
- .btn-prev {
83
- padding-right: 12px;
84
- }
85
-
86
- .btn-next {
87
- padding-left: 12px;
88
- }
89
-
90
- .el-pager li.disabled {
91
- color: $--color-text-placeholder;
92
- cursor: not-allowed;
93
- }
94
-
95
- @include m(small) {
96
- .btn-prev,
97
- .btn-next,
98
- .el-pager li,
99
- .el-pager li.btn-quicknext,
100
- .el-pager li.btn-quickprev,
101
- .el-pager li:last-child {
102
- border-color: transparent;
103
- font-size: 12px;
104
- line-height: 22px;
105
- height: 22px;
106
- min-width: 22px;
107
- }
108
-
109
- .arrow.disabled {
110
- visibility: hidden;
111
- }
112
-
113
- .more::before,
114
- li.more::before {
115
- line-height: 24px;
116
- }
117
-
118
- span:not([class*=suffix]),
119
- button {
120
- height: 22px;
121
- line-height: 22px;
122
- }
123
-
124
- @include e(editor) {
125
- height: 22px;
126
- &.el-input .el-input__inner {
127
- height: 22px;
128
- }
129
- }
130
- }
131
-
132
- @include e(sizes) {
133
- margin: 0 10px 0 0;
134
- font-weight: normal;
135
- color: $--color-text-regular;
136
-
137
- .el-input .el-input__inner {
138
- font-size: $--pagination-font-size;
139
- padding-left: 8px;
140
-
141
- &:hover {
142
- border-color: $--pagination-hover-color;
143
- }
144
- }
145
- }
146
-
147
- @include e(total) {
148
- margin-right: 10px;
149
- font-weight: normal;
150
- color: $--color-text-regular;
151
- }
152
-
153
- @include e(jump) {
154
- margin-left: 24px;
155
- font-weight: normal;
156
- color: $--color-text-regular;
157
-
158
- .el-input__inner {
159
- padding: 0 3px;
160
- }
161
- }
162
-
163
- @include e(rightwrapper) {
164
- float: right;
165
- }
166
-
167
- @include e(editor) {
168
- line-height: 18px;
169
- padding: 0 2px;
170
- height: $--pagination-button-height;
171
-
172
- text-align: center;
173
- margin: 0 2px;
174
- box-sizing: border-box;
175
- border-radius: $--pagination-border-radius;
176
-
177
- &.el-input {
178
- width: 50px;
179
- }
180
-
181
- &.el-input .el-input__inner {
182
- height: $--pagination-button-height;
183
- }
184
-
185
- .el-input__inner::-webkit-inner-spin-button,
186
- .el-input__inner::-webkit-outer-spin-button {
187
- -webkit-appearance: none;
188
- margin: 0;
189
- }
190
- }
191
-
192
- @include when(background) {
193
- .btn-prev,
194
- .btn-next,
195
- .el-pager li {
196
- margin: 0 5px;
197
- background-color: $--color-info-lighter;
198
- color: $--color-text-regular;
199
- min-width: 30px;
200
- border-radius: 2px;
201
-
202
- &.disabled {
203
- color: $--color-text-placeholder;
204
- }
205
- }
206
-
207
- .btn-prev, .btn-next {
208
- padding: 0;
209
-
210
- &:disabled {
211
- color: $--color-text-placeholder;
212
- }
213
- }
214
-
215
- .el-pager li:not(.disabled) {
216
- &:hover {
217
- color: $--pagination-hover-color;
218
- }
219
-
220
- &.active {
221
- background-color: $--color-primary;
222
- color: $--color-white;
223
- }
224
- }
225
-
226
- &.el-pagination--small {
227
- .btn-prev,
228
- .btn-next,
229
- .el-pager li {
230
- margin: 0 3px;
231
- min-width: 22px;
232
- }
233
- }
234
- }
235
- }
236
-
237
- @include b(pager) {
238
- user-select: none;
239
- list-style: none;
240
- display: inline-block;
241
- vertical-align: top;
242
- font-size: 0;
243
- padding: 0;
244
- margin: 0;
245
-
246
- .more::before {
247
- line-height: 30px;
248
- }
249
-
250
- li {
251
- padding: 0 4px;
252
- background: $--pagination-background-color;
253
- vertical-align: top;
254
- display: inline-block;
255
- font-size: $--pagination-font-size;
256
- min-width: $--pagination-button-width;
257
- height: $--pagination-button-height;
258
- line-height: $--pagination-button-height;
259
- cursor: pointer;
260
- box-sizing: border-box;
261
- text-align: center;
262
- margin: 0;
263
-
264
- &.btn-quicknext,
265
- &.btn-quickprev {
266
- line-height: 28px;
267
- color: $--pagination-button-color;
268
-
269
- &.disabled {
270
- color: $--color-text-placeholder;
271
- }
272
- }
273
-
274
- &.btn-quickprev:hover {
275
- cursor: pointer;
276
- }
277
-
278
- &.btn-quicknext:hover {
279
- cursor: pointer;
280
- }
281
-
282
- &.active + li {
283
- border-left: 0;
284
- }
285
-
286
- &:hover {
287
- color: $--pagination-hover-color;
288
- }
289
-
290
- &.active {
291
- color: $--pagination-hover-color;
292
- cursor: default;
293
- }
294
- }
295
- }
@@ -1,16 +0,0 @@
1
- @import "mixins/mixins";
2
- @import "common/var";
3
-
4
- @include b(popconfirm) {
5
- @include e(main) {
6
- display: flex;
7
- align-items: center;
8
- }
9
- @include e(icon) {
10
- margin-right: 5px;
11
- }
12
- @include e(action) {
13
- text-align: right;
14
- margin: 0
15
- }
16
- }
@@ -1,40 +0,0 @@
1
- @import "mixins/mixins";
2
- @import "common/var";
3
- @import "./popper";
4
-
5
- @include b(popover) {
6
- position: absolute;
7
- background: $--popover-background-color;
8
- min-width: 150px;
9
- border-radius: 4px;
10
- border: 1px solid $--popover-border-color;
11
- padding: $--popover-padding;
12
- z-index: $--index-popper;
13
- color: $--color-text-regular;
14
- line-height: 1.4;
15
- text-align: justify;
16
- font-size: $--popover-font-size;
17
- box-shadow: $--box-shadow-light;
18
- word-break: break-all;
19
-
20
- @include m(plain) {
21
- padding: $--popover-padding-large;
22
- }
23
-
24
- @include e(title) {
25
- color: $--popover-title-font-color;
26
- font-size: $--popover-title-font-size;
27
- line-height: 1;
28
- margin-bottom: 12px;
29
- }
30
-
31
- @include e(reference) {
32
- &:focus:not(.focusing), &:focus:hover {
33
- outline-width: 0;
34
- }
35
- }
36
-
37
- &:focus:active, &:focus {
38
- outline-width: 0;
39
- }
40
- }
@@ -1,101 +0,0 @@
1
- @import "mixins/mixins";
2
- @import "common/var";
3
-
4
- @include b(popper) {
5
- .popper__arrow,
6
- .popper__arrow::after {
7
- position: absolute;
8
- display: block;
9
- width: 0;
10
- height: 0;
11
- border-color: transparent;
12
- border-style: solid;
13
- }
14
-
15
- .popper__arrow {
16
- border-width: $--popover-arrow-size;
17
- filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03))
18
- }
19
-
20
- .popper__arrow::after {
21
- content: " ";
22
- border-width: $--popover-arrow-size;
23
- }
24
-
25
- &[x-placement^="top"] {
26
- margin-bottom: #{$--popover-arrow-size + 6};
27
- }
28
-
29
- &[x-placement^="top"] .popper__arrow {
30
- bottom: -$--popover-arrow-size;
31
- left: 50%;
32
- margin-right: #{$--tooltip-arrow-size / 2};
33
- border-top-color: $--popover-border-color;
34
- border-bottom-width: 0;
35
-
36
- &::after {
37
- bottom: 1px;
38
- margin-left: -$--popover-arrow-size;
39
- border-top-color: $--popover-background-color;
40
- border-bottom-width: 0;
41
- }
42
- }
43
-
44
- &[x-placement^="bottom"] {
45
- margin-top: #{$--popover-arrow-size + 6};
46
- }
47
-
48
- &[x-placement^="bottom"] .popper__arrow {
49
- top: -$--popover-arrow-size;
50
- left: 50%;
51
- margin-right: #{$--tooltip-arrow-size / 2};
52
- border-top-width: 0;
53
- border-bottom-color: $--popover-border-color;
54
-
55
- &::after {
56
- top: 1px;
57
- margin-left: -$--popover-arrow-size;
58
- border-top-width: 0;
59
- border-bottom-color: $--popover-background-color;
60
- }
61
- }
62
-
63
- &[x-placement^="right"] {
64
- margin-left: #{$--popover-arrow-size + 6};
65
- }
66
-
67
- &[x-placement^="right"] .popper__arrow {
68
- top: 50%;
69
- left: -$--popover-arrow-size;
70
- margin-bottom: #{$--tooltip-arrow-size / 2};
71
- border-right-color: $--popover-border-color;
72
- border-left-width: 0;
73
-
74
- &::after {
75
- bottom: -$--popover-arrow-size;
76
- left: 1px;
77
- border-right-color: $--popover-background-color;
78
- border-left-width: 0;
79
- }
80
- }
81
-
82
- &[x-placement^="left"] {
83
- margin-right: #{$--popover-arrow-size + 6};
84
- }
85
-
86
- &[x-placement^="left"] .popper__arrow {
87
- top: 50%;
88
- right: -$--popover-arrow-size;
89
- margin-bottom: #{$--tooltip-arrow-size / 2};
90
- border-right-width: 0;
91
- border-left-color: $--popover-border-color;
92
-
93
- &::after {
94
- right: 1px;
95
- bottom: -$--popover-arrow-size;
96
- margin-left: -$--popover-arrow-size;
97
- border-right-width: 0;
98
- border-left-color: $--popover-background-color;
99
- }
100
- }
101
- }
@@ -1,141 +0,0 @@
1
- @import "mixins/mixins";
2
- @import "mixins/utils";
3
- @import "common/var";
4
-
5
- @include b(progress) {
6
- position: relative;
7
- line-height: 1;
8
-
9
- @include e(text) {
10
- font-size:14px;
11
- color: $--color-text-regular;
12
- display: inline-block;
13
- vertical-align: middle;
14
- margin-left: 10px;
15
- line-height: 1;
16
-
17
- i {
18
- vertical-align: middle;
19
- display: block;
20
- }
21
- }
22
-
23
- @include m((circle,dashboard)) {
24
- display: inline-block;
25
-
26
- .el-progress__text {
27
- position: absolute;
28
- top: 50%;
29
- left: 0;
30
- width: 100%;
31
- text-align: center;
32
- margin: 0;
33
- transform: translate(0, -50%);
34
-
35
- i {
36
- vertical-align: middle;
37
- display: inline-block;
38
- }
39
- }
40
- }
41
-
42
-
43
- @include m(without-text) {
44
- .el-progress__text {
45
- display: none;
46
- }
47
-
48
- .el-progress-bar {
49
- padding-right: 0;
50
- margin-right: 0;
51
- display: block;
52
- }
53
- }
54
-
55
- @include m(text-inside) {
56
- .el-progress-bar {
57
- padding-right: 0;
58
- margin-right: 0;
59
- }
60
- }
61
-
62
- @include when(success) {
63
- .el-progress-bar__inner {
64
- background-color: $--color-success;
65
- }
66
-
67
- .el-progress__text {
68
- color: $--color-success;
69
- }
70
- }
71
-
72
- @include when(warning) {
73
- .el-progress-bar__inner {
74
- background-color: $--color-warning;
75
- }
76
-
77
- .el-progress__text {
78
- color: $--color-warning;
79
- }
80
- }
81
-
82
- @include when(exception) {
83
- .el-progress-bar__inner {
84
- background-color: $--color-danger;
85
- }
86
-
87
- .el-progress__text {
88
- color: $--color-danger;
89
- }
90
- }
91
- }
92
-
93
- @include b(progress-bar) {
94
- padding-right: 50px;
95
- display: inline-block;
96
- vertical-align: middle;
97
- width: 100%;
98
- margin-right: -55px;
99
- box-sizing: border-box;
100
-
101
- @include e(outer) {
102
- height: 6px;
103
- border-radius: 100px;
104
- background-color: $--border-color-lighter;
105
- overflow: hidden;
106
- position: relative;
107
- vertical-align: middle;
108
- }
109
- @include e(inner) {
110
- position: absolute;
111
- left: 0;
112
- top: 0;
113
- height: 100%;
114
- background-color: $--color-primary;
115
- text-align: right;
116
- border-radius: 100px;
117
- line-height: 1;
118
- white-space: nowrap;
119
- transition: width 0.6s ease;
120
-
121
- @include utils-vertical-center;
122
- }
123
-
124
- @include e(innerText) {
125
- display: inline-block;
126
- vertical-align: middle;
127
- color: $--color-white;
128
- font-size: 12px;
129
- margin: 0 5px;
130
- }
131
- }
132
-
133
- @keyframes progress {
134
- 0% {
135
- background-position: 0 0;
136
- }
137
-
138
- 100% {
139
- background-position: 32px 0;
140
- }
141
- }
@@ -1,113 +0,0 @@
1
- @import "mixins/mixins";
2
- @import "mixins/_button";
3
- @import "common/var";
4
-
5
- @include b(radio-button) {
6
- position: relative;
7
- display: inline-block;
8
- outline: none;
9
-
10
- @include e(inner) {
11
- display: inline-block;
12
- line-height: 1;
13
- white-space: nowrap;
14
- vertical-align: middle;
15
- background: $--button-default-background-color;
16
- border: $--border-base;
17
- font-weight: $--button-font-weight;
18
- border-left: 0;
19
- color: $--button-default-font-color;
20
- -webkit-appearance: none;
21
- text-align: center;
22
- box-sizing: border-box;
23
- outline: none;
24
- margin: 0;
25
- position: relative;
26
- cursor: pointer;
27
- transition: $--all-transition;
28
-
29
- @include button-size($--button-padding-vertical, $--button-padding-horizontal, $--button-font-size, 0);
30
-
31
- &:hover {
32
- color: $--color-primary;
33
- }
34
-
35
- & [class*="el-icon-"] {
36
- line-height: 0.9;
37
-
38
- & + span {
39
- margin-left: 5px;
40
- }
41
- }
42
- }
43
-
44
- &:first-child {
45
- .el-radio-button__inner {
46
- border-left: $--border-base;
47
- border-radius: $--border-radius-base 0 0 $--border-radius-base;
48
- box-shadow: none !important;
49
- }
50
- }
51
-
52
- @include e(orig-radio) {
53
- opacity: 0;
54
- outline: none;
55
- position: absolute;
56
- z-index: -1;
57
-
58
- &:checked {
59
- & + .el-radio-button__inner {
60
- color: $--radio-button-checked-font-color;
61
- background-color: $--radio-button-checked-background-color;
62
- border-color: $--radio-button-checked-border-color;
63
- box-shadow: -1px 0 0 0 $--radio-button-checked-border-color;
64
- }
65
- }
66
-
67
- &:disabled {
68
- & + .el-radio-button__inner {
69
- color: $--button-disabled-font-color;
70
- cursor: not-allowed;
71
- background-image: none;
72
- background-color: $--button-disabled-background-color;
73
- border-color: $--button-disabled-border-color;
74
- box-shadow: none;
75
- }
76
- &:checked + .el-radio-button__inner {
77
- background-color: $--radio-button-disabled-checked-fill;
78
- }
79
- }
80
- }
81
-
82
- &:last-child {
83
- .el-radio-button__inner {
84
- border-radius: 0 $--border-radius-base $--border-radius-base 0;
85
- }
86
- }
87
-
88
- &:first-child:last-child {
89
- .el-radio-button__inner {
90
- border-radius: $--border-radius-base;
91
- }
92
- }
93
-
94
- @include m(medium) {
95
- & .el-radio-button__inner {
96
- @include button-size($--button-medium-padding-vertical, $--button-medium-padding-horizontal, $--button-medium-font-size, 0);
97
- }
98
- }
99
- @include m(small) {
100
- & .el-radio-button__inner {
101
- @include button-size($--button-small-padding-vertical, $--button-small-padding-horizontal, $--button-small-font-size, 0);
102
- }
103
- }
104
- @include m(mini) {
105
- & .el-radio-button__inner {
106
- @include button-size($--button-mini-padding-vertical, $--button-mini-padding-horizontal, $--button-mini-font-size, 0);
107
- }
108
- }
109
-
110
- &:focus:not(.is-focus):not(:active):not(.is-disabled){ /*获得焦点时 样式提醒*/
111
- box-shadow: 0 0 2px 2px $--radio-button-checked-border-color;
112
- }
113
- }
@@ -1,9 +0,0 @@
1
- @import "mixins/mixins";
2
- @import "common/var";
3
-
4
- @include b(radio-group) {
5
- display: inline-block;
6
- line-height: 1;
7
- vertical-align: middle;
8
- font-size: 0;
9
- }