fantasia-ui 0.2.49 → 0.2.51
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 +38 -76
- package/dist/fantasia-ui.es.js +146 -189
- package/dist/fantasia-ui.umd.js +143 -186
- package/dist/types/global.d.ts +3 -3
- package/dist/types/packages/components/index.d.ts +12 -9
- package/dist/types/packages/components/modules/FDialog.vue.d.ts +10 -17
- package/dist/types/packages/composables/FDialog.d.ts +18 -0
- package/dist/types/packages/composables/FMessage.d.ts +19 -0
- package/dist/types/packages/composables/FNotification.d.ts +19 -0
- package/dist/types/packages/index.d.ts +2 -1
- package/dist/types/packages/types/components/modules/f-dialog.d.ts +10 -27
- package/dist/types/volar.d.ts +3 -3
- package/package.json +1 -3
package/dist/fantasia-ui.css
CHANGED
|
@@ -7552,7 +7552,7 @@ to {
|
|
|
7552
7552
|
margin-top: 4px;
|
|
7553
7553
|
font-size: 12px;
|
|
7554
7554
|
color: #64748b;
|
|
7555
|
-
}.f-dialog-overlay
|
|
7555
|
+
}.f-dialog-overlay {
|
|
7556
7556
|
position: fixed;
|
|
7557
7557
|
top: 0;
|
|
7558
7558
|
left: 0;
|
|
@@ -7567,11 +7567,13 @@ to {
|
|
|
7567
7567
|
backdrop-filter: blur(2px);
|
|
7568
7568
|
transition: background-color 0.25s ease;
|
|
7569
7569
|
}
|
|
7570
|
-
|
|
7570
|
+
|
|
7571
|
+
.f-dialog {
|
|
7571
7572
|
position: relative;
|
|
7572
7573
|
background: #fff;
|
|
7573
7574
|
border-radius: 8px;
|
|
7574
7575
|
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
|
|
7576
|
+
width: 500px;
|
|
7575
7577
|
max-width: 90vw;
|
|
7576
7578
|
max-height: 90vh;
|
|
7577
7579
|
display: flex;
|
|
@@ -7580,62 +7582,27 @@ to {
|
|
|
7580
7582
|
will-change: transform, opacity;
|
|
7581
7583
|
transform-origin: center;
|
|
7582
7584
|
}
|
|
7583
|
-
.f-
|
|
7584
|
-
|
|
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;
|
|
7585
|
+
.f-dialog__header {
|
|
7586
|
+
padding: 24px 20px 16px;
|
|
7617
7587
|
display: flex;
|
|
7618
7588
|
align-items: center;
|
|
7619
7589
|
gap: 12px;
|
|
7620
7590
|
border-bottom: 1px solid #e4e7ed;
|
|
7621
7591
|
}
|
|
7622
|
-
.f-
|
|
7623
|
-
padding-top: 24px;
|
|
7624
|
-
}
|
|
7625
|
-
.f-dialog__icon[data-v-b88b4e96] {
|
|
7592
|
+
.f-dialog__icon {
|
|
7626
7593
|
flex-shrink: 0;
|
|
7627
|
-
width:
|
|
7628
|
-
height:
|
|
7594
|
+
width: 28px;
|
|
7595
|
+
height: 28px;
|
|
7629
7596
|
display: flex;
|
|
7630
7597
|
align-items: center;
|
|
7631
7598
|
justify-content: center;
|
|
7632
7599
|
border-radius: 50%;
|
|
7633
7600
|
}
|
|
7634
|
-
.f-dialog__icon
|
|
7635
|
-
width:
|
|
7636
|
-
height:
|
|
7601
|
+
.f-dialog__icon :deep(svg) {
|
|
7602
|
+
width: 20px;
|
|
7603
|
+
height: 20px;
|
|
7637
7604
|
}
|
|
7638
|
-
.f-dialog__title
|
|
7605
|
+
.f-dialog__title {
|
|
7639
7606
|
flex: 1;
|
|
7640
7607
|
margin: 0;
|
|
7641
7608
|
font-size: 18px;
|
|
@@ -7643,7 +7610,7 @@ to {
|
|
|
7643
7610
|
color: #303133;
|
|
7644
7611
|
line-height: 1.4;
|
|
7645
7612
|
}
|
|
7646
|
-
.f-dialog__body
|
|
7613
|
+
.f-dialog__body {
|
|
7647
7614
|
flex: 1;
|
|
7648
7615
|
padding: 20px;
|
|
7649
7616
|
color: #606266;
|
|
@@ -7651,10 +7618,10 @@ to {
|
|
|
7651
7618
|
line-height: 1.6;
|
|
7652
7619
|
overflow-y: auto;
|
|
7653
7620
|
}
|
|
7654
|
-
.f-dialog__body p
|
|
7621
|
+
.f-dialog__body p {
|
|
7655
7622
|
margin: 0;
|
|
7656
7623
|
}
|
|
7657
|
-
.f-dialog__footer
|
|
7624
|
+
.f-dialog__footer {
|
|
7658
7625
|
padding: 16px 20px;
|
|
7659
7626
|
display: flex;
|
|
7660
7627
|
align-items: center;
|
|
@@ -7662,55 +7629,50 @@ to {
|
|
|
7662
7629
|
gap: 12px;
|
|
7663
7630
|
border-top: 1px solid #e4e7ed;
|
|
7664
7631
|
}
|
|
7665
|
-
.f-dialog
|
|
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] {
|
|
7632
|
+
.f-dialog--info .f-dialog__icon {
|
|
7676
7633
|
background: #ecf5ff;
|
|
7677
7634
|
color: #409eff;
|
|
7678
7635
|
}
|
|
7679
|
-
.f-dialog--success .f-dialog__icon
|
|
7636
|
+
.f-dialog--success .f-dialog__icon {
|
|
7680
7637
|
background: #f0f9ff;
|
|
7681
7638
|
color: #67c23a;
|
|
7682
7639
|
}
|
|
7683
|
-
.f-dialog--warning .f-dialog__icon
|
|
7640
|
+
.f-dialog--warning .f-dialog__icon {
|
|
7684
7641
|
background: #fef0e6;
|
|
7685
7642
|
color: #e6a23c;
|
|
7686
7643
|
}
|
|
7687
|
-
.f-dialog--
|
|
7644
|
+
.f-dialog--error .f-dialog__icon {
|
|
7688
7645
|
background: #fef0f0;
|
|
7689
7646
|
color: #f56c6c;
|
|
7690
7647
|
}
|
|
7691
|
-
.f-dialog--
|
|
7692
|
-
background: #
|
|
7693
|
-
color: #
|
|
7648
|
+
.f-dialog--confirm .f-dialog__icon {
|
|
7649
|
+
background: #fef0e6;
|
|
7650
|
+
color: #e6a23c;
|
|
7694
7651
|
}
|
|
7695
|
-
|
|
7696
|
-
.
|
|
7652
|
+
|
|
7653
|
+
.dialog-fade-enter-active,
|
|
7654
|
+
.dialog-fade-leave-active {
|
|
7697
7655
|
transition: opacity 0.25s ease;
|
|
7698
7656
|
}
|
|
7699
|
-
|
|
7700
|
-
.
|
|
7657
|
+
|
|
7658
|
+
.dialog-fade-enter-from,
|
|
7659
|
+
.dialog-fade-leave-to {
|
|
7701
7660
|
opacity: 0;
|
|
7702
7661
|
}
|
|
7703
|
-
|
|
7704
|
-
.
|
|
7662
|
+
|
|
7663
|
+
.dialog-enter-active,
|
|
7664
|
+
.dialog-leave-active {
|
|
7705
7665
|
transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
|
|
7706
7666
|
}
|
|
7707
|
-
|
|
7708
|
-
.
|
|
7667
|
+
|
|
7668
|
+
.dialog-enter-from,
|
|
7669
|
+
.dialog-leave-to {
|
|
7709
7670
|
opacity: 0;
|
|
7710
7671
|
transform: scale(0.88) translateY(6px);
|
|
7711
7672
|
}
|
|
7712
|
-
|
|
7713
|
-
.
|
|
7673
|
+
|
|
7674
|
+
.dialog-enter-to,
|
|
7675
|
+
.dialog-leave-from {
|
|
7714
7676
|
opacity: 1;
|
|
7715
7677
|
transform: scale(1) translateY(0);
|
|
7716
7678
|
}.f-message[data-v-97556afa] {
|