editable-antd-tree
Version:
This is an editable tree react component based on antd.
36 lines (35 loc) • 1.35 kB
TypeScript
import { DataNode, TreeProps } from "antd/lib/tree";
import React from "react";
import { TEditableTreeTitle } from "./EditableAntdTreeTitle";
declare const sizes: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
export declare type EditableAntdTreeNode = Omit<DataNode, "title" | "children" | "key"> & {
key: string;
title?: string | null;
parent?: string;
children?: EditableAntdTreeNode[];
};
export declare type EditableAntdTreeProps = {
treeData: EditableAntdTreeNode[];
onTreeChange: (tree: EditableAntdTreeNode[]) => void;
switcherIcon?: React.ReactNode;
size?: keyof typeof sizes;
createRootLeaf?: {
caption?: string;
disable?: boolean;
action?: (node: EditableAntdTreeNode) => void;
};
createRootParent?: {
caption?: string;
disable?: boolean;
action?: (node: EditableAntdTreeNode) => void;
};
loadData?: (treeData: EditableAntdTreeNode) => Promise<EditableAntdTreeNode[] | void>;
} & Omit<TreeProps, "switcherIcon" | "treeData" | "loadData"> & TEditableTreeTitle;
export declare const EditableAntdTree: ({ treeData, size, switcherIcon, onTreeChange, deleteNode, updateNode, createLeaf, createParent, createRootLeaf, createRootParent, loadData, ...props }: EditableAntdTreeProps) => JSX.Element;
export {};