UNPKG

editable-antd-tree

Version:

This is an editable tree react component based on antd.

36 lines (35 loc) 1.35 kB
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 {};