feats

package.json

@@ -11,10 +11,14 @@
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
     "@ant-design/pro-components": "^2.3.13",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-react": "^1.0.6",
     "@zjxpcyc/react-tiny-store": "^2.0.1",
     "antd": "^4.23.4",
+    "axios": "^1.2.0",
     "classnames": "^2.3.2",
     "echarts": "^5.4.0",
+    "md5": "^2.3.0",
     "react": "18.1.0",
     "react-dom": "18.1.0",
     "react-helmet": "^6.1.0",

pnpm-lock.yaml

@@ -6,11 +6,15 @@ specifiers:
   '@types/react': ^18.0.15
   '@types/react-dom': ^18.0.6
   '@vitejs/plugin-react': ^2.0.0
+  '@wangeditor/editor': ^5.1.23
+  '@wangeditor/editor-for-react': ^1.0.6
   '@zjxpcyc/react-tiny-store': ^2.0.1
   antd: ^4.23.4
+  axios: ^1.2.0
   classnames: ^2.3.2
   echarts: ^5.4.0
   less: ^4.1.3
+  md5: ^2.3.0
   react: 18.1.0
   react-dom: 18.1.0
   react-helmet: ^6.1.0
@@ -22,10 +26,14 @@ specifiers:
 dependencies:
   '@ant-design/icons': registry.npmmirror.com/@ant-design/icons/4.7.0_ef5jwxihqo6n7gxfmzogljlgcm
   '@ant-design/pro-components': registry.npmmirror.com/@ant-design/pro-components/2.3.13_4ahbtacxshq5zvmbq25uec6w6a
+  '@wangeditor/editor': registry.npmmirror.com/@wangeditor/editor/5.1.23
+  '@wangeditor/editor-for-react': registry.npmmirror.com/@wangeditor/editor-for-react/1.0.6_ziin7aqlteivrij4ag3ltbri4m
   '@zjxpcyc/react-tiny-store': registry.npmmirror.com/@zjxpcyc/react-tiny-store/2.0.1
   antd: registry.npmmirror.com/antd/4.23.4_ef5jwxihqo6n7gxfmzogljlgcm
+  axios: registry.npmmirror.com/axios/1.2.0
   classnames: registry.npmmirror.com/classnames/2.3.2
   echarts: registry.npmmirror.com/echarts/5.4.0
+  md5: registry.npmmirror.com/md5/2.3.0
   react: registry.npmmirror.com/react/18.1.0
   react-dom: registry.npmmirror.com/react-dom/18.1.0_react@18.1.0
   react-helmet: registry.npmmirror.com/react-helmet/6.1.0_react@18.1.0
@@ -841,6 +849,18 @@ packages:
     engines: {node: '>=14'}
     dev: false
 
+  registry.npmmirror.com/@transloadit/prettier-bytes/0.0.7:
+    resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@transloadit/prettier-bytes/-/prettier-bytes-0.0.7.tgz}
+    name: '@transloadit/prettier-bytes'
+    version: 0.0.7
+    dev: false
+
+  registry.npmmirror.com/@types/event-emitter/0.3.3:
+    resolution: {integrity: sha512-UfnOK1pIxO7P+EgPRZXD9jMpimd8QEFcEZ5R67R1UhGbv4zghU5+NE7U8M8G9H5Jc8FI51rqDWQs6FtUfq2e/Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/event-emitter/-/event-emitter-0.3.3.tgz}
+    name: '@types/event-emitter'
+    version: 0.3.3
+    dev: false
+
   registry.npmmirror.com/@types/prop-types/15.7.5:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/prop-types/-/prop-types-15.7.5.tgz}
     name: '@types/prop-types'
@@ -899,6 +919,58 @@ packages:
       react: registry.npmmirror.com/react/18.1.0
     dev: false
 
+  registry.npmmirror.com/@uppy/companion-client/2.2.2:
+    resolution: {integrity: sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@uppy/companion-client/-/companion-client-2.2.2.tgz}
+    name: '@uppy/companion-client'
+    version: 2.2.2
+    dependencies:
+      '@uppy/utils': registry.npmmirror.com/@uppy/utils/4.1.3
+      namespace-emitter: registry.npmmirror.com/namespace-emitter/2.0.1
+    dev: false
+
+  registry.npmmirror.com/@uppy/core/2.3.4:
+    resolution: {integrity: sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@uppy/core/-/core-2.3.4.tgz}
+    name: '@uppy/core'
+    version: 2.3.4
+    dependencies:
+      '@transloadit/prettier-bytes': registry.npmmirror.com/@transloadit/prettier-bytes/0.0.7
+      '@uppy/store-default': registry.npmmirror.com/@uppy/store-default/2.1.1
+      '@uppy/utils': registry.npmmirror.com/@uppy/utils/4.1.3
+      lodash.throttle: registry.npmmirror.com/lodash.throttle/4.1.1
+      mime-match: registry.npmmirror.com/mime-match/1.0.2
+      namespace-emitter: registry.npmmirror.com/namespace-emitter/2.0.1
+      nanoid: registry.npmmirror.com/nanoid/3.3.4
+      preact: registry.npmmirror.com/preact/10.11.3
+    dev: false
+
+  registry.npmmirror.com/@uppy/store-default/2.1.1:
+    resolution: {integrity: sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@uppy/store-default/-/store-default-2.1.1.tgz}
+    name: '@uppy/store-default'
+    version: 2.1.1
+    dev: false
+
+  registry.npmmirror.com/@uppy/utils/4.1.3:
+    resolution: {integrity: sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@uppy/utils/-/utils-4.1.3.tgz}
+    name: '@uppy/utils'
+    version: 4.1.3
+    dependencies:
+      lodash.throttle: registry.npmmirror.com/lodash.throttle/4.1.1
+    dev: false
+
+  registry.npmmirror.com/@uppy/xhr-upload/2.1.3_@uppy+core@2.3.4:
+    resolution: {integrity: sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz}
+    id: registry.npmmirror.com/@uppy/xhr-upload/2.1.3
+    name: '@uppy/xhr-upload'
+    version: 2.1.3
+    peerDependencies:
+      '@uppy/core': ^2.3.3
+    dependencies:
+      '@uppy/companion-client': registry.npmmirror.com/@uppy/companion-client/2.2.2
+      '@uppy/core': registry.npmmirror.com/@uppy/core/2.3.4
+      '@uppy/utils': registry.npmmirror.com/@uppy/utils/4.1.3
+      nanoid: registry.npmmirror.com/nanoid/3.3.4
+    dev: false
+
   registry.npmmirror.com/@vitejs/plugin-react/2.0.0_vite@3.0.4:
     resolution: {integrity: sha512-zHkRR+X4zqEPNBbKV2FvWSxK7Q6crjMBVIAYroSU8Nbb4M3E5x4qOiLoqJBHtXgr27kfednXjkwr3lr8jS6Wrw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@vitejs/plugin-react/-/plugin-react-2.0.0.tgz}
     id: registry.npmmirror.com/@vitejs/plugin-react/2.0.0
