xrk-components 2.0.0-beta.98 → 3.0.0

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 (20) hide show
  1. package/lib/index.css +304 -158
  2. package/lib/index.esm.js +559 -207
  3. package/lib/index.umd.js +559 -207
  4. package/lib/packages/base/date-picker/index.d.ts +15 -2
  5. package/lib/packages/base/dialog/hooks/use-resize.d.ts +6 -0
  6. package/lib/packages/base/form/index.d.ts +2 -2
  7. package/lib/packages/base/input/index.d.ts +2 -2
  8. package/lib/packages/base/layout/index.d.ts +4 -4
  9. package/lib/packages/base/table/table-column.d.ts +3 -9
  10. package/lib/packages/base/table/types/type.d.ts +7 -8
  11. package/lib/packages/hooks/use-default-props.d.ts +2 -0
  12. package/lib/packages/xrk/search/hooks/use-resize.d.ts +2 -0
  13. package/lib/packages/xrk/search/index.d.ts +4 -0
  14. package/lib/packages/xrk/search/search.d.ts +8 -0
  15. package/lib/packages/xrk/search/types/type.d.ts +1 -0
  16. package/lib/packages/xrk/slide-verify/index.d.ts +2 -2
  17. package/lib/packages/xrk/table/hooks/use-resize.d.ts +1 -0
  18. package/lib/packages/xrk/table/hooks/use-table.d.ts +1 -0
  19. package/lib/packages/xrk/table/index.d.ts +7 -0
  20. package/package.json +1 -1
package/lib/index.css CHANGED
@@ -3,14 +3,14 @@
3
3
  /* Element Chalk Variables */
