@flatbiz/antd 3.1.2 → 3.1.3

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 CHANGED
@@ -602,49 +602,17 @@ ul {
602
602
  flex: initial;
603
603
  }
604
604
 
605
- .relation-list-wrapper {
606
- overflow: hidden;
607
- }
608
605
  .relation-list {
609
606
  position: relative;
607
+ }
608
+ .relation-list-solt1,
609
+ .relation-list-solt2 {
610
+ position: relative;
610
611
  padding-left: var(--relation-tagline-width);
611
612
  }
612
613
  .relation-list:only-child(.relation-item) {
613
614
  color: var(--relation-line-color);
614
615
  }
615
- .relation-group {
616
- position: relative;
617
- }
618
- .relation-group .relation-group-line {
619
- position: absolute;
620
- width: 2px;
621
- height: 100%;
622
- left: calc(var(--relation-group-indent-width)/2);
623
- top: 0;
624
- border-left: 2px dotted #ccc;
625
- }
626
- .relation-group .relation-list {
627
- margin-left: var(--relation-group-indent-width);
628
- }
629
- .relation-group .relation-list::before {
630
- content: '';
631
- position: absolute;
632
- height: 2px;
633
- border-top: 2px dotted #ccc;
634
- left: calc(var(--relation-group-indent-width)/2 * -1);
635
- width: 40px;
636
- top: 50%;
637
- margin-top: -2px;
638
- }
639
- .relation-group .relation-list::after {
640
- content: '';
641
- position: absolute;
642
- height: 200px;
643
- left: calc(var(--relation-group-indent-width)/2 * -1);
644
- width: 2px;
645
- background-color: #fff;
646
- top: 50%;
647
- }
648
616
  .relation-list-line {
649
617
  position: absolute;
650
618
  width: 2px;
@@ -655,13 +623,16 @@ ul {
655
623
  .relation-item {
656
624
  position: relative;
657
625
  }
626
+ .relation-item-line {
627
+ position: relative;
628
+ }
658
629
  .relation-item-line::before {
659
630
  content: '';
660
631
  position: absolute;
661
- width: calc(var(--relation-tagline-width)/2);
632
+ width: calc(var(--relation-tagline-width) / 2);
662
633
  height: 2px;
663
634
  background-color: var(--relation-line-color);
664
- left: calc(var(--relation-tagline-width)*-1 + var(--relation-tag-width) / 2);
635
+ left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
665
636
  top: 50%;
666
637
  margin-top: -1px;
667
638
  }
@@ -671,7 +642,7 @@ ul {
671
642
  width: 2px;
672
643
  height: calc(50% - 1px);
673
644
  background-color: #fff;
674
- left: calc(var(--relation-tagline-width)*-1 + var(--relation-tag-width) / 2);
645
+ left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
675
646
  top: 0;
676
647
  }
677
648
  .relation-item-last::after {
@@ -679,11 +650,14 @@ ul {
679
650
  position: absolute;
680
651
  width: 2px;
681
652
  top: calc(50% + 1px);
682
- height: 200px;
653
+ height: 50%;
683
654
  background-color: #fff;
684
- left: calc(var(--relation-tagline-width)*-1 + var(--relation-tag-width) / 2);
655
+ left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
685
656
  bottom: 0;
686
657
  }
658
+ .relation-item-first.relation-item-last::before {
659
+ height: 0;
660
+ }
687
661
  .relation-item-tag {
688
662
  position: absolute;
689
663
  top: 50%;
@@ -696,22 +670,112 @@ ul {
696
670
  text-align: center;
697
671
  cursor: pointer;
698
672
  }
699
- .relation-list-only-one .relation-list-line {
673
+ .relation-list-only-one > .relation-list-line {
674
+ display: none;
675
+ }
676
+ .relation-list-only-one > .relation-list-solt1 {
677
+ padding-left: 0;
678
+ }
679
+ .relation-list-only-one > .relation-list-solt1 > .relation-item-tag {
700
680
  display: none;
701
681
  }
702
- .relation-list-only-one .relation-item::before {
682
+ .relation-list-only-one > .relation-list-solt2 {
683
+ padding-left: 0;
684
+ }
685
+ .relation-item-only-one::before {
703
686
  height: 0;
704
687
  }
705
- .relation-list-only-one .relation-item::after {
688
+ .relation-item-only-one::after {
706
689
  width: 0;
707
690
  }
708
- .relation-group-text {
691
+ .relation-group-list {
692
+ position: relative;
693
+ }
694
+ .relation-group-list .relation-list {
695
+ margin-left: var(--relation-group-indent-width);
696
+ }
697
+ .relation-group-list .relation-list-solt1::before {
698
+ content: '';
709
699
  position: absolute;
710
- left: calc(var(--relation-tagline-width)*-1 - var(--relation-group-indent-width)/2);
711
- top: 25%;
700
+ height: 2px;
701
+ border-top: 2px dotted #ccc;
702
+ left: calc(var(--relation-group-indent-width) / 2 * -1);
703
+ width: 40px;
704
+ top: 50%;
705
+ margin-top: -2px;
706
+ }
707
+ .relation-group-list .relation-list-label {
708
+ position: absolute;
709
+ left: calc(var(--relation-group-indent-width) / 2 * -1);
712
710
  transform: translate(-50%, -50%);
711
+ z-index: 2;
712
+ top: 25%;
713
713
  font-size: 12px;
714
- color: #666;
714
+ color: #999;
715
+ }
716
+ .relation-group-list::after {
717
+ content: '';
718
+ position: absolute;
719
+ border-left: 2px dotted #ccc;
720
+ left: calc(var(--relation-group-indent-width) / 2);
721
+ width: 2px;
722
+ background-color: #fff;
723
+ top: 0;
724
+ bottom: 0;
725
+ }
726
+ .relation-group-list > .relation-list:nth-last-child(1) > .relation-list-solt1::after {
727
+ content: '';
728
+ position: absolute;
729
+ left: calc(var(--relation-group-indent-width) / 2 * -1);
730
+ width: 2px;
731
+ background-color: #fff;
732
+ top: 50%;
733
+ bottom: 0;
734
+ z-index: 2;
735
+ }
736
+ .relation-group-list > .relation-list:nth-last-child(1) > .relation-list-solt2::after {
737
+ content: '';
738
+ position: absolute;
739
+ left: calc(var(--relation-group-indent-width) / 2 * -1);
740
+ width: 2px;
741
+ background-color: #fff;
742
+ top: 0;
743
+ bottom: 0;
744
+ z-index: 2;
745
+ }
746
+ .relation-group-list .relation-list-only-one .relation-item-tag {
747
+ display: block;
748
+ }
749
+ .relation-group-list .relation-list-only-one > .relation-list-solt1 {
750
+ padding-left: var(--relation-tagline-width);
751
+ }
752
+ .relation-group-list .relation-list-only-one > .relation-list-solt1 .relation-list-line {
753
+ height: 0;
754
+ }
755
+ .form-list-no-main > .relation-list-solt1::before {
756
+ content: '';
757
+ position: absolute;
758
+ width: calc(var(--relation-tagline-width) / 2);
759
+ height: 2px;
760
+ background-color: var(--relation-line-color);
761
+ left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
762
+ top: 50%;
763
+ margin-top: -1px;
764
+ }
765
+ .form-list-no-main-first .relation-list-solt1::after {
766
+ content: '';
767
+ position: absolute;
768
+ width: 2px;
769
+ height: calc(50% - 1px);
770
+ background-color: #fff;
771
+ left: calc(var(--relation-tagline-width) * -1 + var(--relation-tag-width) / 2);
772
+ top: 0;
773
+ }
774
+ .form-list-no-main-first.form-list-no-main-last .relation-list-solt1::before {
775
+ height: 0;
776
+ }
777
+ .relation-list-only-no-main-one > .relation-list-solt1 > .relation-list-line {
778
+ display: none;
715
779
  }
716
780
 
717
781
  .simple-layout {