ls-pro-common 3.0.53 → 3.0.55

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/common.css CHANGED
@@ -3395,10 +3395,10 @@ html {
3395
3395
  height: 32px;
3396
3396
  }
3397
3397
  .ant-pro-table-column-setting-overlay .ant-popover-inner-content {
3398
+ display: flex;
3398
3399
  width: 500px;
3399
3400
  padding: 0px;
3400
3401
  padding-bottom: 8px;
3401
- display: flex;
3402
3402
  }
3403
3403
  .ant-pro-table-column-setting-overlay .ant-popover-arrow {
3404
3404
  width: 0px !important;
@@ -3411,6 +3411,11 @@ html {
3411
3411
  }
3412
3412
  .ant-pro-table-column-setting-overlay .ant-tree-treenode {
3413
3413
  align-items: center;
3414
+ height: 30px;
3415
+ padding: 0px;
3416
+ }
3417
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-draggable-icon {
3418
+ font-size: 12pt;
3414
3419
  }
3415
3420
  .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover {
3416
3421
  background-color: #e6f7ff;
@@ -3418,20 +3423,35 @@ html {
3418
3423
  .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {
3419
3424
  display: block;
3420
3425
  }
3426
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-tree-draggable-icon {
3427
+ color: var(--ant-primary-color, #1869ed);
3428
+ }
3421
3429
  .ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-checkbox {
3422
3430
  top: 0;
3423
3431
  margin: 0;
3424
3432
  margin-right: 4px;
3425
3433
  }
3434
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode .column-setting-item-btn:hover {
3435
+ color: var(--ant-primary-color, #1869ed);
3436
+ }
3437
+ .ant-pro-table-column-setting-overlay .my-icon-remove:hover {
3438
+ color: var(--ant-error-color, #ff4d4f);
3439
+ }
3426
3440
  .ant-pro-table-column-setting-nosave .ant-popover-inner-content {
3427
3441
  width: 300px;
3428
3442
  }
3429
3443
  .ant-pro-table-column-setting-nosave.width-measure {
3430
3444
  width: 600px;
3431
3445
  }
3446
+ .ant-pro-table-column-setting .ant-tree-treenode.dragging {
3447
+ box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
3448
+ }
3432
3449
  .width-measure .ant-popover-inner-content {
3433
3450
  width: 800px;
3434
3451
  }
3452
+ .column-setting-visible {
3453
+ color: var(--ant-primary-color, #1869ed) !important;
3454
+ }
3435
3455
  .ant-pro-table-column-setting-list {
3436
3456
  display: flex;
3437
3457
  flex-direction: column;
@@ -3445,7 +3465,6 @@ html {
3445
3465
  margin-top: 6px;
3446
3466
  margin-bottom: 6px;
3447
3467
  padding-left: 24px;
3448
- color: rgba(0, 0, 0, 0.45);
3449
3468
  font-size: 12px;
3450
3469
  }
3451
3470
  .ant-pro-table-column-setting-list span.ant-tree-draggable-icon + span.ant-tree-switcher {
@@ -3458,16 +3477,20 @@ html {
3458
3477
  .ant-pro-table-column-setting-list-item-title {
3459
3478
  flex: 1;
3460
3479
  }
3480
+ .ant-pro-table-column-setting-list-item-btns {
3481
+ display: flex;
3482
+ align-items: center;
3483
+ width: 42px;
3484
+ height: 100%;
3485
+ padding-left: 4px;
3486
+ }
3461
3487
  .ant-pro-table-column-setting-list-item-option {
3462
3488
  display: none;
3463
3489
  float: right;
3464
3490
  cursor: pointer;
3465
3491
  }
3466
- .ant-pro-table-column-setting-list-item-option > span > span.anticon {
3467
- color: #1890ff;
3468
- }
3469
3492
  .ant-pro-table-column-setting-list-item-option > span + span {
3470
- margin-left: 8px;
3493
+ margin-left: 4px;
3471
3494
  }
3472
3495
  .table-column-setting-left {
3473
3496
  width: 200px;
@@ -3475,25 +3498,31 @@ html {
3475
3498
  border-right: 1px solid #efefef;
3476
3499
  }
3477
3500
  .table-column-setting-left .table-column-item {
3478
- padding: 5px 6px;
3479
- border-radius: 4px;
3480
- margin-top: 8px;
3481
3501
  position: relative;
3482
3502
  height: 33px;
3503
+ margin-top: 8px;
3504
+ padding: 5px 6px;
3505
+ color: #494747;
3483
3506
  background-color: #f5f5f5;
3507
+ border-radius: 4px;
3484
3508
  }
3485
3509
  .table-column-setting-left .table-column-item .item-btn {
3486
3510
  position: absolute;
3487
- right: 2px;
3488
3511
  top: 5px;
3489
- cursor: pointer;
3512
+ right: 2px;
3490
3513
  display: none;
3514
+ cursor: pointer;
3491
3515
  }
3492
- .table-column-setting-left .table-column-item.is_current,
3493
- .table-column-setting-left .table-column-item:hover {
3516
+ .table-column-setting-left .table-column-item:not(.is_current) .anticon-edit:hover {
3517
+ color: var(--ant-primary-color, #1869ed);
3518
+ }
3519
+ .table-column-setting-left .table-column-item.is_current {
3520
+ color: #fff;
3521
+ background-color: var(--ant-primary-color, #1869ed);
3522
+ }
3523
+ .table-column-setting-left .table-column-item:hover:not(.is_current) {
3494
3524
  background-color: #e6f7ff;
3495
3525
  }
3496
- .table-column-setting-left .table-column-item.is_current .item-btn,
3497
3526
  .table-column-setting-left .table-column-item:hover .item-btn {
3498
3527
  display: inline-flex;
3499
3528
  }
@@ -3502,28 +3531,40 @@ html {
3502
3531
  width: 0;
3503
3532
  }
3504
3533
  .table-column-setting-right .right-header {
3505
- padding: 5px 60px 5px 5px;
3506
3534
  display: flex;
3507
- justify-content: space-between;
3535
+ padding: 5px;
3536
+ color: rgba(0, 0, 0, 0.45);
3537
+ }
3538
+ .table-column-setting-right .right-header .ant-checkbox-wrapper {
3539
+ flex: 1;
3540
+ color: rgba(0, 0, 0, 0.45);
3541
+ }
3542
+ .table-column-setting-right .right-header .column-width-title {
3543
+ width: 65px;
3544
+ text-align: center;
3545
+ }
3546
+ .table-column-setting-right .right-header .column-btn-title {
3547
+ width: 42px;
3548
+ text-align: center;
3508
3549
  }
3509
3550
  .left-border {
3510
3551
  border-left: 1px solid #efefef;
3511
3552
  }
3512
3553
 
3513
3554
  .ant-pro-table-list-toolbar {
3514
- line-height: 1;
3515
3555
  min-height: 44px;
3516
3556
  padding-top: 12px;
3557
+ line-height: 1;
3517
3558
  }
3518
3559
  .ant-pro-table-list-toolbar .select-tip {
3519
- color: #222;
3520
3560
  display: flex;
3561
+ color: #222;
3521
3562
  }
3522
3563
  .ant-pro-table-list-toolbar .select-tip .select-count {
3523
- width: 34px;
3524
3564
  display: inline-block;
3525
- text-align: center;
3565
+ width: 34px;
3526
3566
  color: var(--ant-primary-color);
3567
+ text-align: center;
3527
3568
  }
3528
3569
  .ant-pro-table-list-toolbar-container {
3529
3570
  display: flex;
@@ -3531,7 +3572,7 @@ html {
3531
3572
  padding-bottom: 8px;
3532
3573
  }
3533
3574
  .ant-pro-table-list-toolbar-container-mobile {
3534
- flex-direction: column;
3575
+ flex-direction: row;
3535
3576
  }
3536
3577
  .ant-pro-table-list-toolbar-title {
3537
3578
  display: flex;
@@ -3569,6 +3610,10 @@ html {
3569
3610
  display: flex;
3570
3611
  justify-content: flex-end;
3571
3612
  }
3613
+ .ant-pro-table-list-toolbar-btns {
3614
+ flex: 1;
3615
+ width: 0;
3616
+ }
3572
3617
  .ant-pro-table-list-toolbar-extra-line {
3573
3618
  margin-bottom: 8px;
3574
3619
  }
@@ -3600,14 +3645,14 @@ html {
3600
3645
  cursor: pointer;
3601
3646
  }
3602
3647
  .ant-pro-table-list-toolbar .tab-tag {
3648
+ display: flex;
3603
3649
  box-sizing: border-box;
3604
3650
  margin: 0;
3605
3651
  padding: 0;
3606
3652
  color: rgba(0, 0, 0, 0.85);
3607
3653
  font-variant: tabular-nums;
3608
3654
  list-style: none;
3609
- font-feature-settings: 'tnum', "tnum";
3610
- display: flex;
3655
+ font-feature-settings: 'tnum', 'tnum';
3611
3656
  }
3612
3657
  .ant-pro-table-list-toolbar .tab-tag-wrap {
3613
3658
  position: relative;
@@ -3622,30 +3667,30 @@ html {
3622
3667
  .ant-pro-table-list-toolbar .tab-tag-list {
3623
3668
  position: relative;
3624
3669
  display: flex;
3625
- transition: transform 0.3s;
3626
- border: 1px solid #ECF1FA;
3670
+ border: 1px solid #ecf1fa;
3627
3671
  border-radius: 15px;
3672
+ transition: transform 0.3s;
3628
3673
  }
3629
3674
  .ant-pro-table-list-toolbar .tab-tag-item {
3630
3675
  position: relative;
3631
3676
  display: inline-flex;
3632
3677
  align-items: center;
3678
+ height: 30px;
3633
3679
  padding: 8px 12px;
3634
3680
  font-size: 14px;
3635
3681
  background: transparent;
3636
3682
  border: 0;
3637
- height: 30px;
3638
3683
  outline: none;
3639
3684
  cursor: pointer;
3640
3685
  }
3641
3686
  .ant-pro-table-list-toolbar .tab-tag-item:hover {
3642
- color: var(--ant-primary-color, #0E55CB);
3687
+ color: var(--ant-primary-color, #0e55cb);
3643
3688
  }
3644
3689
  .ant-pro-table-list-toolbar .tab-tag-item-active {
3645
- background: var(--ant-primary-color-active-deprecated-f-30, #F3F6FC);
3646
- box-shadow: -3px -3px 6px rgba(255, 255, 255, 0.5), 2px 2px 4px rgba(166, 177, 193, 0.500102);
3690
+ color: var(--ant-primary-color, #0e55cb);
3691
+ background: var(--ant-primary-color-active-deprecated-f-30, #f3f6fc);
3647
3692
  border-radius: 15px;
3648
- color: var(--ant-primary-color, #0E55CB);
3693
+ box-shadow: -3px -3px 6px rgba(255, 255, 255, 0.5), 2px 2px 4px rgba(166, 177, 193, 0.500102);
3649
3694
  }
3650
3695
  .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
3651
3696
  margin-bottom: 0;
@@ -3668,6 +3713,15 @@ html {
3668
3713
  margin-bottom: 16px;
3669
3714
  }
3670
3715
  }
3716
+ .table-hide-btns-popover .ant-popover-arrow {
3717
+ width: 0 !important;
3718
+ height: 0 !important;
3719
+ }
3720
+ .table-hide-btns-popover .ant-popover-inner-content {
3721
+ min-width: 100px;
3722
+ max-height: 250px;
3723
+ overflow-y: auto;
3724
+ }
3671
3725
 
3672
3726
  .table-import-body {
3673
3727
  margin-left: 20px;