fantasia-ui 0.2.29 → 0.2.31
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 +48 -47
- package/dist/fantasia-ui.es.js +388 -162
- package/dist/fantasia-ui.umd.js +388 -162
- package/dist/types/components/modules/FButtonGroup.vue.d.ts +1 -0
- package/package.json +1 -1
package/dist/fantasia-ui.css
CHANGED
|
@@ -3048,54 +3048,53 @@ to {
|
|
|
3048
3048
|
}
|
|
3049
3049
|
:root.light .f-tabs--segment .f-tabs__tab.active[data-v-268fc654] {
|
|
3050
3050
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
|
|
3051
|
-
}.f-breadcrumb[data-v-
|
|
3051
|
+
}.f-breadcrumb[data-v-55b15358] {
|
|
3052
3052
|
display: flex;
|
|
3053
3053
|
align-items: center;
|
|
3054
3054
|
flex-wrap: wrap;
|
|
3055
3055
|
gap: 4px 6px;
|
|
3056
3056
|
font-size: 12px;
|
|
3057
|
-
margin-bottom: 20px;
|
|
3058
3057
|
}
|
|
3059
|
-
.f-breadcrumb__sep[data-v-
|
|
3058
|
+
.f-breadcrumb__sep[data-v-55b15358] {
|
|
3060
3059
|
color: var(--text-dim);
|
|
3061
3060
|
user-select: none;
|
|
3062
3061
|
line-height: 1;
|
|
3063
3062
|
}
|
|
3064
|
-
.f-breadcrumb__link[data-v-
|
|
3063
|
+
.f-breadcrumb__link[data-v-55b15358] {
|
|
3065
3064
|
color: var(--text-link);
|
|
3066
3065
|
text-decoration: none;
|
|
3067
3066
|
transition: color 0.15s;
|
|
3068
3067
|
}
|
|
3069
|
-
.f-breadcrumb__link[data-v-
|
|
3068
|
+
.f-breadcrumb__link[data-v-55b15358]:hover {
|
|
3070
3069
|
color: var(--accent-hover);
|
|
3071
3070
|
}
|
|
3072
|
-
.f-breadcrumb__link[data-v-
|
|
3071
|
+
.f-breadcrumb__link[data-v-55b15358]:active {
|
|
3073
3072
|
opacity: 0.7;
|
|
3074
3073
|
}
|
|
3075
|
-
.f-breadcrumb__text[data-v-
|
|
3074
|
+
.f-breadcrumb__text[data-v-55b15358] {
|
|
3076
3075
|
color: var(--text-dim);
|
|
3077
3076
|
}
|
|
3078
|
-
.f-breadcrumb__current[data-v-
|
|
3077
|
+
.f-breadcrumb__current[data-v-55b15358] {
|
|
3079
3078
|
color: var(--text-muted);
|
|
3080
3079
|
}
|
|
3081
|
-
.breadcrumb-enter-active[data-v-
|
|
3082
|
-
.breadcrumb-leave-active[data-v-
|
|
3080
|
+
.breadcrumb-enter-active[data-v-55b15358],
|
|
3081
|
+
.breadcrumb-leave-active[data-v-55b15358] {
|
|
3083
3082
|
transition: opacity 0.2s, transform 0.2s;
|
|
3084
3083
|
}
|
|
3085
|
-
.breadcrumb-enter-from[data-v-
|
|
3084
|
+
.breadcrumb-enter-from[data-v-55b15358] {
|
|
3086
3085
|
opacity: 0;
|
|
3087
3086
|
transform: translateX(-6px);
|
|
3088
3087
|
}
|
|
3089
|
-
.breadcrumb-leave-to[data-v-
|
|
3088
|
+
.breadcrumb-leave-to[data-v-55b15358] {
|
|
3090
3089
|
opacity: 0;
|
|
3091
3090
|
transform: translateX(6px);
|
|
3092
3091
|
}
|
|
3093
|
-
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-active[data-v-
|
|
3094
|
-
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-active[data-v-
|
|
3092
|
+
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-active[data-v-55b15358],
|
|
3093
|
+
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-active[data-v-55b15358] {
|
|
3095
3094
|
transition: none;
|
|
3096
3095
|
}
|
|
3097
|
-
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-from[data-v-
|
|
3098
|
-
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-to[data-v-
|
|
3096
|
+
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-from[data-v-55b15358],
|
|
3097
|
+
.f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-to[data-v-55b15358] {
|
|
3099
3098
|
opacity: 1;
|
|
3100
3099
|
transform: none;
|
|
3101
3100
|
}.f-col[data-v-5a8b0cb4] {
|
|
@@ -5349,7 +5348,7 @@ to {
|
|
|
5349
5348
|
object-fit: cover;
|
|
5350
5349
|
width: 100%;
|
|
5351
5350
|
height: 100%;
|
|
5352
|
-
}.f-button[data-v-
|
|
5351
|
+
}.f-button[data-v-8ec1ff5a] {
|
|
5353
5352
|
display: inline-flex;
|
|
5354
5353
|
align-items: center;
|
|
5355
5354
|
justify-content: center;
|
|
@@ -5359,61 +5358,60 @@ to {
|
|
|
5359
5358
|
white-space: nowrap;
|
|
5360
5359
|
cursor: pointer;
|
|
5361
5360
|
transition: 0.1s;
|
|
5362
|
-
border-radius: 4px;
|
|
5363
5361
|
line-height: 1;
|
|
5364
5362
|
box-sizing: border-box;
|
|
5365
5363
|
}
|
|
5366
|
-
.f-button .f-button__inner[data-v-
|
|
5364
|
+
.f-button .f-button__inner[data-v-8ec1ff5a] {
|
|
5367
5365
|
display: inline-flex;
|
|
5368
5366
|
align-items: center;
|
|
5369
5367
|
justify-content: center;
|
|
5370
5368
|
gap: 4px;
|
|
5371
5369
|
height: 100%;
|
|
5372
5370
|
}
|
|
5373
|
-
.f-button[data-v-
|
|
5371
|
+
.f-button[data-v-8ec1ff5a] .f-icon {
|
|
5374
5372
|
display: flex;
|
|
5375
5373
|
align-items: center;
|
|
5376
5374
|
justify-content: center;
|
|
5377
5375
|
font-size: inherit;
|
|
5378
5376
|
}
|
|
5379
|
-
.f-button[data-v-
|
|
5377
|
+
.f-button[data-v-8ec1ff5a]:hover {
|
|
5380
5378
|
color: #409eff;
|
|
5381
5379
|
border-color: #c6e2ff;
|
|
5382
5380
|
background: #f5f7fa;
|
|
5383
5381
|
}
|
|
5384
|
-
.f-button[data-v-
|
|
5382
|
+
.f-button[data-v-8ec1ff5a]:active {
|
|
5385
5383
|
background: #eeeeee;
|
|
5386
5384
|
}
|
|
5387
|
-
.f-button--primary[data-v-
|
|
5385
|
+
.f-button--primary[data-v-8ec1ff5a] {
|
|
5388
5386
|
background: #409eff;
|
|
5389
5387
|
border-color: #409eff;
|
|
5390
5388
|
color: #fff;
|
|
5391
5389
|
}
|
|
5392
|
-
.f-button--success[data-v-
|
|
5390
|
+
.f-button--success[data-v-8ec1ff5a] {
|
|
5393
5391
|
background: #67c23a;
|
|
5394
5392
|
border-color: #67c23a;
|
|
5395
5393
|
color: #fff;
|
|
5396
5394
|
}
|
|
5397
|
-
.f-button--error[data-v-
|
|
5395
|
+
.f-button--error[data-v-8ec1ff5a] {
|
|
5398
5396
|
background: #f56c6c;
|
|
5399
5397
|
border-color: #f56c6c;
|
|
5400
5398
|
color: #fff;
|
|
5401
5399
|
}
|
|
5402
|
-
.f-button.is-disabled[data-v-
|
|
5400
|
+
.f-button.is-disabled[data-v-8ec1ff5a] {
|
|
5403
5401
|
cursor: not-allowed;
|
|
5404
5402
|
opacity: 0.4;
|
|
5405
5403
|
pointer-events: none;
|
|
5406
5404
|
filter: grayscale(1);
|
|
5407
5405
|
}
|
|
5408
|
-
.f-button .f-loader[data-v-
|
|
5406
|
+
.f-button .f-loader[data-v-8ec1ff5a] {
|
|
5409
5407
|
width: 1em;
|
|
5410
5408
|
height: 1em;
|
|
5411
5409
|
border: 2px solid currentColor;
|
|
5412
5410
|
border-bottom-color: transparent;
|
|
5413
5411
|
border-radius: 50%;
|
|
5414
|
-
animation: rotate-
|
|
5412
|
+
animation: rotate-8ec1ff5a 0.8s linear infinite;
|
|
5415
5413
|
}
|
|
5416
|
-
@keyframes rotate-
|
|
5414
|
+
@keyframes rotate-8ec1ff5a {
|
|
5417
5415
|
to {
|
|
5418
5416
|
transform: rotate(360deg);
|
|
5419
5417
|
}
|
|
@@ -6180,48 +6178,51 @@ to {
|
|
|
6180
6178
|
overflow: hidden;
|
|
6181
6179
|
text-overflow: ellipsis;
|
|
6182
6180
|
white-space: nowrap;
|
|
6183
|
-
}.f-button-group[data-v-
|
|
6181
|
+
}.f-button-group[data-v-15cf49dc] {
|
|
6184
6182
|
display: inline-flex;
|
|
6185
6183
|
vertical-align: middle;
|
|
6186
|
-
box-sizing: border-box;
|
|
6187
6184
|
}
|
|
6188
|
-
.f-button-group[data-v-
|
|
6185
|
+
.f-button-group[data-v-15cf49dc]:last-child {
|
|
6186
|
+
margin-right: 0;
|
|
6187
|
+
}
|
|
6188
|
+
.f-button-group[data-v-15cf49dc] > * {
|
|
6189
6189
|
position: relative;
|
|
6190
6190
|
display: inline-flex;
|
|
6191
6191
|
}
|
|
6192
|
-
.f-button-group[data-v-
|
|
6192
|
+
.f-button-group[data-v-15cf49dc] > * .f-button {
|
|
6193
6193
|
border-radius: 0;
|
|
6194
6194
|
}
|
|
6195
|
-
.f-button-group[data-v-
|
|
6195
|
+
.f-button-group[data-v-15cf49dc] > *:not(:first-child) {
|
|
6196
6196
|
margin-left: -1px;
|
|
6197
6197
|
}
|
|
6198
|
-
.f-button-group[data-v-
|
|
6198
|
+
.f-button-group[data-v-15cf49dc] > *:first-child .f-button {
|
|
6199
6199
|
border-top-left-radius: 4px;
|
|
6200
6200
|
border-bottom-left-radius: 4px;
|
|
6201
6201
|
}
|
|
6202
|
-
.f-button-group[data-v-
|
|
6202
|
+
.f-button-group[data-v-15cf49dc] > *:last-child .f-button {
|
|
6203
6203
|
border-top-right-radius: 4px;
|
|
6204
6204
|
border-bottom-right-radius: 4px;
|
|
6205
6205
|
}
|
|
6206
|
-
.f-button-group[data-v-
|
|
6206
|
+
.f-button-group[data-v-15cf49dc] > *:hover {
|
|
6207
6207
|
z-index: 1;
|
|
6208
6208
|
}
|
|
6209
|
-
.f-button-group
|
|
6209
|
+
.f-button-group[data-v-15cf49dc] > * .is-active {
|
|
6210
|
+
z-index: 2;
|
|
6211
|
+
}
|
|
6212
|
+
.f-button-group--vertical[data-v-15cf49dc] {
|
|
6210
6213
|
flex-direction: column;
|
|
6214
|
+
margin-right: 0;
|
|
6215
|
+
margin-bottom: 12px;
|
|
6211
6216
|
}
|
|
6212
|
-
.f-button-group--vertical[data-v-
|
|
6217
|
+
.f-button-group--vertical[data-v-15cf49dc] > *:not(:first-child) {
|
|
6213
6218
|
margin-left: 0;
|
|
6214
6219
|
margin-top: -1px;
|
|
6215
6220
|
}
|
|
6216
|
-
.f-button-group--vertical[data-v-
|
|
6217
|
-
border-
|
|
6218
|
-
border-top-right-radius: 4px;
|
|
6219
|
-
border-bottom-left-radius: 0;
|
|
6221
|
+
.f-button-group--vertical[data-v-15cf49dc] > *:first-child .f-button {
|
|
6222
|
+
border-radius: 4px 4px 0 0;
|
|
6220
6223
|
}
|
|
6221
|
-
.f-button-group--vertical[data-v-
|
|
6222
|
-
border-
|
|
6223
|
-
border-bottom-right-radius: 4px;
|
|
6224
|
-
border-top-right-radius: 0;
|
|
6224
|
+
.f-button-group--vertical[data-v-15cf49dc] > *:last-child .f-button {
|
|
6225
|
+
border-radius: 0 0 4px 4px;
|
|
6225
6226
|
}:root {
|
|
6226
6227
|
--f-collapse-border-color: #333338;
|
|
6227
6228
|
--f-collapse-radius: 8px;
|