fast-element-plus 2.0.18 → 2.0.20
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/CHANGELOG.md +52 -19
- package/CONTRIBUTING.md +3 -4
- package/README.md +80 -27
- package/README.zh.md +66 -27
- package/dist/component.d.ts +123 -123
- package/dist/components/avatar/src/avatar.d.ts +26 -26
- package/dist/components/avatar/src/avatar.mjs +10 -10
- package/dist/components/avatar/src/avatar.mjs.map +1 -1
- package/dist/components/button/src/button.d.ts +32 -27
- package/dist/components/button/src/button.mjs +57 -36
- package/dist/components/button/src/button.mjs.map +1 -1
- package/dist/components/carNumber/src/carNumber.d.ts +8 -8
- package/dist/components/carNumber/src/carNumber.mjs +5 -5
- package/dist/components/carNumber/src/carNumber.mjs.map +1 -1
- package/dist/components/contextMenu/src/contextMenu.d.ts +7 -7
- package/dist/components/contextMenu/src/contextMenu.mjs +7 -7
- package/dist/components/contextMenu/src/contextMenu.mjs.map +1 -1
- package/dist/components/contextMenu/src/contextMenu.type.d.ts +7 -7
- package/dist/components/dialog/src/dialog.d.ts +76 -76
- package/dist/components/dialog/src/dialog.mjs +34 -34
- package/dist/components/dialog/src/dialog.mjs.map +1 -1
- package/dist/components/drawer/src/drawer.d.ts +59 -59
- package/dist/components/drawer/src/drawer.mjs +27 -27
- package/dist/components/drawer/src/drawer.mjs.map +1 -1
- package/dist/components/form/src/form.d.ts +30 -30
- package/dist/components/form/src/form.mjs +16 -16
- package/dist/components/form/src/form.mjs.map +1 -1
- package/dist/components/form/src/formItem.d.ts +30 -30
- package/dist/components/form/src/formItem.mjs +13 -13
- package/dist/components/form/src/formItem.mjs.map +1 -1
- package/dist/components/formItemTip/src/formItemTip.d.ts +9 -9
- package/dist/components/formItemTip/src/formItemTip.mjs +3 -3
- package/dist/components/formItemTip/src/formItemTip.mjs.map +1 -1
- package/dist/components/icon/src/icon.d.ts +10 -10
- package/dist/components/icon/src/icon.mjs +4 -4
- package/dist/components/icon/src/icon.mjs.map +1 -1
- package/dist/components/iconSelector/src/iconSelector.d.ts +6 -6
- package/dist/components/iconSelector/src/iconSelector.mjs +4 -4
- package/dist/components/iconSelector/src/iconSelector.mjs.map +1 -1
- package/dist/components/image/src/image.d.ts +36 -36
- package/dist/components/image/src/image.mjs +11 -11
- package/dist/components/image/src/image.mjs.map +1 -1
- package/dist/components/inputDialogPage/src/inputDialogPage.d.ts +37 -37
- package/dist/components/inputDialogPage/src/inputDialogPage.mjs +16 -16
- package/dist/components/inputDialogPage/src/inputDialogPage.mjs.map +1 -1
- package/dist/components/layoutGrid/src/layoutGrid.d.ts +12 -12
- package/dist/components/layoutGrid/src/layoutGrid.mjs +6 -6
- package/dist/components/layoutGrid/src/layoutGrid.mjs.map +1 -1
- package/dist/components/layoutGrid/src/layoutGridItem.d.ts +19 -19
- package/dist/components/layoutGrid/src/layoutGridItem.mjs +9 -9
- package/dist/components/layoutGrid/src/layoutGridItem.mjs.map +1 -1
- package/dist/components/select/src/select.d.ts +89 -89
- package/dist/components/select/src/select.mjs +30 -30
- package/dist/components/select/src/select.mjs.map +1 -1
- package/dist/components/select/src/selectOption.d.ts +13 -13
- package/dist/components/select/src/selectOption.mjs +6 -6
- package/dist/components/select/src/selectOption.mjs.map +1 -1
- package/dist/components/selectPage/src/selectPage.d.ts +76 -76
- package/dist/components/selectPage/src/selectPage.mjs +50 -36
- package/dist/components/selectPage/src/selectPage.mjs.map +1 -1
- package/dist/components/selectV2/index.mjs +2 -1
- package/dist/components/selectV2/index.mjs.map +1 -1
- package/dist/components/selectV2/src/selectV2.d.ts +161 -852
- package/dist/components/selectV2/src/selectV2.mjs +32 -340
- package/dist/components/selectV2/src/selectV2.mjs.map +1 -1
- package/dist/components/table/index.mjs +3 -2
- package/dist/components/table/index.mjs.map +1 -1
- package/dist/components/table/src/page.type.d.ts +1 -1
- package/dist/components/table/src/table.d.ts +211 -744
- package/dist/components/table/src/table.mjs +111 -307
- package/dist/components/table/src/table.mjs.map +1 -1
- package/dist/components/table/src/table.state.d.ts +3 -3
- package/dist/components/table/src/table.type.d.ts +1 -9
- package/dist/components/table/src/table.type.mjs.map +1 -1
- package/dist/components/table/src/tableColumn.d.ts +102 -399
- package/dist/components/table/src/tableColumn.mjs +28 -185
- package/dist/components/table/src/tableColumn.mjs.map +1 -1
- package/dist/components/table/src/tableColumnSettingDialog.d.ts +4 -4
- package/dist/components/table/src/tableColumnSettingDialog.mjs +3 -3
- package/dist/components/table/src/tableColumnSettingDialog.mjs.map +1 -1
- package/dist/components/table/src/tablePagination.d.ts +4 -4
- package/dist/components/table/src/tablePagination.mjs +3 -3
- package/dist/components/table/src/tablePagination.mjs.map +1 -1
- package/dist/components/table/src/tableSearchForm.d.ts +12 -12
- package/dist/components/table/src/tableSearchForm.mjs +6 -6
- package/dist/components/table/src/tableSearchForm.mjs.map +1 -1
- package/dist/components/table/src/tableSearchFormItem.d.ts +4 -4
- package/dist/components/table/src/tableSearchFormItem.mjs +2 -2
- package/dist/components/table/src/tableSearchFormItem.mjs.map +1 -1
- package/dist/components/table/src/useTable.d.ts +1 -0
- package/dist/components/table/src/useTable.mjs +109 -65
- package/dist/components/table/src/useTable.mjs.map +1 -1
- package/dist/components/table/utils/table.d.ts +4 -4
- package/dist/components/table/utils/table.mjs +4 -4
- package/dist/components/table/utils/table.mjs.map +1 -1
- package/dist/components/tree/src/tree.d.ts +87 -87
- package/dist/components/tree/src/tree.mjs +48 -48
- package/dist/components/tree/src/tree.mjs.map +1 -1
- package/dist/components/treeSelect/src/treeSelect.d.ts +139 -133
- package/dist/components/treeSelect/src/treeSelect.mjs +57 -57
- package/dist/components/treeSelect/src/treeSelect.mjs.map +1 -1
- package/dist/components/upload/src/upload.d.ts +36 -36
- package/dist/components/upload/src/upload.mjs +19 -19
- package/dist/components/upload/src/upload.mjs.map +1 -1
- package/dist/components/uploadImage/src/uploadImage.d.ts +47 -47
- package/dist/components/uploadImage/src/uploadImage.mjs +24 -28
- package/dist/components/uploadImage/src/uploadImage.mjs.map +1 -1
- package/dist/components/uploadImages/src/uploadImages.d.ts +41 -41
- package/dist/components/uploadImages/src/uploadImages.mjs +21 -21
- package/dist/components/uploadImages/src/uploadImages.mjs.map +1 -1
- package/dist/directives/click-debounce/index.mjs +19 -11
- package/dist/directives/click-debounce/index.mjs.map +1 -1
- package/dist/directives/click-throttle/index.d.ts +4 -2
- package/dist/directives/click-throttle/index.mjs +21 -11
- package/dist/directives/click-throttle/index.mjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.global.min.js +3 -3
- package/dist/index.global.min.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/internal/props.d.ts +685 -0
- package/dist/internal/props.mjs +683 -0
- package/dist/internal/props.mjs.map +1 -0
- package/dist/utils/loading-tasks.d.ts +5 -0
- package/dist/utils/loading-tasks.mjs +32 -0
- package/dist/utils/loading-tasks.mjs.map +1 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.mjs +1 -1
- package/dist/version.mjs.map +1 -1
- package/package.json +5 -10
|
@@ -1,281 +1,63 @@
|
|
|
1
1
|
import type { TableColumnCtx, TableProps } from "element-plus";
|
|
2
|
-
import type {
|
|
2
|
+
import type { PropType } from "vue";
|
|
3
3
|
import type { FaLayoutGridBreakpoint } from "../../layoutGrid";
|
|
4
4
|
import type { PagedInput, PagedResult } from "../src/page.type";
|
|
5
5
|
import type { DefaultRow } from "./table.state";
|
|
6
6
|
import type { FaTableColumnCtx, FaTableDataRange, FaTableDefaultSlotsResult } from "./table.type";
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
hasChildren?: string;
|
|
11
|
-
children?: string;
|
|
12
|
-
checkStrictly?: boolean;
|
|
13
|
-
}
|
|
14
|
-
/** Element Plus Table 的透传 Props 定义。 */
|
|
15
|
-
export declare const tableProps: {
|
|
16
|
-
/**
|
|
17
|
-
* @description table data
|
|
18
|
-
*/
|
|
19
|
-
data: {
|
|
20
|
-
type: PropType<DefaultRow[]>;
|
|
21
|
-
default: () => never[];
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* @description size of Table
|
|
25
|
-
*/
|
|
26
|
-
size: {
|
|
27
|
-
readonly type: PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
|
|
28
|
-
readonly required: false;
|
|
29
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
30
|
-
__epPropKey: true;
|
|
31
|
-
};
|
|
32
|
-
width: (NumberConstructor | StringConstructor)[];
|
|
33
|
-
/**
|
|
34
|
-
* @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
|
|
35
|
-
*/
|
|
36
|
-
height: (NumberConstructor | StringConstructor)[];
|
|
37
|
-
/**
|
|
38
|
-
* @description table's max-height. The legal value is a number or the height in px
|
|
39
|
-
*/
|
|
40
|
-
maxHeight: (NumberConstructor | StringConstructor)[];
|
|
41
|
-
/**
|
|
42
|
-
* @description whether width of column automatically fits its container
|
|
43
|
-
*/
|
|
44
|
-
fit: {
|
|
45
|
-
type: BooleanConstructor;
|
|
46
|
-
default: boolean;
|
|
47
|
-
};
|
|
48
|
-
/**
|
|
49
|
-
* @description whether Table is striped
|
|
50
|
-
*/
|
|
51
|
-
stripe: BooleanConstructor;
|
|
52
|
-
/**
|
|
53
|
-
* @description whether Table has vertical border
|
|
54
|
-
*/
|
|
55
|
-
border: BooleanConstructor;
|
|
56
|
-
/**
|
|
57
|
-
* @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used
|
|
58
|
-
*/
|
|
59
|
-
rowKey: PropType<TableProps<DefaultRow>["rowKey"]>;
|
|
60
|
-
/**
|
|
61
|
-
* @description whether Table header is visible
|
|
62
|
-
*/
|
|
63
|
-
showHeader: {
|
|
64
|
-
type: BooleanConstructor;
|
|
65
|
-
default: boolean;
|
|
66
|
-
};
|
|
67
|
-
/**
|
|
68
|
-
* @description whether to display a summary row
|
|
69
|
-
*/
|
|
70
|
-
showSummary: BooleanConstructor;
|
|
71
|
-
/**
|
|
72
|
-
* @description displayed text for the first column of summary row
|
|
73
|
-
*/
|
|
74
|
-
sumText: StringConstructor;
|
|
75
|
-
/**
|
|
76
|
-
* @description custom summary method
|
|
77
|
-
*/
|
|
78
|
-
summaryMethod: PropType<TableProps<DefaultRow>["summaryMethod"]>;
|
|
79
|
-
/**
|
|
80
|
-
* @description function that returns custom class names for a row, or a string assigning class names for every row
|
|
81
|
-
*/
|
|
82
|
-
rowClassName: PropType<TableProps<DefaultRow>["rowClassName"]>;
|
|
83
|
-
/**
|
|
84
|
-
* @description function that returns custom style for a row, or an object assigning custom style for every row
|
|
85
|
-
*/
|
|
86
|
-
rowStyle: PropType<TableProps<DefaultRow>["rowStyle"]>;
|
|
87
|
-
/**
|
|
88
|
-
* @description function that returns custom class names for a cell, or a string assigning class names for every cell
|
|
89
|
-
*/
|
|
90
|
-
cellClassName: PropType<TableProps<DefaultRow>["cellClassName"]>;
|
|
91
|
-
/**
|
|
92
|
-
* @description function that returns custom style for a cell, or an object assigning custom style for every cell
|
|
93
|
-
*/
|
|
94
|
-
cellStyle: PropType<TableProps<DefaultRow>["cellStyle"]>;
|
|
95
|
-
/**
|
|
96
|
-
* @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header
|
|
97
|
-
*/
|
|
98
|
-
headerRowClassName: PropType<TableProps<DefaultRow>["headerRowClassName"]>;
|
|
99
|
-
/**
|
|
100
|
-
* @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header
|
|
101
|
-
*/
|
|
102
|
-
headerRowStyle: PropType<TableProps<DefaultRow>["headerRowStyle"]>;
|
|
103
|
-
/**
|
|
104
|
-
* @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header
|
|
105
|
-
*/
|
|
106
|
-
headerCellClassName: PropType<TableProps<DefaultRow>["headerCellClassName"]>;
|
|
107
|
-
/**
|
|
108
|
-
* @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header
|
|
109
|
-
*/
|
|
110
|
-
headerCellStyle: PropType<TableProps<DefaultRow>["headerCellStyle"]>;
|
|
111
|
-
/**
|
|
112
|
-
* @description whether current row is highlighted
|
|
113
|
-
*/
|
|
114
|
-
highlightCurrentRow: BooleanConstructor;
|
|
115
|
-
/**
|
|
116
|
-
* @description key of current row, a set only prop
|
|
117
|
-
*/
|
|
118
|
-
currentRowKey: (NumberConstructor | StringConstructor)[];
|
|
119
|
-
/**
|
|
120
|
-
* @description displayed text when data is empty. You can customize this area with `#empty`
|
|
121
|
-
*/
|
|
122
|
-
emptyText: StringConstructor;
|
|
123
|
-
/**
|
|
124
|
-
* @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop
|
|
125
|
-
*/
|
|
126
|
-
expandRowKeys: PropType<TableProps<DefaultRow>["expandRowKeys"]>;
|
|
127
|
-
/** @description controls whether a row can be expanded */
|
|
128
|
-
rowExpandable: PropType<TableProps<DefaultRow>["rowExpandable"]>;
|
|
129
|
-
/**
|
|
130
|
-
* @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
|
|
131
|
-
*/
|
|
132
|
-
defaultExpandAll: BooleanConstructor;
|
|
133
|
-
/**
|
|
134
|
-
* @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
|
|
135
|
-
*/
|
|
136
|
-
defaultSort: PropType<TableProps<DefaultRow>["defaultSort"]>;
|
|
137
|
-
/**
|
|
138
|
-
* @description the `effect` of the overflow tooltip
|
|
139
|
-
*/
|
|
140
|
-
tooltipEffect: StringConstructor;
|
|
141
|
-
/**
|
|
142
|
-
* @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)
|
|
143
|
-
*/
|
|
144
|
-
tooltipOptions: PropType<TableProps<DefaultRow>["tooltipOptions"]>;
|
|
145
|
-
/**
|
|
146
|
-
* @description method that returns rowspan and colspan
|
|
147
|
-
*/
|
|
148
|
-
spanMethod: PropType<TableProps<DefaultRow>["spanMethod"]>;
|
|
149
|
-
/**
|
|
150
|
-
* @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected
|
|
151
|
-
*/
|
|
152
|
-
selectOnIndeterminate: {
|
|
153
|
-
type: BooleanConstructor;
|
|
154
|
-
default: boolean;
|
|
155
|
-
};
|
|
156
|
-
/**
|
|
157
|
-
* @description horizontal indentation of tree data
|
|
158
|
-
*/
|
|
159
|
-
indent: {
|
|
160
|
-
type: NumberConstructor;
|
|
161
|
-
default: number;
|
|
162
|
-
};
|
|
163
|
-
/**
|
|
164
|
-
* @description configuration for rendering nested data
|
|
165
|
-
*/
|
|
166
|
-
treeProps: {
|
|
167
|
-
type: PropType<TreeProps>;
|
|
168
|
-
default: () => {
|
|
169
|
-
hasChildren: string;
|
|
170
|
-
children: string;
|
|
171
|
-
checkStrictly: boolean;
|
|
172
|
-
};
|
|
173
|
-
};
|
|
174
|
-
/**
|
|
175
|
-
* @description whether to lazy loading data
|
|
176
|
-
*/
|
|
177
|
-
lazy: BooleanConstructor;
|
|
178
|
-
/**
|
|
179
|
-
* @description method for loading child row data, only works when `lazy` is true
|
|
180
|
-
*/
|
|
181
|
-
load: PropType<TableProps<DefaultRow>["load"]>;
|
|
182
|
-
style: {
|
|
183
|
-
type: PropType<CSSProperties>;
|
|
184
|
-
default: () => {};
|
|
185
|
-
};
|
|
186
|
-
className: {
|
|
187
|
-
type: StringConstructor;
|
|
188
|
-
default: string;
|
|
189
|
-
};
|
|
190
|
-
/**
|
|
191
|
-
* @description sets the algorithm used to lay out table cells, rows, and columns
|
|
192
|
-
*/
|
|
193
|
-
tableLayout: {
|
|
194
|
-
type: PropType<Layout>;
|
|
195
|
-
default: string;
|
|
196
|
-
};
|
|
197
|
-
/**
|
|
198
|
-
* @description always show scrollbar
|
|
199
|
-
*/
|
|
200
|
-
scrollbarAlwaysOn: BooleanConstructor;
|
|
201
|
-
/**
|
|
202
|
-
* @description ensure main axis minimum-size doesn't follow the content
|
|
203
|
-
*/
|
|
204
|
-
flexible: BooleanConstructor;
|
|
205
|
-
/**
|
|
206
|
-
* @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns
|
|
207
|
-
*/
|
|
208
|
-
showOverflowTooltip: PropType<TableProps<DefaultRow>["showOverflowTooltip"]>;
|
|
209
|
-
/** @description formats overflow tooltip content */
|
|
210
|
-
tooltipFormatter: PropType<TableProps<DefaultRow>["tooltipFormatter"]>;
|
|
211
|
-
/** @description element to which the filter panel is appended */
|
|
212
|
-
appendFilterPanelTo: StringConstructor;
|
|
213
|
-
scrollbarTabindex: {
|
|
214
|
-
type: (NumberConstructor | StringConstructor)[];
|
|
215
|
-
default: undefined;
|
|
216
|
-
};
|
|
217
|
-
/** @description whether the last column can be resized */
|
|
218
|
-
allowDragLastColumn: {
|
|
219
|
-
type: BooleanConstructor;
|
|
220
|
-
default: boolean;
|
|
221
|
-
};
|
|
222
|
-
/** @description whether collapsed expanded-row content remains mounted */
|
|
223
|
-
preserveExpandedContent: BooleanConstructor;
|
|
224
|
-
/** @description whether to use native scrollbars */
|
|
225
|
-
nativeScrollbar: BooleanConstructor;
|
|
226
|
-
};
|
|
227
|
-
/** FaTable 的运行时 Props 定义。 */
|
|
7
|
+
export { tableProps } from "../../../internal/props";
|
|
8
|
+
export type { TreeProps } from "../../../internal/props";
|
|
9
|
+
/** FaTable 的运行时 Props 定义 */
|
|
228
10
|
export declare const faTableProps: {
|
|
229
|
-
/**
|
|
11
|
+
/** whether Table has vertical border */
|
|
230
12
|
border: {
|
|
231
13
|
type: BooleanConstructor;
|
|
232
14
|
default: boolean;
|
|
233
15
|
};
|
|
234
|
-
/**
|
|
16
|
+
/** whether current row is highlighted */
|
|
235
17
|
highlightCurrentRow: {
|
|
236
18
|
type: BooleanConstructor;
|
|
237
19
|
default: boolean;
|
|
238
20
|
};
|
|
239
|
-
/**
|
|
21
|
+
/** key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
|
|
240
22
|
rowKey: {
|
|
241
23
|
type: PropType<NonNullable<TableProps<DefaultRow>["rowKey"]>>;
|
|
242
24
|
default: string;
|
|
243
25
|
};
|
|
244
|
-
/**
|
|
26
|
+
/** 组件封装,原生的已经失效 method that returns rowspan and colspan */
|
|
245
27
|
spanMethod: {
|
|
246
28
|
type: PropType<TableProps<DefaultRow>["spanMethod"]>;
|
|
247
29
|
validator: () => boolean;
|
|
248
30
|
};
|
|
249
|
-
/**
|
|
31
|
+
/** 表格Key */
|
|
250
32
|
tableKey: {
|
|
251
33
|
type: StringConstructor;
|
|
252
34
|
default: () => string;
|
|
253
35
|
};
|
|
254
|
-
/**
|
|
36
|
+
/** 表格数据 */
|
|
255
37
|
data: {
|
|
256
38
|
type: PropType<DefaultRow[]>;
|
|
257
39
|
default: () => never[];
|
|
258
40
|
};
|
|
259
|
-
/**
|
|
41
|
+
/** 请求数据的函数 */
|
|
260
42
|
requestApi: {
|
|
261
43
|
type: PropType<(params?: PagedInput) => Promise<PagedResult<DefaultRow> | DefaultRow[]>>;
|
|
262
44
|
};
|
|
263
|
-
/**
|
|
45
|
+
/** 接口请求数据回调 */
|
|
264
46
|
dataCallback: {
|
|
265
47
|
type: PropType<(data: PagedResult<DefaultRow> | DefaultRow[]) => void>;
|
|
266
48
|
};
|
|
267
49
|
/** 初始化参数 */
|
|
268
50
|
initParam: PropType<string | number | PagedInput | null>;
|
|
269
|
-
/**
|
|
51
|
+
/** 列配置 */
|
|
270
52
|
columns: {
|
|
271
53
|
type: PropType<false | FaTableColumnCtx[]>;
|
|
272
54
|
default: () => boolean;
|
|
273
55
|
};
|
|
274
|
-
/**
|
|
56
|
+
/** 表格列改变 */
|
|
275
57
|
columnsChange: {
|
|
276
58
|
type: PropType<(columns: FaTableColumnCtx[]) => Promise<void>>;
|
|
277
59
|
};
|
|
278
|
-
/**
|
|
60
|
+
/** 搜索表单 Grid布局列配置 */
|
|
279
61
|
searchFormCols: {
|
|
280
62
|
type: PropType<string | number | Record<FaLayoutGridBreakpoint, number>>;
|
|
281
63
|
default: () => {
|
|
@@ -286,74 +68,74 @@ export declare const faTableProps: {
|
|
|
286
68
|
xl: number;
|
|
287
69
|
};
|
|
288
70
|
};
|
|
289
|
-
/**
|
|
71
|
+
/** 折叠搜索 */
|
|
290
72
|
collapsedSearch: {
|
|
291
73
|
type: BooleanConstructor;
|
|
292
74
|
default: boolean;
|
|
293
75
|
};
|
|
294
|
-
/**
|
|
76
|
+
/** 高级搜索抽屉 */
|
|
295
77
|
advancedSearchDrawer: {
|
|
296
78
|
type: BooleanConstructor;
|
|
297
79
|
default: boolean;
|
|
298
80
|
};
|
|
299
|
-
/**
|
|
81
|
+
/** 搜索表单 */
|
|
300
82
|
searchForm: {
|
|
301
83
|
type: BooleanConstructor;
|
|
302
84
|
default: boolean;
|
|
303
85
|
};
|
|
304
|
-
/**
|
|
86
|
+
/** 头部卡片 */
|
|
305
87
|
headerCard: {
|
|
306
88
|
type: BooleanConstructor;
|
|
307
89
|
default: boolean;
|
|
308
90
|
};
|
|
309
|
-
/**
|
|
91
|
+
/** 刷新按钮 */
|
|
310
92
|
refreshBtn: {
|
|
311
93
|
type: BooleanConstructor;
|
|
312
94
|
default: boolean;
|
|
313
95
|
};
|
|
314
|
-
/**
|
|
96
|
+
/** 搜索按钮 */
|
|
315
97
|
searchBtn: {
|
|
316
98
|
type: BooleanConstructor;
|
|
317
99
|
default: boolean;
|
|
318
100
|
};
|
|
319
|
-
/**
|
|
101
|
+
/** 列配置按钮 */
|
|
320
102
|
columnSettingBtn: {
|
|
321
103
|
type: BooleanConstructor;
|
|
322
104
|
default: boolean;
|
|
323
105
|
};
|
|
324
|
-
/**
|
|
106
|
+
/** 头部卡片右侧功能按钮 */
|
|
325
107
|
toolBtn: {
|
|
326
108
|
type: BooleanConstructor;
|
|
327
109
|
default: boolean;
|
|
328
110
|
};
|
|
329
|
-
/**
|
|
111
|
+
/** 隐藏搜索时间 */
|
|
330
112
|
hideSearchTime: BooleanConstructor;
|
|
331
|
-
/**
|
|
113
|
+
/** 未来搜索时间 */
|
|
332
114
|
futureSearchTime: BooleanConstructor;
|
|
333
|
-
/**
|
|
115
|
+
/** 搜索时间范围 */
|
|
334
116
|
dataSearchRange: {
|
|
335
117
|
type: PropType<FaTableDataRange>;
|
|
336
118
|
default: string;
|
|
337
119
|
};
|
|
338
|
-
/**
|
|
120
|
+
/** 分页 */
|
|
339
121
|
pagination: {
|
|
340
122
|
type: BooleanConstructor;
|
|
341
123
|
default: boolean;
|
|
342
124
|
};
|
|
343
|
-
/**
|
|
125
|
+
/** 页码 */
|
|
344
126
|
pageSizes: {
|
|
345
127
|
type: PropType<number[]>;
|
|
346
128
|
default: number[];
|
|
347
129
|
};
|
|
348
|
-
/**
|
|
130
|
+
/** 隐藏图片 */
|
|
349
131
|
hideImage: BooleanConstructor;
|
|
350
|
-
/**
|
|
132
|
+
/** 单选 */
|
|
351
133
|
single: BooleanConstructor;
|
|
352
|
-
/**
|
|
134
|
+
/** 行点击选择 */
|
|
353
135
|
rowClickSelection: BooleanConstructor;
|
|
354
|
-
/**
|
|
136
|
+
/** 将父级数据的 children 展开为表格行,并把父级字段合并到子项;Element Plus 树表无需启用 */
|
|
355
137
|
treeData: BooleanConstructor;
|
|
356
|
-
/**
|
|
138
|
+
/** 配置选项 */
|
|
357
139
|
props: {
|
|
358
140
|
type: PropType<{
|
|
359
141
|
span?: string;
|
|
@@ -364,19 +146,16 @@ export declare const faTableProps: {
|
|
|
364
146
|
children: string;
|
|
365
147
|
};
|
|
366
148
|
};
|
|
367
|
-
/**
|
|
149
|
+
/** 自动刷新,当传入 data 时候,如果存在更改则自动刷新 */
|
|
368
150
|
autoRefresh: {
|
|
369
151
|
type: BooleanConstructor;
|
|
370
152
|
default: boolean;
|
|
371
153
|
};
|
|
372
154
|
/**
|
|
373
155
|
* 等价于 Table-Column 的 selectable
|
|
374
|
-
*
|
|
156
|
+
* function that determines if a certain row can be selected, works when `type` is 'selection'
|
|
375
157
|
*/
|
|
376
158
|
rowSelectable: PropType<TableColumnCtx<DefaultRow>["selectable"]>;
|
|
377
|
-
/**
|
|
378
|
-
* @description size of Table
|
|
379
|
-
*/
|
|
380
159
|
size: {
|
|
381
160
|
readonly type: PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
|
|
382
161
|
readonly required: false;
|
|
@@ -384,269 +163,167 @@ export declare const faTableProps: {
|
|
|
384
163
|
__epPropKey: true;
|
|
385
164
|
};
|
|
386
165
|
width: (NumberConstructor | StringConstructor)[];
|
|
387
|
-
/**
|
|
388
|
-
* @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
|
|
389
|
-
*/
|
|
390
166
|
height: (NumberConstructor | StringConstructor)[];
|
|
391
|
-
/**
|
|
392
|
-
* @description table's max-height. The legal value is a number or the height in px
|
|
393
|
-
*/
|
|
394
167
|
maxHeight: (NumberConstructor | StringConstructor)[];
|
|
395
|
-
/**
|
|
396
|
-
* @description whether width of column automatically fits its container
|
|
397
|
-
*/
|
|
398
168
|
fit: {
|
|
399
169
|
type: BooleanConstructor;
|
|
400
170
|
default: boolean;
|
|
401
171
|
};
|
|
402
|
-
/**
|
|
403
|
-
* @description whether Table is striped
|
|
404
|
-
*/
|
|
405
172
|
stripe: BooleanConstructor;
|
|
406
|
-
/**
|
|
407
|
-
* @description whether Table header is visible
|
|
408
|
-
*/
|
|
409
173
|
showHeader: {
|
|
410
174
|
type: BooleanConstructor;
|
|
411
175
|
default: boolean;
|
|
412
176
|
};
|
|
413
|
-
/**
|
|
414
|
-
* @description whether to display a summary row
|
|
415
|
-
*/
|
|
416
177
|
showSummary: BooleanConstructor;
|
|
417
|
-
/**
|
|
418
|
-
* @description displayed text for the first column of summary row
|
|
419
|
-
*/
|
|
420
178
|
sumText: StringConstructor;
|
|
421
|
-
/**
|
|
422
|
-
* @description custom summary method
|
|
423
|
-
*/
|
|
424
179
|
summaryMethod: PropType<TableProps<DefaultRow>["summaryMethod"]>;
|
|
425
|
-
/**
|
|
426
|
-
* @description function that returns custom class names for a row, or a string assigning class names for every row
|
|
427
|
-
*/
|
|
428
180
|
rowClassName: PropType<TableProps<DefaultRow>["rowClassName"]>;
|
|
429
|
-
/**
|
|
430
|
-
* @description function that returns custom style for a row, or an object assigning custom style for every row
|
|
431
|
-
*/
|
|
432
181
|
rowStyle: PropType<TableProps<DefaultRow>["rowStyle"]>;
|
|
433
|
-
/**
|
|
434
|
-
* @description function that returns custom class names for a cell, or a string assigning class names for every cell
|
|
435
|
-
*/
|
|
436
182
|
cellClassName: PropType<TableProps<DefaultRow>["cellClassName"]>;
|
|
437
|
-
/**
|
|
438
|
-
* @description function that returns custom style for a cell, or an object assigning custom style for every cell
|
|
439
|
-
*/
|
|
440
183
|
cellStyle: PropType<TableProps<DefaultRow>["cellStyle"]>;
|
|
441
|
-
/**
|
|
442
|
-
* @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header
|
|
443
|
-
*/
|
|
444
184
|
headerRowClassName: PropType<TableProps<DefaultRow>["headerRowClassName"]>;
|
|
445
|
-
/**
|
|
446
|
-
* @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header
|
|
447
|
-
*/
|
|
448
185
|
headerRowStyle: PropType<TableProps<DefaultRow>["headerRowStyle"]>;
|
|
449
|
-
/**
|
|
450
|
-
* @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header
|
|
451
|
-
*/
|
|
452
186
|
headerCellClassName: PropType<TableProps<DefaultRow>["headerCellClassName"]>;
|
|
453
|
-
/**
|
|
454
|
-
* @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header
|
|
455
|
-
*/
|
|
456
187
|
headerCellStyle: PropType<TableProps<DefaultRow>["headerCellStyle"]>;
|
|
457
|
-
/**
|
|
458
|
-
* @description key of current row, a set only prop
|
|
459
|
-
*/
|
|
460
188
|
currentRowKey: (NumberConstructor | StringConstructor)[];
|
|
461
|
-
/**
|
|
462
|
-
* @description displayed text when data is empty. You can customize this area with `#empty`
|
|
463
|
-
*/
|
|
464
189
|
emptyText: StringConstructor;
|
|
465
|
-
/**
|
|
466
|
-
* @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop
|
|
467
|
-
*/
|
|
468
190
|
expandRowKeys: PropType<TableProps<DefaultRow>["expandRowKeys"]>;
|
|
469
|
-
/** @description controls whether a row can be expanded */
|
|
470
191
|
rowExpandable: PropType<TableProps<DefaultRow>["rowExpandable"]>;
|
|
471
|
-
/**
|
|
472
|
-
* @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
|
|
473
|
-
*/
|
|
474
192
|
defaultExpandAll: BooleanConstructor;
|
|
475
|
-
/**
|
|
476
|
-
* @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
|
|
477
|
-
*/
|
|
478
193
|
defaultSort: PropType<TableProps<DefaultRow>["defaultSort"]>;
|
|
479
|
-
/**
|
|
480
|
-
* @description the `effect` of the overflow tooltip
|
|
481
|
-
*/
|
|
482
194
|
tooltipEffect: StringConstructor;
|
|
483
|
-
/**
|
|
484
|
-
* @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)
|
|
485
|
-
*/
|
|
486
195
|
tooltipOptions: PropType<TableProps<DefaultRow>["tooltipOptions"]>;
|
|
487
|
-
/**
|
|
488
|
-
* @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected
|
|
489
|
-
*/
|
|
490
196
|
selectOnIndeterminate: {
|
|
491
197
|
type: BooleanConstructor;
|
|
492
198
|
default: boolean;
|
|
493
199
|
};
|
|
494
|
-
/**
|
|
495
|
-
* @description horizontal indentation of tree data
|
|
496
|
-
*/
|
|
497
200
|
indent: {
|
|
498
201
|
type: NumberConstructor;
|
|
499
202
|
default: number;
|
|
500
203
|
};
|
|
501
|
-
/**
|
|
502
|
-
* @description configuration for rendering nested data
|
|
503
|
-
*/
|
|
504
204
|
treeProps: {
|
|
505
|
-
type: PropType<TreeProps>;
|
|
205
|
+
type: PropType<import("./table").TreeProps>;
|
|
506
206
|
default: () => {
|
|
507
207
|
hasChildren: string;
|
|
508
208
|
children: string;
|
|
509
209
|
checkStrictly: boolean;
|
|
510
210
|
};
|
|
511
211
|
};
|
|
512
|
-
/**
|
|
513
|
-
* @description whether to lazy loading data
|
|
514
|
-
*/
|
|
515
212
|
lazy: BooleanConstructor;
|
|
516
|
-
/**
|
|
517
|
-
* @description method for loading child row data, only works when `lazy` is true
|
|
518
|
-
*/
|
|
519
213
|
load: PropType<TableProps<DefaultRow>["load"]>;
|
|
520
214
|
style: {
|
|
521
|
-
type: PropType<CSSProperties>;
|
|
522
|
-
default: () =>
|
|
215
|
+
type: PropType<import("vue").CSSProperties>;
|
|
216
|
+
default: () => import("vue").CSSProperties;
|
|
523
217
|
};
|
|
524
218
|
className: {
|
|
525
219
|
type: StringConstructor;
|
|
526
220
|
default: string;
|
|
527
221
|
};
|
|
528
|
-
/**
|
|
529
|
-
* @description sets the algorithm used to lay out table cells, rows, and columns
|
|
530
|
-
*/
|
|
531
222
|
tableLayout: {
|
|
532
|
-
type: PropType<
|
|
223
|
+
type: PropType<"fixed" | "auto">;
|
|
533
224
|
default: string;
|
|
534
225
|
};
|
|
535
|
-
/**
|
|
536
|
-
* @description always show scrollbar
|
|
537
|
-
*/
|
|
538
226
|
scrollbarAlwaysOn: BooleanConstructor;
|
|
539
|
-
/**
|
|
540
|
-
* @description ensure main axis minimum-size doesn't follow the content
|
|
541
|
-
*/
|
|
542
227
|
flexible: BooleanConstructor;
|
|
543
|
-
/**
|
|
544
|
-
* @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns
|
|
545
|
-
*/
|
|
546
228
|
showOverflowTooltip: PropType<TableProps<DefaultRow>["showOverflowTooltip"]>;
|
|
547
|
-
/** @description formats overflow tooltip content */
|
|
548
229
|
tooltipFormatter: PropType<TableProps<DefaultRow>["tooltipFormatter"]>;
|
|
549
|
-
/** @description element to which the filter panel is appended */
|
|
550
230
|
appendFilterPanelTo: StringConstructor;
|
|
551
231
|
scrollbarTabindex: {
|
|
552
232
|
type: (NumberConstructor | StringConstructor)[];
|
|
553
233
|
default: undefined;
|
|
554
234
|
};
|
|
555
|
-
/** @description whether the last column can be resized */
|
|
556
235
|
allowDragLastColumn: {
|
|
557
236
|
type: BooleanConstructor;
|
|
558
237
|
default: boolean;
|
|
559
238
|
};
|
|
560
|
-
/** @description whether collapsed expanded-row content remains mounted */
|
|
561
239
|
preserveExpandedContent: BooleanConstructor;
|
|
562
|
-
/** @description whether to use native scrollbars */
|
|
563
240
|
nativeScrollbar: BooleanConstructor;
|
|
564
241
|
};
|
|
565
|
-
/** FaTable 的运行时 Emits
|
|
242
|
+
/** FaTable 的运行时 Emits 定义 */
|
|
566
243
|
export declare const faTableEmits: {
|
|
567
|
-
/**
|
|
244
|
+
/** 当用户手动勾选数据行的 Checkbox 时触发的事件 */
|
|
568
245
|
select: (selection: DefaultRow[], row: DefaultRow) => boolean;
|
|
569
|
-
/**
|
|
246
|
+
/** 当用户手动勾选全选 Checkbox 时触发的事件 */
|
|
570
247
|
selectAll: (selection: DefaultRow[]) => boolean;
|
|
571
|
-
/**
|
|
248
|
+
/** 当选择项发生变化时会触发该事件 */
|
|
572
249
|
selectionChange: (newSelection: DefaultRow[]) => boolean;
|
|
573
|
-
/**
|
|
250
|
+
/** 当单元格 hover 进入时会触发该事件 */
|
|
574
251
|
cellMouseEnter: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
575
|
-
/**
|
|
252
|
+
/** 当单元格 hover 退出时会触发该事件 */
|
|
576
253
|
cellMouseLeave: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
577
|
-
/**
|
|
254
|
+
/** 当某个单元格被点击时会触发该事件 */
|
|
578
255
|
cellClick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
579
|
-
/**
|
|
256
|
+
/** 当某个单元格被双击击时会触发该事件 */
|
|
580
257
|
cellDblclick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
581
|
-
/**
|
|
258
|
+
/** 当某个单元格被鼠标右键点击时会触发该事件 */
|
|
582
259
|
cellContextmenu: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
583
|
-
/**
|
|
260
|
+
/** 当某一行被点击时会触发该事件 */
|
|
584
261
|
rowClick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
585
|
-
/**
|
|
262
|
+
/** 当某一行被鼠标右键点击时会触发该事件 */
|
|
586
263
|
rowContextmenu: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
587
|
-
/**
|
|
264
|
+
/** 当某一行被双击时会触发该事件 */
|
|
588
265
|
rowDblclick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
589
|
-
/**
|
|
266
|
+
/** 当某一列的表头被点击时会触发该事件 */
|
|
590
267
|
headerClick: (column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
591
|
-
/**
|
|
268
|
+
/** 当某一列的表头被鼠标右键点击时触发该事件 */
|
|
592
269
|
headerContextmenu: (column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
593
|
-
/**
|
|
270
|
+
/** 当表格的排序条件发生变化的时候会触发该事件 */
|
|
594
271
|
sortChange: (data: {
|
|
595
272
|
column: TableColumnCtx<DefaultRow>;
|
|
596
273
|
prop: string;
|
|
597
274
|
order: "" | "ascending" | "descending";
|
|
598
275
|
}) => boolean;
|
|
599
|
-
/**
|
|
276
|
+
/** column 的 key, 如果需要使用 filter-change 事件,则需要此属性标识是哪个 column 的筛选条件 */
|
|
600
277
|
filterChange: (newFilters: Record<string, string[]>) => boolean;
|
|
601
|
-
/**
|
|
278
|
+
/** 当表格的当前行发生变化的时候会触发该事件,如果要高亮当前行,请打开表格的 highlight-current-row 属性 */
|
|
602
279
|
currentChange: (currentRow: DefaultRow, oldCurrentRow: DefaultRow | null) => boolean;
|
|
603
|
-
/**
|
|
280
|
+
/** 当拖动表头改变了列的宽度的时候会触发该事件 */
|
|
604
281
|
headerDragend: (newWidth: number, oldWidth: number, column: TableColumnCtx<DefaultRow>, event: MouseEvent) => boolean;
|
|
605
|
-
/**
|
|
282
|
+
/** 当用户对某一行展开或者关闭的时候会触发该事件(展开行时,回调的第二个参数为 expandedRows;树形表格时第二参数为 expanded) */
|
|
606
283
|
expandChange: (row: DefaultRow, expanded: boolean | DefaultRow[]) => boolean;
|
|
607
|
-
/**
|
|
284
|
+
/** 表格滚动时触发 */
|
|
608
285
|
scroll: (data: {
|
|
609
286
|
scrollLeft: number;
|
|
610
287
|
scrollTop: number;
|
|
611
288
|
}) => boolean;
|
|
612
|
-
/**
|
|
289
|
+
/** 表格刷新事件 */
|
|
613
290
|
refresh: (params: PagedInput) => boolean;
|
|
614
|
-
/**
|
|
291
|
+
/** 表格重置事件 */
|
|
615
292
|
reset: (params: PagedInput) => boolean;
|
|
616
|
-
/**
|
|
293
|
+
/** 分页页码改变事件 */
|
|
617
294
|
sizeChange: (pageSize: number) => boolean;
|
|
618
|
-
/**
|
|
295
|
+
/** 分页改变事件 */
|
|
619
296
|
paginationChange: (pageIndex: number, pageSize: number) => boolean;
|
|
620
|
-
/**
|
|
297
|
+
/** 自定义单元格点击事件 */
|
|
621
298
|
customCellClick: (emitName: string, { row, column, $index }: {
|
|
622
299
|
row: DefaultRow;
|
|
623
300
|
column: FaTableColumnCtx;
|
|
624
301
|
$index: number;
|
|
625
302
|
} & FaTableDefaultSlotsResult) => boolean;
|
|
626
303
|
};
|
|
627
|
-
/** FaTable
|
|
304
|
+
/** FaTable 的插槽参数 */
|
|
628
305
|
export type FaTableSlots = Record<string, unknown> & {
|
|
629
|
-
/**
|
|
306
|
+
/** 默认内容插槽 */
|
|
630
307
|
default: never;
|
|
631
|
-
/**
|
|
308
|
+
/** 插入至表格最后一行之后的内容, 如果需要对表格的内容进行无限滚动操作,可能需要用到这个 slot。 若表格有合计行,该 slot 会位于合计行之上。 */
|
|
632
309
|
append: never;
|
|
633
|
-
/**
|
|
310
|
+
/** 当数据为空时自定义的内容 */
|
|
634
311
|
empty: never;
|
|
635
|
-
/**
|
|
312
|
+
/** 表格顶部插槽 */
|
|
636
313
|
topHeader: FaTableDefaultSlotsResult;
|
|
637
|
-
/**
|
|
314
|
+
/** 表格头部左侧插槽 */
|
|
638
315
|
header: FaTableDefaultSlotsResult;
|
|
639
|
-
/**
|
|
316
|
+
/** 表格头部右侧功能按钮插槽 */
|
|
640
317
|
toolButton: FaTableDefaultSlotsResult;
|
|
641
|
-
/**
|
|
318
|
+
/** 表格头部右侧高级操作按钮插槽,ElDropdownMenuItem 标签 */
|
|
642
319
|
toolButtonAdv: FaTableDefaultSlotsResult;
|
|
643
|
-
/**
|
|
320
|
+
/** 表格操作列插槽 */
|
|
644
321
|
operation: FaTableDefaultSlotsResult & {
|
|
645
322
|
row: DefaultRow;
|
|
646
323
|
column: FaTableColumnCtx;
|
|
647
324
|
$index: number;
|
|
648
325
|
};
|
|
649
|
-
/**
|
|
326
|
+
/** 表格分页插槽 */
|
|
650
327
|
pagination: {
|
|
651
328
|
pageIndex: number;
|
|
652
329
|
pageSize: number;
|
|
@@ -654,71 +331,71 @@ export type FaTableSlots = Record<string, unknown> & {
|
|
|
654
331
|
handleSizeChange: (val: number) => void;
|
|
655
332
|
handlePaginationChange: (val: number) => void;
|
|
656
333
|
};
|
|
657
|
-
/**
|
|
334
|
+
/** 表格页脚插槽 */
|
|
658
335
|
footer: FaTableDefaultSlotsResult;
|
|
659
|
-
/**
|
|
336
|
+
/** 列配置 */
|
|
660
337
|
columnSetting: never;
|
|
661
338
|
} & Record<string, FaTableDefaultSlotsResult & {
|
|
662
|
-
/**
|
|
339
|
+
/** slots为表格内容的时候才会返回 */
|
|
663
340
|
row?: DefaultRow;
|
|
664
|
-
/**
|
|
341
|
+
/** slot为表头内容的时候返回 'TableColumnCtx<DefaultRow>' 否则返回 'FaTableColumnCtx' */
|
|
665
342
|
column?: TableColumnCtx<DefaultRow> | FaTableColumnCtx;
|
|
666
|
-
/**
|
|
343
|
+
/** slot为非搜索项的时候才会返回 */
|
|
667
344
|
$index?: number;
|
|
668
|
-
/**
|
|
345
|
+
/** slot为搜索项的时候才会返回 */
|
|
669
346
|
search?: () => Promise<void>;
|
|
670
347
|
}>;
|
|
671
348
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
672
|
-
/**
|
|
349
|
+
/** whether Table has vertical border */
|
|
673
350
|
border: {
|
|
674
351
|
type: BooleanConstructor;
|
|
675
352
|
default: boolean;
|
|
676
353
|
};
|
|
677
|
-
/**
|
|
354
|
+
/** whether current row is highlighted */
|
|
678
355
|
highlightCurrentRow: {
|
|
679
356
|
type: BooleanConstructor;
|
|
680
357
|
default: boolean;
|
|
681
358
|
};
|
|
682
|
-
/**
|
|
359
|
+
/** key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
|
|
683
360
|
rowKey: {
|
|
684
361
|
type: PropType<NonNullable<TableProps<DefaultRow>["rowKey"]>>;
|
|
685
362
|
default: string;
|
|
686
363
|
};
|
|
687
|
-
/**
|
|
364
|
+
/** 组件封装,原生的已经失效 method that returns rowspan and colspan */
|
|
688
365
|
spanMethod: {
|
|
689
366
|
type: PropType<TableProps<DefaultRow>["spanMethod"]>;
|
|
690
367
|
validator: () => boolean;
|
|
691
368
|
};
|
|
692
|
-
/**
|
|
369
|
+
/** 表格Key */
|
|
693
370
|
tableKey: {
|
|
694
371
|
type: StringConstructor;
|
|
695
372
|
default: () => string;
|
|
696
373
|
};
|
|
697
|
-
/**
|
|
374
|
+
/** 表格数据 */
|
|
698
375
|
data: {
|
|
699
376
|
type: PropType<DefaultRow[]>;
|
|
700
377
|
default: () => never[];
|
|
701
378
|
};
|
|
702
|
-
/**
|
|
379
|
+
/** 请求数据的函数 */
|
|
703
380
|
requestApi: {
|
|
704
381
|
type: PropType<(params?: PagedInput) => Promise<PagedResult<DefaultRow> | DefaultRow[]>>;
|
|
705
382
|
};
|
|
706
|
-
/**
|
|
383
|
+
/** 接口请求数据回调 */
|
|
707
384
|
dataCallback: {
|
|
708
385
|
type: PropType<(data: PagedResult<DefaultRow> | DefaultRow[]) => void>;
|
|
709
386
|
};
|
|
710
387
|
/** 初始化参数 */
|
|
711
388
|
initParam: PropType<string | number | PagedInput | null>;
|
|
712
|
-
/**
|
|
389
|
+
/** 列配置 */
|
|
713
390
|
columns: {
|
|
714
391
|
type: PropType<false | FaTableColumnCtx[]>;
|
|
715
392
|
default: () => boolean;
|
|
716
393
|
};
|
|
717
|
-
/**
|
|
394
|
+
/** 表格列改变 */
|
|
718
395
|
columnsChange: {
|
|
719
396
|
type: PropType<(columns: FaTableColumnCtx[]) => Promise<void>>;
|
|
720
397
|
};
|
|
721
|
-
/**
|
|
398
|
+
/** 搜索表单 Grid布局列配置 */
|
|
722
399
|
searchFormCols: {
|
|
723
400
|
type: PropType<string | number | Record<FaLayoutGridBreakpoint, number>>;
|
|
724
401
|
default: () => {
|
|
@@ -729,74 +406,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
729
406
|
xl: number;
|
|
730
407
|
};
|
|
731
408
|
};
|
|
732
|
-
/**
|
|
409
|
+
/** 折叠搜索 */
|
|
733
410
|
collapsedSearch: {
|
|
734
411
|
type: BooleanConstructor;
|
|
735
412
|
default: boolean;
|
|
736
413
|
};
|
|
737
|
-
/**
|
|
414
|
+
/** 高级搜索抽屉 */
|
|
738
415
|
advancedSearchDrawer: {
|
|
739
416
|
type: BooleanConstructor;
|
|
740
417
|
default: boolean;
|
|
741
418
|
};
|
|
742
|
-
/**
|
|
419
|
+
/** 搜索表单 */
|
|
743
420
|
searchForm: {
|
|
744
421
|
type: BooleanConstructor;
|
|
745
422
|
default: boolean;
|
|
746
423
|
};
|
|
747
|
-
/**
|
|
424
|
+
/** 头部卡片 */
|
|
748
425
|
headerCard: {
|
|
749
426
|
type: BooleanConstructor;
|
|
750
427
|
default: boolean;
|
|
751
428
|
};
|
|
752
|
-
/**
|
|
429
|
+
/** 刷新按钮 */
|
|
753
430
|
refreshBtn: {
|
|
754
431
|
type: BooleanConstructor;
|
|
755
432
|
default: boolean;
|
|
756
433
|
};
|
|
757
|
-
/**
|
|
434
|
+
/** 搜索按钮 */
|
|
758
435
|
searchBtn: {
|
|
759
436
|
type: BooleanConstructor;
|
|
760
437
|
default: boolean;
|
|
761
438
|
};
|
|
762
|
-
/**
|
|
439
|
+
/** 列配置按钮 */
|
|
763
440
|
columnSettingBtn: {
|
|
764
441
|
type: BooleanConstructor;
|
|
765
442
|
default: boolean;
|
|
766
443
|
};
|
|
767
|
-
/**
|
|
444
|
+
/** 头部卡片右侧功能按钮 */
|
|
768
445
|
toolBtn: {
|
|
769
446
|
type: BooleanConstructor;
|
|
770
447
|
default: boolean;
|
|
771
448
|
};
|
|
772
|
-
/**
|
|
449
|
+
/** 隐藏搜索时间 */
|
|
773
450
|
hideSearchTime: BooleanConstructor;
|
|
774
|
-
/**
|
|
451
|
+
/** 未来搜索时间 */
|
|
775
452
|
futureSearchTime: BooleanConstructor;
|
|
776
|
-
/**
|
|
453
|
+
/** 搜索时间范围 */
|
|
777
454
|
dataSearchRange: {
|
|
778
455
|
type: PropType<FaTableDataRange>;
|
|
779
456
|
default: string;
|
|
780
457
|
};
|
|
781
|
-
/**
|
|
458
|
+
/** 分页 */
|
|
782
459
|
pagination: {
|
|
783
460
|
type: BooleanConstructor;
|
|
784
461
|
default: boolean;
|
|
785
462
|
};
|
|
786
|
-
/**
|
|
463
|
+
/** 页码 */
|
|
787
464
|
pageSizes: {
|
|
788
465
|
type: PropType<number[]>;
|
|
789
466
|
default: number[];
|
|
790
467
|
};
|
|
791
|
-
/**
|
|
468
|
+
/** 隐藏图片 */
|
|
792
469
|
hideImage: BooleanConstructor;
|
|
793
|
-
/**
|
|
470
|
+
/** 单选 */
|
|
794
471
|
single: BooleanConstructor;
|
|
795
|
-
/**
|
|
472
|
+
/** 行点击选择 */
|
|
796
473
|
rowClickSelection: BooleanConstructor;
|
|
797
|
-
/**
|
|
474
|
+
/** 将父级数据的 children 展开为表格行,并把父级字段合并到子项;Element Plus 树表无需启用 */
|
|
798
475
|
treeData: BooleanConstructor;
|
|
799
|
-
/**
|
|
476
|
+
/** 配置选项 */
|
|
800
477
|
props: {
|
|
801
478
|
type: PropType<{
|
|
802
479
|
span?: string;
|
|
@@ -807,19 +484,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
807
484
|
children: string;
|
|
808
485
|
};
|
|
809
486
|
};
|
|
810
|
-
/**
|
|
487
|
+
/** 自动刷新,当传入 data 时候,如果存在更改则自动刷新 */
|
|
811
488
|
autoRefresh: {
|
|
812
489
|
type: BooleanConstructor;
|
|
813
490
|
default: boolean;
|
|
814
491
|
};
|
|
815
492
|
/**
|
|
816
493
|
* 等价于 Table-Column 的 selectable
|
|
817
|
-
*
|
|
494
|
+
* function that determines if a certain row can be selected, works when `type` is 'selection'
|
|
818
495
|
*/
|
|
819
496
|
rowSelectable: PropType<TableColumnCtx<DefaultRow>["selectable"]>;
|
|
820
|
-
/**
|
|
821
|
-
* @description size of Table
|
|
822
|
-
*/
|
|
823
497
|
size: {
|
|
824
498
|
readonly type: PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
|
|
825
499
|
readonly required: false;
|
|
@@ -827,361 +501,259 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
827
501
|
__epPropKey: true;
|
|
828
502
|
};
|
|
829
503
|
width: (NumberConstructor | StringConstructor)[];
|
|
830
|
-
/**
|
|
831
|
-
* @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
|
|
832
|
-
*/
|
|
833
504
|
height: (NumberConstructor | StringConstructor)[];
|
|
834
|
-
/**
|
|
835
|
-
* @description table's max-height. The legal value is a number or the height in px
|
|
836
|
-
*/
|
|
837
505
|
maxHeight: (NumberConstructor | StringConstructor)[];
|
|
838
|
-
/**
|
|
839
|
-
* @description whether width of column automatically fits its container
|
|
840
|
-
*/
|
|
841
506
|
fit: {
|
|
842
507
|
type: BooleanConstructor;
|
|
843
508
|
default: boolean;
|
|
844
509
|
};
|
|
845
|
-
/**
|
|
846
|
-
* @description whether Table is striped
|
|
847
|
-
*/
|
|
848
510
|
stripe: BooleanConstructor;
|
|
849
|
-
/**
|
|
850
|
-
* @description whether Table header is visible
|
|
851
|
-
*/
|
|
852
511
|
showHeader: {
|
|
853
512
|
type: BooleanConstructor;
|
|
854
513
|
default: boolean;
|
|
855
514
|
};
|
|
856
|
-
/**
|
|
857
|
-
* @description whether to display a summary row
|
|
858
|
-
*/
|
|
859
515
|
showSummary: BooleanConstructor;
|
|
860
|
-
/**
|
|
861
|
-
* @description displayed text for the first column of summary row
|
|
862
|
-
*/
|
|
863
516
|
sumText: StringConstructor;
|
|
864
|
-
/**
|
|
865
|
-
* @description custom summary method
|
|
866
|
-
*/
|
|
867
517
|
summaryMethod: PropType<TableProps<DefaultRow>["summaryMethod"]>;
|
|
868
|
-
/**
|
|
869
|
-
* @description function that returns custom class names for a row, or a string assigning class names for every row
|
|
870
|
-
*/
|
|
871
518
|
rowClassName: PropType<TableProps<DefaultRow>["rowClassName"]>;
|
|
872
|
-
/**
|
|
873
|
-
* @description function that returns custom style for a row, or an object assigning custom style for every row
|
|
874
|
-
*/
|
|
875
519
|
rowStyle: PropType<TableProps<DefaultRow>["rowStyle"]>;
|
|
876
|
-
/**
|
|
877
|
-
* @description function that returns custom class names for a cell, or a string assigning class names for every cell
|
|
878
|
-
*/
|
|
879
520
|
cellClassName: PropType<TableProps<DefaultRow>["cellClassName"]>;
|
|
880
|
-
/**
|
|
881
|
-
* @description function that returns custom style for a cell, or an object assigning custom style for every cell
|
|
882
|
-
*/
|
|
883
521
|
cellStyle: PropType<TableProps<DefaultRow>["cellStyle"]>;
|
|
884
|
-
/**
|
|
885
|
-
* @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header
|
|
886
|
-
*/
|
|
887
522
|
headerRowClassName: PropType<TableProps<DefaultRow>["headerRowClassName"]>;
|
|
888
|
-
/**
|
|
889
|
-
* @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header
|
|
890
|
-
*/
|
|
891
523
|
headerRowStyle: PropType<TableProps<DefaultRow>["headerRowStyle"]>;
|
|
892
|
-
/**
|
|
893
|
-
* @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header
|
|
894
|
-
*/
|
|
895
524
|
headerCellClassName: PropType<TableProps<DefaultRow>["headerCellClassName"]>;
|
|
896
|
-
/**
|
|
897
|
-
* @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header
|
|
898
|
-
*/
|
|
899
525
|
headerCellStyle: PropType<TableProps<DefaultRow>["headerCellStyle"]>;
|
|
900
|
-
/**
|
|
901
|
-
* @description key of current row, a set only prop
|
|
902
|
-
*/
|
|
903
526
|
currentRowKey: (NumberConstructor | StringConstructor)[];
|
|
904
|
-
/**
|
|
905
|
-
* @description displayed text when data is empty. You can customize this area with `#empty`
|
|
906
|
-
*/
|
|
907
527
|
emptyText: StringConstructor;
|
|
908
|
-
/**
|
|
909
|
-
* @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop
|
|
910
|
-
*/
|
|
911
528
|
expandRowKeys: PropType<TableProps<DefaultRow>["expandRowKeys"]>;
|
|
912
|
-
/** @description controls whether a row can be expanded */
|
|
913
529
|
rowExpandable: PropType<TableProps<DefaultRow>["rowExpandable"]>;
|
|
914
|
-
/**
|
|
915
|
-
* @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
|
|
916
|
-
*/
|
|
917
530
|
defaultExpandAll: BooleanConstructor;
|
|
918
|
-
/**
|
|
919
|
-
* @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
|
|
920
|
-
*/
|
|
921
531
|
defaultSort: PropType<TableProps<DefaultRow>["defaultSort"]>;
|
|
922
|
-
/**
|
|
923
|
-
* @description the `effect` of the overflow tooltip
|
|
924
|
-
*/
|
|
925
532
|
tooltipEffect: StringConstructor;
|
|
926
|
-
/**
|
|
927
|
-
* @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)
|
|
928
|
-
*/
|
|
929
533
|
tooltipOptions: PropType<TableProps<DefaultRow>["tooltipOptions"]>;
|
|
930
|
-
/**
|
|
931
|
-
* @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected
|
|
932
|
-
*/
|
|
933
534
|
selectOnIndeterminate: {
|
|
934
535
|
type: BooleanConstructor;
|
|
935
536
|
default: boolean;
|
|
936
537
|
};
|
|
937
|
-
/**
|
|
938
|
-
* @description horizontal indentation of tree data
|
|
939
|
-
*/
|
|
940
538
|
indent: {
|
|
941
539
|
type: NumberConstructor;
|
|
942
540
|
default: number;
|
|
943
541
|
};
|
|
944
|
-
/**
|
|
945
|
-
* @description configuration for rendering nested data
|
|
946
|
-
*/
|
|
947
542
|
treeProps: {
|
|
948
|
-
type: PropType<TreeProps>;
|
|
543
|
+
type: PropType<import("./table").TreeProps>;
|
|
949
544
|
default: () => {
|
|
950
545
|
hasChildren: string;
|
|
951
546
|
children: string;
|
|
952
547
|
checkStrictly: boolean;
|
|
953
548
|
};
|
|
954
549
|
};
|
|
955
|
-
/**
|
|
956
|
-
* @description whether to lazy loading data
|
|
957
|
-
*/
|
|
958
550
|
lazy: BooleanConstructor;
|
|
959
|
-
/**
|
|
960
|
-
* @description method for loading child row data, only works when `lazy` is true
|
|
961
|
-
*/
|
|
962
551
|
load: PropType<TableProps<DefaultRow>["load"]>;
|
|
963
552
|
style: {
|
|
964
|
-
type: PropType<CSSProperties>;
|
|
965
|
-
default: () =>
|
|
553
|
+
type: PropType<import("vue").CSSProperties>;
|
|
554
|
+
default: () => import("vue").CSSProperties;
|
|
966
555
|
};
|
|
967
556
|
className: {
|
|
968
557
|
type: StringConstructor;
|
|
969
558
|
default: string;
|
|
970
559
|
};
|
|
971
|
-
/**
|
|
972
|
-
* @description sets the algorithm used to lay out table cells, rows, and columns
|
|
973
|
-
*/
|
|
974
560
|
tableLayout: {
|
|
975
|
-
type: PropType<
|
|
561
|
+
type: PropType<"fixed" | "auto">;
|
|
976
562
|
default: string;
|
|
977
563
|
};
|
|
978
|
-
/**
|
|
979
|
-
* @description always show scrollbar
|
|
980
|
-
*/
|
|
981
564
|
scrollbarAlwaysOn: BooleanConstructor;
|
|
982
|
-
/**
|
|
983
|
-
* @description ensure main axis minimum-size doesn't follow the content
|
|
984
|
-
*/
|
|
985
565
|
flexible: BooleanConstructor;
|
|
986
|
-
/**
|
|
987
|
-
* @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns
|
|
988
|
-
*/
|
|
989
566
|
showOverflowTooltip: PropType<TableProps<DefaultRow>["showOverflowTooltip"]>;
|
|
990
|
-
/** @description formats overflow tooltip content */
|
|
991
567
|
tooltipFormatter: PropType<TableProps<DefaultRow>["tooltipFormatter"]>;
|
|
992
|
-
/** @description element to which the filter panel is appended */
|
|
993
568
|
appendFilterPanelTo: StringConstructor;
|
|
994
569
|
scrollbarTabindex: {
|
|
995
570
|
type: (NumberConstructor | StringConstructor)[];
|
|
996
571
|
default: undefined;
|
|
997
572
|
};
|
|
998
|
-
/** @description whether the last column can be resized */
|
|
999
573
|
allowDragLastColumn: {
|
|
1000
574
|
type: BooleanConstructor;
|
|
1001
575
|
default: boolean;
|
|
1002
576
|
};
|
|
1003
|
-
/** @description whether collapsed expanded-row content remains mounted */
|
|
1004
577
|
preserveExpandedContent: BooleanConstructor;
|
|
1005
|
-
/** @description whether to use native scrollbars */
|
|
1006
578
|
nativeScrollbar: BooleanConstructor;
|
|
1007
579
|
}>, {
|
|
1008
|
-
/**
|
|
580
|
+
/** 用于多选表格,清空用户的选择 */
|
|
1009
581
|
clearSelection: import("vue").ComputedRef<(() => void) | undefined>;
|
|
1010
|
-
/**
|
|
582
|
+
/** 返回当前选中的行 */
|
|
1011
583
|
getSelectionRows: import("vue").ComputedRef<(() => import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow[]) | undefined>;
|
|
1012
|
-
/**
|
|
584
|
+
/** 返回当前半选中的行。 */
|
|
1013
585
|
getHalfSelectionRows: import("vue").ComputedRef<(() => import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow[]) | undefined>;
|
|
1014
|
-
/**
|
|
586
|
+
/** 用于多选表格,切换某一行的选中状态, 如果使用了第二个参数,则可直接设置这一行选中与否 */
|
|
1015
587
|
toggleRowSelection: import("vue").ComputedRef<((row: import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow, selected?: boolean, ignoreSelectable?: boolean) => void) | undefined>;
|
|
1016
|
-
/**
|
|
588
|
+
/** 用于多选表格,切换全选和全不选 */
|
|
1017
589
|
toggleAllSelection: import("vue").ComputedRef<(() => void) | undefined>;
|
|
1018
|
-
/**
|
|
590
|
+
/** 用于可扩展的表格或树表格,如果某行被扩展,则切换。 使用第二个参数,您可以直接设置该行应该被扩展或折叠。 */
|
|
1019
591
|
toggleRowExpansion: import("vue").ComputedRef<((row: import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow, expanded?: boolean) => void) | undefined>;
|
|
1020
|
-
/**
|
|
592
|
+
/** 用于单选表格,设定某一行为选中行, 如果调用时不加参数,则会取消目前高亮行的选中状态。 */
|
|
1021
593
|
setCurrentRow: import("vue").ComputedRef<((row?: import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow | undefined) => void) | undefined>;
|
|
1022
|
-
/**
|
|
594
|
+
/** 用于清空排序条件,数据会恢复成未排序的状态 */
|
|
1023
595
|
clearSort: import("vue").ComputedRef<(() => void) | undefined>;
|
|
1024
|
-
/**
|
|
596
|
+
/** 传入由columnKey 组成的数组以清除指定列的过滤条件。 如果没有参数,清除所有过滤器 */
|
|
1025
597
|
clearFilter: import("vue").ComputedRef<((columnKeys?: string[] | string) => void) | undefined>;
|
|
1026
|
-
/**
|
|
598
|
+
/** 对 Table 进行重新布局。 当表格可见性变化时,您可能需要调用此方法以获得正确的布局 */
|
|
1027
599
|
doLayout: import("vue").ComputedRef<(() => void) | undefined>;
|
|
1028
|
-
/**
|
|
600
|
+
/** 手动排序表格。 参数 prop 属性指定排序列,order 指定排序顺序。 */
|
|
1029
601
|
sort: import("vue").ComputedRef<((prop: string, order: string) => void) | undefined>;
|
|
1030
|
-
/**
|
|
602
|
+
/** 滚动到一组特定坐标 */
|
|
1031
603
|
scrollTo: import("vue").ComputedRef<((options: ScrollToOptions | number, yCoord?: number) => void) | undefined>;
|
|
1032
|
-
/**
|
|
604
|
+
/** 设置垂直滚动位置 */
|
|
1033
605
|
setScrollTop: import("vue").ComputedRef<((top?: number) => void) | undefined>;
|
|
1034
|
-
/**
|
|
606
|
+
/** 设置水平滚动位置 */
|
|
1035
607
|
setScrollLeft: import("vue").ComputedRef<((left?: number) => void) | undefined>;
|
|
1036
|
-
/**
|
|
608
|
+
/** 获取表列的 context */
|
|
1037
609
|
columns: import("vue").ComputedRef<TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>[] | undefined>;
|
|
1038
|
-
/**
|
|
610
|
+
/** 适用于 lazy Table, 需要设置 rowKey, 更新 key children */
|
|
1039
611
|
updateKeyChildren: import("vue").ComputedRef<((key: string, data: import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow[]) => void) | undefined>;
|
|
1040
|
-
/**
|
|
1041
|
-
loading: import("vue").
|
|
1042
|
-
/**
|
|
612
|
+
/** 聚合加载状态;手动关闭不能结束内部任务。 */
|
|
613
|
+
loading: import("vue").WritableComputedRef<boolean, boolean>;
|
|
614
|
+
/** 表格数据 */
|
|
1043
615
|
tableData: import("vue").ComputedRef<DefaultRow[]>;
|
|
1044
|
-
/**
|
|
616
|
+
/** 分页数据 */
|
|
1045
617
|
tablePagination: import("vue").ComputedRef<{
|
|
1046
618
|
pageIndex: number;
|
|
1047
619
|
pageSize: number;
|
|
1048
620
|
totalRows: number;
|
|
1049
621
|
}>;
|
|
1050
|
-
/**
|
|
622
|
+
/** 搜索参数 */
|
|
1051
623
|
searchParam: import("vue").ComputedRef<PagedInput>;
|
|
1052
|
-
/**
|
|
624
|
+
/** 选中状态 */
|
|
1053
625
|
selected: import("vue").ComputedRef<boolean>;
|
|
1054
|
-
/**
|
|
626
|
+
/** 选中数据列表 */
|
|
1055
627
|
selectedList: import("vue").ComputedRef<DefaultRow[]>;
|
|
1056
|
-
/**
|
|
628
|
+
/** 选中数据 rowKey 列表 */
|
|
1057
629
|
selectedListIds: import("vue").ComputedRef<(string | number)[]>;
|
|
1058
|
-
/**
|
|
630
|
+
/** 部分选中数据 rowKey 列表 */
|
|
1059
631
|
indeterminateSelectedListIds: import("vue").ComputedRef<(string | number)[]>;
|
|
1060
|
-
/**
|
|
632
|
+
/** 表格宽度 */
|
|
1061
633
|
tableWidth: import("vue").ComputedRef<number>;
|
|
1062
|
-
/**
|
|
634
|
+
/** 表格高度 */
|
|
1063
635
|
tableHeight: import("vue").ComputedRef<number>;
|
|
1064
|
-
/**
|
|
636
|
+
/** 部分选中(样式不一样而已),用于多选表格,切换某一行的选中状态, 如果使用了第二个参数,则可直接设置这一行选中与否 */
|
|
1065
637
|
toggleRowIndeterminateSelection: (row: DefaultRow, selected?: boolean) => void;
|
|
1066
|
-
/**
|
|
638
|
+
/** 异步方法,刷新表格 */
|
|
1067
639
|
refresh: () => Promise<void>;
|
|
1068
|
-
/**
|
|
640
|
+
/** 异步方法,重置表格 */
|
|
1069
641
|
reset: () => Promise<void>;
|
|
1070
|
-
/**
|
|
642
|
+
/** 对 Table 进行重新渲染。当 TableKey 发生变化的时候可以通过此方法重新渲染表格 */
|
|
1071
643
|
doRender: () => Promise<void>;
|
|
1072
|
-
/**
|
|
644
|
+
/** Table 加载 */
|
|
1073
645
|
doLoading: (loadingFunction: () => void | Promise<void>, loadingText?: string) => Promise<void>;
|
|
1074
646
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1075
|
-
/**
|
|
647
|
+
/** 当用户手动勾选数据行的 Checkbox 时触发的事件 */
|
|
1076
648
|
select: (selection: DefaultRow[], row: DefaultRow) => boolean;
|
|
1077
|
-
/**
|
|
649
|
+
/** 当用户手动勾选全选 Checkbox 时触发的事件 */
|
|
1078
650
|
selectAll: (selection: DefaultRow[]) => boolean;
|
|
1079
|
-
/**
|
|
651
|
+
/** 当选择项发生变化时会触发该事件 */
|
|
1080
652
|
selectionChange: (newSelection: DefaultRow[]) => boolean;
|
|
1081
|
-
/**
|
|
653
|
+
/** 当单元格 hover 进入时会触发该事件 */
|
|
1082
654
|
cellMouseEnter: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
1083
|
-
/**
|
|
655
|
+
/** 当单元格 hover 退出时会触发该事件 */
|
|
1084
656
|
cellMouseLeave: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
1085
|
-
/**
|
|
657
|
+
/** 当某个单元格被点击时会触发该事件 */
|
|
1086
658
|
cellClick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
1087
|
-
/**
|
|
659
|
+
/** 当某个单元格被双击击时会触发该事件 */
|
|
1088
660
|
cellDblclick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
1089
|
-
/**
|
|
661
|
+
/** 当某个单元格被鼠标右键点击时会触发该事件 */
|
|
1090
662
|
cellContextmenu: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, cell: HTMLTableCellElement, event: Event) => boolean;
|
|
1091
|
-
/**
|
|
663
|
+
/** 当某一行被点击时会触发该事件 */
|
|
1092
664
|
rowClick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
1093
|
-
/**
|
|
665
|
+
/** 当某一行被鼠标右键点击时会触发该事件 */
|
|
1094
666
|
rowContextmenu: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
1095
|
-
/**
|
|
667
|
+
/** 当某一行被双击时会触发该事件 */
|
|
1096
668
|
rowDblclick: (row: DefaultRow, column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
1097
|
-
/**
|
|
669
|
+
/** 当某一列的表头被点击时会触发该事件 */
|
|
1098
670
|
headerClick: (column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
1099
|
-
/**
|
|
671
|
+
/** 当某一列的表头被鼠标右键点击时触发该事件 */
|
|
1100
672
|
headerContextmenu: (column: TableColumnCtx<DefaultRow>, event: Event) => boolean;
|
|
1101
|
-
/**
|
|
673
|
+
/** 当表格的排序条件发生变化的时候会触发该事件 */
|
|
1102
674
|
sortChange: (data: {
|
|
1103
675
|
column: TableColumnCtx<DefaultRow>;
|
|
1104
676
|
prop: string;
|
|
1105
677
|
order: "" | "ascending" | "descending";
|
|
1106
678
|
}) => boolean;
|
|
1107
|
-
/**
|
|
679
|
+
/** column 的 key, 如果需要使用 filter-change 事件,则需要此属性标识是哪个 column 的筛选条件 */
|
|
1108
680
|
filterChange: (newFilters: Record<string, string[]>) => boolean;
|
|
1109
|
-
/**
|
|
681
|
+
/** 当表格的当前行发生变化的时候会触发该事件,如果要高亮当前行,请打开表格的 highlight-current-row 属性 */
|
|
1110
682
|
currentChange: (currentRow: DefaultRow, oldCurrentRow: DefaultRow | null) => boolean;
|
|
1111
|
-
/**
|
|
683
|
+
/** 当拖动表头改变了列的宽度的时候会触发该事件 */
|
|
1112
684
|
headerDragend: (newWidth: number, oldWidth: number, column: TableColumnCtx<DefaultRow>, event: MouseEvent) => boolean;
|
|
1113
|
-
/**
|
|
685
|
+
/** 当用户对某一行展开或者关闭的时候会触发该事件(展开行时,回调的第二个参数为 expandedRows;树形表格时第二参数为 expanded) */
|
|
1114
686
|
expandChange: (row: DefaultRow, expanded: boolean | DefaultRow[]) => boolean;
|
|
1115
|
-
/**
|
|
687
|
+
/** 表格滚动时触发 */
|
|
1116
688
|
scroll: (data: {
|
|
1117
689
|
scrollLeft: number;
|
|
1118
690
|
scrollTop: number;
|
|
1119
691
|
}) => boolean;
|
|
1120
|
-
/**
|
|
692
|
+
/** 表格刷新事件 */
|
|
1121
693
|
refresh: (params: PagedInput) => boolean;
|
|
1122
|
-
/**
|
|
694
|
+
/** 表格重置事件 */
|
|
1123
695
|
reset: (params: PagedInput) => boolean;
|
|
1124
|
-
/**
|
|
696
|
+
/** 分页页码改变事件 */
|
|
1125
697
|
sizeChange: (pageSize: number) => boolean;
|
|
1126
|
-
/**
|
|
698
|
+
/** 分页改变事件 */
|
|
1127
699
|
paginationChange: (pageIndex: number, pageSize: number) => boolean;
|
|
1128
|
-
/**
|
|
700
|
+
/** 自定义单元格点击事件 */
|
|
1129
701
|
customCellClick: (emitName: string, { row, column, $index }: {
|
|
1130
702
|
row: DefaultRow;
|
|
1131
703
|
column: FaTableColumnCtx;
|
|
1132
704
|
$index: number;
|
|
1133
705
|
} & FaTableDefaultSlotsResult) => boolean;
|
|
1134
706
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1135
|
-
/**
|
|
707
|
+
/** whether Table has vertical border */
|
|
1136
708
|
border: {
|
|
1137
709
|
type: BooleanConstructor;
|
|
1138
710
|
default: boolean;
|
|
1139
711
|
};
|
|
1140
|
-
/**
|
|
712
|
+
/** whether current row is highlighted */
|
|
1141
713
|
highlightCurrentRow: {
|
|
1142
714
|
type: BooleanConstructor;
|
|
1143
715
|
default: boolean;
|
|
1144
716
|
};
|
|
1145
|
-
/**
|
|
717
|
+
/** key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
|
|
1146
718
|
rowKey: {
|
|
1147
719
|
type: PropType<NonNullable<TableProps<DefaultRow>["rowKey"]>>;
|
|
1148
720
|
default: string;
|
|
1149
721
|
};
|
|
1150
|
-
/**
|
|
722
|
+
/** 组件封装,原生的已经失效 method that returns rowspan and colspan */
|
|
1151
723
|
spanMethod: {
|
|
1152
724
|
type: PropType<TableProps<DefaultRow>["spanMethod"]>;
|
|
1153
725
|
validator: () => boolean;
|
|
1154
726
|
};
|
|
1155
|
-
/**
|
|
727
|
+
/** 表格Key */
|
|
1156
728
|
tableKey: {
|
|
1157
729
|
type: StringConstructor;
|
|
1158
730
|
default: () => string;
|
|
1159
731
|
};
|
|
1160
|
-
/**
|
|
732
|
+
/** 表格数据 */
|
|
1161
733
|
data: {
|
|
1162
734
|
type: PropType<DefaultRow[]>;
|
|
1163
735
|
default: () => never[];
|
|
1164
736
|
};
|
|
1165
|
-
/**
|
|
737
|
+
/** 请求数据的函数 */
|
|
1166
738
|
requestApi: {
|
|
1167
739
|
type: PropType<(params?: PagedInput) => Promise<PagedResult<DefaultRow> | DefaultRow[]>>;
|
|
1168
740
|
};
|
|
1169
|
-
/**
|
|
741
|
+
/** 接口请求数据回调 */
|
|
1170
742
|
dataCallback: {
|
|
1171
743
|
type: PropType<(data: PagedResult<DefaultRow> | DefaultRow[]) => void>;
|
|
1172
744
|
};
|
|
1173
745
|
/** 初始化参数 */
|
|
1174
746
|
initParam: PropType<string | number | PagedInput | null>;
|
|
1175
|
-
/**
|
|
747
|
+
/** 列配置 */
|
|
1176
748
|
columns: {
|
|
1177
749
|
type: PropType<false | FaTableColumnCtx[]>;
|
|
1178
750
|
default: () => boolean;
|
|
1179
751
|
};
|
|
1180
|
-
/**
|
|
752
|
+
/** 表格列改变 */
|
|
1181
753
|
columnsChange: {
|
|
1182
754
|
type: PropType<(columns: FaTableColumnCtx[]) => Promise<void>>;
|
|
1183
755
|
};
|
|
1184
|
-
/**
|
|
756
|
+
/** 搜索表单 Grid布局列配置 */
|
|
1185
757
|
searchFormCols: {
|
|
1186
758
|
type: PropType<string | number | Record<FaLayoutGridBreakpoint, number>>;
|
|
1187
759
|
default: () => {
|
|
@@ -1192,74 +764,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1192
764
|
xl: number;
|
|
1193
765
|
};
|
|
1194
766
|
};
|
|
1195
|
-
/**
|
|
767
|
+
/** 折叠搜索 */
|
|
1196
768
|
collapsedSearch: {
|
|
1197
769
|
type: BooleanConstructor;
|
|
1198
770
|
default: boolean;
|
|
1199
771
|
};
|
|
1200
|
-
/**
|
|
772
|
+
/** 高级搜索抽屉 */
|
|
1201
773
|
advancedSearchDrawer: {
|
|
1202
774
|
type: BooleanConstructor;
|
|
1203
775
|
default: boolean;
|
|
1204
776
|
};
|
|
1205
|
-
/**
|
|
777
|
+
/** 搜索表单 */
|
|
1206
778
|
searchForm: {
|
|
1207
779
|
type: BooleanConstructor;
|
|
1208
780
|
default: boolean;
|
|
1209
781
|
};
|
|
1210
|
-
/**
|
|
782
|
+
/** 头部卡片 */
|
|
1211
783
|
headerCard: {
|
|
1212
784
|
type: BooleanConstructor;
|
|
1213
785
|
default: boolean;
|
|
1214
786
|
};
|
|
1215
|
-
/**
|
|
787
|
+
/** 刷新按钮 */
|
|
1216
788
|
refreshBtn: {
|
|
1217
789
|
type: BooleanConstructor;
|
|
1218
790
|
default: boolean;
|
|
1219
791
|
};
|
|
1220
|
-
/**
|
|
792
|
+
/** 搜索按钮 */
|
|
1221
793
|
searchBtn: {
|
|
1222
794
|
type: BooleanConstructor;
|
|
1223
795
|
default: boolean;
|
|
1224
796
|
};
|
|
1225
|
-
/**
|
|
797
|
+
/** 列配置按钮 */
|
|
1226
798
|
columnSettingBtn: {
|
|
1227
799
|
type: BooleanConstructor;
|
|
1228
800
|
default: boolean;
|
|
1229
801
|
};
|
|
1230
|
-
/**
|
|
802
|
+
/** 头部卡片右侧功能按钮 */
|
|
1231
803
|
toolBtn: {
|
|
1232
804
|
type: BooleanConstructor;
|
|
1233
805
|
default: boolean;
|
|
1234
806
|
};
|
|
1235
|
-
/**
|
|
807
|
+
/** 隐藏搜索时间 */
|
|
1236
808
|
hideSearchTime: BooleanConstructor;
|
|
1237
|
-
/**
|
|
809
|
+
/** 未来搜索时间 */
|
|
1238
810
|
futureSearchTime: BooleanConstructor;
|
|
1239
|
-
/**
|
|
811
|
+
/** 搜索时间范围 */
|
|
1240
812
|
dataSearchRange: {
|
|
1241
813
|
type: PropType<FaTableDataRange>;
|
|
1242
814
|
default: string;
|
|
1243
815
|
};
|
|
1244
|
-
/**
|
|
816
|
+
/** 分页 */
|
|
1245
817
|
pagination: {
|
|
1246
818
|
type: BooleanConstructor;
|
|
1247
819
|
default: boolean;
|
|
1248
820
|
};
|
|
1249
|
-
/**
|
|
821
|
+
/** 页码 */
|
|
1250
822
|
pageSizes: {
|
|
1251
823
|
type: PropType<number[]>;
|
|
1252
824
|
default: number[];
|
|
1253
825
|
};
|
|
1254
|
-
/**
|
|
826
|
+
/** 隐藏图片 */
|
|
1255
827
|
hideImage: BooleanConstructor;
|
|
1256
|
-
/**
|
|
828
|
+
/** 单选 */
|
|
1257
829
|
single: BooleanConstructor;
|
|
1258
|
-
/**
|
|
830
|
+
/** 行点击选择 */
|
|
1259
831
|
rowClickSelection: BooleanConstructor;
|
|
1260
|
-
/**
|
|
832
|
+
/** 将父级数据的 children 展开为表格行,并把父级字段合并到子项;Element Plus 树表无需启用 */
|
|
1261
833
|
treeData: BooleanConstructor;
|
|
1262
|
-
/**
|
|
834
|
+
/** 配置选项 */
|
|
1263
835
|
props: {
|
|
1264
836
|
type: PropType<{
|
|
1265
837
|
span?: string;
|
|
@@ -1270,19 +842,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1270
842
|
children: string;
|
|
1271
843
|
};
|
|
1272
844
|
};
|
|
1273
|
-
/**
|
|
845
|
+
/** 自动刷新,当传入 data 时候,如果存在更改则自动刷新 */
|
|
1274
846
|
autoRefresh: {
|
|
1275
847
|
type: BooleanConstructor;
|
|
1276
848
|
default: boolean;
|
|
1277
849
|
};
|
|
1278
850
|
/**
|
|
1279
851
|
* 等价于 Table-Column 的 selectable
|
|
1280
|
-
*
|
|
852
|
+
* function that determines if a certain row can be selected, works when `type` is 'selection'
|
|
1281
853
|
*/
|
|
1282
854
|
rowSelectable: PropType<TableColumnCtx<DefaultRow>["selectable"]>;
|
|
1283
|
-
/**
|
|
1284
|
-
* @description size of Table
|
|
1285
|
-
*/
|
|
1286
855
|
size: {
|
|
1287
856
|
readonly type: PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
|
|
1288
857
|
readonly required: false;
|
|
@@ -1290,182 +859,80 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1290
859
|
__epPropKey: true;
|
|
1291
860
|
};
|
|
1292
861
|
width: (NumberConstructor | StringConstructor)[];
|
|
1293
|
-
/**
|
|
1294
|
-
* @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
|
|
1295
|
-
*/
|
|
1296
862
|
height: (NumberConstructor | StringConstructor)[];
|
|
1297
|
-
/**
|
|
1298
|
-
* @description table's max-height. The legal value is a number or the height in px
|
|
1299
|
-
*/
|
|
1300
863
|
maxHeight: (NumberConstructor | StringConstructor)[];
|
|
1301
|
-
/**
|
|
1302
|
-
* @description whether width of column automatically fits its container
|
|
1303
|
-
*/
|
|
1304
864
|
fit: {
|
|
1305
865
|
type: BooleanConstructor;
|
|
1306
866
|
default: boolean;
|
|
1307
867
|
};
|
|
1308
|
-
/**
|
|
1309
|
-
* @description whether Table is striped
|
|
1310
|
-
*/
|
|
1311
868
|
stripe: BooleanConstructor;
|
|
1312
|
-
/**
|
|
1313
|
-
* @description whether Table header is visible
|
|
1314
|
-
*/
|
|
1315
869
|
showHeader: {
|
|
1316
870
|
type: BooleanConstructor;
|
|
1317
871
|
default: boolean;
|
|
1318
872
|
};
|
|
1319
|
-
/**
|
|
1320
|
-
* @description whether to display a summary row
|
|
1321
|
-
*/
|
|
1322
873
|
showSummary: BooleanConstructor;
|
|
1323
|
-
/**
|
|
1324
|
-
* @description displayed text for the first column of summary row
|
|
1325
|
-
*/
|
|
1326
874
|
sumText: StringConstructor;
|
|
1327
|
-
/**
|
|
1328
|
-
* @description custom summary method
|
|
1329
|
-
*/
|
|
1330
875
|
summaryMethod: PropType<TableProps<DefaultRow>["summaryMethod"]>;
|
|
1331
|
-
/**
|
|
1332
|
-
* @description function that returns custom class names for a row, or a string assigning class names for every row
|
|
1333
|
-
*/
|
|
1334
876
|
rowClassName: PropType<TableProps<DefaultRow>["rowClassName"]>;
|
|
1335
|
-
/**
|
|
1336
|
-
* @description function that returns custom style for a row, or an object assigning custom style for every row
|
|
1337
|
-
*/
|
|
1338
877
|
rowStyle: PropType<TableProps<DefaultRow>["rowStyle"]>;
|
|
1339
|
-
/**
|
|
1340
|
-
* @description function that returns custom class names for a cell, or a string assigning class names for every cell
|
|
1341
|
-
*/
|
|
1342
878
|
cellClassName: PropType<TableProps<DefaultRow>["cellClassName"]>;
|
|
1343
|
-
/**
|
|
1344
|
-
* @description function that returns custom style for a cell, or an object assigning custom style for every cell
|
|
1345
|
-
*/
|
|
1346
879
|
cellStyle: PropType<TableProps<DefaultRow>["cellStyle"]>;
|
|
1347
|
-
/**
|
|
1348
|
-
* @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header
|
|
1349
|
-
*/
|
|
1350
880
|
headerRowClassName: PropType<TableProps<DefaultRow>["headerRowClassName"]>;
|
|
1351
|
-
/**
|
|
1352
|
-
* @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header
|
|
1353
|
-
*/
|
|
1354
881
|
headerRowStyle: PropType<TableProps<DefaultRow>["headerRowStyle"]>;
|
|
1355
|
-
/**
|
|
1356
|
-
* @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header
|
|
1357
|
-
*/
|
|
1358
882
|
headerCellClassName: PropType<TableProps<DefaultRow>["headerCellClassName"]>;
|
|
1359
|
-
/**
|
|
1360
|
-
* @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header
|
|
1361
|
-
*/
|
|
1362
883
|
headerCellStyle: PropType<TableProps<DefaultRow>["headerCellStyle"]>;
|
|
1363
|
-
/**
|
|
1364
|
-
* @description key of current row, a set only prop
|
|
1365
|
-
*/
|
|
1366
884
|
currentRowKey: (NumberConstructor | StringConstructor)[];
|
|
1367
|
-
/**
|
|
1368
|
-
* @description displayed text when data is empty. You can customize this area with `#empty`
|
|
1369
|
-
*/
|
|
1370
885
|
emptyText: StringConstructor;
|
|
1371
|
-
/**
|
|
1372
|
-
* @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop
|
|
1373
|
-
*/
|
|
1374
886
|
expandRowKeys: PropType<TableProps<DefaultRow>["expandRowKeys"]>;
|
|
1375
|
-
/** @description controls whether a row can be expanded */
|
|
1376
887
|
rowExpandable: PropType<TableProps<DefaultRow>["rowExpandable"]>;
|
|
1377
|
-
/**
|
|
1378
|
-
* @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
|
|
1379
|
-
*/
|
|
1380
888
|
defaultExpandAll: BooleanConstructor;
|
|
1381
|
-
/**
|
|
1382
|
-
* @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
|
|
1383
|
-
*/
|
|
1384
889
|
defaultSort: PropType<TableProps<DefaultRow>["defaultSort"]>;
|
|
1385
|
-
/**
|
|
1386
|
-
* @description the `effect` of the overflow tooltip
|
|
1387
|
-
*/
|
|
1388
890
|
tooltipEffect: StringConstructor;
|
|
1389
|
-
/**
|
|
1390
|
-
* @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)
|
|
1391
|
-
*/
|
|
1392
891
|
tooltipOptions: PropType<TableProps<DefaultRow>["tooltipOptions"]>;
|
|
1393
|
-
/**
|
|
1394
|
-
* @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected
|
|
1395
|
-
*/
|
|
1396
892
|
selectOnIndeterminate: {
|
|
1397
893
|
type: BooleanConstructor;
|
|
1398
894
|
default: boolean;
|
|
1399
895
|
};
|
|
1400
|
-
/**
|
|
1401
|
-
* @description horizontal indentation of tree data
|
|
1402
|
-
*/
|
|
1403
896
|
indent: {
|
|
1404
897
|
type: NumberConstructor;
|
|
1405
898
|
default: number;
|
|
1406
899
|
};
|
|
1407
|
-
/**
|
|
1408
|
-
* @description configuration for rendering nested data
|
|
1409
|
-
*/
|
|
1410
900
|
treeProps: {
|
|
1411
|
-
type: PropType<TreeProps>;
|
|
901
|
+
type: PropType<import("./table").TreeProps>;
|
|
1412
902
|
default: () => {
|
|
1413
903
|
hasChildren: string;
|
|
1414
904
|
children: string;
|
|
1415
905
|
checkStrictly: boolean;
|
|
1416
906
|
};
|
|
1417
907
|
};
|
|
1418
|
-
/**
|
|
1419
|
-
* @description whether to lazy loading data
|
|
1420
|
-
*/
|
|
1421
908
|
lazy: BooleanConstructor;
|
|
1422
|
-
/**
|
|
1423
|
-
* @description method for loading child row data, only works when `lazy` is true
|
|
1424
|
-
*/
|
|
1425
909
|
load: PropType<TableProps<DefaultRow>["load"]>;
|
|
1426
910
|
style: {
|
|
1427
|
-
type: PropType<CSSProperties>;
|
|
1428
|
-
default: () =>
|
|
911
|
+
type: PropType<import("vue").CSSProperties>;
|
|
912
|
+
default: () => import("vue").CSSProperties;
|
|
1429
913
|
};
|
|
1430
914
|
className: {
|
|
1431
915
|
type: StringConstructor;
|
|
1432
916
|
default: string;
|
|
1433
917
|
};
|
|
1434
|
-
/**
|
|
1435
|
-
* @description sets the algorithm used to lay out table cells, rows, and columns
|
|
1436
|
-
*/
|
|
1437
918
|
tableLayout: {
|
|
1438
|
-
type: PropType<
|
|
919
|
+
type: PropType<"fixed" | "auto">;
|
|
1439
920
|
default: string;
|
|
1440
921
|
};
|
|
1441
|
-
/**
|
|
1442
|
-
* @description always show scrollbar
|
|
1443
|
-
*/
|
|
1444
922
|
scrollbarAlwaysOn: BooleanConstructor;
|
|
1445
|
-
/**
|
|
1446
|
-
* @description ensure main axis minimum-size doesn't follow the content
|
|
1447
|
-
*/
|
|
1448
923
|
flexible: BooleanConstructor;
|
|
1449
|
-
/**
|
|
1450
|
-
* @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns
|
|
1451
|
-
*/
|
|
1452
924
|
showOverflowTooltip: PropType<TableProps<DefaultRow>["showOverflowTooltip"]>;
|
|
1453
|
-
/** @description formats overflow tooltip content */
|
|
1454
925
|
tooltipFormatter: PropType<TableProps<DefaultRow>["tooltipFormatter"]>;
|
|
1455
|
-
/** @description element to which the filter panel is appended */
|
|
1456
926
|
appendFilterPanelTo: StringConstructor;
|
|
1457
927
|
scrollbarTabindex: {
|
|
1458
928
|
type: (NumberConstructor | StringConstructor)[];
|
|
1459
929
|
default: undefined;
|
|
1460
930
|
};
|
|
1461
|
-
/** @description whether the last column can be resized */
|
|
1462
931
|
allowDragLastColumn: {
|
|
1463
932
|
type: BooleanConstructor;
|
|
1464
933
|
default: boolean;
|
|
1465
934
|
};
|
|
1466
|
-
/** @description whether collapsed expanded-row content remains mounted */
|
|
1467
935
|
preserveExpandedContent: BooleanConstructor;
|
|
1468
|
-
/** @description whether to use native scrollbars */
|
|
1469
936
|
nativeScrollbar: BooleanConstructor;
|
|
1470
937
|
}>> & Readonly<{
|
|
1471
938
|
onSelect?: ((selection: DefaultRow[], row: DefaultRow) => any) | undefined;
|
|
@@ -1505,7 +972,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1505
972
|
} & FaTableDefaultSlotsResult) => any) | undefined;
|
|
1506
973
|
}>, {
|
|
1507
974
|
data: DefaultRow[];
|
|
1508
|
-
style: CSSProperties;
|
|
975
|
+
style: import("vue").CSSProperties;
|
|
1509
976
|
props: {
|
|
1510
977
|
span?: string;
|
|
1511
978
|
children?: string;
|
|
@@ -1515,18 +982,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1515
982
|
border: boolean;
|
|
1516
983
|
lazy: boolean;
|
|
1517
984
|
columns: false | FaTableColumnCtx[];
|
|
985
|
+
rowKey: NonNullable<string | ((row: DefaultRow) => string) | undefined>;
|
|
986
|
+
scrollbarAlwaysOn: boolean;
|
|
1518
987
|
pagination: boolean;
|
|
1519
988
|
stripe: boolean;
|
|
1520
|
-
rowKey: NonNullable<string | ((row: DefaultRow) => string) | undefined>;
|
|
1521
989
|
showHeader: boolean;
|
|
1522
990
|
showSummary: boolean;
|
|
1523
991
|
highlightCurrentRow: boolean;
|
|
1524
992
|
defaultExpandAll: boolean;
|
|
1525
993
|
selectOnIndeterminate: boolean;
|
|
1526
994
|
indent: number;
|
|
1527
|
-
treeProps: TreeProps;
|
|
1528
|
-
tableLayout:
|
|
1529
|
-
scrollbarAlwaysOn: boolean;
|
|
995
|
+
treeProps: import("./table").TreeProps;
|
|
996
|
+
tableLayout: "fixed" | "auto";
|
|
1530
997
|
flexible: boolean;
|
|
1531
998
|
scrollbarTabindex: string | number;
|
|
1532
999
|
allowDragLastColumn: boolean;
|