Function FolderTree

src/workbench/sidebar/explore/folderTree.tsx:68–261

(props)

);

const FolderTree: React.FunctionComponent<IFolderTreeProps> = (props) => {
    const {
        folderTree = {},
        entry,
        panel,
        onUpdateFileName,
        onSelectFile,
        onDropTree,
        onClickContextMenu,
        onRightClick,
        onLoadData,
        createTreeNode,
        onExpandKeys,
        ...restProps
    } = props;

    const {
        data = [],
        folderPanelContextMenu = [],
        expandKeys,
        loadedKeys,
        current,
    } = folderTree;

    const inputRef = useRef<HTMLInputElement>(null);
    // tree context view
    const contextMenu = useRef<ReturnType<typeof useContextMenu>>();

    // panel context view
    const contextView = useContextViewEle();

    // to detect current tree whether is editable
    const hasEditable = detectHasEditableStatus(data);

    const onClickMenuItem = (e, item) => {
        onClickContextMenu?.(item);
        contextMenu.current?.hide();
    };

    // init context menu
    const initContextMenu = () => {
        return useContextMenu({
            anchor: select(`.${folderTreeClassName}`),
            render: () => (
                <Menu
                    role="menu"
                    onClick={onClickMenuItem}
                    data={folderPanelContextMenu}
                />
            ),
        });
    };

    const handleMenuClick = (
        item: IMenuItemProps,
        data: IFolderTreeNodeProps
    ) => {
        onClickContextMenu?.(item, data);