@cyberpunk-vue/components 1.13.17 → 1.13.18

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 (9) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.mjs +547 -453
  3. package/dist/table/index.d.ts +20 -0
  4. package/dist/table/src/table.d.ts +18 -0
  5. package/dist/table/src/table.vue.d.ts +12 -1
  6. package/dist/table-column/index.d.ts +24 -0
  7. package/dist/table-column/src/table-column.d.ts +18 -0
  8. package/dist/table-column/src/table-column.vue.d.ts +15 -0
  9. package/package.json +4 -4
package/dist/table/index.d.ts CHANGED
@@ -48,6 +48,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
48
48
  readonly maxHeight: {
49
49
  readonly type: import('vue').PropType<string | number>;
50
50
  };
51
+ readonly resizable: {
52
+ readonly type: BooleanConstructor;
53
+ readonly default: false;
54
+ };
51
55
  readonly emptyText: {
52
56
  readonly type: StringConstructor;
53
57
  readonly default: "暂无数据";
@@ -133,6 +137,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
133
137
  "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
134
138
  "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
135
139
  "onSort-change"?: ((_sortState: import('.').SortChangePayload) => any) | undefined;
140
+ "onColumn-resize"?: ((_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
136
141
  "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
137
142
  "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
138
143
  "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -159,6 +164,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
159
164
  "current-change": (currentRow: any, oldRow: any) => void;
160
165
  "update:checkedKeys": (keys: (string | number)[]) => void;
161
166
  "sort-change": (_sortState: import('.').SortChangePayload) => void;
167
+ "column-resize": (_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => void;
162
168
  "row-click": (row: any, index: number, event: MouseEvent) => void;
163
169
  "selection-change": (selection: import('.').SelectionPayload) => void;
164
170
  "expand-change": (row: any, expanded: boolean) => void;
@@ -179,6 +185,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
179
185
  readonly stripe: boolean;
180
186
  readonly highlightCurrentRow: boolean;
181
187
  readonly rowClassName: import('.').TableRowClassName;
188
+ readonly resizable: boolean;
182
189
  readonly emptyText: string;
183
190
  readonly rowKey: string | ((row: any) => string | number);
184
191
  readonly sortState: import('.').SortState;
@@ -232,6 +239,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
232
239
  readonly maxHeight: {
233
240
  readonly type: import('vue').PropType<string | number>;
234
241
  };
242
+ readonly resizable: {
243
+ readonly type: BooleanConstructor;
244
+ readonly default: false;
245
+ };
235
246
  readonly emptyText: {
236
247
  readonly type: StringConstructor;
237
248
  readonly default: "暂无数据";
@@ -317,6 +328,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
317
328
  "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
318
329
  "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
319
330
  "onSort-change"?: ((_sortState: import('.').SortChangePayload) => any) | undefined;
331
+ "onColumn-resize"?: ((_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
320
332
  "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
321
333
  "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
322
334
  "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -353,6 +365,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
353
365
  readonly stripe: boolean;
354
366
  readonly highlightCurrentRow: boolean;
355
367
  readonly rowClassName: import('.').TableRowClassName;
368
+ readonly resizable: boolean;
356
369
  readonly emptyText: string;
357
370
  readonly rowKey: string | ((row: any) => string | number);
358
371
  readonly sortState: import('.').SortState;
@@ -403,6 +416,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
403
416
  readonly maxHeight: {
404
417
  readonly type: import('vue').PropType<string | number>;
405
418
  };
419
+ readonly resizable: {
420
+ readonly type: BooleanConstructor;
421
+ readonly default: false;
422
+ };
406
423
  readonly emptyText: {
407
424
  readonly type: StringConstructor;
408
425
  readonly default: "暂无数据";
@@ -488,6 +505,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
488
505
  "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
489
506
  "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
490
507
  "onSort-change"?: ((_sortState: import('.').SortChangePayload) => any) | undefined;
508
+ "onColumn-resize"?: ((_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
491
509
  "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
492
510
  "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
493
511
  "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -514,6 +532,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
514
532
  "current-change": (currentRow: any, oldRow: any) => void;
515
533
  "update:checkedKeys": (keys: (string | number)[]) => void;
516
534
  "sort-change": (_sortState: import('.').SortChangePayload) => void;
535
+ "column-resize": (_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => void;
517
536
  "row-click": (row: any, index: number, event: MouseEvent) => void;
518
537
  "selection-change": (selection: import('.').SelectionPayload) => void;
519
538
  "expand-change": (row: any, expanded: boolean) => void;
@@ -534,6 +553,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
534
553
  readonly stripe: boolean;
535
554
  readonly highlightCurrentRow: boolean;
536
555
  readonly rowClassName: import('.').TableRowClassName;
556
+ readonly resizable: boolean;
537
557
  readonly emptyText: string;
538
558
  readonly rowKey: string | ((row: any) => string | number);
539
559
  readonly sortState: import('.').SortState;
package/dist/table/src/table.d.ts CHANGED
@@ -110,6 +110,10 @@ export interface TableColumnConfig {
110
110
  width?: string | number;
111
111
  /** 最小列宽 */
112
112
  minWidth?: string | number;
113
+ /** 最大列宽 */
114
+ maxWidth?: string | number;
115
+ /** 是否允许拖动表头分割线调整列宽 */
116
+ resizable: boolean;
113
117
  /** 是否可排序 */
114
118
  sortable: ColumnSortable;
115
119
  /** 自定义本地排序函数 */
@@ -282,6 +286,18 @@ export declare const tableProps: {
282
286
  readonly maxHeight: {
283
287
  readonly type: PropType<string | number>;
284
288
  };
289
+ /**
290
+ * 是否允许拖动表头分割线调整列宽
291
+ *
292
+ * 开启后，列的 `width` 作为初始宽度，拖动后的运行时宽度会受
293
+ * `minWidth` / `maxWidth` 限制。
294
+ *
295
+ * @default false
296
+ */
297
+ readonly resizable: {
298
+ readonly type: BooleanConstructor;
299
+ readonly default: false;
300
+ };
285
301
  /**
286
302
  * 空数据文案
287
303
  * @default '暂无数据'
@@ -498,6 +514,8 @@ export type TableProps = ExtractPropTypes<typeof tableProps>;
498
514
  export declare const tableEmits: {
499
515
  /** 排序变化 */
500
516
  'sort-change': (_sortState: SortChangePayload) => boolean;
517
+ /** 列宽拖动变化 */
518
+ 'column-resize': (_column: TableColumnConfig, _width: number, _oldWidth: number) => boolean;
501
519
  /** 行点击 */
502
520
  'row-click': (row: any, index: number, event: MouseEvent) => boolean;
503
521
  /** 选中行变化 */
package/dist/table/src/table.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { SortOrder, SortState, SortChangePayload, SelectionDetail, SelectionPayload } from './table';
1
+ import { TableColumnConfig, SortOrder, SortState, SortChangePayload, SelectionDetail, SelectionPayload } from './table';
2
2
  declare function __VLS_template(): {
3
3
  attrs: Partial<{}>;
4
4
  slots: {
@@ -45,6 +45,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
45
45
  readonly maxHeight: {
46
46
  readonly type: import('vue').PropType<string | number>;
47
47
  };
48
+ readonly resizable: {
49
+ readonly type: BooleanConstructor;
50
+ readonly default: false;
51
+ };
48
52
  readonly emptyText: {
49
53
  readonly type: StringConstructor;
50
54
  readonly default: "暂无数据";
@@ -161,6 +165,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
161
165
  "current-change": (currentRow: any, oldRow: any) => void;
162
166
  "update:checkedKeys": (keys: (string | number)[]) => void;
163
167
  "sort-change": (_sortState: SortChangePayload) => void;
168
+ "column-resize": (_column: TableColumnConfig, _width: number, _oldWidth: number) => void;
164
169
  "row-click": (row: any, index: number, event: MouseEvent) => void;
165
170
  "selection-change": (selection: SelectionPayload) => void;
166
171
  "expand-change": (row: any, expanded: boolean) => void;
@@ -200,6 +205,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
200
205
  readonly maxHeight: {
201
206
  readonly type: import('vue').PropType<string | number>;
202
207
  };
208
+ readonly resizable: {
209
+ readonly type: BooleanConstructor;
210
+ readonly default: false;
211
+ };
203
212
  readonly emptyText: {
204
213
  readonly type: StringConstructor;
205
214
  readonly default: "暂无数据";
@@ -285,6 +294,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
285
294
  "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
286
295
  "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
287
296
  "onSort-change"?: ((_sortState: SortChangePayload) => any) | undefined;
297
+ "onColumn-resize"?: ((_column: TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
288
298
  "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
289
299
  "onSelection-change"?: ((selection: SelectionPayload) => any) | undefined;
290
300
  "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -305,6 +315,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
305
315
  readonly stripe: boolean;
306
316
  readonly highlightCurrentRow: boolean;
307
317
  readonly rowClassName: import('./table').TableRowClassName;
318
+ readonly resizable: boolean;
308
319
  readonly emptyText: string;
309
320
  readonly rowKey: string | ((row: any) => string | number);
310
321
  readonly sortState: SortState;
package/dist/table-column/index.d.ts CHANGED
@@ -29,6 +29,13 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
29
29
  readonly minWidth: {
30
30
  readonly type: import('vue').PropType<string | number>;
31
31
  };
32
+ readonly maxWidth: {
33
+ readonly type: import('vue').PropType<string | number>;
34
+ };
35
+ readonly resizable: {
36
+ readonly type: BooleanConstructor;
37
+ readonly default: true;
38
+ };
32
39
  readonly sortable: {
33
40
  readonly type: import('vue').PropType<import('..').ColumnSortable>;
34
41
  readonly default: false;
@@ -57,6 +64,7 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
57
64
  readonly type: import('.').ColumnType;
58
65
  readonly label: string;
59
66
  readonly align: "left" | "right" | "center";
67
+ readonly resizable: boolean;
60
68
  readonly sortOrders: import('..').SortOrder[];
61
69
  readonly prop: string;
62
70
  readonly sortable: import('..').ColumnSortable;
@@ -89,6 +97,13 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
89
97
  readonly minWidth: {
90
98
  readonly type: import('vue').PropType<string | number>;
91
99
  };
100
+ readonly maxWidth: {
101
+ readonly type: import('vue').PropType<string | number>;
102
+ };
103
+ readonly resizable: {
104
+ readonly type: BooleanConstructor;
105
+ readonly default: true;
106
+ };
92
107
  readonly sortable: {
93
108
  readonly type: import('vue').PropType<import('..').ColumnSortable>;
94
109
  readonly default: false;
@@ -117,6 +132,7 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
117
132
  readonly type: import('.').ColumnType;
118
133
  readonly label: string;
119
134
  readonly align: "left" | "right" | "center";
135
+ readonly resizable: boolean;
120
136
  readonly sortOrders: import('..').SortOrder[];
121
137
  readonly prop: string;
122
138
  readonly sortable: import('..').ColumnSortable;
@@ -146,6 +162,13 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
146
162
  readonly minWidth: {
147
163
  readonly type: import('vue').PropType<string | number>;
148
164
  };
165
+ readonly maxWidth: {
166
+ readonly type: import('vue').PropType<string | number>;
167
+ };
168
+ readonly resizable: {
169
+ readonly type: BooleanConstructor;
170
+ readonly default: true;
171
+ };
149
172
  readonly sortable: {
150
173
  readonly type: import('vue').PropType<import('..').ColumnSortable>;
151
174
  readonly default: false;
@@ -174,6 +197,7 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
174
197
  readonly type: import('.').ColumnType;
175
198
  readonly label: string;
176
199
  readonly align: "left" | "right" | "center";
200
+ readonly resizable: boolean;
177
201
  readonly sortOrders: import('..').SortOrder[];
178
202
  readonly prop: string;
179
203
  readonly sortable: import('..').ColumnSortable;
package/dist/table-column/src/table-column.d.ts CHANGED
@@ -19,6 +19,7 @@ export type ColumnType = 'default' | 'selection' | 'index' | 'expand';
19
19
  * ```vue
20
20
  * <!-- 普通数据列 -->
21
21
  * <CpTableColumn prop="name" label="姓名" sortable />
22
+ * <CpTableColumn prop="email" label="邮箱" :width="220" :min-width="160" :max-width="360" />
22
23
  * <CpTableColumn prop="createdAt" label="创建时间" sortable="custom" />
23
24
  *
24
25
  * <!-- 自定义单元格渲染 -->
@@ -82,6 +83,23 @@ export declare const tableColumnProps: {
82
83
  readonly minWidth: {
83
84
  readonly type: PropType<string | number>;
84
85
  };
86
+ /**
87
+ * 最大列宽
88
+ */
89
+ readonly maxWidth: {
90
+ readonly type: PropType<string | number>;
91
+ };
92
+ /**
93
+ * 是否允许拖动表头分割线调整当前列宽度
94
+ *
95
+ * 需要同时在 CpTable 上开启 `resizable` 才会生效。
96
+ *
97
+ * @default true
98
+ */
99
+ readonly resizable: {
100
+ readonly type: BooleanConstructor;
101
+ readonly default: true;
102
+ };
85
103
  /**
86
104
  * 是否可排序
87
105
  *
package/dist/table-column/src/table-column.vue.d.ts CHANGED
@@ -30,6 +30,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
30
30
  readonly minWidth: {
31
31
  readonly type: import('vue').PropType<string | number>;
32
32
  };
33
+ readonly maxWidth: {
34
+ readonly type: import('vue').PropType<string | number>;
35
+ };
36
+ readonly resizable: {
37
+ readonly type: BooleanConstructor;
38
+ readonly default: true;
39
+ };
33
40
  readonly sortable: {
34
41
  readonly type: import('vue').PropType<import('../..').ColumnSortable>;
35
42
  readonly default: false;
@@ -73,6 +80,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
73
80
  readonly minWidth: {
74
81
  readonly type: import('vue').PropType<string | number>;
75
82
  };
83
+ readonly maxWidth: {
84
+ readonly type: import('vue').PropType<string | number>;
85
+ };
86
+ readonly resizable: {
87
+ readonly type: BooleanConstructor;
88
+ readonly default: true;
89
+ };
76
90
  readonly sortable: {
77
91
  readonly type: import('vue').PropType<import('../..').ColumnSortable>;
78
92
  readonly default: false;
@@ -101,6 +115,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
101
115
  readonly type: import('./table-column').ColumnType;
102
116
  readonly label: string;
103
117
  readonly align: "left" | "right" | "center";
118
+ readonly resizable: boolean;
104
119
  readonly sortOrders: import('../..').SortOrder[];
105
120
  readonly prop: string;
106
121
  readonly sortable: import('../..').ColumnSortable;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cyberpunk-vue/components",
3
- "version": "1.13.17",
3
+ "version": "1.13.18",
4
4
  "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -25,9 +25,9 @@
25
25
  "dependencies": {
26
26
  "@floating-ui/dom": "^1.7.6",
27
27
  "dayjs": "^1.11.20",
28
- "@cyberpunk-vue/theme-chalk": "1.13.17",
29
- "@cyberpunk-vue/constants": "1.13.17",
30
- "@cyberpunk-vue/hooks": "1.13.17"
28
+ "@cyberpunk-vue/theme-chalk": "1.13.18",
29
+ "@cyberpunk-vue/constants": "1.13.18",
30
+ "@cyberpunk-vue/hooks": "1.13.18"
31
31
  },
32
32
  "author": "Juxest",
33
33
  "license": "MIT",