meixioacomponent 0.2.27 → 0.2.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/lib/meixioacomponent.common.js +694 -329
  2. package/lib/meixioacomponent.umd.js +694 -329
  3. package/lib/meixioacomponent.umd.min.js +6 -6
  4. package/lib/style/element/index.css +95 -405
  5. package/lib/style/variables.less +6 -5
  6. package/package.json +1 -1
  7. package/packages/components/base/baseDialog/index.vue +76 -17
  8. package/packages/components/base/baseDialogTable/dialogTable.vue +13 -0
  9. package/packages/components/base/baseDrawer/index.vue +108 -33
  10. package/packages/components/base/baseIcon/index.vue +4 -4
  11. package/packages/components/base/basePlainTable/basePlainTable.vue +1 -1
  12. package/packages/components/base/basePopoverButton/index.vue +11 -1
  13. package/packages/components/index.js +2 -0
  14. package/packages/components/proForm/dialogForm/baseDialogForm.vue +21 -7
  15. package/packages/components/style/element/index.css +95 -405
  16. package/packages/components/style/variables.less +6 -5
  17. package/packages/config/use/UseResize.js +48 -0
  18. package/packages/config/use/useDrag.js +84 -0
  19. package/packages/utils/utils.js +12 -2
package/lib/style/element/index.css CHANGED
@@ -1503,22 +1503,24 @@
1503
1503
  height: 0;
1504
1504
  }
1505
1505
  .el-tag {
1506
- background-color: #e6eefb;
1507
- border-color: #ccdcf7;
1506
+ background-color: var(--hover-light-primary);
1508
1507
  color: var(--color-primary);
1509
1508
  display: inline-block;
1510
1509
  height: 32px;
1511
- padding: 0 10px;
1510
+ padding: 0 var(--padding-5);
1512
1511
  line-height: 30px;
1513
- font-size: 12px;
1512
+ font-size: var(--font-size-s);
1514
1513
  color: var(--color-primary);
1515
1514
  border-width: 1px;
1516
1515
  border-style: solid;
1517
- border-radius: 4px;
1516
+ border-radius: var(--radius);
1518
1517
  -webkit-box-sizing: border-box;
1519
1518
  box-sizing: border-box;
1520
1519
  white-space: nowrap;
1521
1520
  }
1521
+ .el-tag+.el-tag{
1522
+ margin-left: var(--margin-4);
1523
+ }
1522
1524
  .el-tag.is-hit {
1523
1525
  border-color: var(--color-primary);
1524
1526
  }
@@ -1530,9 +1532,9 @@
1530
1532
  background-color: var(--color-primary);
1531
1533
  }
1532
1534
  .el-tag.el-tag--info {
1533
- background-color: #f4f4f5;
1535
+ background-color: var(--color-gray-d);
1534
1536
  border-color: #e9e9eb;
1535
- color: #909399;
1537
+ color: var(--font-color-s);
1536
1538
  }
1537
1539
  .el-tag.el-tag--info.is-hit {
1538
1540
  border-color: #909399;
@@ -1544,11 +1546,7 @@
1544
1546
  color: var(--bg-white);
1545
1547
  background-color: #909399;
1546
1548
  }
1547
- .el-tag.el-tag--success {
1548
- background-color: #ebf9e9;
1549
- border-color: #d6f4d3;
1550
- color: #34c724;
1551
- }
1549
+
1552
1550
  .el-tag.el-tag--success.is-hit {
1553
1551
  border-color: #34c724;
1554
1552
  }
@@ -1574,11 +1572,7 @@
1574
1572
  color: var(--bg-white);
1575
1573
  background-color: #f80;
1576
1574
  }
1577
- .el-tag.el-tag--danger {
1578
- background-color: #feedec;
1579
- border-color: #fddbda;
1580
- color: var(--color-error);
1581
- }
1575
+
1582
1576
  .el-tag.el-tag--danger.is-hit {
1583
1577
  border-color: var(--color-error);
1584
1578
  }
@@ -3077,18 +3071,7 @@
3077
3071
  .el-button [class*="el-icon-"] + span {
3078
3072
  margin-left: 5px;
3079
3073
  }