4
4
  :root {
5
5
  --xrk-color-white: #ffffff;
6
- --xrk-color-black: #1a1a1a;
7
- --xrk-color-primary-rgb: 250, 129, 0;
8
- --xrk-color-success-rgb: 97, 167, 104;
9
- --xrk-color-warning-rgb: 237, 112, 103;
10
- --xrk-color-danger-rgb: 255, 11, 11;
6
+ --xrk-color-black: #121619;
7
+ --xrk-color-primary-rgb: 255, 110, 26;
8
+ --xrk-color-success-rgb: 66, 190, 101;
9
+ --xrk-color-warning-rgb: 241, 194, 27;
10
+ --xrk-color-danger-rgb: 250, 77, 86;
11
11
  --xrk-color-error-rgb: 255, 11, 11;
12
12
  --xrk-color-info-rgb: 144, 147, 153;
13
- --xrk-color-primary2-rgb: 44, 130, 234;
13
+ --xrk-color-primary2-rgb: 15, 98, 254;
14
14
  --xrk-font-size-extra-large: 20px;
15
15
  --xrk-font-size-large: 18px;
16
16
  --xrk-font-size-medium: 16px;
@@ -45,77 +45,77 @@
45
45
 
46
46
  :root {
47
47
  color-scheme: light;
48
- --xrk-color-primary: #fa8100;
49
- --xrk-color-primary-light-3: rgb(251.5, 166.8, 76.5);
50
- --xrk-color-primary-light-5: rgb(252.5, 192, 127.5);
51
- --xrk-color-primary-light-7: rgb(253.5, 217.2, 178.5);
52
- --xrk-color-primary-light-8: rgb(254, 229.8, 204);
53
- --xrk-color-primary-light-9: rgb(254.5, 242.4, 229.5);
54
- --xrk-color-primary-dark-1: rgb(227.6, 118.7, 2.6);
55
- --xrk-color-primary-dark-2: rgb(205.2, 108.4, 5.2);
56
- --xrk-color-primary-dark-3: rgb(182.8, 98.1, 7.8);
57
- --xrk-color-success: #61a768;
58
- --xrk-color-success-light-3: rgb(144.4, 193.4, 149.3);
59
- --xrk-color-success-light-5: rgb(176, 211, 179.5);
60
- --xrk-color-success-light-7: rgb(207.6, 228.6, 209.7);
61
- --xrk-color-success-light-8: rgb(223.4, 237.4, 224.8);
62
- --xrk-color-success-light-9: rgb(239.2, 246.2, 239.9);
63
- --xrk-color-success-dark-1: rgb(89.9, 152.9, 96.2);
64
- --xrk-color-success-dark-2: rgb(82.8, 138.8, 88.4);
65
- --xrk-color-success-dark-3: rgb(75.7, 124.7, 80.6);
66
- --xrk-color-warning: #ed7067;
67
- --xrk-color-warning-light-3: rgb(242.4, 154.9, 148.6);
68
- --xrk-color-warning-light-5: rgb(246, 183.5, 179);
69
- --xrk-color-warning-light-7: rgb(249.6, 212.1, 209.4);
70
- --xrk-color-warning-light-8: rgb(251.4, 226.4, 224.6);
71
- --xrk-color-warning-light-9: rgb(253.2, 240.7, 239.8);
72
- --xrk-color-warning-dark-1: rgb(215.9, 103.4, 95.3);
73
- --xrk-color-warning-dark-2: rgb(194.8, 94.8, 87.6);
74
- --xrk-color-warning-dark-3: rgb(173.7, 86.2, 79.9);
75
- --xrk-color-danger: #ff0b0b;
76
- --xrk-color-danger-light-3: rgb(255, 84.2, 84.2);
77
- --xrk-color-danger-light-5: #ff8585;
78
- --xrk-color-danger-light-7: rgb(255, 181.8, 181.8);
79
- --xrk-color-danger-light-8: rgb(255, 206.2, 206.2);
80
- --xrk-color-danger-light-9: rgb(255, 230.6, 230.6);
81
- --xrk-color-danger-dark-1: rgb(232.1, 12.5, 12.5);
82
- --xrk-color-danger-dark-2: rgb(209.2, 14, 14);
83
- --xrk-color-danger-dark-3: rgb(186.3, 15.5, 15.5);
48
+ --xrk-color-primary: #ff6e1a;
49
+ --xrk-color-primary-light-3: rgb(255, 153.5, 94.7);
50
+ --xrk-color-primary-light-5: rgb(255, 182.5, 140.5);
51
+ --xrk-color-primary-light-7: rgb(255, 211.5, 186.3);
52
+ --xrk-color-primary-light-8: rgb(255, 226, 209.2);
53
+ --xrk-color-primary-light-9: rgb(255, 240.5, 232.1);
54
+ --xrk-color-primary-dark-1: rgb(231.3, 101.2, 25.9);
55
+ --xrk-color-primary-dark-2: rgb(207.6, 92.4, 25.8);
56
+ --xrk-color-primary-dark-3: rgb(183.9, 83.6, 25.7);
57
+ --xrk-color-success: #42be65;
58
+ --xrk-color-success-light-3: rgb(122.7, 209.5, 147.2);
59
+ --xrk-color-success-light-5: rgb(160.5, 222.5, 178);
60
+ --xrk-color-success-light-7: rgb(198.3, 235.5, 208.8);
61
+ --xrk-color-success-light-8: rgb(217.2, 242, 224.2);
62
+ --xrk-color-success-light-9: rgb(236.1, 248.5, 239.6);
63
+ --xrk-color-success-dark-1: rgb(61.2, 173.2, 93.4);
64
+ --xrk-color-success-dark-2: rgb(56.4, 156.4, 85.8);
65
+ --xrk-color-success-dark-3: rgb(51.6, 139.6, 78.2);
66
+ --xrk-color-warning: #f1c21b;
67
+ --xrk-color-warning-light-3: rgb(245.2, 212.3, 95.4);
68
+ --xrk-color-warning-light-5: rgb(248, 224.5, 141);
69
+ --xrk-color-warning-light-7: rgb(250.8, 236.7, 186.6);
70
+ --xrk-color-warning-light-8: rgb(252.2, 242.8, 209.4);
71
+ --xrk-color-warning-light-9: rgb(253.6, 248.9, 232.2);
72
+ --xrk-color-warning-dark-1: rgb(218.7, 176.8, 26.8);
73
+ --xrk-color-warning-dark-2: rgb(196.4, 159.6, 26.6);
74
+ --xrk-color-warning-dark-3: rgb(174.1, 142.4, 26.4);
75
+ --xrk-color-danger: #fa4d56;
76
+ --xrk-color-danger-light-3: rgb(251.5, 130.4, 136.7);
77
+ --xrk-color-danger-light-5: rgb(252.5, 166, 170.5);
78
+ --xrk-color-danger-light-7: rgb(253.5, 201.6, 204.3);
79
+ --xrk-color-danger-light-8: rgb(254, 219.4, 221.2);
80
+ --xrk-color-danger-light-9: rgb(254.5, 237.2, 238.1);
81
+ --xrk-color-danger-dark-1: rgb(226.8, 71.5, 79.9);
82
+ --xrk-color-danger-dark-2: rgb(203.6, 66, 73.8);
83
+ --xrk-color-danger-dark-3: rgb(180.4, 60.5, 67.7);
84
84
  --xrk-color-error: #ff0b0b;
85
85
  --xrk-color-error-light-3: rgb(255, 84.2, 84.2);
86
86
  --xrk-color-error-light-5: #ff8585;
87
87
  --xrk-color-error-light-7: rgb(255, 181.8, 181.8);
88
88
  --xrk-color-error-light-8: rgb(255, 206.2, 206.2);
89
89
  --xrk-color-error-light-9: rgb(255, 230.6, 230.6);
90
- --xrk-color-error-dark-1: rgb(232.1, 12.5, 12.5);
91
- --xrk-color-error-dark-2: rgb(209.2, 14, 14);
92
- --xrk-color-error-dark-3: rgb(186.3, 15.5, 15.5);
90
+ --xrk-color-error-dark-1: rgb(231.3, 12.1, 12.4);
91
+ --xrk-color-error-dark-2: rgb(207.6, 13.2, 13.8);
92
+ --xrk-color-error-dark-3: rgb(183.9, 14.3, 15.2);
93
93
  --xrk-color-info: #909399;
94
94
  --xrk-color-info-light-3: rgb(177.3, 179.4, 183.6);
95
95
  --xrk-color-info-light-5: rgb(199.5, 201, 204);
96
96
  --xrk-color-info-light-7: rgb(221.7, 222.6, 224.4);
97
97
  --xrk-color-info-light-8: rgb(232.8, 233.4, 234.6);
98
98
  --xrk-color-info-light-9: rgb(243.9, 244.2, 244.8);
99
- --xrk-color-info-dark-1: rgb(132.2, 134.9, 140.3);
100
- --xrk-color-info-dark-2: rgb(120.4, 122.8, 127.6);
101
- --xrk-color-info-dark-3: rgb(108.6, 110.7, 114.9);
102
- --xrk-color-primary2: #2c82ea;
103
- --xrk-color-primary2-light-3: rgb(107.3, 167.5, 240.3);
104
- --xrk-color-primary2-light-5: rgb(149.5, 192.5, 244.5);
105
- --xrk-color-primary2-light-7: rgb(191.7, 217.5, 248.7);
106
- --xrk-color-primary2-light-8: rgb(212.8, 230, 250.8);
107
- --xrk-color-primary2-light-9: rgb(233.9, 242.5, 252.9);
108
- --xrk-color-primary2-dark-1: rgb(42.2, 119.6, 213.2);
109
- --xrk-color-primary2-dark-2: rgb(40.4, 109.2, 192.4);
110
- --xrk-color-primary2-dark-3: rgb(38.6, 98.8, 171.6);
99
+ --xrk-color-info-dark-1: rgb(131.4, 134.5, 140.2);
100
+ --xrk-color-info-dark-2: rgb(118.8, 122, 127.4);
101
+ --xrk-color-info-dark-3: rgb(106.2, 109.5, 114.6);
102
+ --xrk-color-primary2: #0f62fe;
103
+ --xrk-color-primary2-light-3: rgb(87, 145.1, 254.3);
104
+ --xrk-color-primary2-light-5: rgb(135, 176.5, 254.5);
105
+ --xrk-color-primary2-light-7: rgb(183, 207.9, 254.7);
106
+ --xrk-color-primary2-light-8: rgb(207, 223.6, 254.8);
107
+ --xrk-color-primary2-light-9: rgb(231, 239.3, 254.9);
108
+ --xrk-color-primary2-dark-1: rgb(15.3, 90.4, 231.1);
109
+ --xrk-color-primary2-dark-2: rgb(15.6, 82.8, 208.2);
110
+ --xrk-color-primary2-dark-3: rgb(15.9, 75.2, 185.3);
111
111
  --xrk-bg-color: #ffffff;
112
112
  --xrk-bg-color-page: #f2f3f5;
113
113
  --xrk-bg-color-overlay: #ffffff;
114
- --xrk-text-color-primary: #1a1a1a;
115
- --xrk-text-color-regular: #1a1a1a;
116
- --xrk-text-color-secondary: #4c4c4c;
117
- --xrk-text-color-placeholder: #bfbfbf;
118
- --xrk-text-color-disabled: #898989;
114
+ --xrk-text-color-primary: #121619;
115
+ --xrk-text-color-regular: #121619;
116
+ --xrk-text-color-secondary: #697077;
117
+ --xrk-text-color-placeholder: #878d96;
118
+ --xrk-text-color-disabled: #c1c7cd;
119
119
  --xrk-border-color: #dcdfe6;
120
120
  --xrk-border-color-light: #e4e7ed;
121
121
  --xrk-border-color-lighter: #ebeef5;
@@ -1905,7 +1905,7 @@
1905
1905
  width: auto;
1906
1906
  padding: 2px 18px;
1907
1907
  font-size: 12px;
1908
- color: #1a1a1a;
1908
+ color: #121619;
1909
1909
  }
1910
1910
 
1911
1911
  .xrk-carousel__indicators--labels .xrk-carousel__indicator {
@@ -2853,18 +2853,18 @@
2853
2853
  --xrk-checkbox-input-width: 14px;
2854
2854
  --xrk-checkbox-border-radius: var(--xrk-border-radius-small);
2855
2855
  --xrk-checkbox-bg-color: var(--xrk-fill-color-blank);
2856
- --xrk-checkbox-input-border: var(--xrk-border);
2857
- --xrk-checkbox-disabled-border-color: var(--xrk-border-color);
2858
- --xrk-checkbox-disabled-input-fill: var(--xrk-fill-color-light);
2859
- --xrk-checkbox-disabled-icon-color: var(--xrk-text-color-placeholder);
2860
- --xrk-checkbox-disabled-checked-input-fill: var(--xrk-border-color-extra-light);
2861
- --xrk-checkbox-disabled-checked-input-border-color: var(--xrk-border-color);
2862
- --xrk-checkbox-disabled-checked-icon-color: var(--xrk-text-color-placeholder);
2863
- --xrk-checkbox-checked-text-color: var(--xrk-color-primary);
2864
- --xrk-checkbox-checked-input-border-color: var(--xrk-color-primary);
2865
- --xrk-checkbox-checked-bg-color: var(--xrk-color-primary-light-9);
2866
- --xrk-checkbox-checked-icon-color: var(--xrk-color-primary);
2867
- --xrk-checkbox-input-border-color-hover: var(--xrk-color-primary);
2856
+ --xrk-checkbox-input-border: 1px solid #878d96;
2857
+ --xrk-checkbox-disabled-border-color: #c1c7cd;
2858
+ --xrk-checkbox-disabled-input-fill: #f2f4f8;
2859
+ --xrk-checkbox-disabled-icon-color: #f3f7ff;
2860
+ --xrk-checkbox-disabled-checked-input-fill: #87b0fe;
2861
+ --xrk-checkbox-disabled-checked-input-border-color: transparent;
2862
+ --xrk-checkbox-disabled-checked-icon-color: #f3f7ff;
2863
+ --xrk-checkbox-checked-text-color: var(--xrk-color-primary2);
2864
+ --xrk-checkbox-checked-input-border-color: transparent;
2865
+ --xrk-checkbox-checked-bg-color: var(--xrk-color-primary2);
2866
+ --xrk-checkbox-checked-icon-color: #fff;
2867
+ --xrk-checkbox-input-border-color-hover: var(--xrk-color-primary2);
2868
2868
  }
2869
2869
 
2870
2870
  .xrk-checkbox {
@@ -6894,7 +6894,7 @@
6894
6894
  float: left;
6895
6895
  line-height: 26px;
6896
6896
  font-size: 12px;
6897
- color: #1a1a1a;
6897
+ color: #121619;
6898
6898
  width: 160px;
6899
6899
  }
6900
6900
 
@@ -9028,8 +9028,8 @@
9028
9028
 
9029
9029
  .xrk-dropdown {
9030
9030
  --xrk-dropdown-menu-box-shadow: var(--xrk-box-shadow-light);
9031
- --xrk-dropdown-menuItem-hover-fill: var(--xrk-color-primary-light-9);
9032
- --xrk-dropdown-menuItem-hover-color: var(--xrk-color-primary);
9031
+ --xrk-dropdown-menuItem-hover-fill: #f2f4f8;
9032
+ --xrk-dropdown-menuItem-hover-color: #121619;
9033
9033
  --xrk-dropdown-menu-index: 10;
9034
9034
  display: -webkit-inline-box;
9035
9035
  display: -webkit-inline-flex;
@@ -9049,8 +9049,8 @@
9049
9049
 
9050
9050
  .xrk-dropdown__popper {
9051
9051
  --xrk-dropdown-menu-box-shadow: var(--xrk-box-shadow-light);
9052
- --xrk-dropdown-menuItem-hover-fill: var(--xrk-color-primary-light-9);
9053
- --xrk-dropdown-menuItem-hover-color: var(--xrk-color-primary);
9052
+ --xrk-dropdown-menuItem-hover-fill: #f2f4f8;
9053
+ --xrk-dropdown-menuItem-hover-color: #121619;
9054
9054
  --xrk-dropdown-menu-index: 10;
9055
9055
  }
9056
9056
 
@@ -14971,8 +14971,8 @@
14971
14971
  }
14972
14972
 
14973
14973
  .xrk-table-filter__list-item:hover {
14974
- background-color: var(--xrk-color-primary-light-9);
14975
- color: var(--xrk-color-primary);
14974
+ background-color: #f2f4f8;
14975
+ color: #121619;
14976
14976
  }
14977
14977
 
14978
14978
  .xrk-table-filter__list-item.is-active {
@@ -19603,6 +19603,101 @@
19603
19603
  padding: var(--xrk-mention-footer-padding);
19604
19604
  border-top: var(--xrk-mention-border);
19605
19605
  }
19606
+
19607
+ .xrk-dropdown-menu__item {
19608
+ padding: 5px 6px;
19609
+ margin: 0 8px;
19610
+ }
19611
+
19612
+ .xrk-popover.xrk-popper {
19613
+ padding: 8px;
19614
+ }
19615
+
19616
+ .xrk-tabs .xrk-tabs__nav-wrap::after {
19617
+ height: 1px;
19618
+ background: #f2f4f8;
19619
+ }
19620
+ .xrk-tabs .xrk-tabs__item {
19621
+ font-size: 16px;
19622
+ color: #878d96;
19623
+ line-height: 24px;
19624
+ text-align: center;
19625
+ font-style: normal;
19626
+ text-transform: none;
19627
+ }
19628
+ .xrk-tabs .xrk-tabs__item.is-active {
19629
+ font-weight: 600;
19630
+ color: #121619;
19631
+ }
19632
+
19633
+ .xrk-radio__input .xrk-radio__inner {
19634
+ width: 16px;
19635
+ height: 16px;
19636
+ }
19637
+ .xrk-radio__input:not(.is-disabled) .xrk-radio__inner {
19638
+ border-color: #878d96;
19639
+ }
19640
+ .xrk-radio__input:not(.is-disabled) .xrk-radio__inner:hover {
19641
+ border-color: var(--xrk-color-primary2);
19642
+ }
19643
+ .xrk-radio__input.is-checked + .xrk-radio__label {
19644
+ color: var(--xrk-color-primary2);
19645
+ }
19646
+ .xrk-radio__input.is-checked .xrk-radio__inner {
19647
+ background-color: transparent;
19648
+ border-color: var(--xrk-color-primary2);
19649
+ }
19650
+ .xrk-radio__input.is-checked .xrk-radio__inner::after {
19651
+ width: 8px;
19652
+ height: 8px;
19653
+ background: var(--xrk-color-primary2);
19654
+ }
19655
+ .xrk-radio__input.is-disabled .xrk-radio__inner {
19656
+ background-color: transparent;
19657
+ border-color: #c1c7cd;
19658
+ }
19659
+ .xrk-radio__input.is-disabled.is-checked .xrk-radio__inner::after {
19660
+ width: 8px;
19661
+ height: 8px;
19662
+ background: #c1c7cd;
19663
+ }
19664
+
19665
+ .xrk-switch.is-checked .xrk-switch__core {
19666
+ background: var(--xrk-color-primary2);
19667
+ border-color: var(--xrk-color-primary2);
19668
+ }
19669
+ .xrk-switch .xrk-switch__label.is-active {
19670
+ color: var(--xrk-color-primary2);
19671
+ }
19672
+
19673
+ .custom_xrk-table .xrk-table__header .cell {
19674
+ text-overflow: clip;
19675
+ overflow: visible;
19676
+ }
19677
+ .custom_xrk-table .xrk-pagination .xrk-pager .is-active {
19678
+ background: var(--xrk-color-primary);
19679
+ color: white;
19680
+ }
19681
+
19682
+ .xrk-select-dropdown__list {
19683
+ max-width: 600px;
19684
+ }
19685
+
19686
+ .xrk-alert--warning.is-light {
19687
+ background-color: var(--xrk-color-primary-light-9);
19688
+ color: var(--xrk-color-primary);
19689
+ }
19690
+
19691
+ .xrk-button--primary.is-plain {
19692
+ --xrk-button-bg-color: #fff;
19693
+ }
19694
+ .xrk-button--primary.is-plain.is-disabled {
19695
+ background: #fff;
19696
+ }
19697
+
19698
+ .xrk-cascader-node.in-active-path, .xrk-cascader-node.is-selectable.in-checked-path, .xrk-cascader-node.is-active {
19699
+ color: var(--xrk-color-primary2);
19700
+ }
19606
19701
  .base-button-more[data-v-c71e9bd0] {
19607
19702
  width: 100%;
19608
19703
  display: -webkit-box;
@@ -19618,6 +19713,10 @@
19618
19713
  -webkit-flex-wrap: wrap;
19619
19714
  -ms-flex-wrap: wrap;
19620
19715
  flex-wrap: wrap;
19716
+ -webkit-box-pack: center;
19717
+ -webkit-justify-content: center;
19718
+ -ms-flex-pack: center;
19719
+ justify-content: center;
19621
19720
  }
19622
19721
  .base-button-more[data-v-c71e9bd0] .xrk-popover.xrk-popper {
19623
19722
  padding: 5px 0;
@@ -19653,7 +19752,7 @@
19653
19752
  cursor: not-allowed;
19654
19753
  }
19655
19754
  .btn-group .btn[data-v-c71e9bd0]:not(.disabled):hover {
19656
- color: #2c82ea;
19755
+ color: var(--item-hover-color);
19657
19756
  background-color: #f0f0f0;
19658
19757
  }
19659
19758
  .xrk-custom-image-viewer[data-v-35819562] {
@@ -19670,12 +19769,6 @@
19670
19769
  .xrk-custom-image-viewer.hide-close[data-v-35819562] .xrk-image-viewer__close {
19671
19770
  display: none;
19672
19771
  }
19673
- .base-radio[data-v-56d41f26].is-checked .xrk-radio__inner {
19674
- background: var(--xrk-color-primary-light-9);
19675
- }
19676
- .base-radio[data-v-56d41f26].is-checked .xrk-radio__inner::after {
19677
- background: var(--xrk-color-primary);
19678
- }
19679
19772
  .base-radio[data-v-56d41f26] .xrk-loading-spinner .circular {
19680
19773
  width: 20px;
19681
19774
  }
@@ -19750,6 +19843,9 @@
19750
19843
  white-space: initial;
19751
19844
  word-break: break-all;
19752
19845
  }
19846
+ [data-v-545bd175] .xrk-select-dropdown__list {
19847
+ max-width: 600px;
19848
+ }
19753
19849
  .base-switch[data-v-50b6e275] .el-icon {
19754
19850
  z-index: 1;
19755
19851
  }
@@ -19810,16 +19906,26 @@
19810
19906
  box-sizing: border-box;
19811
19907
  }
