fantasia-ui 0.2.29 → 0.2.30
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 +33 -31
- package/dist/fantasia-ui.es.js +328 -215
- package/dist/fantasia-ui.umd.js +328 -215
- package/dist/types/components/modules/FButtonGroup.vue.d.ts +1 -0
- package/package.json +1 -1
package/dist/fantasia-ui.css
CHANGED
|
@@ -5349,7 +5349,7 @@ to {
|
|
|
5349
5349
|
object-fit: cover;
|
|
5350
5350
|
width: 100%;
|
|
5351
5351
|
height: 100%;
|
|
5352
|
-
}.f-button[data-v-
|
|
5352
|
+
}.f-button[data-v-8ec1ff5a] {
|
|
5353
5353
|
display: inline-flex;
|
|
5354
5354
|
align-items: center;
|
|
5355
5355
|
justify-content: center;
|
|
@@ -5359,61 +5359,60 @@ to {
|
|
|
5359
5359
|
white-space: nowrap;
|
|
5360
5360
|
cursor: pointer;
|
|
5361
5361
|
transition: 0.1s;
|
|
5362
|
-
border-radius: 4px;
|
|
5363
5362
|
line-height: 1;
|
|
5364
5363
|
box-sizing: border-box;
|
|
5365
5364
|
}
|
|
5366
|
-
.f-button .f-button__inner[data-v-
|
|
5365
|
+
.f-button .f-button__inner[data-v-8ec1ff5a] {
|
|
5367
5366
|
display: inline-flex;
|
|
5368
5367
|
align-items: center;
|
|
5369
5368
|
justify-content: center;
|
|
5370
5369
|
gap: 4px;
|
|
5371
5370
|
height: 100%;
|
|
5372
5371
|
}
|
|
5373
|
-
.f-button[data-v-
|
|
5372
|
+
.f-button[data-v-8ec1ff5a] .f-icon {
|
|
5374
5373
|
display: flex;
|
|
5375
5374
|
align-items: center;
|
|
5376
5375
|
justify-content: center;
|
|
5377
5376
|
font-size: inherit;
|
|
5378
5377
|
}
|
|
5379
|
-
.f-button[data-v-
|
|
5378
|
+
.f-button[data-v-8ec1ff5a]:hover {
|
|
5380
5379
|
color: #409eff;
|
|
5381
5380
|
border-color: #c6e2ff;
|
|
5382
5381
|
background: #f5f7fa;
|
|
5383
5382
|
}
|
|
5384
|
-
.f-button[data-v-
|
|
5383
|
+
.f-button[data-v-8ec1ff5a]:active {
|
|
5385
5384
|
background: #eeeeee;
|
|
5386
5385
|
}
|
|
5387
|
-
.f-button--primary[data-v-
|
|
5386
|
+
.f-button--primary[data-v-8ec1ff5a] {
|
|
5388
5387
|
background: #409eff;
|
|
5389
5388
|
border-color: #409eff;
|
|
5390
5389
|
color: #fff;
|
|
5391
5390
|
}
|
|
5392
|
-
.f-button--success[data-v-
|
|
5391
|
+
.f-button--success[data-v-8ec1ff5a] {
|
|
5393
5392
|
background: #67c23a;
|
|
5394
5393
|
border-color: #67c23a;
|
|
5395
5394
|
color: #fff;
|
|
5396
5395
|
}
|
|
5397
|
-
.f-button--error[data-v-
|
|
5396
|
+
.f-button--error[data-v-8ec1ff5a] {
|
|
5398
5397
|
background: #f56c6c;
|
|
5399
5398
|
border-color: #f56c6c;
|
|
5400
5399
|
color: #fff;
|
|
5401
5400
|
}
|
|
5402
|
-
.f-button.is-disabled[data-v-
|
|
5401
|
+
.f-button.is-disabled[data-v-8ec1ff5a] {
|
|
5403
5402
|
cursor: not-allowed;
|
|
5404
5403
|
opacity: 0.4;
|
|
5405
5404
|
pointer-events: none;
|
|
5406
5405
|
filter: grayscale(1);
|
|
5407
5406
|
}
|
|
5408
|
-
.f-button .f-loader[data-v-
|
|
5407
|
+
.f-button .f-loader[data-v-8ec1ff5a] {
|
|
5409
5408
|
width: 1em;
|
|
5410
5409
|
height: 1em;
|
|
5411
5410
|
border: 2px solid currentColor;
|
|
5412
5411
|
border-bottom-color: transparent;
|
|
5413
5412
|
border-radius: 50%;
|
|
5414
|
-
animation: rotate-
|
|
5413
|
+
animation: rotate-8ec1ff5a 0.8s linear infinite;
|
|
5415
5414
|
}
|
|
5416
|
-
@keyframes rotate-
|
|
5415
|
+
@keyframes rotate-8ec1ff5a {
|
|
5417
5416
|
to {
|
|
5418
5417
|
transform: rotate(360deg);
|
|
5419
5418
|
}
|
|
@@ -6180,48 +6179,51 @@ to {
|
|
|
6180
6179
|
overflow: hidden;
|
|
6181
6180
|
text-overflow: ellipsis;
|
|
6182
6181
|
white-space: nowrap;
|
|
6183
|
-
}.f-button-group[data-v-
|
|
6182
|
+
}.f-button-group[data-v-15cf49dc] {
|
|
6184
6183
|
display: inline-flex;
|
|
6185
6184
|
vertical-align: middle;
|
|
6186
|
-
box-sizing: border-box;
|
|
6187
6185
|
}
|
|
6188
|
-
.f-button-group[data-v-
|
|
6186
|
+
.f-button-group[data-v-15cf49dc]:last-child {
|
|
6187
|
+
margin-right: 0;
|
|
6188
|
+
}
|
|
6189
|
+
.f-button-group[data-v-15cf49dc] > * {
|
|
6189
6190
|
position: relative;
|
|
6190
6191
|
display: inline-flex;
|
|
6191
6192
|
}
|
|
6192
|
-
.f-button-group[data-v-
|
|
6193
|
+
.f-button-group[data-v-15cf49dc] > * .f-button {
|
|
6193
6194
|
border-radius: 0;
|
|
6194
6195
|
}
|
|
6195
|
-
.f-button-group[data-v-
|
|
6196
|
+
.f-button-group[data-v-15cf49dc] > *:not(:first-child) {
|
|
6196
6197
|
margin-left: -1px;
|
|
6197
6198
|
}
|
|
6198
|
-
.f-button-group[data-v-
|
|
6199
|
+
.f-button-group[data-v-15cf49dc] > *:first-child .f-button {
|
|
6199
6200
|
border-top-left-radius: 4px;
|
|
6200
6201
|
border-bottom-left-radius: 4px;
|
|
6201
6202
|
}
|
|
6202
|
-
.f-button-group[data-v-
|
|
6203
|
+
.f-button-group[data-v-15cf49dc] > *:last-child .f-button {
|
|
6203
6204
|
border-top-right-radius: 4px;
|
|
6204
6205
|
border-bottom-right-radius: 4px;
|
|
6205
6206
|
}
|
|
6206
|
-
.f-button-group[data-v-
|
|
6207
|
+
.f-button-group[data-v-15cf49dc] > *:hover {
|
|
6207
6208
|
z-index: 1;
|
|
6208
6209
|
}
|
|
6209
|
-
.f-button-group
|
|
6210
|
+
.f-button-group[data-v-15cf49dc] > * .is-active {
|
|
6211
|
+
z-index: 2;
|
|
6212
|
+
}
|
|
6213
|
+
.f-button-group--vertical[data-v-15cf49dc] {
|
|
6210
6214
|
flex-direction: column;
|
|
6215
|
+
margin-right: 0;
|
|
6216
|
+
margin-bottom: 12px;
|
|
6211
6217
|
}
|
|
6212
|
-
.f-button-group--vertical[data-v-
|
|
6218
|
+
.f-button-group--vertical[data-v-15cf49dc] > *:not(:first-child) {
|
|
6213
6219
|
margin-left: 0;
|
|
6214
6220
|
margin-top: -1px;
|
|
6215
6221
|
}
|
|
6216
|
-
.f-button-group--vertical[data-v-
|
|
6217
|
-
border-
|
|
6218
|
-
border-top-right-radius: 4px;
|
|
6219
|
-
border-bottom-left-radius: 0;
|
|
6222
|
+
.f-button-group--vertical[data-v-15cf49dc] > *:first-child .f-button {
|
|
6223
|
+
border-radius: 4px 4px 0 0;
|
|
6220
6224
|
}
|
|
6221
|
-
.f-button-group--vertical[data-v-
|
|
6222
|
-
border-
|
|
6223
|
-
border-bottom-right-radius: 4px;
|
|
6224
|
-
border-top-right-radius: 0;
|
|
6225
|
+
.f-button-group--vertical[data-v-15cf49dc] > *:last-child .f-button {
|
|
6226
|
+
border-radius: 0 0 4px 4px;
|
|
6225
6227
|
}:root {
|
|
6226
6228
|
--f-collapse-border-color: #333338;
|
|
6227
6229
|
--f-collapse-radius: 8px;
|