3080
- .el-button.is-plain:focus,
3081
- .el-button.is-plain:hover {
3082
- background: var(--bg-white);
3083
- border-color: var(--color-primary);
3084
- color: var(--color-primary);
3085
- }
3086
- .el-button.is-plain:active {
3087
- background: var(--bg-white);
3088
- border-color: #004ac3;
3089
- color: #004ac3;
3090
- outline: 0;
3091
- }
3074
+
3092
3075
  .el-button.is-active {
3093
3076
  color: #004ac3;
3094
3077
  border-color: #004ac3;
@@ -3161,35 +3144,12 @@
3161
3144
  .el-button--primary.is-disabled:active,
3162
3145
  .el-button--primary.is-disabled:focus,
3163
3146
  .el-button--primary.is-disabled:hover {
3164
- color: var(--color-gray-d);
3165
- background-color: var(--color-primary);
3166
- border-color: var(--color-primary);
3167
- }
3168
- .el-button--primary.is-plain {
3169
- color: var(--color-primary);
3170
- background: #e6eefb;
3171
- border-color: #99baf0;
3172
- }
3173
- .el-button--primary.is-plain:focus,
3174
- .el-button--primary.is-plain:hover {
3175
- background: var(--color-primary);
3176
- border-color: var(--color-primary);
3177
- color: var(--text-white);
3178
- }
3179
- .el-button--primary.is-plain:active {
3180
- background: #004ac3;
3181
- border-color: #004ac3;
3182
- color: var(--text-white);
3183
- outline: 0;
3184
- }
3185
- .el-button--primary.is-plain.is-disabled,
3186
- .el-button--primary.is-plain.is-disabled:active,
3187
- .el-button--primary.is-plain.is-disabled:focus,
3188
- .el-button--primary.is-plain.is-disabled:hover {
3189
- color: #6697e8;
3190
- background-color: #e6eefb;
3191
- border-color: #ccdcf7;
3147
+ color: var(--text-disabled);
3148
+ background-color: var(--color-gray-m);
3149
+ border-color: var(--color-gray-m);
3192
3150
  }
3151
+
3152
+
3193
3153
  .el-button--success {
3194
3154
  color: var(--bg-white);
3195
3155
  background-color: #34c724;
@@ -3216,9 +3176,9 @@
3216
3176
  .el-button--success.is-disabled:active,
3217
3177
  .el-button--success.is-disabled:focus,
3218
3178
  .el-button--success.is-disabled:hover {
3219
- color: var(--color-gray-d);
3220
- background-color: var(--color-success);
3221
- border-color: var(--color-success);
3179
+ color: var(--text-disabled);
3180
+ background-color: var(--color-gray-m);
3181
+ border-color: var(--color-gray-m);
3222
3182
  }
3223
3183
  .el-button--success.is-plain {
3224
3184
  color: #34c724;
@@ -3301,18 +3261,8 @@
3301
3261
  border-color: #ffe7cc;
3302
3262
  }
3303
3263
 
3304
- .el-button--danger:focus,
3305
- .el-button--danger:hover {
3306
- background: #ff7859 !important;
3307
- border-color: #ff7859 !important;
3308
- color: var(--text-white) !important;
3309
- }
3310
- .el-button--danger:focus,
3311
- .el-button--danger:hover {
3312
- background: #ff7859 !important;
3313
- border-color: #ff7859 !important;
3314
- color: var(--text-white) !important;
3315
- }
3264
+
3265
+
3316
3266
  .el-button--danger:active {
3317
3267
  background: #ff7859;
3318
3268
  border-color: #ff7859;
@@ -3328,9 +3278,9 @@
3328
3278
  .el-button--danger.is-disabled:active,
3329
3279
  .el-button--danger.is-disabled:focus,
3330
3280
  .el-button--danger.is-disabled:hover {
3331
- color: var(--bg-white);
3332
- background-color: #faa5a2;
3333
- border-color: #faa5a2;
3281
+ color: var(--text-disabled);
3282
+ background-color: var(--color-gray-m);
3283
+ border-color: var(--color-gray-m);
3334
3284
  }
3335
3285
  .el-button--danger.is-plain {
3336
3286
  color: var(--color-error);
@@ -3382,7 +3332,7 @@
3382
3332
  .el-button--info.is-disabled:active,
3383
3333
  .el-button--info.is-disabled:focus,
3384
3334
  .el-button--info.is-disabled:hover {
3385
- color: var(--font-color-s);
3335
+ color: var(--text-disabled);
3386
3336
  background-color: var(--color-gray-m);
3387
3337
  border-color: var(--color-gray-m);
3388
3338
  }
@@ -6294,23 +6244,7 @@
6294
6244
  width: 0;
6295
6245
  height: 0;
6296
6246
  }
6297
- .el-tag {
6298
- background-color: #e6eefb;
6299
- border-color: #ccdcf7;
6300
- color: var(--color-primary);
6301
- display: inline-block;
6302
- height: 32px;
6303
- padding: 0 10px;
6304
- line-height: 30px;
6305
- font-size: 12px;
6306
- color: var(--color-primary);
6307
- border-width: 1px;
6308
- border-style: solid;
6309
- border-radius: 4px;
6310
- -webkit-box-sizing: border-box;
6311
- box-sizing: border-box;
6312
- white-space: nowrap;
6313
- }
6247
+
6314
6248
  .el-tag.is-hit {
6315
6249
  border-color: var(--color-primary);
6316
6250
  }
@@ -6321,11 +6255,7 @@
6321
6255
  color: var(--bg-white);
6322
6256
  background-color: var(--color-primary);
6323
6257
  }
6324
- .el-tag.el-tag--info {
6325
- background-color: #f4f4f5;
6326
- border-color: #e9e9eb;
6327
- color: #909399;
6328
- }
6258
+
6329
6259
  .el-tag.el-tag--info.is-hit {
6330
6260
  border-color: #909399;
6331
6261
  }
@@ -6336,11 +6266,7 @@
6336
6266
  color: var(--bg-white);
6337
6267
  background-color: #909399;
6338
6268
  }
6339
- .el-tag.el-tag--success {
6340
- background-color: #ebf9e9;
6341
- border-color: #d6f4d3;
6342
- color: #34c724;
6343
- }
6269
+
6344
6270
  .el-tag.el-tag--success.is-hit {
6345
6271
  border-color: #34c724;
6346
6272
  }
@@ -6366,11 +6292,7 @@
6366
6292
  color: var(--bg-white);
6367
6293
  background-color: #f80;
6368
6294
  }
