@delon/theme 21.2.0 → 21.3.0
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/compact.css +3 -374
- package/compact.min.css +1 -1
- package/dark.css +3 -374
- package/dark.min.css +1 -1
- package/default.css +3 -374
- package/default.less +1 -2
- package/default.min.css +1 -1
- package/fesm2022/layout-default.mjs +5 -1
- package/fesm2022/layout-default.mjs.map +1 -1
- package/fesm2022/theme.mjs +42 -2
- package/fesm2022/theme.mjs.map +1 -1
- package/package.json +5 -5
- package/system/delon/index.less +2 -2
- package/theme-compact.less +1 -1
- package/theme-dark.less +1 -1
- package/theme-default.less +1 -1
- package/theme-variable.less +1 -1
- package/types/theme.d.ts +4 -0
- package/variable.css +5 -376
- package/variable.less +1 -2
- package/variable.min.css +1 -1
package/dark.css
CHANGED
|
@@ -33593,6 +33593,9 @@ fieldset {
|
|
|
33593
33593
|
font-weight: 700;
|
|
33594
33594
|
text-align: left;
|
|
33595
33595
|
}
|
|
33596
|
+
.sf__collapse .sf__collapse-item {
|
|
33597
|
+
display: none !important;
|
|
33598
|
+
}
|
|
33596
33599
|
.sf__object-card .ant-card-body {
|
|
33597
33600
|
padding-left: 0;
|
|
33598
33601
|
}
|
|
@@ -38567,377 +38570,3 @@ ellipsis {
|
|
|
38567
38570
|
.cell__disabled[data-type='link'] > a {
|
|
38568
38571
|
color: rgba(255, 255, 255, 0.85);
|
|
38569
38572
|
}
|
|
38570
|
-
g2-chart,
|
|
38571
|
-
g2-bar,
|
|
38572
|
-
g2-gauge,
|
|
38573
|
-
g2-mini-area,
|
|
38574
|
-
g2-mini-bar,
|
|
38575
|
-
g2-single-bar,
|
|
38576
|
-
g2-tag-cloud,
|
|
38577
|
-
g2-timeline,
|
|
38578
|
-
g2,
|
|
38579
|
-
g2-custom {
|
|
38580
|
-
display: block;
|
|
38581
|
-
}
|
|
38582
|
-
g2-bar,
|
|
38583
|
-
g2-tag-cloud {
|
|
38584
|
-
width: 100%;
|
|
38585
|
-
}
|
|
38586
|
-
.g2-card {
|
|
38587
|
-
position: relative;
|
|
38588
|
-
}
|
|
38589
|
-
.g2-card__top {
|
|
38590
|
-
position: relative;
|
|
38591
|
-
overflow: hidden;
|
|
38592
|
-
width: 100%;
|
|
38593
|
-
}
|
|
38594
|
-
.g2-card__top-margin {
|
|
38595
|
-
margin-bottom: 12px;
|
|
38596
|
-
}
|
|
38597
|
-
.g2-card__top-has-margin {
|
|
38598
|
-
margin-bottom: 20px;
|
|
38599
|
-
}
|
|
38600
|
-
.g2-card__meta {
|
|
38601
|
-
height: 22px;
|
|
38602
|
-
font-size: 14px;
|
|
38603
|
-
line-height: 22px;
|
|
38604
|
-
color: rgba(255, 255, 255, 0.45);
|
|
38605
|
-
}
|
|
38606
|
-
.g2-card__meta-wrap {
|
|
38607
|
-
float: left;
|
|
38608
|
-
}
|
|
38609
|
-
.g2-card__meta-action {
|
|
38610
|
-
cursor: pointer;
|
|
38611
|
-
position: absolute;
|
|
38612
|
-
top: 4px;
|
|
38613
|
-
right: 0;
|
|
38614
|
-
line-height: 1;
|
|
38615
|
-
}
|
|
38616
|
-
.g2-card__avatar {
|
|
38617
|
-
position: relative;
|
|
38618
|
-
top: 4px;
|
|
38619
|
-
float: left;
|
|
38620
|
-
margin-right: 20px;
|
|
38621
|
-
}
|
|
38622
|
-
.g2-card__avatar img {
|
|
38623
|
-
border-radius: 100%;
|
|
38624
|
-
}
|
|
38625
|
-
.g2-card__total {
|
|
38626
|
-
overflow: hidden;
|
|
38627
|
-
height: 38px;
|
|
38628
|
-
margin-top: 4px;
|
|
38629
|
-
margin-bottom: 0;
|
|
38630
|
-
font-size: 30px;
|
|
38631
|
-
line-height: 38px;
|
|
38632
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38633
|
-
text-overflow: ellipsis;
|
|
38634
|
-
word-break: break-all;
|
|
38635
|
-
white-space: nowrap;
|
|
38636
|
-
}
|
|
38637
|
-
.g2-card__desc {
|
|
38638
|
-
width: 100%;
|
|
38639
|
-
margin-bottom: 12px;
|
|
38640
|
-
}
|
|
38641
|
-
.g2-card__footer {
|
|
38642
|
-
margin-top: 8px;
|
|
38643
|
-
padding-top: 9px;
|
|
38644
|
-
border-top: 1px solid #303030;
|
|
38645
|
-
}
|
|
38646
|
-
.g2-card__footer > * {
|
|
38647
|
-
position: relative;
|
|
38648
|
-
}
|
|
38649
|
-
.g2-mini-progress {
|
|
38650
|
-
position: relative;
|
|
38651
|
-
display: block;
|
|
38652
|
-
width: 100%;
|
|
38653
|
-
padding: 5px 0;
|
|
38654
|
-
}
|
|
38655
|
-
.g2-mini-progress__wrap {
|
|
38656
|
-
position: relative;
|
|
38657
|
-
background-color: rgba(255, 255, 255, 0.08);
|
|
38658
|
-
}
|
|
38659
|
-
.g2-mini-progress__value {
|
|
38660
|
-
width: 0;
|
|
38661
|
-
height: 100%;
|
|
38662
|
-
border-radius: 1px 0 0 1px;
|
|
38663
|
-
background-color: #177ddc;
|
|
38664
|
-
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
|
38665
|
-
}
|
|
38666
|
-
.g2-mini-progress__target {
|
|
38667
|
-
position: absolute;
|
|
38668
|
-
top: 0;
|
|
38669
|
-
bottom: 0;
|
|
38670
|
-
}
|
|
38671
|
-
.g2-mini-progress__target-item {
|
|
38672
|
-
position: absolute;
|
|
38673
|
-
top: 0;
|
|
38674
|
-
left: 0;
|
|
38675
|
-
width: 2px;
|
|
38676
|
-
height: 4px;
|
|
38677
|
-
border-radius: 100px;
|
|
38678
|
-
}
|
|
38679
|
-
.g2-mini-progress__target-item:last-child {
|
|
38680
|
-
top: auto;
|
|
38681
|
-
bottom: 0;
|
|
38682
|
-
}
|
|
38683
|
-
.g2-pie {
|
|
38684
|
-
position: relative;
|
|
38685
|
-
display: block;
|
|
38686
|
-
}
|
|
38687
|
-
.g2-pie__chart {
|
|
38688
|
-
position: relative;
|
|
38689
|
-
}
|
|
38690
|
-
.g2-pie__legend {
|
|
38691
|
-
position: absolute;
|
|
38692
|
-
top: 50%;
|
|
38693
|
-
right: 0;
|
|
38694
|
-
transform: translateY(-50%);
|
|
38695
|
-
min-width: 250px;
|
|
38696
|
-
margin: 0 20px;
|
|
38697
|
-
padding: 0;
|
|
38698
|
-
list-style: none;
|
|
38699
|
-
}
|
|
38700
|
-
.g2-pie__legend-item {
|
|
38701
|
-
cursor: pointer;
|
|
38702
|
-
height: 22px;
|
|
38703
|
-
margin-bottom: 16px;
|
|
38704
|
-
line-height: 22px;
|
|
38705
|
-
}
|
|
38706
|
-
.g2-pie__legend-item:last-child {
|
|
38707
|
-
margin-bottom: 0;
|
|
38708
|
-
}
|
|
38709
|
-
.g2-pie__legend-title {
|
|
38710
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38711
|
-
}
|
|
38712
|
-
.g2-pie__legend-dot {
|
|
38713
|
-
position: relative;
|
|
38714
|
-
top: -1px;
|
|
38715
|
-
display: inline-block;
|
|
38716
|
-
width: 8px;
|
|
38717
|
-
height: 8px;
|
|
38718
|
-
margin-right: 8px;
|
|
38719
|
-
border-radius: 8px;
|
|
38720
|
-
}
|
|
38721
|
-
.g2-pie__legend-percent {
|
|
38722
|
-
color: rgba(255, 255, 255, 0.45);
|
|
38723
|
-
}
|
|
38724
|
-
.g2-pie__legend-value {
|
|
38725
|
-
position: absolute;
|
|
38726
|
-
right: 0;
|
|
38727
|
-
}
|
|
38728
|
-
.g2-pie__legend-has .g2-pie__chart {
|
|
38729
|
-
width: calc(100% - 240px);
|
|
38730
|
-
}
|
|
38731
|
-
.g2-pie__legend-block .g2-pie__chart {
|
|
38732
|
-
width: 100%;
|
|
38733
|
-
margin: 0 0 32px;
|
|
38734
|
-
}
|
|
38735
|
-
.g2-pie__legend-block .g2-pie__legend {
|
|
38736
|
-
position: relative;
|
|
38737
|
-
transform: none;
|
|
38738
|
-
min-width: auto;
|
|
38739
|
-
}
|
|
38740
|
-
.g2-pie__total {
|
|
38741
|
-
position: absolute;
|
|
38742
|
-
top: 50%;
|
|
38743
|
-
left: 50%;
|
|
38744
|
-
transform: translate(-50%, -50%);
|
|
38745
|
-
height: 62px;
|
|
38746
|
-
text-align: center;
|
|
38747
|
-
}
|
|
38748
|
-
.g2-pie__total-title {
|
|
38749
|
-
height: 22px;
|
|
38750
|
-
margin-bottom: 8px;
|
|
38751
|
-
font-size: 14px;
|
|
38752
|
-
font-weight: normal;
|
|
38753
|
-
line-height: 22px;
|
|
38754
|
-
color: rgba(255, 255, 255, 0.45);
|
|
38755
|
-
}
|
|
38756
|
-
.g2-pie__total-stat {
|
|
38757
|
-
display: block;
|
|
38758
|
-
height: 32px;
|
|
38759
|
-
font-size: 1.2em;
|
|
38760
|
-
line-height: 32px;
|
|
38761
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38762
|
-
white-space: nowrap;
|
|
38763
|
-
}
|
|
38764
|
-
.g2-pie__mini .g2-pie__total-title {
|
|
38765
|
-
margin-top: 4px;
|
|
38766
|
-
margin-bottom: 0;
|
|
38767
|
-
}
|
|
38768
|
-
.g2-radar {
|
|
38769
|
-
display: block;
|
|
38770
|
-
}
|
|
38771
|
-
.g2-radar__legend {
|
|
38772
|
-
margin-top: 16px;
|
|
38773
|
-
}
|
|
38774
|
-
.g2-radar__legend-item {
|
|
38775
|
-
cursor: pointer;
|
|
38776
|
-
position: relative;
|
|
38777
|
-
line-height: 22px;
|
|
38778
|
-
color: rgba(255, 255, 255, 0.45);
|
|
38779
|
-
text-align: center;
|
|
38780
|
-
}
|
|
38781
|
-
.g2-radar__legend-item::after {
|
|
38782
|
-
content: '';
|
|
38783
|
-
position: absolute;
|
|
38784
|
-
top: 8px;
|
|
38785
|
-
right: 0;
|
|
38786
|
-
width: 1px;
|
|
38787
|
-
height: 40px;
|
|
38788
|
-
background-color: #303030;
|
|
38789
|
-
}
|
|
38790
|
-
.g2-radar__legend-item:last-child::after {
|
|
38791
|
-
display: none;
|
|
38792
|
-
}
|
|
38793
|
-
.g2-radar__legend-title {
|
|
38794
|
-
margin-top: 4px;
|
|
38795
|
-
margin-bottom: 0;
|
|
38796
|
-
padding-left: 16px;
|
|
38797
|
-
font-size: 24px;
|
|
38798
|
-
line-height: 32px;
|
|
38799
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38800
|
-
}
|
|
38801
|
-
.g2-radar__legend-dot {
|
|
38802
|
-
position: relative;
|
|
38803
|
-
top: -1px;
|
|
38804
|
-
display: inline-block;
|
|
38805
|
-
width: 6px;
|
|
38806
|
-
height: 6px;
|
|
38807
|
-
margin-right: 6px;
|
|
38808
|
-
border-radius: 6px;
|
|
38809
|
-
}
|
|
38810
|
-
.g2-water-wave {
|
|
38811
|
-
position: relative;
|
|
38812
|
-
transform-origin: left;
|
|
38813
|
-
display: inline-block;
|
|
38814
|
-
}
|
|
38815
|
-
.g2-water-wave__desc {
|
|
38816
|
-
position: absolute;
|
|
38817
|
-
top: 32px;
|
|
38818
|
-
left: 0;
|
|
38819
|
-
width: 100%;
|
|
38820
|
-
text-align: center;
|
|
38821
|
-
}
|
|
38822
|
-
.g2-water-wave__desc-title {
|
|
38823
|
-
font-size: 14px;
|
|
38824
|
-
line-height: 22px;
|
|
38825
|
-
color: rgba(255, 255, 255, 0.45);
|
|
38826
|
-
}
|
|
38827
|
-
.g2-water-wave__desc-percent {
|
|
38828
|
-
font-size: 24px;
|
|
38829
|
-
line-height: 32px;
|
|
38830
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38831
|
-
}
|
|
38832
|
-
.g2-water-wave__canvas {
|
|
38833
|
-
transform-origin: 0 0;
|
|
38834
|
-
transform: scale(0.5);
|
|
38835
|
-
}
|
|
38836
|
-
.number-info {
|
|
38837
|
-
display: inline-block;
|
|
38838
|
-
}
|
|
38839
|
-
.number-info__title {
|
|
38840
|
-
margin-bottom: 16px;
|
|
38841
|
-
font-size: 16px;
|
|
38842
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38843
|
-
transition: all 0.3s;
|
|
38844
|
-
}
|
|
38845
|
-
.number-info__title-sub {
|
|
38846
|
-
overflow: hidden;
|
|
38847
|
-
height: 22px;
|
|
38848
|
-
font-size: 14px;
|
|
38849
|
-
line-height: 22px;
|
|
38850
|
-
color: rgba(255, 255, 255, 0.45);
|
|
38851
|
-
text-overflow: ellipsis;
|
|
38852
|
-
word-break: break-all;
|
|
38853
|
-
white-space: nowrap;
|
|
38854
|
-
}
|
|
38855
|
-
.number-info__value {
|
|
38856
|
-
overflow: hidden;
|
|
38857
|
-
margin-top: 4px;
|
|
38858
|
-
font-size: 0;
|
|
38859
|
-
text-overflow: ellipsis;
|
|
38860
|
-
word-break: break-all;
|
|
38861
|
-
white-space: nowrap;
|
|
38862
|
-
}
|
|
38863
|
-
.number-info__value-suffix {
|
|
38864
|
-
margin-left: 4px;
|
|
38865
|
-
font-size: 16px;
|
|
38866
|
-
font-style: normal;
|
|
38867
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38868
|
-
}
|
|
38869
|
-
.number-info__value-text {
|
|
38870
|
-
display: inline-block;
|
|
38871
|
-
height: 32px;
|
|
38872
|
-
font-size: 24px;
|
|
38873
|
-
line-height: 32px;
|
|
38874
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38875
|
-
}
|
|
38876
|
-
.number-info__value-sub {
|
|
38877
|
-
margin-left: 32px;
|
|
38878
|
-
font-size: 16px;
|
|
38879
|
-
color: rgba(255, 255, 255, 0.45);
|
|
38880
|
-
vertical-align: top;
|
|
38881
|
-
}
|
|
38882
|
-
.number-info__value-sub .anticon {
|
|
38883
|
-
transform: scale(0.82);
|
|
38884
|
-
margin-left: 4px;
|
|
38885
|
-
font-size: 12px;
|
|
38886
|
-
}
|
|
38887
|
-
.number-info__value-sub .anticon-caret-up {
|
|
38888
|
-
color: #d32029;
|
|
38889
|
-
}
|
|
38890
|
-
.number-info__value-sub .anticon-caret-down {
|
|
38891
|
-
color: #49aa19;
|
|
38892
|
-
}
|
|
38893
|
-
.number-info__light .number-info__value-text {
|
|
38894
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38895
|
-
}
|
|
38896
|
-
.number-info:not(:first-child) {
|
|
38897
|
-
position: relative;
|
|
38898
|
-
margin-left: 32px;
|
|
38899
|
-
padding-left: 32px;
|
|
38900
|
-
}
|
|
38901
|
-
.number-info:not(:first-child)::after {
|
|
38902
|
-
content: '';
|
|
38903
|
-
position: absolute;
|
|
38904
|
-
top: 0;
|
|
38905
|
-
bottom: 0;
|
|
38906
|
-
left: 0;
|
|
38907
|
-
width: 1px;
|
|
38908
|
-
margin: 8px 0;
|
|
38909
|
-
background-color: #303030;
|
|
38910
|
-
}
|
|
38911
|
-
.trend {
|
|
38912
|
-
display: inline-block;
|
|
38913
|
-
font-size: 14px;
|
|
38914
|
-
line-height: 22px;
|
|
38915
|
-
}
|
|
38916
|
-
.trend__up,
|
|
38917
|
-
.trend__down {
|
|
38918
|
-
position: relative;
|
|
38919
|
-
top: 1px;
|
|
38920
|
-
margin-left: 4px;
|
|
38921
|
-
}
|
|
38922
|
-
.trend__up i,
|
|
38923
|
-
.trend__down i {
|
|
38924
|
-
transform: scale(0.83);
|
|
38925
|
-
font-size: 12px;
|
|
38926
|
-
}
|
|
38927
|
-
.trend__up {
|
|
38928
|
-
color: #d32029;
|
|
38929
|
-
}
|
|
38930
|
-
.trend__down {
|
|
38931
|
-
top: -1px;
|
|
38932
|
-
color: #49aa19;
|
|
38933
|
-
}
|
|
38934
|
-
.trend__grey .trend__up,
|
|
38935
|
-
.trend__grey .trend__down {
|
|
38936
|
-
color: rgba(255, 255, 255, 0.85);
|
|
38937
|
-
}
|
|
38938
|
-
.trend__reverse .trend__up {
|
|
38939
|
-
color: #49aa19;
|
|
38940
|
-
}
|
|
38941
|
-
.trend__reverse .trend__down {
|
|
38942
|
-
color: #d32029;
|
|
38943
|
-
}
|