xrk-components 2.0.0-beta.99 → 3.0.1

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 +362 -196
  2. package/lib/index.esm.js +551 -211
  3. package/lib/index.umd.js +551 -211
  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
 
@@ -8578,7 +8578,7 @@
8578
8578
  --xrk-dialog-content-font-size: 14px;
8579
8579
  --xrk-dialog-font-line-height: var(--xrk-font-line-height-primary);
8580
8580
  --xrk-dialog-padding-primary: 0px;
8581
- --xrk-dialog-border-radius: var(--xrk-border-radius-base);
8581
+ --xrk-dialog-border-radius: 4px;
8582
8582
  position: relative;
8583
8583
  margin: var(--xrk-dialog-margin-top, 15vh) auto 50px;
8584
8584
  background: var(--xrk-dialog-bg-color);
@@ -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,161 @@
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 .xrk-radio__input .xrk-radio__inner {
19634
+ width: 16px;
19635
+ height: 16px;
19636
+ }
19637
+ .xrk-radio .xrk-radio__input:not(.is-disabled) .xrk-radio__inner {
19638
+ border-color: #878d96;
19639
+ }
19640
+ .xrk-radio .xrk-radio__input:not(.is-disabled) .xrk-radio__inner:hover {
19641
+ border-color: var(--xrk-color-primary2);
19642
+ }
19643
+ .xrk-radio .xrk-radio__input.is-checked + .xrk-radio__label {
19644
+ color: var(--xrk-color-primary2);
19645
+ }
19646
+ .xrk-radio .xrk-radio__input.is-checked .xrk-radio__inner {
19647
+ background-color: transparent;
19648
+ border-color: var(--xrk-color-primary2);
19649
+ }
19650
+ .xrk-radio .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 .xrk-radio__input.is-disabled .xrk-radio__inner {
19656
+ background-color: transparent;
19657
+ border-color: #c1c7cd;
19658
+ }
19659
+ .xrk-radio .xrk-radio__input.is-disabled.is-checked .xrk-radio__inner::after {
19660
+ width: 8px;
19661
+ height: 8px;
19662
+ background: #c1c7cd;
19663
+ }
19664
+ .xrk-radio:not(.is-disabled).is-bordered.is-checked {
19665
+ border-color: var(--xrk-color-primary2);
19666
+ }
19667
+
19668
+ .xrk-switch.is-checked .xrk-switch__core {
19669
+ background: var(--xrk-color-primary2);
19670
+ border-color: var(--xrk-color-primary2);
19671
+ }
19672
+ .xrk-switch .xrk-switch__label.is-active {
19673
+ color: var(--xrk-color-primary2);
19674
+ }
19675
+
19676
+ .custom_xrk-table .xrk-table__header .cell {
19677
+ text-overflow: clip;
19678
+ overflow: visible;
19679
+ }
19680
+
19681
+ .xrk-pagination .xrk-pagination__sizes .xrk-select {
19682
+ width: 110px;
19683
+ }
19684
+ .xrk-pagination .xrk-pagination__sizes .xrk-select .xrk-select__wrapper {
19685
+ -webkit-box-shadow: none;
19686
+ box-shadow: none;
19687
+ }
19688
+ .xrk-pagination .xrk-pagination__sizes .xrk-select .xrk-select__wrapper {
19689
+ background: #f2f4f8;
19690
+ }
19691
+ .xrk-pagination .xrk-pagination__sizes .xrk-select .xrk-select__caret {
19692
+ color: #161616;
19693
+ }
19694
+ .xrk-pagination .xrk-pager .is-active {
19695
+ background: var(--xrk-color-primary);
19696
+ color: white;
19697
+ }
19698
+ .xrk-pagination .xrk-pagination__jump .xrk-input__wrapper {
19699
+ -webkit-box-shadow: none;
19700
+ box-shadow: none;
19701
+ }
19702
+ .xrk-pagination .xrk-pagination__jump .xrk-input__wrapper {
19703
+ background: #f2f4f8;
19704
+ }
19705
+ .xrk-pagination .xrk-pagination__jump .xrk-input__count-inner {
19706
+ background: transparent;
19707
+ }
19708
+
19709
+ .xrk-alert--warning.is-light {
19710
+ background-color: var(--xrk-color-primary-light-9);
19711
+ color: var(--xrk-color-primary);
19712
+ }
19713
+
19714
+ .xrk-button.is-link, .xrk-button.xrk-button--text {
19715
+ -webkit-user-select: auto;
19716
+ -moz-user-select: auto;
19717
+ -ms-user-select: auto;
19718
+ user-select: auto;
19719
+ }
19720
+ .xrk-button.xrk-button--primary.is-plain {
19721
+ --xrk-button-bg-color: #fff;
19722
+ }
19723
+ .xrk-button.xrk-button--primary.is-plain.is-disabled {
19724
+ background: #fff;
19725
+ }
19726
+
19727
+ .xrk-cascader-node.in-active-path, .xrk-cascader-node.is-selectable.in-checked-path, .xrk-cascader-node.is-active {
19728
+ color: var(--xrk-color-primary2);
19729
+ }
19730
+
19731
+ .xrk-message-box {
19732
+ padding: 0;
19733
+ }
19734
+ .xrk-message-box .xrk-message-box__header {
19735
+ padding: 0;
19736
+ }
19737
+ .xrk-message-box .xrk-message-box__header .xrk-message-box__title {
19738
+ border-bottom: var(--xrk-border-width) solid #f0f0f0;
19739
+ font-weight: 600;
19740
+ padding: 32px 32px 16px;
19741
+ }
19742
+ .xrk-message-box .xrk-message-box__header .xrk-message-box__headerbtn {
19743
+ top: 5px;
19744
+ right: 3px;
19745
+ }
19746
+ .xrk-message-box .xrk-message-box__header .xrk-message-box__headerbtn .xrk-message-box__close {
19747
+ font-size: 24px;
19748
+ color: #697077;
19749
+ }
19750
+ .xrk-message-box .xrk-message-box__content {
19751
+ -webkit-box-sizing: border-box;
19752
+ box-sizing: border-box;
19753
+ padding: 16px 32px;
19754
+ }
19755
+ .xrk-message-box .xrk-message-box__btns {
19756
+ -webkit-box-sizing: border-box;
19757
+ box-sizing: border-box;
19758
+ padding: 16px;
19759
+ border-top: 1px solid #f0f0f0;
19760
+ }
19606
19761
  .base-button-more[data-v-c71e9bd0] {
19607
19762
  width: 100%;
19608
19763
  display: -webkit-box;
@@ -19618,6 +19773,10 @@
19618
19773
  -webkit-flex-wrap: wrap;
19619
19774
  -ms-flex-wrap: wrap;
19620
19775
  flex-wrap: wrap;
19776
+ -webkit-box-pack: center;
19777
+ -webkit-justify-content: center;
19778
+ -ms-flex-pack: center;
19779
+ justify-content: center;
19621
19780
  }