6369
- .el-tag.el-tag--danger {
6370
- background-color: #feedec;
6371
- border-color: #fddbda;
6372
- color: var(--color-error);
6373
- }
6295
+
6374
6296
  .el-tag.el-tag--danger.is-hit {
6375
6297
  border-color: var(--color-error);
6376
6298
  }
@@ -6968,39 +6890,9 @@
6968
6890
  border-color: #004ac3;
6969
6891
  color: var(--text-white);
6970
6892
  }
6971
- .el-button--primary.is-disabled,
6972
- .el-button--primary.is-disabled:active,
6973
- .el-button--primary.is-disabled:focus,
6974
- .el-button--primary.is-disabled:hover {
6975
- color: var(--color-gray-d);
6976
- background-color: var(--color-primary);
6977
- border-color: var(--color-primary);
6978
- }
6979
- .el-button--primary.is-plain {
6980
- color: var(--color-primary);
6981
- background: #e6eefb;
6982
- border-color: #99baf0;
6983
- }
6984
- .el-button--primary.is-plain:focus,
6985
- .el-button--primary.is-plain:hover {
6986
- background: var(--color-primary);
6987
- border-color: var(--color-primary);
6988
- color: var(--text-white);
6989
- }
6990
- .el-button--primary.is-plain:active {
6991
- background: #004ac3;
6992
- border-color: #004ac3;
6993
- color: var(--text-white);
6994
- outline: 0;
6995
- }
6996
- .el-button--primary.is-plain.is-disabled,
6997
- .el-button--primary.is-plain.is-disabled:active,
6998
- .el-button--primary.is-plain.is-disabled:focus,
6999
- .el-button--primary.is-plain.is-disabled:hover {
7000
- color: #6697e8;
7001
- background-color: #e6eefb;
7002
- border-color: #ccdcf7;
7003
- }
6893
+
6894
+
6895
+
7004
6896
  .el-button--success {
7005
6897
  color: white;
7006
6898
  background-color: #34c724;
@@ -7027,9 +6919,9 @@
7027
6919
  .el-button--success.is-disabled:active,
7028
6920
  .el-button--success.is-disabled:focus,
7029
6921
  .el-button--success.is-disabled:hover {
7030
- color: var(--color-gray-d);
7031
- background-color: var(--color-success);
7032
- border-color: var(--color-success);
6922
+ color: var(--text-disabled);
6923
+ background-color: var(--color-gray-m);
6924
+ border-color: var(--color-gray-m);
7033
6925
  }
7034
6926
  .el-button--success.is-plain {
7035
6927
  color: #34c724;
@@ -7120,9 +7012,9 @@
7120
7012
  .el-button--danger.is-disabled:active,
7121
7013
  .el-button--danger.is-disabled:focus,
7122
7014
  .el-button--danger.is-disabled:hover {
7123
- color: white;
7124
- background-color: #faa5a2;
7125
- border-color: #faa5a2;
7015
+ color: var(--text-disabled);
7016
+ background-color: var(--color-gray-m);
7017
+ border-color: var(--color-gray-m);
7126
7018
  }
7127
7019
  .el-button--danger.is-plain {
7128
7020
  color: var(--color-error);
@@ -7170,14 +7062,7 @@
7170
7062
  border-color: var(--color-gray-d);
7171
7063
  color: var(--font-color-d);
7172
7064
  }
7173
- .el-button--info.is-disabled,
7174
- .el-button--info.is-disabled:active,
7175
- .el-button--info.is-disabled:focus,
7176
- .el-button--info.is-disabled:hover {
7177
- color: var(--font-color-s);
7178
- background-color: var(--color-gray-m);
7179
- border-color: var(--color-gray-m);
7180
- }
7065
+
7181
7066
  .el-button--info.is-plain {
7182
7067
  color: var(--font-color-m);
7183
7068
  border-color: transparent;
@@ -7692,23 +7577,7 @@
7692
7577
  .el-checkbox-group {
7693
7578
  font-size: 0;
7694
7579
  }
7695
- .el-tag {
7696
- background-color: #e6eefb;
7697
- border-color: #ccdcf7;
7698
- color: var(--color-primary);
7699
- display: inline-block;
7700
- height: 32px;
7701
- padding: 0 10px;
7702
- line-height: 30px;
7703
- font-size: 12px;
7704
- color: var(--color-primary);
7705
- border-width: 1px;
7706
- border-style: solid;
7707
- border-radius: 4px;
7708
- -webkit-box-sizing: border-box;
7709
- box-sizing: border-box;
7710
- white-space: nowrap;
7711
- }
7580
+
7712
7581
  .el-tag.is-hit {
7713
7582
  border-color: var(--color-primary);
7714
7583
  }
@@ -7719,11 +7588,7 @@
7719
7588
  color: var(--bg-white);
7720
7589
  background-color: var(--color-primary);
7721
7590
  }
7722
- .el-tag.el-tag--info {
7723
- background-color: #f4f4f5;
7724
- border-color: #e9e9eb;
7725
- color: #909399;
7726
- }
7591
+
7727
7592
  .el-tag.el-tag--info.is-hit {
7728
7593
  border-color: #909399;
7729
7594
  }
@@ -7734,11 +7599,7 @@
7734
7599
  color: var(--bg-white);
7735
7600
  background-color: #909399;
7736
7601
  }
7737
- .el-tag.el-tag--success {
7738
- background-color: #ebf9e9;
7739
- border-color: #d6f4d3;
7740
- color: #34c724;
7741
- }
7602
+
7742
7603
  .el-tag.el-tag--success.is-hit {
7743
7604
  border-color: #34c724;
7744
7605
  }
@@ -7764,11 +7625,7 @@
7764
7625
  color: var(--bg-white);
7765
7626
  background-color: #f80;
7766
7627
  }
