fix:点击菜单空白处不生效问题处理

This commit is contained in:
shixiaohua 2024-04-15 17:18:30 +08:00
parent 676cbb7468
commit 0e466c8e44
7 changed files with 13 additions and 13 deletions

View File

@ -9,6 +9,6 @@ function CloseDir (prop) {
const closeDir = ()=>{ const closeDir = ()=>{
dispatch(dirRemove({selectDirKey: prop.filePath})) dispatch(dirRemove({selectDirKey: prop.filePath}))
} }
return <span className="menuItemClick" onClick={closeDir}>关闭目录</span> return <a className="menuItemClick" onClick={closeDir}>关闭目录</a>
} }
export default CloseDir; export default CloseDir;

View File

@ -40,7 +40,7 @@ const DirAddDir = (prop) => {
}; };
return <> return <>
{contextHolder} {contextHolder}
<span className="menuItemClick" onClick={showModal}>添加文件夹</span> <a className="menuItemClick" onClick={showModal}>添加文件夹</a>
<Modal title="新建文件夹" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}> <Modal title="新建文件夹" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
<Input ref={inputValue} placeholder="文件夹名不能为空" /> <Input ref={inputValue} placeholder="文件夹名不能为空" />
</Modal> </Modal>

View File

@ -47,7 +47,7 @@ const DirAddFile = (prop) => {
}; };
return <> return <>
{contextHolder} {contextHolder}
<span className="menuItemClick" onClick={showModal}>{prop.fileExt}</span> <a className="menuItemClick" onClick={showModal}>{prop.fileExt}</a>
<Modal title="新建文件名" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}> <Modal title="新建文件名" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
<Input ref={inputValue} placeholder="文件名不能为空" /> <Input ref={inputValue} placeholder="文件名不能为空" />
</Modal> </Modal>

View File

@ -47,7 +47,7 @@ const DirDeleteFile = (prop) => {
okText="确认" okText="确认"
cancelText="取消" cancelText="取消"
> >
<span className="menuItemClick">删除文件</span> <a className="menuItemClick">删除文件</a>
</Popconfirm>; </Popconfirm>;
}; };
export default DirDeleteFile; export default DirDeleteFile;

View File

@ -6,7 +6,7 @@ const RefreshDir = (prop) => {
prop.refreshDir(prop.filePath) prop.refreshDir(prop.filePath)
}; };
return ( return (
<span className="menuItemClick" onClick={refreshDir}>更新目录</span> <a className="menuItemClick" onClick={refreshDir}>更新目录</a>
); );
}; };
export default RefreshDir; export default RefreshDir;

View File

@ -36,7 +36,7 @@ const UpdateFileName = (prop) => {
}; };
return ( return (
<> <>
<span className="menuItemClick" onClick={showModal}>修改文件名</span> <a className="menuItemClick" onClick={showModal}>修改文件名</a>
<Modal title="修改文件名" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}> <Modal title="修改文件名" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
<Input ref={inputValue} placeholder={prop.fileName} /> <Input ref={inputValue} placeholder={prop.fileName} />
</Modal> </Modal>

View File

@ -308,7 +308,7 @@ const ItemTree = (prop) => {
const menuItem = [] const menuItem = []
if (dirFlag){ if (dirFlag){
menuItem.push(getMenuItem('1',<DirAddDir fileDir={key} />)) menuItem.push(getMenuItem('1',<DirAddDir fileDir={key} />))
menuItem.push(getMenuItem('2',"添加文件",[ menuItem.push(getMenuItem('2',<a>添加文件</a>,[
getMenuItem("2-1",<DirAddFile fileDir={key} fileExt=".md"/>), getMenuItem("2-1",<DirAddFile fileDir={key} fileExt=".md"/>),
getMenuItem("2-2",<DirAddFile fileDir={key} fileExt=".lexical"/>)] getMenuItem("2-2",<DirAddFile fileDir={key} fileExt=".lexical"/>)]
),null, 'group' ),null, 'group'