@@ -920,6 +992,221 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmmirror.com/@wangeditor/basic-modules/1.1.7_j7icpicfeimtkldwmemjnpdjs4:
+    resolution: {integrity: sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz}
+    id: registry.npmmirror.com/@wangeditor/basic-modules/1.1.7
+    name: '@wangeditor/basic-modules'
+    version: 1.1.7
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      is-url: registry.npmmirror.com/is-url/1.2.4
+      lodash.throttle: registry.npmmirror.com/lodash.throttle/4.1.1
+      nanoid: registry.npmmirror.com/nanoid/3.3.4
+      slate: registry.npmmirror.com/slate/0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/code-highlight/1.0.3_tztyh2vh7kwzpeloifaekkk3my:
+    resolution: {integrity: sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/code-highlight/-/code-highlight-1.0.3.tgz}
+    id: registry.npmmirror.com/@wangeditor/code-highlight/1.0.3
+    name: '@wangeditor/code-highlight'
+    version: 1.0.3
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      prismjs: registry.npmmirror.com/prismjs/1.29.0
+      slate: registry.npmmirror.com/slate/0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e:
+    resolution: {integrity: sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/core/-/core-1.1.19.tgz}
+    id: registry.npmmirror.com/@wangeditor/core/1.1.19
+    name: '@wangeditor/core'
+    version: 1.1.19
+    peerDependencies:
+      '@uppy/core': ^2.1.1
+      '@uppy/xhr-upload': ^2.0.3
+      dom7: ^3.0.0
+      is-hotkey: ^0.2.0
+      lodash.camelcase: ^4.3.0
+      lodash.clonedeep: ^4.5.0
+      lodash.debounce: ^4.0.8
+      lodash.foreach: ^4.5.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      lodash.toarray: ^4.4.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@types/event-emitter': registry.npmmirror.com/@types/event-emitter/0.3.3
+      '@uppy/core': registry.npmmirror.com/@uppy/core/2.3.4
+      '@uppy/xhr-upload': registry.npmmirror.com/@uppy/xhr-upload/2.1.3_@uppy+core@2.3.4
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      event-emitter: registry.npmmirror.com/event-emitter/0.3.5
+      html-void-elements: registry.npmmirror.com/html-void-elements/2.0.1
+      i18next: registry.npmmirror.com/i18next/20.6.1
+      is-hotkey: registry.npmmirror.com/is-hotkey/0.2.0
+      lodash.camelcase: registry.npmmirror.com/lodash.camelcase/4.3.0
+      lodash.clonedeep: registry.npmmirror.com/lodash.clonedeep/4.5.0
+      lodash.debounce: registry.npmmirror.com/lodash.debounce/4.0.8
+      lodash.foreach: registry.npmmirror.com/lodash.foreach/4.5.0
+      lodash.isequal: registry.npmmirror.com/lodash.isequal/4.5.0
+      lodash.throttle: registry.npmmirror.com/lodash.throttle/4.1.1
+      lodash.toarray: registry.npmmirror.com/lodash.toarray/4.4.0
+      nanoid: registry.npmmirror.com/nanoid/3.3.4
+      scroll-into-view-if-needed: registry.npmmirror.com/scroll-into-view-if-needed/2.2.29
+      slate: registry.npmmirror.com/slate/0.72.8
+      slate-history: registry.npmmirror.com/slate-history/0.66.0_slate@0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/editor-for-react/1.0.6_ziin7aqlteivrij4ag3ltbri4m:
+    resolution: {integrity: sha512-KJNSfgMr5Blzae3oyaiz20flMKHZHnvsz4bCYQKDCUs/qkvC+xNTnwedlCmhGP187oPWPEypCIYI8Zg6sz0psQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/editor-for-react/-/editor-for-react-1.0.6.tgz}
+    id: registry.npmmirror.com/@wangeditor/editor-for-react/1.0.6
+    name: '@wangeditor/editor-for-react'
+    version: 1.0.6
+    peerDependencies:
+      '@wangeditor/core': '>=1.1.0'
+      '@wangeditor/editor': '>=5.1.0'
+      react: '>=17.0.2'
+      react-dom: '>=17.0.2'
+    dependencies:
+      '@wangeditor/editor': registry.npmmirror.com/@wangeditor/editor/5.1.23
+      react: registry.npmmirror.com/react/18.1.0
+      react-dom: registry.npmmirror.com/react-dom/18.1.0_react@18.1.0
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/editor/5.1.23:
+    resolution: {integrity: sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/editor/-/editor-5.1.23.tgz}
+    name: '@wangeditor/editor'
+    version: 5.1.23
+    dependencies:
+      '@uppy/core': registry.npmmirror.com/@uppy/core/2.3.4
+      '@uppy/xhr-upload': registry.npmmirror.com/@uppy/xhr-upload/2.1.3_@uppy+core@2.3.4
+      '@wangeditor/basic-modules': registry.npmmirror.com/@wangeditor/basic-modules/1.1.7_j7icpicfeimtkldwmemjnpdjs4
+      '@wangeditor/code-highlight': registry.npmmirror.com/@wangeditor/code-highlight/1.0.3_tztyh2vh7kwzpeloifaekkk3my
+      '@wangeditor/core': registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e
+      '@wangeditor/list-module': registry.npmmirror.com/@wangeditor/list-module/1.0.5_tztyh2vh7kwzpeloifaekkk3my
+      '@wangeditor/table-module': registry.npmmirror.com/@wangeditor/table-module/1.1.4_2dde2uzwslfxq2cqrl35sl4erm
+      '@wangeditor/upload-image-module': registry.npmmirror.com/@wangeditor/upload-image-module/1.0.2_dwqga4onuah5imhngzkgmw6t5a
+      '@wangeditor/video-module': registry.npmmirror.com/@wangeditor/video-module/1.1.4_i6gxywmu7tvxmjxypclnjlcil4
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      is-hotkey: registry.npmmirror.com/is-hotkey/0.2.0
+      lodash.camelcase: registry.npmmirror.com/lodash.camelcase/4.3.0
+      lodash.clonedeep: registry.npmmirror.com/lodash.clonedeep/4.5.0
+      lodash.debounce: registry.npmmirror.com/lodash.debounce/4.0.8
+      lodash.foreach: registry.npmmirror.com/lodash.foreach/4.5.0
+      lodash.isequal: registry.npmmirror.com/lodash.isequal/4.5.0
+      lodash.throttle: registry.npmmirror.com/lodash.throttle/4.1.1
+      lodash.toarray: registry.npmmirror.com/lodash.toarray/4.4.0
+      nanoid: registry.npmmirror.com/nanoid/3.3.4
+      slate: registry.npmmirror.com/slate/0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/list-module/1.0.5_tztyh2vh7kwzpeloifaekkk3my:
+    resolution: {integrity: sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/list-module/-/list-module-1.0.5.tgz}
+    id: registry.npmmirror.com/@wangeditor/list-module/1.0.5
+    name: '@wangeditor/list-module'
+    version: 1.0.5
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      slate: registry.npmmirror.com/slate/0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/table-module/1.1.4_2dde2uzwslfxq2cqrl35sl4erm:
+    resolution: {integrity: sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/table-module/-/table-module-1.1.4.tgz}
+    id: registry.npmmirror.com/@wangeditor/table-module/1.1.4
+    name: '@wangeditor/table-module'
+    version: 1.1.4
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      lodash.isequal: registry.npmmirror.com/lodash.isequal/4.5.0
+      lodash.throttle: registry.npmmirror.com/lodash.throttle/4.1.1
+      nanoid: registry.npmmirror.com/nanoid/3.3.4
+      slate: registry.npmmirror.com/slate/0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/upload-image-module/1.0.2_dwqga4onuah5imhngzkgmw6t5a:
+    resolution: {integrity: sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/upload-image-module/-/upload-image-module-1.0.2.tgz}
+    id: registry.npmmirror.com/@wangeditor/upload-image-module/1.0.2
+    name: '@wangeditor/upload-image-module'
+    version: 1.0.2
+    peerDependencies:
+      '@uppy/core': ^2.0.3
+      '@uppy/xhr-upload': ^2.0.3
+      '@wangeditor/basic-modules': 1.x
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.foreach: ^4.5.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@uppy/core': registry.npmmirror.com/@uppy/core/2.3.4
+      '@uppy/xhr-upload': registry.npmmirror.com/@uppy/xhr-upload/2.1.3_@uppy+core@2.3.4
+      '@wangeditor/basic-modules': registry.npmmirror.com/@wangeditor/basic-modules/1.1.7_j7icpicfeimtkldwmemjnpdjs4
+      '@wangeditor/core': registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      lodash.foreach: registry.npmmirror.com/lodash.foreach/4.5.0
+      slate: registry.npmmirror.com/slate/0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
+  registry.npmmirror.com/@wangeditor/video-module/1.1.4_i6gxywmu7tvxmjxypclnjlcil4:
+    resolution: {integrity: sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@wangeditor/video-module/-/video-module-1.1.4.tgz}
+    id: registry.npmmirror.com/@wangeditor/video-module/1.1.4
+    name: '@wangeditor/video-module'
+    version: 1.1.4
+    peerDependencies:
+      '@uppy/core': ^2.1.4
+      '@uppy/xhr-upload': ^2.0.7
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@uppy/core': registry.npmmirror.com/@uppy/core/2.3.4
+      '@uppy/xhr-upload': registry.npmmirror.com/@uppy/xhr-upload/2.1.3_@uppy+core@2.3.4
+      '@wangeditor/core': registry.npmmirror.com/@wangeditor/core/1.1.19_qokc4m5r26t2nkvzejrgzroa7e
+      dom7: registry.npmmirror.com/dom7/3.0.0
+      nanoid: registry.npmmirror.com/nanoid/3.3.4
+      slate: registry.npmmirror.com/slate/0.72.8
+      snabbdom: registry.npmmirror.com/snabbdom/3.5.1
+    dev: false
+
   registry.npmmirror.com/@zjxpcyc/react-tiny-store/2.0.1:
     resolution: {integrity: sha512-+MTTcQ9aU8OMl7YrmX8UVnM5qUDktdHl0wpxmI5dVIwZxvHsKRKZuQn+ExOeCvJAVC2l+ubS7afT9rzTHPuPrA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@zjxpcyc/react-tiny-store/-/react-tiny-store-2.0.1.tgz}
     name: '@zjxpcyc/react-tiny-store'
@@ -1021,6 +1308,24 @@ packages:
     version: 4.2.5
     dev: false
 
+  registry.npmmirror.com/asynckit/0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz}
+    name: asynckit
+    version: 0.4.0
+    dev: false
+
+  registry.npmmirror.com/axios/1.2.0:
+    resolution: {integrity: sha512-zT7wZyNYu3N5Bu0wuZ6QccIf93Qk1eV8LOewxgjOZFd2DenOs98cJ7+Y6703d0wkaXGY6/nZd4EweJaHz9uzQw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/axios/-/axios-1.2.0.tgz}
+    name: axios
+    version: 1.2.0
+    dependencies:
+      follow-redirects: registry.npmmirror.com/follow-redirects/1.15.2
+      form-data: registry.npmmirror.com/form-data/4.0.0
+      proxy-from-env: registry.npmmirror.com/proxy-from-env/1.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
   registry.npmmirror.com/browserslist/4.21.3:
     resolution: {integrity: sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/browserslist/-/browserslist-4.21.3.tgz}
     name: browserslist
@@ -1061,6 +1366,12 @@ packages:
       supports-color: registry.npmmirror.com/supports-color/7.2.0
     dev: true
 
+  registry.npmmirror.com/charenc/0.0.2:
+    resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/charenc/-/charenc-0.0.2.tgz}
+    name: charenc
+    version: 0.0.2
+    dev: false
+
   registry.npmmirror.com/classnames/2.3.2:
     resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/classnames/-/classnames-2.3.2.tgz}
     name: classnames
@@ -1096,6 +1407,15 @@ packages:
     version: 1.1.4
     dev: true
 
+  registry.npmmirror.com/combined-stream/1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz}
+    name: combined-stream
+    version: 1.0.8
+    engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: registry.npmmirror.com/delayed-stream/1.0.0
+    dev: false
+
   registry.npmmirror.com/compute-scroll-into-view/1.0.17:
     resolution: {integrity: sha512-j4dx+Fb0URmzbwwMUrhqWM2BEWHdFGx+qZ9qqASHRPqvTYdqvWnHg0H1hIbcyLnvgnoNAVMlwkepyqM3DaIFUg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.17.tgz}
     name: compute-scroll-into-view
