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

src/components/ItemTree/CloseDir/index.jsx

@@ -9,6 +9,6 @@ function CloseDir (prop) {
     const closeDir = ()=>{
         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;

src/components/ItemTree/DirAddDir/index.jsx

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

src/components/ItemTree/DirAddFile/index.jsx

@@ -47,10 +47,10 @@ const DirAddFile = (prop) => {
     };
     return <>
         {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}>
             <Input ref={inputValue} placeholder="文件名不能为空" />
         </Modal>
     </>;
 };
-export default DirAddFile;
+export default DirAddFile;

src/components/ItemTree/DirDeleteFile/index.jsx

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

src/components/ItemTree/RefreshDir/index.jsx

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

src/components/ItemTree/UpdateFileName/index.jsx

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

src/components/ItemTree/index.jsx

@@ -308,7 +308,7 @@ const ItemTree = (prop) => {
         const menuItem = []
         if (dirFlag){
             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-2",<DirAddFile fileDir={key} fileExt=".lexical"/>)]
                 ),null, 'group'