7767
- .el-tag.el-tag--danger {
7768
- background-color: #feedec;
7769
- border-color: #fddbda;
7770
- color: var(--color-error);
7771
- }
7628
+
7772
7629
  .el-tag.el-tag--danger.is-hit {
7773
7630
  border-color: var(--color-error);
7774
7631
  }
@@ -8881,23 +8738,7 @@
8881
8738
  .el-checkbox-group {
8882
8739
  font-size: 0;
8883
8740
  }
8884
- .el-tag {
8885
- background-color: #e6eefb;
8886
- border-color: #ccdcf7;
8887
- color: var(--color-primary);
8888
- display: inline-block;
8889
- height: 32px;
8890
- padding: 0 10px;
8891
- line-height: 30px;
8892
- font-size: 12px;
8893
- color: var(--color-primary);
8894
- border-width: 1px;
8895
- border-style: solid;
8896
- border-radius: 4px;
8897
- -webkit-box-sizing: border-box;
8898
- box-sizing: border-box;
8899
- white-space: nowrap;
8900
- }
8741
+
8901
8742
  .el-tag.is-hit {
8902
8743
  border-color: var(--color-primary);
8903
8744
  }
@@ -8908,11 +8749,7 @@
8908
8749
  color: var(--bg-white);
8909
8750
  background-color: var(--color-primary);