@@ -1126,11 +1446,26 @@ packages:
       toggle-selection: registry.npmmirror.com/toggle-selection/1.0.6
     dev: false
 
+  registry.npmmirror.com/crypt/0.0.2:
+    resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/crypt/-/crypt-0.0.2.tgz}
+    name: crypt
+    version: 0.0.2
+    dev: false
+
   registry.npmmirror.com/csstype/3.1.0:
     resolution: {integrity: sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/csstype/-/csstype-3.1.0.tgz}
     name: csstype
     version: 3.1.0
 
+  registry.npmmirror.com/d/1.0.1:
+    resolution: {integrity: sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/d/-/d-1.0.1.tgz}
+    name: d
+    version: 1.0.1
+    dependencies:
+      es5-ext: registry.npmmirror.com/es5-ext/0.10.62
+      type: registry.npmmirror.com/type/1.2.0
+    dev: false
+
   registry.npmmirror.com/date-fns/2.29.1:
     resolution: {integrity: sha512-dlLD5rKaKxpFdnjrs+5azHDFOPEu4ANy/LTh04A1DTzMM7qoajmKCBc8pkKRFT41CNzw+4gQh79X5C+Jq27HAw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/date-fns/-/date-fns-2.29.1.tgz}
     name: date-fns
@@ -1172,6 +1507,13 @@ packages:
       ms: registry.npmmirror.com/ms/2.1.2
     dev: true
 
+  registry.npmmirror.com/delayed-stream/1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz}
+    name: delayed-stream
+    version: 1.0.0
+    engines: {node: '>=0.4.0'}
+    dev: false
+
   registry.npmmirror.com/dom-align/1.12.3:
     resolution: {integrity: sha512-Gj9hZN3a07cbR6zviMUBOMPdWxYhbMI+x+WS0NAIu2zFZmbK8ys9R79g+iG9qLnlCwpFoaB+fKy8Pdv470GsPA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/dom-align/-/dom-align-1.12.3.tgz}
     name: dom-align
@@ -1187,6 +1529,14 @@ packages:
       csstype: registry.npmmirror.com/csstype/3.1.0
     dev: false
 
+  registry.npmmirror.com/dom7/3.0.0:
+    resolution: {integrity: sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/dom7/-/dom7-3.0.0.tgz}
+    name: dom7
+    version: 3.0.0
+    dependencies:
+      ssr-window: registry.npmmirror.com/ssr-window/3.0.0
+    dev: false
+
   registry.npmmirror.com/dot-case/3.0.4:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/dot-case/-/dot-case-3.0.4.tgz}
     name: dot-case
@@ -1222,6 +1572,37 @@ packages:
     dev: true
     optional: true
 
+  registry.npmmirror.com/es5-ext/0.10.62:
+    resolution: {integrity: sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/es5-ext/-/es5-ext-0.10.62.tgz}
+    name: es5-ext
+    version: 0.10.62
+    engines: {node: '>=0.10'}
+    requiresBuild: true
+    dependencies:
+      es6-iterator: registry.npmmirror.com/es6-iterator/2.0.3
+      es6-symbol: registry.npmmirror.com/es6-symbol/3.1.3
+      next-tick: registry.npmmirror.com/next-tick/1.1.0
+    dev: false
+
+  registry.npmmirror.com/es6-iterator/2.0.3:
+    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/es6-iterator/-/es6-iterator-2.0.3.tgz}
+    name: es6-iterator
+    version: 2.0.3
+    dependencies:
+      d: registry.npmmirror.com/d/1.0.1
+      es5-ext: registry.npmmirror.com/es5-ext/0.10.62
+      es6-symbol: registry.npmmirror.com/es6-symbol/3.1.3
+    dev: false
+
+  registry.npmmirror.com/es6-symbol/3.1.3:
+    resolution: {integrity: sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/es6-symbol/-/es6-symbol-3.1.3.tgz}
+    name: es6-symbol
+    version: 3.1.3
+    dependencies:
+      d: registry.npmmirror.com/d/1.0.1
+      ext: registry.npmmirror.com/ext/1.7.0
+    dev: false
+
   registry.npmmirror.com/esbuild-android-64/0.14.53:
     resolution: {integrity: sha512-fIL93sOTnEU+NrTAVMIKiAw0YH22HWCAgg4N4Z6zov2t0kY9RAJ50zY9ZMCQ+RT6bnOfDt8gCTnt/RaSNA2yRA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-android-64/-/esbuild-android-64-0.14.53.tgz}
     name: esbuild-android-64
@@ -1487,12 +1868,52 @@ packages:
     engines: {node: '>=0.8.0'}
     dev: true
 
+  registry.npmmirror.com/event-emitter/0.3.5:
+    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/event-emitter/-/event-emitter-0.3.5.tgz}
+    name: event-emitter
+    version: 0.3.5
+    dependencies:
+      d: registry.npmmirror.com/d/1.0.1
+      es5-ext: registry.npmmirror.com/es5-ext/0.10.62
+    dev: false
+
+  registry.npmmirror.com/ext/1.7.0:
+    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/ext/-/ext-1.7.0.tgz}
+    name: ext
+    version: 1.7.0
+    dependencies:
+      type: registry.npmmirror.com/type/2.7.2
+    dev: false
+
   registry.npmmirror.com/fast-deep-equal/3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz}
     name: fast-deep-equal
     version: 3.1.3
     dev: false
 
+  registry.npmmirror.com/follow-redirects/1.15.2:
+    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz}
+    name: follow-redirects
+    version: 1.15.2
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
+  registry.npmmirror.com/form-data/4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz}
+    name: form-data
+    version: 4.0.0
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: registry.npmmirror.com/asynckit/0.4.0
+      combined-stream: registry.npmmirror.com/combined-stream/1.0.8
+      mime-types: registry.npmmirror.com/mime-types/2.1.35
+    dev: false
+
   registry.npmmirror.com/fsevents/2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/fsevents/-/fsevents-2.3.2.tgz}
     name: fsevents
@@ -1554,6 +1975,20 @@ packages:
       function-bind: registry.npmmirror.com/function-bind/1.1.1
     dev: true
 
+  registry.npmmirror.com/html-void-elements/2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/html-void-elements/-/html-void-elements-2.0.1.tgz}
+    name: html-void-elements
+    version: 2.0.1
+    dev: false
+
+  registry.npmmirror.com/i18next/20.6.1:
+    resolution: {integrity: sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/i18next/-/i18next-20.6.1.tgz}
+    name: i18next
+    version: 20.6.1
+    dependencies:
+      '@babel/runtime': registry.npmmirror.com/@babel/runtime/7.18.9
+    dev: false
+
   registry.npmmirror.com/iconv-lite/0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz}
     name: iconv-lite
@@ -1574,6 +2009,12 @@ packages:
     dev: true
     optional: true
 
+  registry.npmmirror.com/immer/9.0.16:
+    resolution: {integrity: sha512-qenGE7CstVm1NrHQbMh8YaSzTZTFNP3zPqr3YU0S0UY441j4bJTg4A2Hh5KAhwgaiU6ZZ1Ar6y/2f4TblnMReQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/immer/-/immer-9.0.16.tgz}
+    name: immer
+    version: 9.0.16
+    dev: false
+
   registry.npmmirror.com/invariant/2.2.4:
     resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/invariant/-/invariant-2.2.4.tgz}
     name: invariant
@@ -1582,6 +2023,12 @@ packages:
       loose-envify: registry.npmmirror.com/loose-envify/1.4.0
     dev: false
 
+  registry.npmmirror.com/is-buffer/1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/is-buffer/-/is-buffer-1.1.6.tgz}
+    name: is-buffer
+    version: 1.1.6
+    dev: false
+
   registry.npmmirror.com/is-core-module/2.10.0:
     resolution: {integrity: sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/is-core-module/-/is-core-module-2.10.0.tgz}
     name: is-core-module
@@ -1590,6 +2037,25 @@ packages:
       has: registry.npmmirror.com/has/1.0.3
     dev: true
 
+  registry.npmmirror.com/is-hotkey/0.2.0:
+    resolution: {integrity: sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/is-hotkey/-/is-hotkey-0.2.0.tgz}
+    name: is-hotkey
+    version: 0.2.0
+    dev: false
+
+  registry.npmmirror.com/is-plain-object/5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/is-plain-object/-/is-plain-object-5.0.0.tgz}
+    name: is-plain-object
+    version: 5.0.0
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  registry.npmmirror.com/is-url/1.2.4:
+    resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/is-url/-/is-url-1.2.4.tgz}
+    name: is-url
+    version: 1.2.4
+    dev: false
+
   registry.npmmirror.com/is-what/3.14.1:
     resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/is-what/-/is-what-3.14.1.tgz}
     name: is-what
@@ -1647,6 +2113,30 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmmirror.com/lodash.camelcase/4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz}
+    name: lodash.camelcase
+    version: 4.3.0
+    dev: false
+
+  registry.npmmirror.com/lodash.clonedeep/4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz}
+    name: lodash.clonedeep
+    version: 4.5.0
+    dev: false
+
+  registry.npmmirror.com/lodash.debounce/4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz}
+    name: lodash.debounce
+    version: 4.0.8
+    dev: false
+
+  registry.npmmirror.com/lodash.foreach/4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz}
+    name: lodash.foreach
+    version: 4.5.0
+    dev: false
+
   registry.npmmirror.com/lodash.isequal/4.5.0:
     resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz}
     name: lodash.isequal
