element-assits 0.0.90 → 0.0.91

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