8910
8751
  }
8911
- .el-tag.el-tag--info {
8912
- background-color: #f4f4f5;
8913
- border-color: #e9e9eb;
8914
- color: #909399;
8915
- }
8752
+
8916
8753
  .el-tag.el-tag--info.is-hit {
8917
8754
  border-color: #909399;
8918
8755
  }
@@ -8923,11 +8760,7 @@
8923
8760
  color: var(--bg-white);
8924
8761
  background-color: #909399;
8925
8762
  }
8926
- .el-tag.el-tag--success {
8927
- background-color: #ebf9e9;
8928
- border-color: #d6f4d3;
8929
- color: #34c724;
8930
- }
8763
+
8931
8764
  .el-tag.el-tag--success.is-hit {
8932
8765
  border-color: #34c724;
8933
8766
  }
@@ -8953,11 +8786,7 @@
8953
8786
  color: var(--bg-white);
8954
8787
  background-color: #f80;
8955
8788
  }
8956
- .el-tag.el-tag--danger {
8957
- background-color: #feedec;
8958
- border-color: #fddbda;
8959
- color: var(--color-error);
8960
- }
8789
+
8961
8790
  .el-tag.el-tag--danger.is-hit {
8962
8791
  border-color: var(--color-error);
8963
8792
  }
@@ -12864,39 +12693,8 @@
12864
12693
  border-color: #004ac3;
12865
12694
  color: var(--text-white);
12866
12695
  }
12867
- .el-button--primary.is-disabled,
12868
- .el-button--primary.is-disabled:active,
12869
- .el-button--primary.is-disabled:focus,
12870
- .el-button--primary.is-disabled:hover {
12871
- color: var(--color-gray-d);
12872
- background-color: var(--color-primary);
12873
- border-color: var(--color-primary);
12874
- }
12875
- .el-button--primary.is-plain {
12876
- color: var(--color-primary);
12877
- background: #e6eefb;
12878
- border-color: #99baf0;
12879
- }
12880
- .el-button--primary.is-plain:focus,
12881
- .el-button--primary.is-plain:hover {
12882
- background: var(--color-primary);
12883
- border-color: var(--color-primary);
12884
- color: var(--text-white);
12885
- }
12886
- .el-button--primary.is-plain:active {
12887
- background: #004ac3;
12888
- border-color: #004ac3;
12889
- color: var(--text-white);
12890
- outline: 0;
12891
- }
12892
- .el-button--primary.is-plain.is-disabled,
12893
- .el-button--primary.is-plain.is-disabled:active,
12894
- .el-button--primary.is-plain.is-disabled:focus,
12895
- .el-button--primary.is-plain.is-disabled:hover {
12896
- color: #6697e8;
12897
- background-color: #e6eefb;
12898
- border-color: #ccdcf7;
12899
- }
12696
+
12697
+
12900
12698
  .el-button--success {
12901
12699
  color: var(--text-white);
12902
12700
  background-color: #34c724;
@@ -12923,9 +12721,9 @@
12923
12721
  .el-button--success.is-disabled:active,
12924
12722
  .el-button--success.is-disabled:focus,
12925
12723
  .el-button--success.is-disabled:hover {
12926
- color: var(--color-gray-d);
12927
- background-color: var(--color-success);
12928
- border-color: var(--color-success);
12724
+ color: var(--text-disabled);
12725
+ background-color: var(--color-gray-m);
12726
+ border-color: var(--color-gray-m);
12929
12727
  }
12930
12728
  .el-button--success.is-plain {
12931
12729
  color: #34c724;
@@ -13001,12 +12799,7 @@
13001
12799
  border-color: #ffe7cc;
13002
12800
  }
13003
12801
 
13004
- .el-button--danger:focus,
13005
- .el-button--danger:hover {
13006
- background: #ff7859 !important;
13007
- border-color: #ff7859 !important;
13008
- color: var(--text-white) !important;
13009
- }
12802
+
13010
12803
  .el-button--danger:active {
13011
12804
  background: #ff7859;
13012
12805
  border-color: #ff7859;
@@ -13065,14 +12858,7 @@
13065
12858
  border-color: var(--color-gray-d);
13066
12859
  color: var(--font-color-d);
13067
12860
  }
13068
- .el-button--info.is-disabled,
13069
- .el-button--info.is-disabled:active,
13070
- .el-button--info.is-disabled:focus,
13071
- .el-button--info.is-disabled:hover {
13072
- color: var(--font-color-s);
13073
- background-color: var(--color-gray-m);
13074
- border-color: var(--color-gray-m);
13075
- }
12861
+
13076
12862
  .el-button--info.is-plain {
13077
12863
  color: var(--font-color-m);
13078
12864
  border-color: transparent;
@@ -14721,23 +14507,7 @@
14721
14507
  opacity: 0;
14722
14508
  }
14723
14509
  }