@@ -1665,6 +2155,18 @@ packages:
     version: 4.5.0
     dev: false
 
+  registry.npmmirror.com/lodash.throttle/4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz}
+    name: lodash.throttle
+    version: 4.1.1
+    dev: false
+
+  registry.npmmirror.com/lodash.toarray/4.4.0:
+    resolution: {integrity: sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz}
+    name: lodash.toarray
+    version: 4.4.0
+    dev: false
+
   registry.npmmirror.com/lodash.tonumber/4.0.3:
     resolution: {integrity: sha512-SY0SwuPOHRwKcCNTdsntPYb+Zddz5mDUIVFABzRMqmAiL41pMeyoQFGxYAw5zdc9NnH4pbJqiqqp5ckfxa+zSA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/lodash.tonumber/-/lodash.tonumber-4.0.3.tgz}
     name: lodash.tonumber
@@ -1715,6 +2217,16 @@ packages:
     dev: true
     optional: true
 
+  registry.npmmirror.com/md5/2.3.0:
+    resolution: {integrity: sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/md5/-/md5-2.3.0.tgz}
+    name: md5
+    version: 2.3.0
+    dependencies:
+      charenc: registry.npmmirror.com/charenc/0.0.2
+      crypt: registry.npmmirror.com/crypt/0.0.2
+      is-buffer: registry.npmmirror.com/is-buffer/1.1.6
+    dev: false
+
   registry.npmmirror.com/memoize-one/5.2.1:
     resolution: {integrity: sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/memoize-one/-/memoize-one-5.2.1.tgz}
     name: memoize-one
@@ -1727,6 +2239,30 @@ packages:
     version: 6.0.0
     dev: false
 
+  registry.npmmirror.com/mime-db/1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz}
+    name: mime-db
+    version: 1.52.0
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  registry.npmmirror.com/mime-match/1.0.2:
+    resolution: {integrity: sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/mime-match/-/mime-match-1.0.2.tgz}
+    name: mime-match
+    version: 1.0.2
+    dependencies:
+      wildcard: registry.npmmirror.com/wildcard/1.1.2
+    dev: false
+
+  registry.npmmirror.com/mime-types/2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz}
+    name: mime-types
+    version: 2.1.35
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: registry.npmmirror.com/mime-db/1.52.0
+    dev: false
+
   registry.npmmirror.com/mime/1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/mime/-/mime-1.6.0.tgz}
     name: mime
@@ -1756,13 +2292,18 @@ packages:
     dev: true
     optional: true
 
+  registry.npmmirror.com/namespace-emitter/2.0.1:
+    resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/namespace-emitter/-/namespace-emitter-2.0.1.tgz}
+    name: namespace-emitter
+    version: 2.0.1
+    dev: false
+
   registry.npmmirror.com/nanoid/3.3.4:
     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/nanoid/-/nanoid-3.3.4.tgz}
     name: nanoid
     version: 3.3.4
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-    dev: true
 
   registry.npmmirror.com/needle/3.1.0:
     resolution: {integrity: sha512-gCE9weDhjVGCRqS8dwDR/D3GTAeyXLXuqp7I8EzH6DllZGXSUyxuqqLh+YX9rMAWaaTFyVAg6rHGL25dqvczKw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/needle/-/needle-3.1.0.tgz}
@@ -1780,6 +2321,12 @@ packages:
     dev: true
     optional: true
 
+  registry.npmmirror.com/next-tick/1.1.0:
+    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/next-tick/-/next-tick-1.1.0.tgz}
+    name: next-tick
+    version: 1.1.0
+    dev: false
+
   registry.npmmirror.com/no-case/3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/no-case/-/no-case-3.0.4.tgz}
     name: no-case
@@ -1870,6 +2417,19 @@ packages:
       source-map-js: registry.npmmirror.com/source-map-js/1.0.2
     dev: true
 
+  registry.npmmirror.com/preact/10.11.3:
+    resolution: {integrity: sha512-eY93IVpod/zG3uMF22Unl8h9KkrcKIRs2EGar8hwLZZDU1lkjph303V9HZBwufh2s736U6VXuhD109LYqPoffg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/preact/-/preact-10.11.3.tgz}
+    name: preact
+    version: 10.11.3
+    dev: false
+
+  registry.npmmirror.com/prismjs/1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/prismjs/-/prismjs-1.29.0.tgz}
+    name: prismjs
+    version: 1.29.0
+    engines: {node: '>=6'}
+    dev: false
+
   registry.npmmirror.com/prop-types/15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/prop-types/-/prop-types-15.8.1.tgz}
     name: prop-types
@@ -1880,6 +2440,12 @@ packages:
       react-is: registry.npmmirror.com/react-is/16.13.1
     dev: false
 
+  registry.npmmirror.com/proxy-from-env/1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz}
+    name: proxy-from-env
+    version: 1.1.0
+    dev: false
+
   registry.npmmirror.com/prr/1.0.1:
     resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/prr/-/prr-1.0.1.tgz}
     name: prr
@@ -2785,6 +3351,35 @@ packages:
     version: 1.1.0
     dev: false
 
+  registry.npmmirror.com/slate-history/0.66.0_slate@0.72.8:
+    resolution: {integrity: sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/slate-history/-/slate-history-0.66.0.tgz}
+    id: registry.npmmirror.com/slate-history/0.66.0
+    name: slate-history
+    version: 0.66.0
+    peerDependencies:
+      slate: '>=0.65.3'
+    dependencies:
+      is-plain-object: registry.npmmirror.com/is-plain-object/5.0.0
+      slate: registry.npmmirror.com/slate/0.72.8
+    dev: false
+
+  registry.npmmirror.com/slate/0.72.8:
+    resolution: {integrity: sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/slate/-/slate-0.72.8.tgz}
+    name: slate
+    version: 0.72.8
+    dependencies:
+      immer: registry.npmmirror.com/immer/9.0.16
+      is-plain-object: registry.npmmirror.com/is-plain-object/5.0.0
+      tiny-warning: registry.npmmirror.com/tiny-warning/1.0.3
+    dev: false
+
+  registry.npmmirror.com/snabbdom/3.5.1:
+    resolution: {integrity: sha512-wHMNIOjkm/YNE5EM3RCbr/+DVgPg6AqQAX1eOxO46zYNvCXjKP5Y865tqQj3EXnaMBjkxmQA5jFuDpDK/dbfiA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/snabbdom/-/snabbdom-3.5.1.tgz}
+    name: snabbdom
+    version: 3.5.1
+    engines: {node: '>=8.3.0'}
+    dev: false
+
   registry.npmmirror.com/source-map-js/1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz}
     name: source-map-js
@@ -2807,6 +3402,12 @@ packages:
     version: 1.4.8
     dev: true
 
+  registry.npmmirror.com/ssr-window/3.0.0:
+    resolution: {integrity: sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/ssr-window/-/ssr-window-3.0.0.tgz}
+    name: ssr-window
+    version: 3.0.0
+    dev: false
+
   registry.npmmirror.com/string-convert/0.2.1:
     resolution: {integrity: sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/string-convert/-/string-convert-0.2.1.tgz}
     name: string-convert
@@ -2855,6 +3456,12 @@ packages:
       react: registry.npmmirror.com/react/18.1.0
     dev: false
 
+  registry.npmmirror.com/tiny-warning/1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/tiny-warning/-/tiny-warning-1.0.3.tgz}
+    name: tiny-warning
+    version: 1.0.3
+    dev: false
+
   registry.npmmirror.com/tinycolor2/1.4.2:
     resolution: {integrity: sha512-vJhccZPs965sV/L2sU4oRQVAos0pQXwsvTLkWYdqJ+a8Q5kPFzJTuOFwy7UniPli44NKQGAglksjvOcpo95aZA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/tinycolor2/-/tinycolor2-1.4.2.tgz}
     name: tinycolor2
@@ -2886,6 +3493,18 @@ packages:
     version: 2.4.0
     dev: true
 
+  registry.npmmirror.com/type/1.2.0:
+    resolution: {integrity: sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/type/-/type-1.2.0.tgz}
+    name: type
+    version: 1.2.0
+    dev: false
+
+  registry.npmmirror.com/type/2.7.2:
+    resolution: {integrity: sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/type/-/type-2.7.2.tgz}
+    name: type
+    version: 2.7.2
+    dev: false
+
   registry.npmmirror.com/unstated-next/1.1.0:
     resolution: {integrity: sha512-AAn47ZncPvgBGOvMcn8tSRxsrqwf2VdAPxLASTuLJvZt4rhKfDvUkmYZLGfclImSfTVMv7tF4ynaVxin0JjDCA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/unstated-next/-/unstated-next-1.1.0.tgz}
     name: unstated-next
@@ -2987,6 +3606,12 @@ packages:
       loose-envify: registry.npmmirror.com/loose-envify/1.4.0
     dev: false
 
+  registry.npmmirror.com/wildcard/1.1.2:
+    resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/wildcard/-/wildcard-1.1.2.tgz}
+    name: wildcard
+    version: 1.1.2
+    dev: false
+
   registry.npmmirror.com/zrender/5.4.0:
     resolution: {integrity: sha512-rOS09Z2HSVGFs2dn/TuYk5BlCaZcVe8UDLLjj1ySYF828LATKKdxuakSZMvrDz54yiKPDYVfjdKqcX8Jky3BIA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/zrender/-/zrender-5.4.0.tgz}
     name: zrender

src/components/EditableTag/Tag.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Button } from 'antd';
+import { CloseOutlined } from '@ant-design/icons';
+import './style.less'
+
+export default (props) => {
+  const { size, type, onDelete, children } = props;
+
+  return (
+    <div className='tag-btn-group'>
+      <Button size={size} type={type}>{children}</Button>
+      <Button size={size} type="primary" icon={<CloseOutlined />} onClick={onDelete} />
+    </div>
+  )
+}

