feat：开始最大化

main.js

@@ -31,7 +31,7 @@ const createWindow = () => {
         // 加载 index.html
         win.loadFile('./index.html')
     }
-
+    win.maximize()
     // let okPush =false
     win.webContents.on('before-input-event', (event, input) => {
         console.log("input.type.toLowerCase()", input)

src/App.js

@@ -1,4 +1,4 @@
-import React, {useId} from 'react';
+import React, {Fragment, useId} from 'react';
 import routes from './routes'
 import {Outlet, useNavigate, useRoutes} from 'react-router-dom'
 import useIpcRenderer from '../src/utils/useIpcRenderer'
@@ -31,11 +31,11 @@ function App() {
   useIpcRenderer({'openDirectory':addNewDir})
   // useIpcRenderer({'pushHotkeys':pushHotkeysAction})
   return (
-    <>
+    <Fragment>
       {/* 注册路由 */}
       {/*{element}*/}
       <Note/>
-    </>
+    </Fragment>
   )
 
 }

src/components/ItemTree/index.less

@@ -1,6 +1,6 @@
 @import '~antd/dist/reset.css';
 .ant-tree{
-  overflow: auto scroll;
+  overflow: auto;
   height: 95.7%;
 }
 .ant-tree-node-content-wrapper {

src/pages/Note/Hlexical/index.less

@@ -55,12 +55,6 @@ h1 {
   border-top-right-radius: 10px;
   height: 100%;
 }
-
-.toolbar {
-  height: 4.9%;
-  margin-bottom: 0.1%
-}
-
 .editor-inner {
   background: #fff;
   position: relative;
@@ -187,6 +181,9 @@ pre::-webkit-scrollbar-thumb {
 }
 
 .toolbar {
+  margin-left: 20px;
+  margin-right: 20px;
+  height: 46px;
   display: flex;
   margin-bottom: 1px;
   background: #fff;

src/pages/Note/Hlexical/plugins/SaveFilePlugin.js

@@ -1,17 +1,18 @@
 import {useLexicalComposerContext} from "@lexical/react/LexicalComposerContext";
-import {Fragment, useEffect, useState} from "react";
+import {useEffect, useState} from "react";
 import {importFile, overWriteFile, saveFileWithName} from "../../../../utils/File";
 import {isEmpty} from "../../../../utils/ObjectUtils";
-import {CLEAR_HISTORY_COMMAND} from "lexical";
+import {TRANSFORMERS, $convertToMarkdownString,} from "@lexical/markdown";
-import {TRANSFORMERS, $convertFromMarkdownString, $convertToMarkdownString,} from "@lexical/markdown";
 import {getFileExtByPath, getFileFullNameByPath, getFileNameByPath} from "../../../../utils/PathOperate";
 import {updatedSavedFile} from "../../../../redux/tableBarItem_reducer";
 import {useDispatch, useSelector} from "react-redux";
 import md5 from "md5"
 import {message} from "antd";
+
 const {ipcRenderer} = window.require('electron')
 import "./ToobarPlugin.less"
 import {newFileAdd, updateFileMd5} from "../../../../redux/dirMessage_reducer";
+
 const SaveFilePlugin = (props) => {
     let activeKey = useSelector(state => state.tableBarItem.activeKey);
     const dispatch = useDispatch();
@@ -43,7 +44,7 @@ const SaveFilePlugin=(props)=> {
             console.log("文件不同", filePath, activeKey)
             return;
         }
-    console.log("触发保存filePath:", filePath)
+        console.log("触发保存filePath:", editorState,filePath)
         if (isEmpty(editorState)) {
             return
         }
@@ -71,8 +72,10 @@ const SaveFilePlugin=(props)=> {
                     // 修改当前文件名
                     dispatch(updatedSavedFile({filePath: filePath}))
                     // 文件目录更新
-          dispatch(newFileAdd({fileName:getFileFullNameByPath(filePath),dirFlag:false,children:[],filePath: filePath,
+                    dispatch(newFileAdd({
-          fileId:filePath,fileMd5:md5(resultSave)}))
+                        fileName: getFileFullNameByPath(filePath), dirFlag: false, children: [], filePath: filePath,
+                        fileId: filePath, fileMd5: md5(resultSave)
+                    }))
                 }
             })
             return

src/pages/Note/index.jsx

@@ -20,9 +20,9 @@ const Note = () => {
     const newTabIndex = useRef(0);
 
     const activeKey=useSelector(state => state.tableBarItem.activeKey);
-    const items = useSelector(state => state.tableBarItem.data)
+    const itemList = useSelector(state => state.tableBarItem.data)
     let filePath = useSelector(state => state.dirMessage.dirTree);
-
+    console.log("itemList",itemList)
     const itemTreeTab=[
         {
             key: '1',
@@ -84,30 +84,39 @@ const Note = () => {
 
     return (
         <Layout>
-            <Sider margin='5' collapsedWidth={0} collapsed="true">
+            {/*<Sider margin='5' collapsedWidth={0} collapsed="true">*/}
-                <div>
+            {/*    <div>*/}
-                    <Avatar size={60} src='http://localhost/20231114150555.jpg' icon={<UserOutlined/>}/>
+            {/*        <Avatar size={60} src='http://localhost/20231114150555.jpg' icon={<UserOutlined/>}/>*/}
-                </div>
+            {/*    </div>*/}
-                <div>
+            {/*    <div>*/}
-                    <p style={{color: colorBgContainer, 'fontSize': 60}}>上善若水</p>
+            {/*        <p style={{color: colorBgContainer, 'fontSize': 60}}>上善若水</p>*/}
-                </div>
+            {/*    </div>*/}
-            </Sider>
+            {/*</Sider>*/}
             <Sider trigger={null} collapsedWidth={0} width="300px" collapsible collapsed={collapsed}
-            //       style={{overflow:"auto"}}
+                  style={{overflow:"hidden"}}
             >
-                <Tabs id="itemTreeTabs" defaultActiveKey={useSelector(state => state.tableBarItem.leftTableOfContents)} items={itemTreeTab}
+                {/* 文件 标题 */}
+                <Tabs id="itemTreeTabs"
+                      defaultActiveKey={useSelector(state => state.tableBarItem.leftTableOfContents)}
+                      items={itemTreeTab}
                       onChange={onChangeLeftTableOfContents}
-                    style ={{background:"#fff"}}
+                      style ={{background:"#fff",width:'100%'}}
                 />
             </Sider>
+
                     <Layout>
                         <Tabs
+                            id="layout-note"
                             type="editable-card"
                             onChange={onChange}
                             activeKey={activeKey}
                             onEdit={onEdit}
-                    items={items.map(item=>{
+                            items={itemList.map(item=>{
-                        return {label:item.label,children: <div className="HlexicalName"><Hlexical  filePath={item.children}/></div>,key:item.key}
+                                return {
+                                    label:item.label,
+                                    children: <div className="HlexicalName"><Hlexical  filePath={item.children}/></div>,
+                                    key:item.key
+                                }
                             })}
                         />
                     </Layout>

src/pages/Note/index.less

@@ -1,3 +1,6 @@
+.ant-layout .ant-layout-has-sider .css-dev-only-do-not-override-1okl62o{
+  overflow: hidden;
+}
 .HlexicalName {
   // 顶上有标题设置100h后下面会多处一部分
   height: 100%;
@@ -10,11 +13,15 @@
   margin: 0;
   height: 100%;
 }
+#layout-note .ant-tabs-nav{
+  //width: calc(100% - 300px);
+  margin: 0px 20px;
+}
 #itemTreeTabs .ant-tabs-nav {
-  height: 6%;
+  height: 60px;
 }
 #itemTreeTabs .ant-tabs-content-holder{
-  height: 94%;
+  height: calc (100%-60px);
 }
 #itemTreeTabs .ant-tabs-tab{
   margin: 0;
@@ -28,12 +35,12 @@
 #itemTreeTabs .ant-tabs-tab-btn{
   width: 100%;
 }
-.ant-tabs-nav .ant-tabs-nav-add,
+//.ant-tabs-nav .ant-tabs-nav-add,
-/* 显示新增标签按钮 */
+///* 显示新增标签按钮 */
-.ant-tabs-nav-operations {
+//.ant-tabs-nav-operations {
-  display: inline-block;
+//  display: inline-block;
-}
+//}
 /* 隐藏触发隐藏操作按钮的样式 */
-.ant-tabs-nav-operations-hidden {
+//.ant-tabs-nav-operations-hidden {
-  display: none !important;
+//  display: none !important;
-}
+//}