完成了markdown编辑、发布的部分功能，接下来做草稿箱功能

package.json

@@ -11,9 +11,11 @@
     "antd": "^4.16.13",
     "axios": "^0.21.4",
     "craco-less": "^1.20.0",
+    "markdown-it": "^12.2.0",
     "qs": "^6.10.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-markdown-editor-lite": "^1.3.1",
     "react-router-dom": "^5.3.0",
     "react-scripts": "4.0.3",
     "web-vitals": "^1.0.1"

src/API/API.js

@@ -53,4 +53,26 @@ export function apiReset(params) {
         method: 'post',
         data: Qs.stringify(params),
     })
+}
+
+export function apiPostArticle(params) {
+    return fetch({
+        url: '/article/post/',
+        method: 'post',
+        data: Qs.stringify(params),
+    })
+}
+
+export function apiPostGetClasses() {
+    return fetch({
+        url: '/article/post/classes',
+        method: 'get',
+    })
+}
+
+export function apiPostGetTags() {
+    return fetch({
+        url: '/article/post/tags',
+        method: 'get',
+    })
 }

src/API/Axios.js

@@ -25,12 +25,13 @@ fetch.interceptors.response.use(async data => {
 }, error => {
     if (error.response) {
         if (error.response.status === 500) {
-            console.log('服务器错误，请联系管理员处理')
+            console.log('服务器错误500，请联系管理员处理')
         }
-        console.log('1服务器错误，请联系管理员处理')
+        window.location.href = ""
+        console.log('服务器错误，请联系管理员处理')
         return Promise.reject(error.response.data)
     } else {
-        console.log('2服务器错误，请联系管理员处理')
+        console.log('服务器错误(无error.response)，请联系管理员处理')
         return Promise.reject(error)
     }
 })

src/Components/HeaderMenu/HeaderMenu.js

@@ -1,8 +1,9 @@
 import React, {Component} from "react";
-import {LoginOutlined, UserAddOutlined, UserOutlined} from "@ant-design/icons";
-import {Avatar, Button, Divider, Popover} from 'antd';
+import {UserOutlined} from "@ant-design/icons";
+import {Avatar, Button, Divider, message, Popover} from 'antd';
 import './HeaderMenu.less'
 import {Link} from "react-router-dom";
