@gx-design-vue/pro-table 0.2.0-beta.4 → 0.2.0-beta.41
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.
- package/dist/ProTable.d.ts +263 -367
- package/dist/_utils/ant-design-vue/index.d.ts +2 -0
- package/dist/_utils/ant-design-vue/input/typings.d.ts +1 -0
- package/dist/_utils/ant-design-vue/spin/typings.d.ts +1 -0
- package/dist/_utils/ant-design-vue/table/props.d.ts +248 -2
- package/dist/_utils/ant-design-vue/table/typings.d.ts +3 -2
- package/dist/_utils/ant-design-vue/tooltip/typings.d.ts +1 -0
- package/dist/_utils/index.d.ts +0 -1
- package/dist/components/ColumnSetting/style.d.ts +2 -5
- package/dist/components/Form/index.d.ts +6 -5
- package/dist/components/Form/style.d.ts +2 -5
- package/dist/components/ListToolBar/style.d.ts +2 -5
- package/dist/components/ToolBar/FullscreenIcon.d.ts +1 -2
- package/dist/context/TableContext.d.ts +4 -4
- package/dist/hooks/useColums.d.ts +2 -2
- package/dist/hooks/useFetchData.d.ts +8 -6
- package/dist/hooks/useLoading.d.ts +3 -11
- package/dist/hooks/useRowSelection.d.ts +2 -2
- package/dist/hooks/useTable.d.ts +6 -3
- package/dist/hooks/useTableForm.d.ts +3 -2
- package/dist/hooks/useTableScroll.d.ts +3 -3
- package/dist/index.d.ts +1 -1
- package/dist/pro-table.mjs +1517 -31526
- package/dist/pro-table.umd.js +1 -328
- package/dist/props.d.ts +108 -147
- package/dist/style.d.ts +2 -6
- package/dist/types/TableTypings.d.ts +34 -19
- package/dist/utils/utils.d.ts +1 -1
- package/package.json +5 -4
- package/dist/_utils/typings.d.ts +0 -9
package/dist/props.d.ts
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import type { SearchConfig } from './types/TableTypings';
|
|
2
|
+
import type { SearchConfig, ProTableRowSelection } from './types/TableTypings';
|
|
3
3
|
export declare const proTableProps: {
|
|
4
4
|
rowSelection: {
|
|
5
|
-
type: PropType<
|
|
6
|
-
defaultSelectKeys: (string | number)[];
|
|
7
|
-
defaultSelectRows: any[];
|
|
8
|
-
}) | undefined>;
|
|
5
|
+
type: PropType<ProTableRowSelection<any>>;
|
|
9
6
|
default: undefined;
|
|
10
7
|
};
|
|
11
8
|
columns: {
|
|
@@ -27,11 +24,14 @@ export declare const proTableProps: {
|
|
|
27
24
|
* @description 获取 dataSource 的方法
|
|
28
25
|
*/
|
|
29
26
|
request: {
|
|
30
|
-
type: PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType
|
|
27
|
+
type: PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
|
|
28
|
+
pageSize?: number | undefined;
|
|
29
|
+
pageNum?: number | undefined;
|
|
30
|
+
}> | undefined>;
|
|
31
31
|
default: null;
|
|
32
32
|
};
|
|
33
33
|
virtualScroll: PropType<boolean | undefined>;
|
|
34
|
-
params: PropType<Record<string,
|
|
34
|
+
params: PropType<Record<string, any> | undefined>;
|
|
35
35
|
postData: PropType<((data: any[]) => any) | undefined>;
|
|
36
36
|
waitRequest: {
|
|
37
37
|
type: PropType<boolean | undefined>;
|
|
@@ -49,7 +49,7 @@ export declare const proTableProps: {
|
|
|
49
49
|
* @description 是否显示搜索表单,传入对象时为搜索表单的配置
|
|
50
50
|
*/
|
|
51
51
|
search: {
|
|
52
|
-
type: PropType<SearchConfig | undefined>;
|
|
52
|
+
type: PropType<boolean | SearchConfig | undefined>;
|
|
53
53
|
default: () => SearchConfig;
|
|
54
54
|
};
|
|
55
55
|
searchMap: {
|
|
@@ -72,6 +72,10 @@ export declare const proTableProps: {
|
|
|
72
72
|
* @lastTime 2022/2/8
|
|
73
73
|
* @description 添加表格class
|
|
74
74
|
*/
|
|
75
|
+
showLoading: {
|
|
76
|
+
type: PropType<boolean | undefined>;
|
|
77
|
+
default: boolean;
|
|
78
|
+
};
|
|
75
79
|
tableClassName: PropType<string | undefined>;
|
|
76
80
|
/**
|
|
77
81
|
* @Author gx12358
|
|
@@ -164,7 +168,7 @@ export declare const proTableProps: {
|
|
|
164
168
|
* @description 表格大小
|
|
165
169
|
*/
|
|
166
170
|
size: {
|
|
167
|
-
type: PropType<"small" | "
|
|
171
|
+
type: PropType<"small" | "middle" | "large" | undefined>;
|
|
168
172
|
default: string;
|
|
169
173
|
};
|
|
170
174
|
/**
|
|
@@ -247,119 +251,140 @@ export declare const proTableProps: {
|
|
|
247
251
|
onSizeChange: PropType<((size: string) => any) | undefined>;
|
|
248
252
|
onLoadingChange: PropType<((loading: boolean) => any) | undefined>;
|
|
249
253
|
onRequestError: PropType<((e: Error) => void) | undefined>;
|
|
250
|
-
onBeforeSearchSubmit: PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType
|
|
254
|
+
onBeforeSearchSubmit: PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
|
|
255
|
+
pageSize?: number | undefined;
|
|
256
|
+
pageNum?: number | undefined;
|
|
257
|
+
}> | undefined>;
|
|
251
258
|
onColumnsStateChange: PropType<((data: import("./hooks/useColumnSetting").ColumnsState[]) => void) | undefined>;
|
|
252
259
|
prefixCls: {
|
|
253
260
|
type: PropType<string>;
|
|
254
|
-
default:
|
|
261
|
+
default: undefined;
|
|
255
262
|
};
|
|
256
263
|
tableLayout: {
|
|
257
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").TableLayout>;
|
|
258
|
-
default:
|
|
264
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").TableLayout | undefined>;
|
|
265
|
+
default: undefined;
|
|
259
266
|
};
|
|
260
267
|
rowClassName: {
|
|
261
|
-
type: PropType<string | import("ant-design-vue/es/vc-table/interface").RowClassName<any
|
|
262
|
-
default:
|
|
268
|
+
type: PropType<string | import("ant-design-vue/es/vc-table/interface").RowClassName<any> | undefined>;
|
|
269
|
+
default: undefined;
|
|
263
270
|
};
|
|
264
271
|
title: {
|
|
265
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").PanelRender<any
|
|
266
|
-
default:
|
|
272
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").PanelRender<any> | undefined>;
|
|
273
|
+
default: undefined;
|
|
267
274
|
};
|
|
268
275
|
footer: {
|
|
269
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").PanelRender<any
|
|
270
|
-
default:
|
|
276
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").PanelRender<any> | undefined>;
|
|
277
|
+
default: undefined;
|
|
271
278
|
};
|
|
272
279
|
id: {
|
|
273
|
-
type: PropType<string>;
|
|
274
|
-
default:
|
|
280
|
+
type: PropType<string | undefined>;
|
|
281
|
+
default: undefined;
|
|
275
282
|
};
|
|
276
283
|
showHeader: {
|
|
277
|
-
type:
|
|
278
|
-
default:
|
|
284
|
+
type: PropType<boolean>;
|
|
285
|
+
default: undefined;
|
|
279
286
|
};
|
|
280
287
|
components: {
|
|
281
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").TableComponents<any
|
|
282
|
-
default:
|
|
288
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").TableComponents<any> | undefined>;
|
|
289
|
+
default: undefined;
|
|
283
290
|
};
|
|
284
291
|
customRow: {
|
|
285
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").GetComponentProps<any
|
|
286
|
-
default:
|
|
292
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").GetComponentProps<any> | undefined>;
|
|
293
|
+
default: undefined;
|
|
287
294
|
};
|
|
288
295
|
customHeaderRow: {
|
|
289
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").GetComponentProps<import("ant-design-vue/es/vc-table/interface").ColumnType<any>[]
|
|
290
|
-
default:
|
|
296
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").GetComponentProps<import("ant-design-vue/es/vc-table/interface").ColumnType<any>[]> | undefined>;
|
|
297
|
+
default: undefined;
|
|
291
298
|
};
|
|
292
299
|
direction: {
|
|
293
|
-
type: PropType<"ltr" | "rtl">;
|
|
294
|
-
default:
|
|
300
|
+
type: PropType<"ltr" | "rtl" | undefined>;
|
|
301
|
+
default: undefined;
|
|
295
302
|
};
|
|
296
303
|
expandFixed: {
|
|
297
|
-
type: PropType<boolean | "right" | "left">;
|
|
298
|
-
default:
|
|
304
|
+
type: PropType<boolean | "right" | "left" | undefined>;
|
|
305
|
+
default: undefined;
|
|
306
|
+
};
|
|
307
|
+
expandColumnWidth: {
|
|
308
|
+
type: PropType<number>;
|
|
309
|
+
default: undefined;
|
|
299
310
|
};
|
|
300
|
-
expandColumnWidth: NumberConstructor;
|
|
301
311
|
expandedRowKeys: {
|
|
302
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").Key[]>;
|
|
303
|
-
default:
|
|
312
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").Key[] | undefined>;
|
|
313
|
+
default: undefined;
|
|
304
314
|
};
|
|
305
315
|
defaultExpandedRowKeys: {
|
|
306
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").Key[]>;
|
|
307
|
-
default:
|
|
316
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").Key[] | undefined>;
|
|
317
|
+
default: undefined;
|
|
308
318
|
};
|
|
309
319
|
expandedRowRender: {
|
|
310
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").ExpandedRowRender<any
|
|
311
|
-
default:
|
|
320
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").ExpandedRowRender<any> | undefined>;
|
|
321
|
+
default: undefined;
|
|
312
322
|
};
|
|
313
323
|
expandRowByClick: {
|
|
314
|
-
type:
|
|
315
|
-
default:
|
|
324
|
+
type: PropType<boolean>;
|
|
325
|
+
default: undefined;
|
|
316
326
|
};
|
|
317
327
|
expandIcon: {
|
|
318
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").RenderExpandIcon<any
|
|
319
|
-
default:
|
|
328
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").RenderExpandIcon<any> | undefined>;
|
|
329
|
+
default: undefined;
|
|
320
330
|
};
|
|
321
331
|
onExpand: {
|
|
322
|
-
type: PropType<(expanded: boolean, record: any) => void>;
|
|
323
|
-
default:
|
|
332
|
+
type: PropType<((expanded: boolean, record: any) => void) | undefined>;
|
|
333
|
+
default: undefined;
|
|
324
334
|
};
|
|
325
335
|
onExpandedRowsChange: {
|
|
326
|
-
type: PropType<(expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void>;
|
|
327
|
-
default:
|
|
336
|
+
type: PropType<((expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void) | undefined>;
|
|
337
|
+
default: undefined;
|
|
328
338
|
};
|
|
329
339
|
'onUpdate:expandedRowKeys': {
|
|
330
|
-
type: PropType<(expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void>;
|
|
331
|
-
default:
|
|
340
|
+
type: PropType<((expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void) | undefined>;
|
|
341
|
+
default: undefined;
|
|
332
342
|
};
|
|
333
343
|
defaultExpandAllRows: {
|
|
334
|
-
type:
|
|
335
|
-
default:
|
|
344
|
+
type: PropType<boolean>;
|
|
345
|
+
default: undefined;
|
|
346
|
+
};
|
|
347
|
+
indentSize: {
|
|
348
|
+
type: PropType<number>;
|
|
349
|
+
default: undefined;
|
|
350
|
+
};
|
|
351
|
+
expandIconColumnIndex: {
|
|
352
|
+
type: PropType<number>;
|
|
353
|
+
default: undefined;
|
|
336
354
|
};
|
|
337
|
-
indentSize: NumberConstructor;
|
|
338
|
-
expandIconColumnIndex: NumberConstructor;
|
|
339
355
|
showExpandColumn: {
|
|
340
|
-
type:
|
|
341
|
-
default:
|
|
356
|
+
type: PropType<boolean>;
|
|
357
|
+
default: undefined;
|
|
342
358
|
};
|
|
343
359
|
expandedRowClassName: {
|
|
344
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").RowClassName<any
|
|
345
|
-
default:
|
|
360
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").RowClassName<any> | undefined>;
|
|
361
|
+
default: undefined;
|
|
346
362
|
};
|
|
363
|
+
/**
|
|
364
|
+
* @Author gx12358
|
|
365
|
+
* @DateTime 2022/2/8
|
|
366
|
+
* @lastTime 2022/2/8
|
|
367
|
+
* @description 列状态配置,可以配置是否浮动和是否展示
|
|
368
|
+
*/
|
|
347
369
|
childrenColumnName: {
|
|
348
|
-
type: PropType<string>;
|
|
349
|
-
default:
|
|
370
|
+
type: PropType<string | undefined>;
|
|
371
|
+
default: undefined;
|
|
350
372
|
};
|
|
351
373
|
rowExpandable: {
|
|
352
|
-
type: PropType<(record: any) => boolean>;
|
|
353
|
-
default:
|
|
374
|
+
type: PropType<((record: any) => boolean) | undefined>;
|
|
375
|
+
default: undefined;
|
|
354
376
|
};
|
|
355
377
|
sticky: {
|
|
356
|
-
type: PropType<boolean | import("ant-design-vue/es/vc-table/interface").TableSticky>;
|
|
357
|
-
default:
|
|
378
|
+
type: PropType<boolean | import("ant-design-vue/es/vc-table/interface").TableSticky | undefined>;
|
|
379
|
+
default: undefined;
|
|
380
|
+
};
|
|
381
|
+
dropdownPrefixCls: {
|
|
382
|
+
type: PropType<string>;
|
|
383
|
+
default: undefined;
|
|
358
384
|
};
|
|
359
|
-
dropdownPrefixCls: StringConstructor;
|
|
360
385
|
dataSource: {
|
|
361
|
-
type: PropType<any[]>;
|
|
362
|
-
default:
|
|
386
|
+
type: PropType<any[] | undefined>;
|
|
387
|
+
default: undefined;
|
|
363
388
|
};
|
|
364
389
|
loading: {
|
|
365
390
|
type: PropType<boolean | Partial<import("vue").ExtractPropTypes<{
|
|
@@ -374,34 +399,28 @@ export declare const proTableProps: {
|
|
|
374
399
|
delay: NumberConstructor;
|
|
375
400
|
indicator: import("vue-types").VueTypeValidableDef<any>;
|
|
376
401
|
}>>>;
|
|
377
|
-
default:
|
|
378
|
-
prefixCls: StringConstructor;
|
|
379
|
-
spinning: {
|
|
380
|
-
type: BooleanConstructor;
|
|
381
|
-
default: any;
|
|
382
|
-
};
|
|
383
|
-
size: PropType<import("ant-design-vue/es/spin/Spin").SpinSize>;
|
|
384
|
-
wrapperClassName: StringConstructor;
|
|
385
|
-
tip: import("vue-types").VueTypeValidableDef<any>;
|
|
386
|
-
delay: NumberConstructor;
|
|
387
|
-
indicator: import("vue-types").VueTypeValidableDef<any>;
|
|
388
|
-
}>>;
|
|
402
|
+
default: undefined;
|
|
389
403
|
};
|
|
390
404
|
locale: {
|
|
391
405
|
type: PropType<import("ant-design-vue/es/table/interface").TableLocale>;
|
|
392
|
-
default:
|
|
406
|
+
default: undefined; /**
|
|
407
|
+
* @Author gx12358
|
|
408
|
+
* @DateTime 2022/2/8
|
|
409
|
+
* @lastTime 2022/2/8
|
|
410
|
+
* @description 翻页item设置
|
|
411
|
+
*/
|
|
393
412
|
};
|
|
394
413
|
onChange: {
|
|
395
|
-
type: PropType<(pagination: import("
|
|
396
|
-
default:
|
|
414
|
+
type: PropType<(pagination: import("./types/TableTypings").ProTablePagination, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue | null>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void>;
|
|
415
|
+
default: undefined;
|
|
397
416
|
};
|
|
398
417
|
onResizeColumn: {
|
|
399
418
|
type: PropType<(w: number, col: import("ant-design-vue/es/table/interface").ColumnType<any>) => void>;
|
|
400
|
-
default:
|
|
419
|
+
default: undefined;
|
|
401
420
|
};
|
|
402
421
|
getPopupContainer: {
|
|
403
422
|
type: PropType<import("ant-design-vue/es/table/interface").GetPopupContainer>;
|
|
404
|
-
default:
|
|
423
|
+
default: undefined;
|
|
405
424
|
};
|
|
406
425
|
scroll: {
|
|
407
426
|
type: PropType<{
|
|
@@ -410,16 +429,11 @@ export declare const proTableProps: {
|
|
|
410
429
|
} & {
|
|
411
430
|
scrollToFirstRowOnChange?: boolean | undefined;
|
|
412
431
|
}>;
|
|
413
|
-
default:
|
|
414
|
-
x?: string | number | true | undefined;
|
|
415
|
-
y?: string | number | undefined;
|
|
416
|
-
} & {
|
|
417
|
-
scrollToFirstRowOnChange?: boolean | undefined;
|
|
418
|
-
};
|
|
432
|
+
default: undefined;
|
|
419
433
|
};
|
|
420
434
|
sortDirections: {
|
|
421
435
|
type: PropType<import("ant-design-vue/es/table/interface").SortOrder[]>;
|
|
422
|
-
default:
|
|
436
|
+
default: undefined;
|
|
423
437
|
};
|
|
424
438
|
showSorterTooltip: {
|
|
425
439
|
type: PropType<boolean | Partial<import("vue").ExtractPropTypes<{
|
|
@@ -476,63 +490,10 @@ export declare const proTableProps: {
|
|
|
476
490
|
onOpenChange: PropType<(vis: boolean) => void>;
|
|
477
491
|
'onUpdate:open': PropType<(vis: boolean) => void>;
|
|
478
492
|
}>>>;
|
|
479
|
-
default: boolean
|
|
480
|
-
title: import("vue-types").VueTypeValidableDef<any>;
|
|
481
|
-
trigger: PropType<import("ant-design-vue/es/tooltip/abstractTooltipProps").TriggerType | import("ant-design-vue/es/tooltip/abstractTooltipProps").TriggerType[]>;
|
|
482
|
-
open: {
|
|
483
|
-
type: BooleanConstructor;
|
|
484
|
-
default: any;
|
|
485
|
-
};
|
|
486
|
-
visible: {
|
|
487
|
-
type: BooleanConstructor;
|
|
488
|
-
default: any;
|
|
489
|
-
};
|
|
490
|
-
placement: PropType<import("ant-design-vue/es/tooltip").TooltipPlacement>;
|
|
491
|
-
color: PropType<import("ant-design-vue/es/_util/type").LiteralUnion<import("ant-design-vue/es/_util/colors").PresetColorType>>;
|
|
492
|
-
transitionName: StringConstructor;
|
|
493
|
-
overlayStyle: {
|
|
494
|
-
type: PropType<import("vue").CSSProperties>;
|
|
495
|
-
default: import("vue").CSSProperties;
|
|
496
|
-
};
|
|
497
|
-
overlayInnerStyle: {
|
|
498
|
-
type: PropType<import("vue").CSSProperties>;
|
|
499
|
-
default: import("vue").CSSProperties;
|
|
500
|
-
};
|
|
501
|
-
overlayClassName: StringConstructor;
|
|
502
|
-
openClassName: StringConstructor;
|
|
503
|
-
prefixCls: StringConstructor;
|
|
504
|
-
mouseEnterDelay: NumberConstructor;
|
|
505
|
-
mouseLeaveDelay: NumberConstructor;
|
|
506
|
-
getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
|
|
507
|
-
arrowPointAtCenter: {
|
|
508
|
-
type: BooleanConstructor;
|
|
509
|
-
default: any;
|
|
510
|
-
};
|
|
511
|
-
autoAdjustOverflow: {
|
|
512
|
-
type: PropType<boolean | import("ant-design-vue/es/tooltip").AdjustOverflow>;
|
|
513
|
-
default: boolean | import("ant-design-vue/es/tooltip").AdjustOverflow;
|
|
514
|
-
};
|
|
515
|
-
destroyTooltipOnHide: {
|
|
516
|
-
type: BooleanConstructor;
|
|
517
|
-
default: any;
|
|
518
|
-
};
|
|
519
|
-
align: {
|
|
520
|
-
type: PropType<import("ant-design-vue/es/vc-trigger/interface").AlignType>;
|
|
521
|
-
default: import("ant-design-vue/es/vc-trigger/interface").AlignType;
|
|
522
|
-
};
|
|
523
|
-
builtinPlacements: {
|
|
524
|
-
type: PropType<import("ant-design-vue/es/vc-trigger/interface").BuildInPlacements>;
|
|
525
|
-
default: import("ant-design-vue/es/vc-trigger/interface").BuildInPlacements;
|
|
526
|
-
};
|
|
527
|
-
children: ArrayConstructor;
|
|
528
|
-
onVisibleChange: PropType<(vis: boolean) => void>;
|
|
529
|
-
'onUpdate:visible': PropType<(vis: boolean) => void>;
|
|
530
|
-
onOpenChange: PropType<(vis: boolean) => void>;
|
|
531
|
-
'onUpdate:open': PropType<(vis: boolean) => void>;
|
|
532
|
-
}>>;
|
|
493
|
+
default: boolean;
|
|
533
494
|
};
|
|
534
495
|
transformCellText: {
|
|
535
|
-
type: PropType<import("ant-design-vue/es/vc-table/interface").TransformCellText<any
|
|
536
|
-
default:
|
|
496
|
+
type: PropType<import("ant-design-vue/es/vc-table/interface").TransformCellText<any> | undefined>;
|
|
497
|
+
default: undefined;
|
|
537
498
|
};
|
|
538
499
|
};
|
package/dist/style.d.ts
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
+
import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
|
|
1
2
|
import type { ProAliasToken } from '@gx-design-vue/pro-provider';
|
|
2
|
-
export
|
|
3
|
-
antCls: string;
|
|
4
|
-
componentCls: string;
|
|
5
|
-
}
|
|
6
|
-
declare const _default: (_prefixCls?: string | import("vue").Ref<string> | undefined) => import("ant-design-vue/es/theme/internal").UseComponentStyleResult;
|
|
7
|
-
export default _default;
|
|
3
|
+
export declare const genProTabelStyle: GenerateStyle<ProAliasToken>;
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import type { CSSProperties } from 'vue';
|
|
1
|
+
import type { ComputedRef, CSSProperties } from 'vue';
|
|
2
2
|
import type { RecordType, WithFalse, CustomRender, VueNode, SizeType, Breakpoint } from '@gx-design-vue/pro-utils';
|
|
3
3
|
import type { ProSearchMap, ProColumnType, ProColumnsType } from './ColumnTypings';
|
|
4
4
|
import type { DefaultRecordType } from '../typing';
|
|
5
5
|
import type { HeaderTitleRender, ToolBarBtnRender, CustomizeRender, TitleTipRender, OptionsExtraRender, SettingExtraRender, PageItemRender } from './SlotsTypings';
|
|
6
|
-
import type {
|
|
6
|
+
import type { FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection, TablePaginationConfig, TableProps } from '../_utils';
|
|
7
7
|
import type { ColumnSettingProps } from '../components/ColumnSetting';
|
|
8
8
|
import type { ColumnsState, ColumnsStateType } from '../hooks/useColumnSetting';
|
|
9
9
|
export type ProTabelFeachParams = {
|
|
10
10
|
params?: any;
|
|
11
|
-
filters?:
|
|
12
|
-
sorter?:
|
|
11
|
+
filters?: Record<string, FilterValue | null>;
|
|
12
|
+
sorter?: SorterResult | SorterResult[];
|
|
13
13
|
pagination?: ProTablePagination;
|
|
14
14
|
removeKeys?: (string | number)[];
|
|
15
15
|
immediate?: boolean;
|
|
16
16
|
isPolling?: boolean;
|
|
17
|
+
showLoading?: boolean;
|
|
18
|
+
extra?: TableCurrentDataSource;
|
|
17
19
|
};
|
|
18
20
|
export type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
|
|
19
21
|
export type ProFieldEmptyText = string | false;
|
|
20
|
-
export type ProTableRowSelection<T = any> = TableRowSelection<T> & {
|
|
21
|
-
|
|
22
|
-
defaultSelectRows: T[];
|
|
22
|
+
export type ProTableRowSelection<T = any> = Omit<TableRowSelection<T>, 'selectedRowKeys'> & {
|
|
23
|
+
selectedRowKeys?: (string | number)[];
|
|
23
24
|
};
|
|
24
25
|
export interface ProTablePaginationConfig extends Omit<TablePaginationConfig, 'position'> {
|
|
25
26
|
total?: number;
|
|
@@ -31,15 +32,22 @@ export type RequestData<T = any> = {
|
|
|
31
32
|
success: boolean;
|
|
32
33
|
total: number;
|
|
33
34
|
} & RecordType;
|
|
34
|
-
export type RequsetConfig = {
|
|
35
|
+
export type RequsetConfig<T = {
|
|
36
|
+
pageSize?: number;
|
|
37
|
+
pageNum?: number;
|
|
38
|
+
}> = {
|
|
35
39
|
params: {
|
|
36
40
|
pageSize?: number;
|
|
37
41
|
pageNum?: number;
|
|
38
|
-
};
|
|
39
|
-
sort:
|
|
40
|
-
filter:
|
|
42
|
+
} & T;
|
|
43
|
+
sort: SorterResult | SorterResult[];
|
|
44
|
+
filter: Record<string, FilterValue | null>;
|
|
45
|
+
extra: TableCurrentDataSource;
|
|
41
46
|
};
|
|
42
|
-
export type RequsetFunction<T = any
|
|
47
|
+
export type RequsetFunction<T = any, D = {
|
|
48
|
+
pageSize?: number;
|
|
49
|
+
pageNum?: number;
|
|
50
|
+
}> = (params: RequsetConfig<D>['params'], sort: RequsetConfig<D>['sort'], filter: RequsetConfig<D>['filter']) => Promise<Partial<RequestData<T>>>;
|
|
43
51
|
export type ColConfig = Partial<Record<Breakpoint, number>>;
|
|
44
52
|
export type SearchConfig = {
|
|
45
53
|
searchText?: string;
|
|
@@ -59,20 +67,25 @@ export interface OptionConfig {
|
|
|
59
67
|
}
|
|
60
68
|
/** action表格实例 */
|
|
61
69
|
export interface ProCoreActionType {
|
|
70
|
+
/** @name loadingStatus */
|
|
71
|
+
getLoadingStatus?: () => boolean;
|
|
72
|
+
dataSource?: any;
|
|
62
73
|
pageParams?: RecordType | boolean;
|
|
63
|
-
getLoadingStatus?: boolean | SpinProps | undefined;
|
|
64
74
|
/** @name 刷新 */
|
|
65
75
|
reload?: (info?: ProTabelFeachParams) => void;
|
|
66
76
|
/** @name 刷新并清空表单,重置为第一页 */
|
|
67
77
|
reloadAndRest?: (callBack?: () => void) => void;
|
|
68
|
-
/** @name
|
|
69
|
-
|
|
78
|
+
/** @name 设置翻页*/
|
|
79
|
+
setPagination?: (pagination: ProTablePaginationConfig) => void;
|
|
80
|
+
/** @name 设置翻页、排序、筛选、并且reload */
|
|
81
|
+
setPageAndReload?: (pagination: ProTablePaginationConfig, filters?: Record<string, FilterValue | null>, sorter?: SorterResult | SorterResult[], extra?: TableCurrentDataSource) => void;
|
|
70
82
|
/** @name 更新TableData属性值 */
|
|
71
83
|
reSetDataList?: (data: RecordType[]) => void;
|
|
72
84
|
/** @name 更新TableData属性值 */
|
|
73
|
-
changeDataValue?: ({ key, params }: {
|
|
85
|
+
changeDataValue?: ({ key, params, type }: {
|
|
74
86
|
key?: string;
|
|
75
87
|
params: RecordType;
|
|
88
|
+
type?: 'update' | 'add' | 'delete';
|
|
76
89
|
}) => void;
|
|
77
90
|
/** @name 改变loading状态 */
|
|
78
91
|
loadingOperation?: (loading: boolean) => void;
|
|
@@ -80,13 +93,14 @@ export interface ProCoreActionType {
|
|
|
80
93
|
/** form查询表单实例 */
|
|
81
94
|
export interface ProCoreFormType {
|
|
82
95
|
/** @name 获取表格-表单请求参数 */
|
|
83
|
-
|
|
96
|
+
getTableFormState?: () => RecordType;
|
|
84
97
|
/** @name 获取表格-内部表单参数 */
|
|
85
98
|
getFormState?: () => RecordType;
|
|
86
99
|
/** @name 重置内部表单组件参数 */
|
|
87
100
|
restForm?: (callBack?: () => void) => void;
|
|
88
101
|
}
|
|
89
102
|
export interface ProTableRef {
|
|
103
|
+
loading: ComputedRef<boolean>;
|
|
90
104
|
formRef: () => ProCoreFormType;
|
|
91
105
|
actionRef: () => ProCoreActionType;
|
|
92
106
|
}
|
|
@@ -97,6 +111,7 @@ export type ProTableProps<RecordType extends DefaultRecordType = DefaultRecordTy
|
|
|
97
111
|
titleTipText: string;
|
|
98
112
|
autoScroll: boolean;
|
|
99
113
|
columnEmptyText: ProFieldEmptyText;
|
|
114
|
+
showLoading: boolean;
|
|
100
115
|
neverScroll: boolean;
|
|
101
116
|
modalScroll: boolean;
|
|
102
117
|
scrollBreakpoint: Breakpoint | number;
|
|
@@ -114,10 +129,10 @@ export type ProTableProps<RecordType extends DefaultRecordType = DefaultRecordTy
|
|
|
114
129
|
polling: number;
|
|
115
130
|
debounceTime: number;
|
|
116
131
|
request: RequsetFunction<RecordType>;
|
|
117
|
-
params: Record<string,
|
|
132
|
+
params: Record<string, any>;
|
|
118
133
|
postData: (data: any[]) => any;
|
|
119
134
|
pagination: ProTablePagination;
|
|
120
|
-
search: SearchConfig;
|
|
135
|
+
search: SearchConfig | boolean;
|
|
121
136
|
searchMap: ProSearchMap[];
|
|
122
137
|
onReset: (params?: Partial<Record<string, any>>) => any;
|
|
123
138
|
onReload: (params?: Partial<Record<string, any>>) => any;
|
package/dist/utils/utils.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { ProColumnsValueType } from '../types/ColumnTypings';
|
|
2
|
-
export declare function valueFormat(value: any, format: ProColumnsValueType | undefined, className: string): any;
|
|
2
|
+
export declare function valueFormat(value: any, format: ProColumnsValueType | undefined, className: string, hashId: string): any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gx-design-vue/pro-table",
|
|
3
|
-
"version": "0.2.0-beta.
|
|
3
|
+
"version": "0.2.0-beta.41",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite",
|
|
6
6
|
"build": "vite build",
|
|
@@ -25,9 +25,10 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@vueuse/core": "^9.10.0",
|
|
28
|
-
"@gx-design-vue/pro-utils": "^0.2.0-beta.
|
|
29
|
-
"@gx-design-vue/pro-hooks": "^0.2.0-beta.
|
|
30
|
-
"@gx-design-vue/pro-provider": "^0.1.0-beta.
|
|
28
|
+
"@gx-design-vue/pro-utils": "^0.2.0-beta.20",
|
|
29
|
+
"@gx-design-vue/pro-hooks": "^0.2.0-beta.14",
|
|
30
|
+
"@gx-design-vue/pro-provider": "^0.1.0-beta.46",
|
|
31
|
+
"@gx-design-vue/pro-app": "^0.1.0-beta.7",
|
|
31
32
|
"ant-design-vue": "^4.0.0",
|
|
32
33
|
"dayjs": "^1.11.0",
|
|
33
34
|
"lodash-es": "^4.17.21",
|