element-assits 0.0.86 → 0.0.88

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