fantasia-ui 0.6.8 → 0.6.10
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/dist/fantasia-ui.css
CHANGED
|
@@ -3680,8 +3680,7 @@
|
|
|
3680
3680
|
min-height: 0;
|
|
3681
3681
|
}
|
|
3682
3682
|
.f-dialog__body :deep(.f-scrollbar__wrap) {
|
|
3683
|
-
overflow
|
|
3684
|
-
overflow-x: hidden;
|
|
3683
|
+
overflow: auto;
|
|
3685
3684
|
-webkit-overflow-scrolling: touch;
|
|
3686
3685
|
}
|
|
3687
3686
|
.f-dialog__body :deep(.f-scrollbar__view) {
|
|
@@ -3844,6 +3843,9 @@
|
|
|
3844
3843
|
left: 0;
|
|
3845
3844
|
right: 0;
|
|
3846
3845
|
}
|
|
3846
|
+
.f-drawer--top, .f-drawer--bottom {
|
|
3847
|
+
max-height: 80vh;
|
|
3848
|
+
}
|
|
3847
3849
|
.f-drawer__header {
|
|
3848
3850
|
display: flex;
|
|
3849
3851
|
align-items: center;
|
|
@@ -3876,6 +3878,9 @@
|
|
|
3876
3878
|
background: #f5f7fa;
|
|
3877
3879
|
color: #606266;
|
|
3878
3880
|
}
|
|
3881
|
+
.f-drawer.is-auto-size .f-drawer__body {
|
|
3882
|
+
flex: 0 1 auto;
|
|
3883
|
+
}
|
|
3879
3884
|
.f-drawer__body {
|
|
3880
3885
|
flex: 1;
|
|
3881
3886
|
min-height: 0;
|
|
@@ -13409,37 +13414,37 @@ to {
|
|
|
13409
13414
|
.f-color-picker-fade-leave-to[data-v-2cc1dd01] {
|
|
13410
13415
|
opacity: 0;
|
|
13411
13416
|
transform: translateY(-4px);
|
|
13412
|
-
}[data-v-
|
|
13417
|
+
}[data-v-0ecd76e4]:root {
|
|
13413
13418
|
--f-empty-image-color: #52525b;
|
|
13414
13419
|
--f-empty-description-color: #71717a;
|
|
13415
13420
|
}
|
|
13416
|
-
:root.light[data-v-
|
|
13421
|
+
:root.light[data-v-0ecd76e4] {
|
|
13417
13422
|
--f-empty-image-color: #d4d4d8;
|
|
13418
13423
|
--f-empty-description-color: #a1a1aa;
|
|
13419
13424
|
}
|
|
13420
|
-
.f-empty[data-v-
|
|
13425
|
+
.f-empty[data-v-0ecd76e4] {
|
|
13421
13426
|
display: flex;
|
|
13422
13427
|
flex-direction: column;
|
|
13423
13428
|
align-items: center;
|
|
13424
13429
|
justify-content: center;
|
|
13425
13430
|
padding: 32px 0;
|
|
13426
13431
|
}
|
|
13427
|
-
.f-empty__image[data-v-
|
|
13432
|
+
.f-empty__image[data-v-0ecd76e4] {
|
|
13428
13433
|
color: var(--f-empty-image-color);
|
|
13429
13434
|
}
|
|
13430
|
-
.f-empty__image-default[data-v-
|
|
13435
|
+
.f-empty__image-default[data-v-0ecd76e4], .f-empty__image-img[data-v-0ecd76e4] {
|
|
13431
13436
|
width: 100%;
|
|
13432
13437
|
height: 100%;
|
|
13433
13438
|
object-fit: contain;
|
|
13434
13439
|
}
|
|
13435
|
-
.f-empty__description[data-v-
|
|
13440
|
+
.f-empty__description[data-v-0ecd76e4] {
|
|
13436
13441
|
margin-top: 12px;
|
|
13437
13442
|
font-size: 13px;
|
|
13438
13443
|
line-height: 1.5;
|
|
13439
13444
|
color: var(--f-empty-description-color);
|
|
13440
13445
|
text-align: center;
|
|
13441
13446
|
}
|
|
13442
|
-
.f-empty__extra[data-v-
|
|
13447
|
+
.f-empty__extra[data-v-0ecd76e4] {
|
|
13443
13448
|
margin-top: 16px;
|
|
13444
13449
|
}[data-v-ac11d4e9]:root {
|
|
13445
13450
|
--f-slider-track-color: #333338;
|
|
@@ -14591,7 +14596,7 @@ to {
|
|
|
14591
14596
|
.f-timeline-item__content[data-v-235d4634] {
|
|
14592
14597
|
font-size: 13px;
|
|
14593
14598
|
}
|
|
14594
|
-
}.f-dialog-overlay[data-v-
|
|
14599
|
+
}.f-dialog-overlay[data-v-b15f082a] {
|
|
14595
14600
|
position: fixed;
|
|
14596
14601
|
top: 0;
|
|
14597
14602
|
left: 0;
|
|
@@ -14607,7 +14612,7 @@ to {
|
|
|
14607
14612
|
transition: background-color 0.25s ease;
|
|
14608
14613
|
touch-action: none;
|
|
14609
14614
|
}
|
|
14610
|
-
.f-dialog[data-v-
|
|
14615
|
+
.f-dialog[data-v-b15f082a] {
|
|
14611
14616
|
position: relative;
|
|
14612
14617
|
background: #fff;
|
|
14613
14618
|
border-radius: 8px;
|
|
@@ -14621,7 +14626,7 @@ to {
|
|
|
14621
14626
|
will-change: transform, opacity;
|
|
14622
14627
|
transform-origin: center;
|
|
14623
14628
|
}
|
|
14624
|
-
.f-dialog__close[data-v-
|
|
14629
|
+
.f-dialog__close[data-v-b15f082a] {
|
|
14625
14630
|
position: absolute;
|
|
14626
14631
|
top: 16px;
|
|
14627
14632
|
right: 16px;
|
|
@@ -14639,20 +14644,20 @@ to {
|
|
|
14639
14644
|
z-index: 1;
|
|
14640
14645
|
padding: 0;
|
|
14641
14646
|
}
|
|
14642
|
-
.f-dialog__close[data-v-
|
|
14647
|
+
.f-dialog__close[data-v-b15f082a]:hover {
|
|
14643
14648
|
background: #f5f7fa;
|
|
14644
14649
|
color: #606266;
|
|
14645
14650
|
}
|
|
14646
|
-
.f-dialog__header[data-v-
|
|
14651
|
+
.f-dialog__header[data-v-b15f082a] {
|
|
14647
14652
|
padding: 20px 20px 16px;
|
|
14648
14653
|
display: flex;
|
|
14649
14654
|
align-items: center;
|
|
14650
14655
|
gap: 12px;
|
|
14651
14656
|
}
|
|
14652
|
-
.f-dialog__header.has-divider[data-v-
|
|
14657
|
+
.f-dialog__header.has-divider[data-v-b15f082a] {
|
|
14653
14658
|
border-bottom: 1px solid #e4e7ed;
|
|
14654
14659
|
}
|
|
14655
|
-
.f-dialog__icon[data-v-
|
|
14660
|
+
.f-dialog__icon[data-v-b15f082a] {
|
|
14656
14661
|
flex-shrink: 0;
|
|
14657
14662
|
width: 28px;
|
|
14658
14663
|
height: 28px;
|
|
@@ -14661,11 +14666,11 @@ to {
|
|
|
14661
14666
|
justify-content: center;
|
|
14662
14667
|
border-radius: 50%;
|
|
14663
14668
|
}
|
|
14664
|
-
.f-dialog__icon[data-v-
|
|
14669
|
+
.f-dialog__icon[data-v-b15f082a] svg {
|
|
14665
14670
|
width: 20px;
|
|
14666
14671
|
height: 20px;
|
|
14667
14672
|
}
|
|
14668
|
-
.f-dialog__title[data-v-
|
|
14673
|
+
.f-dialog__title[data-v-b15f082a] {
|
|
14669
14674
|
flex: 1;
|
|
14670
14675
|
margin: 0;
|
|
14671
14676
|
font-size: 18px;
|
|
@@ -14673,7 +14678,7 @@ to {
|
|
|
14673
14678
|
color: #303133;
|
|
14674
14679
|
line-height: 1.4;
|
|
14675
14680
|
}
|
|
14676
|
-
.f-dialog__body[data-v-
|
|
14681
|
+
.f-dialog__body[data-v-b15f082a] {
|
|
14677
14682
|
flex: 1;
|
|
14678
14683
|
min-height: 0;
|
|
14679
14684
|
color: #606266;
|
|
@@ -14683,98 +14688,97 @@ to {
|
|
|
14683
14688
|
display: flex;
|
|
14684
14689
|
flex-direction: column;
|
|
14685
14690
|
}
|
|
14686
|
-
.f-dialog__body[data-v-
|
|
14691
|
+
.f-dialog__body[data-v-b15f082a] .f-scrollbar {
|
|
14687
14692
|
flex: 1;
|
|
14688
14693
|
min-height: 0;
|
|
14689
14694
|
}
|
|
14690
|
-
.f-dialog__body[data-v-
|
|
14691
|
-
overflow
|
|
14692
|
-
overflow-x: hidden;
|
|
14695
|
+
.f-dialog__body[data-v-b15f082a] .f-scrollbar__wrap {
|
|
14696
|
+
overflow: auto;
|
|
14693
14697
|
-webkit-overflow-scrolling: touch;
|
|
14694
14698
|
}
|
|
14695
|
-
.f-dialog__body[data-v-
|
|
14699
|
+
.f-dialog__body[data-v-b15f082a] .f-scrollbar__view {
|
|
14696
14700
|
padding: 20px;
|
|
14697
14701
|
}
|
|
14698
|
-
.f-dialog__body p[data-v-
|
|
14702
|
+
.f-dialog__body p[data-v-b15f082a] {
|
|
14699
14703
|
margin: 0;
|
|
14700
14704
|
}
|
|
14701
|
-
.f-dialog__footer[data-v-
|
|
14705
|
+
.f-dialog__footer[data-v-b15f082a] {
|
|
14702
14706
|
padding: 16px 20px;
|
|
14703
14707
|
display: flex;
|
|
14704
14708
|
align-items: center;
|
|
14705
14709
|
justify-content: flex-end;
|
|
14706
14710
|
gap: 12px;
|
|
14707
14711
|
}
|
|
14708
|
-
.f-dialog__footer.has-divider[data-v-
|
|
14712
|
+
.f-dialog__footer.has-divider[data-v-b15f082a] {
|
|
14709
14713
|
border-top: 1px solid #e4e7ed;
|
|
14710
14714
|
}
|
|
14711
|
-
.f-dialog--info .f-dialog__icon[data-v-
|
|
14715
|
+
.f-dialog--info .f-dialog__icon[data-v-b15f082a] {
|
|
14712
14716
|
background: #ecf5ff;
|
|
14713
14717
|
color: #409eff;
|
|
14714
14718
|
}
|
|
14715
|
-
.f-dialog--success .f-dialog__icon[data-v-
|
|
14719
|
+
.f-dialog--success .f-dialog__icon[data-v-b15f082a] {
|
|
14716
14720
|
background: #f0f9ff;
|
|
14717
14721
|
color: #67c23a;
|
|
14718
14722
|
}
|
|
14719
|
-
.f-dialog--warning .f-dialog__icon[data-v-
|
|
14723
|
+
.f-dialog--warning .f-dialog__icon[data-v-b15f082a] {
|
|
14720
14724
|
background: #fef0e6;
|
|
14721
14725
|
color: #e6a23c;
|
|
14722
14726
|
}
|
|
14723
|
-
.f-dialog--error .f-dialog__icon[data-v-
|
|
14727
|
+
.f-dialog--error .f-dialog__icon[data-v-b15f082a] {
|
|
14724
14728
|
background: #fef0f0;
|
|
14725
14729
|
color: #f56c6c;
|
|
14726
14730
|
}
|
|
14727
|
-
.f-dialog--confirm .f-dialog__icon[data-v-
|
|
14731
|
+
.f-dialog--confirm .f-dialog__icon[data-v-b15f082a] {
|
|
14728
14732
|
background: #fef0e6;
|
|
14729
14733
|
color: #e6a23c;
|
|
14730
14734
|
}
|
|
14731
|
-
.dialog-fade-enter-active[data-v-
|
|
14732
|
-
.dialog-fade-leave-active[data-v-
|
|
14735
|
+
.dialog-fade-enter-active[data-v-b15f082a],
|
|
14736
|
+
.dialog-fade-leave-active[data-v-b15f082a] {
|
|
14733
14737
|
transition: opacity 0.25s ease;
|
|
14734
14738
|
}
|
|
14735
|
-
.dialog-fade-enter-from[data-v-
|
|
14736
|
-
.dialog-fade-leave-to[data-v-
|
|
14739
|
+
.dialog-fade-enter-from[data-v-b15f082a],
|
|
14740
|
+
.dialog-fade-leave-to[data-v-b15f082a] {
|
|
14737
14741
|
opacity: 0;
|
|
14738
14742
|
}
|
|
14739
|
-
.dialog-enter-active[data-v-
|
|
14740
|
-
.dialog-leave-active[data-v-
|
|
14743
|
+
.dialog-enter-active[data-v-b15f082a],
|
|
14744
|
+
.dialog-leave-active[data-v-b15f082a] {
|
|
14741
14745
|
transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
|
|
14742
14746
|
}
|
|
14743
|
-
.dialog-enter-from[data-v-
|
|
14744
|
-
.dialog-leave-to[data-v-
|
|
14747
|
+
.dialog-enter-from[data-v-b15f082a],
|
|
14748
|
+
.dialog-leave-to[data-v-b15f082a] {
|
|
14745
14749
|
opacity: 0;
|
|
14746
14750
|
transform: scale(0.88) translateY(6px);
|
|
14747
14751
|
}
|
|
14748
|
-
.dialog-enter-to[data-v-
|
|
14749
|
-
.dialog-leave-from[data-v-
|
|
14752
|
+
.dialog-enter-to[data-v-b15f082a],
|
|
14753
|
+
.dialog-leave-from[data-v-b15f082a] {
|
|
14750
14754
|
opacity: 1;
|
|
14751
14755
|
transform: scale(1) translateY(0);
|
|
14752
14756
|
}
|
|
14753
14757
|
@media (max-width: 768px) {
|
|
14754
|
-
.f-dialog-overlay[data-v-
|
|
14758
|
+
.f-dialog-overlay[data-v-b15f082a] {
|
|
14755
14759
|
padding: 10px;
|
|
14756
14760
|
}
|
|
14757
|
-
.f-dialog[data-v-
|
|
14761
|
+
.f-dialog[data-v-b15f082a] {
|
|
14758
14762
|
width: 95vw;
|
|
14759
14763
|
max-height: 85vh;
|
|
14760
14764
|
}
|
|
14761
|
-
.f-dialog__header[data-v-
|
|
14765
|
+
.f-dialog__header[data-v-b15f082a] {
|
|
14762
14766
|
padding: 16px 16px 12px;
|
|
14763
14767
|
}
|
|
14764
|
-
.f-dialog__body[data-v-
|
|
14768
|
+
.f-dialog__body[data-v-b15f082a] .f-scrollbar__view {
|
|
14765
14769
|
padding: 16px;
|
|
14766
14770
|
}
|
|
14767
|
-
.f-dialog__footer[data-v-
|
|
14771
|
+
.f-dialog__footer[data-v-b15f082a] {
|
|
14768
14772
|
padding: 12px 16px;
|
|
14769
14773
|
}
|
|
14770
|
-
}.f-drawer-backdrop[data-v-
|
|
14774
|
+
}.f-drawer-backdrop[data-v-89aa73e0] {
|
|
14771
14775
|
position: fixed;
|
|
14772
14776
|
inset: 0;
|
|
14773
14777
|
background: rgba(0, 0, 0, 0.5);
|
|
14774
14778
|
z-index: 1100;
|
|
14775
14779
|
backdrop-filter: blur(2px);
|
|
14776
14780
|
}
|
|
14777
|
-
.f-drawer[data-v-
|
|
14781
|
+
.f-drawer[data-v-89aa73e0] {
|
|
14778
14782
|
position: fixed;
|
|
14779
14783
|
background: #fff;
|
|
14780
14784
|
z-index: 1101;
|
|
@@ -14782,27 +14786,30 @@ to {
|
|
|
14782
14786
|
flex-direction: column;
|
|
14783
14787
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
|
|
14784
14788
|
}
|
|
14785
|
-
.f-drawer--left[data-v-
|
|
14789
|
+
.f-drawer--left[data-v-89aa73e0] {
|
|
14786
14790
|
top: 0;
|
|
14787
14791
|
bottom: 0;
|
|
14788
14792
|
left: 0;
|
|
14789
14793
|
}
|
|
14790
|
-
.f-drawer--right[data-v-
|
|
14794
|
+
.f-drawer--right[data-v-89aa73e0] {
|
|
14791
14795
|
top: 0;
|
|
14792
14796
|
bottom: 0;
|
|
14793
14797
|
right: 0;
|
|
14794
14798
|
}
|
|
14795
|
-
.f-drawer--top[data-v-
|
|
14799
|
+
.f-drawer--top[data-v-89aa73e0] {
|
|
14796
14800
|
top: 0;
|
|
14797
14801
|
left: 0;
|
|
14798
14802
|
right: 0;
|
|
14799
14803
|
}
|
|
14800
|
-
.f-drawer--bottom[data-v-
|
|
14804
|
+
.f-drawer--bottom[data-v-89aa73e0] {
|
|
14801
14805
|
bottom: 0;
|
|
14802
14806
|
left: 0;
|
|
14803
14807
|
right: 0;
|
|
14804
14808
|
}
|
|
14805
|
-
.f-
|
|
14809
|
+
.f-drawer--top[data-v-89aa73e0], .f-drawer--bottom[data-v-89aa73e0] {
|
|
14810
|
+
max-height: 80vh;
|
|
14811
|
+
}
|
|
14812
|
+
.f-drawer__header[data-v-89aa73e0] {
|
|
14806
14813
|
display: flex;
|
|
14807
14814
|
align-items: center;
|
|
14808
14815
|
justify-content: space-between;
|
|
@@ -14810,13 +14817,13 @@ to {
|
|
|
14810
14817
|
border-bottom: 1px solid #e4e7ed;
|
|
14811
14818
|
flex-shrink: 0;
|
|
14812
14819
|
}
|
|
14813
|
-
.f-drawer__title[data-v-
|
|
14820
|
+
.f-drawer__title[data-v-89aa73e0] {
|
|
14814
14821
|
font-size: 18px;
|
|
14815
14822
|
font-weight: 600;
|
|
14816
14823
|
margin: 0;
|
|
14817
14824
|
color: #303133;
|
|
14818
14825
|
}
|
|
14819
|
-
.f-drawer__close[data-v-
|
|
14826
|
+
.f-drawer__close[data-v-89aa73e0] {
|
|
14820
14827
|
width: 40px;
|
|
14821
14828
|
height: 40px;
|
|
14822
14829
|
display: flex;
|
|
@@ -14830,64 +14837,67 @@ to {
|
|
|
14830
14837
|
padding: 0;
|
|
14831
14838
|
transition: all 0.2s;
|
|
14832
14839
|
}
|
|
14833
|
-
.f-drawer__close[data-v-
|
|
14840
|
+
.f-drawer__close[data-v-89aa73e0]:hover {
|
|
14834
14841
|
background: #f5f7fa;
|
|
14835
14842
|
color: #606266;
|
|
14836
14843
|
}
|
|
14837
|
-
.f-drawer__body[data-v-
|
|
14844
|
+
.f-drawer.is-auto-size .f-drawer__body[data-v-89aa73e0] {
|
|
14845
|
+
flex: 0 1 auto;
|
|
14846
|
+
}
|
|
14847
|
+
.f-drawer__body[data-v-89aa73e0] {
|
|
14838
14848
|
flex: 1;
|
|
14839
14849
|
min-height: 0;
|
|
14840
14850
|
padding: 20px;
|
|
14841
14851
|
}
|
|
14842
|
-
.f-drawer__body[data-v-
|
|
14852
|
+
.f-drawer__body[data-v-89aa73e0] .f-scrollbar {
|
|
14843
14853
|
height: 100%;
|
|
14844
14854
|
}
|
|
14845
|
-
.f-drawer__body[data-v-
|
|
14855
|
+
.f-drawer__body[data-v-89aa73e0] .f-scrollbar__view {
|
|
14846
14856
|
padding: 0;
|
|
14847
14857
|
}
|
|
14848
|
-
.f-drawer__footer[data-v-
|
|
14858
|
+
.f-drawer__footer[data-v-89aa73e0] {
|
|
14849
14859
|
padding: 20px;
|
|
14850
14860
|
border-top: 1px solid #e4e7ed;
|
|
14851
14861
|
flex-shrink: 0;
|
|
14852
14862
|
}
|
|
14853
|
-
.drawer-fade-enter-active[data-v-
|
|
14854
|
-
.drawer-fade-leave-active[data-v-
|
|
14863
|
+
.drawer-fade-enter-active[data-v-89aa73e0],
|
|
14864
|
+
.drawer-fade-leave-active[data-v-89aa73e0] {
|
|
14855
14865
|
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
14856
14866
|
}
|
|
14857
|
-
.drawer-fade-enter-from[data-v-
|
|
14858
|
-
.drawer-fade-leave-to[data-v-
|
|
14867
|
+
.drawer-fade-enter-from[data-v-89aa73e0],
|
|
14868
|
+
.drawer-fade-leave-to[data-v-89aa73e0] {
|
|
14859
14869
|
opacity: 0;
|
|
14860
14870
|
}
|
|
14861
|
-
.drawer-left-enter-active[data-v-
|
|
14862
|
-
.drawer-left-leave-active[data-v-
|
|
14871
|
+
.drawer-left-enter-active[data-v-89aa73e0],
|
|
14872
|
+
.drawer-left-leave-active[data-v-89aa73e0] {
|
|
14863
14873
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
14864
14874
|
}
|
|
14865
|
-
.drawer-left-enter-from[data-v-
|
|
14866
|
-
.drawer-left-leave-to[data-v-
|
|
14875
|
+
.drawer-left-enter-from[data-v-89aa73e0],
|
|
14876
|
+
.drawer-left-leave-to[data-v-89aa73e0] {
|
|
14867
14877
|
transform: translateX(-100%);
|
|
14868
14878
|
}
|
|
14869
|
-
.drawer-right-enter-active[data-v-
|
|
14870
|
-
.drawer-right-leave-active[data-v-
|
|
14879
|
+
.drawer-right-enter-active[data-v-89aa73e0],
|
|
14880
|
+
.drawer-right-leave-active[data-v-89aa73e0] {
|
|
14871
14881
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
14872
14882
|
}
|
|
14873
|
-
.drawer-right-enter-from[data-v-
|
|
14874
|
-
.drawer-right-leave-to[data-v-
|
|
14883
|
+
.drawer-right-enter-from[data-v-89aa73e0],
|
|
14884
|
+
.drawer-right-leave-to[data-v-89aa73e0] {
|
|
14875
14885
|
transform: translateX(100%);
|
|
14876
14886
|
}
|
|
14877
|
-
.drawer-top-enter-active[data-v-
|
|
14878
|
-
.drawer-top-leave-active[data-v-
|
|
14887
|
+
.drawer-top-enter-active[data-v-89aa73e0],
|
|
14888
|
+
.drawer-top-leave-active[data-v-89aa73e0] {
|
|
14879
14889
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
14880
14890
|
}
|
|
14881
|
-
.drawer-top-enter-from[data-v-
|
|
14882
|
-
.drawer-top-leave-to[data-v-
|
|
14891
|
+
.drawer-top-enter-from[data-v-89aa73e0],
|
|
14892
|
+
.drawer-top-leave-to[data-v-89aa73e0] {
|
|
14883
14893
|
transform: translateY(-100%);
|
|
14884
14894
|
}
|
|
14885
|
-
.drawer-bottom-enter-active[data-v-
|
|
14886
|
-
.drawer-bottom-leave-active[data-v-
|
|
14895
|
+
.drawer-bottom-enter-active[data-v-89aa73e0],
|
|
14896
|
+
.drawer-bottom-leave-active[data-v-89aa73e0] {
|
|
14887
14897
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
14888
14898
|
}
|
|
14889
|
-
.drawer-bottom-enter-from[data-v-
|
|
14890
|
-
.drawer-bottom-leave-to[data-v-
|
|
14899
|
+
.drawer-bottom-enter-from[data-v-89aa73e0],
|
|
14900
|
+
.drawer-bottom-leave-to[data-v-89aa73e0] {
|
|
14891
14901
|
transform: translateY(100%);
|
|
14892
14902
|
}.crop-box[data-v-54852b1f] {
|
|
14893
14903
|
width: 100%;
|
package/dist/fantasia-ui.es.js
CHANGED
|
@@ -4862,7 +4862,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
4862
4862
|
alt: ""
|
|
4863
4863
|
}, null, 8, _hoisted_2$b)) : (openBlock(), createBlock(FIcon, {
|
|
4864
4864
|
key: 1,
|
|
4865
|
-
class: "f-empty__image-default"
|
|
4865
|
+
class: "f-empty__image-default",
|
|
4866
|
+
size: 64
|
|
4866
4867
|
}, {
|
|
4867
4868
|
default: withCtx(() => [
|
|
4868
4869
|
(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? _ctx.icon : unref(FileTrayOutline))))
|
|
@@ -4883,7 +4884,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
4883
4884
|
};
|
|
4884
4885
|
}
|
|
4885
4886
|
});
|
|
4886
|
-
const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
|
|
4887
|
+
const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0ecd76e4"]]);
|
|
4887
4888
|
const _hoisted_1$b = { class: "f-slider__mark-label" };
|
|
4888
4889
|
const _hoisted_2$a = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
|
|
4889
4890
|
const _hoisted_3$a = {
|
|
@@ -6466,7 +6467,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
6466
6467
|
};
|
|
6467
6468
|
}
|
|
6468
6469
|
});
|
|
6469
|
-
const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
6470
|
+
const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b15f082a"]]);
|
|
6470
6471
|
const _hoisted_1$3 = {
|
|
6471
6472
|
key: 0,
|
|
6472
6473
|
class: "f-drawer__header"
|
|
@@ -6481,7 +6482,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
6481
6482
|
props: /* @__PURE__ */ mergeModels({
|
|
6482
6483
|
title: {},
|
|
6483
6484
|
placement: { default: "right" },
|
|
6484
|
-
size: {
|
|
6485
|
+
size: {},
|
|
6485
6486
|
showClose: { type: Boolean, default: true },
|
|
6486
6487
|
lockScroll: { type: Boolean, default: true },
|
|
6487
6488
|
closeOnClickOutside: { type: Boolean, default: true }
|
|
@@ -6492,6 +6493,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
6492
6493
|
emits: /* @__PURE__ */ mergeModels(["close"], ["update:modelValue"]),
|
|
6493
6494
|
setup(__props, { emit: __emit }) {
|
|
6494
6495
|
const props = __props;
|
|
6496
|
+
const isHorizontal = computed(() => props.placement === "left" || props.placement === "right");
|
|
6497
|
+
const drawerSize = computed(() => {
|
|
6498
|
+
var _a;
|
|
6499
|
+
return (_a = props.size) != null ? _a : isHorizontal.value ? "30%" : "auto";
|
|
6500
|
+
});
|
|
6501
|
+
const isAutoSize = computed(() => drawerSize.value === "auto");
|
|
6502
|
+
const drawerStyle = computed(() => ({
|
|
6503
|
+
[isHorizontal.value ? "width" : "height"]: drawerSize.value
|
|
6504
|
+
}));
|
|
6495
6505
|
const emit = __emit;
|
|
6496
6506
|
const visible = useModel(__props, "modelValue");
|
|
6497
6507
|
const handleClose = () => {
|
|
@@ -6531,10 +6541,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
6531
6541
|
default: withCtx(() => [
|
|
6532
6542
|
visible.value ? (openBlock(), createElementBlock("div", {
|
|
6533
6543
|
key: 0,
|
|
6534
|
-
class: normalizeClass(["f-drawer", `f-drawer--${_ctx.placement}
|
|
6535
|
-
style: normalizeStyle(
|
|
6536
|
-
[_ctx.placement === "left" || _ctx.placement === "right" ? "width" : "height"]: _ctx.size
|
|
6537
|
-
})
|
|
6544
|
+
class: normalizeClass(["f-drawer", [`f-drawer--${_ctx.placement}`, { "is-auto-size": unref(isAutoSize) }]]),
|
|
6545
|
+
style: normalizeStyle(unref(drawerStyle))
|
|
6538
6546
|
}, [
|
|
6539
6547
|
_ctx.title || _ctx.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
6540
6548
|
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
@@ -6572,7 +6580,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
6572
6580
|
};
|
|
6573
6581
|
}
|
|
6574
6582
|
});
|
|
6575
|
-
const FDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-
|
|
6583
|
+
const FDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-89aa73e0"]]);
|
|
6576
6584
|
const _hoisted_1$2 = { class: "crop-box" };
|
|
6577
6585
|
const _hoisted_2$1 = {
|
|
6578
6586
|
key: 0,
|
package/dist/fantasia-ui.umd.js
CHANGED
|
@@ -4863,7 +4863,8 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4863
4863
|
alt: ""
|
|
4864
4864
|
}, null, 8, _hoisted_2$b)) : (vue.openBlock(), vue.createBlock(FIcon, {
|
|
4865
4865
|
key: 1,
|
|
4866
|
-
class: "f-empty__image-default"
|
|
4866
|
+
class: "f-empty__image-default",
|
|
4867
|
+
size: 64
|
|
4867
4868
|
}, {
|
|
4868
4869
|
default: vue.withCtx(() => [
|
|
4869
4870
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon ? _ctx.icon : vue.unref(ionicons5.FileTrayOutline))))
|
|
@@ -4884,7 +4885,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4884
4885
|
};
|
|
4885
4886
|
}
|
|
4886
4887
|
});
|
|
4887
|
-
const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
|
|
4888
|
+
const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0ecd76e4"]]);
|
|
4888
4889
|
const _hoisted_1$b = { class: "f-slider__mark-label" };
|
|
4889
4890
|
const _hoisted_2$a = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
|
|
4890
4891
|
const _hoisted_3$a = {
|
|
@@ -6467,7 +6468,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
6467
6468
|
};
|
|
6468
6469
|
}
|
|
6469
6470
|
});
|
|
6470
|
-
const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
6471
|
+
const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b15f082a"]]);
|
|
6471
6472
|
const _hoisted_1$3 = {
|
|
6472
6473
|
key: 0,
|
|
6473
6474
|
class: "f-drawer__header"
|
|
@@ -6482,7 +6483,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
6482
6483
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
6483
6484
|
title: {},
|
|
6484
6485
|
placement: { default: "right" },
|
|
6485
|
-
size: {
|
|
6486
|
+
size: {},
|
|
6486
6487
|
showClose: { type: Boolean, default: true },
|
|
6487
6488
|
lockScroll: { type: Boolean, default: true },
|
|
6488
6489
|
closeOnClickOutside: { type: Boolean, default: true }
|
|
@@ -6493,6 +6494,15 @@ var __async = (__this, __arguments, generator) => {
|
|
|
6493
6494
|
emits: /* @__PURE__ */ vue.mergeModels(["close"], ["update:modelValue"]),
|
|
6494
6495
|
setup(__props, { emit: __emit }) {
|
|
6495
6496
|
const props = __props;
|
|
6497
|
+
const isHorizontal = vue.computed(() => props.placement === "left" || props.placement === "right");
|
|
6498
|
+
const drawerSize = vue.computed(() => {
|
|
6499
|
+
var _a;
|
|
6500
|
+
return (_a = props.size) != null ? _a : isHorizontal.value ? "30%" : "auto";
|
|
6501
|
+
});
|
|
6502
|
+
const isAutoSize = vue.computed(() => drawerSize.value === "auto");
|
|
6503
|
+
const drawerStyle = vue.computed(() => ({
|
|
6504
|
+
[isHorizontal.value ? "width" : "height"]: drawerSize.value
|
|
6505
|
+
}));
|
|
6496
6506
|
const emit = __emit;
|
|
6497
6507
|
const visible = vue.useModel(__props, "modelValue");
|
|
6498
6508
|
const handleClose = () => {
|
|
@@ -6532,10 +6542,8 @@ var __async = (__this, __arguments, generator) => {
|
|
|
6532
6542
|
default: vue.withCtx(() => [
|
|
6533
6543
|
visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
6534
6544
|
key: 0,
|
|
6535
|
-
class: vue.normalizeClass(["f-drawer", `f-drawer--${_ctx.placement}
|
|
6536
|
-
style: vue.normalizeStyle(
|
|
6537
|
-
[_ctx.placement === "left" || _ctx.placement === "right" ? "width" : "height"]: _ctx.size
|
|
6538
|
-
})
|
|
6545
|
+
class: vue.normalizeClass(["f-drawer", [`f-drawer--${_ctx.placement}`, { "is-auto-size": vue.unref(isAutoSize) }]]),
|
|
6546
|
+
style: vue.normalizeStyle(vue.unref(drawerStyle))
|
|
6539
6547
|
}, [
|
|
6540
6548
|
_ctx.title || _ctx.showClose || _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
|
|
6541
6549
|
vue.renderSlot(_ctx.$slots, "header", {}, () => [
|
|
@@ -6573,7 +6581,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
6573
6581
|
};
|
|
6574
6582
|
}
|
|
6575
6583
|
});
|
|
6576
|
-
const FDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-
|
|
6584
|
+
const FDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-89aa73e0"]]);
|
|
6577
6585
|
const _hoisted_1$2 = { class: "crop-box" };
|
|
6578
6586
|
const _hoisted_2$1 = {
|
|
6579
6587
|
key: 0,
|
|
@@ -18,7 +18,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
18
18
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
19
19
|
onClose?: () => any;
|
|
20
20
|
}>, {
|
|
21
|
-
size: string;
|
|
22
21
|
placement: import("../../types/components").FDrawerPlacement;
|
|
23
22
|
showClose: boolean;
|
|
24
23
|
closeOnClickOutside: boolean;
|