14724
- .el-tag {
14725
- background-color: #e6eefb;
14726
- border-color: #ccdcf7;
14727
- color: var(--color-primary);
14728
- display: inline-block;
14729
- height: 32px;
14730
- padding: 0 10px;
14731
- line-height: 30px;
14732
- font-size: 12px;
14733
- color: var(--color-primary);
14734
- border-width: 1px;
14735
- border-style: solid;
14736
- border-radius: 4px;
14737
- -webkit-box-sizing: border-box;
14738
- box-sizing: border-box;
14739
- white-space: nowrap;
14740
- }
14510
+
14741
14511
  .el-tag.is-hit {
14742
14512
  border-color: var(--color-primary);
14743
14513
  }
@@ -14748,11 +14518,7 @@
14748
14518
  color: var(--bg-white);
14749
14519
  background-color: var(--color-primary);
14750
14520
  }
14751
- .el-tag.el-tag--info {
14752
- background-color: #f4f4f5;
14753
- border-color: #e9e9eb;
14754
- color: #909399;
14755
- }
14521
+
14756
14522
  .el-tag.el-tag--info.is-hit {
14757
14523
  border-color: #909399;
14758
14524
  }
@@ -14763,11 +14529,7 @@
14763
14529
  color: var(--bg-white);
14764
14530
  background-color: #909399;
14765
14531
  }
14766
- .el-tag.el-tag--success {
14767
- background-color: #ebf9e9;
14768
- border-color: #d6f4d3;
14769
- color: #34c724;
14770
- }
14532
+
14771
14533
  .el-tag.el-tag--success.is-hit {
14772
14534
  border-color: #34c724;
14773
14535
  }
@@ -14793,11 +14555,7 @@
14793
14555
  color: var(--bg-white);
14794
14556
  background-color: #f80;
14795
14557
  }
14796
- .el-tag.el-tag--danger {
14797
- background-color: #feedec;
14798
- border-color: #fddbda;
14799
- color: var(--color-error);
14800
- }
14558
+
14801
14559
  .el-tag.el-tag--danger.is-hit {
14802
14560
  border-color: var(--color-error);
14803
14561
  }
@@ -21226,23 +20984,7 @@
21226
20984
  border-right-width: 0;
21227
20985
  border-left-color: var(--bg-white);
21228
20986
  }
21229
- .el-tag {
21230
- background-color: #e6eefb;
21231
- border-color: #ccdcf7;
21232
- color: var(--color-primary);
21233
- display: inline-block;
21234
- height: 32px;
21235
- padding: 0 10px;
21236
- line-height: 30px;
21237
- font-size: 12px;
21238
- color: var(--color-primary);
21239
- border-width: 1px;
21240
- border-style: solid;
21241
- border-radius: 4px;
21242
- -webkit-box-sizing: border-box;
21243
- box-sizing: border-box;
21244
- white-space: nowrap;
21245
- }
20987
+
21246
20988
  .el-tag.is-hit {
21247
20989
  border-color: var(--color-primary);
21248
20990
  }
@@ -21253,11 +20995,7 @@
21253
20995
  color: var(--bg-white);
21254
20996
  background-color: var(--color-primary);
21255
20997
  }