19622
19781
  .base-button-more[data-v-c71e9bd0] .xrk-popover.xrk-popper {
19623
19782
  padding: 5px 0;
@@ -19653,7 +19812,7 @@
19653
19812
  cursor: not-allowed;
19654
19813
  }
19655
19814
  .btn-group .btn[data-v-c71e9bd0]:not(.disabled):hover {
19656
- color: #2c82ea;
19815
+ color: var(--item-hover-color);
19657
19816
  background-color: #f0f0f0;
19658
19817
  }
19659
19818
  .xrk-custom-image-viewer[data-v-35819562] {
@@ -19670,12 +19829,6 @@
19670
19829
  .xrk-custom-image-viewer.hide-close[data-v-35819562] .xrk-image-viewer__close {
19671
19830
  display: none;
19672
19831
  }
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
19832
  .base-radio[data-v-56d41f26] .xrk-loading-spinner .circular {
19680
19833
  width: 20px;
19681
19834
  }
@@ -19722,7 +19875,8 @@
19722
19875
  --xrk-empty-description-margin-top: 4px;
19723
19876
  }
19724
19877
  [data-v-13bddb91] .xrk-empty__description p {
19725
- color: var(--xrk-text-color-disabled);
19878
+ color: #a6a6a6;
19879
+ line-height: 0;
19726
19880
  }
19727
19881
  @charset "UTF-8";