19812
19908
  .xrk-search[data-v-a1781a06] > .xrk-form {
19813
- display: grid;
19814
- grid-template-columns: repeat(var(--column-num), 1fr);
19815
- gap: 10px 16px;
19909
+ display: -webkit-box;
19910
+ display: -webkit-flex;
19911
+ display: -ms-flexbox;
19912
+ display: flex;
19913
+ gap: 0 16px;
19816
19914
  -webkit-box-align: end;
19817
19915
  -webkit-align-items: flex-end;
19818
19916
  -ms-flex-align: end;
19819
19917
  align-items: flex-end;
19918
+ -webkit-flex-wrap: wrap;
19919
+ -ms-flex-wrap: wrap;
19920
+ flex-wrap: wrap;
19820
19921
  }
19821
19922
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item {
19822
- margin-bottom: 0px;
19923
+ width: calc((100% - 16px * (var(--column-num) - 1)) / var(--column-num));
19924
+ }
19925
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-input__wrapper,
19926
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-select__wrapper {
19927
+ -webkit-box-shadow: none;
19928
+ box-shadow: none;
19823
19929
  }
19824
19930
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-form-item__label {
19825
19931
  font-family: PingFang SC, PingFang SC;
@@ -19840,6 +19946,12 @@
19840
19946
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-input__count-inner {
19841
19947
  background: transparent;
19842
19948
  }
19949
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-cascader .xrk-input__suffix-inner .xrk-input__icon {
19950
+ color: #161616 !important;
19951
+ }
19952
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-range__icon {
19953
+ color: #161616 !important;
19954
+ }
19843
19955
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item__label {
19844
19956
  padding-right: 6px !important;
19845
19957
  }
@@ -19858,36 +19970,32 @@
19858
19970
  -webkit-align-items: center;
19859
19971
  -ms-flex-align: center;
19860
19972
  align-items: center;
19973
+ -webkit-box-pack: justify;
19974
+ -webkit-justify-content: space-between;
19975
+ -ms-flex-pack: justify;
19976
+ justify-content: space-between;
19861
19977
  gap: 12px;
19862
19978
  }