21256
- .el-tag.el-tag--info {
21257
- background-color: #f4f4f5;
21258
- border-color: #e9e9eb;
21259
- color: #909399;
21260
- }
20998
+
21261
20999
  .el-tag.el-tag--info.is-hit {
21262
21000
  border-color: #909399;
21263
21001
  }
@@ -21269,9 +21007,8 @@
21269
21007
  background-color: #909399;
21270
21008
  }
21271
21009
  .el-tag.el-tag--success {
21272
- background-color: #ebf9e9;
21273
- border-color: #d6f4d3;
21274
- color: #34c724;
21010
+ background-color:#abf5d1;
21011
+ color: #172b4d;
21275
21012
  }
21276
21013
  .el-tag.el-tag--success.is-hit {
21277
21014
  border-color: #34c724;
@@ -21299,9 +21036,8 @@
21299
21036
  background-color: #f80;
21300
21037
  }
21301
21038
  .el-tag.el-tag--danger {
21302
- background-color: #feedec;
21303
- border-color: #fddbda;
21304
- color: var(--color-error);
21039
+ background-color:#ffbdad;
21040
+ color: #bf2600;
21305
21041
  }
21306
21042
  .el-tag.el-tag--danger.is-hit {
21307
21043
  border-color: var(--color-error);
@@ -23239,39 +22975,30 @@
23239
22975
  border-color: #004ac3;
23240
22976
  color: var(--text-white);
23241
22977
  }
