fantasia-ui 0.2.47 → 0.2.48

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.
@@ -5371,7 +5371,7 @@ to {
5371
5371
  object-fit: cover;
5372
5372
  width: 100%;
5373
5373
  height: 100%;
5374
- }.f-button[data-v-41be5001] {
5374
+ }.f-button[data-v-450b01e1] {
5375
5375
  display: inline-flex;
5376
5376
  align-items: center;
5377
5377
  justify-content: center;
@@ -5384,213 +5384,213 @@ to {
5384
5384
  line-height: 1;
5385
5385
  box-sizing: border-box;
5386
5386
  }
5387
- .f-button .f-button__inner[data-v-41be5001] {
5387
+ .f-button .f-button__inner[data-v-450b01e1] {
5388
5388
  display: inline-flex;
5389
5389
  align-items: center;
5390
5390
  justify-content: center;
5391
5391
  gap: 6px;
5392
5392
  height: 100%;
5393
5393
  }
5394
- .f-button__icon[data-v-41be5001] {
5394
+ .f-button__icon[data-v-450b01e1] {
5395
5395
  display: flex;
5396
5396
  align-items: center;
5397
5397
  justify-content: center;
5398
5398
  flex-shrink: 0;
5399
5399
  }
5400
- .f-button__text[data-v-41be5001] {
5400
+ .f-button__text[data-v-450b01e1] {
5401
5401
  display: inline-flex;
5402
5402
  align-items: center;
5403
5403
  }
5404
- .f-button.is-icon-only .f-button__inner[data-v-41be5001] {
5404
+ .f-button.is-icon-only .f-button__inner[data-v-450b01e1] {
5405
5405
  gap: 0;
5406
5406
  }
5407
- .f-button[data-v-41be5001] .f-icon {
5407
+ .f-button[data-v-450b01e1] .f-icon {
5408
5408
  display: flex;
5409
5409
  align-items: center;
5410
5410
  justify-content: center;
5411
5411
  font-size: inherit;
5412
5412
  }
5413
- .f-button[data-v-41be5001]:hover {
5413
+ .f-button[data-v-450b01e1]:hover {
5414
5414
  color: #409eff;
5415
5415
  border-color: #c6e2ff;
5416
5416
  background: #f5f7fa;
5417
5417
  }
5418
- .f-button[data-v-41be5001]:active {
5418
+ .f-button[data-v-450b01e1]:active {
5419
5419
  background: #eeeeee;
5420
5420
  }
5421
- .f-button--default[data-v-41be5001]:hover {
5421
+ .f-button--default[data-v-450b01e1]:hover {
5422
5422
  color: #409eff;
5423
5423
  border-color: #c6e2ff;
5424
5424
  background: #f5f7fa;
5425
5425
  }
5426
- .f-button--primary[data-v-41be5001] {
5426
+ .f-button--primary[data-v-450b01e1] {
5427
5427
  background: #409eff;
5428
5428
  border-color: #409eff;
5429
5429
  color: #fff;
5430
5430
  }
5431
- .f-button--primary[data-v-41be5001]:hover {
5431
+ .f-button--primary[data-v-450b01e1]:hover {
5432
5432
  background: #66b1ff;
5433
5433
  border-color: #66b1ff;
5434
5434
  }
5435
- .f-button--primary[data-v-41be5001]:active {
5435
+ .f-button--primary[data-v-450b01e1]:active {
5436
5436
  background: #3a8ee6;
5437
5437
  border-color: #3a8ee6;
5438
5438
  }
5439
- .f-button--success[data-v-41be5001] {
5439
+ .f-button--success[data-v-450b01e1] {
5440
5440
  background: #67c23a;
5441
5441
  border-color: #67c23a;
5442
5442
  color: #fff;
5443
5443
  }
5444
- .f-button--success[data-v-41be5001]:hover {
5444
+ .f-button--success[data-v-450b01e1]:hover {
5445
5445
  background: #85ce61;
5446
5446
  border-color: #85ce61;
5447
5447
  }
5448
- .f-button--success[data-v-41be5001]:active {
5448
+ .f-button--success[data-v-450b01e1]:active {
5449
5449
  background: #5daf34;
5450
5450
  border-color: #5daf34;
5451
5451
  }
5452
- .f-button--error[data-v-41be5001] {
5452
+ .f-button--error[data-v-450b01e1] {
5453
5453
  background: #f56c6c;
5454
5454
  border-color: #f56c6c;
5455
5455
  color: #fff;
5456
5456
  }
5457
- .f-button--error[data-v-41be5001]:hover {
5457
+ .f-button--error[data-v-450b01e1]:hover {
5458
5458
  background: #f78989;
5459
5459
  border-color: #f78989;
5460
5460
  }
5461
- .f-button--error[data-v-41be5001]:active {
5461
+ .f-button--error[data-v-450b01e1]:active {
5462
5462
  background: #dd6161;
5463
5463
  border-color: #dd6161;
5464
5464
  }
5465
- .f-button--warning[data-v-41be5001] {
5465
+ .f-button--warning[data-v-450b01e1] {
5466
5466
  background: #e6a23c;
5467
5467
  border-color: #e6a23c;
5468
5468
  color: #fff;
5469
5469
  }
5470
- .f-button--warning[data-v-41be5001]:hover {
5470
+ .f-button--warning[data-v-450b01e1]:hover {
5471
5471
  background: #ebb563;
5472
5472
  border-color: #ebb563;
5473
5473
  }
5474
- .f-button--warning[data-v-41be5001]:active {
5474
+ .f-button--warning[data-v-450b01e1]:active {
5475
5475
  background: #cf9236;
5476
5476
  border-color: #cf9236;
5477
5477
  }
5478
- .f-button--info[data-v-41be5001] {
5478
+ .f-button--info[data-v-450b01e1] {
5479
5479
  background: #909399;
5480
5480
  border-color: #909399;
5481
5481
  color: #fff;
5482
5482
  }
5483
- .f-button--info[data-v-41be5001]:hover {
5483
+ .f-button--info[data-v-450b01e1]:hover {
5484
5484
  background: #a6a9ad;
5485
5485
  border-color: #a6a9ad;
5486
5486
  }
5487
- .f-button--info[data-v-41be5001]:active {
5487
+ .f-button--info[data-v-450b01e1]:active {
5488
5488
  background: #82848a;
5489
5489
  border-color: #82848a;
5490
5490
  }
5491
- .f-button--failed[data-v-41be5001] {
5491
+ .f-button--failed[data-v-450b01e1] {
5492
5492
  background: #f56c6c;
5493
5493
  border-color: #f56c6c;
5494
5494
  color: #fff;
5495
5495
  }
5496
- .f-button--failed[data-v-41be5001]:hover {
5496
+ .f-button--failed[data-v-450b01e1]:hover {
5497
5497
  background: #f78989;
5498
5498
  border-color: #f78989;
5499
5499
  }
5500
- .f-button--failed[data-v-41be5001]:active {
5500
+ .f-button--failed[data-v-450b01e1]:active {
5501
5501
  background: #dd6161;
5502
5502
  border-color: #dd6161;
5503
5503
  }
5504
- .f-button.is-text[data-v-41be5001] {
5504
+ .f-button.is-text[data-v-450b01e1] {
5505
5505
  border-color: transparent;
5506
5506
  background: transparent;
5507
5507
  color: #409eff;
5508
5508
  padding-left: 0;
5509
5509
  padding-right: 0;
5510
5510
  }
5511
- .f-button.is-text[data-v-41be5001]:hover {
5511
+ .f-button.is-text[data-v-450b01e1]:hover {
5512
5512
  color: #66b1ff;
5513
5513
  border-color: transparent;
5514
5514
  background: transparent;
5515
5515
  }
5516
- .f-button.is-text[data-v-41be5001]:active {
5516
+ .f-button.is-text[data-v-450b01e1]:active {
5517
5517
  color: #3a8ee6;
5518
5518
  background: transparent;
5519
5519
  }
5520
- .f-button.is-text.is-disabled[data-v-41be5001] {
5520
+ .f-button.is-text.is-disabled[data-v-450b01e1] {
5521
5521
  background: transparent;
5522
5522
  border-color: transparent;
5523
5523
  }
5524
- .f-button.is-text.f-button--primary[data-v-41be5001] {
5524
+ .f-button.is-text.f-button--primary[data-v-450b01e1] {
5525
5525
  color: #409eff;
5526
5526
  background: transparent;
5527
5527
  border-color: transparent;
5528
5528
  }
5529
- .f-button.is-text.f-button--primary[data-v-41be5001]:hover {
5529
+ .f-button.is-text.f-button--primary[data-v-450b01e1]:hover {
5530
5530
  color: #66b1ff;
5531
5531
  }
5532
- .f-button.is-text.f-button--primary[data-v-41be5001]:active {
5532
+ .f-button.is-text.f-button--primary[data-v-450b01e1]:active {
5533
5533
  color: #3a8ee6;
5534
5534
  }
5535
- .f-button.is-text.f-button--success[data-v-41be5001] {
5535
+ .f-button.is-text.f-button--success[data-v-450b01e1] {
5536
5536
  color: #67c23a;
5537
5537
  background: transparent;
5538
5538
  border-color: transparent;
5539
5539
  }
5540
- .f-button.is-text.f-button--success[data-v-41be5001]:hover {
5540
+ .f-button.is-text.f-button--success[data-v-450b01e1]:hover {
5541
5541
  color: #85ce61;
5542
5542
  }
5543
- .f-button.is-text.f-button--success[data-v-41be5001]:active {
5543
+ .f-button.is-text.f-button--success[data-v-450b01e1]:active {
5544
5544
  color: #5daf34;
5545
5545
  }
5546
- .f-button.is-text.f-button--warning[data-v-41be5001] {
5546
+ .f-button.is-text.f-button--warning[data-v-450b01e1] {
5547
5547
  color: #e6a23c;
5548
5548
  background: transparent;
5549
5549
  border-color: transparent;
5550
5550
  }
5551
- .f-button.is-text.f-button--warning[data-v-41be5001]:hover {
5551
+ .f-button.is-text.f-button--warning[data-v-450b01e1]:hover {
5552
5552
  color: #ebb563;
5553
5553
  }
5554
- .f-button.is-text.f-button--warning[data-v-41be5001]:active {
5554
+ .f-button.is-text.f-button--warning[data-v-450b01e1]:active {
5555
5555
  color: #cf9236;
5556
5556
  }
5557
- .f-button.is-text.f-button--failed[data-v-41be5001] {
5557
+ .f-button.is-text.f-button--failed[data-v-450b01e1] {
5558
5558
  color: #f56c6c;
5559
5559
  background: transparent;
5560
5560
  border-color: transparent;
5561
5561
  }
5562
- .f-button.is-text.f-button--failed[data-v-41be5001]:hover {
5562
+ .f-button.is-text.f-button--failed[data-v-450b01e1]:hover {
5563
5563
  color: #f78989;
5564
5564
  }
5565
- .f-button.is-text.f-button--failed[data-v-41be5001]:active {
5565
+ .f-button.is-text.f-button--failed[data-v-450b01e1]:active {
5566
5566
  color: #dd6161;
5567
5567
  }
5568
- .f-button.is-text.f-button--info[data-v-41be5001] {
5568
+ .f-button.is-text.f-button--info[data-v-450b01e1] {
5569
5569
  color: #909399;
5570
5570
  background: transparent;
5571
5571
  border-color: transparent;
5572
5572
  }
5573
- .f-button.is-text.f-button--info[data-v-41be5001]:hover {
5573
+ .f-button.is-text.f-button--info[data-v-450b01e1]:hover {
5574
5574
  color: #a6a9ad;
5575
5575
  }
5576
- .f-button.is-text.f-button--info[data-v-41be5001]:active {
5576
+ .f-button.is-text.f-button--info[data-v-450b01e1]:active {
5577
5577
  color: #82848a;
5578
5578
  }
5579
- .f-button.is-disabled[data-v-41be5001] {
5579
+ .f-button.is-disabled[data-v-450b01e1] {
5580
5580
  cursor: not-allowed;
5581
5581
  opacity: 0.4;
5582
5582
  pointer-events: none;
5583
5583
  filter: grayscale(1);
5584
5584
  }
5585
- .f-button .f-loader[data-v-41be5001] {
5585
+ .f-button .f-loader[data-v-450b01e1] {
5586
5586
  width: 1em;
5587
5587
  height: 1em;
5588
5588
  border: 2px solid currentColor;
5589
5589
  border-bottom-color: transparent;
5590
5590
  border-radius: 50%;
5591
- animation: rotate-41be5001 0.8s linear infinite;
5591
+ animation: rotate-450b01e1 0.8s linear infinite;
5592
5592
  }
5593
- @keyframes rotate-41be5001 {
5593
+ @keyframes rotate-450b01e1 {
5594
5594
  to {
5595
5595
  transform: rotate(360deg);
5596
5596
  }
@@ -7245,7 +7245,7 @@ to {
7245
7245
  }
7246
7246
  .f-scrollbar--native {
7247
7247
  overflow: auto;
7248
- }.f-input-number[data-v-292cd24f] {
7248
+ }.f-input-number[data-v-22ea6310] {
7249
7249
  position: relative;
7250
7250
  display: inline-flex;
7251
7251
  align-items: center;
@@ -7255,7 +7255,7 @@ to {
7255
7255
  border-radius: 4px;
7256
7256
  transition: all 0.2s ease;
7257
7257
  }
7258
- .f-input-number__inner[data-v-292cd24f] {
7258
+ .f-input-number__inner[data-v-22ea6310] {
7259
7259
  flex: 1;
7260
7260
  min-width: 0;
7261
7261
  padding: 10px 12px;
@@ -7266,16 +7266,16 @@ to {
7266
7266
  font-size: 14px;
7267
7267
  text-align: left;
7268
7268
  }
7269
- .f-input-number__inner[data-v-292cd24f]::placeholder {
7269
+ .f-input-number__inner[data-v-22ea6310]::placeholder {
7270
7270
  color: #94a3b8;
7271
7271
  }
7272
- .f-input-number.has-controls-both .f-input-number__inner[data-v-292cd24f] {
7272
+ .f-input-number.has-controls-both .f-input-number__inner[data-v-22ea6310] {
7273
7273
  text-align: center;
7274
7274
  }
7275
- .f-input-number.has-controls-right .f-input-number__inner[data-v-292cd24f] {
7275
+ .f-input-number.has-controls-right .f-input-number__inner[data-v-22ea6310] {
7276
7276
  padding-right: 8px;
7277
7277
  }
7278
- .f-input-number__btn-left[data-v-292cd24f], .f-input-number__btn-right[data-v-292cd24f] {
7278
+ .f-input-number__btn-left[data-v-22ea6310], .f-input-number__btn-right[data-v-22ea6310] {
7279
7279
  display: flex;
7280
7280
  align-items: center;
7281
7281
  justify-content: center;
@@ -7288,28 +7288,28 @@ to {
7288
7288
  cursor: pointer;
7289
7289
  transition: all 0.2s ease;
7290
7290
  }
7291
- .f-input-number__btn-left[data-v-292cd24f] svg, .f-input-number__btn-right[data-v-292cd24f] svg {
7291
+ .f-input-number__btn-left[data-v-22ea6310] svg, .f-input-number__btn-right[data-v-22ea6310] svg {
7292
7292
  width: 16px;
7293
7293
  height: 16px;
7294
7294
  }
7295
- .f-input-number__btn-left[data-v-292cd24f]:hover:not(:disabled), .f-input-number__btn-right[data-v-292cd24f]:hover:not(:disabled) {
7295
+ .f-input-number__btn-left[data-v-22ea6310]:hover:not(:disabled), .f-input-number__btn-right[data-v-22ea6310]:hover:not(:disabled) {
7296
7296
  color: #64748b;
7297
7297
  background: #f1f5f9;
7298
7298
  }
7299
- .f-input-number__btn-left[data-v-292cd24f]:active:not(:disabled), .f-input-number__btn-right[data-v-292cd24f]:active:not(:disabled) {
7299
+ .f-input-number__btn-left[data-v-22ea6310]:active:not(:disabled), .f-input-number__btn-right[data-v-22ea6310]:active:not(:disabled) {
7300
7300
  transform: scale(0.95);
7301
7301
  }
7302
- .f-input-number__btn-left[data-v-292cd24f]:disabled, .f-input-number__btn-right[data-v-292cd24f]:disabled {
7302
+ .f-input-number__btn-left[data-v-22ea6310]:disabled, .f-input-number__btn-right[data-v-22ea6310]:disabled {
7303
7303
  opacity: 0.35;
7304
7304
  cursor: not-allowed;
7305
7305
  }
7306
- .f-input-number__btn-left[data-v-292cd24f] {
7306
+ .f-input-number__btn-left[data-v-22ea6310] {
7307
7307
  border-right: 1px solid #e0e0e6;
7308
7308
  }
7309
- .f-input-number__btn-right[data-v-292cd24f] {
7309
+ .f-input-number__btn-right[data-v-22ea6310] {
7310
7310
  border-left: 1px solid #e0e0e6;
7311
7311
  }
7312
- .f-input-number__stack[data-v-292cd24f] {
7312
+ .f-input-number__stack[data-v-22ea6310] {
7313
7313
  display: flex;
7314
7314
  flex-direction: column;
7315
7315
  flex-shrink: 0;
@@ -7317,7 +7317,7 @@ to {
7317
7317
  height: 100%;
7318
7318
  border-left: 1px solid #e0e0e6;
7319
7319
  }
7320
- .f-input-number__stack-btn[data-v-292cd24f] {
7320
+ .f-input-number__stack-btn[data-v-22ea6310] {
7321
7321
  flex: 1;
7322
7322
  display: flex;
7323
7323
  align-items: center;
@@ -7328,45 +7328,45 @@ to {
7328
7328
  cursor: pointer;
7329
7329
  transition: all 0.15s ease;
7330
7330
  }
7331
- .f-input-number__stack-btn[data-v-292cd24f] svg {
7331
+ .f-input-number__stack-btn[data-v-22ea6310] svg {
7332
7332
  width: 12px;
7333
7333
  height: 12px;
7334
7334
  }
7335
- .f-input-number__stack-btn[data-v-292cd24f]:first-child {
7335
+ .f-input-number__stack-btn[data-v-22ea6310]:first-child {
7336
7336
  border-bottom: 1px solid #e0e0e6;
7337
7337
  }
7338
- .f-input-number__stack-btn[data-v-292cd24f]:hover:not(:disabled) {
7338
+ .f-input-number__stack-btn[data-v-22ea6310]:hover:not(:disabled) {
7339
7339
  color: #64748b;
7340
7340
  background: #f1f5f9;
7341
7341
  }
7342
- .f-input-number__stack-btn[data-v-292cd24f]:active:not(:disabled) {
7342
+ .f-input-number__stack-btn[data-v-22ea6310]:active:not(:disabled) {
7343
7343
  transform: scale(0.9);
7344
7344
  }
7345
- .f-input-number__stack-btn[data-v-292cd24f]:disabled {
7345
+ .f-input-number__stack-btn[data-v-22ea6310]:disabled {
7346
7346
  opacity: 0.35;
7347
7347
  cursor: not-allowed;
7348
7348
  }
7349
- .f-input-number[data-v-292cd24f]:hover:not(.is-disabled) {
7349
+ .f-input-number[data-v-22ea6310]:hover:not(.is-disabled) {
7350
7350
  border-color: #ec4899;
7351
7351
  }
7352
- .f-input-number.is-focus[data-v-292cd24f] {
7352
+ .f-input-number.is-focus[data-v-22ea6310] {
7353
7353
  background: #fff;
7354
7354
  border-color: #ec4899;
7355
7355
  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
7356
7356
  }
7357
- .f-input-number.is-error[data-v-292cd24f] {
7357
+ .f-input-number.is-error[data-v-22ea6310] {
7358
7358
  border-color: #f43f5e;
7359
7359
  background: #fff1f2;
7360
7360
  }
7361
- .f-input-number.is-error.is-focus[data-v-292cd24f] {
7361
+ .f-input-number.is-error.is-focus[data-v-22ea6310] {
7362
7362
  box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
7363
7363
  }
7364
- .f-input-number.is-disabled[data-v-292cd24f] {
7364
+ .f-input-number.is-disabled[data-v-22ea6310] {
7365
7365
  opacity: 0.5;
7366
7366
  cursor: not-allowed;
7367
7367
  background: #f8fafc;
7368
7368
  }
7369
- .f-input-number.is-disabled .f-input-number__inner[data-v-292cd24f] {
7369
+ .f-input-number.is-disabled .f-input-number__inner[data-v-22ea6310] {
7370
7370
  cursor: not-allowed;
7371
7371
  }.f-result[data-v-1667a865] {
7372
7372
  display: flex;