19863
- .xrk-search.xrk-search-line[data-v-a1781a06] {
19979
+ .xrk-search .btn-group .btn-group-right[data-v-a1781a06] {
19980
+ -webkit-box-flex: 1;
19981
+ -webkit-flex: 1;
19982
+ -ms-flex: 1;
19983
+ flex: 1;
19864
19984
  display: -webkit-box;
19865
19985
  display: -webkit-flex;
19866
19986
  display: -ms-flexbox;
19867
19987
  display: flex;
19868
- -webkit-flex-wrap: wrap;
19869
- -ms-flex-wrap: wrap;
19870
- flex-wrap: wrap;
19871
- }
19872
- .xrk-search.xrk-search-line[data-v-a1781a06] > .xrk-form {
19873
- width: calc(var(--column-len) / var(--column-num) * 100%);
19874
- grid-template-columns: repeat(var(--column-len), 1fr);
19875
- margin-right: 16px;
19876
- }
19877
- .xrk-search.xrk-search-line .btn-group[data-v-a1781a06] {
19878
- min-width: calc((var(--column-num) - var(--column-len)) / var(--column-num) * 100% - 16px);
19879
- -webkit-box-align: end;
19880
- -webkit-align-items: flex-end;
19881
- -ms-flex-align: end;
19882
- align-items: flex-end;
19883
- -webkit-box-pack: end;
19884
- -webkit-justify-content: flex-end;
19885
- -ms-flex-pack: end;
19886
- justify-content: flex-end;
19988
+ -webkit-box-align: center;
19989
+ -webkit-align-items: center;
19990
+ -ms-flex-align: center;
19991
+ align-items: center;
19992
+ -webkit-box-pack: justify;
19993
+ -webkit-justify-content: space-between;
19994
+ -ms-flex-pack: justify;
19995
+ justify-content: space-between;
19887
19996
  }
19888
19997
  .base_text_title {
19889
19998
  min-height: var(--base-text-title-min-height, 54px);
19890
- padding-left: var(--xrk-component-size-small);
19891
19999
  display: -webkit-box;
19892
20000
  display: -webkit-flex;
19893
20001
  display: -ms-flexbox;
@@ -19898,21 +20006,22 @@
19898
20006
  align-items: var(--base-text-title-align-items, center);
19899
20007
  font-size: var(--xrk-font-size-large);
19900
20008
  color: var(--xrk-color-black);
19901
- font-weight: var(--xrk-font-weight-primary);
19902
20009
  border-bottom: var(--xrk-border-width) solid #f0f0f0;
19903
20010
  -webkit-box-sizing: border-box;
19904
20011
  box-sizing: border-box;
19905
20012
  -webkit-column-gap: var(--base-text-title-gap, 16px);
19906
20013
  -moz-column-gap: var(--base-text-title-gap, 16px);
19907
20014
  column-gap: var(--base-text-title-gap, 16px);
20015
+ font-weight: 600;
20016
+ padding: 32px 32px 16px;
19908
20017
  }
19909
20018
  .base_text_content {
19910
20019
  color: var(--xrk-text-color-secondary);
19911
20020
  font-size: var(--xrk-font-size-base);
19912
- padding: var(--xrk-component-size-small);
19913
20021
  word-break: break-word;
19914
20022
  -webkit-box-sizing: border-box;
19915
20023
  box-sizing: border-box;
20024
+ padding: 16px 32px;
19916
20025
  }
19917
20026
  .xrk-dialog {
19918
20027
  display: -webkit-box;
@@ -19928,14 +20037,14 @@
19928
20037
  max-width: 960px;
19929
20038
  max-height: 650px;
19930
20039
  }
19931
- @media screen and (max-width: 960px) {
20040
+ @media screen and (min-width: 960px) {
19932
20041
  .xrk-dialog {
19933
- max-width: 95vw;
20042
+ max-width: 90vw;
19934
20043
  }
19935
20044
  }
19936
- @media screen and (max-height: 650px) {
20045
+ @media screen and (min-height: 650px) {
19937
20046
  .xrk-dialog {
19938
- max-height: 90vh;
20047
+ max-height: 85vh;
19939
20048
  }
19940
20049
  }
19941
20050
  .xrk-dialog.hide-title .xrk-dialog__header {
@@ -19944,6 +20053,10 @@
19944
20053
  .xrk-dialog .xrk-dialog__header.show-close {
19945
20054
  padding-right: 0;
19946
20055
  }
20056
+ .xrk-dialog .xrk-dialog__header .xrk-dialog__close {
20057
+ font-size: 24px;
20058
+ color: #697077;
20059
+ }
19947
20060
  .xrk-dialog .xrk-dialog__header .xrk-dialog__headerbtn {
19948
20061
  font-size: var(--xrk-font-size-large);
19949
20062
  top: 2px;
@@ -19961,14 +20074,19 @@
19961
20074
  -webkit-justify-content: flex-end;
19962
20075
  -ms-flex-pack: end;
19963
20076
  justify-content: flex-end;
19964
- padding: 16px 24px;
19965
- border-top: 1px solid #f0f0f0;
20077
+ padding: 16px;
19966
20078
  -webkit-box-sizing: border-box;
19967
20079
  box-sizing: border-box;
20080
+ border-top: 1px solid #f0f0f0;
19968
20081
  }
19969
20082
  .xrk-dialog .xrk-dialog__footer:empty {
19970
20083
  display: none;
19971
20084
  }
20085
+ .xrk-dialog.xrk-dialog-has-scrollbar .xrk-dialog__footer {
20086
+ z-index: 1;
20087
+ -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
20088
+ box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
20089
+ }
19972
20090
  .base-upload[data-v-75b461d5] {
19973
20091
  line-height: 1.4;
19974
20092
  }
@@ -20132,8 +20250,8 @@
20132
20250
  justify-content: flex-end;
20133
20251
  }
20134
20252
  .base-table[data-v-968a9a5a] {
20135
- --xrk-table-header-bg-color: #f6f6f6;
20136
- --xrk-table-border-color: #f4f4f5;
20253
+ --xrk-table-header-bg-color: #f2f4f8;
20254
+ --xrk-table-border-color: #dde1e6;
20137
20255
  }
20138
20256
  .base-table[data-v-968a9a5a] .xrk-table__empty-block {
20139
20257
  height: auto !important;
@@ -20197,6 +20315,7 @@
20197
20315
  top: 0;
20198
20316
  right: 0;
20199
20317
  bottom: 0;
20318
+ height: 100%;
20200
20319
  }
20201
20320
  .base-layout-header[data-v-cbf300d0] {
20202
20321
  --base-layout-header-height: 64px;
@@ -20284,7 +20403,7 @@
20284
20403
  background-color: var(--base-layout-body-bg, #fff);
20285
20404
  }
20286
20405
  .base-layout-body .body-top[data-v-b5383626] {
20287
- min-height: 10px;
20406
+ min-height: 20px;
20288
20407
  }
20289
20408
  .base-layout-menu[data-v-1bea9a2a] {
20290
20409
  width: 100%;
@@ -20537,7 +20656,7 @@
20537
20656
  display: none; /* Chrome/Safari/Opera */
20538
20657
  }
20539
20658
  .base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item {
20540
- padding: 0 8px 0 4px;
20659
+ padding: 0 0 0 4px;
20541
20660
  }
20542
20661
  .base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__content {
20543
20662
  padding-bottom: 0;
@@ -20788,38 +20907,6 @@
20788
20907
  -ms-flex-negative: 0;
20789
20908
  flex-shrink: 0;
20790
20909
  }
20791
- .base-layout-main > .menu-top[data-v-3f66cd84] {
20792
- display: -webkit-box;
20793
- display: -webkit-flex;
20794
- display: -ms-flexbox;
20795
- display: flex;
20796
- -webkit-box-align: center;
20797
- -webkit-align-items: center;
20798
- -ms-flex-align: center;
20799
- align-items: center;
20800
- -webkit-box-sizing: border-box;
20801
- box-sizing: border-box;
20802
- width: 100vw;
20803
- }
20804
- .base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84] {
20805
- -webkit-flex-shrink: 0;
20806
- -ms-flex-negative: 0;
20807
- flex-shrink: 0;
20808
- -webkit-box-sizing: border-box;
20809
- box-sizing: border-box;
20810
- padding: 5px 20px;
20811
- cursor: pointer;
20812
- }
20813
- .base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84]:hover {
20814
- color: var(--xrk-color-primary);
20815
- background: var(--xrk-color-primary-light-9);
20816
- }
20817
- .base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84]:active {
20818
- opacity: 0.6;
20819
- }
20820
- .base-layout-main > .menu-top .active[data-v-3f66cd84] {
20821
- color: var(--xrk-color-primary);
20822
- }
20823
20910
  .base-layout-main > .content[data-v-3f66cd84] {
20824
20911
  -webkit-box-flex: 1;
20825
20912
  -webkit-flex-grow: 1;
@@ -20854,6 +20941,65 @@
20854
20941
  height: calc(100% - 20px);
20855
20942
  z-index: 2;
20856
20943
  }
20944
+ .base-layout-main .menu-top[data-v-3f66cd84] {
20945
+ display: -webkit-box;
20946
+ display: -webkit-flex;
20947
+ display: -ms-flexbox;
20948
+ display: flex;
20949
+ -webkit-box-align: center;
20950
+ -webkit-align-items: center;
20951
+ -ms-flex-align: center;
20952
+ align-items: center;
20953
+ }
20954
+ .base-layout-main .menu-top .menu-top-item[data-v-3f66cd84] {
20955
+ -webkit-flex-shrink: 0;
20956
+ -ms-flex-negative: 0;
20957
+ flex-shrink: 0;
20958
+ -webkit-box-sizing: border-box;
20959
+ box-sizing: border-box;
20960
+ padding: 0 10px;
20961
+ cursor: pointer;
20962
+ font-weight: 400;
20963
+ font-size: 14px;
20964
+ color: #121619;
20965
+ line-height: 22px;
20966
+ text-align: center;
20967
+ font-style: normal;
20968
+ text-transform: none;
20969
+ position: relative;
20970
+ }
20971
+ .base-layout-main .menu-top .menu-top-item .active-title[data-v-3f66cd84] {
20972
+ font-weight: 600;
20973
+ font-size: 14px;
20974
+ color: #121619;
20975
+ line-height: 22px;
20976
+ text-align: center;
20977
+ font-style: normal;
20978
+ text-transform: none;
20979
+ }
20980
+ .base-layout-main .menu-top .menu-top-item .active-line[data-v-3f66cd84] {
20981
+ width: calc(100% - 20px);
20982
+ position: absolute;
20983
+ left: 10px;
20984
+ top: 28px;
20985
+ display: -webkit-box;
20986
+ display: -webkit-flex;
20987
+ display: -ms-flexbox;
20988
+ display: flex;
20989
+ -webkit-box-align: center;
20990
+ -webkit-align-items: center;
20991
+ -ms-flex-align: center;
20992
+ align-items: center;
20993
+ -webkit-box-pack: center;
20994
+ -webkit-justify-content: center;
20995
+ -ms-flex-pack: center;
20996
+ justify-content: center;
20997
+ }
20998
+ .base-layout-main .menu-top .menu-top-item .active-line p[data-v-3f66cd84] {
20999
+ width: 80%;
21000
+ height: 4px;
21001
+ background-color: #ff6e1a;
21002
+ }
20857
21003
  .custom_xrk-table {
20858
21004
  width: 100%;
20859
21005
  height: 100%;