fantasia-ui 0.2.48 → 0.2.50

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.
@@ -7552,6 +7552,129 @@ to {
7552
7552
  margin-top: 4px;
7553
7553
  font-size: 12px;
7554
7554
  color: #64748b;
7555
+ }.f-dialog-overlay {
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
+
7571
+ .f-dialog {
7572
+ position: relative;
7573
+ background: #fff;
7574
+ border-radius: 8px;
7575
+ box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
7576
+ width: 500px;
7577
+ max-width: 90vw;
7578
+ max-height: 90vh;
7579
+ display: flex;
7580
+ flex-direction: column;
7581
+ overflow: hidden;
7582
+ will-change: transform, opacity;
7583
+ transform-origin: center;
7584
+ }
7585
+ .f-dialog__header {
7586
+ padding: 24px 20px 16px;
7587
+ display: flex;
7588
+ align-items: center;
7589
+ gap: 12px;
7590
+ border-bottom: 1px solid #e4e7ed;
7591
+ }
7592
+ .f-dialog__icon {
7593
+ flex-shrink: 0;
7594
+ width: 28px;
7595
+ height: 28px;
7596
+ display: flex;
7597
+ align-items: center;
7598
+ justify-content: center;
7599
+ border-radius: 50%;
7600
+ }
7601
+ .f-dialog__icon :deep(svg) {
7602
+ width: 20px;
7603
+ height: 20px;
7604
+ }
7605
+ .f-dialog__title {
7606
+ flex: 1;
7607
+ margin: 0;
7608
+ font-size: 18px;
7609
+ font-weight: 600;
7610
+ color: #303133;
7611
+ line-height: 1.4;
7612
+ }
7613
+ .f-dialog__body {
7614
+ flex: 1;
7615
+ padding: 20px;
7616
+ color: #606266;
7617
+ font-size: 14px;
7618
+ line-height: 1.6;
7619
+ overflow-y: auto;
7620
+ }
7621
+ .f-dialog__body p {
7622
+ margin: 0;
7623
+ }
7624
+ .f-dialog__footer {
7625
+ padding: 16px 20px;
7626
+ display: flex;
7627
+ align-items: center;
7628
+ justify-content: flex-end;
7629
+ gap: 12px;
7630
+ border-top: 1px solid #e4e7ed;
7631
+ }
7632
+ .f-dialog--info .f-dialog__icon {
7633
+ background: #ecf5ff;
7634
+ color: #409eff;
7635
+ }
7636
+ .f-dialog--success .f-dialog__icon {
7637
+ background: #f0f9ff;
7638
+ color: #67c23a;
7639
+ }
7640
+ .f-dialog--warning .f-dialog__icon {
7641
+ background: #fef0e6;
7642
+ color: #e6a23c;
7643
+ }
7644
+ .f-dialog--error .f-dialog__icon {
7645
+ background: #fef0f0;
7646
+ color: #f56c6c;
7647
+ }
7648
+ .f-dialog--confirm .f-dialog__icon {
7649
+ background: #fef0e6;
7650
+ color: #e6a23c;
7651
+ }
7652
+
7653
+ .dialog-fade-enter-active,
7654
+ .dialog-fade-leave-active {
7655
+ transition: opacity 0.25s ease;
7656
+ }
7657
+
7658
+ .dialog-fade-enter-from,
7659
+ .dialog-fade-leave-to {
7660
+ opacity: 0;
7661
+ }
7662
+
7663
+ .dialog-enter-active,
7664
+ .dialog-leave-active {
7665
+ transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
7666
+ }
7667
+
7668
+ .dialog-enter-from,
7669
+ .dialog-leave-to {
7670
+ opacity: 0;
7671
+ transform: scale(0.88) translateY(6px);
7672
+ }
7673
+
7674
+ .dialog-enter-to,
7675
+ .dialog-leave-from {
7676
+ opacity: 1;
7677
+ transform: scale(1) translateY(0);
7555
7678
  }.f-message[data-v-97556afa] {
7556
7679
  --f-bg: #1f1f1f;
7557
7680
  --f-border: rgba(255, 255, 255, 0.08);
@@ -7765,165 +7888,4 @@ to {
7765
7888
  .f-notification-bottom-left-enter-from[data-v-0a7315d6], .f-notification-bottom-left-leave-to[data-v-0a7315d6] {
7766
7889
  opacity: 0;
7767
7890
  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
7891
  }