xrk-components 2.0.0-beta.99 → 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 (19) hide show
  1. package/lib/index.css +296 -185
  2. package/lib/index.esm.js +540 -207
  3. package/lib/index.umd.js +540 -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 -0
  10. package/lib/packages/base/table/types/type.d.ts +7 -7
  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/slide-verify/index.d.ts +2 -2
  16. package/lib/packages/xrk/table/hooks/use-resize.d.ts +1 -0
  17. package/lib/packages/xrk/table/hooks/use-table.d.ts +1 -0
  18. package/lib/packages/xrk/table/index.d.ts +7 -0
  19. 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
  }
@@ -19814,7 +19910,7 @@
19814
19910
  display: -webkit-flex;
19815
19911
  display: -ms-flexbox;
19816
19912
  display: flex;
19817
- gap: 10px 16px;
19913
+ gap: 0 16px;
19818
19914
  -webkit-box-align: end;
19819
19915
  -webkit-align-items: flex-end;
19820
19916
  -ms-flex-align: end;
@@ -19825,7 +19921,11 @@
19825
19921
  }
19826
19922
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item {
19827
19923
  width: calc((100% - 16px * (var(--column-num) - 1)) / var(--column-num));
19828
- margin-bottom: 0px;
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;
19829
19929
  }
19830
19930
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-form-item__label {
19831
19931
  font-family: PingFang SC, PingFang SC;
@@ -19846,6 +19946,12 @@
19846
19946
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-input__count-inner {
19847
19947
  background: transparent;
19848
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
+ }
19849
19955
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item__label {
19850
19956
  padding-right: 6px !important;
19851
19957
  }
@@ -19855,51 +19961,6 @@
19855
19961
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-button + .xrk-button {
19856
19962
  margin-left: 0;
19857
19963
  }
19858
- @media screen and (min-width: 1400px) and (max-width: 1500px) {
19859
- .xrk-search[data-v-a1781a06] {
19860
- display: block !important;
19861
- }
19862
- .xrk-search[data-v-a1781a06] .xrk-form .xrk-form-item {
19863
- width: calc((100% - 16px * (var(--column-num) - 2)) / (var(--column-num) - 1)) !important;
19864
- }
19865
- .xrk-search[data-v-a1781a06] .btn-group {
19866
- -webkit-box-pack: start !important;
19867
- -webkit-justify-content: flex-start !important;
19868
- -ms-flex-pack: start !important;
19869
- justify-content: flex-start !important;
19870
- width: 100% !important;
19871
- }
19872
- }
19873
- @media screen and (min-width: 1040px) and (max-width: 1399px) {
19874
- .xrk-search[data-v-a1781a06] {
19875
- display: block !important;
19876
- }
19877
- .xrk-search[data-v-a1781a06] .xrk-form .xrk-form-item {
19878
- width: calc((100% - 16px * (var(--column-num) - 3)) / (var(--column-num) - 2)) !important;
19879
- }
19880
- .xrk-search[data-v-a1781a06] .btn-group {
19881
- -webkit-box-pack: start !important;
19882
- -webkit-justify-content: flex-start !important;
19883
- -ms-flex-pack: start !important;
19884
- justify-content: flex-start !important;
19885
- width: 100% !important;
19886
- }
19887
- }
19888
- @media screen and (max-width: 1039px) {
19889
- .xrk-search[data-v-a1781a06] {
19890
- display: block !important;
19891
- }
19892
- .xrk-search[data-v-a1781a06] .xrk-form .xrk-form-item {
19893
- width: calc((100% - 16px * (var(--column-num) - 4)) / (var(--column-num) - 3)) !important;
19894
- }
19895
- .xrk-search[data-v-a1781a06] .btn-group {
19896
- -webkit-box-pack: start !important;
19897
- -webkit-justify-content: flex-start !important;
19898
- -ms-flex-pack: start !important;
19899
- justify-content: flex-start !important;
19900
- width: 100% !important;
19901
- }
19902
- }
19903
19964
  .xrk-search .btn-group[data-v-a1781a06] {
19904
19965
  display: -webkit-box;
19905
19966
  display: -webkit-flex;
@@ -19909,20 +19970,32 @@
19909
19970
  -webkit-align-items: center;
19910
19971
  -ms-flex-align: center;
19911
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;
19912
19977
  gap: 12px;
19913
19978
  }
19914
- .xrk-search .btn-group.fixed[data-v-a1781a06] {
19915
- width: 100%;
19916
- }
19917
- .xrk-search .btn-group.fixed .btn-group-right[data-v-a1781a06] {
19979
+ .xrk-search .btn-group .btn-group-right[data-v-a1781a06] {
19918
19980
  -webkit-box-flex: 1;
19919
19981
  -webkit-flex: 1;
19920
19982
  -ms-flex: 1;
19921
19983
  flex: 1;
19984
+ display: -webkit-box;
19985
+ display: -webkit-flex;
19986
+ display: -ms-flexbox;
19987
+ display: flex;
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;
19922
19996
  }
19923
19997
  .base_text_title {
19924
19998
  min-height: var(--base-text-title-min-height, 54px);
19925
- padding-left: var(--xrk-component-size-small);
19926
19999
  display: -webkit-box;
19927
20000
  display: -webkit-flex;
19928
20001
  display: -ms-flexbox;
@@ -19933,21 +20006,22 @@
19933
20006
  align-items: var(--base-text-title-align-items, center);
19934
20007
  font-size: var(--xrk-font-size-large);
19935
20008
  color: var(--xrk-color-black);
19936
- font-weight: var(--xrk-font-weight-primary);
19937
20009
  border-bottom: var(--xrk-border-width) solid #f0f0f0;
19938
20010
  -webkit-box-sizing: border-box;
19939
20011
  box-sizing: border-box;
19940
20012
  -webkit-column-gap: var(--base-text-title-gap, 16px);
19941
20013
  -moz-column-gap: var(--base-text-title-gap, 16px);
19942
20014
  column-gap: var(--base-text-title-gap, 16px);
20015
+ font-weight: 600;
20016
+ padding: 32px 32px 16px;
19943
20017
  }
19944
20018
  .base_text_content {
19945
20019
  color: var(--xrk-text-color-secondary);
19946
20020
  font-size: var(--xrk-font-size-base);
19947
- padding: var(--xrk-component-size-small);
19948
20021
  word-break: break-word;
19949
20022
  -webkit-box-sizing: border-box;
19950
20023
  box-sizing: border-box;
20024
+ padding: 16px 32px;
19951
20025
  }
19952
20026
  .xrk-dialog {
19953
20027
  display: -webkit-box;
@@ -19963,14 +20037,14 @@
19963
20037
  max-width: 960px;
19964
20038
  max-height: 650px;
19965
20039
  }
19966
- @media screen and (max-width: 960px) {
20040
+ @media screen and (min-width: 960px) {
19967
20041
  .xrk-dialog {
19968
- max-width: 95vw;
20042
+ max-width: 90vw;
19969
20043
  }
19970
20044
  }
19971
- @media screen and (max-height: 650px) {
20045
+ @media screen and (min-height: 650px) {
19972
20046
  .xrk-dialog {
19973
- max-height: 90vh;
20047
+ max-height: 85vh;
19974
20048
  }
19975
20049
  }
19976
20050
  .xrk-dialog.hide-title .xrk-dialog__header {
@@ -19979,6 +20053,10 @@
19979
20053
  .xrk-dialog .xrk-dialog__header.show-close {
19980
20054
  padding-right: 0;
19981
20055
  }
20056
+ .xrk-dialog .xrk-dialog__header .xrk-dialog__close {
20057
+ font-size: 24px;
20058
+ color: #697077;
20059
+ }
19982
20060
  .xrk-dialog .xrk-dialog__header .xrk-dialog__headerbtn {
19983
20061
  font-size: var(--xrk-font-size-large);
19984
20062
  top: 2px;
@@ -19996,14 +20074,19 @@
19996
20074
  -webkit-justify-content: flex-end;
19997
20075
  -ms-flex-pack: end;
19998
20076
  justify-content: flex-end;
19999
- padding: 16px 24px;
20000
- border-top: 1px solid #f0f0f0;
20077
+ padding: 16px;
20001
20078
  -webkit-box-sizing: border-box;
20002
20079
  box-sizing: border-box;
20080
+ border-top: 1px solid #f0f0f0;
20003
20081
  }
20004
20082
  .xrk-dialog .xrk-dialog__footer:empty {
20005
20083
  display: none;
20006
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
+ }
20007
20090
  .base-upload[data-v-75b461d5] {
20008
20091
  line-height: 1.4;
20009
20092
  }
@@ -20167,8 +20250,8 @@
20167
20250
  justify-content: flex-end;
20168
20251
  }
20169
20252
  .base-table[data-v-968a9a5a] {
20170
- --xrk-table-header-bg-color: #f6f6f6;
20171
- --xrk-table-border-color: #f4f4f5;
20253
+ --xrk-table-header-bg-color: #f2f4f8;
20254
+ --xrk-table-border-color: #dde1e6;
20172
20255
  }
20173
20256
  .base-table[data-v-968a9a5a] .xrk-table__empty-block {
20174
20257
  height: auto !important;
@@ -20232,6 +20315,7 @@
20232
20315
  top: 0;
20233
20316
  right: 0;
20234
20317
  bottom: 0;
20318
+ height: 100%;
20235
20319
  }
20236
20320
  .base-layout-header[data-v-cbf300d0] {
20237
20321
  --base-layout-header-height: 64px;
@@ -20319,7 +20403,7 @@
20319
20403
  background-color: var(--base-layout-body-bg, #fff);
20320
20404
  }
20321
20405
  .base-layout-body .body-top[data-v-b5383626] {
20322
- min-height: 10px;
20406
+ min-height: 20px;
20323
20407
  }
20324
20408
  .base-layout-menu[data-v-1bea9a2a] {
20325
20409
  width: 100%;
@@ -20572,7 +20656,7 @@
20572
20656
  display: none; /* Chrome/Safari/Opera */
20573
20657
  }
20574
20658
  .base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item {
20575
- padding: 0 8px 0 4px;
20659
+ padding: 0 0 0 4px;
20576
20660
  }
20577
20661
  .base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__content {
20578
20662
  padding-bottom: 0;
@@ -20823,38 +20907,6 @@
20823
20907
  -ms-flex-negative: 0;
20824
20908
  flex-shrink: 0;
20825
20909
  }
20826
- .base-layout-main > .menu-top[data-v-3f66cd84] {
20827
- display: -webkit-box;
20828
- display: -webkit-flex;
20829
- display: -ms-flexbox;
20830
- display: flex;
20831
- -webkit-box-align: center;
20832
- -webkit-align-items: center;
20833
- -ms-flex-align: center;
20834
- align-items: center;
20835
- -webkit-box-sizing: border-box;
20836
- box-sizing: border-box;
20837
- width: 100vw;
20838
- }
20839
- .base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84] {
20840
- -webkit-flex-shrink: 0;
20841
- -ms-flex-negative: 0;
20842
- flex-shrink: 0;
20843
- -webkit-box-sizing: border-box;
20844
- box-sizing: border-box;
20845
- padding: 5px 20px;
20846
- cursor: pointer;
20847
- }
20848
- .base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84]:hover {
20849
- color: var(--xrk-color-primary);
20850
- background: var(--xrk-color-primary-light-9);
20851
- }
20852
- .base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84]:active {
20853
- opacity: 0.6;
20854
- }
20855
- .base-layout-main > .menu-top .active[data-v-3f66cd84] {
20856
- color: var(--xrk-color-primary);
20857
- }
20858
20910
  .base-layout-main > .content[data-v-3f66cd84] {
20859
20911
  -webkit-box-flex: 1;
20860
20912
  -webkit-flex-grow: 1;
@@ -20889,6 +20941,65 @@
20889
20941
  height: calc(100% - 20px);
20890
20942
  z-index: 2;
20891
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
+ }
20892
21003
  .custom_xrk-table {
20893
21004
  width: 100%;
20894
21005
  height: 100%;