19728
19882
  .base-input-number.no-controls[data-v-0a3ed835] {
@@ -19799,7 +19953,13 @@
19799
19953
  margin-bottom: 24px;
19800
19954
  }
19801
19955
  .base-form-item[data-v-17eda5db] .xrk-form-item__label {
19802
- color: var(--xrk-text-color-secondary);
19956
+ font-family: PingFang SC, PingFang SC;
19957
+ font-weight: 400;
19958
+ font-size: 14px;
19959
+ color: #121619;
19960
+ line-height: 22px;
19961
+ font-style: normal;
19962
+ text-transform: none;
19803
19963
  padding-right: 16px;
19804
19964
  }
19805
19965
  .base-form-item[data-v-17eda5db] .base-upload {
@@ -19814,7 +19974,7 @@
19814
19974
  display: -webkit-flex;
19815
19975
  display: -ms-flexbox;
19816
19976
  display: flex;
19817
- gap: 10px 16px;
19977
+ gap: 0 16px;
19818
19978
  -webkit-box-align: end;
19819
19979
  -webkit-align-items: flex-end;
19820
19980
  -ms-flex-align: end;
@@ -19825,16 +19985,11 @@
19825
19985
  }
19826
19986
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item {
19827
19987
  width: calc((100% - 16px * (var(--column-num) - 1)) / var(--column-num));
19828
- margin-bottom: 0px;
19829
19988
  }
