\r\n {\r\n IsMarkdown ?\r\n
\r\n */\r\n render() {\r\n const { editorState,currentNote } = this.state\r\n let IsMarkdown = currentNote.IsMarkdown\r\n return (\r\n \r\n
: \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {currentNote.Content}\r\n \r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n {\r\n IsMarkdown ?\r\n
\r\n )\r\n\r\n }\r\n}\r\n\r\nexport default MyBraftEditor;","export const addTagListAction = TagListOrSingleTag => ({type:\"add\",TagListOrSingleTag})\r\nexport const deleteTagListAction = TagListOrSingleTag => ({type:\"delete\",TagListOrSingleTag})\r\nexport const clearAllTagAction = TagListOrSingleTag => ({type:\"clear\",TagListOrSingleTag})\r\n// export const requestTagListAction = TagListOrSingleTag => ({type:\"request\",TagListOrSingleTag})","import React, {Component} from 'react';\r\nimport {PageHeader, Descriptions, Tag, Tooltip, Input, message, notification, Button} from 'antd';\r\nimport PubSub from \"pubsub-js\";\r\nimport moment from \"moment\";\r\nimport {PlusOutlined, SaveOutlined} from '@ant-design/icons';\r\nimport {connect} from \"react-redux\";\r\nimport {request, synchronizedRequest} from \"../../../../Utils/request\";\r\nimport {addTagListAction, deleteTagListAction} from \"../../../../redux/actions/updateTagListAction\";\r\nimport './index.css'\r\nclass MyPageHeader extends Component {\r\n\r\n state = {\r\n NoteInfo:{\r\n subTitle:'',\r\n CreatedTime:'',\r\n UpdatedTime:'',\r\n //当前notebook的tag数组\r\n Tags:[],\r\n parentTitle:'',\r\n // NoteUsn:0,\r\n NoteId:\"\",\r\n NotebookId:'',\r\n Usn:0\r\n },\r\n //总状态的数组用于寻找Usn来进行更新操作\r\n inputVisible: false,\r\n inputValue: '',\r\n editInputIndex: -1,\r\n editInputValue: '',\r\n //告诉用户关于删除Tag的操作\r\n hasGiveTagInformation:false\r\n }\r\n componentDidMount() {\r\n PubSub.subscribe(\"NoteInfo\",(msg,data) => {\r\n let{NoteInfo} = this.state;\r\n switch (data.type){\r\n case \"click\":\r\n this.setState({NoteInfo:data.NoteInfo})\r\n break;\r\n case \"update\":\r\n //只有是当前选中的NoteInfo才去更新显示信息\r\n if(NoteInfo && NoteInfo.NoteId === data.NoteInfo.NoteId){\r\n console.log(\"BeforePageHeaderUpdate\",NoteInfo)\r\n let{UpdatedTime,subTitle,Usn} = data.NoteInfo\r\n // let{UpdatedTime,subTitle,Usn} = data.NoteInfo\r\n // NoteInfo = {...NoteInfo,UpdatedTime,subTitle,Usn}\r\n NoteInfo = {...NoteInfo,UpdatedTime,subTitle,Usn}\r\n this.setState({NoteInfo});\r\n }\r\n /* this.setState(({NoteInfo}) =>{\r\n console.log(\"BeforePageHeaderUpdate\",NoteInfo)\r\n let{UpdatedTime,subTitle,Usn} = data.NoteInfo\r\n NoteInfo = {...NoteInfo,UpdatedTime,subTitle,Usn}\r\n return{\r\n NoteInfo\r\n }\r\n })*/\r\n break;\r\n case \"Tag\":\r\n this.setState({NoteInfo:{}});\r\n }\r\n })\r\n }\r\n componentWillUnmount() {\r\n PubSub.unsubscribe(\"NoteInfo\");\r\n this.setState({},()=>{\r\n return false\r\n });\r\n }\r\n\r\n /**\r\n * 当所有的笔记中都不没有同一个标签时，标签会被标记为IsDeleted:true\r\n * @param removedTag\r\n * @returns 删除Tag的回调\r\n */\r\n handleClose = async removedTag => {\r\n let {NoteInfo,hasGiveTagInformation} = this.state;\r\n let {NoteId,Tags,Usn} = NoteInfo;\r\n let {TagList} = this.props\r\n //总状态的Tag\r\n let TagObj = TagList.find(ele => ele.Tag === removedTag);\r\n //当前页头的Tag\r\n let currentNewTags = Tags.filter(tag => tag !== removedTag);\r\n //给的api在空标签状态下需要放一个空串否则过不了\r\n // if (currentNewTags.length === 0) currentNewTags[0] = '';\r\n console.log(currentNewTags);\r\n try{\r\n let result;\r\n if (TagObj){\r\n result = await synchronizedRequest([\r\n {url:\"tag/deleteTag\",data:{tag:removedTag,token:this.props.Token,usn:TagObj.Usn},method:\"post\"},\r\n {url:\"note/updateNote\",data:{Tags: [...(currentNewTags.length === 0 ? [\"\"] : currentNewTags)],token:this.props.Token,NoteId,Usn},method:\"post\"}\r\n ])\r\n NoteInfo.Usn = result[1].Usn;\r\n NoteInfo.UpdatedTime = result[1].UpdatedTime;\r\n // Usn = updatedNote.Usn\r\n }else {\r\n result = await request(\"note/updateNote\",{Tags: [...(currentNewTags.length === 0 ? [\"\"] : currentNewTags)],token:this.props.Token,NoteId,Usn})\r\n // NoteInfo.Usn = result.Usn;\r\n }\r\n\r\n console.log(\"删除tag后的更新\",result);\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n //在页面修改时要重新变为空数组\r\n NoteInfo.Tags = currentNewTags\r\n // this.props.deleteTagListAction(TagObj)\r\n if (!hasGiveTagInformation){\r\n const key = `open${Date.now()}`;\r\n const btn = (\r\n \r\n )\r\n notification.open({\r\n message: '提示',\r\n duration:0,\r\n description:\r\n '当所有笔记中都不存在当前标签时,即该标签已经完全被移除时,下一次更新标签导航将不会显示该标签',\r\n btn,\r\n key\r\n })\r\n }\r\n this.setState({NoteInfo,hasGiveTagInformation:true});\r\n PubSub.publish(\"updateNote\",NoteInfo)\r\n // PubSub.publish(\"updateEditor\",NoteInfo)\r\n }else {\r\n message.warn(\"删除失败请稍后再试!\")\r\n }\r\n }catch (e){\r\n console.log(e);\r\n message.warn(\"删除失败请稍后再试!\")\r\n }\r\n };\r\n\r\n showInput = () => {\r\n this.setState({ inputVisible: true }, () => this.input.focus());\r\n };\r\n\r\n handleInputChange = e => {\r\n this.setState({ inputValue: e.target.value });\r\n };\r\n /**\r\n *\r\n * @returns 更新Tag操作\r\n */\r\n handleInputConfirm = async () => {\r\n let {NoteInfo,inputValue} = this.state;\r\n let {NoteId,Tags,Usn} = NoteInfo;\r\n let {TagList} = this.props;\r\n if (inputValue && Tags.indexOf(inputValue) === -1) {\r\n try {\r\n //发请求添加tag并且通知更新当前note的tag信息\r\n let result = await synchronizedRequest([\r\n {url:\"tag/addTag\",data:{tag:inputValue,token:this.props.Token},method:\"post\"},\r\n {url:\"note/updateNote\",data:{Tags: [...Tags,inputValue],token:this.props.Token,NoteId,Usn},method:\"post\"}\r\n ])\r\n // NoteInfo.Usn = result[1].Usn;\r\n NoteInfo.UpdatedTime = result[1].UpdatedTime;\r\n //说明tag修改成功且对应的note也修改成功\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n console.log(result);\r\n // PubSub.publish(\"updateTagList\",{type:\"add\",Tag:result[0]})\r\n Tags = [...Tags, inputValue];\r\n //result[0] = {Tag...}对象信息\r\n if(!TagList.find(ele => ele.Tag === inputValue)){\r\n this.props.addTagListAction([result[0]])\r\n }\r\n NoteInfo.Tags = Tags;\r\n this.setState({\r\n NoteInfo,\r\n });\r\n }\r\n }catch (e){\r\n message.warn(\"网络异常请稍后再试\")\r\n }\r\n }else {\r\n message.info(\"请勿添加相同的标签\")\r\n }\r\n PubSub.publish(\"updateNote\",NoteInfo);\r\n PubSub.publish(\"updateEditor\",NoteInfo);\r\n\r\n this.setState({\r\n inputVisible: false,\r\n inputValue: '',\r\n });\r\n };\r\n\r\n handleEditInputChange = e => {\r\n this.setState({ editInputValue: e.target.value });\r\n };\r\n\r\n handleEditInputConfirm = () => {\r\n this.setState(({ NoteInfo, editInputIndex, editInputValue }) => {\r\n const newTags = [...NoteInfo.Tags];\r\n newTags[editInputIndex] = editInputValue;\r\n NoteInfo.Tags = newTags;\r\n return {\r\n NoteInfo,\r\n editInputIndex: -1,\r\n editInputValue: '',\r\n };\r\n });\r\n };\r\n\r\n saveInputRef = input => {\r\n this.input = input;\r\n };\r\n\r\n saveEditInputRef = input => {\r\n this.editInput = input;\r\n };\r\n\r\n\r\n render() {\r\n let{NoteInfo, inputVisible, inputValue, editInputIndex, editInputValue} = this.state;\r\n let{subTitle,CreatedTime,UpdatedTime,parentTitle,Tags} = NoteInfo;\r\n return (\r\n \r\n
: \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {currentNote.Content}\r\n \r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n \r\n {CreatedTime ? moment(CreatedTime).format(\"YYYY-MM-DD HH:mm:ss\") : ''} \r\n {UpdatedTime ? moment(UpdatedTime).format(\"YYYY-MM-DD HH:mm:ss\") : ''} \r\n \r\n \r\n {parentTitle ?
\r\n );\r\n }\r\n}\r\n\r\n//暴露组件\r\n//state将会是store中的总状态需要分别拿出来\r\nexport default connect(state => ({TagList:state.TagList}),{\r\n //api层面的优化，会自动加入dispatch\r\n deleteTagListAction,\r\n addTagListAction,\r\n // requestTagListAction\r\n})(MyPageHeader);","import React, {Component} from 'react';\r\nimport {Form, Col, Row, Input, Select, DatePicker, Button, message} from 'antd'\r\nconst { Option } = Select;\r\nclass FromNoteBookForm extends Component {\r\n handleOnFinish = async (values) => {\r\n /* if (values.type === 'MarkDown'){\r\n message.warn(\"当前不支持MarkDown编辑器\");\r\n return\r\n }*/\r\n // console.log(values);\r\n if (!values.Tags) values.Tags = [\"\"];\r\n this.props.onFinish(values);\r\n // console.log(values)\r\n }\r\n render() {\r\n // const { tags, inputVisible, inputValue ,children} = this.state;\r\n let{NoteBookList,TagList} = this.props\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default FromNoteBookForm;","import React,{Component,Fragment} from \"react\";\r\nimport {Layout, Menu, Input, message, Button, Dropdown, Tooltip, Tag, notification, Result} from 'antd';\r\nimport {\r\n CopyOutlined, DeleteOutlined, EditOutlined, PlusSquareOutlined,\r\n SmileOutlined, SortAscendingOutlined, SortDescendingOutlined,\r\n TagOutlined, TeamOutlined, UnorderedListOutlined,\r\n} from '@ant-design/icons';\r\nimport Modal from \"antd/es/modal/Modal\";\r\nimport PubSub from \"pubsub-js\";\r\nimport {connect} from \"react-redux\"\r\nimport MyBraftEditor from \"./Braft\";\r\nimport MyPageHeader from \"./MyHeader\";\r\n// import logo from \"../../static/images/leanote/logo/leanote_white.png\"\r\nimport logo from \"../../../static/images/logo/Logo.png\"\r\nimport {request} from \"../../../Utils/request\";\r\nimport {addTagListAction, clearAllTagAction, deleteTagListAction} from \"../../../redux/actions/updateTagListAction\";\r\nimport FromNoteBookForm from \"./Form/FromNoteBook\";\r\nimport './leanote.css'\r\n\r\n\r\nconst { Header, Content, Sider } = Layout;\r\nconst { SubMenu } = Menu;\r\n\r\n\r\nclass Leanote extends Component {\r\n state = {\r\n collapsed: false,\r\n //用户信息\r\n userToken:\"\",\r\n // userID:\"\",\r\n //用户笔记本相关信息\r\n loadingNoteBooksInfo: {isLoading:true,status:true,msg:\"\"},\r\n //所有的Note集合,\r\n NoteList:[],\r\n NoteBookList:[],\r\n headerNoteBookTitle:'',\r\n\r\n //垃圾箱\r\n TrashList:[],\r\n //note导航栏\r\n currentNoteNavList:[],\r\n \r\n //全局对话框的名字\r\n willHandleDropDownName:'',\r\n \r\n //当前note导航栏的note信息\r\n currentNoteInfo:{},\r\n //Note导航的对话框状态\r\n NoteModalVisible:false,\r\n \r\n //左侧导航栏对话框的状态\r\n NoteBookModalVisible:false,\r\n currentNoteBookInfo:{},\r\n //是否正在获取信息\r\n isGettingData:false,\r\n //是否使用了标签查询\r\n isUsingTagNav:false,\r\n\r\n //是否正在查找笔记\r\n isSearchingNote:false,\r\n isSearching:false,\r\n //查找笔记的暂时保存\r\n currentNoteNavListCache:[],\r\n //创建新的笔记的对话框\r\n createNoteVisible:false,\r\n //创建心得笔记本的对话框\r\n createNoteBookVisible:false,\r\n //相关样式\r\n // imgOpacity:100,\r\n // IconOpacity:0,\r\n //content 内部 css\r\n content_style:{\r\n left_container : {\r\n width: 250,\r\n },\r\n scroll : {\r\n left:250\r\n },\r\n right_container : {\r\n width: \"calc(100% - 250px)\"\r\n }\r\n },\r\n //设置左右移动div的方法\r\n draggable:false,\r\n preClientX:0,\r\n //每次拖动时的宽度\r\n currentWidth:0,\r\n //当宽度小于一定时不展示左边的container\r\n isUsingLeftContainer:true,\r\n //用户相关体验\r\n //添加笔记第一次告知用户关于标签的信息\r\n hasGiveAddNoteInformation:false\r\n //抽屉表单\r\n // DrawerVisible:false\r\n };\r\n //note导航的右击菜单\r\n //执行修改名称或者删除操作\r\n NoteItemNavMenu = Note =>{\r\n return (\r\n \r\n )\r\n }\r\n //左侧导航栏的右击菜单\r\n menu = NoteBook =>{\r\n return (\r\n \r\n )\r\n }\r\n //标签栏的导航，只提供删除服务\r\n TagDropDown = TagObj =>{\r\n return (\r\n \r\n )\r\n\r\n }\r\n //note导航栏的排序选项\r\n NoteListNav = () => {\r\n return (\r\n \r\n )\r\n }\r\n async componentDidMount(){\r\n // console.log(\"状态\",this.props.location.state.token);\r\n console.log(\r\n \"⠀ ⣀⣀⣀⣀⣀⣀⣀⣠⠂⠀⠂⢁⠀⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣻⣽⣻⣺⡽⣻⣻⣽⣻⣺⣆⠀⠀⠄⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⡿⠿⠫⠉⢀⣺⣺⠇⠀⠈⠉⠉⣺⣺⣮⡄⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⡟⢀⠄⠠⡈⠙⠋⠁⠀⠐⠁⡈⢢⠈⢿⣺⣺⡄⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠘⡟⠀⠘⠀⣴⡄⠀⠀⠀⠀⠀⠸⠟⠀⠀⠀⠙⠿⠇⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⢀⢃⠀⠀⠠⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠨⠐⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠬⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠄⠐⠀⠀⢈⠀⠁⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠀⠀⠀⠁⠢⠀⠀⠐⠁⠀⠀⠀⡀⠈⠀⠀⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠂⢠⣤⣀⣀⣤⣤⣤⣖⠄⢀⠀⠀⠀⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⢀⠠⢄⢆⢗⢝⢜⡜⣜⢭⢫⢪⡪⡪⡲⡡⡀⡀⠀⠀⠀\\n\" +\r\n \"⠀⠀⣀⡠⢀⠠⡰⡔⣕⢕⡝⡜⣎⢮⢣⡣⡫⡪⡪⡪⡣⡣⡫⡪⡺⡸⣌⡂⡀⠀\\n\" +\r\n \"⠀⠀⠁⢀⢆⠸⠕⣇⢧⡣⡳⣹⢸⡪⡪⡪⡗⡝⡜⡕⡝⡜⣕⢽⡘⣪⢲⢱⡪⠀\\n\" +\r\n \"⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⢰⢕⢝⢜⡎⡞⣜⢕⢝⡜⣜⡜⡎⡮⡪⡣⠃⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡳⢹⡸⡱⡹⡸⡸⣱⡱⢱⠁⡋⠎⠊⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡝⣒⢖⢆⡔⣔⢖⢆⠯⣍⠸⠅⠜⠀⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡸⡪⣪⣎⠮⣪⢎⢧⢫⡪⡎⡷⠀⠀⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠀⢀⠊⠀⠀⠀⠈⠃⠉⠀⡃⠀⠀⠀⠀⠀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⡘⠀⠀⠀⠀⠀⢂⠀⢀⢠⠀⠀⠀⠀⠐\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⢯⣤⡴⡆⠀⠀⠀⠀⠀⠀⣦⠀⢸⣄⠀⠀⠀⢈\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⣠⡶⣶⣻⣽⣻⣺⡽⠇⠀⠀⠀⠀⠀⠀⣯⢿⣽⣺⢄⠀⠀⠠\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠙⠙⠓⠛⠚⠃⠁⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⢾⣺⢯⣟⡦⡀\\n\" +\r\n \"⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠙⠺⠝⢃\")\r\n PubSub.subscribe(\"updateNote\",(msg,Note) => {\r\n // console.log(\"PubSubNote\",Note);\r\n Note.Title = Note.subTitle;\r\n this.setState(({NoteBookList,currentNoteNavList,NoteList}) =>{\r\n //找到对应的笔记本的笔记进行修改\r\n NoteBookList.forEach(Notebook => {\r\n if (Notebook.NotebookId === Note.NotebookId){\r\n Notebook.notes = [...(Notebook.notes.filter(ele => ele.NoteId !== Note.NoteId)),Note]\r\n }\r\n })\r\n /* let NoteBook = NoteBookList.find(ele => ele.NotebookId === Note.NotebookId)\r\n NoteBook.notes = [...(NoteBook.notes.filter(ele => ele.NoteId !== Note.NoteId)),Note]\r\n NoteBookList = [...(NoteBookList.filter(ele => ele.NotebookId !== NoteBook.NotebookId)),NoteBook]*/\r\n NoteList = [...(NoteList.filter(ele => ele.NoteId !== Note.NoteId)),Note]\r\n currentNoteNavList = [...(currentNoteNavList.filter(ele => ele.NoteId !== Note.NoteId)),Note]\r\n // console.log(currentNoteNavList);\r\n return{\r\n NoteBookList,\r\n currentNoteNavList,\r\n NoteList\r\n }\r\n });\r\n })\r\n await this.getData();\r\n }\r\n getData = async () => {\r\n if (this.state.isGettingData){\r\n message.info(\"请不要频繁获取信息!\")\r\n return;\r\n }\r\n this.setState({isGettingData:true});\r\n //redux清空\r\n this.props.clearAllTagAction(null);\r\n\r\n try {\r\n/* let result;\r\n let TrashList = [];\r\n result = await request(\"auth/login\",{email:\"admin\",pwd:\"123456\"},\"post\")\r\n console.log(result);\r\n if (result.Ok) {\r\n message.loading({ content: '加载中...', key:'getData'});\r\n this.setState({userToken:result.Token})\r\n result = await request(\"tag/getSyncTags\", {token: this.state.userToken}, \"post\");\r\n // result = await request(\"tag/getSyncTags\", {token: this.props.location.state.token}, \"post\");\r\n //删除的Tag过滤\r\n\r\n if (result.length > 0){\r\n result = result.filter(ele => !ele.IsDeleted)\r\n console.log(\"Tag\",result);\r\n this.props.addTagListAction(result)\r\n // this.setState({TagList:result})\r\n }\r\n result = await request(\"notebook/getNotebooks\", {token: this.state.userToken}, \"post\");\r\n // result = await request(\"notebook/getNotebooks\", {token: this.props.location.state.token}, \"post\");\r\n //获取笔记本列表\r\n // console.log(result);\r\n let NoteBookList = result;\r\n let NoteList = [];\r\n\r\n if (result.length > 0) {\r\n\r\n // let TrashList = [];\r\n //获取每一个noteBook当前所拥有的笔记个数\r\n //获取的笔记数默认多一个需要从数组index为1开始截取\r\n for (let i = 0;i < NoteBookList.length; i++) {\r\n result = await request(\"/note/getNotes\", {token:this.state.userToken, notebookId: NoteBookList[i].NotebookId}, \"post\");\r\n // result = await request(\"/note/getNotes\", {token: this.props.location.state.token, notebookId: NoteBookList[i].NotebookId}, \"post\");\r\n\r\n // console.log(result);\r\n if(result && result.length >= 1){\r\n NoteBookList[i] = {...NoteBookList[i], notes:[...result.filter(ele => !ele.IsTrash)]}\r\n TrashList = [...TrashList,...result.filter(ele => ele.IsTrash)];\r\n /!*for(let j = 0;j < result.length;j++){\r\n if (result[j].IsTrash){\r\n TrashList = [...TrashList,result[j]];\r\n }\r\n }*!/\r\n NoteList = [...NoteList,...result]\r\n continue;\r\n }\r\n NoteBookList[i] = {...NoteBookList[i], notes: []}\r\n }\r\n console.log('NoteBookList',NoteBookList);\r\n }\r\n this.setState({NoteBookList,NoteList,TrashList,loadingNoteBooksInfo: {isLoading: false,status: true,msg: \"\"}})\r\n message.success({ content: '成功获取信息!', key:'getData',duration:2});\r\n // this.setState({userToken:this.props.location.state.token,NoteBookList,NoteList,loadingNoteBooksInfo: {isLoading: false,status: true,msg: \"\"}})\r\n }else {\r\n message.warn(\"登陆失败！！\");\r\n }*/\r\n let result;\r\n let TrashList = [];\r\n\r\n\r\n result = await request(\"tag/getSyncTags\", {token: this.props.location.state.token}, \"post\");\r\n //删除的Tag过滤\r\n\r\n if (result.length > 0){\r\n result = result.filter(ele => !ele.IsDeleted)\r\n console.log(\"Tag\",result);\r\n this.props.addTagListAction(result)\r\n // this.setState({TagList:result})\r\n }\r\n result = await request(\"notebook/getNotebooks\", {token: this.props.location.state.token}, \"post\");\r\n //获取笔记本列表\r\n // console.log(result);\r\n let NoteBookList = result;\r\n let NoteList = [];\r\n\r\n if (result.length > 0) {\r\n\r\n // let TrashList = [];\r\n //获取每一个noteBook当前所拥有的笔记个数\r\n //获取的笔记数默认多一个需要从数组index为1开始截取\r\n for (let i = 0;i < NoteBookList.length; i++) {\r\n result = await request(\"/note/getNotes\", {token: this.props.location.state.token, notebookId: NoteBookList[i].NotebookId}, \"post\");\r\n\r\n // console.log(result);\r\n if(result && result.length >= 1){\r\n NoteBookList[i] = {...NoteBookList[i], notes:[...result.filter(ele => !ele.IsTrash)]}\r\n TrashList = [...TrashList,...result.filter(ele => ele.IsTrash)];\r\n NoteList = [...NoteList,...result]\r\n continue;\r\n }\r\n NoteBookList[i] = {...NoteBookList[i], notes: []}\r\n }\r\n console.log('NoteBookList',NoteBookList);\r\n }\r\n this.setState({userToken:this.props.location.state.token,NoteBookList,NoteList,loadingNoteBooksInfo: {isLoading: false,status: true,msg: \"\"}})\r\n }catch (e){\r\n console.log(e);\r\n this.setState({loadingNoteBooksInfo:{isLoading:false,status:false,msg:\"加载失败请刷新再试...\"}});\r\n message.warn({content:'加载失败请刷新再试...',key:'getData',duration:2})\r\n }\r\n if(this.state.loadingNoteBooksInfo.status){\r\n setTimeout(()=>{\r\n this.setState({isGettingData:false});\r\n },10000)\r\n }\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n this.setState({},()=>{\r\n return false\r\n })\r\n PubSub.unsubscribe(\"updateNote\");\r\n }\r\n\r\n /**\r\n *\r\n * @param type\r\n * @param NoteBook\r\n * @returns 右键导航的dropdown菜单的回调，用于删除或者修改NoteBook\r\n */\r\n handleClickLeftNavItemDropDown = (type,NoteBook) =>{\r\n return async () => {\r\n switch (type){\r\n case \"Delete\":\r\n console.log(\"Delete\",NoteBook)\r\n if (window.confirm(\"确认删除吗?\")){\r\n message.loading({ content: 'Loading...',key:'deleteNoteBook'});\r\n let result = await request(\"notebook/deleteNotebook\",{\r\n notebookId:NoteBook.NotebookId,\r\n usn:NoteBook.Usn,\r\n token:this.state.userToken\r\n },\"post\")\r\n console.log(result);\r\n if (result.Ok){\r\n this.setState(({NoteBookList,NoteList,currentNoteBookInfo,currentNoteNavList,headerNoteBookTitle}) => {\r\n NoteBookList = NoteBookList.filter(ele => ele.NotebookId !== NoteBook.NotebookId);\r\n NoteList = NoteList.filter(Note => Note.NotebookId !== NoteBook.NotebookId)\r\n if (NoteBook.notebookId === currentNoteBookInfo.NotebookId || NoteBookList.length === 0) {\r\n currentNoteNavList = [];\r\n headerNoteBookTitle = \"\"\r\n }\r\n return {\r\n currentNoteNavList,\r\n NoteList,\r\n NoteBookList,\r\n headerNoteBookTitle\r\n }\r\n })\r\n message.success({ content: '删除成功!', key:'deleteNoteBook', duration: 2 });\r\n }else {\r\n message.warn({ content: '删除失败请稍后重试!', key:'deleteNoteBook', duration: 2 });\r\n }\r\n }\r\n break;\r\n case \"Rename\":\r\n this.setState({\r\n willHandleDropDownName:NoteBook.Title,\r\n currentNoteBookInfo:NoteBook,\r\n NoteBookModalVisible:true\r\n })\r\n console.log(\"Rename\",NoteBook)\r\n break;\r\n default:\r\n }\r\n }\r\n }\r\n /**\r\n *\r\n * @param type\r\n * @param Note\r\n * @returns 笔记右击菜单的回调\r\n */\r\n handleClickNoteItemDropDown = (type,Note) => {\r\n return async () => {\r\n switch (type){\r\n case \"Delete\":\r\n if (window.confirm(\"确认要删除吗?你的操作将无法返回\")){\r\n console.log(\"即将删除的笔记\",Note)\r\n let result = await request(\"note/updateNote\",{IsTrash:true,token:this.state.userToken,NoteId:Note.NoteId,Usn:Note.Usn})\r\n console.log(result);\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n\r\n this.setState(({currentNoteNavList,NoteList,NoteBookList,TrashList}) =>{\r\n //删除后更新状态\r\n currentNoteNavList = currentNoteNavList.filter(ele => ele.NoteId !== Note.NoteId);\r\n NoteList = NoteList.filter(ele => ele.NoteId !== Note.NoteId);\r\n NoteBookList.forEach(Notebook => {\r\n if (Note.NotebookId === Notebook.NotebookId){\r\n Notebook.notes = Notebook.notes.filter(note => note.NoteId !== Note.NoteId);\r\n }\r\n })\r\n TrashList.push(Note)\r\n return{\r\n TrashList,\r\n NoteBookList,\r\n NoteList,\r\n currentNoteNavList,\r\n }\r\n });\r\n message.success(\"移除成功\")\r\n }else {\r\n message.warn(\"网络异常请稍后再试\")\r\n }\r\n }\r\n break;\r\n case \"Rename\":\r\n this.setState({\r\n NoteModalVisible:true,\r\n currentNoteInfo:Note,\r\n willHandleDropDownName:Note.Title\r\n });\r\n console.log('Rename',Note)\r\n break;\r\n }\r\n }\r\n }\r\n /**\r\n * 当前选中删除标签\r\n * Note中包含的标签不影响最终使用\r\n *\r\n */\r\n handleClickLeftTagNavDropDown = TagObj => {\r\n return async () => {\r\n let result = await request(\"tag/deleteTag\",{token:this.state.userToken,tag:TagObj.Tag,usn:TagObj.Usn})\r\n // /tag/deleteTag 删除标签\r\n // console.log(\"DeleteTag\",TagObj);\r\n console.log(result);\r\n if(result.Ok){\r\n message.success(\"删除成功\");\r\n this.props.deleteTagListAction(TagObj)\r\n }else {\r\n message.warn(\"网络异常请稍后再试\")\r\n }\r\n }\r\n }\r\n /*\r\n //处理笔记本修改名称的回调\r\n hideNoteBookUpdateModal = isOk => {\r\n return async () => {\r\n let{currentNoteBookInfo,NoteBookList} = this.state;\r\n let currentValue = this.changeNoteBookOrNoteNameInput.input.defaultValue\r\n if (isOk) {\r\n if (NoteBookList.find(ele => ele.Title === currentValue)) {\r\n message.warn(\"请勿输入相同的笔记本名称!\")\r\n return;\r\n }\r\n //更新NoteBook信息\r\n let result = await request(\"notebook/updateNotebook\",{\r\n notebookId:currentNoteBookInfo.NotebookId,\r\n title:currentValue,\r\n usn:currentNoteBookInfo.Usn,\r\n token:this.state.userToken\r\n },\"post\")\r\n console.log(result);\r\n //不含有OK属性说明返回了一个对象\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n\r\n currentNoteBookInfo.Title = currentValue\r\n currentNoteBookInfo.Usn = result.Usn\r\n\r\n NoteBookList = [...NoteBookList.filter(ele => ele.Title !== currentNoteBookInfo.Title),currentNoteBookInfo]\r\n this.setState({NoteBookList})\r\n message.success(\"修改成功!\")\r\n }else {\r\n message.warn(\"网络异常请稍后再试\")\r\n }\r\n }\r\n this.setState({\r\n NoteBookModalVisible: false,\r\n });\r\n }\r\n };\r\n //修改笔记名称的回调\r\n hideNoteUpdateModal = isOk =>{\r\n return async () => {\r\n let {currentNoteNavList,currentNoteInfo} = this.state\r\n let currentValue = this.changeNoteBookOrNoteNameInput.input.defaultValue;\r\n if(isOk){\r\n if (currentNoteNavList.find(ele => ele.Title === currentValue)){\r\n message.warn(\"请勿输入相同的笔记名称!\")\r\n return;\r\n }\r\n let result = await request(\"note/updateNote\",{\r\n NoteId:currentNoteInfo.NoteId,\r\n Usn:currentNoteInfo.Usn,\r\n Title:currentValue,\r\n token:this.state.userToken\r\n },\"post\");\r\n console.log(result);\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n\r\n currentNoteInfo.Title = currentValue\r\n currentNoteInfo.Usn = result.Usn\r\n\r\n currentNoteNavList = [...currentNoteNavList.filter(ele => ele.Title !== currentNoteInfo.Title),currentNoteInfo]\r\n this.setState({currentNoteNavList})\r\n message.success(\"修改成功!\")\r\n }else {\r\n message.warn(\"网络异常请稍后再试\")\r\n }\r\n }\r\n /!*console.log(isOk);\r\n console.log(this.state.currentNoteInfo);*!/\r\n this.setState({NoteModalVisible:false});\r\n }\r\n }*/\r\n //统一处理两个对话框\r\n handleModal = type => {\r\n return async () =>{\r\n let{NoteBookList,currentNoteBookInfo,currentNoteNavList,currentNoteInfo} = this.state\r\n let currentValue = this.changeNoteBookOrNoteNameInput.input.defaultValue;\r\n if (currentValue === '') {\r\n message.warn(\"请输入新的名称!\");\r\n return;\r\n }\r\n let willUpdateObj;\r\n let currentObj;\r\n let result;\r\n switch (type){\r\n case \"NoteBook\":\r\n type = \"NotebookId\";\r\n willUpdateObj = NoteBookList;\r\n currentObj = currentNoteBookInfo;\r\n //更新NoteBook信息\r\n result = request(\"notebook/updateNotebook\",{\r\n notebookId:currentObj.NotebookId,\r\n title:currentValue,\r\n usn:currentObj.Usn,\r\n token:this.state.userToken\r\n })\r\n break;\r\n case \"Note\":\r\n type = \"NoteId\";\r\n willUpdateObj = currentNoteNavList;\r\n currentObj = currentNoteInfo;\r\n //更新笔记信息\r\n result = request(\"note/updateNote\",{\r\n NoteId:currentObj.NoteId,\r\n Usn:currentObj.Usn,\r\n Title:currentValue,\r\n token:this.state.userToken\r\n });\r\n break;\r\n }\r\n await this.handleModalRequest(willUpdateObj,currentObj,currentValue,result,type)\r\n }\r\n }\r\n handleModalRequest = async (willUpdateObj,currentObj,currentValue,result,type) => {\r\n console.log(willUpdateObj);\r\n if (willUpdateObj.find(ele => !ele.IsDeleted && ele.Title === currentValue)){\r\n message.warn(\"请勿输入相同的名称!\")\r\n return;\r\n }\r\n result = await result;\r\n console.log(\"ModalRequest\",result);\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n\r\n currentObj.Title = currentValue\r\n currentObj.Usn = result.Usn\r\n currentObj.UpdatedTime = result.UpdatedTime\r\n\r\n willUpdateObj = [...willUpdateObj.filter(ele => ele[type] !== currentObj[type]),currentObj]\r\n message.success(\"修改成功!\")\r\n }else {\r\n message.warn(\"网络异常请稍后再试\")\r\n }\r\n switch (type){\r\n case \"NotebookId\":\r\n this.setState({NoteBookList:willUpdateObj,NoteBookModalVisible:false});\r\n break;\r\n case \"NoteId\":\r\n this.HeaderChangePubSub(currentObj,\"\",\"update\")\r\n this.setState({currentNoteNavList:willUpdateObj,NoteModalVisible:false});\r\n break;\r\n }\r\n }\r\n //导航栏切换后需要更改头部notebook名称\r\n handleClickLeftNavItem = (title,notes,currentNoteBookInfo) => {\r\n return () =>{\r\n this.setState({headerNoteBookTitle:title,currentNoteNavList:notes,isUsingTagNav:false,currentNoteBookInfo})\r\n }\r\n }\r\n /**\r\n *\r\n * @param TagObj\r\n * @returns 单机标签导航栏的回调同上一个方法\r\n */\r\n handleClickTagNav = TagObj => {\r\n return () =>{\r\n // console.log(\"TagObj\",TagObj)\r\n let {NoteList} = this.state;\r\n // console.log(NoteList);\r\n let currentNoteNavList = [];\r\n NoteList.forEach(note => {\r\n note.Tags.forEach(tag => {\r\n if (tag === TagObj.Tag){\r\n currentNoteNavList = [...currentNoteNavList,note]\r\n }\r\n })\r\n })\r\n // console.log(\"单机标签导航\",currentNoteNavList);\r\n /* NoteBookList.forEach(NoteBook => {\r\n NoteBook.notes.forEach(note => {\r\n note.Tags.forEach(tag => {\r\n if (tag === TagObj.Tag){\r\n currentNoteNavList = [...currentNoteNavList,note]\r\n }\r\n })\r\n })\r\n })*/\r\n this.setState({headerNoteBookTitle:TagObj.Tag,currentNoteNavList,isUsingTagNav:true})\r\n this.HeaderChangePubSub();\r\n }\r\n }\r\n //点击当前notebook的note的回调\r\n handleNoteListItem = (ele,parentTitle,type) =>{\r\n return () => {\r\n this.HeaderChangePubSub(ele,parentTitle,type);\r\n }\r\n }\r\n HeaderChangePubSub = (ele,parentTitle,type) => {\r\n // console.log('dianji',ele);\r\n if (ele){\r\n PubSub.publish(\"NoteInfo\",{\r\n NoteInfo:{\r\n //当前note的更新序号\r\n Usn:ele.Usn,\r\n NotebookId:ele.NotebookId,\r\n NoteId:ele.NoteId,\r\n subTitle:ele.Title,\r\n CreatedTime:ele.CreatedTime,\r\n UpdatedTime:ele.UpdatedTime,\r\n Tags:(ele.Tags.length === 1 && ele.Tags[0] === '' ? [] : ele.Tags),\r\n parentTitle,\r\n IsMarkdown:ele.IsMarkdown\r\n },\r\n type\r\n })\r\n }else {\r\n PubSub.publish(\"NoteInfo\",{\r\n type:'Tag'\r\n })\r\n }\r\n }\r\n //全局查询笔记\r\n handleFindNote = () => {\r\n let {NoteList,isSearching} = this.state;\r\n //函数防抖\r\n if (isSearching) {\r\n return;\r\n }\r\n this.setState({isSearching:true,isSearchingNote:true})\r\n this.timer = setInterval(() =>{\r\n let searchNoteName = this.searchNoteName.input.defaultValue\r\n console.log(searchNoteName);\r\n if(searchNoteName === ''){\r\n this.setState({isSearching:false,isSearchingNote:false})\r\n // console.log('clear')\r\n clearInterval(this.timer)\r\n }else {\r\n let currentNoteNavListCache = NoteList.filter(note => note.Title.indexOf(searchNoteName) !== -1)\r\n this.setState({currentNoteNavListCache})\r\n }\r\n },500)\r\n setTimeout(()=>{\r\n if (this.timer){\r\n this.setState({isSearching:false})\r\n clearInterval(this.timer)\r\n }\r\n },5000)\r\n }\r\n //列表查询笔记本\r\n handleSearchNoteBook = () => {\r\n let {NoteBookList} = this.state;\r\n let searchNoteBookName = this.searchNoteBookName.input.defaultValue\r\n let NoteBook = NoteBookList.find(NoteBook => NoteBook.Title.indexOf(searchNoteBookName) !== -1);\r\n if (NoteBook){\r\n this.setState({headerNoteBookTitle:NoteBook.Title,currentNoteNavList:NoteBook.notes,isUsingTagNav:false})\r\n }\r\n }\r\n handleFormFinish = async NoteInfo => {\r\n console.log(NoteInfo);\r\n let{NoteBookList} = this.state;\r\n //全局笔记本中寻找\r\n if (NoteBookList.find(ele => ele.NotebookId === NoteInfo.NotebookId).notes.find(ele => ele.Title === NoteInfo.Title)){\r\n message.warn(\"请勿添加相同的笔记名称\")\r\n return;\r\n }\r\n await this.handleFormRequest(NoteInfo);\r\n this.setState({createNoteVisible:false});\r\n }\r\n handleFormRequest = async NoteInfo => {\r\n /*\r\n NotebookId string 必传\r\n Title string 必传\r\n Tags []string 可选\r\n Content string 必传\r\n Abstract string 可选, 当是markdown笔记时必须传\r\n IsMarkdown bool 可选\r\n CreatedTime string 可选, 如2012-12-01 12:32:11\r\n UpdatedTime string 可选, 如2012-12-01 12:32:11\r\n Files []type.NoteFiles 数组 可选\r\n */\r\n let{NotebookId,Title,Tags,CreatedTime,type} = NoteInfo\r\n let result = await request(\"note/addNote\",{token:this.state.userToken,NotebookId,Tags,Title,Content:\"\",CreatedTime,IsMarkdown:type === 'MarkDown'})\r\n console.log(result);\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n message.success(\"添加笔记成功!\")\r\n this.setState(({NoteBookList,NoteList,currentNoteNavList,currentNoteBookInfo,hasGiveAddNoteInformation}) => {\r\n //找到对应的笔记本和笔记数组过滤修改\r\n NoteBookList.forEach(Notebook => {\r\n if (Notebook.NotebookId === NotebookId){\r\n Notebook.notes = [...Notebook.notes,result]\r\n }\r\n })\r\n /* let currentNoteBook = NoteBookList.find(ele => ele.NotebookId === NotebookId);\r\n currentNoteBook.notes = [...currentNoteBook.notes,result];\r\n NoteBookList = [...(NoteBookList.filter(ele => ele.NotebookId !== currentNoteBook.NotebookId)),currentNoteBook]*/\r\n NoteList = [...NoteList,result];\r\n //如果当前处于笔记本下的导航则需要添加\r\n if (currentNoteBookInfo.NotebookId === NotebookId){\r\n currentNoteNavList = [...currentNoteNavList,result];\r\n }\r\n if (!hasGiveAddNoteInformation){\r\n hasGiveAddNoteInformation = true;\r\n const key = `open${Date.now()}`;\r\n const btn = (\r\n \r\n )\r\n notification.open({\r\n message: '提示',\r\n duration:0,\r\n description:\r\n '新添加笔记的标签在更新后不会显示在导航栏,这是后端api原因,后续会修改',\r\n btn,\r\n key\r\n })\r\n }\r\n return {\r\n hasGiveAddNoteInformation,\r\n NoteBookList,\r\n NoteList,\r\n currentNoteNavList\r\n }\r\n })\r\n }else {\r\n message.warn(\"添加失败请稍后再试!\")\r\n }\r\n }\r\n handleCreateNote = () => {\r\n return async () => {\r\n if (this.state.NoteBookList.length > 0){\r\n this.setState({createNoteVisible:true});\r\n }else{\r\n // message.warn(\"当前没有笔记本,请先创建笔记本后\")\r\n notification.info({\r\n duration:2,\r\n message:'提示',\r\n description:'当前没有笔记本,请先创建笔记本后重试'\r\n })\r\n }\r\n }\r\n\r\n }\r\n handleCreateNoteBookModal = () => {\r\n return async () => {\r\n let createNoteBookName = this.createNoteBookName.input.defaultValue;\r\n let{NoteBookList} = this.state;\r\n if (NoteBookList.find(ele => ele.Title === createNoteBookName)){\r\n message.warn(\"请勿添加相同的笔记本\")\r\n return;\r\n }\r\n let result = await request(\"notebook/addNotebook\",{token:this.state.userToken,title:createNoteBookName})\r\n console.log(result);\r\n if (!result.hasOwnProperty(\"Ok\")){\r\n message.success(\"添加成功\")\r\n this.setState(({NoteBookList}) => {\r\n result.notes = [];\r\n NoteBookList = [...NoteBookList,result];\r\n return {NoteBookList};\r\n })\r\n }else{\r\n message.warn(\"添加失败请稍后再试\");\r\n }\r\n this.setState({createNoteBookVisible:false})\r\n }\r\n }\r\n HandleDeleteTrash = ele =>{\r\n return async () => {\r\n let result = await request('note/deleteTrash',{token:this.state.userToken,noteId:ele.NoteId})\r\n console.log(result);\r\n\r\n if(result.OK){\r\n message.success('删除成功')\r\n this.setState(({TrashList}) => {\r\n TrashList = TrashList.filter(Note => Note.NoteId !== ele.NoteId)\r\n return {TrashList}\r\n })\r\n }else {\r\n message.warn(\"删除失败!\")\r\n }\r\n // console.log(result)\r\n\r\n }\r\n }\r\n /* createNewNote = () => {\r\n this.setState({createNoteVisible:true})\r\n }*/\r\n //处理新建笔记本的对话框\r\n /*handleCreateNoteModal = () => {\r\n this.setState({createNoteVisible:false});\r\n }*/\r\n\r\n //鼠标按下split时\r\n handleOnMouseDown = event =>{\r\n let{clientX} = event;\r\n let{content_style} = this.state\r\n let{width} = content_style.left_container\r\n //获取当前两个容器的宽度和相比较的前一个鼠标位置\r\n this.setState({draggable:true,preClientX:clientX,currentWidth:width})\r\n }\r\n //拖拽分界线修改左右div宽度\r\n dragDivideLine = event => {\r\n let {draggable,preClientX,currentWidth} = this.state;\r\n let {clientX} = event;\r\n let isUsingLeftContainer = true;\r\n if (draggable){\r\n let tempLength = clientX - preClientX + currentWidth\r\n if(tempLength < 0){\r\n this.setState({draggable: false});\r\n return;\r\n }\r\n //最小距离限制\r\n if (tempLength < 250 || tempLength > 700) {\r\n if (tempLength < 100){\r\n tempLength = 0;\r\n isUsingLeftContainer = false;\r\n }else {\r\n return;\r\n }\r\n }\r\n this.setState({\r\n content_style:{\r\n left_container:{width:tempLength},\r\n right_container:{width: `calc(100% - ${tempLength}px)`},\r\n scroll:{left: tempLength}\r\n },\r\n isUsingLeftContainer\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n let{NoteBookList,NoteList,TrashList,loadingNoteBooksInfo,headerNoteBookTitle,content_style,draggable,\r\n currentNoteNavList,collapsed,isUsingTagNav,isSearchingNote,currentNoteNavListCache,isUsingLeftContainer} = this.state\r\n let {TagList} = this.props\r\n //content拖动样式\r\n let{left_container,right_container,scroll} = content_style\r\n\r\n let{isLoading,msg,status} = loadingNoteBooksInfo;\r\n //决定使用哪种状态显示\r\n currentNoteNavList = isSearchingNote ? currentNoteNavListCache : currentNoteNavList;\r\n headerNoteBookTitle = isSearchingNote ? \"Search\" : headerNoteBookTitle\r\n /* {\r\n this.state.collapsed ?\r\n \r\n\r\n {Tags.map((tag, index) => {\r\n if (editInputIndex === index ) {\r\n return (\r\n this.handleClose(tag)}\r\n >\r\n {\r\n if (index !== 0) {\r\n this.setState({ editInputIndex: index, editInputValue: tag }, () => {\r\n this.editInput.focus();\r\n });\r\n e.preventDefault();\r\n }\r\n }}\r\n >\r\n {isLongTag ? `${tag.slice(0, 20)}...` : tag}\r\n \r\n \r\n );\r\n return isLongTag ? (\r\n \r\n {tagElem}\r\n \r\n ) : (\r\n tagElem\r\n );\r\n })}\r\n {inputVisible && (\r\n \r\n \r\n )}\r\n
: <>}\r\n \r\n \r\n
: {this.state.willHandleDropDownName}
\r\n this.changeNoteBookOrNoteNameInput = c} onPressEnter={this.handleModal(\"Note\")}/>\r\n \r\n\r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n {/*头部用户左侧*/}\r\n
\r\n \r\n
\r\n {/*头部导航栏右侧*/}\r\n \r\n this.searchNoteName = c} style={{width:200,backgroundColor:'#f2f2ff'}} onChange={this.handleFindNote}/>\r\n \r\n
\r\n \r\n {headerNoteBookTitle ? {headerNoteBookTitle} : \"\"}\r\n
\r\n \r\n \r\n {/*
\r\n \r\n WritingMode\r\n
\r\n \r\n Blog\r\n
\r\n \r\n Explore\r\n
\r\n 用户头像和信息\r\n \r\n userinfo\r\n
*/}\r\n {/**/}\r\n \r\n
\r\n this.setState({draggable:false})} >\r\n {\r\n isUsingLeftContainer ?
:<>\r\n }\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {/*{headerNoteBookTitle ? \r\n {headerNoteBookTitle ?
\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n !isUsingTagNav || (isUsingTagNav && currentNoteNavList.length > 0) ?\r\n \r\n {\r\n currentNoteNavList.map(ele => {\r\n return (\r\n \r\n \r\n\r\n \r\n \r\n {ele.Title}\r\n \r\n
\r\n \r\n\r\n \r\n )\r\n })\r\n }\r\n :\r\n \r\n
\r\n \r\n\r\n \r\n\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nexport default Login;","import React, {Component,lazy,Suspense} from 'react';\r\nimport {Redirect, Route, withRouter} from \"react-router-dom\";\r\n// import ReactMarkdown from \"react-markdown\";\r\nimport Login from \"./Login\";\r\n// import Leanote from \"./Leanote\";\r\nimport PubSub from \"pubsub-js\";\r\nconst Leanote = lazy(()=> import('./Leanote'))\r\nclass Controller extends Component {\r\n componentDidMount() {\r\n\r\n PubSub.subscribe(\"toBreadNote\",(msg,token) => {\r\n this.props.history.replace(\"/BreadNote\",token)\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.setState({active:\"login\"})}} className={`${active === \"login\" ? \"active\" : \"\"}`}>登陆\r\n /\r\n {this.setState({active:\"register\"})}} className={`${active === \"register\" ? \"active\" : \"\"}`}>注册\r\n
\r\n \r\n {\r\n active === \"register\" ?\r\n
\r\n \r\n
:\r\n \r\n this.registerEmail = c} onChange={() => this.setState({registerEmail:this.registerEmail.value})}/>\r\n \r\n
\r\n \r\n this.registerPassword = c} onChange={() => this.setState({registerPassword:this.registerPassword.value})}/>\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n this.loginEmail = c} onChange={() => this.setState({loginEmail:this.loginEmail.value})}/>\r\n \r\n
\r\n \r\n this.loginPassword = c} onChange={() => this.setState({loginPassword:this.loginPassword.value})}/>\r\n \r\n
\r\n \r\n {/* \r\n # Your markdown here\r\n */}\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(Controller);","import React, {Component} from 'react';\nimport Controller from \"./components/Controller\";\nimport {BrowserRouter} from \"react-router-dom\";\nimport 'antd/dist/antd.css'\n// import Test from \"./Test\"\nclass App extends Component {\n render() {\n return (\n \n \n \n\n {/*
\n );\n }\n}\n\nexport default App;","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {Provider} from \"react-redux\";\nimport store from \"./redux/store\";\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n