src/components/EditableTag/index.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Button } from 'antd';
+import Tag from './Tag';
+import './style.less'
+
+export default (props) => {
+  const { size, type, list = [], onDelete, keyFuc, labelFunc } = props;
+
+  return (
+    <div className='editable-tag-box'>
+      {
+        list.map((item, index) => {
+          const key = keyFuc(item, index);
+          const label = labelFunc(item, index);
+
+          return <Tag key={key} size={size} type={type} onDelete={() => onDelete(item)}>{label}</Tag>
+        })
+      }
+    </div>
+  )
+}

src/components/EditableTag/style.less

@@ -0,0 +1,27 @@
+.tag-btn-group {
+  .ant-btn {
+    vertical-align: middle;
+  }
+
+  .ant-btn:first-child {
+    border-right: none;
+  }
+
+  .ant-btn:last-child {
+    // border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    margin-left: -1px;
+  }
+}
+
+.editable-tag-box {
+  display: flex;
+  flex-wrap: wrap;
+
+  .tag-btn-group {
+    flex: none;
+    box-sizing: border-box;
+    padding: 1em;
+  }
+}

src/components/Money/float.js

@@ -0,0 +1,4 @@
+const epsilonN = N => num => Math.round( num * N + Number.EPSILON ) / N;
+const epsilon2 = epsilonN(1e2);
+
+export default epsilon2;

src/components/Money/index.jsx

