@flatbiz/antd 4.1.4 → 4.1.6

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.
package/cjs/index.css DELETED
@@ -1,954 +0,0 @@
1
- .num-ff {
2
- font-family: var(--v-font-family-number);
3
- }
4
- p,
5
- ul {
6
- margin: 0;
7
- padding: 0;
8
- }
9
- .hide {
10
- display: none;
11
- }
12
- .clear-fix:after,
13
- .clear-fix::after {
14
- display: block;
15
- visibility: hidden;
16
- height: 0;
17
- font-size: 0;
18
- content: ' ';
19
- clear: both;
20
- }
21
-
22
-
23
- .table-operate {
24
- padding: 0 5px;
25
- }
26
- .table-operate .ant-btn-link {
27
- padding: 0 6px;
28
- border-radius: 4px;
29
- }
30
- .table-operate .ant-btn-link:hover {
31
- background-color: rgba(0, 0, 0, 0.03) !important;
32
- }
33
- .table-operate .ant-btn-link:hover span {
34
- transform: scale(1.05);
35
- transition: all ease-in 0.1s;
36
- }
37
- .table-operate .ant-btn-link .anticon + span {
38
- margin-left: 5px;
39
- }
40
- .table-operate .ant-divider {
41
- margin: 0 4px;
42
- }
43
- .fold-more-button .anticon-more {
44
- transform: rotate(90deg);
45
- }
46
- .fold-more-button:hover .anticon-more {
47
- transform: scale(1.3) rotate(90deg) !important;
48
- }
49
-
50
- .v-request-status {
51
- position: relative;
52
- margin: 16px 0;
53
- }
54
- .v-request-status .ant-empty {
55
- margin: 8px 0;
56
- }
57
- .v-request-status .ant-spin {
58
- position: absolute;
59
- top: 50%;
60
- left: 50%;
61
- transform: translate(-50%, -50%);
62
- }
63
-
64
- .cascader-wrapper-popup .ant-cascader-menu-empty .ant-cascader-menu-item {
65
- pointer-events: initial !important;
66
- }
67
-
68
- .check-list-checked {
69
- background-color: rgba(0, 0, 0, 0.05);
70
- }
71
-
72
- .v-css-hover:hover {
73
- position: relative;
74
- }
75
- .v-css-hover:hover::before {
76
- content: '';
77
- position: absolute;
78
- top: 0;
79
- left: 0;
80
- right: 0;
81
- bottom: 0;
82
- background-color: var(--v-css-hover-bgcolor, #ccc);
83
- opacity: var(--v-css-hover-opacity, 0.1);
84
- }
85
-
86
- .v-dialog-modal .ant-modal-body {
87
- max-height: calc(100vh - 150px);
88
- overflow: auto;
89
- }
90
- .v-dialog-confirm .ant-modal-header {
91
- margin: 0 !important;
92
- }
93
- .v-dialog-confirm .ant-modal-body {
94
- padding: 20px 0 15px 0;
95
- font-size: 16px;
96
- font-weight: 400;
97
- color: rgba(0, 0, 0, 0.78) !important;
98
- }
99
- .v-dialog-confirm .ant-modal-footer > button:nth-child(2) {
100
- margin-left: 15px !important;
101
- }
102
-
103
- .v-dialog-loading .ant-modal-content {
104
- background-color: transparent;
105
- padding: 0;
106
- box-shadow: none;
107
- }
108
- .v-dialog-loading .ant-modal-body {
109
- text-align: center;
110
- }
111
- .v-dialog-loading-content {
112
- text-align: center;
113
- display: inline-block;
114
- background-color: #fff;
115
- padding: 20px 30px;
116
- border-radius: 8px;
117
- }
118
- .v-dialog-loading-content .loader-inner {
119
- width: 30px;
120
- height: 30px;
121
- margin: 0 auto;
122
- text-indent: -12345px;
123
- border-top: 2px solid rgba(0, 128, 227, 0.08);
124
- border-right: 2px solid rgba(0, 128, 227, 0.08);
125
- border-bottom: 2px solid rgba(0, 128, 227, 0.08);
126
- border-left: 2px solid var(--v-loading-color);
127
- border-radius: 50%;
128
- z-index: 100001;
129
- animation: dialog-spinner 600ms infinite linear;
130
- }
131
- .v-dialog-loading-content .loader-text {
132
- font-size: 12px;
133
- letter-spacing: 2px;
134
- color: #606060;
135
- font-size: 16px;
136
- font-weight: 500;
137
- margin-top: 15px;
138
- text-align: left;
139
- }
140
- @keyframes dialog-spinner {
141
- 0% {
142
- transform: rotate(0deg);
143
- }
144
- 100% {
145
- transform: rotate(360deg);
146
- }
147
- }
148
-
149
- .drawer-wrapper .ant-drawer-header {
150
- padding: 12px 14px;
151
- }
152
- .drawer-wrapper .ant-drawer-body {
153
- display: flex;
154
- flex-direction: column;
155
- position: relative;
156
- padding: 0;
157
- }
158
- .drawer-wrapper .ant-drawer-content-wrapper {
159
- max-width: 80%;
160
- }
161
- .drawer-wrapper-content {
162
- position: relative;
163
- flex: 1;
164
- overflow-y: auto;
165
- overflow-x: hidden;
166
- height: 100%;
167
- padding: 20px;
168
- }
169
- .drawer-wrapper-footer {
170
- padding: 10px 16px;
171
- border-top: 1px solid #f0f0f0;
172
- }
173
- .drawer-wrapper-loader {
174
- background-color: #ffffff;
175
- position: absolute;
176
- top: 0;
177
- bottom: 0;
178
- left: 0;
179
- right: 0;
180
- z-index: 100000;
181
- display: flex;
182
- justify-content: center;
183
- align-items: center;
184
- opacity: 1;
185
- text-align: center;
186
- }
187
- .drawer-wrapper-loader .loader-wrapper {
188
- width: 100px;
189
- height: 100px;
190
- display: inline-flex;
191
- flex-direction: column;
192
- justify-content: space-around;
193
- }
194
- .drawer-wrapper-loader .loader-inner {
195
- width: 30px;
196
- height: 30px;
197
- margin: 0 auto;
198
- text-indent: -12345px;
199
- border-top: 2px solid rgba(0, 128, 227, 0.08);
200
- border-right: 2px solid rgba(0, 128, 227, 0.08);
201
- border-bottom: 2px solid rgba(0, 128, 227, 0.08);
202
- border-left: 2px solid rgba(0, 84, 153, 0.7);
203
- border-radius: 50%;
204
- z-index: 100001;
205
- animation: spinner 600ms infinite linear;
206
- }
207
- .drawer-wrapper-loader .loader-text {
208
- width: 100px;
209
- height: 20px;
210
- text-align: center;
211
- font-size: 12px;
212
- letter-spacing: 4px;
213
- color: #0080e3;
214
- }
215
-
216
- .simple-layout {
217
- background-color: #fff;
218
- padding: 15px;
219
- }
220
- .simple-layout .ant-form {
221
- margin-bottom: -15px;
222
- }
223
- .simple-layout .ant-form-item {
224
- margin: 0 0 15px;
225
- }
226
- .simple-layout .ant-form-item-label {
227
- width: 82px;
228
- }
229
- .simple-layout .ant-form-item-label.ant-col-auto {
230
- width: auto;
231
- }
232
- .simple-layout .ant-table-thead > tr > th {
233
- background: #f6f6f6;
234
- }
235
- .simple-layout .ant-descriptions-item {
236
- padding-bottom: 10px;
237
- }
238
- .simple-layout .ant-descriptions-item-label {
239
- color: #999;
240
- }
241
- .simple-layout .ant-table-pagination.ant-pagination {
242
- margin: 16px 0 0 0;
243
- }
244
- .simple-layout .simple-layout-content > .ant-row:nth-last-child(1) {
245
- margin-bottom: 0px;
246
- }
247
- .simple-layout .simple-layout-content > .ant-row:nth-last-child(1) .ant-upload-list {
248
- padding-bottom: 15px;
249
- }
250
- .simple-layout .simple-layout-content > .ant-descriptions:not(.ant-descriptions-bordered):nth-last-child(1) {
251
- margin-bottom: -10px;
252
- }
253
- .simple-layout .v-tree-wrapper-tree {
254
- padding: 5px 0 0 0;
255
- }
256
- .simple-layout-title-sign {
257
- padding-left: 10px;
258
- position: relative;
259
- }
260
- .simple-layout-title-sign::before {
261
- content: '';
262
- position: absolute;
263
- top: 50%;
264
- left: 0;
265
- height: 14px;
266
- width: 3px;
267
- background: var(--simple-layout-colorPrimary);
268
- border-radius: 3px;
269
- margin-top: -7px;
270
- }
271
- .simple-layout-title {
272
- color: rgba(0, 0, 0, 0.85);
273
- font-weight: 500;
274
- font-size: 16px;
275
- overflow: hidden;
276
- white-space: nowrap;
277
- text-overflow: ellipsis;
278
- position: relative;
279
- }
280
- .simple-layout-title + .simple-layout-content {
281
- margin-top: 10px;
282
- }
283
- .simple-layout-desc {
284
- font-size: 12px;
285
- color: rgba(0, 0, 0, 0.55);
286
- }
287
- .simple-layout-desc + .simple-layout-content {
288
- margin-top: 10px;
289
- }
290
- .simple-layout + .simple-layout {
291
- margin-top: 10px;
292
- }
293
- .simple-layout .simple-layout:first-child {
294
- padding: 0 0 15px 0;
295
- }
296
- .simple-layout + .ant-divider {
297
- margin: 0 0 15px 0;
298
- }
299
- .simple-layout-formlabel-left .ant-form-item-label {
300
- text-align: left;
301
- }
302
- .simple-layout-tight.simple-layout {
303
- margin-top: 0;
304
- padding: 0 0 15px 0;
305
- }
306
- .simple-layout-title-extra-space {
307
- width: 100%;
308
- justify-content: space-between;
309
- }
310
-
311
- .icon-wrapper {
312
- cursor: pointer;
313
- display: flex;
314
- align-items: center;
315
- padding: 6px;
316
- border-radius: 6px;
317
- margin: 0 -6px;
318
- }
319
- .icon-wrapper:hover {
320
- transform: scale(1.1);
321
- transition: all ease-in 0.1s;
322
- position: relative;
323
- background-color: rgba(0, 0, 0, 0.06);
324
- }
325
- .icon-wrapper .anticon + .icon-wrapper-text {
326
- margin-left: 3px;
327
- }
328
- .icon-wrapper-small {
329
- font-size: 14px;
330
- padding: 3px;
331
- margin: 0 -3px;
332
- border-radius: 3px;
333
- }
334
- .icon-wrapper-middle {
335
- font-size: 16px;
336
- }
337
- .icon-wrapper-large {
338
- font-size: 20px;
339
- }
340
- .icon-wrapper.icon-wrapper-hidden-hover-bgcolor {
341
- padding: 0;
342
- margin: 0;
343
- }
344
- .icon-wrapper.icon-wrapper-hidden-hover-bgcolor:hover {
345
- background-color: transparent;
346
- }
347
-
348
- .editable-field-full > .ant-space-item:nth-child(1) {
349
- flex: 1;
350
- }
351
-
352
- .v-selector-item-icon {
353
- margin-right: 5px;
354
- }
355
-
356
- .v-file-upload .ant-upload-span {
357
- cursor: pointer;
358
- }
359
-
360
- .editable-table {
361
- padding-bottom: 15px;
362
- }
363
- .editable-table .ant-form-item {
364
- margin: 0 !important;
365
- }
366
- .editable-table .editable-text-view.ant-typography {
367
- margin-bottom: 0;
368
- }
369
- .editable-input-number-form-item .ant-input-number {
370
- width: 100%;
371
- }
372
-
373
- .v-editor-wrapper {
374
- width: 100%;
375
- height: 100%;
376
- }
377
-
378
- .v-flex-layout {
379
- display: flex;
380
- }
381
- .v-flex-vertical {
382
- flex-direction: column;
383
- }
384
-
385
- .form-item-group-card {
386
- border: 1px solid rgba(0, 0, 0, 0.15);
387
- padding: 10px 20px 0 20px;
388
- border-radius: 5px;
389
- }
390
- .form-item-group-card-title {
391
- color: rgba(0, 0, 0, 0.65);
392
- font-weight: 500;
393
- font-size: 16px;
394
- overflow: hidden;
395
- white-space: nowrap;
396
- text-overflow: ellipsis;
397
- position: relative;
398
- margin-bottom: 15px;
399
- }
400
- .form-item-group-card-title-sign {
401
- padding-left: 10px;
402
- }
403
- .form-item-group-card-title-sign::before {
404
- content: '';
405
- position: absolute;
406
- top: 50%;
407
- left: 0;
408
- height: 14px;
409
- width: 3px;
410
- background: var(--form-item-group-colorPrimary);
411
- border-radius: 3px;
412
- margin-top: -7px;
413
- }
414
-
415
- .union-before-text,
416
- .union-after-text {
417
- flex-shrink: 0;
418
- align-self: flex-start;
419
- line-height: 32px;
420
- }
421
- .union-before-element,
422
- .union-after-element {
423
- align-self: flex-start;
424
- }
425
- .form-item-group-horizontal-union .v-flex-layout .ant-form-item {
426
- margin-bottom: 0;
427
- align-self: flex-start;
428
- }
429
- .form-item-group-horizontal-union .v-flex-layout {
430
- align-items: flex-start;
431
- }
432
-
433
- .v-label-value-layout .ant-descriptions-item-label {
434
- width: var(--v-label-value-layout-lWidth);
435
- color: rgba(0, 0, 0, 0.45);
436
- flex-shrink: 0;
437
- }
438
- .v-label-value-layout .ant-descriptions-item {
439
- padding-bottom: 8px;
440
- }
441
- .v-label-value-layout .ant-descriptions-item-content {
442
- color: rgba(0, 0, 0, 0.85);
443
- font-weight: 400;
444
- }
445
- .v-label-value-layout.ant-descriptions-bordered .ant-descriptions-item-label {
446
- padding: 8px 10px;
447
- }
448
- .v-label-value-layout-border {
449
- padding: 10px 10px 2px 10px;
450
- border: 1px solid #dedede;
451
- margin-top: 20px;
452
- border-radius: 5px;
453
- }
454
-
455
- .local-loading-error {
456
- padding: 24px 16px !important;
457
- }
458
- .local-loading-error .ant-result-icon {
459
- margin-bottom: 15px !important;
460
- }
461
- .local-loading-error .ant-result-icon .anticon {
462
- font-size: 40px !important;
463
- }
464
- .local-loading-error .ant-result-title {
465
- font-size: 16px !important;
466
- }
467
- .local-loading-error .ant-result-extra {
468
- margin-top: 15px !important;
469
- }
470
-
471
- .modal-wrapper .ant-modal-body {
472
- position: relative;
473
- padding: 0;
474
- }
475
- .modal-wrapper-content {
476
- padding: 20px;
477
- position: relative;
478
- overflow: auto;
479
- }
480
- .modal-wrapper-footer {
481
- text-align: right;
482
- border-top: 1px solid #f0f0f0;
483
- border-radius: 0px 0px 2px 2px;
484
- padding: 10px 16px;
485
- }
486
- .modal-wrapper-loader {
487
- background-color: #ffffff;
488
- position: absolute;
489
- top: 0;
490
- bottom: 0;
491
- left: 0;
492
- right: 0;
493
- z-index: 100000;
494
- display: flex;
495
- justify-content: center;
496
- align-items: center;
497
- opacity: 1;
498
- text-align: center;
499
- }
500
- .modal-wrapper-loader .loader-wrapper {
501
- width: 100px;
502
- height: 100px;
503
- display: inline-flex;
504
- flex-direction: column;
505
- justify-content: space-around;
506
- }
507
- .modal-wrapper-loader .loader-inner {
508
- width: 30px;
509
- height: 30px;
510
- margin: 0 auto;
511
- text-indent: -12345px;
512
- border-top: 2px solid rgba(0, 128, 227, 0.08);
513
- border-right: 2px solid rgba(0, 128, 227, 0.08);
514
- border-bottom: 2px solid rgba(0, 128, 227, 0.08);
515
- border-left: 2px solid rgba(0, 84, 153, 0.7);
516
- border-radius: 50%;
517
- z-index: 100001;
518
- animation: spinner 600ms infinite linear;
519
- }
520
- .modal-wrapper-loader .loader-text {
521
- width: 100px;
522
- height: 20px;
523
- text-align: center;
524
- font-size: 12px;
525
- letter-spacing: 4px;
526
- color: #0080e3;
527
- }
528
-
529
- .page-fixed-footer {
530
- padding: 15px 23px;
531
- background-color: #fff;
532
- box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.08);
533
- z-index: 9;
534
- }
535
-
536
- .form-item-label-70.ant-form-item .ant-form-item-label {
537
- width: 70px !important;
538
- }
539
- .form-item-label-80.ant-form-item .ant-form-item-label {
540
- width: 80px !important;
541
- }
542
- .form-item-label-90.ant-form-item .ant-form-item-label {
543
- width: 90px !important;
544
- }
545
- .form-item-label-100.ant-form-item .ant-form-item-label {
546
- width: 100px !important;
547
- }
548
- .form-item-label-110.ant-form-item .ant-form-item-label {
549
- width: 110px !important;
550
- }
551
- .form-item-label-120.ant-form-item .ant-form-item-label {
552
- width: 120px !important;
553
- }
554
- .form-item-label-130.ant-form-item .ant-form-item-label {
555
- width: 130px !important;
556
- }
557
- .form-item-label-140.ant-form-item .ant-form-item-label {
558
- width: 140px !important;
559
- }
560
- .form-item-label-150.ant-form-item .ant-form-item-label {
561
- width: 150px !important;
562
- }
563
- .form-item-label-160.ant-form-item .ant-form-item-label {
564
- width: 160px !important;
565
- }
566
- .form-item-label-170.ant-form-item .ant-form-item-label {
567
- width: 170px !important;
568
- }
569
- .form-item-label-180.ant-form-item .ant-form-item-label {
570
- width: 180px !important;
571
- }
572
- .form-item-label-190.ant-form-item .ant-form-item-label {
573
- width: 190px !important;
574
- }
575
- .form-item-label-200.ant-form-item .ant-form-item-label {
576
- width: 200px !important;
577
- }
578
- .form-item-label-auto.ant-form-item .ant-form-item-label {
579
- width: auto !important;
580
- }
581
- .form-item-label-align-left .ant-form-item-label {
582
- text-align: left;
583
- }
584
- .form-item-label-align-right .ant-form-item-label {
585
- text-align: right;
586
- }
587
- .ant-form-item.form-item-label-value-vertical .ant-form-item-row {
588
- flex-direction: column;
589
- }
590
- .ant-form-item.form-item-label-value-vertical .ant-form-item-label {
591
- width: 100%;
592
- text-align: left;
593
- }
594
- .ant-form-item.form-item-label-value-vertical .ant-form-item-control {
595
- flex: initial;
596
- }
597
- .form-label-70 .ant-form-item-label {
598
- width: 70px !important;
599
- }
600
- .form-label-80 .ant-form-item-label {
601
- width: 80px !important;
602
- }
603
- .form-label-90 .ant-form-item-label {
604
- width: 90px !important;
605
- }
606
- .form-label-100 .ant-form-item-label {
607
- width: 100px !important;
608
- }
609
- .form-label-110 .ant-form-item-label {
610
- width: 110px !important;
611
- }
612
- .form-label-120 .ant-form-item-label {
613
- width: 120px !important;
614
- }
615
- .form-label-130 .ant-form-item-label {
616
- width: 130px !important;
617
- }
618
- .form-label-140 .ant-form-item-label {
619
- width: 140px !important;
620
- }
621
- .form-label-150 .ant-form-item-label {
622
- width: 150px !important;
623
- }
624
- .form-label-160 .ant-form-item-label {
625
- width: 160px !important;
626
- }
627
- .form-label-170 .ant-form-item-label {
628
- width: 170px !important;
629
- }
630
- .form-label-180 .ant-form-item-label {
631
- width: 180px !important;
632
- }
633
- .form-label-190 .ant-form-item-label {
634
- width: 190px !important;
635
- }
636
- .form-label-200 .ant-form-item-label {
637
- width: 200px !important;
638
- }
639
- .form-label-auto .ant-form-item-label {
640
- width: auto !important;
641
- }
642
- .form-label-align-left .ant-form-item-label {
643
- text-align: left;
644
- }
645
- .form-label-align-right .ant-form-item-label {
646
- text-align: right;
647
- }
648
- .form-label-value-vertical .ant-form-item .ant-form-item-row {
649
- flex-direction: column;
650
- }
651
- .form-label-value-vertical .ant-form-item .ant-form-item-label {
652
- width: 100%;
653
- text-align: left;
654
- }
655
- .form-label-value-vertical .ant-form-item .ant-form-item-control {
656
- flex: initial;
657
- }
658
-
659
- .relation-list {
660
- position: relative;
661
- }
662
- .relation-list-solt1,
663
- .relation-list-solt2 {
664
- position: relative;
665
- padding-left: var(--relation-tagline-width);
666
- }
667
- .relation-list:only-child(.relation-item) {
668
- color: var(--relation-line-color);
669
- }
670
- .relation-list-line {
671
- position: absolute;
672
- width: 2px;
673
- height: 100%;
674
- background-color: var(--relation-line-color);
675
- left: calc(var(--relation-tag-width) / 2);
676
- }
677
- .relation-item {
678
- position: relative;
679
- }
680
- .relation-item-line {
681
- position: relative;
682
- }
683
- .relation-item-line::before {
684
- content: '';
685
- position: absolute;
686
- width: calc(var(--relation-tagline-width) / 2);
687
- height: 2px;
688
- background-color: var(--relation-line-color);
689
- left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
690
- top: 50%;
691
- margin-top: -1px;
692
- }
693
- .relation-item-first::after {
694
- content: '';
695
- position: absolute;
696
- width: 2px;
697
- height: calc(50% - 1px);
698
- background-color: #fff;
699
- left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
700
- top: 0;
701
- }
702
- .relation-item-last::after {
703
- content: '';
704
- position: absolute;
705
- width: 2px;
706
- top: calc(50% + 1px);
707
- height: 50%;
708
- background-color: #fff;
709
- left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
710
- bottom: 0;
711
- }
712
- .relation-item-first.relation-item-last::before {
713
- height: 0;
714
- }
715
- .relation-item-tag {
716
- position: absolute;
717
- top: 50%;
718
- left: 0;
719
- transform: translateY(-50%);
720
- z-index: 9;
721
- margin: 0;
722
- width: var(--relation-tag-width);
723
- padding: 0;
724
- text-align: center;
725
- cursor: pointer;
726
- }
727
- .relation-list-only-one > .relation-list-line {
728
- display: none;
729
- }
730
- .relation-list-only-one > .relation-list-solt1 {
731
- padding-left: 0;
732
- }
733
- .relation-list-only-one > .relation-list-solt1 > .relation-item-tag {
734
- display: none;
735
- }
736
- .relation-list-only-one > .relation-list-solt2 {
737
- padding-left: 0;
738
- }
739
- .relation-item-only-one::before {
740
- height: 0;
741
- }
742
- .relation-item-only-one::after {
743
- width: 0;
744
- }
745
- .relation-group-list {
746
- position: relative;
747
- }
748
- .relation-group-list .relation-list {
749
- margin-left: var(--relation-group-indent-width);
750
- }
751
- .relation-group-list .relation-list-solt1::before {
752
- content: '';
753
- position: absolute;
754
- height: 2px;
755
- border-top: 2px dotted #ccc;
756
- left: calc(var(--relation-group-indent-width) / 2 * -1);
757
- width: 40px;
758
- top: 50%;
759
- margin-top: -2px;
760
- }
761
- .relation-group-list .relation-list-label {
762
- position: absolute;
763
- left: calc(var(--relation-group-indent-width) / 2 * -1);
764
- transform: translate(-50%, -50%);
765
- z-index: 2;
766
- top: 25%;
767
- font-size: 12px;
768
- color: #999;
769
- }
770
- .relation-group-list::after {
771
- content: '';
772
- position: absolute;
773
- border-left: 2px dotted #ccc;
774
- left: calc(var(--relation-group-indent-width) / 2);
775
- width: 2px;
776
- background-color: #fff;
777
- top: 0;
778
- bottom: 0;
779
- }
780
- .relation-group-list > .relation-list:nth-last-child(1) > .relation-list-solt1::after {
781
- content: '';
782
- position: absolute;
783
- left: calc(var(--relation-group-indent-width) / 2 * -1);
784
- width: 2px;
785
- background-color: #fff;
786
- top: 50%;
787
- bottom: 0;
788
- z-index: 2;
789
- }
790
- .relation-group-list > .relation-list:nth-last-child(1) > .relation-list-solt2::after {
791
- content: '';
792
- position: absolute;
793
- left: calc(var(--relation-group-indent-width) / 2 * -1);
794
- width: 2px;
795
- background-color: #fff;
796
- top: 0;
797
- bottom: 0;
798
- z-index: 2;
799
- }
800
- .relation-group-list .relation-list-only-one .relation-item-tag {
801
- display: block;
802
- }
803
- .relation-group-list .relation-list-only-one > .relation-list-solt1 {
804
- padding-left: var(--relation-tagline-width);
805
- }
806
- .relation-group-list .relation-list-only-one > .relation-list-solt1 .relation-list-line {
807
- height: 0;
808
- }
809
- .form-list-no-main > .relation-list-solt1::before {
810
- content: '';
811
- position: absolute;
812
- width: calc(var(--relation-tagline-width) / 2);
813
- height: 2px;
814
- background-color: var(--relation-line-color);
815
- left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
816
- top: 50%;
817
- margin-top: -1px;
818
- }
819
- .form-list-no-main-first .relation-list-solt1::after {
820
- content: '';
821
- position: absolute;
822
- width: 2px;
823
- height: calc(50% - 1px);
824
- background-color: #fff;
825
- left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
826
- top: 0;
827
- }
828
- .form-list-no-main-first.form-list-no-main-last .relation-list-solt1::before {
829
- height: 0;
830
- }
831
- .relation-list-only-no-main-one > .relation-list-solt1 > .relation-list-line {
832
- display: none;
833
- }
834
-
835
- .v-rule-describe-title {
836
- font-size: 16px;
837
- color: #333;
838
- font-weight: 500;
839
- margin-bottom: 10px;
840
- position: relative;
841
- }
842
- .v-rule-describe-item-title {
843
- font-size: 14px;
844
- color: #545454;
845
- font-weight: 500;
846
- }
847
- .v-rule-describe-item-desc {
848
- font-size: 12px;
849
- color: #666;
850
- margin-top: 5px;
851
- }
852
- .v-rule-describe-item-title-index {
853
- width: 20px;
854
- display: inline-block;
855
- flex-shrink: 0;
856
- }
857
- .v-rule-describe-item-title-content {
858
- flex: 1;
859
- }
860
- .v-rule-describe-item + .v-rule-describe-item {
861
- margin-top: 8px;
862
- }
863
- .v-rule-describe-title-sign {
864
- padding-left: 10px;
865
- }
866
- .v-rule-describe-title-sign::before {
867
- content: '';
868
- position: absolute;
869
- top: 50%;
870
- left: 0;
871
- height: 14px;
872
- width: 3px;
873
- background: var(--rule-describe-colorPrimary);
874
- border-radius: 3px;
875
- margin-top: -7px;
876
- }
877
- .v-rule-describe .v-rule-describe .v-rule-describe-item-title {
878
- opacity: 0.9;
879
- }
880
-
881
- .tabs-sticky {
882
- height: 100%;
883
- overflow: hidden;
884
- }
885
- .tabs-sticky > .ant-tabs-content-holder {
886
- flex: 1;
887
- overflow-y: auto;
888
- }
889
-
890
- .tree-selector-wrapper-empty {
891
- margin: 8px 0;
892
- }
893
-
894
- .v-tree-wrapper {
895
- position: relative;
896
- display: flex;
897
- flex-direction: column;
898
- overflow: hidden;
899
- height: 100%;
900
- }
901
- .v-tree-wrapper-loading {
902
- position: absolute;
903
- z-index: 9;
904
- top: 50%;
905
- left: 50%;
906
- }
907
- .v-tree-wrapper-search {
908
- padding: 0 16px 0 16px;
909
- }
910
- .v-tree-wrapper-tree {
911
- position: relative;
912
- margin-left: -8px;
913
- flex: 1;
914
- overflow: auto;
915
- padding: 0 16px 16px 16px;
916
- }
917
- .v-tree-wrapper-tree .ant-tree-title {
918
- position: relative;
919
- flex: 1;
920
- display: flex;
921
- align-items: center;
922
- }
923
- .v-tree-wrapper-tree .tree-item-title {
924
- flex: 1;
925
- margin-right: 5px;
926
- }
927
- .v-tree-wrapper-tree .anticon-more {
928
- font-weight: bold;
929
- display: none;
930
- }
931
- .v-tree-wrapper-tree .ant-tree-node-selected .anticon-more {
932
- display: block;
933
- }
934
- .v-tree-wrapper-tree .ant-tree-node-content-wrapper {
935
- display: flex;
936
- }
937
- .tree-wrapper-empty {
938
- position: relative;
939
- }
940
- .tree-wrapper-empty .ant-empty {
941
- margin: 8px 0;
942
- }
943
- .tree-wrapper-empty .ant-spin {
944
- position: absolute;
945
- top: 50%;
946
- left: 50%;
947
- transform: translate(-50%, -50%);
948
- }
949
- .site-tree-search-value {
950
- color: red;
951
- }
952
- .v-tree-item-disabled {
953
- opacity: 0.5;
954
- }