@flatbiz/antd 4.1.5 → 4.1.7

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