@@ -0,0 +1,30 @@
+import { InputNumber } from "antd"
+import { useEffect, useState } from "react"
+import epsilon2 from './float'
+
+export default (props) => {
+
+  const { value, onChange, ...leftProps } = props
+
+  const [money, setMoney] = useState(0)
+
+  useEffect(() => {
+    setMoney(epsilon2(value / 100))
+  }, [value])
+
+  const handleChange = (val) => {
+    onChange(epsilon2(val * 100))
+  }
+
+  return (
+    <InputNumber
+      min='0'
+      {...leftProps}
+      value={money}
+      onChange={handleChange}
+      precision={2}
+      formatter={value => `￥ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
+      parser={value => value.replace(/\￥\s?|(,*)/g, '')}
+    />
+  )
+}

src/components/Wangeditor/index.jsx

@@ -0,0 +1,87 @@
+import React, { useState, useEffect } from "react";
+import "@wangeditor/editor/dist/css/style.css";
+import { Editor, Toolbar } from "@wangeditor/editor-for-react";
+
+// 工具栏配置参考
+// https://www.cnblogs.com/-roc/p/16400965.html
+
+const defaultStyle = {
+  border: "1px solid #ccc",
+  zIndex: 100,
+  marginTop: "15px"
+}
+
+function MyEditor(props) {
+
+  const style = React.useMemo(() => ({ ...defaultStyle, ...(props.style || {}) }), [props.style])
+
+  const {
+    value = "",
+    onChange = (e) => {
+      setHtml(e);
+    },
+    toolbarConfig = {
+      excludeKeys: ["group-image", "group-video"],
+    },
+    editorConfig = {
+      placeholder: "请输入内容...",
+    },
+    readonly = false,
+  } = props;
+  const [editor, setEditor] = useState(null); // 存储 editor 实例
+  const [html, setHtml] = useState("");
+ 
+  // 模拟 ajax 请求，异步设置 html
+  useEffect(() => {
+    setHtml(value || "");
+  }, [value]);
+
+  // 及时销毁 editor
+  useEffect(() => {
+    return () => {
+      if (editor == null) return;
+      editor.destroy();
+      setEditor(null);
+    };
+  }, [editor]);
+
+  function insertText() {
+    if (editor == null) return;
+    editor.insertText(" hello ");
+  }
+
+  function printHtml() {
+    if (editor == null) return;
+    console.log(editor.getHtml());
+  }
+
+  const handleChange = (editor) => {
+    const raw = editor.getHtml();
+    if (raw !== '<p><br></p>') {
+      onChange(raw)
+    }
+  }
+
+  return !readonly ? (
+    <div className={props.className} style={style}>
+      <Toolbar
+        editor={editor}
+        defaultConfig={toolbarConfig}
+        mode="default"
+        style={{ borderBottom: "1px solid #ccc" }}
+      />
+      <Editor
+        defaultConfig={editorConfig}
+        value={html}
+        onCreated={setEditor}
+        onChange={handleChange}
+        mode="default"
+        style={{ height: "500px" }}
+      />
+    </div>
+  ) : (
+    <div dangerouslySetInnerHTML={{ __html: value }}></div>
+  );
+}
+
+export default MyEditor;

src/components/page/Container.jsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import './style.less'
-
-export default (props) => {
-  return (
-    <div className="page-container">
-      {props.children}
-    </div>
-  )
-}

src/components/page/index.jsx

@@ -1,14 +0,0 @@
-import React, { useEffect } from 'react';
-// import { PageHeader } from 'antd';
-import { useModel } from '@/store';
-import Container from './Container';
-
-export default (props) => {
-  // const { children, ...headerProps } = props;
-  
-  return (
-    <Container>
-      {props.children}
-    </Container>
-  )
-}

src/components/page/style.less

@@ -1,5 +0,0 @@
-
-.page-container {
-  margin: 24px;
-  margin-bottom: 0;
-}

src/index.less

@@ -33,6 +33,7 @@ html, body, #root {
 .ant-layout-header {
   line-height: var(--header-height);
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  // border-bottom: 1px solid gainsboro;
   z-index: 10;
 }
 
@@ -40,7 +41,11 @@ html, body, #root {
   width: var(--siderbar-width);
   background-color: var(--theme-color);
   color: var(--theme-front);
-  box-shadow: 1px 0 4px 0 rgba(0, 21, 41, 0.04);
+  box-shadow: 1px 0 4px 0 rgba(0, 21, 41, 0.08);
+
+  .ant-menu {
+    background: transparent;
+  }
 }
 
 

src/layouts/AuthLayout/components/Container.jsx

@@ -1,32 +1,31 @@
-import React, { useEffect, useRef, useMemo, useState } from 'react';
-import { Layout, Spin } from 'antd';
-import { Outlet, useLocation } from "react-router-dom";
+import React from 'react';
+import { Layout } from 'antd';
+import { Outlet } from "react-router-dom";
 import PageTransition from './PageTransition';
 import Footer from './Footer';
 
 const { Content } = Layout;
+const marginSpace = 24;
 
 export default (props) => {
-  const location = useLocation();
-  
-  const containerRef = useRef();
-  const [minHeight, setMinHeight] = useState(0);
-  const contentStyle = useMemo(() => ({ minHeight: `${minHeight}px` }), [minHeight]);
-  
-  useEffect(() => {
-    const containerHeight = containerRef.current.offsetHeight;
-    const footerHeight = document.querySelector('.ant-layout-footer').offsetHeight;
-    setMinHeight(containerHeight - footerHeight);
-  }, [minHeight]);
+  const { noFooter } = props;
+  const footerRef = React.useRef();
+  const [height, setHeight] = React.useState(`calc(100% - ${marginSpace * 2}px`);
+
+  React.useEffect(() => {
+    if (footerRef.current) {
+      setHeight(`calc(100% - ${footerRef.current.offsetHeight + marginSpace * 2}px)`);
+    }
+  }, [noFooter])
 
   return (
-    <div className='layout-container' ref={containerRef}>
-      <Content style={contentStyle}>
-        <PageTransition location={location}>
+    <div className='layout-container'>
+      <Content style={{ minHeight: height, margin: `${marginSpace}px` }}>
+        <PageTransition location={props.location}>
           <Outlet />
         </PageTransition>
       </Content>
-      <Footer />
+      {!noFooter && <Footer ref={footerRef} />}
     </div>
   )
 }

src/layouts/AuthLayout/components/Footer.jsx

@@ -1,14 +1,15 @@
 import React from 'react';
-import { Layout, Spin } from 'antd';
+import { Layout } from 'antd';
+import { useModel } from '@/store';
 
 const { Footer } = Layout;
 
 const year = new Date().getFullYear();
-export default (props) => {
-
-  const copyRight = `南京云致 @${year}`
+export default React.forwardRef((props, ref) => {
+  const { app } = useModel('system');
+  const copyRight = `${app.company || '南京云致'} @ ${year}`;
 
   return (
-    <Footer style={{ textAlign: 'center' }}>{copyRight}</Footer>
+    <Footer ref={ref} style={{ textAlign: 'center', color: 'rgba(0,0,0, 0.3)' }}>{copyRight}</Footer>
   )
-}
+})

src/layouts/AuthLayout/components/Header/Exit.jsx

@@ -1,9 +1,28 @@
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import { LogoutOutlined } from '@ant-design/icons';
-import { Button } from 'antd';
+import { Button, Modal } from 'antd';
+import { useModel } from '@/store';
+
+const { confirm } = Modal;
 
 export default (props) => {
+  const navigate = useNavigate();
+  const { setUser } = useModel('user');
+  
+  const onExit = () => {
+    confirm({
+      title: '确认退出系统?',
+      onOk: () => {
+        // logout(); // 调用接口
+        localStorage.removeItem('token');
+        setUser();
+        navigate('/login?back=true');
+      }
+    });
+  }
+
   return (
-    <Button className='font' type="text" icon={<LogoutOutlined />}>退出</Button>
+    <Button className='font' type="text" icon={<LogoutOutlined />} onClick={onExit}>退出</Button>
   )
 }

src/layouts/AuthLayout/components/Header/Title.jsx

@@ -1,7 +1,5 @@
-import { Typography } from 'antd';
-import useRoute from '@/utils/hooks/useRoute';
 
-const { Title } = Typography;
+import useRoute from '@/utils/hooks/useRoute';
 
 const titleStyle = {
   margin: 0,
@@ -18,9 +16,9 @@ export default (props) => {
   const { title } = route && route.meta || {}
 
   return (
-    <Title level={5} style={titleStyle}>
+    <h5 style={titleStyle}>
       { title && <span style={spanStyle}>&raquo;</span> }
       { title && <span>{title}</span> }
-    </Title>
+    </h5>
   );
 }

src/layouts/AuthLayout/components/Header/User.jsx

@@ -1,6 +1,6 @@
 import React, { useState, forwardRef, useRef, useImperativeHandle } from 'react';
 import { Avatar, Button, Dropdown, Menu, Form, Input, Modal } from 'antd';
-import { useModel } from '@/store'
+import md5 from 'md5';
 
 const ChangePassword = forwardRef((props, ref) => {
   const [visible, setVisible] = useState(false);
@@ -66,7 +66,7 @@ export default (props) => {
   ];
 
   const passRef = useRef();
-  const { user = {} } = useModel('user');
+  const { user = {} } = props;
 
   const onClick = ({ key }) => {
     if (key === 'changePassword') {

src/layouts/AuthLayout/components/Header/index.jsx

@@ -1,29 +1,26 @@
 import React, { useMemo } from 'react';
 import { Layout, Space } from 'antd';
 import classNames from 'classnames';
-import Logo from './Logo';
 import Title from './Title';
 import User from './User';
 import Exit from './Exit';
+import Logo from '../Logo';
 
 const { Header } = Layout;
 
 export default (props) => {
+  const { user } = props;
 
   const className = useMemo(() => classNames({
     'layout-header': true,
     'light': props.theme === 'light',
   }), [props.theme]);
 
-
   return (
     <Header className={className}>
       <Logo />
-      <div className="header-content">
-        <Title />
-      </div>
       <Space>
-        <User />
+        <User user={user} />
         <Exit />
       </Space>
     </Header>

src/layouts/AuthLayout/components/Header/Logo.jsx → src/layouts/AuthLayout/components/Logo.jsx

@@ -3,15 +3,13 @@ import { Typography } from 'antd';
 import { NavLink } from "react-router-dom";
 import { useModel } from '@/store';
 
-const { Title } = Typography;
-
 export default (props) => {
   const { app } = useModel('system');
 
   return (
     <NavLink className='logo'  to="/">
       <img src="./logo.png" alt="" />
-      <Title level={5}>{app.shorName}</Title>
+      <h3>{app.shorName}</h3>
     </NavLink>
   )
 }

src/layouts/AuthLayout/components/Menus.jsx

@@ -1,33 +1,26 @@
-import React, { useState } from 'react';
-import { useNavigate } from "react-router-dom";
+import React from 'react';
 import { Menu } from 'antd';
-import { getItems } from '@/routes/menus';
-
-const linkTo = url => {
-  const a = document.createElement('a');
-  a.href = item.key;
-  a.target = '_blank';
-  a.click();
-}
 
 const menuStyle = { height: '100%' };
 
 export default (props) => {
-  const { theme } = props;
+  const { theme, items, location } = props;
+
+  // const selectedKeys = React.useMemo(() => {
+  //   const parts = location.pathname.split('/').filter(Boolean);
+  //   const keys = parts.reduce((acc, it) => {
+  //     const parent = acc.pop();
+  //     const path = !parent ? `/${it}` : `${parent}/${it}`
+
+  //     return acc.concat([parent, path].filter(Boolean));
+  //   }, []);
 
-  const navigate = useNavigate();
-  const items = getItems();
+  //   return keys;
+  // }, [location.pathname]);
 
-  const onClick = (item) => {
-    // http 开头说明是外部链接
-    if (item.key.indexOf('http') === 0) {
-      linkTo(item.key);
-    } else {
-      navigate(item.key);
-    }
-  }
+  const selectedKeys = [location.pathname];
 
   return (
-    <Menu style={menuStyle} theme={theme} items={items} onClick={onClick} />
+    <Menu style={menuStyle} theme={theme} items={items} selectedKeys={selectedKeys} />
   )
 }

src/layouts/AuthLayout/components/PageTransition/index.jsx

@@ -12,7 +12,7 @@ export default (props) => {
         addEndListener={(node, done) => node.addEventListener("transitionend", done, false)}
         classNames="page-fade"
       >
-        <div>
+        <div style={{ height: '100%' }}>
           {props.children}
         </div>
       </CSSTransition>

src/layouts/AuthLayout/components/RequireLogin.jsx

@@ -1,13 +1,21 @@
-import React, { useState } from 'react'
-import { useLocation, Navigate } from "react-router-dom"
+import React, { useState, useEffect } from 'react';
+import { useLocation, Navigate } from "react-router-dom";
+import { useModel } from '@/store';
 
 export default (props) => {
-  const { user } = props
-  const location = useLocation()
+  const { user, getCurrentUser } = useModel('user');
+  const [userStatus, setUserStatus] = useState(user && user.id ? 1 : 0);
 
-  return props.children
+  useEffect(() => {
+    if (!user || !user.id) {
+      getCurrentUser().then(() => {
+        setUserStatus(1);
+      }).catch(() => {
+        setUserStatus(-1);
+      });
+    }
+  }, []);
 
-  // return !user || !user.isLoged ?
-  //   <Navigate to="/login" state={{ from: location }} replace /> :
-  //   props.children
+  return userStatus === 0 ? null :
+    userStatus === -1 ? <Navigate to="/login?back=true" /> : props.children;
 }

src/layouts/AuthLayout/components/SiderBar.jsx

@@ -1,6 +1,5 @@
 import React, { useMemo } from 'react';
 import { Layout, Spin } from 'antd';
-import { useModel } from '@/store'
 import { getPropertyValue } from '@/utils/css';
 import Menus from './Menus';
 
@@ -8,16 +7,16 @@ const { Sider } = Layout;
 
 
 export default (props) => {
+  const { theme, location, menus } = props;
 
   const width = useMemo(() => {
     return /\d+/.exec(getPropertyValue('--siderbar-width'))[0] - 0;
   }, []);
 
-  const { theme } = useModel('system');
 
   return (
     <Sider className='layout-sidebar' theme={theme} collapsible width={width}>
-      <Menus theme={theme}/>
+      <Menus theme={theme} items={menus} location={location} />
     </Sider>
-  )
+  );
 }

src/layouts/AuthLayout/index.jsx

@@ -1,42 +1,40 @@
-import React, { useEffect, useRef, useMemo, useState } from 'react';
+import React, { useEffect } from 'react';
 import { Layout, Spin } from 'antd';
-import { useLocation } from "react-router-dom";
+import { useLocation, Outlet } from "react-router-dom";
 import { useModel } from '@/store';
+import useRoute from '@/utils/hooks/useRoute';
 import RequireLogin from './components/RequireLogin';
 import SiderBar from './components/SiderBar';
 import Header from './components/Header';
 import Container from './components/Container';
 import HtmlTitle from './components/HtmlTitle';
-import useReady from './useReady';
 
 import './style.less';
 
 export default (props) => {
   const { theme } = useModel('system');
-  const { user, getCurrent } = useModel('user');
-
-  // const isReady = useReady(user)
-  // const isReady = true
-
+  const { user, menus } = useModel('user');
   const location = useLocation();
-
-  useEffect(() => {
-    if (!user) {
-      getCurrent()
-    }
-  }, []);
+  const { meta } = useRoute() || {};
+  const { noLayout = false, noSiderBar = false, noFooter = false } = meta || {};
 
   return (
     <Spin spinning={!user} size="large">
       <HtmlTitle />
       <RequireLogin>
-        <div className='main-layout'>
-          <Header theme={theme} />
-          <Layout>
-            <SiderBar theme={theme} />
-            <Container />
-          </Layout>
-        </div>
+        {
+          noLayout
+            ? <Outlet />
+            : (
+              <Layout style={{ height: '100vh' }}>
+                <Header theme={theme} user={user} />
+                <Layout style={{ height: 'calc(100vh - var(--header-height))' }}>
+                  { !noSiderBar && <SiderBar theme={theme} menus={menus} location={location} /> }
+                  <Container location={location} noFooter={noFooter} />
+                </Layout>
+              </Layout>
+            )
+        }
       </RequireLogin>
     </Spin>
   );

src/layouts/AuthLayout/style.less

@@ -7,35 +7,15 @@
   justify-content: space-between;
   color: #fff;
 
-  &.light {
-    background-color: #fff;
-    color: #000;
-  }
+  // &.light {
+  //   background-color: #fff;
+  //   color: #000;
+  // }
 
   .header-content {
     flex: 1;
   }
 
-  .logo {
-    width: var(--siderbar-width);
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    padding-left: 1em;
-    color: inherit;
-
-    & > * {
-      color: inherit;
-      margin: 0;
-    }
-
-    img {
-      width: 28px;
-      vertical-align: middle;
-      margin-right: 1em;
-    }
-  }
-
   .font {
     color: inherit;
     display: inline-block;
@@ -58,6 +38,30 @@
   }
 }
 
+.logo {
+  height: var(--header-height);
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding-left: 1em;
+  color: inherit;
+
+  & > * {
+    color: inherit;
+    margin: 0;
+  }
+
+  h5 {
+    margin: 0;
+  }
+
+  img {
+    width: 28px;
+    vertical-align: middle;
+    margin-right: 1em;
+  }
+}
+
 .layout-container {
   flex: 1;
 
@@ -68,4 +72,6 @@
   &::--webkit-scrollbar {
     display: none;
   }
+
+  padding-top: 0; // 避免子元素的 margin 影响
 }

src/layouts/AuthLayout/useReady.jsx

@@ -1,14 +0,0 @@
-import React, { useState, useEffect } from 'react'
-
-export default function useReady(user) {
-  const [isReady, setReady] = useState(false)
-  const isLogined = user && user.isLogined
-
-  useEffect(() => {
-    if (!isReady && !isLogined) {
-      // fetchCurrent
-    }
-  }, [isReady, isLogined])
-
-  return isLogined || isReady || true
-}

src/layouts/PageContainer.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Typography } from 'antd';
+import { Outlet } from 'react-router-dom';
+import useRoute from '@/utils/hooks/useRoute';
+
+const containerStyle = {
+  // margin: '24px 24px 0 24px',
+  margin: '24px',
+  minHeight: 'calc(100% - 48px)',
+}
+const { Title } = Typography;
+
+export default (props) => {
+  const { meta = {} } = useRoute() || {};
+  const style = meta.noLayout ? { height: '100%' } : containerStyle;
+
+  return (
+    <div style={style}>
+      { meta.title && !meta.noLayout && <Title level={4} style={{ paddingBottom: '12px' }}>{ meta.title }</Title> }
+      <Outlet />
+    </div>
+  )
+}

src/pages/sample/form/index.jsx

@@ -12,7 +12,6 @@ import {
   Card,
 } from 'antd';
 import React, { useState } from 'react';
-import Page from '@/components/page';
 
 const { Option } = Select;
 const residences = [
@@ -350,4 +349,4 @@ const BasicForm = () => {
   );
 };
 
-export default () => <Page><Card><BasicForm /></Card></Page>;
+export default () => <Card><BasicForm /></Card>;

src/pages/sample/home/index.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Row, Col, Card, Space, Statistic } from 'antd';
-import Container from '@/components/page/Container';
 import Banner from './components/Banner';
 import AreaChart from './components/AreaChart';
 import BarChart from './components/BarChart';
@@ -16,7 +15,7 @@ export default (props) => {
   }
 
   return (
-    <Container>
+    <div>
       <Banner />
 
       <Row gutter={24} style={{ marginTop: '24px' }}>
@@ -36,6 +35,6 @@ export default (props) => {
           <BarChart style={chartStyle}/>
         </Col>
       </Row>
-    </Container>
+    </div>
   )
 }

src/pages/sample/table/index.jsx

@@ -2,7 +2,6 @@ import { EllipsisOutlined, PlusOutlined } from '@ant-design/icons';
 import { ProTable, TableDropdown } from '@ant-design/pro-components';
 import { Button, Dropdown, Menu, Space, Tag } from 'antd';
 import { useRef, useEffect } from 'react';
-import Page from '@/components/page';
 import { useModel } from '@/store';
 
 // import request from 'umi-request';
@@ -126,7 +125,8 @@ const menu = (<Menu items={[
 export default () => {
 
     const actionRef = useRef();
-    return (<Page><ProTable columns={columns} actionRef={actionRef} cardBordered request={async (params = {}, sort, filter) => {
+    return (
+        <ProTable columns={columns} actionRef={actionRef} cardBordered request={async (params = {}, sort, filter) => {
             console.log(sort, filter);
             // return request('https://proapi.azurewebsites.net/github/issues', {
             //     params,
@@ -165,5 +165,6 @@ export default () => {
             <EllipsisOutlined />
           </Button>
         </Dropdown>,
-        ]}/></Page>);
+        ]}/>
+    );
 };

src/routes/Router.jsx

@@ -1,7 +1,18 @@
+import React from "react";
 import { createHashRouter, RouterProvider } from "react-router-dom";
-import routes from './routes'
+import { useModel } from "@/store";
+import { defaultRoutes } from './routes';
 
-const router = createHashRouter(routes);
 export default (props) => {
+  const { routes } = useModel('user');
+
+  const router = React.useMemo(() => {
+    if (!routes || routes.length < 1) {
+      return createHashRouter(defaultRoutes);
+    } else {
+      return createHashRouter(routes);
+    }
+  }, [routes]);
+  
   return <RouterProvider router={router} />
 }

src/routes/menus.jsx

@@ -1,10 +1,8 @@
-import routes from './routes';
-
-let routeArr = [];
+import { Link } from 'react-router-dom';
 
 // 菜单是否显示
-// 没有 meta 或者 meta.title 为空, 或者 meta.hiddenInMenu = true 的 都不显示
-const isShow = item => item.meta && item.meta.title && !item.meta.hiddenInMenu;
+// 没有 meta 或者 meta.title 为空, 或者 meta.hideInMenu = true 的 都不显示
+const isShow = item => item.meta && item.meta.title && !item.meta.hideInMenu;
 
 const hasChildren = (list) => {
   if (!list || list.length < 1) return false;
@@ -18,41 +16,33 @@ const getPath = (parent, current = '') => {
   return `${parent}/${current}`.replace(/\/\//g, '/');
 }
 
-const getMenuItems = (dts = [], fullPath = '/') => {
-  return dts.map(item => {
-    const path = getPath(fullPath, item.path);
-
-    routeArr.push({
-      ...item,
-      path,
-    });
+export const getMenuItems = (routes = [], fullPath = '/') => {
+  return routes.map(route => {
+    const path = getPath(fullPath, route.path);
 
     //
-    if (!isShow(item)) return false;
+    if (!isShow(route)) return false;
     
-    const children = hasChildren(item.children) ? getMenuItems(item.children, path) : false;
+    const children = hasChildren(route.children) ? getMenuItems(route.children, path) : false;
+
+    const { target, title, icon } = route.meta || {}
+
+    // 坑爹 react-router v6 不支持 hash 路由的 target 跳转
+    const label = target === '_blank' ?
+      <a href={`${window.location.pathname}#${path}`} target={target}>{title}</a>
+      : (
+        path.indexOf('http') === 0  ? <a href={path} target="_blank">{title}</a>
+        : <Link to={path} target={target}>{title}</Link>
+      );
 
     return Object.assign(
       {
         key: path,
-        label: item.meta.title,
-        title: item.meta.title,
-        icon: item.meta.icon,
+        label,
+        title,
+        icon,
       },
       children && { children },
     )
   }).filter(Boolean);
 }
-
-const getItems = () => getMenuItems(routes[0]?.children);
-const getRouteArr = () => {
-  if (routeArr.length < 1) {
-    getItems();
-  }
-  return routeArr;
-}
-// 
-export {
-  getItems,
-  getRouteArr,
-};

src/routes/permissions.js

@@ -0,0 +1,14 @@
+
+export const getAuthedRoutes = (routes, permissions) => {
+  if (!routes || routes.length < 1) return [];
+
+  return routes.map(route => {
+    if (route.meta && route.meta.permission && permissions.indexOf(route.meta.permission) < 0) return false;
+
+    if (route.children) {
+      route.children = getAuthedRoutes(route.children, permissions);
+    }
+
+    return route;
+  }).filter(Boolean);
+}

src/routes/routes.jsx

@@ -8,6 +8,7 @@ import {
   PieChartOutlined,
 } from '@ant-design/icons';
 import AuthLayout from "@/layouts/AuthLayout";
+import PageContainer from "@/layouts/PageContainer";
 import Login from '@/pages/login';
 import Page404 from '@/pages/404';
 import Home from "@/pages/sample/home";
@@ -18,11 +19,37 @@ import BasicTable from '@/pages/sample/table';
  * meta 用来扩展自定义数据数据
  * {
  *    title: 用于页面或者菜单的标题, 没有此字段, 菜单不会显示
- *    hiddenInMenu: 布尔值, 如果为 false, 菜单不会显示
+ *    hideInMenu: 布尔值, 如果为 false, 菜单不会显示
+ *    noLayout: 布尔值, 如果为 true, 将不会使用默认布局
+ *    noSiderBar: 布尔值, 如果为 true, 将没有左侧菜单栏
+ *    noFooter: 布尔值, 如果为 true, 将没有底部 footer
+ *    target: 字符串, 如果为 _blank, 将在新窗口打开
+ *    permission: 对应服务器端权限名称
  * }
  */
 
-export default [
+export const authRoutes = [
+  {
+    path: "form",
+    element: <BasicForm />,
+    meta: {
+      title: '表单',
+      icon: <AppstoreOutlined />,
+      permission: 'form',
+    },
+  },
+  {
+    path: "table",
+    element: <BasicTable />,
+    meta: {
+      title: '表格',
+      icon: <ContainerOutlined />,
+      permission: 'table',
+    },
+  },
+];
+
+export const defaultRoutes = [
   {
     path: "/",
     element: <AuthLayout />,
@@ -39,22 +66,6 @@ export default [
           icon: <DesktopOutlined />,
         },
       },
-      {
-        path: "form",
-        element: <BasicForm />,
-        meta: {
-          title: '表单',
-          icon: <AppstoreOutlined />,
-        },
-      },
-      {
-        path: "table",
-        element: <BasicTable />,
-        meta: {
-          title: '表格',
-          icon: <ContainerOutlined />,
-        },
-      },
       {
         path: '*',
         element: <Page404 />
@@ -70,3 +81,32 @@ export default [
     element: <Page404 />
   }
 ]
+
+export function mergeAuthRoutes (r1, r2) {
+  const r = r1.slice();
+  const children = r1[0].children.slice();
+  r[0].children = children.concat(r2);
+  return r;
+}
+
+// 全部路由
+export const routes = mergeAuthRoutes(defaultRoutes, authRoutes);
+function getPath (parent = "/", current = "") {
+  if (current.indexOf("/") === 0 || current.indexOf("http") === 0)
+    return current;
+  return `${parent}/${current}`.replace(/\/\//g, "/");
+}
+
+// 路由数组, 一维数组
+export const routeArr = (() => {
+  const flatten = (routes, parentPath = "/") => {
+    return routes.reduce((acc, route) => {
+      const path = getPath(parentPath, route.path);
+      const children = route.children ? flatten(route.children, path) : [];
+
+      return acc.concat([{ ...route, path }].concat(children));
+    }, []);
+  };
+
+  return flatten(routes);
+})();

src/store/models/system.js

@@ -11,14 +11,10 @@ export default function useSystem() {
     company: '云致科技'
   });
 
-  // 页面标题
-  const [title, setTitle] = useState();
-
   return {
     theme,
     updateTheme,
     app,
-    title,
-    setTitle,
+    hashRoute: true,
   }
 }

src/store/models/user.js

@@ -1,17 +1,37 @@
-import { useState } from "react";
+import { useState, useRef } from "react";
+import { defaultRoutes, authRoutes, mergeAuthRoutes } from '@/routes/routes';
+import { getMenuItems } from "@/routes/menus";
+import { getAuthedRoutes } from "@/routes/permissions";
+
+const queryCurrentUser = () => Promise.resolve({ id: 1, name: '管理员', resourcesList: [{ code: 'form' }, { code: 'table' }] });
 
 export default function useUser() {
+  const [user, setUser] = useState();
+  const menusRef = useRef();
+  const routesRef = useRef();
 
-  const [user, setUser] = useState()
+  const getCurrentUser = () => new Promise((resolve, reject) => {
+    queryCurrentUser().then(res => {
+      const permissions = (res.resourcesList || []).map(x => x.code);
 
-  const getCurrent = () => {
-    // mock api
-    setUser({ id: 1, name: '管理员' })
-  }
+      // authRoutes 是所有待验证授权的路由
+      // authedRoutes 是已经被授权的路由
+      const authedRoutes = getAuthedRoutes(authRoutes, permissions);
+
+      menusRef.current = getMenuItems(authedRoutes);
+      routesRef.current = mergeAuthRoutes(defaultRoutes, authedRoutes);
+
+      setUser(res);
+      resolve(res);
+    }).catch(reject);
+  });
 
   return {
     user,
-    getCurrent,
+    setUser,
+    getCurrentUser,
+    menus: menusRef.current || [],
+    routes: routesRef.current || [],
   }
 
 }

src/utils/array.js

@@ -0,0 +1,61 @@
+
+/**
+ * 数组 转 Tree
+ * @param {*} arr 
+ * @param {*} parent 
+ * @param {*} key 
+ * @returns 
+ */
+export function arr2Tree(arr = [], parent = 'parentId', key = 'key') {
+  // 转换为字典
+  const dict = arr.reduce((acc, item) => {
+    return {
+      ...acc,
+      [item[key]]: {
+        ...item,
+        children: []
+      }
+    }
+  }, {});
+
+  // 挂载父子节点
+  const rootId = -1;
+  const tree = [];
+  for (let item of arr) {
+    const parentNodeId = item[parent];
+
+    if (parentNodeId === rootId) {
+      tree.push(dict[item[key]]);
+    } else {
+      const parentNode = dict[parentNodeId];
+      if (parentNode) {
+        parentNode.children.push(item);
+      }
+    }
+  }
+
+  return [tree, dict];
+}
+
+/**
+ * 深度展平数组
+ * @param {*} arr 
+ * @returns 
+ */
+export function flatten(arr = []) {
+  return arr.reduce((acc, it) => {
+    const list = Array.isArray(it) ? flatten(it) : it
+    return acc.concat(list);
+  }, []);
+}
+
+/**
+ * 深度数组去重
+ * @param {*} arr 
+ */
+export function uniq(arr = []) {
+  const list = flatten(arr);
+  return list.reduce((acc, it) => {
+    return acc.indexOf(it) > -1 ? acc : acc.concat(it)
+  }, []);
+}

src/utils/float.js

@@ -0,0 +1,5 @@
+const epsilonN = N => num => Math.round( num * N + Number.EPSILON ) / N;
+
+// 可以处理丢失精度的问题
+// 比如 epsilon2(0.29 * 100)
+export const epsilon2 = epsilonN(1e2);

src/utils/hooks/useBool.js

@@ -0,0 +1,13 @@
+import React from "react";
+
+export default function useLoading(initial = false) {
+  const [loading, setLoading] = React.useState(initial);
+  const loadingRef = React.useRef();
+  loadingRef.current = loading;
+
+  const setTrue = React.useCallback(() => setLoading(true), []);
+  const setFalse = React.useCallback(() => setLoading(false), []);
+  const toggle = React.useCallback(() => setLoading(!loadingRef.current), []);
+
+  return [loading, setTrue, setFalse, setLoading, toggle];
+}

src/utils/hooks/useRoute.jsx

@@ -1,12 +1,9 @@
 import { useLocation } from "react-router-dom";
-import { getRouteArr } from '@/routes/menus';
+import { routeArr } from '@/routes/routes';
 
 // 获取当前的 route 信息
 export default function useRoute() {
   const location = useLocation();
-  const routeArr = getRouteArr();
-
   const currentRoute = routeArr.filter(x => x.path === location.pathname)[0];
-
   return currentRoute;
 }

src/utils/request.js

@@ -0,0 +1,151 @@
+import axios from "axios";
+import { message } from 'antd';
+
+const instance = axios.create({
+  baseURL: import.meta.env.PROD ? SERVER_BASE : import.meta.env.VITE_SERVER_BASE,
+  timeout: 10000,
+});
+
+
+// 添加请求拦截器
+instance.interceptors.request.use(function (config) {
+  const { headers = {}, method = 'get', responseType = 'json', download = false, successTip } = config;
+  const token = localStorage.getItem('token') || '';
+
+  let tip = successTip;
+  if (tip === undefined) {
+    tip = method === 'get' ? false : true;
+  }
+
+  // 在发送请求之前做些什么
+  return {
+    ...config,
+    successTip : tip,
+    headers: {
+      ...headers,
+      Authorization: token,
+    },    
+    responseType: download ? 'blob' : responseType,
+  };
+}, function (error) {
+  // 对请求错误做些什么
+  return Promise.reject(error);
+});
+
+// 添加响应拦截器
+instance.interceptors.response.use(function (response) {
+  // 2xx 范围内的状态码都会触发该函数。
+  // 对响应数据做点什么
+
+  const { data, config } = response;
+  if (config.download && !data.code) {
+    return downloadBlob(response, '下载文件');
+  }
+  
+  if (data.code === 1000) {
+    if (data.data.token) {
+      localStorage.setItem('token', data.data.token);
+    }
+
+    if (config.successTip && !config.silent) {
+      message.success(typeof success === 'string' ? successTip : '操作成功');
+    }
+
+    return data.data;
+  } else if (data.code === 1001) {
+    if (!config.silent) {
+      message.error('未登录或者超时, 请重新登录');
+    }
+  } else {
+    if (!config.silent) {
+      const errMsg = data.message || '系统错误';
+      message.error(errMsg.indexOf('exception') > -1 ? '服务异常' : errMsg);
+    }
+  }
+
+  return Promise.reject(response);
+}, function (error) {
+  // 超出 2xx 范围的状态码都会触发该函数。
+  // 对响应错误做点什么
+
+  console.error(error);
+
+  return Promise.reject("网络异常, 请重试...");
+});
+
+export default instance;
+
+export function queryTable(apiRequest) {
+  return function (params) {
+    const { current, pageSize, ...leftParams } = params;
+    return apiRequest({
+      pageSize,
+      pageNum: params.current,
+      ...(leftParams || {}),
+    })
+      .then((res) => {
+        return {
+          data: res.records,
+          success: true,
+          total: res.total,
+        };
+      })
+      .catch((err) => {
+        return {
+          success: false,
+        };
+      });
+  };
+}
+
+export function queryDict(apiRequest) {
+  return function (params, labelKey = 'name', valueKey = 'id') {
+    const { current, pageSize, ...leftParams } = params || {};
+    return apiRequest({
+      pageSize: 9999,
+      pageNum: 1,
+      ...(leftParams || {}),
+    })
+      .then((res) => {
+        return res?.records?.map((x) => ({
+          label: x[labelKey],
+          value: x[valueKey],
+          ...x,
+        }));
+      })
+      .catch((err) => {
+        return {
+          success: false,
+        };
+      });
+  };
+}
+
+export function restful(url) {
+  const list = params => instance.get(url, { params, successTip: false });
+  const get = id => instance.get(`${url}/${id}`,{ successTip: false });
+  const add = data => instance.post(url, data);
+  const update = (id, data) => instance.put(`${url}/${id}`, data);
+  const del = id => instance.delete(`${url}/${id}`);
+
+  return [list, get, add, update, del];
+}
+
+function downloadBlob(response) {
+  let fileName = '未知文件';
+  const contentType = response.headers['content-type'];
+  const contentDisposition = response.headers['content-disposition'];
+  if (contentDisposition) {
+    const parts = contentDisposition.split(';filename=');
+    if (parts[1]) {
+      fileName = decodeURIComponent(parts[1]);
+    }
+  }
+
+  const url = window.URL.createObjectURL(new Blob([response.data], { type: contentType }));
+  const link = document.createElement('a');
+  link.href = url;
+  link.setAttribute('download', fileName);
+  link.click();
+  window.URL.revokeObjectURL(url);
+}

vite.config.js

@@ -5,6 +5,9 @@ import vitePluginImp from 'vite-plugin-imp'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  server: {
+    port: 3000
+  },
   plugins: [
     react(),
     vitePluginImp({