From d988a9f8a60e42c8370aac77a38e4d8c07fc6b49 Mon Sep 17 00:00:00 2001
From: 1549469775 <1549469775@qq.com>
Date: Fri, 6 Aug 2021 14:30:09 +0800
Subject: [PATCH] add

---
 a.md                                      |   4 +-
 backup/Home/Dialog.tsx                    |  62 ++++++++++++
 backup/Home/dialog.module.scss            |  31 ++++++
 backup/Home/index.module.scss             |  10 ++
 backup/Home/index.tsx                     | 152 ++++++++++++++++++++++++++++++
 backup/Home/useLocation.ts                |   7 ++
 src/main/facilities/float/index.ts        |   2 +-
 src/render/views/About/index.tsx          |   4 +-
 src/render/views/Home/Dialog.tsx          |  62 ------------
 src/render/views/Home/dialog.module.scss  |  31 ------
 src/render/views/Home/index.tsx           | 120 +----------------------
 src/render/views/Home/useLocation.ts      |   7 --
 src/render/views/Layout/index.module.scss |   9 ++
 src/render/views/Layout/index.tsx         |  63 ++++++-------
 14 files changed, 310 insertions(+), 254 deletions(-)
 create mode 100644 backup/Home/Dialog.tsx
 create mode 100644 backup/Home/dialog.module.scss
 create mode 100644 backup/Home/index.module.scss
 create mode 100644 backup/Home/index.tsx
 create mode 100644 backup/Home/useLocation.ts
 delete mode 100644 src/render/views/Home/Dialog.tsx
 delete mode 100644 src/render/views/Home/dialog.module.scss
 delete mode 100644 src/render/views/Home/useLocation.ts

diff --git a/a.md b/a.md
index e8c819f..aad5b11 100644
--- a/a.md
+++ b/a.md
@@ -22,4 +22,6 @@ https://www.jianshu.com/p/4699b825d285
     https://chakra-ui.com/
     https://www.npmjs.com/package/node-fetch
     https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch
-    react-desktop
\ No newline at end of file
+    react-desktop
+
+    考虑使用谷歌的材料ui
\ No newline at end of file
diff --git a/backup/Home/Dialog.tsx b/backup/Home/Dialog.tsx
new file mode 100644
index 0000000..a91e6e0
--- /dev/null
+++ b/backup/Home/Dialog.tsx
@@ -0,0 +1,62 @@
+import { Button, ButtonGroup, Card, FormGroup, InputGroup, Overlay, TextArea } from "@blueprintjs/core"
+import cs from "classnames"
+import React, { useEffect, useState } from "react"
+import style from "./dialog.module.scss"
+
+export default function Dialog(props: any) {
+  const { isOpen, setIsOpen } = props
+
+  const [title, setTitle] = useState<string>("")
+  const [time, setTime] = useState<string>("")
+  const [desc, setDesc] = useState<string>("")
+
+  function clickConfrim(){
+    props.onConfrim&&props.onConfrim(title,time,desc)
+  }
+  function clickCancel(){
+    setIsOpen(false)
+    props.onCancel&&props.onCancel()
+  }
+  useEffect(()=>{
+    if(isOpen){
+      setTitle("")
+      setTime("")
+      setDesc("")
+    }
+  }, [isOpen])
+
+  return (
+    <Overlay
+      isOpen={isOpen}
+      onClose={() => {
+        setIsOpen(false)
+      }}
+    >
+      <div className={cs(style.dialog)}>
+        <Card>
+          <form className="addClock clearfix">
+            <FormGroup label="标题" labelFor="title-input" labelInfo="(required)">
+              <InputGroup value={title} onChange={e => setTitle(e.target.value)} id="title-input" placeholder="请输入标题"/>
+            </FormGroup>
+            <FormGroup helperText="一个通用的时间表示法" label="时间区间" labelFor="time-input" labelInfo="(required)">
+              <InputGroup value={time} onChange={e => setTime(e.target.value)} id="time-input" placeholder="请输入时间区间"/>
+            </FormGroup>
+            <FormGroup label="描述" labelFor="desc-input">
+              <TextArea value={desc} onChange={e => setDesc(e.target.value)} id="desc-input" style={{ width: "100%" }}
+                        growVertically={true} large={true} intent="primary"/>
+            </FormGroup>
+            <ButtonGroup style={{ float: "right" }}>
+              <Button
+                intent="primary"
+                onClick={()=>clickConfrim()}
+              >
+                确认
+              </Button>
+              <Button intent="danger" onClick={()=>clickCancel()}>取消</Button>
+            </ButtonGroup>
+          </form>
+        </Card>
+      </div>
+    </Overlay>
+  )
+}
diff --git a/backup/Home/dialog.module.scss b/backup/Home/dialog.module.scss
new file mode 100644
index 0000000..02331ca
--- /dev/null
+++ b/backup/Home/dialog.module.scss
@@ -0,0 +1,31 @@
+.dialog {
+  left: calc(50vw - 200px);
+  width: 400px;
+  margin: 10vh 0;
+  top: 0;
+  &:global(.bp3-overlay-appear),
+  &:global(.bp3-overlay-enter) {
+    transform: translateY(-50vh) rotate(-10deg);
+  }
+
+  &:global(.bp3-overlay-appear-active),
+  &:global(.bp3-overlay-enter-active) {
+    transform: translateY(0) rotate(0deg);
+    transition-delay: 0;
+    transition-duration: 0.3s;
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+  }
+
+  &:global(.bp3-overlay-exit) {
+    transform: translateY(0) rotate(0deg);
+  }
+
+  &:global(.bp3-overlay-exit-active) {
+    transform: translateY(150vh) rotate(-20deg);
+    transition-delay: 0;
+    transition-duration: 0.5s;
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
+  }
+}
diff --git a/backup/Home/index.module.scss b/backup/Home/index.module.scss
new file mode 100644
index 0000000..e7062d7
--- /dev/null
+++ b/backup/Home/index.module.scss
@@ -0,0 +1,10 @@
+.container {
+  padding: 20px;
+  .title {
+    font-size: 25px;
+    font-weight: bolder;
+  }
+  .opeation {
+    margin: 20px 0;
+  }
+}
diff --git a/backup/Home/index.tsx b/backup/Home/index.tsx
new file mode 100644
index 0000000..f53b55c
--- /dev/null
+++ b/backup/Home/index.tsx
@@ -0,0 +1,152 @@
+import electron from "@/plugins/electron"
+import { addTodo, removeTodo } from "@/store/action/todo"
+import { Button, ButtonGroup, ControlGroup, FormGroup, HotkeysProvider, InputGroup } from "@blueprintjs/core"
+import { Cell, Column, Table2 } from "@blueprintjs/table"
+import cs from "classnames"
+import _ from "lodash"
+import React, { useEffect, useRef, useState } from "react"
+import { connect } from "react-redux"
+import Dialog from "./Dialog"
+import style from "./index.module.scss"
+import useLocation from "./useLocation"
+
+export interface HomeProps {
+  add(text: string): void
+
+  todo: ITodo[]
+
+  remove(id: number): void
+}
+
+let keyGen = 0
+
+function Home(props: HomeProps) {
+  const [isOpen, setIsOpen] = useState<boolean>(false)
+  const keyRef = useRef<HTMLInputElement>(null)
+
+  function delItem() {
+    let key = keyRef.current?.value
+    if (key) {
+      let index = _.findIndex(clockList, { key: +key })
+      if (index != -1) {
+        var list = [...clockList]
+        list.splice(index, 1)
+        setClockList(list)
+        keyRef.current!.value = ""
+      }
+    }
+  }
+
+  const { save, get } = useLocation()
+  const [clockList, setClockList] = useState<Record<string, any>[]>([])
+  const keyList = _.map(clockList, "key")
+  const titleList = _.map(clockList, "title")
+  const timeList = _.map(clockList, "time")
+  const descList = _.map(clockList, "desc")
+
+  function onConfrim(title: string, time: string, desc: string) {
+    if (title && time) {
+      const value = {
+        key: ++keyGen,
+        title: title,
+        time: time,
+        desc: desc,
+      }
+      setClockList([...clockList, value])
+      setIsOpen(false)
+    }
+  }
+
+  useEffect(() => {
+    ;(async () => {
+      let list = await electron.ipcRenderer.invoke("@func:clock:getData")
+      if (list) {
+        setClockList(list)
+        const keyList = _.map(list, "key")
+        if (keyList.length) {
+          keyGen = Math.max(...keyList)
+        }
+      }
+    })()
+  }, [])
+  useEffect(() => {
+    electron.ipcRenderer.send("@func:clock:saveData", clockList)
+  }, [clockList])
+
+  return (
+    <div className={cs(style.container, "container")}>
+      <div className={style.title}>闹钟列表</div>
+      <div className={style.opeation}>
+        <ButtonGroup>
+          <Button
+            icon="insert"
+            onClick={() => {
+              setIsOpen(true)
+            }}
+          >
+            添加闹钟
+          </Button>
+          <Button icon="refresh">同步闹钟</Button>
+        </ButtonGroup>
+      </div>
+      <table>
+        <thead>
+          <tr>
+            <th>Month</th>
+            <th>Savings</th>
+          </tr>
+        </thead>
+
+        <tfoot>
+          <tr>
+            <td>Sum</td>
+            <td>$180</td>
+          </tr>
+        </tfoot>
+
+        <tbody>
+          <tr>
+            <td>January</td>
+            <td>$100</td>
+          </tr>
+          <tr>
+            <td>February</td>
+            <td>$80</td>
+          </tr>
+        </tbody>
+      </table>
+      {/* <HotkeysProvider>
+        <Table2 numRows={titleList.length}>
+          <Column name="KEY" cellRenderer={index => <Cell>{keyList[index]}</Cell>}></Column>
+          <Column name="标题" cellRenderer={index => <Cell>{titleList[index]}</Cell>}></Column>
+          <Column name="时间" cellRenderer={index => <Cell>{timeList[index]}</Cell>}></Column>
+          <Column name="描述" cellRenderer={index => <Cell>{descList[index]}</Cell>}></Column>
+        </Table2>
+      </HotkeysProvider> */}  
+      <div style={{ margin: "10px 0" }}>
+        <FormGroup helperText="需要填入指定的闹钟进行删除" label="Key" labelFor="text-input" labelInfo="(required)">
+          <ControlGroup fill={false} vertical={false}>
+            <InputGroup inputRef={keyRef} id="text-input" placeholder="请输入Key值进行删除" />
+            <Button onClick={() => delItem()} icon="trash" intent="danger" type="submit">
+              删除
+            </Button>
+          </ControlGroup>
+        </FormGroup>
+      </div>
+      <Dialog isOpen={isOpen} setIsOpen={setIsOpen} onConfrim={onConfrim}></Dialog>
+    </div>
+  )
+}
+
+const mapStateToProps = (state: any) => {
+  return {
+    todo: state.todo,
+  }
+}
+
+const mapDispatchToProps = (dispatch: any) => ({
+  add: (text: string) => dispatch(addTodo(text)),
+  remove: (id: string | number) => dispatch(removeTodo(id)),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Home)
diff --git a/backup/Home/useLocation.ts b/backup/Home/useLocation.ts
new file mode 100644
index 0000000..b6ef74d
--- /dev/null
+++ b/backup/Home/useLocation.ts
@@ -0,0 +1,7 @@
+export default function useLocation() {
+  return {
+    save: localStorage.setItem.bind(localStorage),
+    remove: localStorage.removeItem.bind(localStorage),
+    get: localStorage.getItem.bind(localStorage),
+  }
+}
diff --git a/src/main/facilities/float/index.ts b/src/main/facilities/float/index.ts
index 7644a84..6aafdce 100644
--- a/src/main/facilities/float/index.ts
+++ b/src/main/facilities/float/index.ts
@@ -82,7 +82,7 @@ ipcMain.on("@func:float:showRightMenu", e => {
 function createSuspensionWindow() {
   Shared.data.floatWindow = new BrowserWindow({
     width: 260, // 悬浮窗口的宽度 比实际DIV的宽度要多2px 因为有1px的边框
-    height: 95, // 悬浮窗口的高度 比实际DIV的高度要多2px 因为有1px的边框
+    height: 105, // 悬浮窗口的高度 比实际DIV的高度要多2px 因为有1px的边框
     type: "toolbar", // 创建的窗口类型为工具栏窗口
     frame: false, // 要创建无边框窗口
     resizable: false, // 禁止窗口大小缩放
diff --git a/src/render/views/About/index.tsx b/src/render/views/About/index.tsx
index 1a77efb..e37b31f 100644
--- a/src/render/views/About/index.tsx
+++ b/src/render/views/About/index.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import style from "./index.module.scss"
 import { useLocation, Route, Switch, useHistory } from "react-router-dom"
-// import html from "./a.md"
+import html from "./a.md"
 
 function Test() {
   return <div>test</div>
@@ -20,7 +20,7 @@ export default function About(props: any) {
   return (
     <div className={`container ${style.about}`}>
       <div className={"bp3-running-text bp3-text-large"}>
-         {/* {html} */}
+        {html}
       </div>
       {/*<div onClick={() =>back()}>阿萨 阿松大asdasd</div>*/}
       {/*<div>22{props.children}{location.href}</div>*/}
diff --git a/src/render/views/Home/Dialog.tsx b/src/render/views/Home/Dialog.tsx
deleted file mode 100644
index a91e6e0..0000000
--- a/src/render/views/Home/Dialog.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Button, ButtonGroup, Card, FormGroup, InputGroup, Overlay, TextArea } from "@blueprintjs/core"
-import cs from "classnames"
-import React, { useEffect, useState } from "react"
-import style from "./dialog.module.scss"
-
-export default function Dialog(props: any) {
-  const { isOpen, setIsOpen } = props
-
-  const [title, setTitle] = useState<string>("")
-  const [time, setTime] = useState<string>("")
-  const [desc, setDesc] = useState<string>("")
-
-  function clickConfrim(){
-    props.onConfrim&&props.onConfrim(title,time,desc)
-  }
-  function clickCancel(){
-    setIsOpen(false)
-    props.onCancel&&props.onCancel()
-  }
-  useEffect(()=>{
-    if(isOpen){
-      setTitle("")
-      setTime("")
-      setDesc("")
-    }
-  }, [isOpen])
-
-  return (
-    <Overlay
-      isOpen={isOpen}
-      onClose={() => {
-        setIsOpen(false)
-      }}
-    >
-      <div className={cs(style.dialog)}>
-        <Card>
-          <form className="addClock clearfix">
-            <FormGroup label="标题" labelFor="title-input" labelInfo="(required)">
-              <InputGroup value={title} onChange={e => setTitle(e.target.value)} id="title-input" placeholder="请输入标题"/>
-            </FormGroup>
-            <FormGroup helperText="一个通用的时间表示法" label="时间区间" labelFor="time-input" labelInfo="(required)">
-              <InputGroup value={time} onChange={e => setTime(e.target.value)} id="time-input" placeholder="请输入时间区间"/>
-            </FormGroup>
-            <FormGroup label="描述" labelFor="desc-input">
-              <TextArea value={desc} onChange={e => setDesc(e.target.value)} id="desc-input" style={{ width: "100%" }}
-                        growVertically={true} large={true} intent="primary"/>
-            </FormGroup>
-            <ButtonGroup style={{ float: "right" }}>
-              <Button
-                intent="primary"
-                onClick={()=>clickConfrim()}
-              >
-                确认
-              </Button>
-              <Button intent="danger" onClick={()=>clickCancel()}>取消</Button>
-            </ButtonGroup>
-          </form>
-        </Card>
-      </div>
-    </Overlay>
-  )
-}
diff --git a/src/render/views/Home/dialog.module.scss b/src/render/views/Home/dialog.module.scss
deleted file mode 100644
index 02331ca..0000000
--- a/src/render/views/Home/dialog.module.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-.dialog {
-  left: calc(50vw - 200px);
-  width: 400px;
-  margin: 10vh 0;
-  top: 0;
-  &:global(.bp3-overlay-appear),
-  &:global(.bp3-overlay-enter) {
-    transform: translateY(-50vh) rotate(-10deg);
-  }
-
-  &:global(.bp3-overlay-appear-active),
-  &:global(.bp3-overlay-enter-active) {
-    transform: translateY(0) rotate(0deg);
-    transition-delay: 0;
-    transition-duration: 0.3s;
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
-  }
-
-  &:global(.bp3-overlay-exit) {
-    transform: translateY(0) rotate(0deg);
-  }
-
-  &:global(.bp3-overlay-exit-active) {
-    transform: translateY(150vh) rotate(-20deg);
-    transition-delay: 0;
-    transition-duration: 0.5s;
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
-  }
-}
diff --git a/src/render/views/Home/index.tsx b/src/render/views/Home/index.tsx
index 5955ccc..44b2c71 100644
--- a/src/render/views/Home/index.tsx
+++ b/src/render/views/Home/index.tsx
@@ -1,127 +1,15 @@
 import electron from "@/plugins/electron"
-import { addTodo, removeTodo } from "@/store/action/todo"
-import { Button, ButtonGroup, ControlGroup, FormGroup, HotkeysProvider, InputGroup } from "@blueprintjs/core"
-import { Cell, Column, Table2 } from "@blueprintjs/table"
 import cs from "classnames"
 import _ from "lodash"
-import React, { useEffect, useRef, useState } from "react"
-import { connect } from "react-redux"
-import Dialog from "./Dialog"
+import React from "react"
 import style from "./index.module.scss"
-import useLocation from "./useLocation"
-
-export interface HomeProps {
-  add(text: string): void
-
-  todo: ITodo[]
-
-  remove(id: number): void
-}
-
-let keyGen = 0
-
-function Home(props: HomeProps) {
-  const [isOpen, setIsOpen] = useState<boolean>(false)
-  const keyRef = useRef<HTMLInputElement>(null)
-
-  function delItem() {
-    let key = keyRef.current?.value
-    if (key) {
-      let index = _.findIndex(clockList, { key: +key })
-      if (index != -1) {
-        var list = [...clockList]
-        list.splice(index, 1)
-        setClockList(list)
-        keyRef.current!.value = ""
-      }
-    }
-  }
-
-  const { save, get } = useLocation()
-  const [clockList, setClockList] = useState<Record<string, any>[]>([])
-  const keyList = _.map(clockList, "key")
-  const titleList = _.map(clockList, "title")
-  const timeList = _.map(clockList, "time")
-  const descList = _.map(clockList, "desc")
-
-  function onConfrim(title: string, time: string, desc: string) {
-    if (title && time) {
-      const value = {
-        key: ++keyGen,
-        title: title,
-        time: time,
-        desc: desc
-      }
-      setClockList([...clockList, value])
-      setIsOpen(false)
-
-    }
-  }
-
-  useEffect(() => {
-    (async ()=>{
-      let list = await electron.ipcRenderer.invoke("@func:clock:getData")
-      if(list){
-        setClockList(list)
-        const keyList = _.map(list, "key")
-        if (keyList.length) {
-          keyGen = Math.max(...keyList)
-        }
-      }
-    })()
-  }, [])
-  useEffect(() => {
-    electron.ipcRenderer.send("@func:clock:saveData", clockList)
-  }, [clockList])
 
+function Home() {
   return (
     <div className={cs(style.container, "container")}>
-      <div className={style.title}>闹钟列表</div>
-      <div className={style.opeation}>
-        <ButtonGroup>
-          <Button
-            icon="insert"
-            onClick={() => {
-              setIsOpen(true)
-            }}
-          >
-            添加闹钟
-          </Button>
-          <Button icon="refresh">同步闹钟</Button>
-        </ButtonGroup>
-      </div>
-      <HotkeysProvider>
-        <Table2 numRows={titleList.length}>
-          <Column name="KEY" cellRenderer={index => <Cell>{keyList[index]}</Cell>}></Column>
-          <Column name="标题" cellRenderer={index => <Cell>{titleList[index]}</Cell>}></Column>
-          <Column name="时间" cellRenderer={index => <Cell>{timeList[index]}</Cell>}></Column>
-          <Column name="描述" cellRenderer={index => <Cell>{descList[index]}</Cell>}></Column>
-        </Table2>
-      </HotkeysProvider>
-      <div style={{ margin: "10px 0" }}>
-        <FormGroup helperText="需要填入指定的闹钟进行删除" label="Key" labelFor="text-input" labelInfo="(required)">
-          <ControlGroup fill={false} vertical={false}>
-            <InputGroup inputRef={keyRef} id="text-input" placeholder="请输入Key值进行删除"/>
-            <Button onClick={() => delItem()} icon="trash" intent="danger" type="submit">
-              删除
-            </Button>
-          </ControlGroup>
-        </FormGroup>
-      </div>
-      <Dialog isOpen={isOpen} setIsOpen={setIsOpen} onConfrim={onConfrim}></Dialog>
+      add 
     </div>
   )
 }
 
-const mapStateToProps = (state: any) => {
-  return {
-    todo: state.todo
-  }
-}
-
-const mapDispatchToProps = (dispatch: any) => ({
-  add: (text: string) => dispatch(addTodo(text)),
-  remove: (id: string | number) => dispatch(removeTodo(id))
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(Home)
+export default Home
\ No newline at end of file
diff --git a/src/render/views/Home/useLocation.ts b/src/render/views/Home/useLocation.ts
deleted file mode 100644
index b6ef74d..0000000
--- a/src/render/views/Home/useLocation.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function useLocation() {
-  return {
-    save: localStorage.setItem.bind(localStorage),
-    remove: localStorage.removeItem.bind(localStorage),
-    get: localStorage.getItem.bind(localStorage),
-  }
-}
diff --git a/src/render/views/Layout/index.module.scss b/src/render/views/Layout/index.module.scss
index a6b2b3b..4d39186 100644
--- a/src/render/views/Layout/index.module.scss
+++ b/src/render/views/Layout/index.module.scss
@@ -3,6 +3,15 @@
   height: 100vh;
   position: relative;
   transform:scale(1,1);
+  &.NoLayout{
+    .left {
+      display: none;
+      width: 0;
+    }
+    .right{
+      margin-left: 0;
+    }
+  }
   .left {
     position: fixed;
     left: 0;
diff --git a/src/render/views/Layout/index.tsx b/src/render/views/Layout/index.tsx
index de62bc3..3cbbbd3 100644
--- a/src/render/views/Layout/index.tsx
+++ b/src/render/views/Layout/index.tsx
@@ -3,11 +3,11 @@ import route, { useRoute } from "@render/route"
 import React, { Fragment } from "react"
 import { NavLink, useLocation } from "react-router-dom"
 import style from "./index.module.scss"
-import { TitleBar, Toolbar, Text } from "react-desktop/macOs"
+import cs from "classnames"
 
-// interface IProps {
-//   render(): ReactElement
-// }
+function ActionItem(){
+  
+}
 
 export default function Layout(props: any) {
   let isLayout = true
@@ -26,8 +26,8 @@ export default function Layout(props: any) {
     {
       path: "/home",
       icon: "time",
-      title: "添加闹钟",
-      text: "闹钟",
+      title: "首页",
+      text: "首页",
     },
     {
       path: "/about",
@@ -35,39 +35,34 @@ export default function Layout(props: any) {
       title: "添加闹钟",
       text: "关于",
     },
-    {
-      path: "/float",
-      icon: "mugshot",
-      title: "浮动框测试",
-      text: "浮动",
-    },
   ]
 
-  return isLayout ? (
-      <div className={style.Layout}>
-        <div className={style.left}>
-          <div className={style.leftList}>
-            {list.map((v, i) => (
-              <NavLink key={i} replace to={v.path} style={{ display: "block" }}>
-                <div className={style.leftItem} title={v.title}>
-                  <Icon icon={v.icon} size={20} />
-                  <div>{v.text}</div>
-                  {v.path == curRoute.path && <div className={style.activeLine}></div>}
-                </div>
-              </NavLink>
-            ))}
+  return (
+    <div className={cs(style.Layout, !isLayout ? style.NoLayout : "")}>
+      <div className={style.left}>
+        <div className={style.leftList}>
+          {list.map((v, i) => (
+            <NavLink key={i} replace to={v.path} style={{ display: "block" }}>
+              <div className={style.leftItem} title={v.title}>
+                <Icon icon={v.icon} size={22} />
+                <div>{v.text}</div>
+                {v.path == curRoute.path && <div className={style.activeLine}></div>}
+              </div>
+            </NavLink>
+          ))}
+        </div>
+        <div className={style.leftListBottom}>
+          <div className={style.leftItem} title={"设置"}>
+            <Icon icon="settings" size={22} />
           </div>
-          <div className={style.leftListBottom}>
-            <div className={style.leftItem} title={"设置"}>
-              <Icon icon="settings" size={20} />
-            </div>
+          <div className={style.leftItem} title={"设置"}>
+            <Icon icon="settings" size={22} />
           </div>
         </div>
-        <div className={style.right}>
-          <props.render></props.render>
-        </div>
       </div>
-  ) : (
-    <props.render></props.render>
+      <div className={style.right}>
+        <props.render></props.render>
+      </div>
+    </div>
   )
 }