+import {apiIsLogged} from "../../API/API";
 
 class HeaderMenu extends Component {
     state = {
@@ -10,10 +11,27 @@ class HeaderMenu extends Component {
         hovered: false,
     }
 
+    componentWillMount() {
+        apiIsLogged().then(res => {
+            if (res.data.code === '402') {
+                this.setState({
+                    logged: true,
+                })
+            } else if (res.data.code === '401') {
+                message.error(res.data.message)
+                window.location.href = ""
+            } else {
+                message.error('错误')
+                window.location.href = ""
+            }
+        })
+    }
+
     handleHoverChange = visible => {
         this.setState({
             hovered: visible,
             clicked: false,
+            logged: false,
         });
     };
 
@@ -28,38 +46,40 @@ class HeaderMenu extends Component {
         return (
             <div>
                 <div className={'menu-item-1'}>
-                    <Popover
-                        content=
-                            {<div className={'pop-hover-div'}>
-                                <Button type="text" className={'pop-hover-button'}>
-                                    <Link>
-                                        登录
-                                    </Link>
-                                </Button>
-                                <Divider className={'pop-hover-divider'}/>
-                                <Button type="text" className={'pop-hover-button'}>注册</Button>
-                            </div>}
-                        trigger="hover"
-                        visible={this.state.hovered}
-                        onVisibleChange={this.handleHoverChange}
-                    >
-                        <Popover
+                    {
+                        this.state.logged ? <Popover
                             content=
-                                {'未登录'}
-                            trigger="click"
-                            visible={this.state.clicked}
-                            onVisibleChange={this.handleClickChange}
+                                {<div className={'pop-hover-div'}>
+                                    <Button type="text" className={'pop-hover-button'}>
+                                        <Link>
+                                            登录
+                                        </Link>
+                                    </Button>
+                                    <Divider className={'pop-hover-divider'}/>
+                                    <Button type="text" className={'pop-hover-button'}>注册</Button>
+                                </div>}
+                            trigger="hover"
+                            visible={this.state.hovered}
+                            onVisibleChange={this.handleHoverChange}
                         >
-                            <Avatar icon={<UserOutlined/>}/>
-                        </Popover>
-                    </Popover>
+                            <Popover
+                                content=
+                                    {'未登录'}
+                                trigger="click"
+                                visible={this.state.clicked}
+                                onVisibleChange={this.handleClickChange}
+                            >
+                                <Avatar icon={<UserOutlined/>}/>
+                            </Popover>
+                        </Popover> : <Avatar icon={<UserOutlined/>}/>
+                    }
                 </div>
                 <div className={'menu-item-2'}>
-                    <Avatar icon={<UserOutlined/>}/>
-                </div>
-                <div className={'menu-item-3'}>
-                    <Avatar icon={<UserOutlined/>}/>
+                    <Button type="primary" style={{width: '100%'}}>写文章</Button>
                 </div>
+                {/*<div className={'menu-item-3'}>*/}
+                {/*    <Avatar icon={<UserOutlined/>}/>*/}
+                {/*</div>*/}
             </div>
         )
     }

src/Components/HeaderMenu/HeaderMenu.less

@@ -1,15 +1,17 @@
 .menu-item-1 {
   height: 100%;
   width: 10vh;
-  background: rgb(232, 232, 232);
+  //background: rgb(232, 232, 232);
   float: right;
 }
 
 .menu-item-2 {
   height: 100%;
-  width: 10vh;
-  background: rgb(232, 232, 232);
+  width: 12vh;
+  //background: rgb(252, 102, 102);
   float: right;
+  margin-right: 5vh;
+  padding-top: 0.5vh;
 }
 
 .menu-item-3 {

src/Components/MarkdownEditor/MarkdownEditor.js

@@ -0,0 +1,37 @@
+import React, {Component} from "react";
+import MarkdownIt from 'markdown-it'
+import MdEditor, {Plugins} from 'react-markdown-editor-lite'
+
+import 'react-markdown-editor-lite/lib/index.css'
+
+const mdParser = new MarkdownIt();
+
+MdEditor.use(
+    Plugins.TabInsert, {tabMapValue: 1}
+)
+
+class MarkdownEditor extends Component {
+    state = {
+        text: '',
+    }
+
+    handleEditorChange = e => {
+        this.setState({
+            text: e['text'],
+        })
+        this.props.handleTextChange(e['text'])
+    }
+
+    render() {
+        return (
+            <MdEditor style={{height: '91vh'}}
+                      value={this.state.text}
+                      renderHTML={text => mdParser.render(text)}
+                      onChange={this.handleEditorChange}
+                      syncScrollMode={['rightFollowLeft', 'leftFollowRight']}
+            />
+        );
+    }
+}
+
+export default MarkdownEditor;

src/Components/PostHeader/PostHeader.js

@@ -0,0 +1,65 @@
+import React, {Component} from "react";
+import {Button, Input, Modal} from "antd";
+import {EditOutlined} from "@ant-design/icons";
+import './PostHeader.less'
+import PostModal from "../PostModal/PostModal";
+
+
+class PostHeader extends Component {
+    state = {
+        visible: false,
+    }
+
+
+    setVisible = visible => {
+        this.setState({
+            visible: visible
+        })
+    }
+
+
+    handleTitleChange = e => {
+        this.props.handleTitleChange(e.target.value)
+    }
+
+    handleTagSet = tag => {
+        this.props.handleTagSet(tag)
+    }
+
+    handleClassChange = aclass => {
+        this.props.handleClassChange(aclass)
+    }
+
+    render() {
+        return (
+            <div>
+                <div className={'post-title-input'}>
+                    <Input
+                        prefix={<EditOutlined className="site-form-item-icon"/>}
+                        placeholder="标题"
+                        bordered={false}
+                        size={'large'}
+                        onChange={this.handleTitleChange}
+                    />
+                </div>
+                <div className={'post-menu-item-1'}>
+                    111
+                </div>
+                <div className={'post-menu-item-2'}>
+                    <PostModal
+                        handleTagSet={this.handleTagSet.bind(this)}
+                        handleClassChange={this.handleClassChange.bind(this)}
+                        tags={this.props.tags}
+                        classes={this.props.classes}
+                        handlePost={this.props.handlePost}
+                    />
+                </div>
+                <div className={'post-menu-item-3'}>
+                    <Button type="dashed" style={{width: '80%'}} onClick={this.props.handleSave}>保存</Button>
+                </div>
+            </div>
+        )
+    }
+}
+
+export default PostHeader;

src/Components/PostHeader/PostHeader.less

@@ -0,0 +1,29 @@
+.post-title-input {
+  width: 50%;
+  float: left;
+}
+
+.post-menu-item-1 {
+  height: 100%;
+  width: 10vh;
+  //background: rgb(232, 232, 232);
+  float: right;
+}
+
+.post-menu-item-2 {
+  height: 100%;
+  width: 12vh;
+  //background: rgb(245, 94, 94);
+  padding-top: 0.1vh;
+  float: right;
+  margin-right: 5vh;
+}
+
+.post-menu-item-3 {
+  height: 100%;
+  width: 12vh;
+  //background: rgba(80, 167, 255, 0.76);
+  padding-top: 0.1vh;
+  margin-right: 5vh;
+  float: right;
+}

src/Components/PostModal/PostModal.js

@@ -0,0 +1,134 @@
+import React, {Component} from "react";
+import {Button, Select, message} from "antd";
+import Modal from "antd/es/modal/Modal";
+
+const {Option} = Select;
+
+class PostModal extends Component {
+
+    state = {
+        isVisible: false,
+        stags: '',
+        flag: 'tag',
+        aclass: '',
+    }
+
+    showModal = () => {
+        this.setState({
+            isVisible: true,
+        })
+    }
+
+    handleOk = () => {
+        if (this.state.flag === 'tag') {
+            if (this.state.stags !== '') {
+                let flag = true
+                for (let i = 0; i < this.state.stags.length; i++) {
+                    for (let j = 0; j < this.props.classes.length; j++) {
+                        if (this.state.stags[i] === this.props.classes[j]) {
+                            message.error('请删去与板块相同名称的标签：' + this.state.stags[i])
+                            flag = false
+                        }
+                    }
+                }
+                if (flag) {
+                    this.props.handleTagSet(this.state.stags)
+                    this.setState({
+                        flag: 'class'
+                    })
+                }
+            } else {
+                message.error('请至少填写一个标签')
+            }
+        } else {
+            if (this.state.aclass !== '') {
+                this.props.handlePost()
+                this.setState({
+                    isVisible: false,
+                })
+            } else {
+                message.error('请选择分类')
+            }
+        }
+    }
+
+    handleCancel = () => {
+        if (this.state.flag === 'tag') {
+            this.setState({
+                isVisible: false,
+            })
+        } else {
+            this.setState({
+                flag: 'tag',
+            })
+        }
+    }
+
+    handleTagChange = stags => {
+        this.setState({
+            stags: stags
+        })
+    }
+
+    handleClassChange = aclass => {
+        this.setState({
+            aclass: aclass
+        })
+        this.props.handleClassChange(aclass)
+    }
+
+    renderOptions(list) {
+        return list.map((ele, index) => {
+            return (
+                <Option
+                    value={ele}
+                    key={ele}
+                >
+                    {ele}
+                </Option>
+            )
+        })
+    }
+
+    render() {
+        return (
+            <div>
+                <Button type="primary" onClick={this.showModal}>
+                    发布
+                </Button>
+                <Modal title={this.state.flag === 'tag' ? "标签" : "分类"}
+                       visible={this.state.isVisible}
+                       onOk={this.handleOk}
+                       onCancel={this.handleCancel}
+                       cancelText={this.state.flag === 'tag' ? '关闭' : '上一步'}
+                       okText={this.state.flag === 'tag' ? '下一步' : '发布'}
+                >
+                    {this.state.flag === 'tag'
+                        ? <Select
+                            allowClear={true}
+                            mode="tags"
+                            style={{width: '100%'}} placeholder="请添加标签" onChange={this.handleTagChange}
+                        >
+                            {
+                                this.renderOptions(this.props.tags)
+                            }
+                        </Select>
+                        :
+                        <Select
+                            allowClear={true}
+                            defaultActiveFirstOption={true}
+                            style={{width: '100%'}}
+                            onChange={this.handleClassChange}
+                        >
+                            {
+                                this.renderOptions(this.props.classes)
+                            }
+                        </Select>
+                    }
+                </Modal>
+            </div>
+        )
+    }
+}
+
+export default PostModal;

src/Components/UserForm/LogoutForm/LogoutForm.js

@@ -1,7 +1,7 @@
 import React, {Component} from "react";
 import {Button, Form, message} from "antd";
 import {apiLogout} from "../../../API/API";
-import {CheckCircleTwoTone, EnterOutlined, LoginOutlined, LogoutOutlined} from "@ant-design/icons";
+import {CheckCircleTwoTone, LoginOutlined, LogoutOutlined} from "@ant-design/icons";
 import '../UserForm.less'
 import {Link} from "react-router-dom";
 
@@ -29,7 +29,7 @@ class LogoutForm extends Component {
                 <CheckCircleTwoTone className={'logged-logo'} twoToneColor="#52c41a"/>
                 <Button className={'enter-button'} size="large" type="primary" icon={<LoginOutlined/>}
                         onClick={this.clickButton}>
-                    <Link to={'/cloud/file'} style={{color: 'white'}} id={'enter-link'}>
+                    <Link to={'/default/articles'} style={{color: 'white'}} id={'enter-link'}>
                         &nbsp;&nbsp;&nbsp;Enter
                     </Link>
                 </Button>

src/Components/UserForm/MainUserForm.js

@@ -19,13 +19,12 @@ class UserMainForm extends Component {
 
     componentWillMount() {
         apiIsLogged().then(res => {
-            console.log(document.cookie)
             if (res.data.code === '402') {
                 this.setState({
                     loginStatus: 'logged',
                 })
             } else if (res.data.code === '401') {
-                message.error(res.data.message)
+                // message.error(res.data.message)
             } else {
                 message.error('错误')
             }

src/Layout/DefaultLayout/DefaultLayout.js

@@ -15,7 +15,7 @@ const {Header, Sider, Content} = Layout;
 
 class DefaultLayout extends Component {
     state = {
-        collapsed: false,
+        collapsed: true,
     };
 
     toggle = () => {

src/Layout/DefaultLayout/DefaultLayout.less

@@ -27,7 +27,7 @@
 .header-menu {
   height: 100%;
   width: 50vh;
-  background: rgb(232, 232, 232);
+  //background: rgb(232, 232, 232);
   float: right;
 }
 

src/Layout/PostArticleLayout/PostArticleLayout.js

@@ -0,0 +1,106 @@
+import React, {Component} from "react";
+import {Layout, message} from 'antd';
+import './PostArticleLayout.less'
+import MarkdownEditor from "../../Components/MarkdownEditor/MarkdownEditor";
+import PostHeader from "../../Components/PostHeader/PostHeader";
+import {apiPostArticle, apiPostGetClasses, apiPostGetTags} from "../../API/API";
+
+const {Header, Content} = Layout;
+
+class PostArticleLayout extends Component {
+    state = {
+        text: '',
+        title: '',
+        tags: [],
+        stags: [],
+        aclass: '',
+        classes: null,
+    }
+
+    componentDidMount() {
+        apiPostGetClasses().then(res => {
+            if (res.data.code === '402') {
+                this.setState({
+                    classes: res.data.classes,
+                })
+            }
+        })
+        apiPostGetTags().then(res => {
+            if (res.data.code === '402') {
+                this.setState({
+                    tags: res.data.tags,
+                })
+            }
+        })
+    }
+
+    handleTextChange = text => {
+        this.setState({
+            text: text
+        })
+    }
+
+    handleTitleChange = title => {
+        this.setState({
+            title: title
+        })
+    }
+
+    handlePost = () => {
+        let params = {
+            title: this.state.title,
+            content: this.state.text,
+            tag: this.state.stags,
+        }
+        apiPostArticle(params).then(res => {
+            if (res.data.code === '402') {
+                message.success('发布成功')
+            } else if (res.data.code === '401') {
+                message.error(res.data.message)
+                // window.location.href = ""
+            } else {
+                message.error('错误')
+                // window.location.href = ""
+            }
+        })
+    }
+
+    handleSave = () => {
+
+    }
+
+    handleTagSet = tags => {
+        this.setState({
+            stags: tags
+        })
+    }
+
+    handleClassChange = aclass => {
+        this.setState({
+            aclass: aclass
+        })
+    }
+
+    render() {
+        return (
+            <Layout>
+                <Header className={'site-layout-background post-header'}>
+                    <PostHeader
+                        handleTitleChange={this.handleTitleChange.bind(this)}
+                        handlePost={this.handlePost.bind(this)}
+                        handleSave={this.handleSave.bind(this)}
+                        handleTagSet={this.handleTagSet.bind(this)}
+                        tags={this.state.tags}
+                        handleClassChange={this.handleClassChange.bind(this)}
+                        classes={this.state.classes}
+                    />
+                </Header>
+                <Content>
+                    <MarkdownEditor handleTextChange={this.handleTextChange.bind(this)}/>
+                </Content>
+            </Layout>
+        )
+    }
+}
+
+export default PostArticleLayout;

src/Layout/PostArticleLayout/PostArticleLayout.less

@@ -0,0 +1,11 @@
+.site-layout-background {
+  background: #fff;
+}
+
+.site-layout {
+  background: #fff;
+}
+
+.post-header{
+  height: 9vh;
+}

src/Routes/MainRouter.js

@@ -2,6 +2,7 @@ import React, {Component} from "react";
 import {HashRouter, Route, Switch} from "react-router-dom";
 import DefaultLayout from "../Layout/DefaultLayout/DefaultLayout";
 import HomeLayout from "../Layout/HomeLayout/HomeLayout";
+import PostArticleLayout from "../Layout/PostArticleLayout/PostArticleLayout";
 
 class MainRouter extends Component {
     render() {
@@ -11,6 +12,7 @@ class MainRouter extends Component {
                     <Switch>
                         <Route path={'/default'} component={DefaultLayout}/>
                         <Route path={'/'} component={HomeLayout} exact/>
+                        <Route path={'/post'} component={PostArticleLayout} exact/>
                     </Switch>
                 </HashRouter>
             </div>

src/index.js

@@ -5,10 +5,8 @@ import App from './App';
 import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+    <App/>,
+    document.getElementById('root')
 );
 
 // If you want to start measuring performance in your app, pass a function

yarn.lock

@@ -1177,7 +1177,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.2", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
   version "7.15.4"
   resolved "https://registry.nlark.com/@babel/runtime/download/@babel/runtime-7.15.4.tgz?cache=0&sync_timestamp=1630618914695&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.15.4.tgz"
   integrity sha1-/RfRa/34eObdAtGXU6OfqKjZyEo=
@@ -2477,6 +2477,11 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.nlark.com/argparse/download/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha1-JG9Q88p4oyQPbJl+ipvR6sSeSzg=
+
 aria-query@^4.2.2:
   version "4.2.2"
   resolved "https://registry.npm.taobao.org/aria-query/download/aria-query-4.2.2.tgz"
@@ -4533,6 +4538,11 @@ entities@^2.0.0:
   resolved "https://registry.nlark.com/entities/download/entities-2.2.0.tgz"
   integrity sha1-CY3JDruD2N/6CJ1VJWs1HTTE2lU=
 
+entities@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.nlark.com/entities/download/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
+  integrity sha1-mS0xKc999ocLlsV4WMJJoSD4uLU=
+
 errno@^0.1.1, errno@^0.1.3, errno@~0.1.7:
   version "0.1.8"
   resolved "https://registry.nlark.com/errno/download/errno-0.1.8.tgz"
@@ -7105,6 +7115,13 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.npm.taobao.org/lines-and-columns/download/lines-and-columns-1.1.6.tgz"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
+linkify-it@^3.0.1:
+  version "3.0.3"
+  resolved "https://registry.npmmirror.com/linkify-it/download/linkify-it-3.0.3.tgz#a98baf44ce45a550efb4d49c769d07524cc2fa2e"
+  integrity sha1-qYuvRM5FpVDvtNScdp0HUkzC+i4=
+  dependencies:
+    uc.micro "^1.0.1"
+
 load-json-file@^2.0.0:
   version "2.0.0"
   resolved "https://registry.nlark.com/load-json-file/download/load-json-file-2.0.0.tgz"
@@ -7299,6 +7316,17 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+markdown-it@^12.2.0:
+  version "12.2.0"
+  resolved "https://registry.nlark.com/markdown-it/download/markdown-it-12.2.0.tgz#091f720fd5db206f80de7a8d1f1a7035fd0d38db"
+  integrity sha1-CR9yD9XbIG+A3nqNHxpwNf0NONs=
+  dependencies:
+    argparse "^2.0.1"
+    entities "~2.1.0"
+    linkify-it "^3.0.1"
+    mdurl "^1.0.1"
+    uc.micro "^1.0.5"
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.npm.taobao.org/md5.js/download/md5.js-1.3.5.tgz"
@@ -7318,6 +7346,11 @@ mdn-data@2.0.4:
   resolved "https://registry.nlark.com/mdn-data/download/mdn-data-2.0.4.tgz?cache=0&sync_timestamp=1631835963997&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmdn-data%2Fdownload%2Fmdn-data-2.0.4.tgz"
   integrity sha1-aZs8OKxvHXKAkaZGULZdOIUC/Vs=
 
+mdurl@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/mdurl/download/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
+  integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
+
 media-typer@0.3.0:
   version "0.3.0"
   resolved "https://registry.npm.taobao.org/media-typer/download/media-typer-0.3.0.tgz"
@@ -9666,6 +9699,16 @@ react-is@^17.0.1:
   resolved "https://registry.npmmirror.com/react-is/download/react-is-17.0.2.tgz"
   integrity sha1-5pHUqOnHiTZWVVOas3J2Kw77VPA=
 
+react-markdown-editor-lite@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmmirror.com/react-markdown-editor-lite/download/react-markdown-editor-lite-1.3.1.tgz#32c6825404d674af898e3a4e70b846ffcb6782ad"
+  integrity sha1-MsaCVATWdK+JjjpOcLhG/8tngq0=
+  dependencies:
+    "@babel/runtime" "^7.6.2"
+    classnames "^2.2.6"
+    eventemitter3 "^4.0.0"
+    uuid "^8.3.2"
+
 react-refresh@^0.8.3:
   version "0.8.3"
   resolved "https://registry.npmmirror.com/react-refresh/download/react-refresh-0.8.3.tgz"
@@ -11333,6 +11376,11 @@ typedarray@^0.0.6:
   resolved "https://registry.npm.taobao.org/typedarray/download/typedarray-0.0.6.tgz"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+uc.micro@^1.0.1, uc.micro@^1.0.5:
+  version "1.0.6"
+  resolved "https://registry.npm.taobao.org/uc.micro/download/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
+  integrity sha1-nEEagCpAmpH8bPdAgbq6NLJEmaw=
+
 unbox-primitive@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/unbox-primitive/download/unbox-primitive-1.0.1.tgz?cache=0&sync_timestamp=1616706391935&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funbox-primitive%2Fdownload%2Funbox-primitive-1.0.1.tgz"
@@ -11534,7 +11582,7 @@ uuid@^3.3.2, uuid@^3.4.0:
   resolved "https://registry.nlark.com/uuid/download/uuid-3.4.0.tgz"
   integrity sha1-sj5DWK+oogL+ehAK8fX4g/AgB+4=
 
-uuid@^8.3.0:
+uuid@^8.3.0, uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.nlark.com/uuid/download/uuid-8.3.2.tgz"
   integrity sha1-gNW1ztJxu5r2xEXyGhoExgbO++I=