@mingto/mt-ui 1.1.32 → 1.1.33

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/style.css CHANGED
@@ -3634,12 +3634,12 @@
3634
3634
  .mt-upload-file-list-layout--empty {
3635
3635
  margin-bottom: 0;
3636
3636
  }.vue-cropper[data-v-a742df44]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-box[data-v-a742df44],.cropper-box-canvas[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-face[data-v-a742df44]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{position:relative;text-align:left;-webkit-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-a742df44]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;-webkit-user-select:none;user-select:none}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-a742df44]{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:#000c;font-size:12px}.crop-line[data-v-a742df44]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-a742df44]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-a742df44]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-a742df44]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-a742df44]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-a742df44]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-a742df44]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-a742df44]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-a742df44]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-a742df44]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-a742df44]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-a742df44]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-a742df44]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width: 500px){.crop-point[data-v-a742df44]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}
3637
- .mt-image-copper__content[data-v-903903f2] {
3637
+ .mt-image-copper__content[data-v-b0b6d1ca] {
3638
3638
  position: relative;
3639
3639
  width: 80vh;
3640
3640
  height: 80vh;
3641
3641
  }
3642
- .mt-image-copper__loading[data-v-903903f2] {
3642
+ .mt-image-copper__loading[data-v-b0b6d1ca] {
3643
3643
  position: absolute;
3644
3644
  top: 0;
3645
3645
  left: 0;
@@ -3729,7 +3729,7 @@
3729
3729
  margin-top: 5px;
3730
3730
  font-size: 14px;
3731
3731
  color: var(--mt-color-black-0b0c0f);
3732
- }.mt-upload-image-only-layout__item[data-v-ee7d3956] {
3732
+ }.mt-upload-image-only-layout__item[data-v-535a1b4a] {
3733
3733
  position: relative;
3734
3734
  box-sizing: border-box;
3735
3735
  display: flex;
@@ -3742,13 +3742,13 @@
3742
3742
  border: 1.5px dashed var(--mt-color-blue-5d89f7);
3743
3743
  border-radius: 4px;
3744
3744
  }
3745
- .mt-upload-image-only-layout__item:hover .mt-upload-image-only-layout__actions[data-v-ee7d3956] {
3745
+ .mt-upload-image-only-layout__item:hover .mt-upload-image-only-layout__actions[data-v-535a1b4a] {
3746
3746
  display: flex;
3747
3747
  }
3748
- .mt-upload-image-only-layout--disabled .mt-upload-image-only-layout__trigger[data-v-ee7d3956] {
3748
+ .mt-upload-image-only-layout--disabled .mt-upload-image-only-layout__trigger[data-v-535a1b4a] {
3749
3749
  cursor: not-allowed;
3750
3750
  }
3751
- .mt-upload-image-only-layout__actions[data-v-ee7d3956] {
3751
+ .mt-upload-image-only-layout__actions[data-v-535a1b4a] {
3752
3752
  position: absolute;
3753
3753
  top: 0;
3754
3754
  left: 0;
@@ -3760,7 +3760,7 @@
3760
3760
  height: 100%;
3761
3761
  background-color: rgba(0, 0, 0, 0.5);
3762
3762
  }
3763
- .mt-upload-image-only-layout__loading[data-v-ee7d3956] {
3763
+ .mt-upload-image-only-layout__loading[data-v-535a1b4a] {
3764
3764
  position: absolute;
3765
3765
  top: 0;
3766
3766
  left: 0;
@@ -4437,9 +4437,9 @@
4437
4437
  font-size: var(--el-font-size-base);
4438
4438
  list-style: none;
4439
4439
  text-align: left;
4440
- white-space: nowrap;
4441
4440
  overflow: hidden;
4442
4441
  text-overflow: ellipsis;
4442
+ white-space: nowrap;
4443
4443
  }
4444
4444
  .el-autocomplete-suggestion li:hover {
4445
4445
  background-color: var(--el-fill-color-light);
@@ -4455,20 +4455,14 @@
4455
4455
  margin-bottom: -6px;
4456
4456
  }
4457
4457
  .el-autocomplete-suggestion.is-loading li {
4458
- text-align: center;
4459
4458
  cursor: default;
4460
4459
  height: 100px;
4461
- line-height: 100px;
4460
+ display: flex;
4461
+ align-items: center;
4462
+ justify-content: center;
4462
4463
  font-size: 20px;
4463
4464
  color: var(--el-text-color-secondary);
4464
4465
  }
4465
- .el-autocomplete-suggestion.is-loading li::after {
4466
- display: inline-block;
4467
- content: "";
4468
- height: 100%;
4469
- vertical-align: middle;
4470
- }
4471
-
4472
4466
  .el-autocomplete-suggestion.is-loading li:hover {
4473
4467
  background-color: var(--el-bg-color-overlay);
4474
4468
  }
@@ -4521,6 +4515,25 @@
4521
4515
  --el-avatar-size: 56px;
4522
4516
  }
4523
4517
 
4518
+ .el-avatar-group {
4519
+ --el-avatar-group-item-gap: -8px;
4520
+ --el-avatar-group-collapse-item-gap: 4px;
4521
+ display: inline-flex;
4522
+ }
4523
+ .el-avatar-group .el-avatar {
4524
+ border: 1px solid var(--el-border-color-extra-light);
4525
+ }
4526
+ .el-avatar-group .el-avatar:not(:first-child) {
4527
+ margin-left: var(--el-avatar-group-item-gap);
4528
+ }
4529
+ .el-avatar-group__collapse-avatars {
4530
+ --el-avatar-group-item-gap: -8px;
4531
+ --el-avatar-group-collapse-item-gap: 4px;
4532
+ }
4533
+ .el-avatar-group__collapse-avatars .el-avatar:not(:first-child) {
4534
+ margin-left: var(--el-avatar-group-collapse-item-gap);
4535
+ }
4536
+
4524
4537
  .el-backtop {
4525
4538
  --el-backtop-bg-color: var(--el-bg-color-overlay);
4526
4539
  --el-backtop-text-color: var(--el-color-primary);
@@ -4613,20 +4626,6 @@
4613
4626
  background-color: var(--el-color-danger);
4614
4627
  }
4615
4628
 
4616
- .el-breadcrumb {
4617
- font-size: 14px;
4618
- line-height: 1;
4619
- }
4620
- .el-breadcrumb::before,
4621
- .el-breadcrumb::after {
4622
- display: table;
4623
- content: "";
4624
- }
4625
-
4626
- .el-breadcrumb::after {
4627
- clear: both;
4628
- }
4629
-
4630
4629
  .el-breadcrumb__separator {
4631
4630
  margin: 0 9px;
4632
4631
  font-weight: bold;
@@ -4670,35 +4669,23 @@
4670
4669
  display: none;
4671
4670
  }
4672
4671
 
4673
- .el-button-group {
4674
- display: inline-block;
4675
- vertical-align: middle;
4672
+ .el-breadcrumb {
4673
+ font-size: 14px;
4674
+ line-height: 1;
4676
4675
  }
4677
- .el-button-group::before,
4678
- .el-button-group::after {
4676
+ .el-breadcrumb::before,
4677
+ .el-breadcrumb::after {
4679
4678
  display: table;
4680
4679
  content: "";
4681
4680
  }
4682
4681
 
4683
- .el-button-group::after {
4682
+ .el-breadcrumb::after {
4684
4683
  clear: both;
4685
4684
  }
4686
4685
 
4687
- .el-button-group > .el-button {
4688
- float: left;
4689
- position: relative;
4690
- }
4691
4686
  .el-button-group > .el-button + .el-button {
4692
4687
  margin-left: 0;
4693
4688
  }
4694
- .el-button-group > .el-button:first-child {
4695
- border-top-right-radius: 0;
4696
- border-bottom-right-radius: 0;
4697
- }
4698
- .el-button-group > .el-button:last-child {
4699
- border-top-left-radius: 0;
4700
- border-bottom-left-radius: 0;
4701
- }
4702
4689
  .el-button-group > .el-button:first-child:last-child {
4703
4690
  border-top-right-radius: var(--el-border-radius-base);
4704
4691
  border-bottom-right-radius: var(--el-border-radius-base);
@@ -4714,9 +4701,6 @@
4714
4701
  .el-button-group > .el-button:not(:first-child):not(:last-child) {
4715
4702
  border-radius: 0;
4716
4703
  }
4717
- .el-button-group > .el-button:not(:last-child) {
4718
- margin-right: -1px;
4719
- }
4720
4704
  .el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
4721
4705
  z-index: 1;
4722
4706
  }
@@ -4724,61 +4708,165 @@
4724
4708
  z-index: 1;
4725
4709
  }
4726
4710
 
4727
- .el-button-group > .el-dropdown > .el-button {
4711
+ .el-button-group--horizontal {
4712
+ display: inline-block;
4713
+ vertical-align: middle;
4714
+ }
4715
+ .el-button-group--horizontal::before,
4716
+ .el-button-group--horizontal::after {
4717
+ display: table;
4718
+ content: "";
4719
+ }
4720
+
4721
+ .el-button-group--horizontal::after {
4722
+ clear: both;
4723
+ }
4724
+
4725
+ .el-button-group--horizontal > .el-button {
4726
+ float: left;
4727
+ position: relative;
4728
+ }
4729
+ .el-button-group--horizontal > .el-button:first-child {
4730
+ border-top-right-radius: 0;
4731
+ border-bottom-right-radius: 0;
4732
+ }
4733
+ .el-button-group--horizontal > .el-button:last-child {
4728
4734
  border-top-left-radius: 0;
4729
4735
  border-bottom-left-radius: 0;
4730
- border-left-color: var(--el-button-divide-border-color);
4731
4736
  }
4732
- .el-button-group .el-button--primary:first-child {
4737
+ .el-button-group--horizontal > .el-button:not(:last-child) {
4738
+ margin-right: -1px;
4739
+ }
4740
+ .el-button-group--horizontal .el-button--primary:first-child {
4733
4741
  border-right-color: var(--el-button-divide-border-color);
4734
4742
  }
4735
- .el-button-group .el-button--primary:last-child {
4743
+ .el-button-group--horizontal .el-button--primary:last-child {
4736
4744
  border-left-color: var(--el-button-divide-border-color);
4737
4745
  }
4738
- .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
4746
+ .el-button-group--horizontal .el-button--primary:not(:first-child):not(:last-child) {
4739
4747
  border-left-color: var(--el-button-divide-border-color);
4740
4748
  border-right-color: var(--el-button-divide-border-color);
4741
4749
  }
4742
- .el-button-group .el-button--success:first-child {
4750
+ .el-button-group--horizontal .el-button--success:first-child {
4743
4751
  border-right-color: var(--el-button-divide-border-color);
4744
4752
  }
4745
- .el-button-group .el-button--success:last-child {
4753
+ .el-button-group--horizontal .el-button--success:last-child {
4746
4754
  border-left-color: var(--el-button-divide-border-color);
4747
4755
  }
4748
- .el-button-group .el-button--success:not(:first-child):not(:last-child) {
4756
+ .el-button-group--horizontal .el-button--success:not(:first-child):not(:last-child) {
4749
4757
  border-left-color: var(--el-button-divide-border-color);
4750
4758
  border-right-color: var(--el-button-divide-border-color);
4751
4759
  }
4752
- .el-button-group .el-button--warning:first-child {
4760
+ .el-button-group--horizontal .el-button--warning:first-child {
4753
4761
  border-right-color: var(--el-button-divide-border-color);
4754
4762
  }
4755
- .el-button-group .el-button--warning:last-child {
4763
+ .el-button-group--horizontal .el-button--warning:last-child {
4756
4764
  border-left-color: var(--el-button-divide-border-color);
4757
4765
  }
4758
- .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
4766
+ .el-button-group--horizontal .el-button--warning:not(:first-child):not(:last-child) {
4759
4767
  border-left-color: var(--el-button-divide-border-color);
4760
4768
  border-right-color: var(--el-button-divide-border-color);
4761
4769
  }
4762
- .el-button-group .el-button--danger:first-child {
4770
+ .el-button-group--horizontal .el-button--danger:first-child {
4763
4771
  border-right-color: var(--el-button-divide-border-color);
4764
4772
  }
4765
- .el-button-group .el-button--danger:last-child {
4773
+ .el-button-group--horizontal .el-button--danger:last-child {
4766
4774
  border-left-color: var(--el-button-divide-border-color);
4767
4775
  }
4768
- .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
4776
+ .el-button-group--horizontal .el-button--danger:not(:first-child):not(:last-child) {
4769
4777
  border-left-color: var(--el-button-divide-border-color);
4770
4778
  border-right-color: var(--el-button-divide-border-color);
4771
4779
  }
4772
- .el-button-group .el-button--info:first-child {
4780
+ .el-button-group--horizontal .el-button--info:first-child {
4773
4781
  border-right-color: var(--el-button-divide-border-color);
4774
4782
  }
4775
- .el-button-group .el-button--info:last-child {
4783
+ .el-button-group--horizontal .el-button--info:last-child {
4776
4784
  border-left-color: var(--el-button-divide-border-color);
4777
4785
  }
4778
- .el-button-group .el-button--info:not(:first-child):not(:last-child) {
4786
+ .el-button-group--horizontal .el-button--info:not(:first-child):not(:last-child) {
4779
4787
  border-left-color: var(--el-button-divide-border-color);
4780
4788
  border-right-color: var(--el-button-divide-border-color);
4781
4789
  }
4790
+ .el-button-group--horizontal > .el-dropdown > .el-button {
4791
+ border-top-left-radius: 0;
4792
+ border-bottom-left-radius: 0;
4793
+ border-left-color: var(--el-button-divide-border-color);
4794
+ }
4795
+
4796
+ .el-button-group--vertical {
4797
+ display: inline-flex;
4798
+ flex-direction: column;
4799
+ align-items: stretch;
4800
+ }
4801
+ .el-button-group--vertical > .el-button {
4802
+ margin-top: -1px;
4803
+ }
4804
+ .el-button-group--vertical > .el-button:first-child {
4805
+ border-bottom-left-radius: 0;
4806
+ border-bottom-right-radius: 0;
4807
+ }
4808
+ .el-button-group--vertical > .el-button:last-child {
4809
+ border-top-left-radius: 0;
4810
+ border-top-right-radius: 0;
4811
+ }
4812
+ .el-button-group--vertical > .el-dropdown {
4813
+ margin-top: -1px;
4814
+ }
4815
+ .el-button-group--vertical > .el-dropdown > .el-button {
4816
+ border-top-left-radius: 0;
4817
+ border-top-right-radius: 0;
4818
+ border-left-color: var(--el-button-divide-border-color);
4819
+ }
4820
+ .el-button-group--vertical .el-button--primary:first-child {
4821
+ border-bottom-color: var(--el-button-divide-border-color);
4822
+ }
4823
+ .el-button-group--vertical .el-button--primary:last-child {
4824
+ border-top-color: var(--el-button-divide-border-color);
4825
+ }
4826
+ .el-button-group--vertical .el-button--primary:not(:first-child):not(:last-child) {
4827
+ border-top-color: var(--el-button-divide-border-color);
4828
+ border-bottom-color: var(--el-button-divide-border-color);
4829
+ }
4830
+ .el-button-group--vertical .el-button--success:first-child {
4831
+ border-bottom-color: var(--el-button-divide-border-color);
4832
+ }
4833
+ .el-button-group--vertical .el-button--success:last-child {
4834
+ border-top-color: var(--el-button-divide-border-color);
4835
+ }
4836
+ .el-button-group--vertical .el-button--success:not(:first-child):not(:last-child) {
4837
+ border-top-color: var(--el-button-divide-border-color);
4838
+ border-bottom-color: var(--el-button-divide-border-color);
4839
+ }
4840
+ .el-button-group--vertical .el-button--warning:first-child {
4841
+ border-bottom-color: var(--el-button-divide-border-color);
4842
+ }
4843
+ .el-button-group--vertical .el-button--warning:last-child {
4844
+ border-top-color: var(--el-button-divide-border-color);
4845
+ }
4846
+ .el-button-group--vertical .el-button--warning:not(:first-child):not(:last-child) {
4847
+ border-top-color: var(--el-button-divide-border-color);
4848
+ border-bottom-color: var(--el-button-divide-border-color);
4849
+ }
4850
+ .el-button-group--vertical .el-button--danger:first-child {
4851
+ border-bottom-color: var(--el-button-divide-border-color);
4852
+ }
4853
+ .el-button-group--vertical .el-button--danger:last-child {
4854
+ border-top-color: var(--el-button-divide-border-color);
4855
+ }
4856
+ .el-button-group--vertical .el-button--danger:not(:first-child):not(:last-child) {
4857
+ border-top-color: var(--el-button-divide-border-color);
4858
+ border-bottom-color: var(--el-button-divide-border-color);
4859
+ }
4860
+ .el-button-group--vertical .el-button--info:first-child {
4861
+ border-bottom-color: var(--el-button-divide-border-color);
4862
+ }
4863
+ .el-button-group--vertical .el-button--info:last-child {
4864
+ border-top-color: var(--el-button-divide-border-color);
4865
+ }
4866
+ .el-button-group--vertical .el-button--info:not(:first-child):not(:last-child) {
4867
+ border-top-color: var(--el-button-divide-border-color);
4868
+ border-bottom-color: var(--el-button-divide-border-color);
4869
+ }
4782
4870
 
4783
4871
  .el-button {
4784
4872
  --el-button-font-weight: var(--el-font-weight-primary);
@@ -4904,6 +4992,13 @@
4904
4992
  border-radius: var(--el-border-radius-round);
4905
4993
  }
4906
4994
 
4995
+ .el-button.is-dashed {
4996
+ border-style: dashed;
4997
+ --el-button-hover-text-color: var(--el-color-primary);
4998
+ --el-button-hover-bg-color: var(--el-fill-color-blank);
4999
+ --el-button-hover-border-color: var(--el-color-primary);
5000
+ }
5001
+
4907
5002
  .el-button.is-circle {
4908
5003
  width: 32px;
4909
5004
  border-radius: 50%;
@@ -5031,6 +5126,22 @@
5031
5126
  background-color: var(--el-color-primary-light-9);
5032
5127
  border-color: var(--el-color-primary-light-8);
5033
5128
  }
5129
+ .el-button--primary.is-dashed {
5130
+ --el-button-text-color: var(--el-color-primary);
5131
+ --el-button-bg-color: var(--el-color-primary-light-9);
5132
+ --el-button-border-color: var(--el-color-primary-light-5);
5133
+ --el-button-hover-text-color: var(--el-color-primary);
5134
+ --el-button-hover-bg-color: var(--el-color-primary-light-9);
5135
+ --el-button-hover-border-color: var(--el-color-primary-light-3);
5136
+ --el-button-active-text-color: var(--el-color-primary-dark-2);
5137
+ --el-button-active-bg-color: var(--el-color-primary-light-9);
5138
+ --el-button-active-border-color: var(--el-color-primary-dark-2);
5139
+ }
5140
+ .el-button--primary.is-dashed.is-disabled, .el-button--primary.is-dashed.is-disabled:hover, .el-button--primary.is-dashed.is-disabled:focus, .el-button--primary.is-dashed.is-disabled:active {
5141
+ color: var(--el-color-primary-light-5);
5142
+ background-color: var(--el-color-primary-light-9);
5143
+ border-color: var(--el-color-primary-light-8);
5144
+ }
5034
5145
 
5035
5146
  .el-button--success {
5036
5147
  --el-button-text-color: var(--el-color-white);
@@ -5062,6 +5173,22 @@
5062
5173
  background-color: var(--el-color-success-light-9);
5063
5174
  border-color: var(--el-color-success-light-8);
5064
5175
  }
5176
+ .el-button--success.is-dashed {
5177
+ --el-button-text-color: var(--el-color-success);
5178
+ --el-button-bg-color: var(--el-color-success-light-9);
5179
+ --el-button-border-color: var(--el-color-success-light-5);
5180
+ --el-button-hover-text-color: var(--el-color-success);
5181
+ --el-button-hover-bg-color: var(--el-color-success-light-9);
5182
+ --el-button-hover-border-color: var(--el-color-success-light-3);
5183
+ --el-button-active-text-color: var(--el-color-success-dark-2);
5184
+ --el-button-active-bg-color: var(--el-color-success-light-9);
5185
+ --el-button-active-border-color: var(--el-color-success-dark-2);
5186
+ }
5187
+ .el-button--success.is-dashed.is-disabled, .el-button--success.is-dashed.is-disabled:hover, .el-button--success.is-dashed.is-disabled:focus, .el-button--success.is-dashed.is-disabled:active {
5188
+ color: var(--el-color-success-light-5);
5189
+ background-color: var(--el-color-success-light-9);
5190
+ border-color: var(--el-color-success-light-8);
5191
+ }
5065
5192
 
5066
5193
  .el-button--warning {
5067
5194
  --el-button-text-color: var(--el-color-white);
@@ -5093,6 +5220,22 @@
5093
5220
  background-color: var(--el-color-warning-light-9);
5094
5221
  border-color: var(--el-color-warning-light-8);
5095
5222
  }
5223
+ .el-button--warning.is-dashed {
5224
+ --el-button-text-color: var(--el-color-warning);
5225
+ --el-button-bg-color: var(--el-color-warning-light-9);
5226
+ --el-button-border-color: var(--el-color-warning-light-5);
5227
+ --el-button-hover-text-color: var(--el-color-warning);
5228
+ --el-button-hover-bg-color: var(--el-color-warning-light-9);
5229
+ --el-button-hover-border-color: var(--el-color-warning-light-3);
5230
+ --el-button-active-text-color: var(--el-color-warning-dark-2);
5231
+ --el-button-active-bg-color: var(--el-color-warning-light-9);
5232
+ --el-button-active-border-color: var(--el-color-warning-dark-2);
5233
+ }
5234
+ .el-button--warning.is-dashed.is-disabled, .el-button--warning.is-dashed.is-disabled:hover, .el-button--warning.is-dashed.is-disabled:focus, .el-button--warning.is-dashed.is-disabled:active {
5235
+ color: var(--el-color-warning-light-5);
5236
+ background-color: var(--el-color-warning-light-9);
5237
+ border-color: var(--el-color-warning-light-8);
5238
+ }
5096
5239
 
5097
5240
  .el-button--danger {
5098
5241
  --el-button-text-color: var(--el-color-white);
@@ -5124,6 +5267,22 @@
5124
5267
  background-color: var(--el-color-danger-light-9);
5125
5268
  border-color: var(--el-color-danger-light-8);
5126
5269
  }
5270
+ .el-button--danger.is-dashed {
5271
+ --el-button-text-color: var(--el-color-danger);
5272
+ --el-button-bg-color: var(--el-color-danger-light-9);
5273
+ --el-button-border-color: var(--el-color-danger-light-5);
5274
+ --el-button-hover-text-color: var(--el-color-danger);
5275
+ --el-button-hover-bg-color: var(--el-color-danger-light-9);
5276
+ --el-button-hover-border-color: var(--el-color-danger-light-3);
5277
+ --el-button-active-text-color: var(--el-color-danger-dark-2);
5278
+ --el-button-active-bg-color: var(--el-color-danger-light-9);
5279
+ --el-button-active-border-color: var(--el-color-danger-dark-2);
5280
+ }
5281
+ .el-button--danger.is-dashed.is-disabled, .el-button--danger.is-dashed.is-disabled:hover, .el-button--danger.is-dashed.is-disabled:focus, .el-button--danger.is-dashed.is-disabled:active {
5282
+ color: var(--el-color-danger-light-5);
5283
+ background-color: var(--el-color-danger-light-9);
5284
+ border-color: var(--el-color-danger-light-8);
5285
+ }
5127
5286
 
5128
5287
  .el-button--info {
5129
5288
  --el-button-text-color: var(--el-color-white);
@@ -5155,6 +5314,22 @@
5155
5314
  background-color: var(--el-color-info-light-9);
5156
5315
  border-color: var(--el-color-info-light-8);
5157
5316
  }
5317
+ .el-button--info.is-dashed {
5318
+ --el-button-text-color: var(--el-color-info);
5319
+ --el-button-bg-color: var(--el-color-info-light-9);
5320
+ --el-button-border-color: var(--el-color-info-light-5);
5321
+ --el-button-hover-text-color: var(--el-color-info);
5322
+ --el-button-hover-bg-color: var(--el-color-info-light-9);
5323
+ --el-button-hover-border-color: var(--el-color-info-light-3);
5324
+ --el-button-active-text-color: var(--el-color-info-dark-2);
5325
+ --el-button-active-bg-color: var(--el-color-info-light-9);
5326
+ --el-button-active-border-color: var(--el-color-info-dark-2);
5327
+ }
5328
+ .el-button--info.is-dashed.is-disabled, .el-button--info.is-dashed.is-disabled:hover, .el-button--info.is-dashed.is-disabled:focus, .el-button--info.is-dashed.is-disabled:active {
5329
+ color: var(--el-color-info-light-5);
5330
+ background-color: var(--el-color-info-light-9);
5331
+ border-color: var(--el-color-info-light-8);
5332
+ }
5158
5333
 
5159
5334
  .el-button--large {
5160
5335
  --el-button-size: 40px;
@@ -5219,6 +5394,16 @@
5219
5394
  padding: 12px 20px 35px;
5220
5395
  }
5221
5396
 
5397
+ .el-calendar__select-controller .el-select {
5398
+ margin-right: 8px;
5399
+ }
5400
+ .el-calendar__select-controller .el-calendar-select__year {
5401
+ width: 120px;
5402
+ }
5403
+ .el-calendar__select-controller .el-calendar-select__month {
5404
+ width: 60px;
5405
+ }
5406
+
5222
5407
  .el-calendar-table {
5223
5408
  table-layout: fixed;
5224
5409
  width: 100%;
@@ -5273,6 +5458,8 @@
5273
5458
  }
5274
5459
 
5275
5460
  .el-card {
5461
+ display: flex;
5462
+ flex-direction: column;
5276
5463
  border-radius: var(--el-card-border-radius);
5277
5464
  border: 1px solid var(--el-card-border-color);
5278
5465
  background-color: var(--el-card-bg-color);
@@ -5295,6 +5482,8 @@
5295
5482
  }
5296
5483
 
5297
5484
  .el-card__body {
5485
+ flex-grow: 1;
5486
+ overflow: auto;
5298
5487
  padding: var(--el-card-padding);
5299
5488
  }
5300
5489
 
@@ -5373,6 +5562,15 @@
5373
5562
  overflow: hidden;
5374
5563
  }
5375
5564
 
5565
+ .el-carousel.is-vertical-outside {
5566
+ display: flex;
5567
+ flex-direction: row;
5568
+ align-items: center;
5569
+ }
5570
+ .el-carousel.is-vertical-outside .el-carousel__container {
5571
+ flex: 1;
5572
+ }
5573
+
5376
5574
  .el-carousel__container {
5377
5575
  position: relative;
5378
5576
  height: 300px;
@@ -5435,7 +5633,6 @@
5435
5633
  }
5436
5634
 
5437
5635
  .el-carousel__indicators--outside {
5438
- bottom: calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);
5439
5636
  text-align: center;
5440
5637
  position: static;
5441
5638
  transform: none;
@@ -5452,15 +5649,7 @@
5452
5649
  right: 0;
5453
5650
  }
5454
5651
 
5455
- .el-carousel__indicators--labels {
5456
- left: 0;
5457
- right: 0;
5458
- transform: none;
5459
- text-align: center;
5460
- }
5461
5652
  .el-carousel__indicators--labels .el-carousel__button {
5462
- height: auto;
5463
- width: auto;
5464
5653
  padding: 2px 18px;
5465
5654
  font-size: 12px;
5466
5655
  color: #000000;
@@ -5506,6 +5695,10 @@
5506
5695
  cursor: pointer;
5507
5696
  transition: var(--el-transition-duration);
5508
5697
  }
5698
+ .el-carousel__indicators--labels .el-carousel__button {
5699
+ height: auto;
5700
+ width: auto;
5701
+ }
5509
5702
 
5510
5703
  .carousel-arrow-left-enter-from,
5511
5704
  .carousel-arrow-left-leave-active {
@@ -5543,6 +5736,7 @@
5543
5736
 
5544
5737
  .el-cascader-panel {
5545
5738
  display: flex;
5739
+ width: fit-content;
5546
5740
  border-radius: var(--el-cascader-menu-radius);
5547
5741
  font-size: var(--el-cascader-menu-font-size);
5548
5742
  }
@@ -5683,8 +5877,13 @@
5683
5877
  }
5684
5878
  .el-cascader .el-input .el-input__inner {
5685
5879
  text-overflow: ellipsis;
5880
+ }
5881
+ .el-cascader .el-input .el-input__inner:read-only {
5686
5882
  cursor: pointer;
5687
5883
  }
5884
+ .el-cascader .el-input .el-input__inner:disabled {
5885
+ cursor: not-allowed;
5886
+ }
5688
5887
  .el-cascader .el-input .el-input__suffix-inner .el-icon svg {
5689
5888
  vertical-align: middle;
5690
5889
  }
@@ -6108,6 +6307,7 @@
6108
6307
  --el-checkbox-button-checked-bg-color: var(--el-color-primary);
6109
6308
  --el-checkbox-button-checked-text-color: var(--el-color-white);
6110
6309
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
6310
+ --el-checkbox-button-disabled-checked-fill: var(--el-border-color-extra-light);
6111
6311
  }
6112
6312
 
6113
6313
  .el-checkbox-button {
@@ -6122,13 +6322,11 @@
6122
6322
  vertical-align: middle;
6123
6323
  cursor: pointer;
6124
6324
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
6125
- border: var(--el-border);
6126
- border-left-color: transparent;
6325
+ outline: var(--el-border);
6127
6326
  color: var(--el-button-text-color, var(--el-text-color-regular));
6128
6327
  -webkit-appearance: none;
6129
6328
  text-align: center;
6130
6329
  box-sizing: border-box;
6131
- outline: none;
6132
6330
  margin: 0;
6133
6331
  position: relative;
6134
6332
  transition: var(--el-transition-all);
@@ -6178,8 +6376,11 @@
6178
6376
  .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
6179
6377
  border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
6180
6378
  }
6379
+ .el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
6380
+ background-color: var(--el-checkbox-button-disabled-checked-fill);
6381
+ }
6382
+
6181
6383
  .el-checkbox-button:first-child .el-checkbox-button__inner {
6182
- border-left: var(--el-border);
6183
6384
  border-top-left-radius: var(--el-border-radius-base);
6184
6385
  border-bottom-left-radius: var(--el-border-radius-base);
6185
6386
  box-shadow: none !important;
@@ -6312,6 +6513,7 @@
6312
6513
  .el-checkbox__input.is-disabled .el-checkbox__inner::after {
6313
6514
  cursor: not-allowed;
6314
6515
  border-color: var(--el-checkbox-disabled-icon-color);
6516
+ will-change: transform;
6315
6517
  }
6316
6518
  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
6317
6519
  background-color: var(--el-checkbox-disabled-checked-input-fill);
@@ -9421,19 +9623,6 @@
9421
9623
  left: 100%;
9422
9624
  }
9423
9625
  }
9424
- .el-collapse {
9425
- --el-collapse-border-color: var(--el-border-color-lighter);
9426
- --el-collapse-header-height: 48px;
9427
- --el-collapse-header-bg-color: var(--el-fill-color-blank);
9428
- --el-collapse-header-text-color: var(--el-text-color-primary);
9429
- --el-collapse-header-font-size: 13px;
9430
- --el-collapse-content-bg-color: var(--el-fill-color-blank);
9431
- --el-collapse-content-font-size: 13px;
9432
- --el-collapse-content-text-color: var(--el-text-color-primary);
9433
- border-top: 1px solid var(--el-collapse-border-color);
9434
- border-bottom: 1px solid var(--el-collapse-border-color);
9435
- }
9436
-
9437
9626
  .el-collapse-item.is-disabled .el-collapse-item__header {
9438
9627
  color: var(--el-text-color-disabled);
9439
9628
  cursor: not-allowed;
@@ -9455,6 +9644,7 @@
9455
9644
  font-weight: 500;
9456
9645
  transition: border-bottom-color var(--el-transition-duration);
9457
9646
  outline: none;
9647
+ box-sizing: border-box;
9458
9648
  }
9459
9649
  .el-collapse-item__arrow {
9460
9650
  transition: transform var(--el-transition-duration);
@@ -9495,6 +9685,19 @@
9495
9685
  margin-bottom: -1px;
9496
9686
  }
9497
9687
 
9688
+ .el-collapse {
9689
+ --el-collapse-border-color: var(--el-border-color-lighter);
9690
+ --el-collapse-header-height: 48px;
9691
+ --el-collapse-header-bg-color: var(--el-fill-color-blank);
9692
+ --el-collapse-header-text-color: var(--el-text-color-primary);
9693
+ --el-collapse-header-font-size: 13px;
9694
+ --el-collapse-content-bg-color: var(--el-fill-color-blank);
9695
+ --el-collapse-content-font-size: 13px;
9696
+ --el-collapse-content-text-color: var(--el-text-color-primary);
9697
+ border-top: 1px solid var(--el-collapse-border-color);
9698
+ border-bottom: 1px solid var(--el-collapse-border-color);
9699
+ }
9700
+
9498
9701
  .el-collapse-icon-position-left .el-collapse-item__header {
9499
9702
  gap: 8px;
9500
9703
  }
@@ -9505,11 +9708,16 @@
9505
9708
  padding-right: 8px;
9506
9709
  }
9507
9710
 
9711
+ .el-color-picker-panel {
9712
+ --el-colorpicker-bg-color: var(--el-bg-color-overlay);
9713
+ --el-fill-color-blank: var(--el-colorpicker-bg-color);
9714
+ }
9715
+
9508
9716
  .el-color-picker-panel {
9509
9717
  width: 300px;
9510
9718
  padding: 12px;
9511
9719
  box-sizing: content-box;
9512
- background: var(--el-bg-color-overlay);
9720
+ background: var(--el-colorpicker-bg-color);
9513
9721
  }
9514
9722
  .el-color-picker-panel.is-border {
9515
9723
  border: solid 1px var(--el-border-color-lighter);
@@ -9569,16 +9777,23 @@
9569
9777
  .el-color-predefine__color-selector {
9570
9778
  width: 20px;
9571
9779
  height: 20px;
9572
- border-radius: 4px;
9780
+ padding: 0;
9781
+ border-radius: var(--el-border-radius-base);
9782
+ border: none;
9783
+ outline: none;
9784
+ overflow: hidden;
9573
9785
  cursor: pointer;
9574
9786
  }
9575
9787
  .el-color-predefine__color-selector.selected {
9576
9788
  box-shadow: 0 0 3px 2px var(--el-color-primary);
9577
9789
  }
9790
+ .el-color-predefine__color-selector:focus-visible {
9791
+ outline: 2px solid var(--el-color-primary);
9792
+ outline-offset: 2px;
9793
+ }
9578
9794
  .el-color-predefine__color-selector > div {
9579
9795
  display: flex;
9580
9796
  height: 100%;
9581
- border-radius: 3px;
9582
9797
  }
9583
9798
  .el-color-predefine__color-selector.is-alpha {
9584
9799
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
@@ -9637,34 +9852,21 @@
9637
9852
  position: relative;
9638
9853
  width: 280px;
9639
9854
  height: 180px;
9855
+ background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
9640
9856
  }
9641
- .el-color-svpanel__white, .el-color-svpanel__black {
9642
- position: absolute;
9643
- top: 0;
9644
- left: 0;
9645
- right: 0;
9646
- bottom: 0;
9647
- }
9648
-
9649
- .el-color-svpanel__white {
9650
- background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
9651
- }
9652
-
9653
- .el-color-svpanel__black {
9654
- background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
9655
- }
9656
-
9657
9857
  .el-color-svpanel__cursor {
9658
9858
  position: absolute;
9659
- }
9660
- .el-color-svpanel__cursor > div {
9661
- cursor: head;
9859
+ cursor: pointer;
9662
9860
  width: 4px;
9663
9861
  height: 4px;
9664
9862
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
9665
9863
  border-radius: 50%;
9666
9864
  transform: translate(-2px, -2px);
9667
9865
  }
9866
+ .el-color-svpanel__cursor:focus-visible {
9867
+ outline: 2px solid var(--el-color-primary);
9868
+ outline-offset: 2px;
9869
+ }
9668
9870
 
9669
9871
  .el-color-alpha-slider {
9670
9872
  position: relative;
@@ -10456,14 +10658,14 @@
10456
10658
 
10457
10659
  .el-picker-panel {
10458
10660
  color: var(--el-text-color-regular);
10459
- background: var(--el-bg-color-overlay);
10661
+ background: var(--el-datepicker-bg-color);
10460
10662
  border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
10461
10663
  line-height: 30px;
10462
10664
  }
10463
10665
  .el-picker-panel .el-time-panel {
10464
10666
  margin: 5px 0;
10465
10667
  border: solid 1px var(--el-datepicker-border-color);
10466
- background-color: var(--el-bg-color-overlay);
10668
+ background-color: var(--el-datepicker-bg-color);
10467
10669
  box-shadow: var(--el-box-shadow-light);
10468
10670
  }
10469
10671
  .el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
@@ -10481,7 +10683,7 @@
10481
10683
  border-top: 1px solid var(--el-datepicker-inner-border-color);
10482
10684
  padding: 4px 12px;
10483
10685
  text-align: right;
10484
- background-color: var(--el-bg-color-overlay);
10686
+ background-color: var(--el-datepicker-bg-color);
10485
10687
  position: relative;
10486
10688
  font-size: 0;
10487
10689
  }
@@ -10530,7 +10732,9 @@
10530
10732
  background: transparent;
10531
10733
  cursor: pointer;
10532
10734
  outline: none;
10735
+ line-height: 1;
10533
10736
  margin-top: 8px;
10737
+ padding: 1px 6px;
10534
10738
  }
10535
10739
  .el-picker-panel__icon-btn:hover {
10536
10740
  color: var(--el-datepicker-hover-text-color);
@@ -10625,6 +10829,8 @@
10625
10829
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
10626
10830
  --el-datepicker-active-color: var(--el-color-primary);
10627
10831
  --el-datepicker-hover-text-color: var(--el-color-primary);
10832
+ --el-datepicker-bg-color: var(--el-bg-color-overlay);
10833
+ --el-fill-color-blank: var(--el-datepicker-bg-color);
10628
10834
  }
10629
10835
 
10630
10836
  .el-date-picker {
@@ -10739,6 +10945,7 @@
10739
10945
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
10740
10946
  --el-datepicker-active-color: var(--el-color-primary);
10741
10947
  --el-datepicker-hover-text-color: var(--el-color-primary);
10948
+ --el-datepicker-bg-color: var(--el-bg-color-overlay);
10742
10949
  }
10743
10950
 
10744
10951
  .el-date-range-picker {
@@ -10798,7 +11005,7 @@
10798
11005
  }
10799
11006
 
10800
11007
  .el-date-range-picker__content {
10801
- float: left;
11008
+ display: table-cell;
10802
11009
  width: 50%;
10803
11010
  box-sizing: border-box;
10804
11011
  margin: 0;
@@ -11267,6 +11474,9 @@
11267
11474
  left: 0;
11268
11475
  overflow: auto;
11269
11476
  }
11477
+ .el-overlay-dialog.is-closing .el-dialog {
11478
+ pointer-events: none;
11479
+ }
11270
11480
 
11271
11481
  .dialog-fade-enter-active {
11272
11482
  animation: modal-fade-in var(--el-transition-duration);
@@ -11532,6 +11742,13 @@
11532
11742
  top: -2px;
11533
11743
  }
11534
11744
 
11745
+ .el-modal-drawer.is-penetrable {
11746
+ pointer-events: none;
11747
+ }
11748
+ .el-modal-drawer.is-penetrable .el-drawer {
11749
+ pointer-events: auto;
11750
+ }
11751
+
11535
11752
  .el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
11536
11753
  transition: all var(--el-transition-duration);
11537
11754
  }
@@ -11787,23 +12004,6 @@
11787
12004
  height: var(--el-footer-height);
11788
12005
  }
11789
12006
 
11790
- .el-form {
11791
- --el-form-label-font-size: var(--el-font-size-base);
11792
- --el-form-inline-content-width: 220px;
11793
- }
11794
- .el-form--inline .el-form-item {
11795
- display: inline-flex;
11796
- vertical-align: middle;
11797
- margin-right: 32px;
11798
- }
11799
- .el-form--inline.el-form--label-top {
11800
- display: flex;
11801
- flex-wrap: wrap;
11802
- }
11803
- .el-form--inline.el-form--label-top .el-form-item {
11804
- display: block;
11805
- }
11806
-
11807
12007
  .el-form-item {
11808
12008
  display: flex;
11809
12009
  --font-size: 14px;
@@ -11889,6 +12089,7 @@
11889
12089
  text-align: left;
11890
12090
  margin-bottom: 8px;
11891
12091
  line-height: 22px;
12092
+ padding-right: 0;
11892
12093
  }
11893
12094
 
11894
12095
  .el-form-item__label-wrap {
@@ -11982,6 +12183,23 @@
11982
12183
  display: inline-flex;
11983
12184
  }
11984
12185
 
12186
+ .el-form {
12187
+ --el-form-label-font-size: var(--el-font-size-base);
12188
+ --el-form-inline-content-width: 220px;
12189
+ }
12190
+ .el-form--inline .el-form-item {
12191
+ display: inline-flex;
12192
+ vertical-align: middle;
12193
+ margin-right: 32px;
12194
+ }
12195
+ .el-form--inline.el-form--label-top {
12196
+ display: flex;
12197
+ flex-wrap: wrap;
12198
+ }
12199
+ .el-form--inline.el-form--label-top .el-form-item {
12200
+ display: block;
12201
+ }
12202
+
11985
12203
  .el-header {
11986
12204
  --el-header-padding: 0 20px;
11987
12205
  --el-header-height: 60px;
@@ -12114,6 +12332,10 @@
12114
12332
  background: #000;
12115
12333
  }
12116
12334
 
12335
+ .el-image-viewer-parent--hidden {
12336
+ overflow: hidden;
12337
+ }
12338
+
12117
12339
  .viewer-fade-enter-active {
12118
12340
  animation: viewer-fade-in var(--el-transition-duration);
12119
12341
  }
@@ -12227,6 +12449,10 @@
12227
12449
  transition: var(--el-transition-box-shadow);
12228
12450
  border: none;
12229
12451
  }
12452
+ .el-textarea__inner.is-clearable {
12453
+ padding: 5px 26px 5px 11px;
12454
+ }
12455
+
12230
12456
  .el-textarea__inner::placeholder {
12231
12457
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
12232
12458
  }
@@ -12238,6 +12464,19 @@
12238
12464
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
12239
12465
  }
12240
12466
 
12467
+ .el-textarea__clear {
12468
+ position: absolute;
12469
+ right: 11px;
12470
+ top: 15px;
12471
+ transform: translateY(-50%);
12472
+ color: var(--el-input-icon-color);
12473
+ font-size: 14px;
12474
+ cursor: pointer;
12475
+ }
12476
+ .el-textarea__clear:hover {
12477
+ color: var(--el-input-clear-hover-color);
12478
+ }
12479
+
12241
12480
  .el-textarea .el-input__count {
12242
12481
  color: var(--el-color-info);
12243
12482
  background: var(--el-fill-color-blank);
@@ -12247,6 +12486,16 @@
12247
12486
  bottom: 5px;
12248
12487
  right: 10px;
12249
12488
  }
12489
+ .el-textarea .el-input__count.is-outside {
12490
+ position: absolute;
12491
+ background: transparent;
12492
+ padding-top: 2px;
12493
+ top: 100%;
12494
+ right: 0;
12495
+ bottom: unset;
12496
+ line-height: 1;
12497
+ }
12498
+
12250
12499
  .el-textarea.is-disabled .el-textarea__inner {
12251
12500
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
12252
12501
  background-color: var(--el-disabled-bg-color);
@@ -12334,6 +12583,19 @@
12334
12583
  display: inline-block;
12335
12584
  padding-left: 8px;
12336
12585
  }
12586
+ .el-input .el-input__count.is-outside {
12587
+ height: unset;
12588
+ position: absolute;
12589
+ padding-top: 2px;
12590
+ top: 100%;
12591
+ right: 0;
12592
+ }
12593
+ .el-input .el-input__count.is-outside .el-input__count-inner {
12594
+ background: transparent;
12595
+ padding-left: 0px;
12596
+ line-height: 1;
12597
+ }
12598
+
12337
12599
  .el-input__wrapper {
12338
12600
  display: inline-flex;
12339
12601
  flex-grow: 1;
@@ -12829,6 +13091,10 @@
12829
13091
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
12830
13092
  }
12831
13093
 
13094
+ .el-input-tag__collapse-tag {
13095
+ line-height: 1;
13096
+ }
13097
+
12832
13098
  .el-input-tag__input-tag-list {
12833
13099
  position: relative;
12834
13100
  display: flex;
@@ -12956,9 +13222,9 @@
12956
13222
 
12957
13223
  .el-link {
12958
13224
  display: inline-flex;
12959
- flex-direction: row;
12960
- align-items: center;
12961
13225
  justify-content: center;
13226
+ align-items: center;
13227
+ flex-direction: row;
12962
13228
  vertical-align: middle;
12963
13229
  position: relative;
12964
13230
  text-decoration: none;
@@ -13454,6 +13720,12 @@
13454
13720
  opacity: 0;
13455
13721
  }
13456
13722
 
13723
+ .el-popper,
13724
+ .el-menu--popup-container,
13725
+ .el-menu {
13726
+ outline: none;
13727
+ }
13728
+
13457
13729
  .el-message-box {
13458
13730
  --el-messagebox-title-color: var(--el-text-color-primary);
13459
13731
  --el-messagebox-width: 420px;
@@ -13631,6 +13903,10 @@
13631
13903
  justify-content: center;
13632
13904
  }
13633
13905
 
13906
+ .el-message-box-parent--hidden {
13907
+ overflow: hidden;
13908
+ }
13909
+
13634
13910
  .fade-in-linear-enter-active .el-overlay-message-box {
13635
13911
  animation: msgbox-fade-in var(--el-transition-duration);
13636
13912
  }
@@ -13659,7 +13935,7 @@
13659
13935
  }
13660
13936
 
13661
13937
  .el-message {
13662
- width: fit-content;
13938
+ width: max-content;
13663
13939
  max-width: calc(100% - 32px);
13664
13940
  box-sizing: border-box;
13665
13941
  border-radius: var(--el-border-radius-base);
@@ -13788,12 +14064,14 @@
13788
14064
  .el-message-fade-leave-to {
13789
14065
  opacity: 0;
13790
14066
  }
13791
- .el-message-fade-enter-from:is(.is-left, .is-right),
13792
- .el-message-fade-leave-to:is(.is-left, .is-right) {
14067
+ .el-message-fade-enter-from.is-left, .el-message-fade-enter-from.is-right,
14068
+ .el-message-fade-leave-to.is-left,
14069
+ .el-message-fade-leave-to.is-right {
13793
14070
  transform: translateY(-100%);
13794
14071
  }
13795
- .el-message-fade-enter-from:is(.is-left, .is-right).is-bottom,
13796
- .el-message-fade-leave-to:is(.is-left, .is-right).is-bottom {
14072
+ .el-message-fade-enter-from.is-left.is-bottom, .el-message-fade-enter-from.is-right.is-bottom,
14073
+ .el-message-fade-leave-to.is-left.is-bottom,
14074
+ .el-message-fade-leave-to.is-right.is-bottom {
13797
14075
  transform: translateY(100%);
13798
14076
  }
13799
14077
  .el-message-fade-enter-from.is-center,
@@ -14017,7 +14295,8 @@
14017
14295
  .el-pagination .el-select {
14018
14296
  width: 128px;
14019
14297
  }
14020
- .el-pagination button {
14298
+ .el-pagination .btn-prev,
14299
+ .el-pagination .btn-next {
14021
14300
  display: flex;
14022
14301
  justify-content: center;
14023
14302
  align-items: center;
@@ -14034,30 +14313,38 @@
14034
14313
  text-align: center;
14035
14314
  box-sizing: border-box;
14036
14315
  }
14037
- .el-pagination button * {
14316
+ .el-pagination .btn-prev *,
14317
+ .el-pagination .btn-next * {
14038
14318
  pointer-events: none;
14039
14319
  }
14040
- .el-pagination button:focus {
14320
+ .el-pagination .btn-prev:focus,
14321
+ .el-pagination .btn-next:focus {
14041
14322
  outline: none;
14042
14323
  }
14043
- .el-pagination button:hover {
14324
+ .el-pagination .btn-prev:hover,
14325
+ .el-pagination .btn-next:hover {
14044
14326
  color: var(--el-pagination-hover-color);
14045
14327
  }
14046
- .el-pagination button.is-active {
14328
+ .el-pagination .btn-prev.is-active,
14329
+ .el-pagination .btn-next.is-active {
14047
14330
  color: var(--el-pagination-hover-color);
14048
14331
  cursor: default;
14049
14332
  font-weight: bold;
14050
14333
  }
14051
- .el-pagination button.is-active.is-disabled {
14334
+ .el-pagination .btn-prev.is-active.is-disabled,
14335
+ .el-pagination .btn-next.is-active.is-disabled {
14052
14336
  font-weight: bold;
14053
14337
  color: var(--el-text-color-secondary);
14054
14338
  }
14055
- .el-pagination button:disabled, .el-pagination button.is-disabled {
14339
+ .el-pagination .btn-prev:disabled, .el-pagination .btn-prev.is-disabled,
14340
+ .el-pagination .btn-next:disabled,
14341
+ .el-pagination .btn-next.is-disabled {
14056
14342
  color: var(--el-pagination-button-disabled-color);
14057
14343
  background-color: var(--el-pagination-button-disabled-bg-color);
14058
14344
  cursor: not-allowed;
14059
14345
  }
14060
- .el-pagination button:focus-visible {
14346
+ .el-pagination .btn-prev:focus-visible,
14347
+ .el-pagination .btn-next:focus-visible {
14061
14348
  outline: 1px solid var(--el-pagination-hover-color);
14062
14349
  outline-offset: -1px;
14063
14350
  }
@@ -14245,6 +14532,9 @@
14245
14532
  outline-offset: -1px;
14246
14533
  }
14247
14534
 
14535
+ .el-popconfirm {
14536
+ outline: none;
14537
+ }
14248
14538
  .el-popconfirm__main {
14249
14539
  display: flex;
14250
14540
  align-items: center;
@@ -14474,14 +14764,12 @@
14474
14764
  white-space: nowrap;
14475
14765
  vertical-align: middle;
14476
14766
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
14477
- border: var(--el-border);
14767
+ outline: var(--el-border);
14478
14768
  font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
14479
- border-left: 0;
14480
14769
  color: var(--el-button-text-color, var(--el-text-color-regular));
14481
14770
  -webkit-appearance: none;
14482
14771
  text-align: center;
14483
14772
  box-sizing: border-box;
14484
- outline: none;
14485
14773
  margin: 0;
14486
14774
  position: relative;
14487
14775
  cursor: pointer;
@@ -14505,7 +14793,6 @@
14505
14793
  }
14506
14794
 
14507
14795
  .el-radio-button:first-child .el-radio-button__inner {
14508
- border-left: var(--el-border);
14509
14796
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
14510
14797
  box-shadow: none !important;
14511
14798
  }
@@ -14704,6 +14991,7 @@
14704
14991
  cursor: pointer;
14705
14992
  display: inline-block;
14706
14993
  box-sizing: border-box;
14994
+ transition: all 0.3s;
14707
14995
  }
14708
14996
  .el-radio__inner:hover {
14709
14997
  border-color: var(--el-radio-input-border-color-hover);
@@ -14851,7 +15139,7 @@
14851
15139
  }
14852
15140
 
14853
15141
  .el-rate.is-disabled .el-rate__item {
14854
- cursor: auto;
15142
+ cursor: not-allowed;
14855
15143
  color: var(--el-rate-disabled-void-color);
14856
15144
  }
14857
15145
 
@@ -15378,9 +15666,6 @@
15378
15666
  width: 100%;
15379
15667
  background-color: transparent;
15380
15668
  }
15381
- .el-select__input.is-disabled {
15382
- cursor: not-allowed;
15383
- }
15384
15669
 
15385
15670
  .el-select__input-calculator {
15386
15671
  position: absolute;
@@ -15984,6 +16269,10 @@
15984
16269
  width: 24px;
15985
16270
  }
15986
16271
 
16272
+ .el-step.is-vertical .el-step__description {
16273
+ padding-right: 0;
16274
+ }
16275
+
15987
16276
  .el-step.is-center .el-step__head {
15988
16277
  text-align: center;
15989
16278
  }
@@ -16072,6 +16361,7 @@
16072
16361
 
16073
16362
  .el-steps {
16074
16363
  display: flex;
16364
+ line-height: normal;
16075
16365
  }
16076
16366
  .el-steps--simple {
16077
16367
  padding: 13px 8%;
@@ -16176,8 +16466,9 @@
16176
16466
  overflow: hidden;
16177
16467
  padding: 0 4px 0 calc(16px + 2px);
16178
16468
  }
16179
- .el-switch__core .el-switch__inner .is-icon,
16180
- .el-switch__core .el-switch__inner .is-text {
16469
+ .el-switch__core .el-switch__inner-wrapper {
16470
+ display: flex;
16471
+ align-items: center;
16181
16472
  font-size: 12px;
16182
16473
  color: var(--el-color-white);
16183
16474
  user-select: none;
@@ -16311,6 +16602,7 @@
16311
16602
  margin: 0;
16312
16603
  list-style: none;
16313
16604
  min-width: 100px;
16605
+ outline: none;
16314
16606
  }
16315
16607
 
16316
16608
  .el-table-filter__list-item {
@@ -16318,8 +16610,9 @@
16318
16610
  padding: 0 10px;
16319
16611
  cursor: pointer;
16320
16612
  font-size: var(--el-font-size-base);
16613
+ outline: none;
16321
16614
  }
16322
- .el-table-filter__list-item:hover {
16615
+ .el-table-filter__list-item:hover, .el-table-filter__list-item:focus {
16323
16616
  background-color: var(--el-color-primary-light-9);
16324
16617
  color: var(--el-color-primary);
16325
16618
  }
@@ -16328,6 +16621,10 @@
16328
16621
  color: #ffffff;
16329
16622
  }
16330
16623
 
16624
+ .el-table-filter__multiple {
16625
+ outline: none;
16626
+ }
16627
+
16331
16628
  .el-table-filter__content {
16332
16629
  min-width: 100px;
16333
16630
  }
@@ -16337,19 +16634,28 @@
16337
16634
  padding: 8px;
16338
16635
  }
16339
16636
  .el-table-filter__bottom button {
16340
- background: transparent;
16637
+ cursor: pointer;
16638
+ padding: 0;
16639
+ margin: 0;
16640
+ background-color: transparent;
16641
+ appearance: none;
16341
16642
  border: none;
16643
+ border-radius: var(--el-border-radius-base);
16644
+ outline: none;
16645
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
16646
+ }
16647
+ .el-table-filter__bottom button:focus-visible {
16648
+ outline: 2px solid var(--el-color-primary);
16649
+ outline-offset: 2px;
16650
+ }
16651
+ .el-table-filter__bottom button {
16342
16652
  color: var(--el-text-color-regular);
16343
- cursor: pointer;
16344
16653
  font-size: var(--el-font-size-small);
16345
16654
  padding: 0 3px;
16346
16655
  }
16347
16656
  .el-table-filter__bottom button:hover {
16348
16657
  color: var(--el-color-primary);
16349
16658
  }
16350
- .el-table-filter__bottom button:focus {
16351
- outline: none;
16352
- }
16353
16659
  .el-table-filter__bottom button.is-disabled {
16354
16660
  color: var(--el-disabled-text-color);
16355
16661
  cursor: not-allowed;
@@ -16381,10 +16687,10 @@
16381
16687
  --el-table-header-text-color: var(--el-text-color-secondary);
16382
16688
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
16383
16689
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
16384
- --el-table-header-bg-color: var(--el-bg-color);
16690
+ --el-table-header-bg-color: var(--el-fill-color-blank);
16385
16691
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
16386
16692
  --el-table-bg-color: var(--el-fill-color-blank);
16387
- --el-table-tr-bg-color: var(--el-bg-color);
16693
+ --el-table-tr-bg-color: var(--el-fill-color-blank);
16388
16694
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
16389
16695
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
16390
16696
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
@@ -16444,13 +16750,32 @@
16444
16750
  }
16445
16751
 
16446
16752
  .el-table__expand-icon {
16447
- position: relative;
16448
16753
  cursor: pointer;
16754
+ padding: 0;
16755
+ margin: 0;
16756
+ background-color: transparent;
16757
+ appearance: none;
16758
+ border: none;
16759
+ border-radius: var(--el-border-radius-base);
16760
+ outline: none;
16761
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
16762
+ }
16763
+ .el-table__expand-icon:focus-visible {
16764
+ outline: 2px solid var(--el-color-primary);
16765
+ outline-offset: -2px;
16766
+ }
16767
+ .el-table__expand-icon {
16449
16768
  color: var(--el-text-color-regular);
16450
16769
  font-size: 12px;
16451
- transition: transform var(--el-transition-duration-fast) ease-in-out;
16452
- height: 20px;
16770
+ line-height: 12px;
16771
+ width: min(23px, 100%);
16772
+ height: 23px;
16453
16773
  }
16774
+ .el-table__expand-icon.is-disabled {
16775
+ color: var(--el-disabled-text-color);
16776
+ cursor: not-allowed;
16777
+ }
16778
+
16454
16779
  .el-table__expand-icon--expanded {
16455
16780
  transform: rotate(90deg);
16456
16781
  }
@@ -16686,7 +17011,7 @@
16686
17011
  position: absolute;
16687
17012
  top: 0px;
16688
17013
  width: 10px;
16689
- bottom: -1px;
17014
+ bottom: 0px;
16690
17015
  overflow-x: hidden;
16691
17016
  overflow-y: hidden;
16692
17017
  box-shadow: none;
@@ -16808,6 +17133,21 @@
16808
17133
  z-index: calc(var(--el-table-index) + 2);
16809
17134
  }
16810
17135
 
17136
+ .el-table .caret-wrapper {
17137
+ cursor: pointer;
17138
+ padding: 0;
17139
+ margin: 0;
17140
+ background-color: transparent;
17141
+ appearance: none;
17142
+ border: none;
17143
+ border-radius: var(--el-border-radius-base);
17144
+ outline: none;
17145
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
17146
+ }
17147
+ .el-table .caret-wrapper:focus-visible {
17148
+ outline: 2px solid var(--el-color-primary);
17149
+ outline-offset: 2px;
17150
+ }
16811
17151
  .el-table .caret-wrapper {
16812
17152
  display: inline-flex;
16813
17153
  flex-direction: column;
@@ -16815,7 +17155,6 @@
16815
17155
  height: 14px;
16816
17156
  width: 24px;
16817
17157
  vertical-align: middle;
16818
- cursor: pointer;
16819
17158
  overflow: initial;
16820
17159
  position: relative;
16821
17160
  }
@@ -16885,8 +17224,22 @@
16885
17224
  }
16886
17225
 
16887
17226
  .el-table__column-filter-trigger {
16888
- display: inline-block;
16889
17227
  cursor: pointer;
17228
+ padding: 0;
17229
+ margin: 0;
17230
+ background-color: transparent;
17231
+ appearance: none;
17232
+ border: none;
17233
+ border-radius: var(--el-border-radius-base);
17234
+ outline: none;
17235
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
17236
+ }
17237
+ .el-table__column-filter-trigger:focus-visible {
17238
+ outline: 2px solid var(--el-color-primary);
17239
+ outline-offset: 2px;
17240
+ }
17241
+ .el-table__column-filter-trigger {
17242
+ display: inline-block;
16890
17243
  }
16891
17244
  .el-table__column-filter-trigger i {
16892
17245
  color: var(--el-color-info);
@@ -16922,7 +17275,7 @@
16922
17275
  }
16923
17276
 
16924
17277
  .el-table--enable-row-transition .el-table__body td.el-table__cell {
16925
- transition: background-color 0.25s ease;
17278
+ transition: background-color 0.25s ease 1ms;
16926
17279
  }
16927
17280
 
16928
17281
  .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
@@ -16931,11 +17284,8 @@
16931
17284
 
16932
17285
  .el-table [class*=el-table__row--level] .el-table__expand-icon {
16933
17286
  display: inline-block;
16934
- width: 12px;
16935
- line-height: 12px;
16936
- height: 12px;
17287
+ width: 20px;
16937
17288
  text-align: center;
16938
- margin-right: 8px;
16939
17289
  }
16940
17290
  .el-table .el-table.el-table--border .el-table__cell {
16941
17291
  border-right: var(--el-table-border);
@@ -16954,10 +17304,10 @@
16954
17304
  --el-table-header-text-color: var(--el-text-color-secondary);
16955
17305
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
16956
17306
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
16957
- --el-table-header-bg-color: var(--el-bg-color);
17307
+ --el-table-header-bg-color: var(--el-fill-color-blank);
16958
17308
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
16959
17309
  --el-table-bg-color: var(--el-fill-color-blank);
16960
- --el-table-tr-bg-color: var(--el-bg-color);
17310
+ --el-table-tr-bg-color: var(--el-fill-color-blank);
16961
17311
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
16962
17312
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
16963
17313
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
@@ -17101,13 +17451,28 @@
17101
17451
  display: block;
17102
17452
  }
17103
17453
 
17454
+ .el-table-v2__sort-icon {
17455
+ cursor: pointer;
17456
+ padding: 0;
17457
+ margin: 0;
17458
+ background-color: transparent;
17459
+ appearance: none;
17460
+ border: none;
17461
+ border-radius: var(--el-border-radius-base);
17462
+ outline: none;
17463
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
17464
+ }
17465
+ .el-table-v2__sort-icon:focus-visible {
17466
+ outline: 2px solid var(--el-color-primary);
17467
+ outline-offset: 2px;
17468
+ }
17104
17469
  .el-table-v2__sort-icon {
17105
17470
  transition: opacity, display var(--el-transition-duration);
17106
17471
  opacity: 0.6;
17107
17472
  display: none;
17108
17473
  }
17109
17474
  .el-table-v2__sort-icon.is-sorting {
17110
- display: block;
17475
+ display: flex;
17111
17476
  opacity: 1;
17112
17477
  }
17113
17478
 
@@ -17142,8 +17507,22 @@
17142
17507
  }
17143
17508
 
17144
17509
  .el-table-v2__expand-icon {
17145
- margin: 0 4px;
17146
17510
  cursor: pointer;
17511
+ padding: 0;
17512
+ margin: 0;
17513
+ background-color: transparent;
17514
+ appearance: none;
17515
+ border: none;
17516
+ border-radius: var(--el-border-radius-base);
17517
+ outline: none;
17518
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
17519
+ }
17520
+ .el-table-v2__expand-icon:focus-visible {
17521
+ outline: 2px solid var(--el-color-primary);
17522
+ outline-offset: 2px;
17523
+ }
17524
+ .el-table-v2__expand-icon {
17525
+ margin: 0 4px;
17147
17526
  user-select: none;
17148
17527
  }
17149
17528
  .el-table-v2__expand-icon svg {
@@ -17194,6 +17573,9 @@
17194
17573
  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
17195
17574
  list-style: none;
17196
17575
  }
17576
+ .el-tabs__active-bar.is-bottom {
17577
+ bottom: auto;
17578
+ }
17197
17579
 
17198
17580
  .el-tabs__new-tab {
17199
17581
  display: flex;
@@ -17244,6 +17626,10 @@
17244
17626
  background-color: var(--el-border-color-light);
17245
17627
  z-index: var(--el-index-normal);
17246
17628
  }
17629
+ .el-tabs__nav-wrap.is-bottom::after {
17630
+ top: 0;
17631
+ bottom: auto;
17632
+ }
17247
17633
  .el-tabs__nav-wrap.is-scrollable {
17248
17634
  padding: 0 20px;
17249
17635
  box-sizing: border-box;
@@ -17262,6 +17648,10 @@
17262
17648
  width: 20px;
17263
17649
  text-align: center;
17264
17650
  }
17651
+ .el-tabs__nav-next.is-disabled, .el-tabs__nav-prev.is-disabled {
17652
+ color: var(--el-text-color-disabled);
17653
+ cursor: not-allowed;
17654
+ }
17265
17655
 
17266
17656
  .el-tabs__nav-next {
17267
17657
  right: 0;
@@ -17521,6 +17911,16 @@
17521
17911
  .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
17522
17912
  transform: rotateZ(90deg);
17523
17913
  }
17914
+ .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
17915
+ .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
17916
+ .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
17917
+ .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
17918
+ .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
17919
+ .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
17920
+ .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled {
17921
+ cursor: not-allowed;
17922
+ }
17923
+
17524
17924
  .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
17525
17925
  .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
17526
17926
  .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
@@ -17866,8 +18266,21 @@
17866
18266
  width: var(--el-icon-size);
17867
18267
  }
17868
18268
  .el-tag .el-tag__close {
18269
+ padding: 0;
18270
+ background-color: transparent;
18271
+ border-radius: 50%;
18272
+ border: none;
18273
+ outline: none;
18274
+ overflow: hidden;
17869
18275
  margin-left: 6px;
17870
18276
  }
18277
+ .el-tag .el-tag__close:focus-visible {
18278
+ outline: 2px solid var(--el-color-primary);
18279
+ outline-offset: 2px;
18280
+ }
18281
+ .el-tag .el-tag__close .el-icon {
18282
+ display: flex;
18283
+ }
17871
18284
  .el-tag--dark {
17872
18285
  --el-tag-text-color: var(--el-color-white);
17873
18286
  --el-tag-bg-color: var(--el-color-primary);
@@ -18108,14 +18521,13 @@
18108
18521
  padding-bottom: 20px;
18109
18522
  }
18110
18523
  .el-timeline-item__wrapper {
18524
+ box-sizing: content-box;
18111
18525
  position: relative;
18112
- padding-left: 28px;
18113
18526
  top: -3px;
18114
18527
  }
18115
18528
 
18116
18529
  .el-timeline-item__tail {
18117
18530
  position: absolute;
18118
- left: 4px;
18119
18531
  height: 100%;
18120
18532
  border-left: 2px solid var(--el-timeline-node-color);
18121
18533
  }
@@ -18135,13 +18547,11 @@
18135
18547
  align-items: center;
18136
18548
  }
18137
18549
  .el-timeline-item__node--normal {
18138
- left: -1px;
18139
18550
  width: var(--el-timeline-node-size-normal);
18140
18551
  height: var(--el-timeline-node-size-normal);
18141
18552
  }
18142
18553
 
18143
18554
  .el-timeline-item__node--large {
18144
- left: -2px;
18145
18555
  width: var(--el-timeline-node-size-large);
18146
18556
  height: var(--el-timeline-node-size-large);
18147
18557
  }
@@ -18202,6 +18612,49 @@
18202
18612
  margin-top: 8px;
18203
18613
  }
18204
18614
 
18615
+ .el-timeline-item.is-start .el-timeline-item__wrapper {
18616
+ padding-left: 28px;
18617
+ }
18618
+
18619
+ .el-timeline-item.is-start .el-timeline-item__tail {
18620
+ left: 4px;
18621
+ }
18622
+
18623
+ .el-timeline-item.is-start .el-timeline-item__node--normal {
18624
+ left: -1px;
18625
+ }
18626
+
18627
+ .el-timeline-item.is-start .el-timeline-item__node--large {
18628
+ left: -2px;
18629
+ }
18630
+
18631
+ .el-timeline-item.is-end .el-timeline-item__wrapper {
18632
+ padding-right: 28px;
18633
+ text-align: right;
18634
+ }
18635
+
18636
+ .el-timeline-item.is-end .el-timeline-item__tail {
18637
+ right: 4px;
18638
+ }
18639
+
18640
+ .el-timeline-item.is-end .el-timeline-item__node--normal {
18641
+ right: -1px;
18642
+ }
18643
+
18644
+ .el-timeline-item.is-end .el-timeline-item__node--large {
18645
+ right: -2px;
18646
+ }
18647
+
18648
+ .el-timeline-item.is-alternate .el-timeline-item__tail, .el-timeline-item.is-alternate .el-timeline-item__node {
18649
+ left: 50%;
18650
+ transform: translateX(-50%);
18651
+ }
18652
+
18653
+ .el-timeline-item.is-alternate-reverse .el-timeline-item__tail, .el-timeline-item.is-alternate-reverse .el-timeline-item__node {
18654
+ left: 50%;
18655
+ transform: translateX(-50%);
18656
+ }
18657
+
18205
18658
  .el-timeline {
18206
18659
  --el-timeline-node-size-normal: 12px;
18207
18660
  --el-timeline-node-size-large: 14px;
@@ -18234,114 +18687,44 @@
18234
18687
  display: block;
18235
18688
  height: calc(50% - 10px);
18236
18689
  }
18237
-
18238
- .el-tooltip-v2__content {
18239
- --el-tooltip-v2-padding: 5px 10px;
18240
- --el-tooltip-v2-border-radius: 4px;
18241
- --el-tooltip-v2-border-color: var(--el-border-color);
18242
- border-radius: var(--el-tooltip-v2-border-radius);
18243
- color: var(--el-color-black);
18244
- background-color: var(--el-color-white);
18245
- padding: var(--el-tooltip-v2-padding);
18246
- border: 1px solid var(--el-border-color);
18247
- }
18248
- .el-tooltip-v2__arrow {
18249
- position: absolute;
18250
- color: var(--el-color-white);
18251
- width: var(--el-tooltip-v2-arrow-width);
18252
- height: var(--el-tooltip-v2-arrow-height);
18253
- pointer-events: none;
18254
- left: var(--el-tooltip-v2-arrow-x);
18255
- top: var(--el-tooltip-v2-arrow-y);
18256
- }
18257
- .el-tooltip-v2__arrow::before {
18258
- content: "";
18259
- width: 0;
18260
- height: 0;
18261
- border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
18262
- position: absolute;
18263
- }
18264
- .el-tooltip-v2__arrow::after {
18265
- content: "";
18266
- width: 0;
18267
- height: 0;
18268
- border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
18269
- position: absolute;
18270
- }
18271
- .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow {
18272
- bottom: 0;
18273
- }
18274
- .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow::before {
18275
- border-top-color: var(--el-color-white);
18276
- border-top-width: var(--el-tooltip-v2-arrow-border-width);
18277
- border-bottom: 0;
18278
- top: calc(100% - 1px);
18279
- }
18280
- .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow::after {
18281
- border-top-color: var(--el-border-color);
18282
- border-top-width: var(--el-tooltip-v2-arrow-border-width);
18283
- border-bottom: 0;
18284
- top: 100%;
18285
- z-index: -1;
18286
- }
18287
- .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow {
18288
- top: 0;
18289
- }
18290
- .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow::before {
18291
- border-bottom-color: var(--el-color-white);
18292
- border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
18293
- border-top: 0;
18294
- bottom: calc(100% - 1px);
18295
- }
18296
- .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow::after {
18297
- border-bottom-color: var(--el-border-color);
18298
- border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
18299
- border-top: 0;
18300
- bottom: 100%;
18301
- z-index: -1;
18302
- }
18303
- .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow {
18304
- right: 0;
18305
- }
18306
- .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow::before {
18307
- border-left-color: var(--el-color-white);
18308
- border-left-width: var(--el-tooltip-v2-arrow-border-width);
18309
- border-right: 0;
18310
- left: calc(100% - 1px);
18690
+ .el-timeline.is-start {
18691
+ padding-left: 40px;
18692
+ padding-right: 0;
18311
18693
  }
18312
- .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow::after {
18313
- border-left-color: var(--el-border-color);
18314
- border-left-width: var(--el-tooltip-v2-arrow-border-width);
18315
- border-right: 0;
18316
- left: 100%;
18317
- z-index: -1;
18694
+
18695
+ .el-timeline.is-end {
18696
+ padding-left: 0;
18697
+ padding-right: 40px;
18318
18698
  }
18319
- .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow {
18320
- left: 0;
18699
+
18700
+ .el-timeline.is-alternate {
18701
+ padding-left: 20px;
18702
+ padding-right: 20px;
18321
18703
  }
18322
- .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow::before {
18323
- border-right-color: var(--el-color-white);
18324
- border-right-width: var(--el-tooltip-v2-arrow-border-width);
18325
- border-left: 0;
18326
- right: calc(100% - 1px);
18704
+ .el-timeline.is-alternate .el-timeline-item:nth-child(2n+1) .el-timeline-item__wrapper {
18705
+ width: calc(50% - 28px);
18706
+ left: calc(50% - var(--el-timeline-node-size-large) / 2);
18707
+ padding-left: 28px;
18327
18708
  }
18328
- .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow::after {
18329
- border-right-color: var(--el-border-color);
18330
- border-right-width: var(--el-tooltip-v2-arrow-border-width);
18331
- border-left: 0;
18332
- right: 100%;
18333
- z-index: -1;
18709
+ .el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper {
18710
+ width: calc(50% - 28px + var(--el-timeline-node-size-large) / 2);
18711
+ text-align: right;
18712
+ padding-right: 28px;
18334
18713
  }
18335
18714
 
18336
- .el-tooltip-v2__content.is-dark {
18337
- --el-tooltip-v2-border-color: transparent;
18338
- background-color: var(--el-color-black);
18339
- color: var(--el-color-white);
18340
- border-color: transparent;
18715
+ .el-timeline.is-alternate-reverse {
18716
+ padding-left: 20px;
18717
+ padding-right: 20px;
18341
18718
  }
18342
- .el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
18343
- background-color: var(--el-color-black);
18344
- border-color: transparent;
18719
+ .el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n+1) .el-timeline-item__wrapper {
18720
+ width: calc(50% - 28px + var(--el-timeline-node-size-large) / 2);
18721
+ text-align: right;
18722
+ padding-right: 28px;
18723
+ }
18724
+ .el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper {
18725
+ width: calc(50% - 28px);
18726
+ left: calc(50% - var(--el-timeline-node-size-large) / 2);
18727
+ padding-left: 28px;
18345
18728
  }
18346
18729
 
18347
18730
  .el-transfer {
@@ -18485,18 +18868,27 @@
18485
18868
  align-items: center;
18486
18869
  }
18487
18870
  .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
18871
+ display: flex;
18872
+ flex: 1;
18873
+ align-items: center;
18874
+ min-width: 0;
18488
18875
  font-size: 16px;
18489
18876
  color: var(--el-text-color-primary);
18490
18877
  font-weight: normal;
18491
18878
  }
18492
- .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
18493
- position: absolute;
18494
- right: 15px;
18495
- top: 50%;
18496
- transform: translate3d(0, -50%, 0);
18879
+ .el-transfer-panel .el-transfer-panel__header-title {
18880
+ overflow: hidden;
18881
+ text-overflow: ellipsis;
18882
+ white-space: nowrap;
18883
+ flex: 1;
18884
+ min-width: 0;
18885
+ }
18886
+ .el-transfer-panel .el-transfer-panel__header-count {
18887
+ flex-shrink: 0;
18888
+ margin-left: 8px;
18889
+ margin-right: 15px;
18497
18890
  color: var(--el-text-color-secondary);
18498
18891
  font-size: 12px;
18499
- font-weight: normal;
18500
18892
  }
18501
18893
  .el-transfer-panel .el-transfer-panel__footer {
18502
18894
  height: var(--el-transfer-panel-footer-height);
@@ -18673,8 +19065,10 @@
18673
19065
  }
18674
19066
 
18675
19067
  .el-upload {
18676
- --el-upload-dragger-padding-horizontal: 40px;
18677
- --el-upload-dragger-padding-vertical: 10px;
19068
+ --el-upload-dragger-padding-horizontal: 10px;
19069
+ --el-upload-dragger-padding-vertical: 40px;
19070
+ --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
19071
+ --el-upload-picture-card-size: 148px;
18678
19072
  }
18679
19073
 
18680
19074
  .el-upload {
@@ -18730,7 +19124,6 @@
18730
19124
  /* Picture Card for Wall */
18731
19125
  }
18732
19126
  .el-upload--picture-card {
18733
- --el-upload-picture-card-size: 148px;
18734
19127
  background-color: var(--el-fill-color-lighter);
18735
19128
  border: 1px dashed var(--el-border-color-darker);
18736
19129
  border-radius: 6px;
@@ -18765,7 +19158,7 @@
18765
19158
  }
18766
19159
 
18767
19160
  .el-upload-dragger {
18768
- padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
19161
+ padding: var(--el-upload-dragger-padding-vertical) var(--el-upload-dragger-padding-horizontal);
18769
19162
  background-color: var(--el-fill-color-blank);
18770
19163
  border: 1px dashed var(--el-border-color);
18771
19164
  border-radius: 6px;
@@ -18802,11 +19195,18 @@
18802
19195
  border-color: var(--el-color-primary);
18803
19196
  }
18804
19197
  .el-upload-dragger.is-dragover {
18805
- padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);
19198
+ padding: calc(var(--el-upload-dragger-padding-vertical) - 1px) calc(var(--el-upload-dragger-padding-horizontal) - 1px);
18806
19199
  background-color: var(--el-color-primary-light-9);
18807
19200
  border: 2px dashed var(--el-color-primary);
18808
19201
  }
18809
19202
 
19203
+ .el-upload-list {
19204
+ --el-upload-dragger-padding-horizontal: 10px;
19205
+ --el-upload-dragger-padding-vertical: 40px;
19206
+ --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
19207
+ --el-upload-picture-card-size: 148px;
19208
+ }
19209
+
18810
19210
  .el-upload-list {
18811
19211
  margin: 10px 0 0;
18812
19212
  padding: 0;
@@ -18866,13 +19266,16 @@
18866
19266
  color: var(--el-color-primary);
18867
19267
  font-style: normal;
18868
19268
  }
18869
- .el-upload-list__item:hover {
19269
+ .el-upload-list__item:hover, .el-upload-list__item:focus-within {
18870
19270
  background-color: var(--el-fill-color-light);
18871
19271
  }
18872
- .el-upload-list__item:hover .el-icon--close {
19272
+ .el-upload-list__item:hover .el-icon--close, .el-upload-list__item:focus-within .el-icon--close {
18873
19273
  display: inline-flex;
18874
19274
  }
18875
- .el-upload-list__item:hover .el-progress__text {
19275
+ .el-upload-list__item:hover .el-icon--close-tip, .el-upload-list__item:focus-within .el-icon--close-tip {
19276
+ right: 24px;
19277
+ }
19278
+ .el-upload-list__item:hover .el-progress__text, .el-upload-list__item:focus-within .el-progress__text {
18876
19279
  display: none;
18877
19280
  }
18878
19281
  .el-upload-list__item .el-upload-list__item-info {
@@ -18903,7 +19306,7 @@
18903
19306
  .el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip, .el-upload-list__item.is-success:active .el-icon--close-tip {
18904
19307
  display: none;
18905
19308
  }
18906
- .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
19309
+ .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus-within .el-upload-list__item-status-label {
18907
19310
  display: none;
18908
19311
  opacity: 0;
18909
19312
  }
@@ -18953,7 +19356,6 @@
18953
19356
  }
18954
19357
 
18955
19358
  .el-upload-list--picture-card {
18956
- --el-upload-list-picture-card-size: 148px;
18957
19359
  display: inline-flex;
18958
19360
  flex-wrap: wrap;
18959
19361
  margin: 0;
@@ -19266,6 +19668,8 @@
19266
19668
 
19267
19669
  .el-popper {
19268
19670
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
19671
+ --el-popper-bg-color-light: var(--el-bg-color-overlay);
19672
+ --el-popper-bg-color-dark: var(--el-text-color-primary);
19269
19673
  }
19270
19674
 
19271
19675
  .el-popper {
@@ -19281,23 +19685,25 @@
19281
19685
  visibility: visible;
19282
19686
  }
19283
19687
  .el-popper.is-dark {
19688
+ --el-fill-color-blank: var(--el-popper-bg-color-dark);
19284
19689
  color: var(--el-bg-color);
19285
- background: var(--el-text-color-primary);
19690
+ background: var(--el-popper-bg-color-dark);
19286
19691
  border: 1px solid var(--el-text-color-primary);
19287
19692
  }
19288
19693
  .el-popper.is-dark > .el-popper__arrow::before {
19289
19694
  border: 1px solid var(--el-text-color-primary);
19290
- background: var(--el-text-color-primary);
19695
+ background: var(--el-popper-bg-color-dark);
19291
19696
  right: 0;
19292
19697
  }
19293
19698
 
19294
19699
  .el-popper.is-light {
19295
- background: var(--el-bg-color-overlay);
19700
+ --el-fill-color-blank: var(--el-popper-bg-color-light);
19701
+ background: var(--el-popper-bg-color-light);
19296
19702
  border: 1px solid var(--el-border-color-light);
19297
19703
  }
19298
19704
  .el-popper.is-light > .el-popper__arrow::before {
19299
19705
  border: 1px solid var(--el-border-color-light);
19300
- background: var(--el-bg-color-overlay);
19706
+ background: var(--el-popper-bg-color-light);
19301
19707
  right: 0;
19302
19708
  }
19303
19709
 
@@ -19565,6 +19971,7 @@
19565
19971
  --el-anchor-font-size: 12px;
19566
19972
  --el-anchor-color: var(--el-text-color-secondary);
19567
19973
  --el-anchor-active-color: var(--el-color-primary);
19974
+ --el-anchor-hover-color: var(--el-text-color-regular);
19568
19975
  --el-anchor-marker-bg-color: var(--el-color-primary);
19569
19976
  position: relative;
19570
19977
  background-color: var(--el-anchor-bg-color);
@@ -19634,7 +20041,6 @@
19634
20041
  }
19635
20042
 
19636
20043
  .el-anchor__item {
19637
- overflow: hidden;
19638
20044
  display: flex;
19639
20045
  flex-direction: column;
19640
20046
  }
@@ -19654,7 +20060,11 @@
19654
20060
  cursor: pointer;
19655
20061
  }
19656
20062
  .el-anchor__link:hover, .el-anchor__link:focus {
19657
- color: var(--el-anchor-color);
20063
+ color: var(--el-hover-color);
20064
+ }
20065
+ .el-anchor__link:focus-visible {
20066
+ border-radius: var(--el-border-radius-base);
20067
+ outline: 2px solid var(--el-color-primary);
19658
20068
  }
19659
20069
  .el-anchor__link.is-active {
19660
20070
  color: var(--el-anchor-active-color);