@gx-design-vue/pro-table 0.2.0-beta.129 → 0.2.0-beta.130
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 +35 -46
- package/dist/components/Form/index.d.ts +2 -2
- package/dist/components/ListToolBar/index.d.ts +11 -24
- package/dist/components/ToolBar/index.d.ts +7 -8
- package/dist/context/TableContext.d.ts +2 -5
- package/dist/hooks/useColumnSetting.d.ts +0 -1
- package/dist/hooks/useColumns.d.ts +1 -2
- package/dist/hooks/useFetchData.d.ts +4 -4
- package/dist/hooks/useLoading.d.ts +5 -9
- package/dist/hooks/usePagination.d.ts +3 -6
- package/dist/hooks/useTable.d.ts +1 -1
- package/dist/hooks/useTableForm.d.ts +4 -4
- package/dist/hooks/useTableScroll.d.ts +6 -7
- package/dist/hooks/useTableSize.d.ts +3 -6
- package/dist/pro-table.js +1106 -1665
- package/dist/pro-table.umd.cjs +3 -3
- package/dist/props.d.ts +5 -23
- package/dist/types/SlotsTypings.d.ts +1 -1
- package/dist/types/TableTypings.d.ts +9 -12
- package/package.json +3 -7
- package/dist/components/ColumnSetting/hooks/useRefFunction/index.d.ts +0 -1
- package/dist/components/ColumnSetting/index.d.ts +0 -35
- package/dist/components/ColumnSetting/style.d.ts +0 -3
- package/dist/components/ToolBar/DensityIcon.d.ts +0 -3
package/dist/ProTable.d.ts
CHANGED
|
@@ -70,9 +70,11 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
70
70
|
type: import("vue").PropType<ProTableProps["emptyTextProps"]>;
|
|
71
71
|
default: () => ProTableProps["emptyTextProps"];
|
|
72
72
|
};
|
|
73
|
-
|
|
74
|
-
type: import("vue").PropType<ProTableProps["
|
|
75
|
-
default: () =>
|
|
73
|
+
actionProps: {
|
|
74
|
+
type: import("vue").PropType<ProTableProps["actionProps"]>;
|
|
75
|
+
default: () => {
|
|
76
|
+
placement: string;
|
|
77
|
+
};
|
|
76
78
|
};
|
|
77
79
|
headerTitle: {
|
|
78
80
|
type: import("vue").PropType<ProTableProps["headerTitle"]>;
|
|
@@ -90,13 +92,6 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
90
92
|
type: import("vue").PropType<ProTableProps["options"]>;
|
|
91
93
|
default: boolean;
|
|
92
94
|
};
|
|
93
|
-
columnsState: {
|
|
94
|
-
type: import("vue").PropType<ProTableProps["columnsState"]>;
|
|
95
|
-
};
|
|
96
|
-
optionsExtra: {
|
|
97
|
-
type: import("vue").PropType<ProTableProps["optionsExtra"]>;
|
|
98
|
-
default: () => undefined;
|
|
99
|
-
};
|
|
100
95
|
settingExtra: {
|
|
101
96
|
type: import("vue").PropType<ProTableProps["settingExtra"]>;
|
|
102
97
|
default: () => undefined;
|
|
@@ -145,7 +140,6 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
145
140
|
onLoadingChange: import("vue").PropType<ProTableProps["onLoadingChange"]>;
|
|
146
141
|
onRequestError: import("vue").PropType<ProTableProps["onRequestError"]>;
|
|
147
142
|
onBeforeSearchSubmit: import("vue").PropType<ProTableProps["onBeforeSearchSubmit"]>;
|
|
148
|
-
onColumnsStateChange: import("vue").PropType<ProTableProps["onColumnsStateChange"]>;
|
|
149
143
|
transformCellText: import("vue").PropType<import("ant-design-vue").TableProps["transformCellText"]>;
|
|
150
144
|
bordered: {
|
|
151
145
|
type: import("vue").PropType<import("ant-design-vue").TableProps["bordered"]>;
|
|
@@ -165,7 +159,7 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
165
159
|
type: import("vue").PropType<(expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void>;
|
|
166
160
|
default: (expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void;
|
|
167
161
|
};
|
|
168
|
-
}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "submit" | "
|
|
162
|
+
}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "submit" | "reload" | "change" | "requestError" | "sizeChange" | "expandedRowsChange" | "expand" | "columnsStateChange" | "loadingChange")[], "reset" | "submit" | "reload" | "change" | "requestError" | "sizeChange" | "expandedRowsChange" | "expand" | "columnsStateChange" | "loadingChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
169
163
|
rowSelection: {
|
|
170
164
|
type: import("vue").PropType<import("./types/TableTypings").ProTableRowSelection>;
|
|
171
165
|
default: undefined;
|
|
@@ -232,9 +226,11 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
232
226
|
type: import("vue").PropType<ProTableProps["emptyTextProps"]>;
|
|
233
227
|
default: () => ProTableProps["emptyTextProps"];
|
|
234
228
|
};
|
|
235
|
-
|
|
236
|
-
type: import("vue").PropType<ProTableProps["
|
|
237
|
-
default: () =>
|
|
229
|
+
actionProps: {
|
|
230
|
+
type: import("vue").PropType<ProTableProps["actionProps"]>;
|
|
231
|
+
default: () => {
|
|
232
|
+
placement: string;
|
|
233
|
+
};
|
|
238
234
|
};
|
|
239
235
|
headerTitle: {
|
|
240
236
|
type: import("vue").PropType<ProTableProps["headerTitle"]>;
|
|
@@ -252,13 +248,6 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
252
248
|
type: import("vue").PropType<ProTableProps["options"]>;
|
|
253
249
|
default: boolean;
|
|
254
250
|
};
|
|
255
|
-
columnsState: {
|
|
256
|
-
type: import("vue").PropType<ProTableProps["columnsState"]>;
|
|
257
|
-
};
|
|
258
|
-
optionsExtra: {
|
|
259
|
-
type: import("vue").PropType<ProTableProps["optionsExtra"]>;
|
|
260
|
-
default: () => undefined;
|
|
261
|
-
};
|
|
262
251
|
settingExtra: {
|
|
263
252
|
type: import("vue").PropType<ProTableProps["settingExtra"]>;
|
|
264
253
|
default: () => undefined;
|
|
@@ -307,7 +296,6 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
307
296
|
onLoadingChange: import("vue").PropType<ProTableProps["onLoadingChange"]>;
|
|
308
297
|
onRequestError: import("vue").PropType<ProTableProps["onRequestError"]>;
|
|
309
298
|
onBeforeSearchSubmit: import("vue").PropType<ProTableProps["onBeforeSearchSubmit"]>;
|
|
310
|
-
onColumnsStateChange: import("vue").PropType<ProTableProps["onColumnsStateChange"]>;
|
|
311
299
|
transformCellText: import("vue").PropType<import("ant-design-vue").TableProps["transformCellText"]>;
|
|
312
300
|
bordered: {
|
|
313
301
|
type: import("vue").PropType<import("ant-design-vue").TableProps["bordered"]>;
|
|
@@ -369,16 +357,18 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
369
357
|
customRender: import("./types/SlotsTypings").CustomDataRender | undefined;
|
|
370
358
|
search: false | SearchConfig | undefined;
|
|
371
359
|
headerTitle: import("./types/SlotsTypings").DefaultRender;
|
|
372
|
-
toolBarBtn: import("./types/SlotsTypings").DefaultRender;
|
|
373
360
|
titleTip: import("./types/SlotsTypings").DefaultRender;
|
|
374
361
|
settingExtra: import("./types/SlotsTypings").DefaultRender;
|
|
375
|
-
optionsExtra: import("./types/SlotsTypings").DefaultRender;
|
|
376
362
|
pageItemRender: import("./types/SlotsTypings").PageItemRender | undefined;
|
|
377
363
|
autoScroll: boolean | undefined;
|
|
378
364
|
tableProps: {
|
|
379
365
|
class?: string;
|
|
380
366
|
style?: CSSProperties;
|
|
381
367
|
} | undefined;
|
|
368
|
+
actionProps: {
|
|
369
|
+
placement?: import("./types/TableTypings").TableActionPlacement;
|
|
370
|
+
actions?: import("./types/SlotsTypings").DefaultRender[];
|
|
371
|
+
} | undefined;
|
|
382
372
|
titleTipText: string | undefined;
|
|
383
373
|
keepAliveReload: boolean | undefined;
|
|
384
374
|
emptyTextProps: {
|
|
@@ -398,36 +388,35 @@ declare const ProTable: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
398
388
|
params: RecordType | undefined;
|
|
399
389
|
searchMap: import("./types/ColumnTypings").ProSearchMap<undefined, string>[] | undefined;
|
|
400
390
|
}, SlotsType<{
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
bodyCell(
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
settingExtra():
|
|
407
|
-
titleTip():
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
default(): void;
|
|
391
|
+
actions(): any;
|
|
392
|
+
search(): any;
|
|
393
|
+
bodyCell(): any;
|
|
394
|
+
bodyCell(props: ProTableBodyCellProps<any>): any;
|
|
395
|
+
emptyText(): any;
|
|
396
|
+
settingExtra(): any;
|
|
397
|
+
titleTip(): any;
|
|
398
|
+
headerTitle(): any;
|
|
399
|
+
default(): any;
|
|
411
400
|
pageItemRender(params: {
|
|
412
401
|
page: number;
|
|
413
402
|
type: "page" | "prev" | "next" | "jump-prev" | "jump-next";
|
|
414
403
|
originalElement: any;
|
|
415
|
-
}):
|
|
404
|
+
}): any;
|
|
416
405
|
customRender(params: {
|
|
417
406
|
currentData: any[];
|
|
418
407
|
dataSource: any[];
|
|
419
|
-
}):
|
|
420
|
-
expandIcon(props: RenderExpandIconProps<any>):
|
|
421
|
-
title():
|
|
422
|
-
footer():
|
|
423
|
-
summary():
|
|
424
|
-
expandedRowRender():
|
|
425
|
-
expandColumnTitle():
|
|
408
|
+
}): any;
|
|
409
|
+
expandIcon(props: RenderExpandIconProps<any>): any;
|
|
410
|
+
title(): any;
|
|
411
|
+
footer(): any;
|
|
412
|
+
summary(): any;
|
|
413
|
+
expandedRowRender(): any;
|
|
414
|
+
expandColumnTitle(): any;
|
|
426
415
|
headerCell(props: {
|
|
427
416
|
title: any;
|
|
428
417
|
column: ColumnType;
|
|
429
|
-
}):
|
|
430
|
-
customFilterIcon():
|
|
431
|
-
customFilterDropdown():
|
|
418
|
+
}): any;
|
|
419
|
+
customFilterIcon(): any;
|
|
420
|
+
customFilterDropdown(): any;
|
|
432
421
|
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
433
422
|
export default ProTable;
|
|
@@ -2,7 +2,7 @@ import type { RecordType } from '@gx-design-vue/pro-utils';
|
|
|
2
2
|
import type { DefineComponent, ExtractPropTypes, PropType } from 'vue';
|
|
3
3
|
import type { ProSearchMap } from '../../types/ColumnTypings';
|
|
4
4
|
declare const tableForm: {
|
|
5
|
-
|
|
5
|
+
modalScroll: PropType<boolean | undefined>;
|
|
6
6
|
searchMap: {
|
|
7
7
|
type: PropType<ProSearchMap[]>;
|
|
8
8
|
default: () => never[];
|
|
@@ -16,7 +16,7 @@ declare const tableForm: {
|
|
|
16
16
|
default: boolean;
|
|
17
17
|
};
|
|
18
18
|
prefixCls: PropType<string>;
|
|
19
|
-
|
|
19
|
+
defaultState: PropType<RecordType>;
|
|
20
20
|
onSearch: PropType<(formState: any, buttonActions?: "reset" | "submit") => any>;
|
|
21
21
|
};
|
|
22
22
|
export type ProTableFormProps = ExtractPropTypes<typeof tableForm>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { VueNode } from '@gx-design-vue/pro-utils';
|
|
2
2
|
import type { PropType } from 'vue';
|
|
3
|
+
import type { TableActionPlacement } from '../../types/TableTypings';
|
|
3
4
|
export interface ListToolBarSetting {
|
|
4
5
|
icon: VueNode;
|
|
5
6
|
tooltip?: string;
|
|
@@ -7,56 +8,42 @@ export interface ListToolBarSetting {
|
|
|
7
8
|
onClick?: (key?: string) => void;
|
|
8
9
|
}
|
|
9
10
|
declare const ListToolBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
|
-
actions:
|
|
11
|
-
type: PropType<import("../..").ProTableProps["toolBarBtn"]>;
|
|
12
|
-
default: () => undefined;
|
|
13
|
-
};
|
|
11
|
+
actions: PropType<VueNode[]>;
|
|
14
12
|
settings: PropType<VueNode[]>;
|
|
15
13
|
titleTip: {
|
|
16
|
-
type: PropType<import("
|
|
14
|
+
type: PropType<import("../../types/TableTypings").ProTableProps["titleTip"]>;
|
|
17
15
|
default: () => undefined;
|
|
18
16
|
};
|
|
19
17
|
prefixCls: StringConstructor;
|
|
20
18
|
headerTitle: {
|
|
21
|
-
type: PropType<import("
|
|
19
|
+
type: PropType<import("../../types/TableTypings").ProTableProps["headerTitle"]>;
|
|
22
20
|
default: () => undefined;
|
|
23
21
|
};
|
|
24
22
|
titleTipText: {
|
|
25
|
-
type: PropType<import("
|
|
23
|
+
type: PropType<import("../../types/TableTypings").ProTableProps["titleTipText"]>;
|
|
26
24
|
default: string;
|
|
27
25
|
};
|
|
28
|
-
|
|
29
|
-
type: PropType<import("../..").ProTableProps["optionsExtra"]>;
|
|
30
|
-
default: () => undefined;
|
|
31
|
-
};
|
|
26
|
+
actionsPlacement: PropType<TableActionPlacement>;
|
|
32
27
|
}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
-
actions:
|
|
34
|
-
type: PropType<import("../..").ProTableProps["toolBarBtn"]>;
|
|
35
|
-
default: () => undefined;
|
|
36
|
-
};
|
|
28
|
+
actions: PropType<VueNode[]>;
|
|
37
29
|
settings: PropType<VueNode[]>;
|
|
38
30
|
titleTip: {
|
|
39
|
-
type: PropType<import("
|
|
31
|
+
type: PropType<import("../../types/TableTypings").ProTableProps["titleTip"]>;
|
|
40
32
|
default: () => undefined;
|
|
41
33
|
};
|
|
42
34
|
prefixCls: StringConstructor;
|
|
43
35
|
headerTitle: {
|
|
44
|
-
type: PropType<import("
|
|
36
|
+
type: PropType<import("../../types/TableTypings").ProTableProps["headerTitle"]>;
|
|
45
37
|
default: () => undefined;
|
|
46
38
|
};
|
|
47
39
|
titleTipText: {
|
|
48
|
-
type: PropType<import("
|
|
40
|
+
type: PropType<import("../../types/TableTypings").ProTableProps["titleTipText"]>;
|
|
49
41
|
default: string;
|
|
50
42
|
};
|
|
51
|
-
|
|
52
|
-
type: PropType<import("../..").ProTableProps["optionsExtra"]>;
|
|
53
|
-
default: () => undefined;
|
|
54
|
-
};
|
|
43
|
+
actionsPlacement: PropType<TableActionPlacement>;
|
|
55
44
|
}>> & Readonly<{}>, {
|
|
56
45
|
headerTitle: import("../../types/SlotsTypings").DefaultRender;
|
|
57
46
|
titleTip: import("../../types/SlotsTypings").DefaultRender;
|
|
58
|
-
optionsExtra: import("../../types/SlotsTypings").DefaultRender;
|
|
59
47
|
titleTipText: string | undefined;
|
|
60
|
-
actions: import("../../types/SlotsTypings").DefaultRender;
|
|
61
48
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
62
49
|
export default ListToolBar;
|
|
@@ -1,30 +1,29 @@
|
|
|
1
|
-
import type { PropType } from 'vue';
|
|
2
|
-
import type { OptionConfig, ProTableProps } from '../../types/TableTypings';
|
|
1
|
+
import type { PropType, VNode } from 'vue';
|
|
2
|
+
import type { OptionConfig, ProTableProps, TableActionPlacement } from '../../types/TableTypings';
|
|
3
3
|
export type OptionsFunctionType = () => void;
|
|
4
4
|
export interface ToolBarProps {
|
|
5
|
+
actionsRender?: VNode[];
|
|
5
6
|
headerTitle?: ProTableProps['headerTitle'];
|
|
6
7
|
titleTip?: ProTableProps['titleTip'];
|
|
7
|
-
toolBarBtn?: ProTableProps['toolBarBtn'];
|
|
8
8
|
titleTipText?: ProTableProps['titleTipText'];
|
|
9
|
-
optionsExtra?: ProTableProps['optionsExtra'];
|
|
10
9
|
settingExtra?: ProTableProps['settingExtra'];
|
|
11
10
|
options?: OptionConfig | boolean;
|
|
12
11
|
}
|
|
13
12
|
declare const ToolbarRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
14
13
|
options: PropType<ProTableProps["options"]>;
|
|
14
|
+
actionsPlacement: PropType<TableActionPlacement>;
|
|
15
15
|
titleTip: PropType<ProTableProps["titleTip"]>;
|
|
16
16
|
settingExtra: PropType<ProTableProps["settingExtra"]>;
|
|
17
|
-
optionsExtra: PropType<ProTableProps["optionsExtra"]>;
|
|
18
17
|
titleTipText: PropType<ProTableProps["titleTipText"]>;
|
|
19
|
-
|
|
18
|
+
actionsRender: PropType<ToolBarProps["actionsRender"]>;
|
|
20
19
|
headerTitle: PropType<ProTableProps["headerTitle"]>;
|
|
21
20
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
21
|
options: PropType<ProTableProps["options"]>;
|
|
22
|
+
actionsPlacement: PropType<TableActionPlacement>;
|
|
23
23
|
titleTip: PropType<ProTableProps["titleTip"]>;
|
|
24
24
|
settingExtra: PropType<ProTableProps["settingExtra"]>;
|
|
25
|
-
optionsExtra: PropType<ProTableProps["optionsExtra"]>;
|
|
26
25
|
titleTipText: PropType<ProTableProps["titleTipText"]>;
|
|
27
|
-
|
|
26
|
+
actionsRender: PropType<ToolBarProps["actionsRender"]>;
|
|
28
27
|
headerTitle: PropType<ProTableProps["headerTitle"]>;
|
|
29
28
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
30
29
|
export default ToolbarRender;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import type { SizeType } from '@gx-design-vue/pro-utils';
|
|
2
2
|
import type { ComputedRef, Ref } from 'vue';
|
|
3
3
|
import type { PaginationProps } from '../_utils';
|
|
4
|
-
import type { ColumnsState
|
|
4
|
+
import type { ColumnsState } from '../hooks/useColumnSetting';
|
|
5
5
|
import type { ProColumnsType } from '../types/ColumnTypings';
|
|
6
|
-
import type { Slots } from '../types/SlotsTypings';
|
|
7
6
|
import type { SearchConfig } from '../types/TableTypings';
|
|
8
7
|
export interface ProTableContextProps {
|
|
9
8
|
columns: ComputedRef<ProColumnsType>;
|
|
10
9
|
isMobile: ComputedRef<boolean>;
|
|
11
10
|
searchConfig: ComputedRef<SearchConfig>;
|
|
12
11
|
searchActions: ComputedRef<SearchConfig['actions']>;
|
|
13
|
-
|
|
12
|
+
autoRequest: ComputedRef<boolean>;
|
|
14
13
|
cacheColumns: ComputedRef<ProColumnsType>;
|
|
15
14
|
tableSize: Ref<SizeType>;
|
|
16
15
|
action: {
|
|
@@ -20,8 +19,6 @@ export interface ProTableContextProps {
|
|
|
20
19
|
setTableSize: (size: SizeType) => void;
|
|
21
20
|
};
|
|
22
21
|
setPagination: (info: Partial<PaginationProps>) => void;
|
|
23
|
-
settingsAction: SettingsAction;
|
|
24
|
-
slots: Slots;
|
|
25
22
|
changeColumns: (map: Record<string, ColumnsState>, fixed: boolean) => void;
|
|
26
23
|
}
|
|
27
24
|
declare const provideTableContext: (value: ProTableContextProps) => void, useTableContext: (injectDefaultValue?: ProTableContextProps | undefined) => ProTableContextProps;
|
|
@@ -17,7 +17,6 @@ export interface SettingsAction {
|
|
|
17
17
|
columnsMap: Record<string, ColumnsState>;
|
|
18
18
|
operationType: Ref<SettingsOperationType>;
|
|
19
19
|
setSortKeyColumns: (value: string[]) => void;
|
|
20
|
-
cacheColumnsMap: Record<string, ColumnsState>;
|
|
21
20
|
setColumnsMap: (value: Record<string, ColumnsState>, key?: SettingsOperationType) => void;
|
|
22
21
|
}
|
|
23
22
|
export interface ColumnsStateType {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ComputedRef
|
|
1
|
+
import type { ComputedRef } from 'vue';
|
|
2
2
|
import type { ProColumnsType, ProColumnType } from '../types/ColumnTypings';
|
|
3
3
|
import type { ProTableProps } from '../types/TableTypings';
|
|
4
4
|
import type { ColumnsState } from './useColumnSetting';
|
|
@@ -94,7 +94,6 @@ export declare function useColumns({ scroll, columns, breakpoint, draggable, aut
|
|
|
94
94
|
columnEmptyText?: string;
|
|
95
95
|
valueType?: import("../types/ColumnTypings").ProColumnsValueType;
|
|
96
96
|
})[]>;
|
|
97
|
-
cacheProColumns: Ref<ProColumnsType, ProColumnsType>;
|
|
98
97
|
setColumns: (columnList: ProColumnsType) => void;
|
|
99
98
|
changeColumns: (columnState: Record<string, ColumnsState>) => void;
|
|
100
99
|
resizeColumnWidth: (width: number, col: ProColumnType) => void;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { RecordType } from '@gx-design-vue/pro-utils';
|
|
2
|
-
import type { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import type { ComputedRef, Reactive, Ref } from 'vue';
|
|
3
3
|
import type { FilterValue, SorterResult, TableCurrentDataSource } from '../_utils';
|
|
4
4
|
import type { ProColumnsType } from '../types/ColumnTypings';
|
|
5
5
|
import type { ProTableFetchParams, ProTablePagination, ProTablePaginationConfig, ProTableProps, SearchConfig } from '../types/TableTypings';
|
|
6
6
|
interface ActionType {
|
|
7
|
-
loading:
|
|
7
|
+
loading: Ref<boolean>;
|
|
8
8
|
search: ComputedRef<SearchConfig | false>;
|
|
9
9
|
paginationInfo: Ref<ProTablePagination>;
|
|
10
10
|
setPagination: (info: Partial<ProTablePagination>) => void;
|
|
@@ -13,7 +13,7 @@ interface ActionType {
|
|
|
13
13
|
removeRowKeys: (keyList: (string | number)[]) => void;
|
|
14
14
|
syncSelectedRows: (dataList: any[]) => void;
|
|
15
15
|
columns: ComputedRef<ProColumnsType>;
|
|
16
|
-
|
|
16
|
+
formState: Reactive<RecordType>;
|
|
17
17
|
onBeforeSearchSubmit: ProTableProps['onBeforeSearchSubmit'];
|
|
18
18
|
hasCustomRender: ComputedRef<boolean>;
|
|
19
19
|
}
|
|
@@ -27,7 +27,7 @@ export interface ConfigFetchData {
|
|
|
27
27
|
dataSource: ComputedRef<ProTableProps['dataSource']>;
|
|
28
28
|
}
|
|
29
29
|
export declare function useConfigFetchData(props: ProTableProps): Omit<ConfigFetchData, 'waitRequest'>;
|
|
30
|
-
export declare function useFetchData({ rowKey, polling, request, postData, dataSource, waitRequest, debounceTime }: ConfigFetchData, { search, columns, loading, setLoading, setColumns, removeRowKeys, syncSelectedRows,
|
|
30
|
+
export declare function useFetchData({ rowKey, polling, request, postData, dataSource, waitRequest, debounceTime }: ConfigFetchData, { search, columns, loading, setLoading, setColumns, removeRowKeys, syncSelectedRows, formState, setPagination, paginationInfo, onBeforeSearchSubmit, hasCustomRender }: ActionType, emit: any): {
|
|
31
31
|
dataSource: ComputedRef<RecordType[]>;
|
|
32
32
|
isTreeDataRef: ComputedRef<boolean>;
|
|
33
33
|
reSetDataList: (list: RecordType[]) => void;
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import type { Ref } from 'vue';
|
|
2
|
-
import type {
|
|
3
|
-
export declare function useLoading(
|
|
4
|
-
loading: Ref<
|
|
5
|
-
|
|
6
|
-
}):
|
|
7
|
-
loadingComputed: import("vue").ComputedRef<boolean | undefined>;
|
|
8
|
-
loading: Ref<boolean | undefined, boolean | undefined>;
|
|
9
|
-
setLoading: (value: boolean) => void;
|
|
10
|
-
};
|
|
2
|
+
import type { BaseTableProps } from '../props';
|
|
3
|
+
export declare function useLoading(options: {
|
|
4
|
+
loading: Ref<BaseTableProps['loading']>;
|
|
5
|
+
onChange: (value: BaseTableProps['loading']) => void;
|
|
6
|
+
}): [Ref<boolean>, (value: boolean) => void];
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import type { Ref } from 'vue';
|
|
2
2
|
import type { PageItemRender } from '../types/SlotsTypings';
|
|
3
|
-
import type { ProTablePagination, ProTableProps } from '../types/TableTypings';
|
|
3
|
+
import type { PageState, ProTablePagination, ProTableProps } from '../types/TableTypings';
|
|
4
4
|
export declare function usePagination({ pagination, pageItemRender }: {
|
|
5
5
|
pagination: Ref<ProTableProps['pagination']>;
|
|
6
6
|
pageItemRender: PageItemRender;
|
|
7
7
|
}): {
|
|
8
|
-
paginationInfo: Ref<ProTablePagination
|
|
9
|
-
requestPagination:
|
|
10
|
-
pageSize: number;
|
|
11
|
-
pageNum: number;
|
|
12
|
-
};
|
|
8
|
+
paginationInfo: Ref<ProTablePagination | false>;
|
|
9
|
+
requestPagination: PageState;
|
|
13
10
|
setPagination: (info: Partial<ProTablePagination>) => void;
|
|
14
11
|
};
|
package/dist/hooks/useTable.d.ts
CHANGED
|
@@ -36,6 +36,6 @@ export interface UseTableReturn<T extends object = RecordType, R extends object
|
|
|
36
36
|
updateSearchMap: (key: keyof R | keyof T, value: Partial<any>) => void;
|
|
37
37
|
}
|
|
38
38
|
export declare function useTable<T extends object = RecordType, R extends object = RecordType>(tableRef: Ref<ProTableRef<T> | undefined>, options?: {
|
|
39
|
-
state?: MaybeRef<BaseTableState<T, R>> | Reactive<BaseTableState<T, R>>;
|
|
39
|
+
state?: MaybeRef<BaseTableState<T, R>> | Reactive<BaseTableState<T, R>> | ComputedRef<BaseTableState<T, R>>;
|
|
40
40
|
request?: RequestFunction<T, R>;
|
|
41
41
|
}): UseTableReturn<T, R>;
|
|
@@ -2,7 +2,7 @@ import type { RecordType } from '@gx-design-vue/pro-utils';
|
|
|
2
2
|
import type { ComputedRef, Ref } from 'vue';
|
|
3
3
|
import type { ProSearchMap } from '../types/ColumnTypings';
|
|
4
4
|
import type { ProTablePagination, ProTableProps } from '../types/TableTypings';
|
|
5
|
-
export declare function handleFormDefaultValue(data: ProSearchMap[]):
|
|
5
|
+
export declare function handleFormDefaultValue(data: ProSearchMap[]): RecordType;
|
|
6
6
|
export declare function useTableForm({ searchMap, params, columns, setPagination }: {
|
|
7
7
|
searchMap: Ref<ProTableProps['searchMap']>;
|
|
8
8
|
params: Ref<ProTableProps['params']>;
|
|
@@ -10,7 +10,7 @@ export declare function useTableForm({ searchMap, params, columns, setPagination
|
|
|
10
10
|
setPagination: (info: Partial<ProTablePagination>) => void;
|
|
11
11
|
}): {
|
|
12
12
|
formDataRef: Ref<ProSearchMap<"text", string>[], ProSearchMap<"text", string>[]>;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
formState: RecordType;
|
|
14
|
+
defaultState: RecordType;
|
|
15
|
+
setFormState: (params: RecordType) => void;
|
|
16
16
|
};
|
|
@@ -3,19 +3,18 @@ import type { ComputedRef, Ref } from 'vue';
|
|
|
3
3
|
import type { ProColumnsType } from '../types/ColumnTypings';
|
|
4
4
|
import type { ProTableProps } from '../types/TableTypings';
|
|
5
5
|
interface ConfigScroll {
|
|
6
|
-
scroll:
|
|
7
|
-
autoScroll:
|
|
8
|
-
modalScroll:
|
|
9
|
-
neverScroll:
|
|
10
|
-
rowSelection:
|
|
11
|
-
scrollBreakpoint:
|
|
6
|
+
scroll: Ref<ProTableProps['scroll']>;
|
|
7
|
+
autoScroll: Ref<ProTableProps['autoScroll']>;
|
|
8
|
+
modalScroll: Ref<ProTableProps['modalScroll']>;
|
|
9
|
+
neverScroll: Ref<ProTableProps['neverScroll']>;
|
|
10
|
+
rowSelection: Ref<ProTableProps['rowSelection']>;
|
|
11
|
+
scrollBreakpoint: Ref<ProTableProps['scrollBreakpoint']>;
|
|
12
12
|
}
|
|
13
13
|
type useTableScrollType = {
|
|
14
14
|
columns: ComputedRef<ProColumnsType>;
|
|
15
15
|
innerWidth: Ref<number>;
|
|
16
16
|
screens: Ref<Partial<Record<Breakpoint, boolean>>>;
|
|
17
17
|
} & ConfigScroll;
|
|
18
|
-
export declare function useConfigScroll(props: ProTableProps): ConfigScroll;
|
|
19
18
|
export declare function useTableScroll({ scroll, columns, autoScroll, modalScroll, neverScroll, rowSelection, screens, innerWidth, scrollBreakpoint }: useTableScrollType): {
|
|
20
19
|
proScroll: ComputedRef<({
|
|
21
20
|
x?: number | true | string;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import type { SizeType } from '@gx-design-vue/pro-utils';
|
|
2
2
|
import type { Ref } from 'vue';
|
|
3
|
-
export declare function useTableSize(
|
|
3
|
+
export declare function useTableSize(options: {
|
|
4
4
|
size: Ref<SizeType>;
|
|
5
|
-
|
|
6
|
-
}):
|
|
7
|
-
sizeRef: Ref<SizeType, SizeType>;
|
|
8
|
-
setTableSize: (size: SizeType) => void;
|
|
9
|
-
};
|
|
5
|
+
onChange: (value: SizeType) => void;
|
|
6
|
+
}): [Ref<SizeType>, (value: SizeType) => void];
|