element-plus
Version:
A Component Library for Vue 3
152 lines (151 loc) • 14.6 kB
TypeScript
export declare const ElTreeV2: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
readonly data: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeData) | (() => import("./src/types").TreeData) | ((new (...args: any[]) => import("./src/types").TreeData) | (() => import("./src/types").TreeData))[], unknown, unknown, () => [], boolean>;
readonly emptyText: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly height: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
readonly props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeOptionProps) | (() => import("./src/types").TreeOptionProps) | ((new (...args: any[]) => import("./src/types").TreeOptionProps) | (() => import("./src/types").TreeOptionProps))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{
readonly children: import("./src/virtual-tree").TreeOptionsEnum.CHILDREN;
readonly label: import("./src/virtual-tree").TreeOptionsEnum.LABEL;
readonly disabled: import("./src/virtual-tree").TreeOptionsEnum.DISABLED;
readonly value: import("./src/virtual-tree").TreeOptionsEnum.KEY;
}>, boolean>;
readonly highlightCurrent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultCheckedKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]) | ((new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly checkStrictly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultExpandedKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]) | ((new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly indent: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
readonly icon: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly expandOnClickNode: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly checkOnClickNode: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly currentNodeKey: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("./src/types").TreeKey & {}) | (() => import("./src/types").TreeKey) | ((new (...args: any[]) => import("./src/types").TreeKey & {}) | (() => import("./src/types").TreeKey))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly accordion: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly filterMethod: {
readonly type: import("vue").PropType<import("./src/types").FilterMethod>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly perfMode: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
}, {
t: import("../..").Translator;
ns: {
namespace: import("vue").Ref<string>;
b: (blockSuffix?: string) => string;
e: (element?: string | undefined) => string;
m: (modifier?: string | undefined) => string;
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
em: (element?: string | undefined, modifier?: string | undefined) => string;
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
is: {
(name: string, state: boolean | undefined): string;
(name: string): string;
};
cssVar: (object: Record<string, string>) => Record<string, string>;
cssVarName: (name: string) => string;
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
cssVarBlockName: (name: string) => string;
};
flattenTree: import("vue").ComputedRef<import("./src/types").TreeNode[]>;
itemSize: number;
isNotEmpty: import("vue").ComputedRef<boolean>;
toggleExpand: (node: import("./src/types").TreeNode) => void;
toggleCheckbox: (node: import("./src/types").TreeNode, isChecked: boolean, nodeClick?: boolean) => void;
isExpanded: (node: import("./src/types").TreeNode) => boolean;
isIndeterminate: (node: import("./src/types").TreeNode) => boolean;
isChecked: (node: import("./src/types").TreeNode) => boolean;
isDisabled: (node: import("./src/types").TreeNode) => boolean;
isCurrent: (node: import("./src/types").TreeNode) => boolean;
isForceHiddenExpandIcon: (node: import("./src/types").TreeNode) => boolean;
handleNodeClick: (node: import("./src/types").TreeNode, e: MouseEvent) => void;
handleNodeCheck: (node: import("./src/types").TreeNode, checked: boolean) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"node-click": (data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode, e: MouseEvent) => MouseEvent;
"node-expand": (data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => import("./src/types").TreeNode;
"node-collapse": (data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => import("./src/types").TreeNode;
"current-change": (data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => import("./src/types").TreeNode;
check: (data: import("../tree/src/tree.type").TreeNodeData, checkedInfo: import("./src/types").CheckedInfo) => import("./src/types").CheckedInfo;
"check-change": (data: import("../tree/src/tree.type").TreeNodeData, checked: boolean) => boolean;
"node-contextmenu": (event: Event, data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => import("./src/types").TreeNode;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly data: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeData) | (() => import("./src/types").TreeData) | ((new (...args: any[]) => import("./src/types").TreeData) | (() => import("./src/types").TreeData))[], unknown, unknown, () => [], boolean>;
readonly emptyText: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly height: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
readonly props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeOptionProps) | (() => import("./src/types").TreeOptionProps) | ((new (...args: any[]) => import("./src/types").TreeOptionProps) | (() => import("./src/types").TreeOptionProps))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{
readonly children: import("./src/virtual-tree").TreeOptionsEnum.CHILDREN;
readonly label: import("./src/virtual-tree").TreeOptionsEnum.LABEL;
readonly disabled: import("./src/virtual-tree").TreeOptionsEnum.DISABLED;
readonly value: import("./src/virtual-tree").TreeOptionsEnum.KEY;
}>, boolean>;
readonly highlightCurrent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultCheckedKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]) | ((new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly checkStrictly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultExpandedKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]) | ((new (...args: any[]) => import("./src/types").TreeKey[]) | (() => import("./src/types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly indent: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
readonly icon: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly expandOnClickNode: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly checkOnClickNode: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly currentNodeKey: {
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("./src/types").TreeKey & {}) | (() => import("./src/types").TreeKey) | ((new (...args: any[]) => import("./src/types").TreeKey & {}) | (() => import("./src/types").TreeKey))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly accordion: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly filterMethod: {
readonly type: import("vue").PropType<import("./src/types").FilterMethod>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly perfMode: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
}>> & {
"onCurrent-change"?: ((data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => any) | undefined;
"onNode-expand"?: ((data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => any) | undefined;
onCheck?: ((data: import("../tree/src/tree.type").TreeNodeData, checkedInfo: import("./src/types").CheckedInfo) => any) | undefined;
"onCheck-change"?: ((data: import("../tree/src/tree.type").TreeNodeData, checked: boolean) => any) | undefined;
"onNode-click"?: ((data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode, e: MouseEvent) => any) | undefined;
"onNode-contextmenu"?: ((event: Event, data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => any) | undefined;
"onNode-collapse"?: ((data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => any) | undefined;
}, {
readonly height: number;
readonly props: import("./src/types").TreeOptionProps;
readonly data: import("./src/types").TreeData;
readonly checkStrictly: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly accordion: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly indent: number;
readonly perfMode: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly showCheckbox: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly defaultCheckedKeys: import("./src/types").TreeKey[];
readonly defaultExpandedKeys: import("./src/types").TreeKey[];
readonly expandOnClickNode: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly checkOnClickNode: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly highlightCurrent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
}>> & Record<string, any>;
export default ElTreeV2;