fast-element-plus 2.0.19 → 2.0.21
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 +47 -20
- package/CONTRIBUTING.md +3 -4
- package/README.md +80 -27
- package/README.zh.md +66 -27
- package/dist/component.d.ts +110 -110
- 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 +6 -6
- package/dist/components/contextMenu/src/contextMenu.mjs +5 -5
- 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 +74 -74
- package/dist/components/dialog/src/dialog.mjs +31 -31
- package/dist/components/dialog/src/dialog.mjs.map +1 -1
- package/dist/components/drawer/src/drawer.d.ts +57 -57
- package/dist/components/drawer/src/drawer.mjs +24 -24
- 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 +18 -18
- package/dist/components/layoutGrid/src/layoutGridItem.mjs +8 -8
- package/dist/components/layoutGrid/src/layoutGridItem.mjs.map +1 -1
- package/dist/components/select/src/select.d.ts +88 -88
- package/dist/components/select/src/select.mjs +28 -28
- 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 +78 -84
- package/dist/components/selectPage/src/selectPage.mjs +49 -35
- 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 +160 -851
- package/dist/components/selectV2/src/selectV2.mjs +30 -338
- 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 +131 -327
- 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 +62 -213
- 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 +6 -6
- package/dist/components/table/utils/table.mjs.map +1 -1
- package/dist/components/tree/src/tree.d.ts +86 -86
- package/dist/components/tree/src/tree.mjs +46 -46
- package/dist/components/tree/src/tree.mjs.map +1 -1
- package/dist/components/treeSelect/src/treeSelect.d.ts +144 -150
- package/dist/components/treeSelect/src/treeSelect.mjs +55 -55
- 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 +17 -17
- 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 +23 -23
- 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.global.min.js +4 -4
- 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
|
@@ -3,13 +3,13 @@ import type { ComponentInternalInstance } from "vue";
|
|
|
3
3
|
import type { PagedInput } from "../../table";
|
|
4
4
|
import type { FilterNodeMethodFunction, TreeNode } from "./tree.props";
|
|
5
5
|
import type { ElTreeOutput } from "./tree.type";
|
|
6
|
-
/** FaTree 的运行时 Props
|
|
6
|
+
/** FaTree 的运行时 Props 定义 */
|
|
7
7
|
export declare const faTreeProps: {
|
|
8
8
|
/** 树节点筛选方法。 */
|
|
9
9
|
filterNodeMethod: {
|
|
10
10
|
type: import("vue").PropType<FilterNodeMethodFunction>;
|
|
11
11
|
};
|
|
12
|
-
/**
|
|
12
|
+
/** 是否禁用选择器;未指定时继承 ElForm 的禁用状态。 */
|
|
13
13
|
disabled: {
|
|
14
14
|
type: BooleanConstructor;
|
|
15
15
|
default: undefined;
|
|
@@ -19,56 +19,56 @@ export declare const faTreeProps: {
|
|
|
19
19
|
type: StringConstructor;
|
|
20
20
|
default: string;
|
|
21
21
|
};
|
|
22
|
-
/**
|
|
22
|
+
/** 是否默认展开所有节点 */
|
|
23
23
|
defaultExpandAll: {
|
|
24
24
|
type: BooleanConstructor;
|
|
25
25
|
default: boolean;
|
|
26
26
|
};
|
|
27
|
-
/**
|
|
27
|
+
/** 是否在点击节点的时候选中节点 */
|
|
28
28
|
checkOnClickNode: {
|
|
29
29
|
type: BooleanConstructor;
|
|
30
30
|
default: boolean;
|
|
31
31
|
};
|
|
32
|
-
/**
|
|
32
|
+
/** 是否高亮当前选中节点 */
|
|
33
33
|
highlightCurrent: {
|
|
34
34
|
type: BooleanConstructor;
|
|
35
35
|
default: boolean;
|
|
36
36
|
};
|
|
37
|
-
/**
|
|
37
|
+
/** 点击折叠节点,需要开启 'expandOnClickNode' */
|
|
38
38
|
collapseOnClickNode: BooleanConstructor;
|
|
39
|
-
/**
|
|
39
|
+
/** v-model 绑定值 */
|
|
40
40
|
modelValue: {
|
|
41
41
|
type: import("vue").PropType<string | number | boolean | object | null>;
|
|
42
42
|
default: undefined;
|
|
43
43
|
};
|
|
44
|
-
/**
|
|
44
|
+
/** v-model:label 绑定值 */
|
|
45
45
|
label: StringConstructor;
|
|
46
|
-
/**
|
|
46
|
+
/** 宽度 */
|
|
47
47
|
width: {
|
|
48
48
|
type: (NumberConstructor | StringConstructor)[];
|
|
49
49
|
default: number;
|
|
50
50
|
};
|
|
51
|
-
/**
|
|
51
|
+
/** 默认选择 */
|
|
52
52
|
defaultSelection: (NumberConstructor | StringConstructor)[];
|
|
53
|
-
/**
|
|
53
|
+
/** 标题 */
|
|
54
54
|
title: StringConstructor;
|
|
55
|
-
/**
|
|
55
|
+
/** 折叠 */
|
|
56
56
|
hamburger: BooleanConstructor;
|
|
57
|
-
/**
|
|
57
|
+
/** 隐藏全部 */
|
|
58
58
|
hideAll: BooleanConstructor;
|
|
59
|
-
/**
|
|
59
|
+
/** 隐藏过滤 */
|
|
60
60
|
hideFilter: BooleanConstructor;
|
|
61
|
-
/**
|
|
61
|
+
/** 全部值 */
|
|
62
62
|
allValue: {
|
|
63
63
|
type: import("vue").PropType<string | number | boolean | object | null>;
|
|
64
64
|
default: undefined;
|
|
65
65
|
};
|
|
66
|
-
/**
|
|
66
|
+
/** 树形数据 */
|
|
67
67
|
data: {
|
|
68
68
|
type: import("vue").PropType<ElTreeOutput<import("./tree.type").ElTreeValue, any>[]>;
|
|
69
69
|
default: () => never[];
|
|
70
70
|
};
|
|
71
|
-
/**
|
|
71
|
+
/** 请求数据的函数 */
|
|
72
72
|
requestApi: {
|
|
73
73
|
type: import("vue").PropType<(params?: string | number | PagedInput) => Promise<ElTreeOutput[]>>;
|
|
74
74
|
};
|
|
@@ -145,17 +145,17 @@ export declare const faTreeProps: {
|
|
|
145
145
|
__epPropKey: true;
|
|
146
146
|
};
|
|
147
147
|
};
|
|
148
|
-
/** FaTree 的运行时 Emits
|
|
148
|
+
/** FaTree 的运行时 Emits 定义 */
|
|
149
149
|
export declare const faTreeEmits: {
|
|
150
|
-
/**
|
|
150
|
+
/** v-model 回调 */
|
|
151
151
|
"update:modelValue": (value: string | number | boolean | object | null | undefined) => boolean;
|
|
152
|
-
/**
|
|
152
|
+
/** v-model:label 回调 */
|
|
153
153
|
"update:label": (value: string) => boolean;
|
|
154
|
-
/**
|
|
154
|
+
/** 数据改变 */
|
|
155
155
|
dataChange: (data: ElTreeOutput[]) => boolean;
|
|
156
|
-
/**
|
|
156
|
+
/** 选中数据改变 */
|
|
157
157
|
change: (_data: ElTreeOutput, _node: TreeNode, _instance: ComponentInternalInstance, _event: MouseEvent) => boolean;
|
|
158
|
-
/**
|
|
158
|
+
/** 节点点击 */
|
|
159
159
|
"node-click": (_data: ElTreeOutput, _node: TreeNode, _instance: ComponentInternalInstance | null, _event: MouseEvent) => boolean;
|
|
160
160
|
'check-change': (data: any, checked: boolean, indeterminate: boolean) => any;
|
|
161
161
|
'current-change': (data: any | null, node: import("element-plus/es/components/tree/src/model/node.mjs").default | null) => boolean;
|
|
@@ -170,16 +170,16 @@ export declare const faTreeEmits: {
|
|
|
170
170
|
'node-drag-enter': (draggingNode: import("element-plus/es/components/tree/src/model/node.mjs").default, dropNode: import("element-plus/es/components/tree/src/model/node.mjs").default, evt: DragEvent) => DragEvent;
|
|
171
171
|
'node-drag-over': (draggingNode: import("element-plus/es/components/tree/src/model/node.mjs").default, dropNode: import("element-plus/es/components/tree/src/model/node.mjs").default, evt: DragEvent) => DragEvent;
|
|
172
172
|
};
|
|
173
|
-
/** FaTree
|
|
173
|
+
/** FaTree 的插槽参数 */
|
|
174
174
|
export interface FaTreeSlots extends Record<string, unknown> {
|
|
175
|
-
/**
|
|
175
|
+
/** 默认内容插槽 */
|
|
176
176
|
default: {
|
|
177
177
|
node: TreeNode;
|
|
178
178
|
data: ElTreeOutput;
|
|
179
179
|
};
|
|
180
|
-
/**
|
|
180
|
+
/** 当数据为空时自定义的内容 */
|
|
181
181
|
empty: never;
|
|
182
|
-
/**
|
|
182
|
+
/** 显示内容插槽 */
|
|
183
183
|
label: {
|
|
184
184
|
node: TreeNode;
|
|
185
185
|
data: ElTreeOutput;
|
|
@@ -190,7 +190,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
190
190
|
filterNodeMethod: {
|
|
191
191
|
type: import("vue").PropType<FilterNodeMethodFunction>;
|
|
192
192
|
};
|
|
193
|
-
/**
|
|
193
|
+
/** 是否禁用选择器;未指定时继承 ElForm 的禁用状态。 */
|
|
194
194
|
disabled: {
|
|
195
195
|
type: BooleanConstructor;
|
|
196
196
|
default: undefined;
|
|
@@ -200,56 +200,56 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
200
200
|
type: StringConstructor;
|
|
201
201
|
default: string;
|
|
202
202
|
};
|
|
203
|
-
/**
|
|
203
|
+
/** 是否默认展开所有节点 */
|
|
204
204
|
defaultExpandAll: {
|
|
205
205
|
type: BooleanConstructor;
|
|
206
206
|
default: boolean;
|
|
207
207
|
};
|
|
208
|
-
/**
|
|
208
|
+
/** 是否在点击节点的时候选中节点 */
|
|
209
209
|
checkOnClickNode: {
|
|
210
210
|
type: BooleanConstructor;
|
|
211
211
|
default: boolean;
|
|
212
212
|
};
|
|
213
|
-
/**
|
|
213
|
+
/** 是否高亮当前选中节点 */
|
|
214
214
|
highlightCurrent: {
|
|
215
215
|
type: BooleanConstructor;
|
|
216
216
|
default: boolean;
|
|
217
217
|
};
|
|
218
|
-
/**
|
|
218
|
+
/** 点击折叠节点,需要开启 'expandOnClickNode' */
|
|
219
219
|
collapseOnClickNode: BooleanConstructor;
|
|
220
|
-
/**
|
|
220
|
+
/** v-model 绑定值 */
|
|
221
221
|
modelValue: {
|
|
222
222
|
type: import("vue").PropType<string | number | boolean | object | null>;
|
|
223
223
|
default: undefined;
|
|
224
224
|
};
|
|
225
|
-
/**
|
|
225
|
+
/** v-model:label 绑定值 */
|
|
226
226
|
label: StringConstructor;
|
|
227
|
-
/**
|
|
227
|
+
/** 宽度 */
|
|
228
228
|
width: {
|
|
229
229
|
type: (NumberConstructor | StringConstructor)[];
|
|
230
230
|
default: number;
|
|
231
231
|
};
|
|
232
|
-
/**
|
|
232
|
+
/** 默认选择 */
|
|
233
233
|
defaultSelection: (NumberConstructor | StringConstructor)[];
|
|
234
|
-
/**
|
|
234
|
+
/** 标题 */
|
|
235
235
|
title: StringConstructor;
|
|
236
|
-
/**
|
|
236
|
+
/** 折叠 */
|
|
237
237
|
hamburger: BooleanConstructor;
|
|
238
|
-
/**
|
|
238
|
+
/** 隐藏全部 */
|
|
239
239
|
hideAll: BooleanConstructor;
|
|
240
|
-
/**
|
|
240
|
+
/** 隐藏过滤 */
|
|
241
241
|
hideFilter: BooleanConstructor;
|
|
242
|
-
/**
|
|
242
|
+
/** 全部值 */
|
|
243
243
|
allValue: {
|
|
244
244
|
type: import("vue").PropType<string | number | boolean | object | null>;
|
|
245
245
|
default: undefined;
|
|
246
246
|
};
|
|
247
|
-
/**
|
|
247
|
+
/** 树形数据 */
|
|
248
248
|
data: {
|
|
249
249
|
type: import("vue").PropType<ElTreeOutput<import("./tree.type").ElTreeValue, any>[]>;
|
|
250
250
|
default: () => never[];
|
|
251
251
|
};
|
|
252
|
-
/**
|
|
252
|
+
/** 请求数据的函数 */
|
|
253
253
|
requestApi: {
|
|
254
254
|
type: import("vue").PropType<(params?: string | number | PagedInput) => Promise<ElTreeOutput[]>>;
|
|
255
255
|
};
|
|
@@ -326,60 +326,60 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
326
326
|
__epPropKey: true;
|
|
327
327
|
};
|
|
328
328
|
}>, {
|
|
329
|
-
/**
|
|
329
|
+
/** 过滤所有树节点,过滤后的节点将被隐藏 */
|
|
330
330
|
filter: import("vue").ComputedRef<((value: FilterValue) => void) | undefined>;
|
|
331
|
-
/**
|
|
331
|
+
/** 获取节点的唯一标识。 */
|
|
332
332
|
getNodeKey: import("vue").ComputedRef<((node: import("element-plus/es/components/tree/src/model/node.mjs").default) => any) | undefined>;
|
|
333
|
-
/**
|
|
333
|
+
/** 获取指定节点的路径数据。 */
|
|
334
334
|
getNodePath: import("vue").ComputedRef<((data: import("element-plus").TreeKey | TreeNodeData) => TreeNodeData[]) | undefined>;
|
|
335
|
-
/**
|
|
335
|
+
/** 为节点设置新数据,只有当设置 node-key 属性的时候才可用 */
|
|
336
336
|
updateKeyChildren: import("vue").ComputedRef<((key: import("element-plus").TreeKey, data: import("element-plus").TreeData) => void) | undefined>;
|
|
337
|
-
/**
|
|
337
|
+
/** 如果节点可以被选中,(show-checkbox 为 true), 本方法将返回当前选中节点的数组 */
|
|
338
338
|
getCheckedNodes: import("vue").ComputedRef<((leafOnly?: boolean, includeHalfChecked?: boolean) => TreeNodeData[]) | undefined>;
|
|
339
|
-
/**
|
|
339
|
+
/** 设置目前勾选的节点,使用此方法必须提前设置 node-key 属性 */
|
|
340
340
|
setCheckedNodes: import("vue").ComputedRef<((nodes: import("element-plus/es/components/tree/src/model/node.mjs").default[], leafOnly?: boolean) => void) | undefined>;
|
|
341
|
-
/**
|
|
341
|
+
/** 若节点可用被选中 (show-checkbox 为 true), 它将返回当前选中节点 key 的数组 */
|
|
342
342
|
getCheckedKeys: import("vue").ComputedRef<((leafOnly?: boolean) => import("element-plus").TreeKey[]) | undefined>;
|
|
343
|
-
/**
|
|
343
|
+
/** 设置目前选中的节点,使用此方法必须设置 node-key 属性 */
|
|
344
344
|
setCheckedKeys: import("vue").ComputedRef<((keys: import("element-plus").TreeKey[], leafOnly?: boolean) => void) | undefined>;
|
|
345
|
-
/**
|
|
345
|
+
/** 设置节点是否被选中, 使用此方法必须设置 node-key 属性 */
|
|
346
346
|
setChecked: import("vue").ComputedRef<((data: import("element-plus").TreeKey | TreeNodeData, checked: boolean, deep?: boolean) => void) | undefined>;
|
|
347
|
-
/**
|
|
347
|
+
/** 如果节点可用被选中 (show-checkbox 为 true), 它将返回当前半选中的节点组成的数组 */
|
|
348
348
|
getHalfCheckedNodes: import("vue").ComputedRef<(() => TreeNodeData[]) | undefined>;
|
|
349
|
-
/**
|
|
349
|
+
/** 若节点可被选中(show-checkbox 为 true),则返回目前半选中的节点的 key 所组成的数组 */
|
|
350
350
|
getHalfCheckedKeys: import("vue").ComputedRef<(() => import("element-plus").TreeKey[]) | undefined>;
|
|
351
|
-
/**
|
|
351
|
+
/** 返回当前被选中节点的数据 (如果没有则返回 null) */
|
|
352
352
|
getCurrentKey: import("vue").ComputedRef<(() => import("element-plus").TreeKey | null) | undefined>;
|
|
353
|
-
/**
|
|
353
|
+
/** 返回当前被选中节点的数据 (如果没有则返回 null) */
|
|
354
354
|
getCurrentNode: import("vue").ComputedRef<(() => TreeNodeData | null) | undefined>;
|
|
355
|
-
/**
|
|
355
|
+
/** 通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性 */
|
|
356
356
|
setCurrentKey: import("vue").ComputedRef<((key?: import("element-plus").TreeKey | null, shouldAutoExpandParent?: boolean) => void) | undefined>;
|
|
357
|
-
/**
|
|
357
|
+
/** 设置节点为选中状态,使用此方法必须设置 node-key 属性 */
|
|
358
358
|
setCurrentNode: import("vue").ComputedRef<((node: import("element-plus/es/components/tree/src/model/node.mjs").default, shouldAutoExpandParent?: boolean) => void) | undefined>;
|
|
359
|
-
/**
|
|
359
|
+
/** 根据 data 或者 key 拿到 Tree 组件中的 node */
|
|
360
360
|
getNode: import("vue").ComputedRef<((data: import("element-plus").TreeKey | TreeNodeData) => import("element-plus/es/components/tree/src/model/node.mjs").default) | undefined>;
|
|
361
|
-
/**
|
|
361
|
+
/** 删除 Tree 中的一个节点,使用此方法必须设置 node-key 属性 */
|
|
362
362
|
remove: import("vue").ComputedRef<((data: TreeNodeData | import("element-plus/es/components/tree/src/model/node.mjs").default) => void) | undefined>;
|
|
363
|
-
/**
|
|
363
|
+
/** 为 Tree 中的一个节点追加一个子节点 */
|
|
364
364
|
append: import("vue").ComputedRef<((data: TreeNodeData, parentNode: TreeNodeData | import("element-plus").TreeKey | import("element-plus/es/components/tree/src/model/node.mjs").default) => void) | undefined>;
|
|
365
|
-
/**
|
|
365
|
+
/** 在 Tree 中给定节点前插入一个节点 */
|
|
366
366
|
insertBefore: import("vue").ComputedRef<((data: TreeNodeData, refNode: import("element-plus").TreeKey | TreeNodeData | import("element-plus/es/components/tree/src/model/node.mjs").default) => void) | undefined>;
|
|
367
|
-
/**
|
|
367
|
+
/** 在 Tree 中给定节点后插入一个节点 */
|
|
368
368
|
insertAfter: import("vue").ComputedRef<((data: TreeNodeData, refNode: import("element-plus").TreeKey | TreeNodeData | import("element-plus/es/components/tree/src/model/node.mjs").default) => void) | undefined>;
|
|
369
|
-
/**
|
|
369
|
+
/** 加载状态 */
|
|
370
370
|
loading: import("vue").Ref<boolean, boolean>;
|
|
371
|
-
/**
|
|
371
|
+
/** 刷新 */
|
|
372
372
|
refresh: () => Promise<void>;
|
|
373
373
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
374
|
-
/**
|
|
374
|
+
/** v-model 回调 */
|
|
375
375
|
"update:modelValue": (value: string | number | boolean | object | null | undefined) => boolean;
|
|
376
|
-
/**
|
|
376
|
+
/** v-model:label 回调 */
|
|
377
377
|
"update:label": (value: string) => boolean;
|
|
378
|
-
/**
|
|
378
|
+
/** 数据改变 */
|
|
379
379
|
dataChange: (data: ElTreeOutput[]) => boolean;
|
|
380
|
-
/**
|
|
380
|
+
/** 选中数据改变 */
|
|
381
381
|
change: (_data: ElTreeOutput, _node: TreeNode, _instance: ComponentInternalInstance, _event: MouseEvent) => boolean;
|
|
382
|
-
/**
|
|
382
|
+
/** 节点点击 */
|
|
383
383
|
"node-click": (_data: ElTreeOutput, _node: TreeNode, _instance: ComponentInternalInstance | null, _event: MouseEvent) => boolean;
|
|
384
384
|
'check-change': (data: any, checked: boolean, indeterminate: boolean) => any;
|
|
385
385
|
'current-change': (data: any | null, node: import("element-plus/es/components/tree/src/model/node.mjs").default | null) => boolean;
|
|
@@ -398,7 +398,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
398
398
|
filterNodeMethod: {
|
|
399
399
|
type: import("vue").PropType<FilterNodeMethodFunction>;
|
|
400
400
|
};
|
|
401
|
-
/**
|
|
401
|
+
/** 是否禁用选择器;未指定时继承 ElForm 的禁用状态。 */
|
|
402
402
|
disabled: {
|
|
403
403
|
type: BooleanConstructor;
|
|
404
404
|
default: undefined;
|
|
@@ -408,56 +408,56 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
408
408
|
type: StringConstructor;
|
|
409
409
|
default: string;
|
|
410
410
|
};
|
|
411
|
-
/**
|
|
411
|
+
/** 是否默认展开所有节点 */
|
|
412
412
|
defaultExpandAll: {
|
|
413
413
|
type: BooleanConstructor;
|
|
414
414
|
default: boolean;
|
|
415
415
|
};
|
|
416
|
-
/**
|
|
416
|
+
/** 是否在点击节点的时候选中节点 */
|
|
417
417
|
checkOnClickNode: {
|
|
418
418
|
type: BooleanConstructor;
|
|
419
419
|
default: boolean;
|
|
420
420
|
};
|
|
421
|
-
/**
|
|
421
|
+
/** 是否高亮当前选中节点 */
|
|
422
422
|
highlightCurrent: {
|
|
423
423
|
type: BooleanConstructor;
|
|
424
424
|
default: boolean;
|
|
425
425
|
};
|
|
426
|
-
/**
|
|
426
|
+
/** 点击折叠节点,需要开启 'expandOnClickNode' */
|
|
427
427
|
collapseOnClickNode: BooleanConstructor;
|
|
428
|
-
/**
|
|
428
|
+
/** v-model 绑定值 */
|
|
429
429
|
modelValue: {
|
|
430
430
|
type: import("vue").PropType<string | number | boolean | object | null>;
|
|
431
431
|
default: undefined;
|
|
432
432
|
};
|
|
433
|
-
/**
|
|
433
|
+
/** v-model:label 绑定值 */
|
|
434
434
|
label: StringConstructor;
|
|
435
|
-
/**
|
|
435
|
+
/** 宽度 */
|
|
436
436
|
width: {
|
|
437
437
|
type: (NumberConstructor | StringConstructor)[];
|
|
438
438
|
default: number;
|
|
439
439
|
};
|
|
440
|
-
/**
|
|
440
|
+
/** 默认选择 */
|
|
441
441
|
defaultSelection: (NumberConstructor | StringConstructor)[];
|
|
442
|
-
/**
|
|
442
|
+
/** 标题 */
|
|
443
443
|
title: StringConstructor;
|
|
444
|
-
/**
|
|
444
|
+
/** 折叠 */
|
|
445
445
|
hamburger: BooleanConstructor;
|
|
446
|
-
/**
|
|
446
|
+
/** 隐藏全部 */
|
|
447
447
|
hideAll: BooleanConstructor;
|
|
448
|
-
/**
|
|
448
|
+
/** 隐藏过滤 */
|
|
449
449
|
hideFilter: BooleanConstructor;
|
|
450
|
-
/**
|
|
450
|
+
/** 全部值 */
|
|
451
451
|
allValue: {
|
|
452
452
|
type: import("vue").PropType<string | number | boolean | object | null>;
|
|
453
453
|
default: undefined;
|
|
454
454
|
};
|
|
455
|
-
/**
|
|
455
|
+
/** 树形数据 */
|
|
456
456
|
data: {
|
|
457
457
|
type: import("vue").PropType<ElTreeOutput<import("./tree.type").ElTreeValue, any>[]>;
|
|
458
458
|
default: () => never[];
|
|
459
459
|
};
|
|
460
|
-
/**
|
|
460
|
+
/** 请求数据的函数 */
|
|
461
461
|
requestApi: {
|
|
462
462
|
type: import("vue").PropType<(params?: string | number | PagedInput) => Promise<ElTreeOutput[]>>;
|
|
463
463
|
};
|
|
@@ -10,12 +10,12 @@ import { computed, createTextVNode, createVNode, defineComponent, mergeProps, ne
|
|
|
10
10
|
import { Expand, Fold } from "@element-plus/icons-vue";
|
|
11
11
|
import { ElIcon, ElInput, ElScrollbar, ElTree, treeEmits, treeProps, useGlobalSize } from "element-plus";
|
|
12
12
|
//#region src/components/tree/src/tree.tsx
|
|
13
|
-
/** FaTree 的运行时 Props
|
|
13
|
+
/** FaTree 的运行时 Props 定义 */
|
|
14
14
|
const faTreeProps = {
|
|
15
15
|
...treeProps,
|
|
16
16
|
/** 树节点筛选方法。 */
|
|
17
17
|
filterNodeMethod: { type: definePropType(Function) },
|
|
18
|
-
/**
|
|
18
|
+
/** 是否禁用选择器;未指定时继承 ElForm 的禁用状态。 */
|
|
19
19
|
disabled: {
|
|
20
20
|
type: Boolean,
|
|
21
21
|
default: void 0
|
|
@@ -25,24 +25,24 @@ const faTreeProps = {
|
|
|
25
25
|
type: String,
|
|
26
26
|
default: "value"
|
|
27
27
|
},
|
|
28
|
-
/**
|
|
28
|
+
/** 是否默认展开所有节点 */
|
|
29
29
|
defaultExpandAll: {
|
|
30
30
|
type: Boolean,
|
|
31
31
|
default: true
|
|
32
32
|
},
|
|
33
|
-
/**
|
|
33
|
+
/** 是否在点击节点的时候选中节点 */
|
|
34
34
|
checkOnClickNode: {
|
|
35
35
|
type: Boolean,
|
|
36
36
|
default: true
|
|
37
37
|
},
|
|
38
|
-
/**
|
|
38
|
+
/** 是否高亮当前选中节点 */
|
|
39
39
|
highlightCurrent: {
|
|
40
40
|
type: Boolean,
|
|
41
41
|
default: true
|
|
42
42
|
},
|
|
43
|
-
/**
|
|
43
|
+
/** 点击折叠节点,需要开启 'expandOnClickNode' */
|
|
44
44
|
collapseOnClickNode: Boolean,
|
|
45
|
-
/**
|
|
45
|
+
/** v-model 绑定值 */
|
|
46
46
|
modelValue: {
|
|
47
47
|
type: definePropType([
|
|
48
48
|
String,
|
|
@@ -52,24 +52,24 @@ const faTreeProps = {
|
|
|
52
52
|
]),
|
|
53
53
|
default: void 0
|
|
54
54
|
},
|
|
55
|
-
/**
|
|
55
|
+
/** v-model:label 绑定值 */
|
|
56
56
|
label: String,
|
|
57
|
-
/**
|
|
57
|
+
/** 宽度 */
|
|
58
58
|
width: {
|
|
59
59
|
type: [String, Number],
|
|
60
60
|
default: 180
|
|
61
61
|
},
|
|
62
|
-
/**
|
|
62
|
+
/** 默认选择 */
|
|
63
63
|
defaultSelection: [String, Number],
|
|
64
|
-
/**
|
|
64
|
+
/** 标题 */
|
|
65
65
|
title: String,
|
|
66
|
-
/**
|
|
66
|
+
/** 折叠 */
|
|
67
67
|
hamburger: Boolean,
|
|
68
|
-
/**
|
|
68
|
+
/** 隐藏全部 */
|
|
69
69
|
hideAll: Boolean,
|
|
70
|
-
/**
|
|
70
|
+
/** 隐藏过滤 */
|
|
71
71
|
hideFilter: Boolean,
|
|
72
|
-
/**
|
|
72
|
+
/** 全部值 */
|
|
73
73
|
allValue: {
|
|
74
74
|
type: definePropType([
|
|
75
75
|
String,
|
|
@@ -79,12 +79,12 @@ const faTreeProps = {
|
|
|
79
79
|
]),
|
|
80
80
|
default: void 0
|
|
81
81
|
},
|
|
82
|
-
/**
|
|
82
|
+
/** 树形数据 */
|
|
83
83
|
data: {
|
|
84
84
|
type: definePropType(Array),
|
|
85
85
|
default: () => []
|
|
86
86
|
},
|
|
87
|
-
/**
|
|
87
|
+
/** 请求数据的函数 */
|
|
88
88
|
requestApi: { type: definePropType(Function) },
|
|
89
89
|
/** 初始化参数 */
|
|
90
90
|
initParam: definePropType([
|
|
@@ -93,18 +93,18 @@ const faTreeProps = {
|
|
|
93
93
|
Object
|
|
94
94
|
])
|
|
95
95
|
};
|
|
96
|
-
/** FaTree 的运行时 Emits
|
|
96
|
+
/** FaTree 的运行时 Emits 定义 */
|
|
97
97
|
const faTreeEmits = {
|
|
98
98
|
...treeEmits,
|
|
99
|
-
/**
|
|
99
|
+
/** v-model 回调 */
|
|
100
100
|
"update:modelValue": (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "object" && value !== null || value == null,
|
|
101
|
-
/**
|
|
101
|
+
/** v-model:label 回调 */
|
|
102
102
|
"update:label": (value) => typeof value === "string" || value === null,
|
|
103
|
-
/**
|
|
103
|
+
/** 数据改变 */
|
|
104
104
|
dataChange: (data) => Array.isArray(data),
|
|
105
|
-
/**
|
|
105
|
+
/** 选中数据改变 */
|
|
106
106
|
change: (_data, _node, _instance, _event) => true,
|
|
107
|
-
/**
|
|
107
|
+
/** 节点点击 */
|
|
108
108
|
"node-click": (_data, _node, _instance, _event) => true
|
|
109
109
|
};
|
|
110
110
|
var tree_default = defineComponent({
|
|
@@ -133,7 +133,7 @@ var tree_default = defineComponent({
|
|
|
133
133
|
})
|
|
134
134
|
});
|
|
135
135
|
let requestVersion = 0;
|
|
136
|
-
/**
|
|
136
|
+
/** 只有一层节点 */
|
|
137
137
|
const fold = computed(() => {
|
|
138
138
|
const childrenKey = props.props.children ?? "children";
|
|
139
139
|
return state.originalTreeData.every((item) => !Array.isArray(item[childrenKey]) || item[childrenKey].length === 0);
|
|
@@ -289,49 +289,49 @@ var tree_default = defineComponent({
|
|
|
289
289
|
})] })
|
|
290
290
|
]), [[resolveDirective("loading"), state.loading]]));
|
|
291
291
|
return useExpose(expose, {
|
|
292
|
-
/**
|
|
292
|
+
/** 过滤所有树节点,过滤后的节点将被隐藏 */
|
|
293
293
|
filter: computed(() => treeRef.value?.filter),
|
|
294
|
-
/**
|
|
294
|
+
/** 获取节点的唯一标识。 */
|
|
295
295
|
getNodeKey: computed(() => treeRef.value?.getNodeKey),
|
|
296
|
-
/**
|
|
296
|
+
/** 获取指定节点的路径数据。 */
|
|
297
297
|
getNodePath: computed(() => treeRef.value?.getNodePath),
|
|
298
|
-
/**
|
|
298
|
+
/** 为节点设置新数据,只有当设置 node-key 属性的时候才可用 */
|
|
299
299
|
updateKeyChildren: computed(() => treeRef.value?.updateKeyChildren),
|
|
300
|
-
/**
|
|
300
|
+
/** 如果节点可以被选中,(show-checkbox 为 true), 本方法将返回当前选中节点的数组 */
|
|
301
301
|
getCheckedNodes: computed(() => treeRef.value?.getCheckedNodes),
|
|
302
|
-
/**
|
|
302
|
+
/** 设置目前勾选的节点,使用此方法必须提前设置 node-key 属性 */
|
|
303
303
|
setCheckedNodes: computed(() => treeRef.value?.setCheckedNodes),
|
|
304
|
-
/**
|
|
304
|
+
/** 若节点可用被选中 (show-checkbox 为 true), 它将返回当前选中节点 key 的数组 */
|
|
305
305
|
getCheckedKeys: computed(() => treeRef.value?.getCheckedKeys),
|
|
306
|
-
/**
|
|
306
|
+
/** 设置目前选中的节点,使用此方法必须设置 node-key 属性 */
|
|
307
307
|
setCheckedKeys: computed(() => treeRef.value?.setCheckedKeys),
|
|
308
|
-
/**
|
|
308
|
+
/** 设置节点是否被选中, 使用此方法必须设置 node-key 属性 */
|
|
309
309
|
setChecked: computed(() => treeRef.value?.setChecked),
|
|
310
|
-
/**
|
|
310
|
+
/** 如果节点可用被选中 (show-checkbox 为 true), 它将返回当前半选中的节点组成的数组 */
|
|
311
311
|
getHalfCheckedNodes: computed(() => treeRef.value?.getHalfCheckedNodes),
|
|
312
|
-
/**
|
|
312
|
+
/** 若节点可被选中(show-checkbox 为 true),则返回目前半选中的节点的 key 所组成的数组 */
|
|
313
313
|
getHalfCheckedKeys: computed(() => treeRef.value?.getHalfCheckedKeys),
|
|
314
|
-
/**
|
|
314
|
+
/** 返回当前被选中节点的数据 (如果没有则返回 null) */
|
|
315
315
|
getCurrentKey: computed(() => treeRef.value?.getCurrentKey),
|
|
316
|
-
/**
|
|
316
|
+
/** 返回当前被选中节点的数据 (如果没有则返回 null) */
|
|
317
317
|
getCurrentNode: computed(() => treeRef.value?.getCurrentNode),
|
|
318
|
-
/**
|
|
318
|
+
/** 通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性 */
|
|
319
319
|
setCurrentKey: computed(() => treeRef.value?.setCurrentKey),
|
|
320
|
-
/**
|
|
320
|
+
/** 设置节点为选中状态,使用此方法必须设置 node-key 属性 */
|
|
321
321
|
setCurrentNode: computed(() => treeRef.value?.setCurrentNode),
|
|
322
|
-
/**
|
|
322
|
+
/** 根据 data 或者 key 拿到 Tree 组件中的 node */
|
|
323
323
|
getNode: computed(() => treeRef.value?.getNode),
|
|
324
|
-
/**
|
|
324
|
+
/** 删除 Tree 中的一个节点,使用此方法必须设置 node-key 属性 */
|
|
325
325
|
remove: computed(() => treeRef.value?.remove),
|
|
326
|
-
/**
|
|
326
|
+
/** 为 Tree 中的一个节点追加一个子节点 */
|
|
327
327
|
append: computed(() => treeRef.value?.append),
|
|
328
|
-
/**
|
|
328
|
+
/** 在 Tree 中给定节点前插入一个节点 */
|
|
329
329
|
insertBefore: computed(() => treeRef.value?.insertBefore),
|
|
330
|
-
/**
|
|
330
|
+
/** 在 Tree 中给定节点后插入一个节点 */
|
|
331
331
|
insertAfter: computed(() => treeRef.value?.insertAfter),
|
|
332
|
-
/**
|
|
332
|
+
/** 加载状态 */
|
|
333
333
|
loading: toRef(state, "loading"),
|
|
334
|
-
/**
|
|
334
|
+
/** 刷新 */
|
|
335
335
|
refresh: loadData
|
|
336
336
|
});
|
|
337
337
|
}
|