xrk-components 2.0.0-beta.113 → 2.0.0-beta.115

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 (6) hide show
  1. package/lib/index.css +64 -64
  2. package/lib/index.esm.js +6 -4
  3. package/lib/index.umd.js +6 -4
  4. package/lib/packages/base/table/table-column.d.ts +3 -0
  5. package/lib/packages/hooks/use-default-props.d.ts +2 -0
  6. 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 {
@@ -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
 
package/lib/index.esm.js CHANGED
@@ -74359,7 +74359,7 @@ var script$j = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$h
74359
74359
  placeholder: "".concat(_getPleaseText(column.type)).concat(column.label || '')
74360
74360
  };
74361
74361
  if (column.type === 'datePicker') {
74362
- defaultConfig = __assign(__assign({}, defaultConfig), { startPlaceholder: "".concat(column.label, "\u59CB"), endPlaceholder: "".concat(column.label, "\u6B62") });
74362
+ defaultConfig = __assign(__assign({}, defaultConfig), { startPlaceholder: '开始时间', endPlaceholder: '结束时间' });
74363
74363
  }
74364
74364
  return defaultConfig;
74365
74365
  };
@@ -76594,7 +76594,7 @@ var script$9 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$9
76594
76594
  label: { type: String, required: false },
76595
76595
  columnKey: { type: String, required: false },
76596
76596
  width: { type: [String, Number], required: false },
76597
- minWidth: { type: [String, Number], required: false },
76597
+ minWidth: { type: [String, Number], required: false, default: useGetGlobalDefaultProp(propsKey, 'minWidth', 150) },
76598
76598
  fixed: { type: [Boolean, String], required: false },
76599
76599
  sortable: { type: [Boolean, String], required: false },
76600
76600
  sortMethod: { type: Function, required: false },
@@ -76610,7 +76610,9 @@ var script$9 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$9
76610
76610
  renderHeaderSelectionLabel: { type: Function, required: false },
76611
76611
  formatter: { type: Function, required: false, default: function (_a) {
76612
76612
  var cellValue = _a.cellValue;
76613
- return cellValue !== null && cellValue !== void 0 ? cellValue : '-';
76613
+ if (cellValue || cellValue === 0)
76614
+ return cellValue;
76615
+ return '-';
76614
76616
  } },
76615
76617
  render: { type: Function, required: false },
76616
76618
  selectionDisabled: { type: [Function, Boolean], required: false },
@@ -77023,7 +77025,7 @@ script$9.__scopeId = "data-v-2a64ae40";
77023
77025
  script$9.__file = "packages/base/table/table-column.vue";
77024
77026
 
77025
77027
  var useTableColumn$1 = function (props) {
77026
- return __assign({ minWidth: '120px', width: props.type === 'index' ? '90px' : '' }, props);
77028
+ return __assign({ minWidth: useGetGlobalDefaultProp('table-column', 'minWidth', 150), width: props.type === 'index' ? '90px' : '' }, props);
77027
77029
  };
77028
77030
 
77029
77031
  var BaseTable = script$a;
package/lib/index.umd.js CHANGED
@@ -74362,7 +74362,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
74362
74362
  placeholder: "".concat(_getPleaseText(column.type)).concat(column.label || '')
74363
74363
  };
74364
74364
  if (column.type === 'datePicker') {
74365
- defaultConfig = __assign(__assign({}, defaultConfig), { startPlaceholder: "".concat(column.label, "\u59CB"), endPlaceholder: "".concat(column.label, "\u6B62") });
74365
+ defaultConfig = __assign(__assign({}, defaultConfig), { startPlaceholder: '开始时间', endPlaceholder: '结束时间' });
74366
74366
  }
74367
74367
  return defaultConfig;
74368
74368
  };
@@ -76597,7 +76597,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
76597
76597
  label: { type: String, required: false },
76598
76598
  columnKey: { type: String, required: false },
76599
76599
  width: { type: [String, Number], required: false },
76600
- minWidth: { type: [String, Number], required: false },
76600
+ minWidth: { type: [String, Number], required: false, default: useGetGlobalDefaultProp(propsKey, 'minWidth', 150) },
76601
76601
  fixed: { type: [Boolean, String], required: false },
76602
76602
  sortable: { type: [Boolean, String], required: false },
76603
76603
  sortMethod: { type: Function, required: false },
@@ -76613,7 +76613,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
76613
76613
  renderHeaderSelectionLabel: { type: Function, required: false },
76614
76614
  formatter: { type: Function, required: false, default: function (_a) {
76615
76615
  var cellValue = _a.cellValue;
76616
- return cellValue !== null && cellValue !== void 0 ? cellValue : '-';
76616
+ if (cellValue || cellValue === 0)
76617
+ return cellValue;
76618
+ return '-';
76617
76619
  } },
76618
76620
  render: { type: Function, required: false },
76619
76621
  selectionDisabled: { type: [Function, Boolean], required: false },
@@ -77026,7 +77028,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
77026
77028
  script$9.__file = "packages/base/table/table-column.vue";
77027
77029
 
77028
77030
  var useTableColumn$1 = function (props) {
77029
- return __assign({ minWidth: '120px', width: props.type === 'index' ? '90px' : '' }, props);
77031
+ return __assign({ minWidth: useGetGlobalDefaultProp('table-column', 'minWidth', 150), width: props.type === 'index' ? '90px' : '' }, props);
77030
77032
  };
77031
77033
 
77032
77034
  var BaseTable = script$a;
package/lib/packages/base/table/table-column.d.ts CHANGED
@@ -30,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
30
30
  minWidth: {
31
31
  type: (StringConstructor | NumberConstructor)[];
32
32
  required: false;
33
+ default: any;
33
34
  };
34
35
  fixed: {
35
36
  type: (StringConstructor | BooleanConstructor)[];
@@ -185,6 +186,7 @@ declare const _default: import("vue").DefineComponent<{
185
186
  minWidth: {
186
187
  type: (StringConstructor | NumberConstructor)[];
187
188
  required: false;
189
+ default: any;
188
190
  };
189
191
  fixed: {
190
192
  type: (StringConstructor | BooleanConstructor)[];
@@ -310,6 +312,7 @@ declare const _default: import("vue").DefineComponent<{
310
312
  onSelect?: ((...args: any[]) => any) | undefined;
311
313
  "onSelect-all"?: ((...args: any[]) => any) | undefined;
312
314
  }, {
315
+ minWidth: string | number;
313
316
  showOverflowTooltip: boolean;
314
317
  formatter: Function;
315
318
  }>;
package/lib/packages/hooks/use-default-props.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare type DefaultProps = {
5
5
  };
6
6
  'table-column'?: {
7
7
  align?: 'left' | 'right' | 'center';
8
+ minWidth?: string | number;
8
9
  };
9
10
  'date-picker'?: {
10
11
  shortcuts?: Array<{
@@ -22,6 +23,7 @@ export declare const useGetGlobalDefaultProps: (componentPropsKey: keyof Default
22
23
  useBaseClass?: boolean | undefined;
23
24
  } | {
24
25
  align?: "left" | "right" | "center" | undefined;
26
+ minWidth?: string | number | undefined;
25
27
  } | {
26
28
  shortcuts?: {
27
29
  text: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xrk-components",
3
- "version": "2.0.0-beta.113",
3
+ "version": "2.0.0-beta.115",
4
4
  "description": "",
5
5
  "main": "lib/index.esm.js",
6
6
  "typings": "lib/packages/index.d.ts",