23242
- .el-button--primary.is-disabled,
23243
- .el-button--primary.is-disabled:active,
23244
- .el-button--primary.is-disabled:focus,
23245
- .el-button--primary.is-disabled:hover {
23246
- color: var(--color-gray-d);
22978
+
22979
+ .el-button--primary.is-plain {
22980
+ color: var(--text-white);
23247
22981
  background-color: var(--color-primary);
23248
22982
  border-color: var(--color-primary);
23249
22983
  }
23250
- .el-button--primary.is-plain {
23251
- color: var(--color-primary);
23252
- background: #e6eefb;
23253
- border-color: #99baf0;
23254
- }
23255
22984
  .el-button--primary.is-plain:focus,
23256
22985
  .el-button--primary.is-plain:hover {
23257
- background: var(--color-primary);
23258
- border-color: var(--color-primary);
23259
- color: var(--text-white);
22986
+ background: #3375e1 !important;
22987
+ border-color: #3375e1 !important;
22988
+ color: var(--text-white) !important;
23260
22989
  }
23261
22990
  .el-button--primary.is-plain:active {
22991
+ background: #004ac3 !important;
22992
+ border-color: #004ac3 !important;
22993
+ color: var(--text-white) !important;
22994
+ outline: 0 !important;
22995
+ }
22996
+ .el-button--primary.is-active {
23262
22997
  background: #004ac3;
23263
22998
  border-color: #004ac3;
23264
22999
  color: var(--text-white);
23265
- outline: 0;
23266
- }
23267
- .el-button--primary.is-plain.is-disabled,
23268
- .el-button--primary.is-plain.is-disabled:active,
23269
- .el-button--primary.is-plain.is-disabled:focus,
23270
- .el-button--primary.is-plain.is-disabled:hover {
23271
- color: #6697e8;
23272
- background-color: #e6eefb;
23273
- border-color: #ccdcf7;
23274
23000
  }
23001
+
23275
23002
  .el-button--success {
23276
23003
  color: var(--text-white);
23277
23004
  background-color: #34c724;
@@ -23294,14 +23021,7 @@
23294
23021
  border-color: #2fb320;
23295
23022
  color: var(--text-white);
23296
23023
  }
23297
- .el-button--success.is-disabled,
23298
- .el-button--success.is-disabled:active,
23299
- .el-button--success.is-disabled:focus,
23300
- .el-button--success.is-disabled:hover {
23301
- color: var(--color-gray-d);
23302
- background-color: var(--color-success);
23303
- border-color: var(--color-success);
23304
- }
23024
+
23305
23025
  .el-button--success.is-plain {
23306
23026
  color: #34c724;
23307
23027
  background: #ebf9e9;
@@ -23439,14 +23159,7 @@
23439
23159
  border-color: var(--color-gray-d);
23440
23160
  color: var(--font-color-d);
23441
23161
  }
23442
- .el-button--info.is-disabled,
23443
- .el-button--info.is-disabled:active,
23444
- .el-button--info.is-disabled:focus,
23445
- .el-button--info.is-disabled:hover {
23446
- color: var(--font-color-s);
23447
- background-color: var(--color-gray-m);
23448
- border-color: var(--color-gray-m);
23449
- }
23162
+
23450
23163
  .el-button--info.is-plain {
23451
23164
  color: var(--font-color-m);
23452
23165
  border-color: transparent;
@@ -24825,35 +24538,12 @@
24825
24538
  .el-button--primary.is-disabled:active,
24826
24539
  .el-button--primary.is-disabled:focus,
24827
24540
  .el-button--primary.is-disabled:hover {
24828
- color: var(--color-gray-d);
24829
- background-color: var(--color-primary);
24830
- border-color: var(--color-primary);
24831
- }
24832
- .el-button--primary.is-plain {
24833
- color: var(--color-primary);
24834
- background: #031433;
24835
- border-color: #02296a;
24836
- }
24837
- .el-button--primary.is-plain:focus,
24838
- .el-button--primary.is-plain:hover {
24839
- background: var(--color-primary);
24840
- border-color: var(--color-primary);
24841
- color: #030d20;
24842
- }
24843
- .el-button--primary.is-plain:active {
24844
- background: #1760da;
24845
- border-color: #1760da;
24846
- color: #030d20;
24847
- outline: 0;
24848
- }
24849
- .el-button--primary.is-plain.is-disabled,
24850
- .el-button--primary.is-plain.is-disabled:active,
24851
- .el-button--primary.is-plain.is-disabled:focus,
24852
- .el-button--primary.is-plain.is-disabled:hover {
24853
- color: #01368f;
24854
- background-color: #031433;
24855
- border-color: #021b45;
24541
+ color: var(--text-disabled);
24542
+ background-color: var(--color-gray-m);
24543
+ border-color: var(--color-gray-m);
24856
24544
  }
24545
+
24546
+
24857
24547
  .el-button--success {
24858
24548
  color: var(--bg-white);
24859
24549
  background-color: #34c724;
@@ -24880,9 +24570,9 @@
24880
24570
  .el-button--success.is-disabled:active,
24881
24571
  .el-button--success.is-disabled:focus,
24882
24572
  .el-button--success.is-disabled:hover {
24883
- color: var(--color-gray-d);
24884
- background-color: var(--color-success);
24885
- border-color: var(--color-success);
24573
+ color: var(--text-disabled);
24574
+ background-color: var(--color-gray-m);
24575
+ border-color: var(--color-gray-m);
24886
24576
  }
24887
24577
  .el-button--success.is-plain {
24888
24578
  color: #34c724;
@@ -24935,9 +24625,9 @@
24935
24625
  .el-button--warning.is-disabled:active,
24936
24626
  .el-button--warning.is-disabled:focus,
24937
24627
  .el-button--warning.is-disabled:hover {
24938
- color: #ffffffc2;
24939
- background-color: #ffc480;
24940
- border-color: #ffc480;
24628
+ color: var(--text-disabled);
24629
+ background-color:var(--color-gray-m);
24630
+ border-color: var(--color-gray-m);
24941
24631
  }
24942
24632
  .el-button--warning.is-plain {
24943
24633
  color: #f80;
@@ -24986,9 +24676,9 @@
24986
24676
  .el-button--danger.is-disabled:active,
24987
24677
  .el-button--danger.is-disabled:focus,
24988
24678
  .el-button--danger.is-disabled:hover {
24989
- color: #ffffffc2;
24990
- background-color: #faa5a2;
24991
- border-color: #faa5a2;
24679
+ color: var(--text-disabled);
24680
+ background-color: var(--color-gray-m);
24681
+ border-color: var(--color-gray-m);
24992
24682
  }
24993
24683
 
24994
24684
  .el-button--selected {
@@ -25071,7 +24761,7 @@
25071
24761
  .el-button--info.is-disabled:active,
25072
24762
  .el-button--info.is-disabled:focus,
25073
24763
  .el-button--info.is-disabled:hover {
25074
- color: var(--font-color-s);
24764
+ color: var(--text-disabled);
25075
24765
  background-color: var(--color-gray-m);
25076
24766
  border-color: var(--color-gray-m);
25077
24767
  }