element-assits 0.0.86 → 0.0.87

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 (4) hide show
  1. package/README.md +388 -387
  2. package/lib/index.js +1271 -1262
  3. package/lib/style.scss +887 -887
  4. package/package.json +36 -36
package/lib/style.scss CHANGED
@@ -1,887 +1,887 @@
1
- $--color-primary: #409EFF !default;
2
- $--color-success: #67C23A !default;
3
- $--color-warning: #E6A23C !default;
4
- $--color-danger: #F56C6C !default;
5
- $--color-info: #909399 !default;
6
- $--color-primary-text: #303133 !default;
7
- $--color-regular-text: #606266 !default;
8
- $--color-secondary-text: #909399 !default;
9
- $--color-placeholder-text: #C0C4CC !default;
10
- $--color-border-base: #DCDFE6 !default;
11
- $--color-border-light: #E4E7ED !default;
12
- $--color-border-lighter: #EBEEF5 !default;
13
- $--color-border-extralight: #F2F6FC !default;
14
- $--background-color-base: #F5F7FA !default;
15
- .ea-select {
16
- display: inline-block;
17
- position: relative;
18
- .el-select {
19
- width: 100%;
20
- }
21
- .async-loading.el-icon-loading {
22
- position: absolute;
23
- top: 10px;
24
- right: 28px;
25
- color: #999;
26
- }
27
- .is-collapse-tags .el-select__tags > span > .el-tag:first-child {
28
- min-width: 36px;
29
- max-width: calc(100% - 80px);
30
- }
31
- }
32
- .ea-select-popover {
33
- .el-select-dropdown__item {
34
- display: flex;
35
- justify-content: space-between;
36
- .select-item-value {
37
- overflow: hidden;
38
- text-overflow: ellipsis;
39
- }
40
- .select-item-desc {
41
- overflow: hidden;
42
- text-overflow: ellipsis;
43
- color: #8492a6;
44
- margin-left: 8px;
45
- }
46
- }
47
- .tools {
48
- padding: 0 20px;
49
- margin-bottom: -5px;
50
- }
51
- }
52
-
53
- .ea-data-table {
54
- .edt-row {
55
- display: flex;
56
- .edt-cell {
57
- padding: 0 8px;
58
- flex: 0 0 auto;
59
- box-sizing: border-box;
60
- overflow: hidden;
61
- text-overflow: ellipsis;
62
- white-space: nowrap;
63
- word-break: break-all;
64
- }
65
- &.edt-header {
66
- background-color: $--color-border-extralight;
67
- color: $--color-primary-text;
68
- }
69
- }
70
- &--border {
71
- border: 1px solid $--color-border-light;
72
- .edt-row {
73
- .edt-cell {
74
- border-bottom: 1px solid $--color-border-light;
75
- border-left: 1px solid $--color-border-light;
76
- &:first-child {
77
- border-left: 0;
78
- }
79
- }
80
- &:last-child .edt-cell{
81
- border-bottom: 0;
82
- }
83
- }
84
- }
85
- .loading-text {
86
- color: $--color-secondary-text;
87
- text-align: center;
88
- font-size: inherit;
89
- }
90
- }
91
-
92
- .ea-button-tooltip + .ea-button-tooltip {
93
- margin-left: 10px;
94
- }
95
- td {
96
- .ea-button-tooltip + .ea-button-tooltip {
97
- margin-left: 4px;
98
- &.text {
99
- margin-left: 10px;
100
- }
101
- }
102
- .el-button [class*="el-icon-"] + span {
103
- margin-left: 2px;
104
- }
105
- }
106
-
107
- .el-button.ea-button.mini-rect-btn {
108
- padding: 7px;
109
- border: 0;
110
- & [class^="design-"] {
111
- margin-right: 0;
112
- }
113
- &:not(.is-disabled) {
114
- &.primary {
115
- background-color: rgba($--color-primary, .15);
116
- color: $--color-primary;
117
- &:hover,&:focus {
118
- background-color: $--color-primary;
119
- i { color: #fff }
120
- }
121
- }
122
- &.success {
123
- background-color: rgba($--color-success, .15);
124
- color: $--color-success;
125
- &:hover,&:focus {
126
- background-color: $--color-success;
127
- i { color: #fff }
128
- }
129
- }
130
- &.info {
131
- background-color: rgba($--color-info, .15);
132
- color: $--color-info;
133
- &:hover,&:focus {
134
- background-color: $--color-info;
135
- i { color: #fff }
136
- }
137
- }
138
- &.warning {
139
- background-color: rgba($--color-warning, .15);
140
- color: $--color-warning;
141
- &:hover,&:focus {
142
- background-color: $--color-warning;
143
- i { color: #fff }
144
- }
145
- }
146
- &.danger {
147
- background-color: rgba($--color-danger, .15);
148
- color: $--color-danger;
149
- &:hover,&:focus {
150
- background-color: $--color-danger;
151
- i { color: #fff }
152
- }
153
- }
154
- }
155
- }
156
-
157
- .el-dialog.ea-modal {
158
- &.no-margin {
159
- margin: 0 !important;
160
- }
161
- &.is-fullscreen {
162
- border-radius: 0;
163
- margin: 0;
164
- }
165
- .el-dialog__header {
166
- color: #555;
167
- font-size: 18px;
168
- .el-dialog__title {
169
- color: inherit;
170
- font-size: inherit;
171
- }
172
- }
173
- }
174
-
175
- .ea-split-container {
176
- display: flex;
177
- &.is-down {
178
- user-select: none;
179
- }
180
- .sc-left {
181
- flex-grow: 1;
182
- flex-shrink: 1;
183
- }
184
- .sc-right {
185
- flex-grow: 1;
186
- flex-shrink: 1;
187
- }
188
- .sc-center {
189
- flex-grow: 0;
190
- flex-shrink: 0;
191
- position: relative;
192
- }
193
- .sc-bamboo {
194
- width: 8px;
195
- height: 100%;
196
- border: 1px solid #DCDEE2;
197
- border-top: none;
198
- border-bottom: none;
199
- background-color: #F8F8F9;
200
- cursor: col-resize;
201
- user-select: none;
202
- display: flex;
203
- flex-direction: column;
204
- justify-content: center;
205
- align-items: center;
206
- margin: 0 16px;
207
- .sc-texture {
208
- width: 4px;
209
- height: 1px;
210
- background: rgba(23, 35, 61, .25);
211
- margin-top: 3px;
212
- }
213
- }
214
- .sc-on-bamboo {
215
- position: absolute;
216
- top: 50%;
217
- left: 50%;
218
- transform: translate(-50%, -50%);
219
- background-color: #FFF;
220
- display: flex;
221
- justify-content: center;
222
- align-items: center;
223
- }
224
- }
225
-
226
- .ea-desc {
227
- font-size: 14px;
228
- &__title {
229
- font-size: 16px;
230
- margin-bottom: 12px;
231
- }
232
- &__list {
233
- display: flex;
234
- flex-wrap: wrap;
235
- }
236
- }
237
- .ea-desc .item {
238
- line-height: 24px;
239
- margin-bottom: 10px;
240
- flex: 0 0 auto;
241
- .item-label {
242
- float: left;
243
- text-align: right;
244
- padding-right: 8px;
245
- color: #909399;
246
- }
247
- .item-value {
248
- word-break: break-all;
249
- overflow: hidden;
250
- .value-no-wrap {
251
- height: 48px;
252
- overflow: hidden;
253
- position: relative;
254
- .click-see-more {
255
- position: absolute;
256
- right: 0;
257
- bottom: 0;
258
- height: 24px;
259
- padding-left: 30px;
260
- padding-right: 4px;
261
- background-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 100%);
262
- cursor: pointer;
263
- color: $--color-primary;
264
- user-select: none;
265
- }
266
- }
267
- }
268
- }
269
-
270
- .ea-list {
271
- .loading-text {
272
- color: $--color-secondary-text;
273
- text-align: center;
274
- font-size: inherit;
275
- }
276
- }
277
-
278
- .ea-tree {
279
- .ea-tree__main {
280
- margin-top: 18px;
281
- .ea-tree__header {
282
- height: 50px;
283
- padding-left: 24px;
284
- padding-right: 14px;
285
- font-size: 12px;
286
- display: flex;
287
- align-items: center;
288
- justify-content: space-between;
289
- background-color: $--background-color-base;
290
- .ea-tree__header__text {
291
- font-weight: bold;
292
- }
293
- }
294
- }
295
- .ea-tree-real {
296
- .el-tree-node.is-current > .el-tree-node__content {
297
- color: $--color-primary;
298
- }
299
- }
300
- &.ea-tree--border {
301
- .ea-tree__main {
302
- border: 1px solid $--color-border-lighter;
303
- }
304
- .ea-tree__header {
305
- border-bottom: 1px solid $--color-border-lighter;
306
- }
307
- .ea-tree-real {
308
- margin: 10px 0;
309
- }
310
- }
311
- }
312
-
313
- .ea-number .el-input__inner {
314
- text-align: left;
315
- }
316
-
317
- .file-upload-dialog {
318
- // 拖拽区域铺满
319
- .el-upload,
320
- .el-upload .el-upload-dragger {
321
- width: 100%;
322
- }
323
- // 文件列表项边框
324
- .el-upload-list {
325
- .el-upload-list__item {
326
- border: 1px dashed #aaa;
327
- .el-icon-close {
328
- display: inline-block;
329
- }
330
- }
331
- }
332
- // 清除文件列表变动过渡动画
333
- .el-list-enter,
334
- .el-list-enter-active,
335
- .el-list-enter-to,
336
- .el-list-leave,
337
- .el-list-leave-active,
338
- .el-list-leave-to {
339
- -webkit-transition: none !important;
340
- transition: none !important;
341
- }
342
- }
343
-
344
- .ea-data-tree-body {
345
- &.ea-data-tree-body__border {
346
- border: 1px solid $--color-border-light;
347
- }
348
- }
349
-
350
- .ea-data-tree-row {
351
- display: flex;
352
- justify-content: flex-start;
353
- position: relative;
354
- padding-left: 20px;
355
- box-sizing: border-box;
356
- &.odd { background-color: #F8F8F8; }
357
- &:hover { background-color: #EBEEF5; }
358
- .ea-data-tree-cell {
359
- flex: 0 0 auto;
360
- height: 100%;
361
- font-size: 14px;
362
- box-sizing: border-box;
363
- padding: 0 8px;
364
- position: relative;
365
- overflow: hidden;
366
- text-overflow: ellipsis;
367
- white-space: nowrap;
368
- word-break: break-all;
369
- & > .ea-data-tree-checkbox {
370
- position: absolute;
371
- top: 0;
372
- }
373
- }
374
- .ea-data-tree-icon {
375
- cursor: pointer;
376
- position: absolute;
377
- height: 100%;
378
- color: #CCC;
379
- display: flex;
380
- align-items: center;
381
- z-index: 1;
382
- &:hover {
383
- color: #333;
384
- }
385
- }
386
- }
387
-
388
- .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
389
- background-color: $--color-secondary-text;
390
- border-color: $--color-secondary-text;
391
- }
392
-
393
- .ea-data-tree-empty {
394
- display: flex;
395
- justify-content: center;
396
- align-items: center;
397
- color: $--color-secondary-text;
398
- }
399
-
400
- .vjs-table {
401
- position: relative;
402
- overflow: hidden;
403
- }
404
- .vjs-header {
405
- position: absolute;
406
- top: 0;
407
- border: 1px solid $--color-border-light;
408
- border-bottom: 0;
409
- }
410
- .vjs-body {
411
- border: 1px solid $--color-border-light;
412
- }
413
-
414
- .vjs-row {
415
- height: 32px;
416
- line-height: 32px;
417
- display: flex;
418
- justify-content: flex-start;
419
- position: relative;
420
- &.odd { background-color: #F8F8F8; }
421
- &:not(.vjs-header):hover { background-color: #EBEEF5; }
422
- .vjs-cell {
423
- flex: 0 0 auto;
424
- height: 100%;
425
- font-size: 14px;
426
- box-sizing: border-box;
427
- padding: 0 8px;
428
- position: relative;
429
- overflow: hidden;
430
- text-overflow: ellipsis;
431
- white-space: nowrap;
432
- word-break: break-all;
433
- & > .el-tag {
434
- vertical-align: 1px;
435
- }
436
- &.vjs-cell-flex {
437
- flex-grow: 1;
438
- }
439
- &.error {
440
- border: 1px solid red;
441
- }
442
- & > .vjs-checkbox {
443
- position: absolute;
444
- top: 0;
445
- }
446
- }
447
- .vjs-icon {
448
- cursor: pointer;
449
- position: absolute;
450
- height: 100%;
451
- color: #CCC;
452
- display: flex;
453
- align-items: center;
454
- z-index: 1;
455
- &:hover {
456
- color: #333;
457
- }
458
- }
459
- .vjs-temp {
460
- color: #909399;
461
- }
462
- }
463
-
464
- .vjs-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
465
- background-color: $--color-secondary-text;
466
- border-color: $--color-secondary-text;
467
- }
468
-
469
- .cell-text {
470
- height: 100%;
471
- overflow: hidden;
472
- text-overflow: ellipsis;
473
- white-space: nowrap;
474
- word-break: break-all;
475
- .cell-placeholder {
476
- color: #C0C4CC;
477
- }
478
- }
479
-
480
- .cell-input {
481
- display: block;
482
- height: 30px;
483
- line-height: 30px;
484
- font-size: inherit;
485
- color: inherit;
486
- font-family: inherit;
487
- margin-left: -4.7px;
488
- .el-input__inner {
489
- border-radius: 0;
490
- font-size: inherit;
491
- color: inherit;
492
- font-family: inherit;
493
- padding-left: 4px;
494
- }
495
- }
496
-
497
- .cell-select {
498
- cursor: pointer;
499
- &:not(.is-disabled):hover {
500
- border-width: 0;
501
- border-bottom-width: 1.5px;
502
- border-style: solid;
503
- }
504
- &.is-disabled {
505
- cursor: default;
506
- }
507
- }
508
-
509
- .cell-required {
510
- width: 100%;
511
- height: 100%;
512
- display: flex;
513
- align-items: center;
514
- .box {
515
- width: 20px;
516
- height: 20px;
517
- box-sizing: border-box;
518
- border-radius: 4px;
519
- cursor: pointer;
520
- user-select: none;
521
- display: flex;
522
- justify-content: center;
523
- align-items: center;
524
- padding-top: 4px;
525
- color: #DDD;
526
- background-color: rgba(0, 0, 0, 0.02);
527
- &:not(.is-disabled):hover {
528
- color: #999;
529
- background-color: rgba(0, 0, 0, 0.05);
530
- }
531
- &.is-disabled {
532
- cursor: default;
533
- color: transparent;
534
- background-color: transparent;
535
- }
536
- &.is-required, &.is-required:hover {
537
- color: red;
538
- background-color: rgba(0, 0, 0, 0.08);
539
- }
540
- }
541
- }
542
-
543
- .cell-action {
544
- width: 80px;
545
- i {
546
- cursor: pointer;
547
- font-size: 16px;
548
- padding: 4px;
549
- border-radius: 4px;
550
- &:hover {
551
- background-color: rgba(0,0,0,0.1);
552
- }
553
- }
554
- }
555
- .action-popover {
556
- margin: 0 !important;
557
- }
558
-
559
- .ea-blue {
560
- color: #409EFF;
561
- }
562
- .ea-purple {
563
- color: #EE46BC !important;
564
- }
565
- .ea-success {
566
- color: $--color-success;
567
- }
568
- .ea-danger {
569
- color: $--color-danger;
570
- }
571
- .ea-info {
572
- color: $--color-info;
573
- }
574
- .ea-placeholder {
575
- color: $--color-placeholder-text !important;
576
- }
577
-
578
- .ea-popover-no-margin {
579
- margin: 0 !important;
580
- }
581
-
582
- @font-face {
583
- font-family: 'eafont';
584
- src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQYAAsAAAAACMAAAAPLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqFDIRVATYCJAMQCwoABCAFhE8HQBu9BxEVnLHIfibwpknuXkitybkhDKpb3+RDeb1vMhOsa34zn2ST3rpbnaQ7jZOwi3OelIhQI3mLHn0haTkDFEZf6SdAAFkA/M/ltDHxABvfAoC7xti0t5dlvehe2rbAxhiUbfFAIsy8BXYOdTBB14AA0MJNMC4yOjETxsayzmZMwiDhCeDmksa6mjJIdwNYCkIgqYW8KxnIUvAAt4C7BGCJ+XnyER5JAAeeQtontTqqEsfe4I0bVawK6CPoOBDgaA4AD4ACcOqZidSmO8pB7bATCm1ckMEHOCiBA2ptM75xs1pZNCqFJDsBrvSfRwRICj1SvSIUeAOVBxzwxiiIU7qhaAUUTF8hARgJuAwQV0iaKfUsFCCNNxhGG7SjtYaxY4lGRgbuZDNvZTJvZzHv5riIWmmOGkzUuxFVl27lVB+9q7OkJEK51XPw7m2JcOs9dwL05isn1JNXdWXmfZuUzfstB7eqWw5k6s2HlMM6wyq1Ur1793aQwXL5uHLsklZ/6NadO2U+61H1yA23UsnOr6+wtChXH3JzL0iKIqt5uRoraFeuoKtaqxwuXs18qMz+If6j7B2qsiLTw2vHNIy5EZqYFJ8wvXp6reO9qIzItHL7SvuHY/ODcgM9ijxLm3N3HC3PcEt1dU11yygPdexWfv+Wuh0fmn/+fNVmI0fPkm3aUP9WzjNlTw6OGJcrozrKqO8IucXmW0liyTebp7aTH2z22fzAhy47ZeszcZbHrIk+a4L33vHyySlyqtG1ZtO2tHrQABahETOU7ZxfsjesIuV4ZLq7Z3rkXFJQo3Ome47HpVDPqpj+GrkyMLBSrvlKKHWuDKyRv1Ja3NHQyZE+ckXTJKc/WgEA1hN0Fw03WR/pMjpOe4ySKuya+Q6+fCl7UmKSv0k6BgB4ydgfclmPMZQTHnNhbsEVoizMWZJ9PQBjcRJVdNU5MiHdgxwArWwGLok4MMqTOlSjORsgEDDaBQ4iJgKFgBlERrUBHjo4yQRZ5YughaOg9TqMVgsKwjQAbAwAeAi9jcAx2gyU3kEio54F3jg/EOi9B63s/246NiVcehQjapAbOMWZFPuIQs98opmi6D1CHPXFfnCcoS6qQOyBGfuiC4bZNONIQD0nuBc4K0aGtmePaizsOLbnsqS4mxSK0+7SoxhRA7kBpziTzo/XCHfcE80URbmiOYjfcD847g5qhSqV+FBkKtjy/GE2jXEkQJ98TuDeiizKYQZt/DCPaizYEsH2rKRSlFdRjEmVNmkNgJZ0EIsjlDDCQ9oNQkbUp1VJPSXucbcDAA==') format('woff2');
585
- }
586
- .eafont {
587
- font-family: eafont;
588
- font-style: normal;
589
- font-size: 16px;
590
- color: #909399;
591
- -webkit-font-smoothing: antialiased;
592
- -moz-osx-font-smoothing: grayscale;
593
- }
594
- .ea-icon-disabled:before { content: "\e630" }
595
- .ea-icon-conf:before { content: "\e600" }
596
- .ea-icon-more:before { content: "\e60e" }
597
- .eafont.ea-icon-conf.has { color: #000 }
598
-
599
- // table
600
- .ea-table {
601
- // 表格头部样式美化
602
- .el-table {
603
- transition: opacity 0.28s;
604
- th {
605
- background-color: $--background-color-base;
606
- color: $--color-primary-text;
607
- .cell {
608
- min-height: 30px;
609
- display: flex;
610
- justify-content: flex-start;
611
- align-items: center;
612
- }
613
- &.is-center .cell { justify-content: center }
614
- &.is-right .cell { justify-content: flex-end }
615
- }
616
- td, th {
617
- .cell {
618
- line-height: 1.2;
619
- }
620
- }
621
- &.el-table--small {
622
- td, th {
623
- height: 50px;
624
- }
625
- }
626
- &.is-dense {
627
- td, th {
628
- height: 32px;
629
- padding: 2px 0;
630
- .el-button {
631
- padding-top: 0;
632
- padding-bottom: 0;
633
- }
634
- }
635
- }
636
- &.is-unready {
637
- opacity: 0;
638
- .operation-column > div {
639
- height: 32px;
640
- overflow: hidden;
641
- }
642
- &.is-dense {
643
- .operation-column > div {
644
- height: 24px;
645
- }
646
- }
647
- }
648
- }
649
- // 列的更多菜单项
650
- .theader-th-cell {
651
- .cell-icon-menu {
652
- position: absolute;
653
- top: 50%;
654
- right: 4px;
655
- transform: rotate(90deg) translateX(-50%);
656
- color: $--color-placeholder-text;
657
- cursor: pointer;
658
- padding: 4px;
659
- border-radius: 2px;
660
- &:hover {
661
- color: $--color-primary-text;
662
- background-color: $--color-border-light;
663
- }
664
- }
665
- }
666
- // 表格底部
667
- .ea-table__footer {
668
- display: flex;
669
- justify-content: space-between;
670
- transition: opacity 0.28s;
671
- .ea-table__footer-right {
672
- margin-left: auto;
673
- padding-right: 0;
674
- }
675
- > * {
676
- margin-top: 12px;
677
- }
678
- &.is-unready {
679
- opacity: 0;
680
- }
681
- }
682
-
683
- .column-transition-active {
684
- opacity: 0.33;
685
- }
686
-
687
- .el-button > i {
688
- min-width: 12px;
689
- }
690
-
691
- .more-btn > i{
692
- transform: rotate(-90deg);
693
- }
694
- }
695
-
696
- // table - popover
697
- .el-popover.ea-popover-no-padding {
698
- padding: 8px 0;
699
- min-width: 100px;
700
- &.dense {
701
- margin-top: 0px;
702
- margin-bottom: 0px;
703
- min-width: 70px;
704
- }
705
- }
706
-
707
- .more-btn-panel {
708
- &__item {
709
- &:hover {
710
- background-color: $--color-border-lighter;
711
- }
712
- .el-button {
713
- padding: 8px 12px;
714
- width: 100%;
715
- text-align: left;
716
- }
717
- }
718
- }
719
-
720
- .ea-zoom-in-top-enter-active,
721
- .ea-zoom-in-top-leave-active {
722
- opacity: 1;
723
- transform: scaleY(1);
724
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
725
- transform-origin: center top;
726
- }
727
- .ea-zoom-in-top-enter,
728
- .ea-zoom-in-top-leave-active {
729
- opacity: 0;
730
- transform: scaleY(0);
731
- }
732
-
733
- .ea-form .form-group-title {
734
- position: relative;
735
- height: 32px;
736
- margin-bottom: 22px;
737
- > span {
738
- position: absolute;
739
- top: 0;
740
- left: 20%;
741
- padding: 5px 25px;
742
- background-color: #fff;
743
- z-index: 1;
744
- color: $--color-secondary-text;
745
- }
746
- &::after {
747
- content: '';
748
- position: absolute;
749
- top: 50%;
750
- left: 0;
751
- width: 100%;
752
- height: 0;
753
- border-bottom: 1px dashed $--color-border-base;
754
- }
755
- }
756
-
757
- .conf-header {
758
- border-bottom: 1px solid #DDD;
759
- padding-bottom: 10px;
760
- margin-bottom: 10px;
761
- }
762
- .conf-body {
763
- width: 300px;
764
- }
765
- .dense-much .el-form-item {
766
- margin-bottom: 8px !important;
767
- }
768
-
769
- .ea-form .el-form-item__content {
770
- & > .el-input-number,
771
- & > .el-input,
772
- & > .ea-select,
773
- & > .el-date-editor,
774
- & > .el-select {
775
- width: 100%;
776
- }
777
- }
778
- .ea-form .el-form-item.hidden-label {
779
- > .el-form-item__label {
780
- display: none;
781
- }
782
- > .el-form-item__content {
783
- width: 100%;
784
- }
785
- }
786
-
787
- .ea-table-modal {
788
- .el-dialog {
789
- background: #fdfdfd;
790
- box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
791
- .el-dialog__header {
792
- padding: 12px 20px;
793
- background-color: $--color-border-extralight;
794
- border-bottom: 1px solid $--color-border-lighter;
795
- }
796
- .el-dialog__headerbtn {
797
- top: 12px;
798
- }
799
- .el-dialog__close {
800
- font-weight: bold;
801
- color: $--color-secondary-text;
802
- }
803
- .el-dialog__body {
804
- padding: 10px 0;
805
- height: calc(100% - 70px);
806
- min-height: 40px;
807
- max-height: 800px;
808
- overflow: auto;
809
- .scm-title {
810
- font-size: 12px;
811
- font-weight: bold;
812
- color: $--color-primary-text;
813
- &.medium {
814
- font-size: 14px;
815
- }
816
- }
817
- .el-tree {
818
- background: transparent;
819
- font-size: 12px;
820
- .el-tree-node__label {
821
- font-size: 12px;
822
- }
823
- &.medium {
824
- font-size: 14px;
825
- .el-tree-node__label {
826
- font-size: 14px;
827
- }
828
- }
829
- }
830
- }
831
- }
832
- }
833
-
834
- .ea-switch-mini {
835
- .el-switch__core {
836
- width: 30px !important;
837
- height: 16px;
838
- &::after {
839
- width: 12px;
840
- height: 12px;
841
- left: 2px;
842
- }
843
- }
844
- &.is-checked .el-switch__core::after {
845
- margin-left: -13px;
846
- }
847
- }
848
-
849
- .ea-select-container {
850
- display: flex;
851
- justify-content: flex-start;
852
- font-size: 12px;
853
- &.medium {
854
- font-size: 14px;
855
- .ea-select-panel .ea-select-panel__item {
856
- line-height: 28px;
857
- }
858
- }
859
- .ea-select-panel {
860
- padding: 0;
861
- margin: 0;
862
- list-style: none;
863
- flex-grow: 1;
864
- min-width: 120px;
865
- & + .ea-select-panel {
866
- border-left: 1px solid #DDD;
867
- }
868
- &__item {
869
- width: 100%;
870
- line-height: 24px;
871
- cursor: pointer;
872
- padding: 0 12px;
873
- box-sizing: border-box;
874
- display: flex;
875
- justify-content: space-between;
876
- align-items: center;
877
- font-size: inherit;
878
- &:hover {
879
- background-color: $--color-border-lighter;
880
- }
881
- &.active {
882
- color: $--color-primary;
883
- font-weight: bold;
884
- }
885
- }
886
- }
887
- }
1
+ $--color-primary: #409EFF !default;
2
+ $--color-success: #67C23A !default;
3
+ $--color-warning: #E6A23C !default;
4
+ $--color-danger: #F56C6C !default;
5
+ $--color-info: #909399 !default;
6
+ $--color-primary-text: #303133 !default;
7
+ $--color-regular-text: #606266 !default;
8
+ $--color-secondary-text: #909399 !default;
9
+ $--color-placeholder-text: #C0C4CC !default;
10
+ $--color-border-base: #DCDFE6 !default;
11
+ $--color-border-light: #E4E7ED !default;
12
+ $--color-border-lighter: #EBEEF5 !default;
13
+ $--color-border-extralight: #F2F6FC !default;
14
+ $--background-color-base: #F5F7FA !default;
15
+ .ea-select {
16
+ display: inline-block;
17
+ position: relative;
18
+ .el-select {
19
+ width: 100%;
20
+ }
21
+ .async-loading.el-icon-loading {
22
+ position: absolute;
23
+ top: 10px;
24
+ right: 28px;
25
+ color: #999;
26
+ }
27
+ .is-collapse-tags .el-select__tags > span > .el-tag:first-child {
28
+ min-width: 36px;
29
+ max-width: calc(100% - 80px);
30
+ }
31
+ }
32
+ .ea-select-popover {
33
+ .el-select-dropdown__item {
34
+ display: flex;
35
+ justify-content: space-between;
36
+ .select-item-value {
37
+ overflow: hidden;
38
+ text-overflow: ellipsis;
39
+ }
40
+ .select-item-desc {
41
+ overflow: hidden;
42
+ text-overflow: ellipsis;
43
+ color: #8492a6;
44
+ margin-left: 8px;
45
+ }
46
+ }
47
+ .tools {
48
+ padding: 0 20px;
49
+ margin-bottom: -5px;
50
+ }
51
+ }
52
+
53
+ // table
54
+ .ea-table {
55
+ // 表格头部样式美化
56
+ .el-table {
57
+ transition: opacity 0.28s;
58
+ th {
59
+ background-color: $--background-color-base;
60
+ color: $--color-primary-text;
61
+ .cell {
62
+ min-height: 30px;
63
+ display: flex;
64
+ justify-content: flex-start;
65
+ align-items: center;
66
+ }
67
+ &.is-center .cell { justify-content: center }
68
+ &.is-right .cell { justify-content: flex-end }
69
+ }
70
+ td, th {
71
+ .cell {
72
+ line-height: 1.2;
73
+ }
74
+ }
75
+ &.el-table--small {
76
+ td, th {
77
+ height: 50px;
78
+ }
79
+ }
80
+ &.is-dense {
81
+ td, th {
82
+ height: 32px;
83
+ padding: 2px 0;
84
+ .el-button {
85
+ padding-top: 0;
86
+ padding-bottom: 0;
87
+ }
88
+ }
89
+ }
90
+ &.is-unready {
91
+ opacity: 0;
92
+ .operation-column > div {
93
+ height: 32px;
94
+ overflow: hidden;
95
+ }
96
+ &.is-dense {
97
+ .operation-column > div {
98
+ height: 24px;
99
+ }
100
+ }
101
+ }
102
+ }
103
+ // 列的更多菜单项
104
+ .theader-th-cell {
105
+ .cell-icon-menu {
106
+ position: absolute;
107
+ top: 50%;
108
+ right: 4px;
109
+ transform: rotate(90deg) translateX(-50%);
110
+ color: $--color-placeholder-text;
111
+ cursor: pointer;
112
+ padding: 4px;
113
+ border-radius: 2px;
114
+ &:hover {
115
+ color: $--color-primary-text;
116
+ background-color: $--color-border-light;
117
+ }
118
+ }
119
+ }
120
+ // 表格底部
121
+ .ea-table__footer {
122
+ display: flex;
123
+ justify-content: space-between;
124
+ transition: opacity 0.28s;
125
+ .ea-table__footer-right {
126
+ margin-left: auto;
127
+ padding-right: 0;
128
+ }
129
+ > * {
130
+ margin-top: 12px;
131
+ }
132
+ &.is-unready {
133
+ opacity: 0;
134
+ }
135
+ }
136
+
137
+ .column-transition-active {
138
+ opacity: 0.33;
139
+ }
140
+
141
+ .el-button > i {
142
+ min-width: 12px;
143
+ }
144
+
145
+ .more-btn > i{
146
+ transform: rotate(-90deg);
147
+ }
148
+ }
149
+
150
+ // table - popover
151
+ .el-popover.ea-popover-no-padding {
152
+ padding: 8px 0;
153
+ min-width: 100px;
154
+ &.dense {
155
+ margin-top: 0px;
156
+ margin-bottom: 0px;
157
+ min-width: 70px;
158
+ }
159
+ }
160
+
161
+ .more-btn-panel {
162
+ &__item {
163
+ &:hover {
164
+ background-color: $--color-border-lighter;
165
+ }
166
+ .el-button {
167
+ padding: 8px 12px;
168
+ width: 100%;
169
+ text-align: left;
170
+ }
171
+ }
172
+ }
173
+
174
+ .ea-zoom-in-top-enter-active,
175
+ .ea-zoom-in-top-leave-active {
176
+ opacity: 1;
177
+ transform: scaleY(1);
178
+ transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
179
+ transform-origin: center top;
180
+ }
181
+ .ea-zoom-in-top-enter,
182
+ .ea-zoom-in-top-leave-active {
183
+ opacity: 0;
184
+ transform: scaleY(0);
185
+ }
186
+
187
+ .ea-data-table {
188
+ .edt-row {
189
+ display: flex;
190
+ .edt-cell {
191
+ padding: 0 8px;
192
+ flex: 0 0 auto;
193
+ box-sizing: border-box;
194
+ overflow: hidden;
195
+ text-overflow: ellipsis;
196
+ white-space: nowrap;
197
+ word-break: break-all;
198
+ }
199
+ &.edt-header {
200
+ background-color: $--color-border-extralight;
201
+ color: $--color-primary-text;
202
+ }
203
+ }
204
+ &--border {
205
+ border: 1px solid $--color-border-light;
206
+ .edt-row {
207
+ .edt-cell {
208
+ border-bottom: 1px solid $--color-border-light;
209
+ border-left: 1px solid $--color-border-light;
210
+ &:first-child {
211
+ border-left: 0;
212
+ }
213
+ }
214
+ &:last-child .edt-cell{
215
+ border-bottom: 0;
216
+ }
217
+ }
218
+ }
219
+ .loading-text {
220
+ color: $--color-secondary-text;
221
+ text-align: center;
222
+ font-size: inherit;
223
+ }
224
+ }
225
+
226
+ .ea-split-container {
227
+ display: flex;
228
+ &.is-down {
229
+ user-select: none;
230
+ }
231
+ .sc-left {
232
+ flex-grow: 1;
233
+ flex-shrink: 1;
234
+ }
235
+ .sc-right {
236
+ flex-grow: 1;
237
+ flex-shrink: 1;
238
+ }
239
+ .sc-center {
240
+ flex-grow: 0;
241
+ flex-shrink: 0;
242
+ position: relative;
243
+ }
244
+ .sc-bamboo {
245
+ width: 8px;
246
+ height: 100%;
247
+ border: 1px solid #DCDEE2;
248
+ border-top: none;
249
+ border-bottom: none;
250
+ background-color: #F8F8F9;
251
+ cursor: col-resize;
252
+ user-select: none;
253
+ display: flex;
254
+ flex-direction: column;
255
+ justify-content: center;
256
+ align-items: center;
257
+ margin: 0 16px;
258
+ .sc-texture {
259
+ width: 4px;
260
+ height: 1px;
261
+ background: rgba(23, 35, 61, .25);
262
+ margin-top: 3px;
263
+ }
264
+ }
265
+ .sc-on-bamboo {
266
+ position: absolute;
267
+ top: 50%;
268
+ left: 50%;
269
+ transform: translate(-50%, -50%);
270
+ background-color: #FFF;
271
+ display: flex;
272
+ justify-content: center;
273
+ align-items: center;
274
+ }
275
+ }
276
+
277
+ .ea-tree {
278
+ .ea-tree__main {
279
+ margin-top: 18px;
280
+ .ea-tree__header {
281
+ height: 50px;
282
+ padding-left: 24px;
283
+ padding-right: 14px;
284
+ font-size: 12px;
285
+ display: flex;
286
+ align-items: center;
287
+ justify-content: space-between;
288
+ background-color: $--background-color-base;
289
+ .ea-tree__header__text {
290
+ font-weight: bold;
291
+ }
292
+ }
293
+ }
294
+ .ea-tree-real {
295
+ .el-tree-node.is-current > .el-tree-node__content {
296
+ color: $--color-primary;
297
+ }
298
+ }
299
+ &.ea-tree--border {
300
+ .ea-tree__main {
301
+ border: 1px solid $--color-border-lighter;
302
+ }
303
+ .ea-tree__header {
304
+ border-bottom: 1px solid $--color-border-lighter;
305
+ }
306
+ .ea-tree-real {
307
+ margin: 10px 0;
308
+ }
309
+ }
310
+ }
311
+
312
+ .ea-desc {
313
+ font-size: 14px;
314
+ &__title {
315
+ font-size: 16px;
316
+ margin-bottom: 12px;
317
+ }
318
+ &__list {
319
+ display: flex;
320
+ flex-wrap: wrap;
321
+ }
322
+ }
323
+ .ea-desc .item {
324
+ line-height: 24px;
325
+ margin-bottom: 10px;
326
+ flex: 0 0 auto;
327
+ .item-label {
328
+ float: left;
329
+ text-align: right;
330
+ padding-right: 8px;
331
+ color: #909399;
332
+ }
333
+ .item-value {
334
+ word-break: break-all;
335
+ overflow: hidden;
336
+ .value-no-wrap {
337
+ height: 48px;
338
+ overflow: hidden;
339
+ position: relative;
340
+ .click-see-more {
341
+ position: absolute;
342
+ right: 0;
343
+ bottom: 0;
344
+ height: 24px;
345
+ padding-left: 30px;
346
+ padding-right: 4px;
347
+ background-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 100%);
348
+ cursor: pointer;
349
+ color: $--color-primary;
350
+ user-select: none;
351
+ }
352
+ }
353
+ }
354
+ }
355
+
356
+ .ea-button-tooltip + .ea-button-tooltip {
357
+ margin-left: 10px;
358
+ }
359
+ td {
360
+ .ea-button-tooltip + .ea-button-tooltip {
361
+ margin-left: 4px;
362
+ &.text {
363
+ margin-left: 10px;
364
+ }
365
+ }
366
+ .el-button [class*="el-icon-"] + span {
367
+ margin-left: 2px;
368
+ }
369
+ }
370
+
371
+ .el-button.ea-button.mini-rect-btn {
372
+ padding: 7px;
373
+ border: 0;
374
+ & [class^="design-"] {
375
+ margin-right: 0;
376
+ }
377
+ &:not(.is-disabled) {
378
+ &.primary {
379
+ background-color: rgba($--color-primary, .15);
380
+ color: $--color-primary;
381
+ &:hover,&:focus {
382
+ background-color: $--color-primary;
383
+ i { color: #fff }
384
+ }
385
+ }
386
+ &.success {
387
+ background-color: rgba($--color-success, .15);
388
+ color: $--color-success;
389
+ &:hover,&:focus {
390
+ background-color: $--color-success;
391
+ i { color: #fff }
392
+ }
393
+ }
394
+ &.info {
395
+ background-color: rgba($--color-info, .15);
396
+ color: $--color-info;
397
+ &:hover,&:focus {
398
+ background-color: $--color-info;
399
+ i { color: #fff }
400
+ }
401
+ }
402
+ &.warning {
403
+ background-color: rgba($--color-warning, .15);
404
+ color: $--color-warning;
405
+ &:hover,&:focus {
406
+ background-color: $--color-warning;
407
+ i { color: #fff }
408
+ }
409
+ }
410
+ &.danger {
411
+ background-color: rgba($--color-danger, .15);
412
+ color: $--color-danger;
413
+ &:hover,&:focus {
414
+ background-color: $--color-danger;
415
+ i { color: #fff }
416
+ }
417
+ }
418
+ }
419
+ }
420
+
421
+ .ea-list {
422
+ .loading-text {
423
+ color: $--color-secondary-text;
424
+ text-align: center;
425
+ font-size: inherit;
426
+ }
427
+ }
428
+
429
+ .el-dialog.ea-modal {
430
+ &.no-margin {
431
+ margin: 0 !important;
432
+ }
433
+ &.is-fullscreen {
434
+ border-radius: 0;
435
+ margin: 0;
436
+ }
437
+ .el-dialog__header {
438
+ color: #555;
439
+ font-size: 18px;
440
+ .el-dialog__title {
441
+ color: inherit;
442
+ font-size: inherit;
443
+ }
444
+ }
445
+ }
446
+
447
+ .ea-number .el-input__inner {
448
+ text-align: left;
449
+ }
450
+
451
+ .file-upload-dialog {
452
+ // 拖拽区域铺满
453
+ .el-upload,
454
+ .el-upload .el-upload-dragger {
455
+ width: 100%;
456
+ }
457
+ // 文件列表项边框
458
+ .el-upload-list {
459
+ .el-upload-list__item {
460
+ border: 1px dashed #aaa;
461
+ .el-icon-close {
462
+ display: inline-block;
463
+ }
464
+ }
465
+ }
466
+ // 清除文件列表变动过渡动画
467
+ .el-list-enter,
468
+ .el-list-enter-active,
469
+ .el-list-enter-to,
470
+ .el-list-leave,
471
+ .el-list-leave-active,
472
+ .el-list-leave-to {
473
+ -webkit-transition: none !important;
474
+ transition: none !important;
475
+ }
476
+ }
477
+
478
+ .ea-data-tree-body {
479
+ &.ea-data-tree-body__border {
480
+ border: 1px solid $--color-border-light;
481
+ }
482
+ }
483
+
484
+ .ea-data-tree-row {
485
+ display: flex;
486
+ justify-content: flex-start;
487
+ position: relative;
488
+ padding-left: 20px;
489
+ box-sizing: border-box;
490
+ &.odd { background-color: #F8F8F8; }
491
+ &:hover { background-color: #EBEEF5; }
492
+ .ea-data-tree-cell {
493
+ flex: 0 0 auto;
494
+ height: 100%;
495
+ font-size: 14px;
496
+ box-sizing: border-box;
497
+ padding: 0 8px;
498
+ position: relative;
499
+ overflow: hidden;
500
+ text-overflow: ellipsis;
501
+ white-space: nowrap;
502
+ word-break: break-all;
503
+ & > .ea-data-tree-checkbox {
504
+ position: absolute;
505
+ top: 0;
506
+ }
507
+ }
508
+ .ea-data-tree-icon {
509
+ cursor: pointer;
510
+ position: absolute;
511
+ height: 100%;
512
+ color: #CCC;
513
+ display: flex;
514
+ align-items: center;
515
+ z-index: 1;
516
+ &:hover {
517
+ color: #333;
518
+ }
519
+ }
520
+ }
521
+
522
+ .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
523
+ background-color: $--color-secondary-text;
524
+ border-color: $--color-secondary-text;
525
+ }
526
+
527
+ .ea-data-tree-empty {
528
+ display: flex;
529
+ justify-content: center;
530
+ align-items: center;
531
+ color: $--color-secondary-text;
532
+ }
533
+
534
+ .vjs-table {
535
+ position: relative;
536
+ overflow: hidden;
537
+ }
538
+ .vjs-header {
539
+ position: absolute;
540
+ top: 0;
541
+ border: 1px solid $--color-border-light;
542
+ border-bottom: 0;
543
+ }
544
+ .vjs-body {
545
+ border: 1px solid $--color-border-light;
546
+ }
547
+
548
+ .vjs-row {
549
+ height: 32px;
550
+ line-height: 32px;
551
+ display: flex;
552
+ justify-content: flex-start;
553
+ position: relative;
554
+ &.odd { background-color: #F8F8F8; }
555
+ &:not(.vjs-header):hover { background-color: #EBEEF5; }
556
+ .vjs-cell {
557
+ flex: 0 0 auto;
558
+ height: 100%;
559
+ font-size: 14px;
560
+ box-sizing: border-box;
561
+ padding: 0 8px;
562
+ position: relative;
563
+ overflow: hidden;
564
+ text-overflow: ellipsis;
565
+ white-space: nowrap;
566
+ word-break: break-all;
567
+ & > .el-tag {
568
+ vertical-align: 1px;
569
+ }
570
+ &.vjs-cell-flex {
571
+ flex-grow: 1;
572
+ }
573
+ &.error {
574
+ border: 1px solid red;
575
+ }
576
+ & > .vjs-checkbox {
577
+ position: absolute;
578
+ top: 0;
579
+ }
580
+ }
581
+ .vjs-icon {
582
+ cursor: pointer;
583
+ position: absolute;
584
+ height: 100%;
585
+ color: #CCC;
586
+ display: flex;
587
+ align-items: center;
588
+ z-index: 1;
589
+ &:hover {
590
+ color: #333;
591
+ }
592
+ }
593
+ .vjs-temp {
594
+ color: #909399;
595
+ }
596
+ }
597
+
598
+ .vjs-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
599
+ background-color: $--color-secondary-text;
600
+ border-color: $--color-secondary-text;
601
+ }
602
+
603
+ .cell-text {
604
+ height: 100%;
605
+ overflow: hidden;
606
+ text-overflow: ellipsis;
607
+ white-space: nowrap;
608
+ word-break: break-all;
609
+ .cell-placeholder {
610
+ color: #C0C4CC;
611
+ }
612
+ }
613
+
614
+ .cell-input {
615
+ display: block;
616
+ height: 30px;
617
+ line-height: 30px;
618
+ font-size: inherit;
619
+ color: inherit;
620
+ font-family: inherit;
621
+ margin-left: -4.7px;
622
+ .el-input__inner {
623
+ border-radius: 0;
624
+ font-size: inherit;
625
+ color: inherit;
626
+ font-family: inherit;
627
+ padding-left: 4px;
628
+ }
629
+ }
630
+
631
+ .cell-select {
632
+ cursor: pointer;
633
+ &:not(.is-disabled):hover {
634
+ border-width: 0;
635
+ border-bottom-width: 1.5px;
636
+ border-style: solid;
637
+ }
638
+ &.is-disabled {
639
+ cursor: default;
640
+ }
641
+ }
642
+
643
+ .cell-required {
644
+ width: 100%;
645
+ height: 100%;
646
+ display: flex;
647
+ align-items: center;
648
+ .box {
649
+ width: 20px;
650
+ height: 20px;
651
+ box-sizing: border-box;
652
+ border-radius: 4px;
653
+ cursor: pointer;
654
+ user-select: none;
655
+ display: flex;
656
+ justify-content: center;
657
+ align-items: center;
658
+ padding-top: 4px;
659
+ color: #DDD;
660
+ background-color: rgba(0, 0, 0, 0.02);
661
+ &:not(.is-disabled):hover {
662
+ color: #999;
663
+ background-color: rgba(0, 0, 0, 0.05);
664
+ }
665
+ &.is-disabled {
666
+ cursor: default;
667
+ color: transparent;
668
+ background-color: transparent;
669
+ }
670
+ &.is-required, &.is-required:hover {
671
+ color: red;
672
+ background-color: rgba(0, 0, 0, 0.08);
673
+ }
674
+ }
675
+ }
676
+
677
+ .cell-action {
678
+ width: 80px;
679
+ i {
680
+ cursor: pointer;
681
+ font-size: 16px;
682
+ padding: 4px;
683
+ border-radius: 4px;
684
+ &:hover {
685
+ background-color: rgba(0,0,0,0.1);
686
+ }
687
+ }
688
+ }
689
+ .action-popover {
690
+ margin: 0 !important;
691
+ }
692
+
693
+ .ea-blue {
694
+ color: #409EFF;
695
+ }
696
+ .ea-purple {
697
+ color: #EE46BC !important;
698
+ }
699
+ .ea-success {
700
+ color: $--color-success;
701
+ }
702
+ .ea-danger {
703
+ color: $--color-danger;
704
+ }
705
+ .ea-info {
706
+ color: $--color-info;
707
+ }
708
+ .ea-placeholder {
709
+ color: $--color-placeholder-text !important;
710
+ }
711
+
712
+ .ea-popover-no-margin {
713
+ margin: 0 !important;
714
+ }
715
+
716
+ @font-face {
717
+ font-family: 'eafont';
718
+ src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQYAAsAAAAACMAAAAPLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqFDIRVATYCJAMQCwoABCAFhE8HQBu9BxEVnLHIfibwpknuXkitybkhDKpb3+RDeb1vMhOsa34zn2ST3rpbnaQ7jZOwi3OelIhQI3mLHn0haTkDFEZf6SdAAFkA/M/ltDHxABvfAoC7xti0t5dlvehe2rbAxhiUbfFAIsy8BXYOdTBB14AA0MJNMC4yOjETxsayzmZMwiDhCeDmksa6mjJIdwNYCkIgqYW8KxnIUvAAt4C7BGCJ+XnyER5JAAeeQtontTqqEsfe4I0bVawK6CPoOBDgaA4AD4ACcOqZidSmO8pB7bATCm1ckMEHOCiBA2ptM75xs1pZNCqFJDsBrvSfRwRICj1SvSIUeAOVBxzwxiiIU7qhaAUUTF8hARgJuAwQV0iaKfUsFCCNNxhGG7SjtYaxY4lGRgbuZDNvZTJvZzHv5riIWmmOGkzUuxFVl27lVB+9q7OkJEK51XPw7m2JcOs9dwL05isn1JNXdWXmfZuUzfstB7eqWw5k6s2HlMM6wyq1Ur1793aQwXL5uHLsklZ/6NadO2U+61H1yA23UsnOr6+wtChXH3JzL0iKIqt5uRoraFeuoKtaqxwuXs18qMz+If6j7B2qsiLTw2vHNIy5EZqYFJ8wvXp6reO9qIzItHL7SvuHY/ODcgM9ijxLm3N3HC3PcEt1dU11yygPdexWfv+Wuh0fmn/+fNVmI0fPkm3aUP9WzjNlTw6OGJcrozrKqO8IucXmW0liyTebp7aTH2z22fzAhy47ZeszcZbHrIk+a4L33vHyySlyqtG1ZtO2tHrQABahETOU7ZxfsjesIuV4ZLq7Z3rkXFJQo3Ome47HpVDPqpj+GrkyMLBSrvlKKHWuDKyRv1Ja3NHQyZE+ckXTJKc/WgEA1hN0Fw03WR/pMjpOe4ySKuya+Q6+fCl7UmKSv0k6BgB4ydgfclmPMZQTHnNhbsEVoizMWZJ9PQBjcRJVdNU5MiHdgxwArWwGLok4MMqTOlSjORsgEDDaBQ4iJgKFgBlERrUBHjo4yQRZ5YughaOg9TqMVgsKwjQAbAwAeAi9jcAx2gyU3kEio54F3jg/EOi9B63s/246NiVcehQjapAbOMWZFPuIQs98opmi6D1CHPXFfnCcoS6qQOyBGfuiC4bZNONIQD0nuBc4K0aGtmePaizsOLbnsqS4mxSK0+7SoxhRA7kBpziTzo/XCHfcE80URbmiOYjfcD847g5qhSqV+FBkKtjy/GE2jXEkQJ98TuDeiizKYQZt/DCPaizYEsH2rKRSlFdRjEmVNmkNgJZ0EIsjlDDCQ9oNQkbUp1VJPSXucbcDAA==') format('woff2');
719
+ }
720
+ .eafont {
721
+ font-family: eafont;
722
+ font-style: normal;
723
+ font-size: 16px;
724
+ color: #909399;
725
+ -webkit-font-smoothing: antialiased;
726
+ -moz-osx-font-smoothing: grayscale;
727
+ }
728
+ .ea-icon-disabled:before { content: "\e630" }
729
+ .ea-icon-conf:before { content: "\e600" }
730
+ .ea-icon-more:before { content: "\e60e" }
731
+ .eafont.ea-icon-conf.has { color: #000 }
732
+
733
+ .ea-form .form-group-title {
734
+ position: relative;
735
+ height: 32px;
736
+ margin-bottom: 22px;
737
+ > span {
738
+ position: absolute;
739
+ top: 0;
740
+ left: 20%;
741
+ padding: 5px 25px;
742
+ background-color: #fff;
743
+ z-index: 1;
744
+ color: $--color-secondary-text;
745
+ }
746
+ &::after {
747
+ content: '';
748
+ position: absolute;
749
+ top: 50%;
750
+ left: 0;
751
+ width: 100%;
752
+ height: 0;
753
+ border-bottom: 1px dashed $--color-border-base;
754
+ }
755
+ }
756
+
757
+ .ea-table-modal {
758
+ .el-dialog {
759
+ background: #fdfdfd;
760
+ box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
761
+ .el-dialog__header {
762
+ padding: 12px 20px;
763
+ background-color: $--color-border-extralight;
764
+ border-bottom: 1px solid $--color-border-lighter;
765
+ }
766
+ .el-dialog__headerbtn {
767
+ top: 12px;
768
+ }
769
+ .el-dialog__close {
770
+ font-weight: bold;
771
+ color: $--color-secondary-text;
772
+ }
773
+ .el-dialog__body {
774
+ padding: 10px 0;
775
+ height: calc(100% - 70px);
776
+ min-height: 40px;
777
+ max-height: 800px;
778
+ overflow: auto;
779
+ .scm-title {
780
+ font-size: 12px;
781
+ font-weight: bold;
782
+ color: $--color-primary-text;
783
+ &.medium {
784
+ font-size: 14px;
785
+ }
786
+ }
787
+ .el-tree {
788
+ background: transparent;
789
+ font-size: 12px;
790
+ .el-tree-node__label {
791
+ font-size: 12px;
792
+ }
793
+ &.medium {
794
+ font-size: 14px;
795
+ .el-tree-node__label {
796
+ font-size: 14px;
797
+ }
798
+ }
799
+ }
800
+ }
801
+ }
802
+ }
803
+
804
+ .conf-header {
805
+ border-bottom: 1px solid #DDD;
806
+ padding-bottom: 10px;
807
+ margin-bottom: 10px;
808
+ }
809
+ .conf-body {
810
+ width: 300px;
811
+ }
812
+ .dense-much .el-form-item {
813
+ margin-bottom: 8px !important;
814
+ }
815
+
816
+ .ea-select-container {
817
+ display: flex;
818
+ justify-content: flex-start;
819
+ font-size: 12px;
820
+ &.medium {
821
+ font-size: 14px;
822
+ .ea-select-panel .ea-select-panel__item {
823
+ line-height: 28px;
824
+ }
825
+ }
826
+ .ea-select-panel {
827
+ padding: 0;
828
+ margin: 0;
829
+ list-style: none;
830
+ flex-grow: 1;
831
+ min-width: 120px;
832
+ & + .ea-select-panel {
833
+ border-left: 1px solid #DDD;
834
+ }
835
+ &__item {
836
+ width: 100%;
837
+ line-height: 24px;
838
+ cursor: pointer;
839
+ padding: 0 12px;
840
+ box-sizing: border-box;
841
+ display: flex;
842
+ justify-content: space-between;
843
+ align-items: center;
844
+ font-size: inherit;
845
+ &:hover {
846
+ background-color: $--color-border-lighter;
847
+ }
848
+ &.active {
849
+ color: $--color-primary;
850
+ font-weight: bold;
851
+ }
852
+ }
853
+ }
854
+ }
855
+
856
+ .ea-form .el-form-item__content {
857
+ & > .el-input-number,
858
+ & > .el-input,
859
+ & > .ea-select,
860
+ & > .el-date-editor,
861
+ & > .el-select {
862
+ width: 100%;
863
+ }
864
+ }
865
+ .ea-form .el-form-item.hidden-label {
866
+ > .el-form-item__label {
867
+ display: none;
868
+ }
869
+ > .el-form-item__content {
870
+ width: 100%;
871
+ }
872
+ }
873
+
874
+ .ea-switch-mini {
875
+ .el-switch__core {
876
+ width: 30px !important;
877
+ height: 16px;
878
+ &::after {
879
+ width: 12px;
880
+ height: 12px;
881
+ left: 2px;
882
+ }
883
+ }
884
+ &.is-checked .el-switch__core::after {
885
+ margin-left: -13px;
886
+ }
887
+ }