19830
- .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-form-item__label {
19831
- font-family: PingFang SC, PingFang SC;
19832
- font-weight: 400;
19833
- font-size: 14px;
19834
- color: #121619;
19835
- line-height: 22px;
19836
- font-style: normal;
19837
- text-transform: none;
19989
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-input__wrapper,
19990
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-select__wrapper {
19991
+ -webkit-box-shadow: none;
19992
+ box-shadow: none;
19838
19993
  }
19839
19994
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-input__wrapper,
19840
19995
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-select__wrapper {
@@ -19846,6 +20001,12 @@
19846
20001
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-input__count-inner {
19847
20002
  background: transparent;
19848
20003
  }
20004
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-cascader .xrk-input__suffix-inner .xrk-input__icon {
20005
+ color: #161616 !important;
20006
+ }
20007
+ .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-range__icon {
20008
+ color: #161616 !important;
20009
+ }
19849
20010
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item__label {
19850
20011
  padding-right: 6px !important;
19851
20012
  }
@@ -19855,51 +20016,6 @@
19855
20016
  .xrk-search[data-v-a1781a06] > .xrk-form .xrk-button + .xrk-button {
19856
20017
  margin-left: 0;
19857
20018
  }
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
20019
  .xrk-search .btn-group[data-v-a1781a06] {
19904
20020
  display: -webkit-box;
19905
20021
  display: -webkit-flex;
@@ -19909,20 +20025,32 @@
19909
20025
  -webkit-align-items: center;
19910
20026
  -ms-flex-align: center;
19911
20027
  align-items: center;
20028
+ -webkit-box-pack: justify;
20029
+ -webkit-justify-content: space-between;
20030
+ -ms-flex-pack: justify;
20031
+ justify-content: space-between;
19912
20032
  gap: 12px;
19913
20033
  }
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] {
20034
+ .xrk-search .btn-group .btn-group-right[data-v-a1781a06] {
19918
20035
  -webkit-box-flex: 1;
19919
20036
  -webkit-flex: 1;
19920
20037
  -ms-flex: 1;
19921
20038
  flex: 1;
20039
+ display: -webkit-box;
20040
+ display: -webkit-flex;
20041
+ display: -ms-flexbox;
20042
+ display: flex;
20043
+ -webkit-box-align: center;
20044
+ -webkit-align-items: center;
20045
+ -ms-flex-align: center;
20046
+ align-items: center;
20047
+ -webkit-box-pack: justify;
20048
+ -webkit-justify-content: space-between;
20049
+ -ms-flex-pack: justify;
20050
+ justify-content: space-between;
19922
20051
  }
19923
20052
  .base_text_title {
19924
20053
  min-height: var(--base-text-title-min-height, 54px);
19925
- padding-left: var(--xrk-component-size-small);
19926
20054
  display: -webkit-box;
19927
20055
  display: -webkit-flex;
19928
20056
  display: -ms-flexbox;
@@ -19933,21 +20061,22 @@
19933
20061
  align-items: var(--base-text-title-align-items, center);
19934
20062
  font-size: var(--xrk-font-size-large);
19935
20063
  color: var(--xrk-color-black);
19936
- font-weight: var(--xrk-font-weight-primary);
19937
20064
  border-bottom: var(--xrk-border-width) solid #f0f0f0;
19938
20065
  -webkit-box-sizing: border-box;
19939
20066
  box-sizing: border-box;
19940
20067
  -webkit-column-gap: var(--base-text-title-gap, 16px);
19941
20068
  -moz-column-gap: var(--base-text-title-gap, 16px);
19942
20069
  column-gap: var(--base-text-title-gap, 16px);
20070
+ font-weight: 600;
20071
+ padding: 32px 32px 16px;
19943
20072
  }
19944
20073
  .base_text_content {
19945
20074
  color: var(--xrk-text-color-secondary);
19946
20075
  font-size: var(--xrk-font-size-base);
19947
- padding: var(--xrk-component-size-small);
19948
20076
  word-break: break-word;
19949
20077
  -webkit-box-sizing: border-box;
19950
20078
  box-sizing: border-box;
20079
+ padding: 16px 32px;
19951
20080
  }
19952
20081
  .xrk-dialog {
19953
20082
  display: -webkit-box;
@@ -19963,14 +20092,14 @@
19963
20092
  max-width: 960px;
19964
20093
  max-height: 650px;
19965
20094
  }
19966
- @media screen and (max-width: 960px) {
20095
+ @media screen and (min-width: 960px) {
19967
20096
  .xrk-dialog {
19968
- max-width: 95vw;
20097
+ max-width: 90vw;
19969
20098
  }
19970
20099
  }
19971
- @media screen and (max-height: 650px) {
20100
+ @media screen and (min-height: 650px) {
19972
20101
  .xrk-dialog {
19973
- max-height: 90vh;
20102
+ max-height: 85vh;
19974
20103
  }
19975
20104
  }
19976
20105
  .xrk-dialog.hide-title .xrk-dialog__header {
@@ -19979,6 +20108,10 @@
19979
20108
  .xrk-dialog .xrk-dialog__header.show-close {
19980
20109
  padding-right: 0;
19981
20110
  }
20111
+ .xrk-dialog .xrk-dialog__header .xrk-dialog__close {
20112
+ font-size: 24px;
20113
+ color: #697077;
20114
+ }
19982
20115
  .xrk-dialog .xrk-dialog__header .xrk-dialog__headerbtn {
19983
20116
  font-size: var(--xrk-font-size-large);
19984
20117
  top: 2px;
@@ -19996,14 +20129,19 @@
19996
20129
  -webkit-justify-content: flex-end;
19997
20130
  -ms-flex-pack: end;
19998
20131
  justify-content: flex-end;
19999
- padding: 16px 24px;
20000
- border-top: 1px solid #f0f0f0;
20132
+ padding: 16px;
20001
20133
  -webkit-box-sizing: border-box;
20002
20134
  box-sizing: border-box;
20135
+ border-top: 1px solid #f0f0f0;
20003
20136
  }
20004
20137
  .xrk-dialog .xrk-dialog__footer:empty {
20005
20138
  display: none;
20006
20139
  }
20140
+ .xrk-dialog.xrk-dialog-has-scrollbar .xrk-dialog__footer {
20141
+ z-index: 1;
20142
+ -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
20143
+ box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
20144
+ }
20007
20145
  .base-upload[data-v-75b461d5] {
20008
20146
  line-height: 1.4;
20009
20147
  }
@@ -20167,8 +20305,8 @@
20167
20305
  justify-content: flex-end;
20168
20306
  }
20169
20307
  .base-table[data-v-968a9a5a] {
20170
- --xrk-table-header-bg-color: #f6f6f6;
20171
- --xrk-table-border-color: #f4f4f5;
20308
+ --xrk-table-header-bg-color: #f2f4f8;
20309
+ --xrk-table-border-color: #dde1e6;
20172
20310
  }
20173
20311
  .base-table[data-v-968a9a5a] .xrk-table__empty-block {
20174
20312
  height: auto !important;
@@ -20232,6 +20370,7 @@
20232
20370
  top: 0;
20233
20371
  right: 0;
20234
20372
  bottom: 0;
20373
+ height: 100%;
20235
20374
  }
20236
20375
  .base-layout-header[data-v-cbf300d0] {
20237
20376
  --base-layout-header-height: 64px;
@@ -20319,7 +20458,7 @@
20319
20458
  background-color: var(--base-layout-body-bg, #fff);
20320
20459
  }
20321
20460
  .base-layout-body .body-top[data-v-b5383626] {
20322
- min-height: 10px;
20461
+ min-height: 20px;
20323
20462
  }
20324
20463
  .base-layout-menu[data-v-1bea9a2a] {
20325
20464
  width: 100%;
@@ -20572,7 +20711,7 @@
20572
20711
  display: none; /* Chrome/Safari/Opera */
20573
20712
  }
20574
20713
  .base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item {
20575
- padding: 0 8px 0 4px;
20714
+ padding: 0 0 0 4px;
20576
20715
  }
20577
20716
  .base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__content {
20578
20717
  padding-bottom: 0;
@@ -20823,38 +20962,6 @@
20823
20962
  -ms-flex-negative: 0;
20824
20963
  flex-shrink: 0;
20825
20964
  }
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
20965
  .base-layout-main > .content[data-v-3f66cd84] {
20859
20966
  -webkit-box-flex: 1;
20860
20967
  -webkit-flex-grow: 1;
@@ -20889,6 +20996,65 @@
20889
20996
  height: calc(100% - 20px);
20890
20997
  z-index: 2;
20891
20998
  }
20999
+ .base-layout-main .menu-top[data-v-3f66cd84] {
21000
+ display: -webkit-box;
21001
+ display: -webkit-flex;
21002
+ display: -ms-flexbox;
21003
+ display: flex;
21004
+ -webkit-box-align: center;
21005
+ -webkit-align-items: center;
21006
+ -ms-flex-align: center;
21007
+ align-items: center;
21008
+ }
21009
+ .base-layout-main .menu-top .menu-top-item[data-v-3f66cd84] {
21010
+ -webkit-flex-shrink: 0;
21011
+ -ms-flex-negative: 0;
21012
+ flex-shrink: 0;
21013
+ -webkit-box-sizing: border-box;
21014
+ box-sizing: border-box;
21015
+ padding: 0 10px;
21016
+ cursor: pointer;
21017
+ font-weight: 400;
21018
+ font-size: 14px;
21019
+ color: #121619;
21020
+ line-height: 22px;
21021
+ text-align: center;
21022
+ font-style: normal;
21023
+ text-transform: none;
21024
+ position: relative;
21025
+ }
21026
+ .base-layout-main .menu-top .menu-top-item .active-title[data-v-3f66cd84] {
21027
+ font-weight: 600;
21028
+ font-size: 14px;
21029
+ color: #121619;
21030
+ line-height: 22px;
21031
+ text-align: center;
21032
+ font-style: normal;
21033
+ text-transform: none;
21034
+ }
21035
+ .base-layout-main .menu-top .menu-top-item .active-line[data-v-3f66cd84] {
21036
+ width: calc(100% - 20px);
21037
+ position: absolute;
21038
+ left: 10px;
21039
+ top: 28px;
21040
+ display: -webkit-box;
21041
+ display: -webkit-flex;
21042
+ display: -ms-flexbox;
21043
+ display: flex;
21044
+ -webkit-box-align: center;
21045
+ -webkit-align-items: center;
21046
+ -ms-flex-align: center;
21047
+ align-items: center;
21048
+ -webkit-box-pack: center;
21049
+ -webkit-justify-content: center;
21050
+ -ms-flex-pack: center;
21051
+ justify-content: center;
21052
+ }
21053
+ .base-layout-main .menu-top .menu-top-item .active-line p[data-v-3f66cd84] {
21054
+ width: 80%;
21055
+ height: 4px;
21056
+ background-color: var(--xrk-color-primary);
21057
+ }
20892
21058
  .custom_xrk-table {
20893
21059
  width: 100%;
20894
21060
  height: 100%;