fantasia-ui 0.2.48 → 0.2.49
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 +161 -161
- package/dist/fantasia-ui.es.js +266 -260
- package/dist/fantasia-ui.umd.js +265 -259
- package/dist/types/global.d.ts +4 -1
- package/dist/types/packages/components/index.d.ts +4 -0
- package/dist/types/volar.d.ts +4 -1
- package/package.json +5 -2
package/dist/fantasia-ui.css
CHANGED
|
@@ -7552,6 +7552,167 @@ to {
|
|
|
7552
7552
|
margin-top: 4px;
|
|
7553
7553
|
font-size: 12px;
|
|
7554
7554
|
color: #64748b;
|
|
7555
|
+
}.f-dialog-overlay[data-v-b88b4e96] {
|
|
7556
|
+
position: fixed;
|
|
7557
|
+
top: 0;
|
|
7558
|
+
left: 0;
|
|
7559
|
+
right: 0;
|
|
7560
|
+
bottom: 0;
|
|
7561
|
+
background: rgba(15, 23, 42, 0.46);
|
|
7562
|
+
display: flex;
|
|
7563
|
+
align-items: center;
|
|
7564
|
+
justify-content: center;
|
|
7565
|
+
z-index: 2000;
|
|
7566
|
+
padding: 20px;
|
|
7567
|
+
backdrop-filter: blur(2px);
|
|
7568
|
+
transition: background-color 0.25s ease;
|
|
7569
|
+
}
|
|
7570
|
+
.f-dialog[data-v-b88b4e96] {
|
|
7571
|
+
position: relative;
|
|
7572
|
+
background: #fff;
|
|
7573
|
+
border-radius: 8px;
|
|
7574
|
+
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
|
|
7575
|
+
max-width: 90vw;
|
|
7576
|
+
max-height: 90vh;
|
|
7577
|
+
display: flex;
|
|
7578
|
+
flex-direction: column;
|
|
7579
|
+
overflow: hidden;
|
|
7580
|
+
will-change: transform, opacity;
|
|
7581
|
+
transform-origin: center;
|
|
7582
|
+
}
|
|
7583
|
+
.f-dialog.is-fullscreen[data-v-b88b4e96] {
|
|
7584
|
+
width: 100% !important;
|
|
7585
|
+
height: 100%;
|
|
7586
|
+
max-width: 100%;
|
|
7587
|
+
max-height: 100%;
|
|
7588
|
+
border-radius: 0;
|
|
7589
|
+
}
|
|
7590
|
+
.f-dialog__close[data-v-b88b4e96] {
|
|
7591
|
+
position: absolute;
|
|
7592
|
+
top: 16px;
|
|
7593
|
+
right: 16px;
|
|
7594
|
+
width: 32px;
|
|
7595
|
+
height: 32px;
|
|
7596
|
+
display: flex;
|
|
7597
|
+
align-items: center;
|
|
7598
|
+
justify-content: center;
|
|
7599
|
+
border: none;
|
|
7600
|
+
background: transparent;
|
|
7601
|
+
color: #909399;
|
|
7602
|
+
cursor: pointer;
|
|
7603
|
+
border-radius: 4px;
|
|
7604
|
+
transition: all 0.2s;
|
|
7605
|
+
z-index: 1;
|
|
7606
|
+
}
|
|
7607
|
+
.f-dialog__close[data-v-b88b4e96] svg {
|
|
7608
|
+
width: 18px;
|
|
7609
|
+
height: 18px;
|
|
7610
|
+
}
|
|
7611
|
+
.f-dialog__close[data-v-b88b4e96]:hover {
|
|
7612
|
+
background: #f5f7fa;
|
|
7613
|
+
color: #606266;
|
|
7614
|
+
}
|
|
7615
|
+
.f-dialog__header[data-v-b88b4e96] {
|
|
7616
|
+
padding: 20px 20px 16px;
|
|
7617
|
+
display: flex;
|
|
7618
|
+
align-items: center;
|
|
7619
|
+
gap: 12px;
|
|
7620
|
+
border-bottom: 1px solid #e4e7ed;
|
|
7621
|
+
}
|
|
7622
|
+
.f-dialog__header.has-icon[data-v-b88b4e96] {
|
|
7623
|
+
padding-top: 24px;
|
|
7624
|
+
}
|
|
7625
|
+
.f-dialog__icon[data-v-b88b4e96] {
|
|
7626
|
+
flex-shrink: 0;
|
|
7627
|
+
width: 32px;
|
|
7628
|
+
height: 32px;
|
|
7629
|
+
display: flex;
|
|
7630
|
+
align-items: center;
|
|
7631
|
+
justify-content: center;
|
|
7632
|
+
border-radius: 50%;
|
|
7633
|
+
}
|
|
7634
|
+
.f-dialog__icon[data-v-b88b4e96] svg {
|
|
7635
|
+
width: 24px;
|
|
7636
|
+
height: 24px;
|
|
7637
|
+
}
|
|
7638
|
+
.f-dialog__title[data-v-b88b4e96] {
|
|
7639
|
+
flex: 1;
|
|
7640
|
+
margin: 0;
|
|
7641
|
+
font-size: 18px;
|
|
7642
|
+
font-weight: 600;
|
|
7643
|
+
color: #303133;
|
|
7644
|
+
line-height: 1.4;
|
|
7645
|
+
}
|
|
7646
|
+
.f-dialog__body[data-v-b88b4e96] {
|
|
7647
|
+
flex: 1;
|
|
7648
|
+
padding: 20px;
|
|
7649
|
+
color: #606266;
|
|
7650
|
+
font-size: 14px;
|
|
7651
|
+
line-height: 1.6;
|
|
7652
|
+
overflow-y: auto;
|
|
7653
|
+
}
|
|
7654
|
+
.f-dialog__body p[data-v-b88b4e96] {
|
|
7655
|
+
margin: 0;
|
|
7656
|
+
}
|
|
7657
|
+
.f-dialog__footer[data-v-b88b4e96] {
|
|
7658
|
+
padding: 16px 20px;
|
|
7659
|
+
display: flex;
|
|
7660
|
+
align-items: center;
|
|
7661
|
+
justify-content: flex-end;
|
|
7662
|
+
gap: 12px;
|
|
7663
|
+
border-top: 1px solid #e4e7ed;
|
|
7664
|
+
}
|
|
7665
|
+
.f-dialog.is-center .f-dialog__header[data-v-b88b4e96] {
|
|
7666
|
+
flex-direction: column;
|
|
7667
|
+
text-align: center;
|
|
7668
|
+
}
|
|
7669
|
+
.f-dialog.is-center .f-dialog__body[data-v-b88b4e96] {
|
|
7670
|
+
text-align: center;
|
|
7671
|
+
}
|
|
7672
|
+
.f-dialog.is-center .f-dialog__footer[data-v-b88b4e96] {
|
|
7673
|
+
justify-content: center;
|
|
7674
|
+
}
|
|
7675
|
+
.f-dialog--info .f-dialog__icon[data-v-b88b4e96] {
|
|
7676
|
+
background: #ecf5ff;
|
|
7677
|
+
color: #409eff;
|
|
7678
|
+
}
|
|
7679
|
+
.f-dialog--success .f-dialog__icon[data-v-b88b4e96] {
|
|
7680
|
+
background: #f0f9ff;
|
|
7681
|
+
color: #67c23a;
|
|
7682
|
+
}
|
|
7683
|
+
.f-dialog--warning .f-dialog__icon[data-v-b88b4e96] {
|
|
7684
|
+
background: #fef0e6;
|
|
7685
|
+
color: #e6a23c;
|
|
7686
|
+
}
|
|
7687
|
+
.f-dialog--failed .f-dialog__icon[data-v-b88b4e96] {
|
|
7688
|
+
background: #fef0f0;
|
|
7689
|
+
color: #f56c6c;
|
|
7690
|
+
}
|
|
7691
|
+
.f-dialog--primary .f-dialog__icon[data-v-b88b4e96] {
|
|
7692
|
+
background: #ecf5ff;
|
|
7693
|
+
color: #409eff;
|
|
7694
|
+
}
|
|
7695
|
+
.f-dialog-fade-enter-active[data-v-b88b4e96],
|
|
7696
|
+
.f-dialog-fade-leave-active[data-v-b88b4e96] {
|
|
7697
|
+
transition: opacity 0.25s ease;
|
|
7698
|
+
}
|
|
7699
|
+
.f-dialog-fade-enter-from[data-v-b88b4e96],
|
|
7700
|
+
.f-dialog-fade-leave-to[data-v-b88b4e96] {
|
|
7701
|
+
opacity: 0;
|
|
7702
|
+
}
|
|
7703
|
+
.f-dialog-zoom-enter-active[data-v-b88b4e96],
|
|
7704
|
+
.f-dialog-zoom-leave-active[data-v-b88b4e96] {
|
|
7705
|
+
transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
|
|
7706
|
+
}
|
|
7707
|
+
.f-dialog-zoom-enter-from[data-v-b88b4e96],
|
|
7708
|
+
.f-dialog-zoom-leave-to[data-v-b88b4e96] {
|
|
7709
|
+
opacity: 0;
|
|
7710
|
+
transform: scale(0.88) translateY(6px);
|
|
7711
|
+
}
|
|
7712
|
+
.f-dialog-zoom-enter-to[data-v-b88b4e96],
|
|
7713
|
+
.f-dialog-zoom-leave-from[data-v-b88b4e96] {
|
|
7714
|
+
opacity: 1;
|
|
7715
|
+
transform: scale(1) translateY(0);
|
|
7555
7716
|
}.f-message[data-v-97556afa] {
|
|
7556
7717
|
--f-bg: #1f1f1f;
|
|
7557
7718
|
--f-border: rgba(255, 255, 255, 0.08);
|
|
@@ -7765,165 +7926,4 @@ to {
|
|
|
7765
7926
|
.f-notification-bottom-left-enter-from[data-v-0a7315d6], .f-notification-bottom-left-leave-to[data-v-0a7315d6] {
|
|
7766
7927
|
opacity: 0;
|
|
7767
7928
|
transform: translateX(-24px);
|
|
7768
|
-
}.f-dialog-overlay[data-v-b88b4e96] {
|
|
7769
|
-
position: fixed;
|
|
7770
|
-
top: 0;
|
|
7771
|
-
left: 0;
|
|
7772
|
-
right: 0;
|
|
7773
|
-
bottom: 0;
|
|
7774
|
-
background: rgba(15, 23, 42, 0.46);
|
|
7775
|
-
display: flex;
|
|
7776
|
-
align-items: center;
|
|
7777
|
-
justify-content: center;
|
|
7778
|
-
z-index: 2000;
|
|
7779
|
-
padding: 20px;
|
|
7780
|
-
backdrop-filter: blur(2px);
|
|
7781
|
-
transition: background-color 0.25s ease;
|
|
7782
|
-
}
|
|
7783
|
-
.f-dialog[data-v-b88b4e96] {
|
|
7784
|
-
position: relative;
|
|
7785
|
-
background: #fff;
|
|
7786
|
-
border-radius: 8px;
|
|
7787
|
-
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
|
|
7788
|
-
max-width: 90vw;
|
|
7789
|
-
max-height: 90vh;
|
|
7790
|
-
display: flex;
|
|
7791
|
-
flex-direction: column;
|
|
7792
|
-
overflow: hidden;
|
|
7793
|
-
will-change: transform, opacity;
|
|
7794
|
-
transform-origin: center;
|
|
7795
|
-
}
|
|
7796
|
-
.f-dialog.is-fullscreen[data-v-b88b4e96] {
|
|
7797
|
-
width: 100% !important;
|
|
7798
|
-
height: 100%;
|
|
7799
|
-
max-width: 100%;
|
|
7800
|
-
max-height: 100%;
|
|
7801
|
-
border-radius: 0;
|
|
7802
|
-
}
|
|
7803
|
-
.f-dialog__close[data-v-b88b4e96] {
|
|
7804
|
-
position: absolute;
|
|
7805
|
-
top: 16px;
|
|
7806
|
-
right: 16px;
|
|
7807
|
-
width: 32px;
|
|
7808
|
-
height: 32px;
|
|
7809
|
-
display: flex;
|
|
7810
|
-
align-items: center;
|
|
7811
|
-
justify-content: center;
|
|
7812
|
-
border: none;
|
|
7813
|
-
background: transparent;
|
|
7814
|
-
color: #909399;
|
|
7815
|
-
cursor: pointer;
|
|
7816
|
-
border-radius: 4px;
|
|
7817
|
-
transition: all 0.2s;
|
|
7818
|
-
z-index: 1;
|
|
7819
|
-
}
|
|
7820
|
-
.f-dialog__close[data-v-b88b4e96] svg {
|
|
7821
|
-
width: 18px;
|
|
7822
|
-
height: 18px;
|
|
7823
|
-
}
|
|
7824
|
-
.f-dialog__close[data-v-b88b4e96]:hover {
|
|
7825
|
-
background: #f5f7fa;
|
|
7826
|
-
color: #606266;
|
|
7827
|
-
}
|
|
7828
|
-
.f-dialog__header[data-v-b88b4e96] {
|
|
7829
|
-
padding: 20px 20px 16px;
|
|
7830
|
-
display: flex;
|
|
7831
|
-
align-items: center;
|
|
7832
|
-
gap: 12px;
|
|
7833
|
-
border-bottom: 1px solid #e4e7ed;
|
|
7834
|
-
}
|
|
7835
|
-
.f-dialog__header.has-icon[data-v-b88b4e96] {
|
|
7836
|
-
padding-top: 24px;
|
|
7837
|
-
}
|
|
7838
|
-
.f-dialog__icon[data-v-b88b4e96] {
|
|
7839
|
-
flex-shrink: 0;
|
|
7840
|
-
width: 32px;
|
|
7841
|
-
height: 32px;
|
|
7842
|
-
display: flex;
|
|
7843
|
-
align-items: center;
|
|
7844
|
-
justify-content: center;
|
|
7845
|
-
border-radius: 50%;
|
|
7846
|
-
}
|
|
7847
|
-
.f-dialog__icon[data-v-b88b4e96] svg {
|
|
7848
|
-
width: 24px;
|
|
7849
|
-
height: 24px;
|
|
7850
|
-
}
|
|
7851
|
-
.f-dialog__title[data-v-b88b4e96] {
|
|
7852
|
-
flex: 1;
|
|
7853
|
-
margin: 0;
|
|
7854
|
-
font-size: 18px;
|
|
7855
|
-
font-weight: 600;
|
|
7856
|
-
color: #303133;
|
|
7857
|
-
line-height: 1.4;
|
|
7858
|
-
}
|
|
7859
|
-
.f-dialog__body[data-v-b88b4e96] {
|
|
7860
|
-
flex: 1;
|
|
7861
|
-
padding: 20px;
|
|
7862
|
-
color: #606266;
|
|
7863
|
-
font-size: 14px;
|
|
7864
|
-
line-height: 1.6;
|
|
7865
|
-
overflow-y: auto;
|
|
7866
|
-
}
|
|
7867
|
-
.f-dialog__body p[data-v-b88b4e96] {
|
|
7868
|
-
margin: 0;
|
|
7869
|
-
}
|
|
7870
|
-
.f-dialog__footer[data-v-b88b4e96] {
|
|
7871
|
-
padding: 16px 20px;
|
|
7872
|
-
display: flex;
|
|
7873
|
-
align-items: center;
|
|
7874
|
-
justify-content: flex-end;
|
|
7875
|
-
gap: 12px;
|
|
7876
|
-
border-top: 1px solid #e4e7ed;
|
|
7877
|
-
}
|
|
7878
|
-
.f-dialog.is-center .f-dialog__header[data-v-b88b4e96] {
|
|
7879
|
-
flex-direction: column;
|
|
7880
|
-
text-align: center;
|
|
7881
|
-
}
|
|
7882
|
-
.f-dialog.is-center .f-dialog__body[data-v-b88b4e96] {
|
|
7883
|
-
text-align: center;
|
|
7884
|
-
}
|
|
7885
|
-
.f-dialog.is-center .f-dialog__footer[data-v-b88b4e96] {
|
|
7886
|
-
justify-content: center;
|
|
7887
|
-
}
|
|
7888
|
-
.f-dialog--info .f-dialog__icon[data-v-b88b4e96] {
|
|
7889
|
-
background: #ecf5ff;
|
|
7890
|
-
color: #409eff;
|
|
7891
|
-
}
|
|
7892
|
-
.f-dialog--success .f-dialog__icon[data-v-b88b4e96] {
|
|
7893
|
-
background: #f0f9ff;
|
|
7894
|
-
color: #67c23a;
|
|
7895
|
-
}
|
|
7896
|
-
.f-dialog--warning .f-dialog__icon[data-v-b88b4e96] {
|
|
7897
|
-
background: #fef0e6;
|
|
7898
|
-
color: #e6a23c;
|
|
7899
|
-
}
|
|
7900
|
-
.f-dialog--failed .f-dialog__icon[data-v-b88b4e96] {
|
|
7901
|
-
background: #fef0f0;
|
|
7902
|
-
color: #f56c6c;
|
|
7903
|
-
}
|
|
7904
|
-
.f-dialog--primary .f-dialog__icon[data-v-b88b4e96] {
|
|
7905
|
-
background: #ecf5ff;
|
|
7906
|
-
color: #409eff;
|
|
7907
|
-
}
|
|
7908
|
-
.f-dialog-fade-enter-active[data-v-b88b4e96],
|
|
7909
|
-
.f-dialog-fade-leave-active[data-v-b88b4e96] {
|
|
7910
|
-
transition: opacity 0.25s ease;
|
|
7911
|
-
}
|
|
7912
|
-
.f-dialog-fade-enter-from[data-v-b88b4e96],
|
|
7913
|
-
.f-dialog-fade-leave-to[data-v-b88b4e96] {
|
|
7914
|
-
opacity: 0;
|
|
7915
|
-
}
|
|
7916
|
-
.f-dialog-zoom-enter-active[data-v-b88b4e96],
|
|
7917
|
-
.f-dialog-zoom-leave-active[data-v-b88b4e96] {
|
|
7918
|
-
transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
|
|
7919
|
-
}
|
|
7920
|
-
.f-dialog-zoom-enter-from[data-v-b88b4e96],
|
|
7921
|
-
.f-dialog-zoom-leave-to[data-v-b88b4e96] {
|
|
7922
|
-
opacity: 0;
|
|
7923
|
-
transform: scale(0.88) translateY(6px);
|
|
7924
|
-
}
|
|
7925
|
-
.f-dialog-zoom-enter-to[data-v-b88b4e96],
|
|
7926
|
-
.f-dialog-zoom-leave-from[data-v-b88b4e96] {
|
|
7927
|
-
opacity: 1;
|
|
7928
|
-
transform: scale(1) translateY(0);
|
|
7929
7929
|
}
|