ivue-material-plus
Version:
A high quality UI components Library with Vue.js
360 lines (359 loc) • 15.8 kB
TypeScript
export declare const IvueTree: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
data: {
type: ArrayConstructor;
default: () => any[];
};
lazy: {
type: BooleanConstructor;
default: boolean;
};
props: {
type: import("vue").PropType<import("./types/tree").TreeOptionProps>;
default: () => {
children: string;
label: string;
disabled: string;
};
};
emptyText: {
type: StringConstructor;
default: string;
};
nodeKey: {
type: StringConstructor;
};
indent: {
type: NumberConstructor;
default: number;
};
icon: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
renderContent: {
type: import("vue").PropType<import("./types/tree").RenderContentFunction>;
};
expandOnClickNode: {
type: BooleanConstructor;
default: boolean;
};
accordion: {
type: BooleanConstructor;
default: boolean;
};
showCheckbox: {
type: BooleanConstructor;
default: boolean;
};
checkBoxStrictly: {
type: BooleanConstructor;
default: boolean;
};
load: {
type: import("vue").PropType<import("./types/tree").LoadFunction>;
};
defaultCheckedKeys: {
type: import("vue").PropType<import("./types/tree").TreeKey[]>;
};
defaultExpandedKeys: {
type: import("vue").PropType<import("./types/tree").TreeKey[]>;
};
autoExpandParent: {
type: BooleanConstructor;
default: boolean;
};
defaultExpandAll: {
type: BooleanConstructor;
default: boolean;
};
renderAfterExpand: {
type: BooleanConstructor;
default: boolean;
};
highlightCurrent: {
type: BooleanConstructor;
default: boolean;
};
currentNodeKey: {
type: (NumberConstructor | StringConstructor)[];
};
filterNodeMethod: {
type: import("vue").PropType<import("./types/tree").FilterNodeMethodFunction>;
};
checkOnClickNode: {
type: BooleanConstructor;
default: boolean;
};
draggable: {
type: BooleanConstructor;
default: boolean;
};
allowDrag: {
type: import("vue").PropType<import("./types/tree").AllowDragFunction>;
};
allowDrop: {
type: import("vue").PropType<import("./types/tree").AllowDropFunction>;
};
}, {
prefixCls: string;
treeRef: import("vue").Ref<HTMLElement>;
dropIndicator: import("vue").Ref<HTMLElement>;
root: import("vue").Ref<{
data: import("./types/tree").TreeNodeData;
store: {
currentNodeKey: import("./types/tree").TreeKey;
currentNode: any;
root: any;
data: import("./types/tree").TreeNodeData[];
key: import("./types/tree").TreeKey;
nodesMap: import("./types/tree").TreeStoreNodesMap;
lazy: boolean;
props: {
children?: string;
label?: string | ((data: import("./types/tree").TreeNodeData, node: import("./store/node").default) => string);
disabled?: string | ((data: import("./types/tree").TreeNodeData, node: import("./store/node").default) => string);
isLeaf?: string | ((data: import("./types/tree").TreeNodeData, node: import("./store/node").default) => boolean);
class?: (data: import("./types/tree").TreeNodeData, node: import("./store/node").default) => string | {
[key: string]: boolean;
};
};
checkBoxStrictly: boolean;
load: import("./types/tree").LoadFunction;
defaultCheckedKeys: import("./types/tree").TreeKey[];
defaultExpandedKeys: import("./types/tree").TreeKey[];
autoExpandParent: boolean;
defaultExpandAll: boolean;
filterNodeMethod: import("./types/tree").FilterNodeMethodFunction;
initialize: () => void;
registerNode: (node: import("./store/node").default) => void;
setCurrentNode: (currentNode: import("./store/node").default) => void;
getCheckedNodes: (leafOnly?: boolean, includeHalfChecked?: boolean) => import("./types/tree").TreeNodeData[];
getCheckedKeys: (leafOnly?: boolean) => import("./types/tree").TreeKey[];
getHalfCheckedNodes: () => import("./types/tree").TreeNodeData[];
getHalfCheckedKeys: () => import("./types/tree").TreeKey[];
initDefaultCheckedNodes: () => void;
initDefaultCheckedNode: (node: import("./store/node").default) => void;
setCheckedNodes: (array: import("./store/node").default[], leafOnly?: boolean) => void;
setCheckedKeys: (keys: import("./types/tree").TreeKey[], leafOnly?: boolean) => void;
_setCheckedKeys: (key: import("./types/tree").TreeKey, leafOnly: boolean, checkedKeys: {
[key: string]: boolean;
}) => void;
getAllNodes: () => import("./store/node").default[];
setData: (value: import("./types/tree").TreeData) => void;
updateChildren: (key: import("./types/tree").TreeKey, data: import("./types/tree").TreeData) => void;
remove: (data: import("./store/node").default | import("./types/tree").TreeNodeData) => void;
append: (data: import("./types/tree").TreeNodeData, parentData: import("./types/tree").TreeKey | import("./store/node").default | import("./types/tree").TreeNodeData) => void;
getNode: (data: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData) => import("./store/node").default;
deregisterNode: (node: import("./store/node").default) => void;
setDefaultCheckedKey: (value: import("./types/tree").TreeKey[]) => void;
setDefaultExpandedKeys: (keys: import("./types/tree").TreeKey[]) => void;
setCurrentNodeKey: (key?: import("./types/tree").TreeKey, shouldAutoExpandParent?: boolean) => void;
setUserCurrentNode: (node: import("./store/node").default, shouldAutoExpandParent?: boolean) => void;
filter: (value: any) => void;
insertBefore: (data: import("./types/tree").TreeNodeData, refData: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData) => void;
insertAfter: (data: import("./types/tree").TreeNodeData, refData: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData) => void;
setChecked: (data: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData, checked: boolean, deep: boolean) => void;
getCurrentNode: () => import("./store/node").default;
};
id: number;
childNodes: any[];
level: number;
parent: any;
visible: boolean;
expanded: boolean;
isCurrent: boolean;
canFocus: boolean;
isLeaf: boolean;
isLeafByUser: boolean;
loaded: boolean;
loading: boolean;
checked: boolean;
indeterminate: boolean;
readonly key: import("./types/tree").TreeKey;
readonly label: string;
readonly disabled: boolean;
readonly nextSibling: any;
readonly prevSibling: any;
initialize: () => void;
setData: (data: import("./types/tree").TreeNodeData) => void;
insertChild: (child?: import("./store/node").default | import("./types/tree").FakeNode, index?: number, batch?: boolean) => void;
getChildren: (init?: boolean) => import("./types/tree").TreeNodeData | import("./types/tree").TreeNodeData[];
collapse: () => void;
expand: (callback?: () => void, expandParent?: boolean) => void;
updateLeafState: () => void;
setChecked: (value?: string | boolean, deep?: boolean, recursion?: boolean, passValue?: boolean) => void;
shouldLoadData: () => boolean;
createChildren: (array: import("./types/tree").TreeNodeData[], defaultProps?: import("./types/node").TreeNodeLoadedDefaultProps) => void;
loadData: (callback: (node: import("./store/node").default) => void, defaultProps?: import("./types/node").TreeNodeLoadedDefaultProps) => void;
removeChild: (child: import("./store/node").default) => void;
updateChildren: () => void;
contains: (target: import("./store/node").default, deep?: boolean) => boolean;
remove: () => void;
insertBefore: (child: import("./store/node").default | import("./types/tree").FakeNode, ref: import("./store/node").default) => void;
insertAfter: (child: import("./store/node").default | import("./types/tree").FakeNode, ref: import("./store/node").default) => void;
removeChildByData: (data: import("./types/tree").TreeNodeData) => void;
}>;
dragState: {
showDropIndicator: boolean;
draggingStartNode: any;
dropNode: any;
allowDrop: boolean;
dropType: any;
};
wrapperClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
isEmpty: import("vue").ComputedRef<boolean>;
handleNodeExpand: (nodeData: import("./types/tree").TreeNodeData, node: import("./store/node").default, instance: import("vue").ComponentInternalInstance) => void;
getTreeNodeKey: (node: import("./store/node").default) => any;
getCheckedNodes: (leafOnly?: boolean, includeHalfChecked?: boolean) => import("./types/tree").TreeNodeData[];
getCheckedKeys: (leafOnly?: boolean) => import("./types/tree").TreeKey[];
getHalfCheckedNodes: () => import("./types/tree").TreeNodeData[];
getHalfCheckedKeys: () => import("./types/tree").TreeKey[];
getCurrentNode: () => import("./types/tree").TreeNodeData;
getCurrentKey: () => any;
getNode: (data: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData) => import("./store/node").default;
setCheckedNodes: (nodes: import("./store/node").default[], leafOnly?: boolean) => void;
setCheckedKeys: (keys: import("./types/tree").TreeKey[], leafOnly?: boolean) => void;
setChecked: (data: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData, checked: boolean, deep: boolean) => void;
setCurrentKey: (key?: import("./types/tree").TreeKey, shouldAutoExpandParent?: boolean) => void;
setCurrentNode: (node: import("./store/node").default, shouldAutoExpandParent?: boolean) => void;
remove: (data: import("./store/node").default | import("./types/tree").TreeNodeData) => void;
append: (data: import("./types/tree").TreeNodeData, parentNode: import("./types/tree").TreeKey | import("./store/node").default | import("./types/tree").TreeNodeData) => void;
updateKeyChildren: (key: import("./types/tree").TreeKey, data: import("./types/tree").TreeData) => void;
insertBefore: (data: import("./types/tree").TreeNodeData, refNode: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData) => void;
insertAfter: (data: import("./types/tree").TreeNodeData, refNode: import("./types/tree").TreeKey | import("./types/tree").TreeNodeData) => void;
filter: (value: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-current-change" | "on-node-collapse" | "on-node-expand" | "on-node-click" | "on-check" | "on-check-change" | "on-node-drag-start" | "on-node-drag-leave" | "on-node-drag-enter" | "on-node-drag-over" | "on-node-drag-end" | "on-node-drop")[], "on-current-change" | "on-node-collapse" | "on-node-expand" | "on-node-click" | "on-check" | "on-check-change" | "on-node-drag-start" | "on-node-drag-leave" | "on-node-drag-enter" | "on-node-drag-over" | "on-node-drag-end" | "on-node-drop", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
data: {
type: ArrayConstructor;
default: () => any[];
};
lazy: {
type: BooleanConstructor;
default: boolean;
};
props: {
type: import("vue").PropType<import("./types/tree").TreeOptionProps>;
default: () => {
children: string;
label: string;
disabled: string;
};
};
emptyText: {
type: StringConstructor;
default: string;
};
nodeKey: {
type: StringConstructor;
};
indent: {
type: NumberConstructor;
default: number;
};
icon: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
renderContent: {
type: import("vue").PropType<import("./types/tree").RenderContentFunction>;
};
expandOnClickNode: {
type: BooleanConstructor;
default: boolean;
};
accordion: {
type: BooleanConstructor;
default: boolean;
};
showCheckbox: {
type: BooleanConstructor;
default: boolean;
};
checkBoxStrictly: {
type: BooleanConstructor;
default: boolean;
};
load: {
type: import("vue").PropType<import("./types/tree").LoadFunction>;
};
defaultCheckedKeys: {
type: import("vue").PropType<import("./types/tree").TreeKey[]>;
};
defaultExpandedKeys: {
type: import("vue").PropType<import("./types/tree").TreeKey[]>;
};
autoExpandParent: {
type: BooleanConstructor;
default: boolean;
};
defaultExpandAll: {
type: BooleanConstructor;
default: boolean;
};
renderAfterExpand: {
type: BooleanConstructor;
default: boolean;
};
highlightCurrent: {
type: BooleanConstructor;
default: boolean;
};
currentNodeKey: {
type: (NumberConstructor | StringConstructor)[];
};
filterNodeMethod: {
type: import("vue").PropType<import("./types/tree").FilterNodeMethodFunction>;
};
checkOnClickNode: {
type: BooleanConstructor;
default: boolean;
};
draggable: {
type: BooleanConstructor;
default: boolean;
};
allowDrag: {
type: import("vue").PropType<import("./types/tree").AllowDragFunction>;
};
allowDrop: {
type: import("vue").PropType<import("./types/tree").AllowDropFunction>;
};
}>> & {
"onOn-current-change"?: (...args: any[]) => any;
"onOn-node-expand"?: (...args: any[]) => any;
"onOn-node-collapse"?: (...args: any[]) => any;
"onOn-node-click"?: (...args: any[]) => any;
"onOn-check"?: (...args: any[]) => any;
"onOn-check-change"?: (...args: any[]) => any;
"onOn-node-drag-start"?: (...args: any[]) => any;
"onOn-node-drag-leave"?: (...args: any[]) => any;
"onOn-node-drag-enter"?: (...args: any[]) => any;
"onOn-node-drag-over"?: (...args: any[]) => any;
"onOn-node-drag-end"?: (...args: any[]) => any;
"onOn-node-drop"?: (...args: any[]) => any;
}, {
props: {
children: string;
label: string;
disabled: string;
};
data: unknown[];
icon: string;
accordion: boolean;
defaultExpandAll: boolean;
indent: number;
lazy: boolean;
draggable: boolean;
showCheckbox: boolean;
renderAfterExpand: boolean;
emptyText: string;
expandOnClickNode: boolean;
checkBoxStrictly: boolean;
autoExpandParent: boolean;
highlightCurrent: boolean;
checkOnClickNode: boolean;
}>> & Record<string, any>;
export default IvueTree;
export * from './index.vue';