From 6c716b0dc2a08570501ab58ee270de7267d30b83 Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Sat, 12 Mar 2022 11:27:56 +0800
Subject: [PATCH] chore: format code

---
 package.json                                  |  19 +-
 packages/client/.eslintrc.json                |   3 -
 packages/client/package.json                  |   5 +-
 packages/client/src/components/author.tsx     |  12 +-
 .../src/components/data-render/index.tsx      |   9 +-
 .../src/components/document-creator/index.tsx |  15 +-
 .../src/components/document/actions/index.tsx |  33 +-
 .../src/components/document/card/index.tsx    |  35 +-
 .../document/collaboration/index.tsx          |  95 +-
 .../document/comments/comments/Item/index.tsx |  40 +-
 .../document/comments/comments/index.tsx      |  23 +-
 .../components/document/comments/index.tsx    |  41 +-
 .../src/components/document/create/index.tsx  |  38 +-
 .../src/components/document/delete/index.tsx  |  22 +-
 .../src/components/document/editor/editor.tsx |  46 +-
 .../src/components/document/editor/index.tsx  |  59 +-
 .../src/components/document/link/index.tsx    |  17 +-
 .../components/document/reader/content.tsx    |  14 +-
 .../src/components/document/reader/editor.tsx |  26 +-
 .../src/components/document/reader/index.tsx  |  82 +-
 .../document/reader/public/index.tsx          |  83 +-
 .../src/components/document/reader/user.tsx   |  15 +-
 .../src/components/document/share/index.tsx   |  53 +-
 .../src/components/document/star/index.tsx    |  14 +-
 .../src/components/document/style/index.tsx   |  16 +-
 packages/client/src/components/empty.tsx      |  18 +-
 .../src/components/grid-select/grid-cell.tsx  |  27 +-
 .../components/grid-select/grid-select.tsx    |  36 +-
 .../src/components/grid-select/index.tsx      |   2 +-
 .../components/icons/IconAddColumnAfter.tsx   |   6 +-
 .../components/icons/IconAddColumnBefore.tsx  |   6 +-
 .../src/components/icons/IconAddRowAfter.tsx  |   6 +-
 .../src/components/icons/IconAddRowBefore.tsx |   6 +-
 .../src/components/icons/IconAttachment.tsx   |   6 +-
 .../src/components/icons/IconCenter.tsx       |   6 +-
 .../client/src/components/icons/IconClear.tsx |   6 +-
 .../src/components/icons/IconCodeBlock.tsx    |   6 +-
 .../src/components/icons/IconDeleteColumn.tsx |   6 +-
 .../src/components/icons/IconDeleteRow.tsx    |   6 +-
 .../src/components/icons/IconDeleteTable.tsx  |   6 +-
 .../src/components/icons/IconDocument.tsx     |   8 +-
 .../src/components/icons/IconDocumentFill.tsx |   8 +-
 .../client/src/components/icons/IconEmoji.tsx |   6 +-
 .../client/src/components/icons/IconFont.tsx  |  13 +-
 .../client/src/components/icons/IconFull.tsx  |   6 +-
 .../client/src/components/icons/IconHalf.tsx  |   6 +-
 .../client/src/components/icons/IconImage.tsx |   6 +-
 .../client/src/components/icons/IconInfo.tsx  |   6 +-
 .../client/src/components/icons/IconLeft.tsx  |   6 +-
 .../client/src/components/icons/IconLink.tsx  |   6 +-
 .../client/src/components/icons/IconMath.tsx  |   6 +-
 .../src/components/icons/IconMergeCell.tsx    |   6 +-
 .../src/components/icons/IconMessage.tsx      |   8 +-
 .../client/src/components/icons/IconMind.tsx  |   6 +-
 .../src/components/icons/IconOverview.tsx     |   8 +-
 .../client/src/components/icons/IconRight.tsx |   6 +-
 .../src/components/icons/IconSearch.tsx       |   8 +-
 .../src/components/icons/IconSetting.tsx      |   8 +-
 .../client/src/components/icons/IconShare.tsx |   8 +-
 .../src/components/icons/IconSplitCell.tsx    |   6 +-
 .../src/components/icons/IconStatus.tsx       |  12 +-
 .../client/src/components/icons/IconTable.tsx |   6 +-
 .../client/src/components/icons/IconTask.tsx  |   6 +-
 .../src/components/icons/IconZoomIn.tsx       |   6 +-
 .../src/components/icons/IconZoomOut.tsx      |   6 +-
 .../client/src/components/icons/index.tsx     |  72 +-
 .../src/components/locale-time/index.tsx      |  24 +-
 packages/client/src/components/logo/index.tsx |  10 +-
 .../src/components/message/Placeholder.tsx    |   6 +-
 .../client/src/components/message/index.tsx   |  48 +-
 .../src/components/resizeable/index.tsx       |   2 +-
 .../src/components/resizeable/resizeable.tsx  |  31 +-
 .../client/src/components/search/index.tsx    |  19 +-
 packages/client/src/components/seo.tsx        |   4 +-
 .../src/components/template/card/index.tsx    |  71 +-
 .../src/components/template/editor/editor.tsx |  84 +-
 .../src/components/template/editor/index.tsx  |  17 +-
 .../src/components/template/list/index.tsx    |  20 +-
 .../src/components/template/reader/editor.tsx |  26 +-
 .../src/components/template/reader/index.tsx  |  14 +-
 .../client/src/components/theme/index.tsx     |  18 +-
 .../client/src/components/tiptap/base-kit.tsx |  96 +-
 .../bubble-menu/bubble-menu-plugin.tsx        |  65 +-
 .../tiptap/components/bubble-menu/index.tsx   |  17 +-
 .../components/tiptap/components/color.tsx    |  61 +-
 .../components/tiptap/components/divider.tsx  |   6 +-
 .../tiptap/extensions/attachment/index.tsx    |  31 +-
 .../tiptap/extensions/background-color.tsx    |  17 +-
 .../tiptap/extensions/banner/index.tsx        |  35 +-
 .../tiptap/extensions/code-block/index.tsx    |  22 +-
 .../tiptap/extensions/color-highlight.tsx     |  12 +-
 .../src/components/tiptap/extensions/div.tsx  |  22 +-
 .../extensions/documents/children/index.tsx   |  53 +-
 .../extensions/documents/reference/index.tsx  |  66 +-
 .../tiptap/extensions/font-size.tsx           |  20 +-
 .../tiptap/extensions/horizontal-rule.tsx     |  22 +-
 .../tiptap/extensions/iframe/index.tsx        |  40 +-
 .../components/tiptap/extensions/image.tsx    |  33 +-
 .../components/tiptap/extensions/indent.tsx   |  47 +-
 .../tiptap/extensions/katex/index.tsx         |  50 +-
 .../src/components/tiptap/extensions/link.tsx |   2 +-
 .../tiptap/extensions/mind/index.tsx          |  57 +-
 .../tiptap/extensions/mind/jsmind.jsx         | 900 ++++++++----------
 .../components/tiptap/extensions/paste.tsx    |  35 +-
 .../tiptap/extensions/status/index.tsx        |  61 +-
 .../components/tiptap/extensions/table.tsx    |   8 +-
 .../components/tiptap/extensions/title.tsx    |  22 +-
 .../tiptap/extensions/toc/index.tsx           |  28 +-
 .../tiptap/extensions/trailing-node.tsx       |  47 +-
 .../client/src/components/tiptap/index.tsx    |  29 +-
 .../components/tiptap/markdown/helpers.tsx    | 112 +--
 .../src/components/tiptap/markdown/index.tsx  |   2 +-
 .../components/tiptap/markdown/serializer.tsx | 120 ++-
 .../client/src/components/tiptap/menubar.tsx  |  34 +-
 .../src/components/tiptap/menus/align.tsx     |  22 +-
 .../src/components/tiptap/menus/banner.tsx    |  44 +-
 .../tiptap/menus/base-bubble-menu.tsx         |  32 +-
 .../components/tiptap/menus/base-insert.tsx   |  22 +-
 .../src/components/tiptap/menus/base-menu.tsx |  20 +-
 .../src/components/tiptap/menus/color.tsx     |  34 +-
 .../tiptap/menus/components/emoji/index.tsx   |  21 +-
 .../tiptap/menus/components/font-size.tsx     |  13 +-
 .../tiptap/menus/components/paragraph.tsx     |  22 +-
 .../src/components/tiptap/menus/image.tsx     |  33 +-
 .../src/components/tiptap/menus/link.tsx      |  20 +-
 .../src/components/tiptap/menus/list.tsx      |  25 +-
 .../components/tiptap/menus/media-insert.tsx  |  62 +-
 .../src/components/tiptap/menus/table.tsx     |  16 +-
 .../client/src/components/tiptap/skeleton.tsx |  10 +-
 .../src/components/tiptap/toc/index.tsx       |  16 +-
 .../src/components/tiptap/utils/delete.tsx    |  10 +-
 .../components/tiptap/utils/find-colors.tsx   |   6 +-
 .../client/src/components/upload/index.tsx    |  21 +-
 packages/client/src/components/user/index.tsx |  15 +-
 .../src/components/user/setting/index.tsx     |  20 +-
 .../src/components/wiki-creator/index.tsx     |  12 +-
 .../wiki-or-document-creator/index.tsx        |  33 +-
 .../client/src/components/wiki/card/index.tsx |  23 +-
 .../src/components/wiki/create/index.tsx      |  24 +-
 .../src/components/wiki/delete/index.tsx      |  22 +-
 .../src/components/wiki/pin-card/index.tsx    |  16 +-
 .../components/wiki/setting/base/index.tsx    |  36 +-
 .../wiki/setting/documents/index.tsx          |  60 +-
 .../src/components/wiki/setting/index.tsx     |  14 +-
 .../components/wiki/setting/more/index.tsx    |   8 +-
 .../src/components/wiki/setting/users/add.tsx |  40 +-
 .../components/wiki/setting/users/edit.tsx    |  35 +-
 .../components/wiki/setting/users/index.tsx   |  54 +-
 .../wiki/setting/users/placeholder.tsx        |  28 +-
 .../client/src/components/wiki/star/index.tsx |  14 +-
 .../src/components/wiki/tocs/NavItem.tsx      |  14 +-
 .../client/src/components/wiki/tocs/index.tsx |  68 +-
 .../components/wiki/tocs/manager/index.tsx    |  21 +-
 .../src/components/wiki/tocs/public.tsx       |  46 +-
 .../client/src/components/wiki/tocs/tree.tsx  |  38 +-
 packages/client/src/data/user.tsx             |  34 +-
 packages/client/src/data/wiki.tsx             |  91 +-
 packages/client/src/helpers/color.tsx         |  40 +-
 packages/client/src/helpers/copy.tsx          |   6 +-
 packages/client/src/helpers/storage.tsx       |   4 +-
 packages/client/src/helpers/url.tsx           |   6 +-
 .../client/src/hooks/use-click-outside.tsx    |  10 +-
 .../client/src/hooks/use-safari-100vh.tsx     |   8 +-
 packages/client/src/hooks/useAsyncLoading.tsx |  10 +-
 packages/client/src/hooks/useTheme.tsx        |  20 +-
 packages/client/src/hooks/useWindowSize.tsx   |   6 +-
 .../src/illustrations/create-document.tsx     |   2 +-
 .../client/src/illustrations/create-wiki.tsx  |  10 +-
 .../client/src/illustrations/empty-box.tsx    |   8 +-
 packages/client/src/illustrations/share.tsx   |   2 +-
 .../src/layouts/double-column/index.tsx       |  41 +-
 .../layouts/public-double-column/index.tsx    |  39 +-
 .../src/layouts/router-header/Placeholder.tsx |   6 +-
 .../src/layouts/router-header/Recent.tsx      |  52 +-
 .../client/src/layouts/router-header/Wiki.tsx |  57 +-
 .../src/layouts/router-header/index.tsx       |  40 +-
 .../src/layouts/single-column/index.tsx       |  12 +-
 packages/client/src/pages/_app.tsx            |   6 +-
 packages/client/src/pages/index.tsx           |  44 +-
 packages/client/src/pages/login/index.tsx     |  46 +-
 packages/client/src/pages/register/index.tsx  |  71 +-
 .../share/document/[documentId]/index.tsx     |   4 +-
 .../[wikiId]/document/[documentId]/index.tsx  |  24 +-
 .../src/pages/share/wiki/[wikiId]/index.tsx   |  22 +-
 packages/client/src/pages/star/index.tsx      |  35 +-
 .../src/pages/template/[templateId]/index.tsx |   4 +-
 packages/client/src/pages/template/index.tsx  |  26 +-
 .../document/[documentId]/edit/index.tsx      |   4 +-
 .../[wikiId]/document/[documentId]/index.tsx  |  12 +-
 .../pages/wiki/[wikiId]/documents/index.tsx   |  36 +-
 .../client/src/pages/wiki/[wikiId]/index.tsx  |  16 +-
 .../src/pages/wiki/[wikiId]/setting/index.tsx |  24 +-
 packages/client/src/pages/wiki/index.tsx      |  27 +-
 packages/client/src/services/HttpClient.tsx   |  24 +-
 packages/server/.eslintrc.js                  |  24 -
 packages/server/.prettierrc                   |   4 -
 packages/server/package.json                  |  17 +-
 .../src/controllers/document.controller.ts    |  18 +-
 .../server/src/controllers/file.controller.ts |  10 +-
 .../src/controllers/template.controller.ts    |   5 +-
 .../server/src/controllers/wiki.controller.ts |  35 +-
 .../server/src/dtos/create-document.dto.ts    |   8 +-
 packages/server/src/dtos/create-user.dto.ts   |   9 +-
 packages/server/src/dtos/create-wiki.dto.ts   |   8 +-
 packages/server/src/dtos/template.dto.ts      |   8 +-
 .../server/src/dtos/update-document.dto.ts    |   8 +-
 packages/server/src/dtos/update-wiki.dto.ts   |   8 +-
 .../src/exceptions/http-response.exception.ts |  12 +-
 packages/server/src/guard/jwt.guard.ts        |   6 +-
 packages/server/src/modules/message.module.ts |   5 +-
 packages/server/src/modules/user.module.ts    |  10 +-
 packages/server/src/pipes/validation.pipe.ts  |   7 +-
 .../src/services/collaboration.service.ts     |  35 +-
 .../server/src/services/collector.service.ts  |  14 +-
 .../server/src/services/comment.service.ts    |  56 +-
 .../server/src/services/document.service.ts   | 135 +--
 packages/server/src/services/file.service.ts  |   5 +-
 .../server/src/services/message.service.ts    |   2 +-
 .../server/src/services/template.service.ts   |  42 +-
 packages/server/src/services/user.service.ts  |  15 +-
 packages/server/src/services/view.service.ts  |   2 +-
 packages/server/src/services/wiki.service.ts  |  74 +-
 .../src/transforms/http-response.transform.ts |  18 +-
 packages/server/test/app.e2e-spec.ts          |   5 +-
 pnpm-lock.yaml                                | 200 ++--
 225 files changed, 2624 insertions(+), 3979 deletions(-)
 delete mode 100644 packages/client/.eslintrc.json
 delete mode 100644 packages/server/.eslintrc.js
 delete mode 100644 packages/server/.prettierrc

diff --git a/package.json b/package.json
index cab38415..54967dc6 100644
--- a/package.json
+++ b/package.json
@@ -20,11 +20,7 @@
     "pm2": "concurrently \"pnpm:pm2:*\"",
     "pm2:server": "pnpm run --dir packages/server pm2",
     "pm2:client": "pnpm run --dir packages/client pm2",
-    "lint": "eslint . -c ./.eslintrc.js --fix --quiet 'packages/**/*.{ts,tsx,js,jsx}'",
-    "format": "npm run format:md && npm run format:json && npm run format:source",
-    "format:md": "prettier --parser markdown --write './**/*.md'",
-    "format:json": "prettier --parser json --write './**/*.json'",
-    "format:source": "prettier --write './**/*.{js,ts}'"
+    "format": "prettier --write --parser typescript \"packages/**/*.ts?(x)\""
   },
   "dependencies": {
     "concurrently": "^7.0.0",
@@ -36,7 +32,18 @@
     "node": ">=16.5.0"
   },
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/parser": "^5.0.0",
+    "eslint": "^8.11.0",
+    "eslint-config-next": "12.0.10",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-import-resolver-typescript": "^2.5.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jest": "^26.1.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.29.3",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "prettier": "^2.3.2",
     "typescript": "^4.5.5"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/client/.eslintrc.json b/packages/client/.eslintrc.json
deleted file mode 100644
index bffb357a..00000000
--- a/packages/client/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}
diff --git a/packages/client/package.json b/packages/client/package.json
index 0faaae85..608281aa 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -6,7 +6,6 @@
     "prebuild": "rimraf .next",
     "build": "next build",
     "start": "cross-env NODE_ENV=production next start -p 5002",
-    "lint": "next lint",
     "pm2": "pm2 start npm --name @think/client -- start"
   },
   "dependencies": {
@@ -74,9 +73,7 @@
   "devDependencies": {
     "@types/node": "17.0.13",
     "@types/react": "17.0.38",
-    "eslint": "8.8.0",
-    "eslint-config-next": "12.0.10",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "typescript": "4.5.5"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/client/src/components/author.tsx b/packages/client/src/components/author.tsx
index c6f8f105..2070fcad 100644
--- a/packages/client/src/components/author.tsx
+++ b/packages/client/src/components/author.tsx
@@ -1,18 +1,16 @@
-import { Space, Typography } from "@douyinfe/semi-ui";
-import { IconLikeHeart } from "@douyinfe/semi-icons";
+import { Space, Typography } from '@douyinfe/semi-ui';
+import { IconLikeHeart } from '@douyinfe/semi-icons';
 
 const { Text } = Typography;
 
 export const Author = () => {
   return (
-    <div style={{ padding: "16px 0", textAlign: "center" }}>
+    <div style={{ padding: '16px 0', textAlign: 'center' }}>
       <Text>
         <Space>
           Develop by
-          <Text link={{ href: "https://github.com/fantasticit/think" }}>
-            fantasticit
-          </Text>
-          with <IconLikeHeart style={{ color: "red" }} />
+          <Text link={{ href: 'https://github.com/fantasticit/think' }}>fantasticit</Text>
+          with <IconLikeHeart style={{ color: 'red' }} />
         </Space>
       </Text>
     </div>
diff --git a/packages/client/src/components/data-render/index.tsx b/packages/client/src/components/data-render/index.tsx
index 27bf7fe3..2b16c67a 100644
--- a/packages/client/src/components/data-render/index.tsx
+++ b/packages/client/src/components/data-render/index.tsx
@@ -1,5 +1,5 @@
-import React from "react";
-import { Empty, Spin, Typography } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Empty, Spin, Typography } from '@douyinfe/semi-ui';
 
 type RenderProps = React.ReactNode | (() => React.ReactNode);
 
@@ -18,11 +18,10 @@ const defaultLoading = () => {
 };
 
 const defaultRenderError = (error) => {
-  return <Text>{(error && error.message) || "未知错误"}</Text>;
+  return <Text>{(error && error.message) || '未知错误'}</Text>;
 };
 
-const runRender = (fn, ...args) =>
-  typeof fn === "function" ? fn.apply(null, args) : fn;
+const runRender = (fn, ...args) => (typeof fn === 'function' ? fn.apply(null, args) : fn);
 
 export const DataRender: React.FC<IProps> = ({
   loading,
diff --git a/packages/client/src/components/document-creator/index.tsx b/packages/client/src/components/document-creator/index.tsx
index 867c2d77..918d57d9 100644
--- a/packages/client/src/components/document-creator/index.tsx
+++ b/packages/client/src/components/document-creator/index.tsx
@@ -1,17 +1,14 @@
-import React from "react";
-import { Button } from "@douyinfe/semi-ui";
-import { useToggle } from "hooks/useToggle";
-import { useQuery } from "hooks/useQuery";
-import { DocumentCreator as DocumenCreatorForm } from "components/document/create";
+import React from 'react';
+import { Button } from '@douyinfe/semi-ui';
+import { useToggle } from 'hooks/useToggle';
+import { useQuery } from 'hooks/useQuery';
+import { DocumentCreator as DocumenCreatorForm } from 'components/document/create';
 
 interface IProps {
   onCreateDocument?: () => void;
 }
 
-export const DocumentCreator: React.FC<IProps> = ({
-  onCreateDocument,
-  children,
-}) => {
+export const DocumentCreator: React.FC<IProps> = ({ onCreateDocument, children }) => {
   const { wikiId, docId } = useQuery<{ wikiId?: string; docId?: string }>();
   const [visible, toggleVisible] = useToggle(false);
 
diff --git a/packages/client/src/components/document/actions/index.tsx b/packages/client/src/components/document/actions/index.tsx
index 3e151ffe..944f889f 100644
--- a/packages/client/src/components/document/actions/index.tsx
+++ b/packages/client/src/components/document/actions/index.tsx
@@ -1,11 +1,11 @@
-import React, { useCallback } from "react";
-import { Dropdown, Button, Typography, Space } from "@douyinfe/semi-ui";
-import { IconMore, IconStar, IconPlus } from "@douyinfe/semi-icons";
-import { DocumentLinkCopyer } from "components/document/link";
-import { DocumentDeletor } from "components/document/delete";
-import { DocumentCreator } from "components/document/create";
-import { DocumentStar } from "components/document/star";
-import { useToggle } from "hooks/useToggle";
+import React, { useCallback } from 'react';
+import { Dropdown, Button, Typography, Space } from '@douyinfe/semi-ui';
+import { IconMore, IconStar, IconPlus } from '@douyinfe/semi-icons';
+import { DocumentLinkCopyer } from 'components/document/link';
+import { DocumentDeletor } from 'components/document/delete';
+import { DocumentCreator } from 'components/document/create';
+import { DocumentStar } from 'components/document/star';
+import { useToggle } from 'hooks/useToggle';
 
 interface IProps {
   wikiId: string;
@@ -65,8 +65,8 @@ export const DocumentActions: React.FC<IProps> = ({
                       <IconStar
                         style={{
                           color: star
-                            ? "rgba(var(--semi-amber-4), 1)"
-                            : "rgba(var(--semi-grey-3), 1)",
+                            ? 'rgba(var(--semi-amber-4), 1)'
+                            : 'rgba(var(--semi-grey-3), 1)',
                         }}
                       />
                       {text}
@@ -80,22 +80,13 @@ export const DocumentActions: React.FC<IProps> = ({
             </Dropdown.Item>
             <Dropdown.Divider />
             <Dropdown.Item onClick={prevent}>
-              <DocumentDeletor
-                wikiId={wikiId}
-                documentId={documentId}
-                onDelete={onDelete}
-              />
+              <DocumentDeletor wikiId={wikiId} documentId={documentId} onDelete={onDelete} />
             </Dropdown.Item>
           </Dropdown.Menu>
         }
       >
         {children || (
-          <Button
-            onClick={prevent}
-            icon={<IconMore />}
-            theme="borderless"
-            type="tertiary"
-          />
+          <Button onClick={prevent} icon={<IconMore />} theme="borderless" type="tertiary" />
         )}
       </Dropdown>
       {showCreateDocument && (
diff --git a/packages/client/src/components/document/card/index.tsx b/packages/client/src/components/document/card/index.tsx
index 374ed435..a927d796 100644
--- a/packages/client/src/components/document/card/index.tsx
+++ b/packages/client/src/components/document/card/index.tsx
@@ -1,27 +1,18 @@
-import type { IDocument } from "@think/domains";
-import { useCallback } from "react";
-import Router from "next/router";
-import Link from "next/link";
-import {
-  Button,
-  Space,
-  Typography,
-  Tooltip,
-  Avatar,
-  Skeleton,
-} from "@douyinfe/semi-ui";
-import { IconEdit, IconUser } from "@douyinfe/semi-icons";
-import { LocaleTime } from "components/locale-time";
-import { IconDocument } from "components/icons/IconDocument";
-import { DocumentShare } from "components/document/share";
-import { DocumentStar } from "components/document/star";
-import styles from "./index.module.scss";
+import type { IDocument } from '@think/domains';
+import { useCallback } from 'react';
+import Router from 'next/router';
+import Link from 'next/link';
+import { Button, Space, Typography, Tooltip, Avatar, Skeleton } from '@douyinfe/semi-ui';
+import { IconEdit, IconUser } from '@douyinfe/semi-icons';
+import { LocaleTime } from 'components/locale-time';
+import { IconDocument } from 'components/icons/IconDocument';
+import { DocumentShare } from 'components/document/share';
+import { DocumentStar } from 'components/document/star';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
-export const DocumentCard: React.FC<{ document: IDocument }> = ({
-  document,
-}) => {
+export const DocumentCard: React.FC<{ document: IDocument }> = ({ document }) => {
   const gotoEdit = useCallback(() => {
     Router.push(`/wiki/${document.wikiId}/document/${document.id}/edit`);
   }, [document]);
@@ -112,7 +103,7 @@ export const DocumentCardPlaceholder = () => {
       </main>
       <footer>
         <Text type="tertiary" size="small">
-          <div style={{ display: "flex" }}>
+          <div style={{ display: 'flex' }}>
             更新时间：
             <Skeleton.Paragraph rows={1} style={{ width: 100 }} />
           </div>
diff --git a/packages/client/src/components/document/collaboration/index.tsx b/packages/client/src/components/document/collaboration/index.tsx
index 3b77942a..2c9535b1 100644
--- a/packages/client/src/components/document/collaboration/index.tsx
+++ b/packages/client/src/components/document/collaboration/index.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState } from 'react';
 import {
   Button,
   Modal,
@@ -14,14 +14,14 @@ import {
   Popconfirm,
   AvatarGroup,
   Avatar,
-} from "@douyinfe/semi-ui";
-import { IconUserAdd, IconDelete } from "@douyinfe/semi-icons";
-import { useUser } from "data/user";
-import { EventEmitter } from "helpers/event-emitter";
-import { useToggle } from "hooks/useToggle";
-import { useCollaborationDocument } from "data/document";
-import { DataRender } from "components/data-render";
-import { DocumentLinkCopyer } from "components/document/link";
+} from '@douyinfe/semi-ui';
+import { IconUserAdd, IconDelete } from '@douyinfe/semi-icons';
+import { useUser } from 'data/user';
+import { EventEmitter } from 'helpers/event-emitter';
+import { useToggle } from 'hooks/useToggle';
+import { useCollaborationDocument } from 'data/document';
+import { DataRender } from 'components/data-render';
+import { DocumentLinkCopyer } from 'components/document/link';
 
 interface IProps {
   wikiId: string;
@@ -32,48 +32,38 @@ const { Paragraph } = Typography;
 const { Column } = Table;
 
 const CollaborationEventEmitter = new EventEmitter();
-const KEY = "JOIN_USER";
+const KEY = 'JOIN_USER';
 
 export const joinUser = (users) => {
   CollaborationEventEmitter.emit(KEY, users);
 };
 
-const renderChecked =
-  (onChange, authKey: "readable" | "editable") => (checked, docAuth) => {
-    const handle = (evt) => {
-      const data = {
-        ...docAuth.auth,
-        userName: docAuth.user.name,
-      };
-      data[authKey] = evt.target.checked;
-      onChange(data);
+const renderChecked = (onChange, authKey: 'readable' | 'editable') => (checked, docAuth) => {
+  const handle = (evt) => {
+    const data = {
+      ...docAuth.auth,
+      userName: docAuth.user.name,
     };
-
-    return (
-      <Checkbox
-        style={{ display: "inline-block" }}
-        checked={checked}
-        onChange={handle}
-      />
-    );
+    data[authKey] = evt.target.checked;
+    onChange(data);
   };
 
-export const DocumentCollaboration: React.FC<IProps> = ({
-  wikiId,
-  documentId,
-}) => {
+  return <Checkbox style={{ display: 'inline-block' }} checked={checked} onChange={handle} />;
+};
+
+export const DocumentCollaboration: React.FC<IProps> = ({ wikiId, documentId }) => {
   const { user: currentUser } = useUser();
   const [visible, toggleVisible] = useToggle(false);
   const { users, loading, error, addUser, updateUser, deleteUser } =
     useCollaborationDocument(documentId);
-  const [inviteUser, setInviteUser] = useState("");
+  const [inviteUser, setInviteUser] = useState('');
 
   const [collaborationUsers, setCollaborationUsers] = useState([]);
 
   const handleOk = () => {
     addUser(inviteUser).then(() => {
-      Toast.success("添加成功");
-      setInviteUser("");
+      Toast.success('添加成功');
+      setInviteUser('');
     });
   };
 
@@ -95,9 +85,7 @@ export const DocumentCollaboration: React.FC<IProps> = ({
       if (
         collaborationUsers.length === newCollaborationUsers.length &&
         newCollaborationUsers.every((newUser) => {
-          return collaborationUsers.find(
-            (existUser) => existUser.id === newUser.id
-          );
+          return collaborationUsers.find((existUser) => existUser.id === newUser.id);
         })
       ) {
         return;
@@ -120,11 +108,7 @@ export const DocumentCollaboration: React.FC<IProps> = ({
   if (error)
     return (
       <Tooltip content="邀请他人协作" position="bottom">
-        <Button
-          theme="borderless"
-          type="tertiary"
-          icon={<IconUserAdd />}
-        ></Button>
+        <Button theme="borderless" type="tertiary" icon={<IconUserAdd />}></Button>
       </Tooltip>
     );
 
@@ -150,13 +134,13 @@ export const DocumentCollaboration: React.FC<IProps> = ({
         ></Button>
       </Tooltip>
       <Modal
-        title={"文档协作"}
-        okText={"邀请对方"}
+        title={'文档协作'}
+        okText={'邀请对方'}
         visible={visible}
         onOk={handleOk}
         onCancel={() => toggleVisible(false)}
         maskClosable={false}
-        style={{ maxWidth: "96vw" }}
+        style={{ maxWidth: '96vw' }}
         footer={null}
       >
         <Tabs type="line">
@@ -169,14 +153,14 @@ export const DocumentCollaboration: React.FC<IProps> = ({
               ></Input>
               <Paragraph style={{ marginTop: 16 }}>
                 邀请成功后，请将该链接发送给对方。
-                <span style={{ verticalAlign: "middle" }}>
+                <span style={{ verticalAlign: 'middle' }}>
                   <DocumentLinkCopyer wikiId={wikiId} documentId={documentId} />
                 </span>
               </Paragraph>
               <Button
                 theme="solid"
                 block
-                style={{ margin: "24px 0" }}
+                style={{ margin: '24px 0' }}
                 disabled={!inviteUser}
                 onClick={handleOk}
               >
@@ -190,25 +174,20 @@ export const DocumentCollaboration: React.FC<IProps> = ({
               error={error}
               loadingContent={<Spin />}
               normalContent={() => (
-                <Table
-                  style={{ margin: "24px 0" }}
-                  dataSource={users}
-                  size="small"
-                  pagination
-                >
+                <Table style={{ margin: '24px 0' }} dataSource={users} size="small" pagination>
                   <Column title="用户名" dataIndex="user.name" key="name" />
                   <Column
                     title="是否可读"
                     dataIndex="auth.readable"
                     key="readable"
-                    render={renderChecked(updateUser, "readable")}
+                    render={renderChecked(updateUser, 'readable')}
                     align="center"
                   />
                   <Column
                     title="是否可编辑"
                     dataIndex="auth.editable"
                     key="editable"
-                    render={renderChecked(updateUser, "editable")}
+                    render={renderChecked(updateUser, 'editable')}
                     align="center"
                   />
                   <Column
@@ -221,11 +200,7 @@ export const DocumentCollaboration: React.FC<IProps> = ({
                         title="确认删除该成员？"
                         onConfirm={() => handleDelete(document)}
                       >
-                        <Button
-                          type="tertiary"
-                          theme="borderless"
-                          icon={<IconDelete />}
-                        />
+                        <Button type="tertiary" theme="borderless" icon={<IconDelete />} />
                       </Popconfirm>
                     )}
                   />
diff --git a/packages/client/src/components/document/comments/comments/Item/index.tsx b/packages/client/src/components/document/comments/comments/Item/index.tsx
index 2c2102f6..ac4ec9f3 100644
--- a/packages/client/src/components/document/comments/comments/Item/index.tsx
+++ b/packages/client/src/components/document/comments/comments/Item/index.tsx
@@ -1,16 +1,10 @@
-import React from "react";
-import type { IComment, IUser } from "@think/domains";
-import {
-  Avatar,
-  Typography,
-  Space,
-  Popconfirm,
-  Skeleton,
-} from "@douyinfe/semi-ui";
-import { IconUser } from "@douyinfe/semi-icons";
-import { LocaleTime } from "components/locale-time";
-import { useUser } from "data/user";
-import styles from "./index.module.scss";
+import React from 'react';
+import type { IComment, IUser } from '@think/domains';
+import { Avatar, Typography, Space, Popconfirm, Skeleton } from '@douyinfe/semi-ui';
+import { IconUser } from '@douyinfe/semi-icons';
+import { LocaleTime } from 'components/locale-time';
+import { useUser } from 'data/user';
+import styles from './index.module.scss';
 
 interface IProps {
   comment: IComment;
@@ -52,27 +46,15 @@ export const CommentItem: React.FC<IProps> = ({
         </main>
         <footer>
           <Space>
-            <Text
-              type="secondary"
-              size="small"
-              onClick={() => replyComment(comment)}
-            >
+            <Text type="secondary" size="small" onClick={() => replyComment(comment)}>
               回复
             </Text>
             {user && user.id === comment.createUserId && (
-              <Text
-                type="secondary"
-                size="small"
-                onClick={() => editComment(comment)}
-              >
+              <Text type="secondary" size="small" onClick={() => editComment(comment)}>
                 编辑
               </Text>
             )}
-            <Popconfirm
-              showArrow
-              title="确认删除该评论？"
-              onConfirm={() => deleteComment(comment)}
-            >
+            <Popconfirm showArrow title="确认删除该评论？" onConfirm={() => deleteComment(comment)}>
               <Text type="secondary" size="small">
                 删除
               </Text>
@@ -96,7 +78,7 @@ export const CommentItemPlaceholder = () => {
         </header>
         <main>
           <div>
-            <Skeleton.Paragraph style={{ width: "100%" }} rows={3} />
+            <Skeleton.Paragraph style={{ width: '100%' }} rows={3} />
           </div>
         </main>
       </div>
diff --git a/packages/client/src/components/document/comments/comments/index.tsx b/packages/client/src/components/document/comments/comments/index.tsx
index a1133e3a..ef2bc97f 100644
--- a/packages/client/src/components/document/comments/comments/index.tsx
+++ b/packages/client/src/components/document/comments/comments/index.tsx
@@ -1,6 +1,6 @@
-import React from "react";
-import type { IComment } from "@think/domains";
-import { CommentItem } from "./Item";
+import React from 'react';
+import type { IComment } from '@think/domains';
+import { CommentItem } from './Item';
 
 interface IProps {
   comments: Array<IComment>;
@@ -11,18 +11,9 @@ interface IProps {
 
 const PADDING_LEFT = 32;
 
-const CommentInner = ({
-  data,
-  depth,
-  replyComment,
-  editComment,
-  deleteComment,
-}) => {
+const CommentInner = ({ data, depth, replyComment, editComment, deleteComment }) => {
   return (
-    <div
-      key={"comment" + depth}
-      style={{ paddingLeft: depth > 0 ? PADDING_LEFT : 0 }}
-    >
+    <div key={'comment' + depth} style={{ paddingLeft: depth > 0 ? PADDING_LEFT : 0 }}>
       {(data || []).map((item) => {
         const hasChildren = item.children && item.children.length;
         return (
@@ -36,7 +27,7 @@ const CommentInner = ({
             ></CommentItem>
             {hasChildren ? (
               <CommentInner
-                key={"comment-inner" + depth}
+                key={'comment-inner' + depth}
                 data={item.children}
                 depth={depth + 1}
                 replyComment={replyComment}
@@ -59,7 +50,7 @@ export const Comments: React.FC<IProps> = ({
 }) => {
   return (
     <CommentInner
-      key={"root-menu"}
+      key={'root-menu'}
       data={comments}
       depth={0}
       replyComment={replyComment}
diff --git a/packages/client/src/components/document/comments/index.tsx b/packages/client/src/components/document/comments/index.tsx
index 2f9d576b..0573d160 100644
--- a/packages/client/src/components/document/comments/index.tsx
+++ b/packages/client/src/components/document/comments/index.tsx
@@ -1,21 +1,14 @@
-import React, { useRef, useState } from "react";
-import { useEditor, EditorContent } from "@tiptap/react";
-import {
-  Avatar,
-  Button,
-  Space,
-  Typography,
-  Banner,
-  Pagination,
-} from "@douyinfe/semi-ui";
-import { useToggle } from "hooks/useToggle";
-import { DEFAULT_EXTENSION, Document, CommentMenuBar } from "components/tiptap";
-import { DataRender } from "components/data-render";
-import { useUser } from "data/user";
-import { useComments } from "data/comment";
-import { Comments } from "./comments";
-import { CommentItemPlaceholder } from "./comments/Item";
-import styles from "./index.module.scss";
+import React, { useRef, useState } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import { Avatar, Button, Space, Typography, Banner, Pagination } from '@douyinfe/semi-ui';
+import { useToggle } from 'hooks/useToggle';
+import { DEFAULT_EXTENSION, Document, CommentMenuBar } from 'components/tiptap';
+import { DataRender } from 'components/data-render';
+import { useUser } from 'data/user';
+import { useComments } from 'data/comment';
+import { Comments } from './comments';
+import { CommentItemPlaceholder } from './comments/Item';
+import styles from './index.module.scss';
 
 interface IProps {
   documentId: string;
@@ -140,9 +133,7 @@ export const CommentEditor: React.FC<IProps> = ({ documentId }) => {
           title={<Text>回复评论： {replyComment.createUser.name}</Text>}
           description={
             <Paragraph ellipsis={{ rows: 2 }}>
-              <div
-                dangerouslySetInnerHTML={{ __html: replyComment.html }}
-              ></div>
+              <div dangerouslySetInnerHTML={{ __html: replyComment.html }}></div>
             </Paragraph>
           }
           onClose={handleClose}
@@ -176,7 +167,7 @@ export const CommentEditor: React.FC<IProps> = ({ documentId }) => {
           {isEdit ? (
             <>
               <div className={styles.editorWrap}>
-                <div style={{ width: "100%", overflow: "auto" }}>
+                <div style={{ width: '100%', overflow: 'auto' }}>
                   <CommentMenuBar editor={editor} />
                 </div>
                 <div className={styles.innerWrap}>
@@ -188,11 +179,7 @@ export const CommentEditor: React.FC<IProps> = ({ documentId }) => {
                   <Button theme="solid" type="primary" onClick={save}>
                     保存
                   </Button>
-                  <Button
-                    theme="borderless"
-                    type="tertiary"
-                    onClick={handleClose}
-                  >
+                  <Button theme="borderless" type="tertiary" onClick={handleClose}>
                     取消
                   </Button>
                 </Space>
diff --git a/packages/client/src/components/document/create/index.tsx b/packages/client/src/components/document/create/index.tsx
index f91591c5..e1ccb044 100644
--- a/packages/client/src/components/document/create/index.tsx
+++ b/packages/client/src/components/document/create/index.tsx
@@ -1,18 +1,12 @@
-import {
-  Dispatch,
-  SetStateAction,
-  useCallback,
-  useEffect,
-  useState,
-} from "react";
-import Router from "next/router";
-import { Modal, Tabs, TabPane, Checkbox } from "@douyinfe/semi-ui";
-import { useCreateDocument } from "data/document";
-import { usePublicTemplates, useOwnTemplates } from "data/template";
-import { TemplateList } from "components/template/list";
-import { TemplateCardEmpty } from "components/template/card";
+import { Dispatch, SetStateAction, useCallback, useEffect, useState } from 'react';
+import Router from 'next/router';
+import { Modal, Tabs, TabPane, Checkbox } from '@douyinfe/semi-ui';
+import { useCreateDocument } from 'data/document';
+import { usePublicTemplates, useOwnTemplates } from 'data/template';
+import { TemplateList } from 'components/template/list';
+import { TemplateCardEmpty } from 'components/template/card';
 
-import styles from "./index.module.scss";
+import styles from './index.module.scss';
 
 interface IProps {
   wikiId: string;
@@ -31,7 +25,7 @@ export const DocumentCreator: React.FC<IProps> = ({
 }) => {
   const { loading, create } = useCreateDocument();
   const [createChildDoc, setCreateChildDoc] = useState(false);
-  const [templateId, setTemplateId] = useState("");
+  const [templateId, setTemplateId] = useState('');
 
   const handleOk = () => {
     const data = {
@@ -42,7 +36,7 @@ export const DocumentCreator: React.FC<IProps> = ({
     create(data).then((res) => {
       toggleVisible(false);
       onCreate && onCreate();
-      setTemplateId("");
+      setTemplateId('');
       Router.push({
         pathname: `/wiki/${wikiId}/document/${res.id}/edit`,
       });
@@ -64,12 +58,12 @@ export const DocumentCreator: React.FC<IProps> = ({
       onCancel={handleCancel}
       okButtonProps={{ loading }}
       style={{
-        maxWidth: "96vw",
-        width: "calc(80vw - 120px)",
+        maxWidth: '96vw',
+        width: 'calc(80vw - 120px)',
       }}
       bodyStyle={{
-        maxHeight: "calc(90vh - 120px)",
-        overflow: "auto",
+        maxHeight: 'calc(90vh - 120px)',
+        overflow: 'auto',
       }}
       key={wikiId}
     >
@@ -94,7 +88,7 @@ export const DocumentCreator: React.FC<IProps> = ({
             firstListItem={
               <TemplateCardEmpty
                 getClassNames={() => !templateId && styles.isActive}
-                onClick={() => setTemplateId("")}
+                onClick={() => setTemplateId('')}
               />
             }
           />
@@ -107,7 +101,7 @@ export const DocumentCreator: React.FC<IProps> = ({
             firstListItem={
               <TemplateCardEmpty
                 getClassNames={() => !templateId && styles.isActive}
-                onClick={() => setTemplateId("")}
+                onClick={() => setTemplateId('')}
               />
             }
           />
diff --git a/packages/client/src/components/document/delete/index.tsx b/packages/client/src/components/document/delete/index.tsx
index fae805c8..43c421b0 100644
--- a/packages/client/src/components/document/delete/index.tsx
+++ b/packages/client/src/components/document/delete/index.tsx
@@ -1,8 +1,8 @@
-import React, { useCallback } from "react";
-import Router from "next/router";
-import { Typography, Space, Modal } from "@douyinfe/semi-ui";
-import { IconDelete } from "@douyinfe/semi-icons";
-import { useDeleteDocument } from "data/document";
+import React, { useCallback } from 'react';
+import Router from 'next/router';
+import { Typography, Space, Modal } from '@douyinfe/semi-ui';
+import { IconDelete } from '@douyinfe/semi-icons';
+import { useDeleteDocument } from 'data/document';
 
 interface IProps {
   wikiId: string;
@@ -12,16 +12,12 @@ interface IProps {
 
 const { Text } = Typography;
 
-export const DocumentDeletor: React.FC<IProps> = ({
-  wikiId,
-  documentId,
-  onDelete,
-}) => {
+export const DocumentDeletor: React.FC<IProps> = ({ wikiId, documentId, onDelete }) => {
   const { deleteDocument: api, loading } = useDeleteDocument(documentId);
 
   const deleteAction = useCallback(() => {
     Modal.error({
-      title: "确定删除吗？",
+      title: '确定删除吗？',
       content: <Text>文档删除后不可恢复！</Text>,
       onOk: () => {
         api().then(() => {
@@ -32,8 +28,8 @@ export const DocumentDeletor: React.FC<IProps> = ({
               });
         });
       },
-      okButtonProps: { loading, type: "danger" },
-      style: { maxWidth: "96vw" },
+      okButtonProps: { loading, type: 'danger' },
+      style: { maxWidth: '96vw' },
     });
   }, [wikiId, documentId, api, loading, onDelete]);
 
diff --git a/packages/client/src/components/document/editor/editor.tsx b/packages/client/src/components/document/editor/editor.tsx
index d3f24631..d84342d8 100644
--- a/packages/client/src/components/document/editor/editor.tsx
+++ b/packages/client/src/components/document/editor/editor.tsx
@@ -1,9 +1,9 @@
-import React, { useMemo, useEffect } from "react";
-import cls from "classnames";
-import { useEditor, EditorContent } from "@tiptap/react";
-import { Layout, Nav, BackTop, Toast } from "@douyinfe/semi-ui";
-import { ILoginUser, IAuthority } from "@think/domains";
-import { useToggle } from "hooks/useToggle";
+import React, { useMemo, useEffect } from 'react';
+import cls from 'classnames';
+import { useEditor, EditorContent } from '@tiptap/react';
+import { Layout, Nav, BackTop, Toast } from '@douyinfe/semi-ui';
+import { ILoginUser, IAuthority } from '@think/domains';
+import { useToggle } from 'hooks/useToggle';
 import {
   DEFAULT_EXTENSION,
   DocumentWithTitle,
@@ -13,10 +13,10 @@ import {
   destoryProvider,
   MenuBar,
   Toc,
-} from "components/tiptap";
-import { DataRender } from "components/data-render";
-import { joinUser } from "components/document/collaboration";
-import styles from "./index.module.scss";
+} from 'components/tiptap';
+import { DataRender } from 'components/data-render';
+import { joinUser } from 'components/document/collaboration';
+import styles from './index.module.scss';
 
 const { Header, Content } = Layout;
 
@@ -28,22 +28,16 @@ interface IProps {
   style: React.CSSProperties;
 }
 
-export const Editor: React.FC<IProps> = ({
-  user,
-  documentId,
-  authority,
-  className,
-  style,
-}) => {
+export const Editor: React.FC<IProps> = ({ user, documentId, authority, className, style }) => {
   if (!user) return null;
 
   const provider = useMemo(() => {
     return getProvider({
       targetId: documentId,
       token: user.token,
-      cacheType: "EDITOR",
+      cacheType: 'EDITOR',
       user,
-      docType: "document",
+      docType: 'document',
       events: {
         onAwarenessUpdate({ states }) {
           joinUser({ states });
@@ -63,16 +57,16 @@ export const Editor: React.FC<IProps> = ({
   const [loading, toggleLoading] = useToggle(true);
 
   useEffect(() => {
-    provider.on("synced", () => {
+    provider.on('synced', () => {
       toggleLoading(false);
     });
 
-    provider.on("status", async ({ status }) => {
-      console.log("status", status);
+    provider.on('status', async ({ status }) => {
+      console.log('status', status);
     });
 
     return () => {
-      destoryProvider(provider, "EDITOR");
+      destoryProvider(provider, 'EDITOR');
     };
   }, []);
 
@@ -92,11 +86,7 @@ export const Editor: React.FC<IProps> = ({
               <div className={cls(styles.contentWrap, className)}>
                 <EditorContent editor={editor} />
               </div>
-              <BackTop
-                target={() =>
-                  document.querySelector("#js-template-editor-container")
-                }
-              />
+              <BackTop target={() => document.querySelector('#js-template-editor-container')} />
             </main>
           </div>
         );
diff --git a/packages/client/src/components/document/editor/index.tsx b/packages/client/src/components/document/editor/index.tsx
index ab191e8c..b2ab9eb0 100644
--- a/packages/client/src/components/document/editor/index.tsx
+++ b/packages/client/src/components/document/editor/index.tsx
@@ -1,5 +1,5 @@
-import Router from "next/router";
-import React, { useCallback, useMemo } from "react";
+import Router from 'next/router';
+import React, { useCallback, useMemo } from 'react';
 import {
   Layout,
   Nav,
@@ -10,20 +10,20 @@ import {
   Tooltip,
   Spin,
   Popover,
-} from "@douyinfe/semi-ui";
-import { IconChevronLeft, IconArticle } from "@douyinfe/semi-icons";
-import { useUser } from "data/user";
-import { useDocumentDetail } from "data/document";
-import { Seo } from "components/seo";
-import { Theme } from "components/theme";
-import { DataRender } from "components/data-render";
-import { DocumentShare } from "components/document/share";
-import { DocumentStar } from "components/document/star";
-import { DocumentCollaboration } from "components/document/collaboration";
-import { DocumentStyle } from "components/document/style";
-import { useDocumentStyle } from "hooks/useDocumentStyle";
-import { Editor } from "./editor";
-import styles from "./index.module.scss";
+} from '@douyinfe/semi-ui';
+import { IconChevronLeft, IconArticle } from '@douyinfe/semi-icons';
+import { useUser } from 'data/user';
+import { useDocumentDetail } from 'data/document';
+import { Seo } from 'components/seo';
+import { Theme } from 'components/theme';
+import { DataRender } from 'components/data-render';
+import { DocumentShare } from 'components/document/share';
+import { DocumentStar } from 'components/document/star';
+import { DocumentCollaboration } from 'components/document/collaboration';
+import { DocumentStyle } from 'components/document/style';
+import { useDocumentStyle } from 'hooks/useDocumentStyle';
+import { Editor } from './editor';
+import styles from './index.module.scss';
 
 const { Header, Content } = Layout;
 const { Text } = Typography;
@@ -37,9 +37,7 @@ export const DocumentEditor: React.FC<IProps> = ({ documentId }) => {
 
   const { width, fontSize } = useDocumentStyle();
   const editorWrapClassNames = useMemo(() => {
-    return width === "standardWidth"
-      ? styles.isStandardWidth
-      : styles.isFullWidth;
+    return width === 'standardWidth' ? styles.isStandardWidth : styles.isFullWidth;
   }, [width]);
 
   const { user } = useUser();
@@ -59,11 +57,7 @@ export const DocumentEditor: React.FC<IProps> = ({ documentId }) => {
   const DocumentTitle = (
     <>
       <Tooltip content="返回" position="bottom">
-        <Button
-          onClick={goback}
-          icon={<IconChevronLeft />}
-          style={{ marginRight: 16 }}
-        />
+        <Button onClick={goback} icon={<IconChevronLeft />} style={{ marginRight: 16 }} />
       </Tooltip>
       <DataRender
         loading={docAuthLoading}
@@ -71,9 +65,7 @@ export const DocumentEditor: React.FC<IProps> = ({ documentId }) => {
         loadingContent={
           <Skeleton
             active
-            placeholder={
-              <Skeleton.Title style={{ width: 80, marginBottom: 8 }} />
-            }
+            placeholder={<Skeleton.Title style={{ width: 80, marginBottom: 8 }} />}
             loading={true}
           />
         }
@@ -104,17 +96,8 @@ export const DocumentEditor: React.FC<IProps> = ({ documentId }) => {
               )}
               <DocumentShare key="share" documentId={documentId} />
               <DocumentStar key="star" documentId={documentId} />
-              <Popover
-                key="style"
-                zIndex={1061}
-                position="bottomLeft"
-                content={<DocumentStyle />}
-              >
-                <Button
-                  icon={<IconArticle />}
-                  theme="borderless"
-                  type="tertiary"
-                />
+              <Popover key="style" zIndex={1061} position="bottomLeft" content={<DocumentStyle />}>
+                <Button icon={<IconArticle />} theme="borderless" type="tertiary" />
               </Popover>
               <Theme />
             </Space>
diff --git a/packages/client/src/components/document/link/index.tsx b/packages/client/src/components/document/link/index.tsx
index 63615b19..bb6e2cd1 100644
--- a/packages/client/src/components/document/link/index.tsx
+++ b/packages/client/src/components/document/link/index.tsx
@@ -1,8 +1,8 @@
-import React, { useCallback } from "react";
-import { Typography, Space } from "@douyinfe/semi-ui";
-import { IconLink } from "@douyinfe/semi-icons";
-import { copy } from "helpers/copy";
-import { buildUrl } from "helpers/url";
+import React, { useCallback } from 'react';
+import { Typography, Space } from '@douyinfe/semi-ui';
+import { IconLink } from '@douyinfe/semi-icons';
+import { copy } from 'helpers/copy';
+import { buildUrl } from 'helpers/url';
 
 interface IProps {
   wikiId: string;
@@ -11,16 +11,13 @@ interface IProps {
 
 const { Text } = Typography;
 
-export const DocumentLinkCopyer: React.FC<IProps> = ({
-  wikiId,
-  documentId,
-}) => {
+export const DocumentLinkCopyer: React.FC<IProps> = ({ wikiId, documentId }) => {
   const handle = useCallback(() => {
     copy(buildUrl(`/wiki/${wikiId}/document/${documentId}`));
   }, [wikiId, documentId]);
 
   return (
-    <Text onClick={handle} style={{ cursor: "pointer" }}>
+    <Text onClick={handle} style={{ cursor: 'pointer' }}>
       <Space>
         <IconLink />
         复制链接
diff --git a/packages/client/src/components/document/reader/content.tsx b/packages/client/src/components/document/reader/content.tsx
index 0462a224..a8da6abe 100644
--- a/packages/client/src/components/document/reader/content.tsx
+++ b/packages/client/src/components/document/reader/content.tsx
@@ -1,9 +1,9 @@
-import React from "react";
-import { useEditor, EditorContent } from "@tiptap/react";
-import { Layout } from "@douyinfe/semi-ui";
-import { IDocument } from "@think/domains";
-import { DEFAULT_EXTENSION, DocumentWithTitle } from "components/tiptap";
-import { safeJSONParse } from "helpers/json";
+import React from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import { Layout } from '@douyinfe/semi-ui';
+import { IDocument } from '@think/domains';
+import { DEFAULT_EXTENSION, DocumentWithTitle } from 'components/tiptap';
+import { safeJSONParse } from 'helpers/json';
 
 interface IProps {
   document: IDocument;
@@ -15,7 +15,7 @@ export const DocumentContent: React.FC<IProps> = ({ document }) => {
 
   if (json && json.content) {
     json = {
-      type: "doc",
+      type: 'doc',
       content: json.content.slice(1),
     };
   }
diff --git a/packages/client/src/components/document/reader/editor.tsx b/packages/client/src/components/document/reader/editor.tsx
index e56bcb93..6689ab80 100644
--- a/packages/client/src/components/document/reader/editor.tsx
+++ b/packages/client/src/components/document/reader/editor.tsx
@@ -1,8 +1,8 @@
-import React, { useMemo, useEffect } from "react";
-import { useEditor, EditorContent } from "@tiptap/react";
-import { Layout } from "@douyinfe/semi-ui";
-import { ILoginUser } from "@think/domains";
-import { useToggle } from "hooks/useToggle";
+import React, { useMemo, useEffect } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import { Layout } from '@douyinfe/semi-ui';
+import { ILoginUser } from '@think/domains';
+import { useToggle } from 'hooks/useToggle';
 import {
   DEFAULT_EXTENSION,
   DocumentWithTitle,
@@ -10,10 +10,10 @@ import {
   getCollaborationCursorExtension,
   getProvider,
   destoryProvider,
-} from "components/tiptap";
-import { DataRender } from "components/data-render";
-import { joinUser } from "components/document/collaboration";
-import styles from "./index.module.scss";
+} from 'components/tiptap';
+import { DataRender } from 'components/data-render';
+import { joinUser } from 'components/document/collaboration';
+import styles from './index.module.scss';
 
 const { Content } = Layout;
 
@@ -29,9 +29,9 @@ export const Editor: React.FC<IProps> = ({ user, documentId }) => {
     return getProvider({
       targetId: documentId,
       token: user.token,
-      cacheType: "READER",
+      cacheType: 'READER',
       user,
-      docType: "document",
+      docType: 'document',
       events: {
         onAwarenessUpdate({ states }) {
           joinUser({ states });
@@ -51,12 +51,12 @@ export const Editor: React.FC<IProps> = ({ user, documentId }) => {
   const [loading, toggleLoading] = useToggle(true);
 
   useEffect(() => {
-    provider.on("synced", () => {
+    provider.on('synced', () => {
       toggleLoading(false);
     });
 
     return () => {
-      destoryProvider(provider, "READER");
+      destoryProvider(provider, 'READER');
     };
   }, []);
 
diff --git a/packages/client/src/components/document/reader/index.tsx b/packages/client/src/components/document/reader/index.tsx
index 2adc0a16..0c51dece 100644
--- a/packages/client/src/components/document/reader/index.tsx
+++ b/packages/client/src/components/document/reader/index.tsx
@@ -1,6 +1,6 @@
-import Router from "next/router";
-import React, { useCallback, useMemo } from "react";
-import cls from "classnames";
+import Router from 'next/router';
+import React, { useCallback, useMemo } from 'react';
+import cls from 'classnames';
 import {
   Layout,
   Nav,
@@ -11,22 +11,22 @@ import {
   Tooltip,
   Popover,
   BackTop,
-} from "@douyinfe/semi-ui";
-import { IconEdit, IconArticle } from "@douyinfe/semi-icons";
-import { Seo } from "components/seo";
-import { DataRender } from "components/data-render";
-import { DocumentShare } from "components/document/share";
-import { DocumentStar } from "components/document/star";
-import { DocumentCollaboration } from "components/document/collaboration";
-import { DocumentStyle } from "components/document/style";
-import { CommentEditor } from "components/document/comments";
-import { useDocumentStyle } from "hooks/useDocumentStyle";
-import { useUser } from "data/user";
-import { useDocumentDetail } from "data/document";
-import { DocumentSkeleton } from "components/tiptap";
-import { Editor } from "./editor";
-import { CreateUser } from "./user";
-import styles from "./index.module.scss";
+} from '@douyinfe/semi-ui';
+import { IconEdit, IconArticle } from '@douyinfe/semi-icons';
+import { Seo } from 'components/seo';
+import { DataRender } from 'components/data-render';
+import { DocumentShare } from 'components/document/share';
+import { DocumentStar } from 'components/document/star';
+import { DocumentCollaboration } from 'components/document/collaboration';
+import { DocumentStyle } from 'components/document/style';
+import { CommentEditor } from 'components/document/comments';
+import { useDocumentStyle } from 'hooks/useDocumentStyle';
+import { useUser } from 'data/user';
+import { useDocumentDetail } from 'data/document';
+import { DocumentSkeleton } from 'components/tiptap';
+import { Editor } from './editor';
+import { CreateUser } from './user';
+import styles from './index.module.scss';
 
 const { Header } = Layout;
 const { Text } = Typography;
@@ -39,9 +39,7 @@ export const DocumentReader: React.FC<IProps> = ({ documentId }) => {
   if (!documentId) return null;
   const { width, fontSize } = useDocumentStyle();
   const editorWrapClassNames = useMemo(() => {
-    return width === "standardWidth"
-      ? styles.isStandardWidth
-      : styles.isFullWidth;
+    return width === 'standardWidth' ? styles.isStandardWidth : styles.isFullWidth;
   }, [width]);
 
   const { user } = useUser();
@@ -61,7 +59,7 @@ export const DocumentReader: React.FC<IProps> = ({ documentId }) => {
     <div className={styles.wrap}>
       <Header className={styles.headerWrap}>
         <Nav
-          style={{ overflow: "auto", paddingLeft: 0, paddingRight: 0 }}
+          style={{ overflow: 'auto', paddingLeft: 0, paddingRight: 0 }}
           mode="horizontal"
           header={
             <DataRender
@@ -70,18 +68,12 @@ export const DocumentReader: React.FC<IProps> = ({ documentId }) => {
               loadingContent={
                 <Skeleton
                   active
-                  placeholder={
-                    <Skeleton.Title style={{ width: 80, marginBottom: 8 }} />
-                  }
+                  placeholder={<Skeleton.Title style={{ width: 80, marginBottom: 8 }} />}
                   loading={true}
                 />
               }
               normalContent={() => (
-                <Text
-                  strong
-                  ellipsis={{ showTooltip: true }}
-                  style={{ width: 120 }}
-                >
+                <Text strong ellipsis={{ showTooltip: true }} style={{ width: 120 }}>
                   {document.title}
                 </Text>
               )}
@@ -107,27 +99,15 @@ export const DocumentReader: React.FC<IProps> = ({ documentId }) => {
                   <DocumentStar key="star" documentId={documentId} />
                 </>
               )}
-              <Popover
-                key="style"
-                zIndex={1061}
-                position="bottomLeft"
-                content={<DocumentStyle />}
-              >
-                <Button
-                  icon={<IconArticle />}
-                  theme="borderless"
-                  type="tertiary"
-                />
+              <Popover key="style" zIndex={1061} position="bottomLeft" content={<DocumentStyle />}>
+                <Button icon={<IconArticle />} theme="borderless" type="tertiary" />
               </Popover>
             </Space>
           }
         ></Nav>
       </Header>
       <Layout className={styles.contentWrap}>
-        <div
-          className={cls(styles.editorWrap, editorWrapClassNames)}
-          style={{ fontSize }}
-        >
+        <div className={cls(styles.editorWrap, editorWrapClassNames)} style={{ fontSize }}>
           <DataRender
             loading={docAuthLoading}
             error={docAuthError}
@@ -136,20 +116,14 @@ export const DocumentReader: React.FC<IProps> = ({ documentId }) => {
               return (
                 <>
                   <Seo title={document.title} />
-                  <Editor
-                    key={document.id}
-                    user={user}
-                    documentId={document.id}
-                  />
+                  <Editor key={document.id} user={user} documentId={document.id} />
                   <div style={{ marginBottom: 24 }}>
                     <CreateUser document={document} />
                   </div>
                   <div className={styles.commentWrap}>
                     <CommentEditor documentId={document.id} />
                   </div>
-                  <BackTop
-                    target={() => window.document.querySelector(".Pane2")}
-                  />
+                  <BackTop target={() => window.document.querySelector('.Pane2')} />
                 </>
               );
             }}
diff --git a/packages/client/src/components/document/reader/public/index.tsx b/packages/client/src/components/document/reader/public/index.tsx
index c04b3cae..d5cd1538 100644
--- a/packages/client/src/components/document/reader/public/index.tsx
+++ b/packages/client/src/components/document/reader/public/index.tsx
@@ -1,5 +1,5 @@
-import React, { useMemo, useEffect } from "react";
-import cls from "classnames";
+import React, { useMemo, useEffect } from 'react';
+import cls from 'classnames';
 import {
   Layout,
   Nav,
@@ -11,20 +11,20 @@ import {
   Popover,
   Modal,
   BackTop,
-} from "@douyinfe/semi-ui";
-import { IconArticle } from "@douyinfe/semi-icons";
-import { Seo } from "components/seo";
-import { LogoImage, LogoText } from "components/logo";
-import { DataRender } from "components/data-render";
-import { DocumentStyle } from "components/document/style";
-import { User } from "components/user";
-import { Theme } from "components/theme";
-import { useDocumentStyle } from "hooks/useDocumentStyle";
-import { usePublicDocument } from "data/document";
-import { DocumentSkeleton } from "components/tiptap";
-import { DocumentContent } from "../content";
-import { CreateUser } from "../user";
-import styles from "./index.module.scss";
+} from '@douyinfe/semi-ui';
+import { IconArticle } from '@douyinfe/semi-icons';
+import { Seo } from 'components/seo';
+import { LogoImage, LogoText } from 'components/logo';
+import { DataRender } from 'components/data-render';
+import { DocumentStyle } from 'components/document/style';
+import { User } from 'components/user';
+import { Theme } from 'components/theme';
+import { useDocumentStyle } from 'hooks/useDocumentStyle';
+import { usePublicDocument } from 'data/document';
+import { DocumentSkeleton } from 'components/tiptap';
+import { DocumentContent } from '../content';
+import { CreateUser } from '../user';
+import styles from './index.module.scss';
 
 const { Header, Content } = Layout;
 const { Text, Title } = Typography;
@@ -34,29 +34,24 @@ interface IProps {
   hideLogo?: boolean;
 }
 
-export const DocumentPublicReader: React.FC<IProps> = ({
-  documentId,
-  hideLogo = true,
-}) => {
+export const DocumentPublicReader: React.FC<IProps> = ({ documentId, hideLogo = true }) => {
   if (!documentId) return null;
 
   const { data, loading, error, query } = usePublicDocument(documentId);
 
   const { width, fontSize } = useDocumentStyle();
   const editorWrapClassNames = useMemo(() => {
-    return width === "standardWidth"
-      ? styles.isStandardWidth
-      : styles.isFullWidth;
+    return width === 'standardWidth' ? styles.isStandardWidth : styles.isFullWidth;
   }, [width]);
 
   useEffect(() => {
     if (!error) return;
     if (error.statusCode !== 400) return;
     Modal.confirm({
-      title: "请输入密码",
+      title: '请输入密码',
       content: (
         <>
-          <Seo title={"输入密码后查看"} />
+          <Seo title={'输入密码后查看'} />
           <Input
             id="js-share-document-password"
             style={{ marginTop: 24 }}
@@ -70,9 +65,7 @@ export const DocumentPublicReader: React.FC<IProps> = ({
       hasCancel: false,
       maskClosable: false,
       onOk() {
-        const $input = document.querySelector(
-          "#js-share-document-password"
-        ) as HTMLInputElement;
+        const $input = document.querySelector('#js-share-document-password') as HTMLInputElement;
         query($input.value);
       },
     });
@@ -93,17 +86,8 @@ export const DocumentPublicReader: React.FC<IProps> = ({
           }
           footer={
             <Space>
-              <Popover
-                key="style"
-                zIndex={1061}
-                position="bottomLeft"
-                content={<DocumentStyle />}
-              >
-                <Button
-                  icon={<IconArticle />}
-                  theme="borderless"
-                  type="tertiary"
-                />
+              <Popover key="style" zIndex={1061} position="bottomLeft" content={<DocumentStyle />}>
+                <Button icon={<IconArticle />} theme="borderless" type="tertiary" />
               </Popover>
               <Theme />
               <User />
@@ -116,18 +100,12 @@ export const DocumentPublicReader: React.FC<IProps> = ({
             loadingContent={
               <Skeleton
                 active
-                placeholder={
-                  <Skeleton.Title style={{ width: 80, marginBottom: 8 }} />
-                }
+                placeholder={<Skeleton.Title style={{ width: 80, marginBottom: 8 }} />}
                 loading={true}
               />
             }
             normalContent={() => (
-              <Text
-                strong
-                ellipsis={{ showTooltip: true }}
-                style={{ width: 120 }}
-              >
+              <Text strong ellipsis={{ showTooltip: true }} style={{ width: 120 }}>
                 {data.title}
               </Text>
             )}
@@ -139,10 +117,7 @@ export const DocumentPublicReader: React.FC<IProps> = ({
           loading={loading}
           error={error}
           loadingContent={
-            <div
-              className={cls(styles.editorWrap, editorWrapClassNames)}
-              style={{ fontSize }}
-            >
+            <div className={cls(styles.editorWrap, editorWrapClassNames)} style={{ fontSize }}>
               <DocumentSkeleton />
             </div>
           }
@@ -156,16 +131,14 @@ export const DocumentPublicReader: React.FC<IProps> = ({
                   id="js-share-document-editor-container"
                 >
                   <Title>{data.title}</Title>
-                  <div style={{ margin: "24px 0" }}>
+                  <div style={{ margin: '24px 0' }}>
                     <CreateUser document={data} />
                   </div>
                   <DocumentContent document={data} />
                 </div>
                 <BackTop
                   target={() =>
-                    document.querySelector(
-                      "#js-share-document-editor-container"
-                    ).parentNode
+                    document.querySelector('#js-share-document-editor-container').parentNode
                   }
                 />
               </>
diff --git a/packages/client/src/components/document/reader/user.tsx b/packages/client/src/components/document/reader/user.tsx
index 4d1653cb..1cef6d3e 100644
--- a/packages/client/src/components/document/reader/user.tsx
+++ b/packages/client/src/components/document/reader/user.tsx
@@ -1,7 +1,7 @@
-import { Space, Typography, Avatar } from "@douyinfe/semi-ui";
-import { IconUser } from "@douyinfe/semi-icons";
-import { IDocument } from "@think/domains";
-import { LocaleTime } from "components/locale-time";
+import { Space, Typography, Avatar } from '@douyinfe/semi-ui';
+import { IconUser } from '@douyinfe/semi-icons';
+import { IDocument } from '@think/domains';
+import { LocaleTime } from 'components/locale-time';
 
 const { Text } = Typography;
 
@@ -11,10 +11,7 @@ export const CreateUser: React.FC<{ document: IDocument }> = ({ document }) => {
   return (
     <Text type="tertiary" size="small">
       <Space>
-        <Avatar
-          size="extra-extra-small"
-          src={document.createUser && document.createUser.avatar}
-        >
+        <Avatar size="extra-extra-small" src={document.createUser && document.createUser.avatar}>
           <IconUser />
         </Avatar>
         <div>
@@ -25,7 +22,7 @@ export const CreateUser: React.FC<{ document: IDocument }> = ({ document }) => {
           <p>
             最近更新日期：
             <LocaleTime date={document.updatedAt} timeago />
-            {" ⦁ "}阅读量：
+            {' ⦁ '}阅读量：
             {document.views}
           </p>
         </div>
diff --git a/packages/client/src/components/document/share/index.tsx b/packages/client/src/components/document/share/index.tsx
index 3d362b91..0abbe9bf 100644
--- a/packages/client/src/components/document/share/index.tsx
+++ b/packages/client/src/components/document/share/index.tsx
@@ -1,19 +1,16 @@
-import React, { useMemo, useState, useEffect } from "react";
-import { Button, Modal, Input, Typography, Toast } from "@douyinfe/semi-ui";
-import { IconLink } from "@douyinfe/semi-icons";
-import { isPublicDocument } from "@think/domains";
-import { getDocumentShareURL } from "helpers/url";
-import { ShareIllustration } from "illustrations/share";
-import { DataRender } from "components/data-render";
-import { useToggle } from "hooks/useToggle";
-import { useDocumentDetail } from "data/document";
+import React, { useMemo, useState, useEffect } from 'react';
+import { Button, Modal, Input, Typography, Toast } from '@douyinfe/semi-ui';
+import { IconLink } from '@douyinfe/semi-icons';
+import { isPublicDocument } from '@think/domains';
+import { getDocumentShareURL } from 'helpers/url';
+import { ShareIllustration } from 'illustrations/share';
+import { DataRender } from 'components/data-render';
+import { useToggle } from 'hooks/useToggle';
+import { useDocumentDetail } from 'data/document';
 
 interface IProps {
   documentId: string;
-  render?: (arg: {
-    isPublic: boolean;
-    toggleVisible: (arg: boolean) => void;
-  }) => React.ReactNode;
+  render?: (arg: { isPublic: boolean; toggleVisible: (arg: boolean) => void }) => React.ReactNode;
 }
 
 const { Text } = Typography;
@@ -21,18 +18,12 @@ const { Text } = Typography;
 export const DocumentShare: React.FC<IProps> = ({ documentId, render }) => {
   const [visible, toggleVisible] = useToggle(false);
   const { data, loading, error, toggleStatus } = useDocumentDetail(documentId);
-  const [sharePassword, setSharePassword] = useState("");
-  const isPublic = useMemo(
-    () => data && isPublicDocument(data.document.status),
-    [data]
-  );
-  const shareUrl = useMemo(
-    () => data && getDocumentShareURL(data.document.id),
-    [data]
-  );
+  const [sharePassword, setSharePassword] = useState('');
+  const isPublic = useMemo(() => data && isPublicDocument(data.document.status), [data]);
+  const shareUrl = useMemo(() => data && getDocumentShareURL(data.document.id), [data]);
 
   const handleOk = () => {
-    toggleStatus({ sharePassword: isPublic ? "" : sharePassword });
+    toggleStatus({ sharePassword: isPublic ? '' : sharePassword });
   };
 
   useEffect(() => {
@@ -46,18 +37,18 @@ export const DocumentShare: React.FC<IProps> = ({ documentId, render }) => {
         render({ isPublic, toggleVisible })
       ) : (
         <Button type="primary" theme="light" onClick={toggleVisible}>
-          {isPublic ? "分享中" : "分享"}
+          {isPublic ? '分享中' : '分享'}
         </Button>
       )}
 
       <Modal
-        title={isPublic ? "关闭分享" : "开启分享"}
-        okText={isPublic ? "关闭分享" : "开启分享"}
+        title={isPublic ? '关闭分享' : '开启分享'}
+        okText={isPublic ? '关闭分享' : '开启分享'}
         visible={visible}
         onOk={handleOk}
         onCancel={() => toggleVisible(false)}
         maskClosable={false}
-        style={{ maxWidth: "96vw" }}
+        style={{ maxWidth: '96vw' }}
       >
         <DataRender
           loading={loading}
@@ -65,7 +56,7 @@ export const DocumentShare: React.FC<IProps> = ({ documentId, render }) => {
           normalContent={() => {
             return (
               <div>
-                <div style={{ textAlign: "center" }}>
+                <div style={{ textAlign: 'center' }}>
                   <ShareIllustration />
                 </div>
                 {isPublic ? (
@@ -73,7 +64,7 @@ export const DocumentShare: React.FC<IProps> = ({ documentId, render }) => {
                     ellipsis
                     icon={<IconLink />}
                     copyable={{
-                      onCopy: () => Toast.success({ content: "复制文本成功" }),
+                      onCopy: () => Toast.success({ content: '复制文本成功' }),
                     }}
                     style={{
                       width: 320,
@@ -93,8 +84,8 @@ export const DocumentShare: React.FC<IProps> = ({ documentId, render }) => {
                 <div style={{ marginTop: 16 }}>
                   <Text type="tertiary">
                     {isPublic
-                      ? "分享开启后，该页面包含的所有内容均可访问，请谨慎开启"
-                      : "  分享关闭后，其他人将不能继续访问该页面"}
+                      ? '分享开启后，该页面包含的所有内容均可访问，请谨慎开启'
+                      : '  分享关闭后，其他人将不能继续访问该页面'}
                   </Text>
                 </div>
               </div>
diff --git a/packages/client/src/components/document/star/index.tsx b/packages/client/src/components/document/star/index.tsx
index cedfcc97..804ad674 100644
--- a/packages/client/src/components/document/star/index.tsx
+++ b/packages/client/src/components/document/star/index.tsx
@@ -1,7 +1,7 @@
-import React from "react";
-import { Typography, Tooltip, Button } from "@douyinfe/semi-ui";
-import { IconStar } from "@douyinfe/semi-icons";
-import { useDocumentStar } from "data/document";
+import React from 'react';
+import { Typography, Tooltip, Button } from '@douyinfe/semi-ui';
+import { IconStar } from '@douyinfe/semi-icons';
+import { useDocumentStar } from 'data/document';
 
 interface IProps {
   documentId: string;
@@ -16,7 +16,7 @@ const { Text } = Typography;
 
 export const DocumentStar: React.FC<IProps> = ({ documentId, render }) => {
   const { data, toggleStar } = useDocumentStar(documentId);
-  const text = data ? "取消收藏" : "收藏文档";
+  const text = data ? '取消收藏' : '收藏文档';
 
   return (
     <>
@@ -28,9 +28,7 @@ export const DocumentStar: React.FC<IProps> = ({ documentId, render }) => {
             icon={<IconStar />}
             theme="borderless"
             style={{
-              color: data
-                ? "rgba(var(--semi-amber-4), 1)"
-                : "rgba(var(--semi-grey-3), 1)",
+              color: data ? 'rgba(var(--semi-amber-4), 1)' : 'rgba(var(--semi-grey-3), 1)',
             }}
             onClick={(e) => {
               e.stopPropagation();
diff --git a/packages/client/src/components/document/style/index.tsx b/packages/client/src/components/document/style/index.tsx
index b61a7bd0..c93cf2a7 100644
--- a/packages/client/src/components/document/style/index.tsx
+++ b/packages/client/src/components/document/style/index.tsx
@@ -1,7 +1,7 @@
-import React from "react";
-import { RadioGroup, Radio, Typography, Slider } from "@douyinfe/semi-ui";
-import { useDocumentStyle } from "hooks/useDocumentStyle";
-import styles from "./index.module.scss";
+import React from 'react';
+import { RadioGroup, Radio, Typography, Slider } from '@douyinfe/semi-ui';
+import { useDocumentStyle } from 'hooks/useDocumentStyle';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
@@ -12,7 +12,7 @@ export const DocumentStyle = () => {
     <div className={styles.wrap}>
       <div className={styles.item}>
         <Text>正文大小</Text>
-        <Text style={{ fontSize: "0.8em" }}> {fontSize}px</Text>
+        <Text style={{ fontSize: '0.8em' }}> {fontSize}px</Text>
         <Slider
           min={12}
           max={24}
@@ -29,10 +29,10 @@ export const DocumentStyle = () => {
             type="button"
             value={width}
             onChange={(e) => setWidth(e.target.value)}
-            style={{ marginTop: "0.5em" }}
+            style={{ marginTop: '0.5em' }}
           >
-            <Radio value={"standardWidth"}>标宽模式</Radio>
-            <Radio value={"fullWidth"}>超宽模式</Radio>
+            <Radio value={'standardWidth'}>标宽模式</Radio>
+            <Radio value={'fullWidth'}>超宽模式</Radio>
           </RadioGroup>
         </div>
       </div>
diff --git a/packages/client/src/components/empty.tsx b/packages/client/src/components/empty.tsx
index 5b84638a..edca8d69 100644
--- a/packages/client/src/components/empty.tsx
+++ b/packages/client/src/components/empty.tsx
@@ -1,5 +1,5 @@
-import React from "react";
-import { Typography } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Typography } from '@douyinfe/semi-ui';
 
 interface IProps {
   illustration?: React.ReactNode;
@@ -12,16 +12,14 @@ export const Empty: React.FC<IProps> = ({ illustration = null, message }) => {
   return (
     <div
       style={{
-        display: "flex",
-        justifyContent: "center",
-        flexDirection: "column",
-        margin: "16px 0",
+        display: 'flex',
+        justifyContent: 'center',
+        flexDirection: 'column',
+        margin: '16px 0',
       }}
     >
-      {illustration && (
-        <main style={{ textAlign: "center" }}>{illustration}</main>
-      )}
-      <footer style={{ textAlign: "center" }}>
+      {illustration && <main style={{ textAlign: 'center' }}>{illustration}</main>}
+      <footer style={{ textAlign: 'center' }}>
         <Text type="tertiary">{message}</Text>
       </footer>
     </div>
diff --git a/packages/client/src/components/grid-select/grid-cell.tsx b/packages/client/src/components/grid-select/grid-cell.tsx
index 602afc85..ec03bf4b 100644
--- a/packages/client/src/components/grid-select/grid-cell.tsx
+++ b/packages/client/src/components/grid-select/grid-cell.tsx
@@ -1,5 +1,4 @@
-import React from "react";
-import { MouseEventHandler } from "react";
+import React, { MouseEventHandler } from 'react';
 
 type CellProperties = {
   active: boolean;
@@ -16,21 +15,21 @@ const getBaseStyles = (cellSize) => ({
   cell: {
     width: cellSize,
     height: cellSize,
-    background: "#fff",
-    cursor: "pointer",
+    background: '#fff',
+    cursor: 'pointer',
     borderRadius: 3,
-    border: "1px solid #bababa",
+    border: '1px solid #bababa',
   },
   active: {
-    border: "1px solid #4d6cdd",
-    background: "#4d6cdd",
+    border: '1px solid #4d6cdd',
+    background: '#4d6cdd',
   },
   hover: {
-    border: "1px solid #fff",
-    background: "#4d6cdd",
+    border: '1px solid #fff',
+    background: '#4d6cdd',
   },
   disabled: {
-    filter: "brightness(0.7)",
+    filter: 'brightness(0.7)',
   },
 });
 
@@ -51,10 +50,10 @@ export const GridCell = ({
 }: CellProperties) => {
   const baseStyles = getBaseStyles(cellSize);
   const cellStyles = {
-    cell: getMergedStyle(baseStyles, styles, "cell"),
-    active: getMergedStyle(baseStyles, styles, "active"),
-    hover: getMergedStyle(baseStyles, styles, "hover"),
-    disabled: getMergedStyle(baseStyles, styles, "disabled"),
+    cell: getMergedStyle(baseStyles, styles, 'cell'),
+    active: getMergedStyle(baseStyles, styles, 'active'),
+    hover: getMergedStyle(baseStyles, styles, 'hover'),
+    disabled: getMergedStyle(baseStyles, styles, 'disabled'),
   };
 
   return (
diff --git a/packages/client/src/components/grid-select/grid-select.tsx b/packages/client/src/components/grid-select/grid-select.tsx
index 0688bbc0..3a6d6b22 100644
--- a/packages/client/src/components/grid-select/grid-select.tsx
+++ b/packages/client/src/components/grid-select/grid-select.tsx
@@ -1,8 +1,7 @@
-import React, { useMemo } from "react";
-import { useState, useCallback } from "react";
-import { Typography } from "@douyinfe/semi-ui";
-import { debounce } from "helpers/debounce";
-import { GridCell } from "./grid-cell";
+import React, { useMemo, useState, useCallback } from 'react';
+import { Typography } from '@douyinfe/semi-ui';
+import { debounce } from 'helpers/debounce';
+import { GridCell } from './grid-cell';
 
 const { Text } = Typography;
 
@@ -28,12 +27,12 @@ type CoordsType = {
 
 const getBaseStyles = (cols, cellSize) => ({
   grid: {
-    position: "relative",
-    display: "grid",
-    color: "#444",
-    margin: "8px 0",
-    gridGap: "4px 6px",
-    gridTemplateColumns: Array(cols).fill(`${cellSize}px`).join(" "),
+    position: 'relative',
+    display: 'grid',
+    color: '#444',
+    margin: '8px 0',
+    gridGap: '4px 6px',
+    gridTemplateColumns: Array(cols).fill(`${cellSize}px`).join(' '),
   },
 });
 
@@ -88,8 +87,8 @@ export const GridSelect = ({
         const isCellDisabled = disabled;
         cells.push(
           <GridCell
-            id={x + "-" + y}
-            key={x + "-" + y}
+            id={x + '-' + y}
+            key={x + '-' + y}
             onClick={() => onClick({ x, y, isCellDisabled })}
             onMouseEnter={onHover.bind(null, { x, y, isCellDisabled })}
             active={isActive}
@@ -115,10 +114,7 @@ export const GridSelect = ({
     onHover,
   ]);
 
-  const baseStyles = useMemo(
-    () => getBaseStyles(cols, cellSize),
-    [cols, cellSize]
-  );
+  const baseStyles = useMemo(() => getBaseStyles(cols, cellSize), [cols, cellSize]);
 
   return (
     <div>
@@ -133,10 +129,8 @@ export const GridSelect = ({
       >
         {cells}
       </div>
-      <footer style={{ textAlign: "center" }}>
-        <Text>
-          {hoverCell ? `${hoverCell.y + 1} x ${hoverCell.x + 1}` : null}
-        </Text>
+      <footer style={{ textAlign: 'center' }}>
+        <Text>{hoverCell ? `${hoverCell.y + 1} x ${hoverCell.x + 1}` : null}</Text>
       </footer>
     </div>
   );
diff --git a/packages/client/src/components/grid-select/index.tsx b/packages/client/src/components/grid-select/index.tsx
index 68135d86..7ea54449 100644
--- a/packages/client/src/components/grid-select/index.tsx
+++ b/packages/client/src/components/grid-select/index.tsx
@@ -1 +1 @@
-export * from "./grid-select";
+export * from './grid-select';
diff --git a/packages/client/src/components/icons/IconAddColumnAfter.tsx b/packages/client/src/components/icons/IconAddColumnAfter.tsx
index cc245825..0b0e2305 100644
--- a/packages/client/src/components/icons/IconAddColumnAfter.tsx
+++ b/packages/client/src/components/icons/IconAddColumnAfter.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconAddColumnAfter: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconAddColumnAfter: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconAddColumnBefore.tsx b/packages/client/src/components/icons/IconAddColumnBefore.tsx
index 7f879c8f..f06008c6 100644
--- a/packages/client/src/components/icons/IconAddColumnBefore.tsx
+++ b/packages/client/src/components/icons/IconAddColumnBefore.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconAddColumnBefore: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconAddColumnBefore: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconAddRowAfter.tsx b/packages/client/src/components/icons/IconAddRowAfter.tsx
index 3f6ef28c..4bf37e56 100644
--- a/packages/client/src/components/icons/IconAddRowAfter.tsx
+++ b/packages/client/src/components/icons/IconAddRowAfter.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconAddRowAfter: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconAddRowAfter: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconAddRowBefore.tsx b/packages/client/src/components/icons/IconAddRowBefore.tsx
index 1ead212a..bea3c35b 100644
--- a/packages/client/src/components/icons/IconAddRowBefore.tsx
+++ b/packages/client/src/components/icons/IconAddRowBefore.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconAddRowBefore: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconAddRowBefore: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconAttachment.tsx b/packages/client/src/components/icons/IconAttachment.tsx
index 5f2d6166..596f9f21 100644
--- a/packages/client/src/components/icons/IconAttachment.tsx
+++ b/packages/client/src/components/icons/IconAttachment.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconAttachment: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconAttachment: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconCenter.tsx b/packages/client/src/components/icons/IconCenter.tsx
index a9623017..1bd335bd 100644
--- a/packages/client/src/components/icons/IconCenter.tsx
+++ b/packages/client/src/components/icons/IconCenter.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconCenter: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconCenter: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconClear.tsx b/packages/client/src/components/icons/IconClear.tsx
index 3c062ec0..4fe23824 100644
--- a/packages/client/src/components/icons/IconClear.tsx
+++ b/packages/client/src/components/icons/IconClear.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconClear: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconClear: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconCodeBlock.tsx b/packages/client/src/components/icons/IconCodeBlock.tsx
index 21e7abbf..49c49ed7 100644
--- a/packages/client/src/components/icons/IconCodeBlock.tsx
+++ b/packages/client/src/components/icons/IconCodeBlock.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconCodeBlock: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconCodeBlock: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconDeleteColumn.tsx b/packages/client/src/components/icons/IconDeleteColumn.tsx
index 161f4f97..1aa83a5d 100644
--- a/packages/client/src/components/icons/IconDeleteColumn.tsx
+++ b/packages/client/src/components/icons/IconDeleteColumn.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconDeleteColumn: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconDeleteColumn: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconDeleteRow.tsx b/packages/client/src/components/icons/IconDeleteRow.tsx
index fef1f861..ee902e4a 100644
--- a/packages/client/src/components/icons/IconDeleteRow.tsx
+++ b/packages/client/src/components/icons/IconDeleteRow.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconDeleteRow: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconDeleteRow: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconDeleteTable.tsx b/packages/client/src/components/icons/IconDeleteTable.tsx
index 733346bc..0b8374e9 100644
--- a/packages/client/src/components/icons/IconDeleteTable.tsx
+++ b/packages/client/src/components/icons/IconDeleteTable.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconDeleteTable: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconDeleteTable: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconDocument.tsx b/packages/client/src/components/icons/IconDocument.tsx
index 91a642da..cc8b159d 100644
--- a/packages/client/src/components/icons/IconDocument.tsx
+++ b/packages/client/src/components/icons/IconDocument.tsx
@@ -1,9 +1,7 @@
-import React from "react";
-import { Icon } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconDocument: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconDocument: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconDocumentFill.tsx b/packages/client/src/components/icons/IconDocumentFill.tsx
index 8a462e48..791c60ca 100644
--- a/packages/client/src/components/icons/IconDocumentFill.tsx
+++ b/packages/client/src/components/icons/IconDocumentFill.tsx
@@ -1,9 +1,7 @@
-import React from "react";
-import { Icon } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconDocumentFill: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconDocumentFill: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconEmoji.tsx b/packages/client/src/components/icons/IconEmoji.tsx
index 057832ee..61901ebf 100644
--- a/packages/client/src/components/icons/IconEmoji.tsx
+++ b/packages/client/src/components/icons/IconEmoji.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconEmoji: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconEmoji: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconFont.tsx b/packages/client/src/components/icons/IconFont.tsx
index dfb32ed5..8b6a0850 100644
--- a/packages/client/src/components/icons/IconFont.tsx
+++ b/packages/client/src/components/icons/IconFont.tsx
@@ -1,18 +1,11 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconFont: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconFont: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
       svg={
-        <svg
-          role="presentation"
-          width="24"
-          height="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
+        <svg role="presentation" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
           <path
             d="M14 12.5h-4l-.874 2.186A.5.5 0 0 1 8.66 15H7.273a.5.5 0 0 1-.456-.705l4.05-9A.5.5 0 0 1 11.323 5h1.354a.5.5 0 0 1 .456.295l4.05 9a.5.5 0 0 1-.456.705h-1.388a.5.5 0 0 1-.465-.314L14 12.5zm-.6-1.5L12 7.5 10.6 11h2.8z"
             fill="currentColor"
diff --git a/packages/client/src/components/icons/IconFull.tsx b/packages/client/src/components/icons/IconFull.tsx
index c5c61dbf..e7fb71d7 100644
--- a/packages/client/src/components/icons/IconFull.tsx
+++ b/packages/client/src/components/icons/IconFull.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconFull: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconFull: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconHalf.tsx b/packages/client/src/components/icons/IconHalf.tsx
index 2a8647d9..39e29d88 100644
--- a/packages/client/src/components/icons/IconHalf.tsx
+++ b/packages/client/src/components/icons/IconHalf.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconHalf: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconHalf: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconImage.tsx b/packages/client/src/components/icons/IconImage.tsx
index a7ae1973..fc7af1a5 100644
--- a/packages/client/src/components/icons/IconImage.tsx
+++ b/packages/client/src/components/icons/IconImage.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconImage: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconImage: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconInfo.tsx b/packages/client/src/components/icons/IconInfo.tsx
index 13e19779..43dfca46 100644
--- a/packages/client/src/components/icons/IconInfo.tsx
+++ b/packages/client/src/components/icons/IconInfo.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconInfo: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconInfo: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconLeft.tsx b/packages/client/src/components/icons/IconLeft.tsx
index 05254fd9..ed6e3aee 100644
--- a/packages/client/src/components/icons/IconLeft.tsx
+++ b/packages/client/src/components/icons/IconLeft.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconLeft: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconLeft: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconLink.tsx b/packages/client/src/components/icons/IconLink.tsx
index efc91bbb..78cba70b 100644
--- a/packages/client/src/components/icons/IconLink.tsx
+++ b/packages/client/src/components/icons/IconLink.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconLink: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconLink: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconMath.tsx b/packages/client/src/components/icons/IconMath.tsx
index c181db10..8d8458c2 100644
--- a/packages/client/src/components/icons/IconMath.tsx
+++ b/packages/client/src/components/icons/IconMath.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconMath: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconMath: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconMergeCell.tsx b/packages/client/src/components/icons/IconMergeCell.tsx
index d69b9da5..c162d109 100644
--- a/packages/client/src/components/icons/IconMergeCell.tsx
+++ b/packages/client/src/components/icons/IconMergeCell.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconMergeCell: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconMergeCell: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconMessage.tsx b/packages/client/src/components/icons/IconMessage.tsx
index fb4c0f9d..72a98bae 100644
--- a/packages/client/src/components/icons/IconMessage.tsx
+++ b/packages/client/src/components/icons/IconMessage.tsx
@@ -1,9 +1,7 @@
-import React from "react";
-import { Icon } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconMessage: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconMessage: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconMind.tsx b/packages/client/src/components/icons/IconMind.tsx
index ebd12931..c008ab02 100644
--- a/packages/client/src/components/icons/IconMind.tsx
+++ b/packages/client/src/components/icons/IconMind.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconMind: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconMind: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconOverview.tsx b/packages/client/src/components/icons/IconOverview.tsx
index ce49cdf1..35c3ed2b 100644
--- a/packages/client/src/components/icons/IconOverview.tsx
+++ b/packages/client/src/components/icons/IconOverview.tsx
@@ -1,9 +1,7 @@
-import React from "react";
-import { Icon } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconOverview: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconOverview: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconRight.tsx b/packages/client/src/components/icons/IconRight.tsx
index 4fadfba3..036c1b2c 100644
--- a/packages/client/src/components/icons/IconRight.tsx
+++ b/packages/client/src/components/icons/IconRight.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconRight: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconRight: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconSearch.tsx b/packages/client/src/components/icons/IconSearch.tsx
index c4e2e4bc..9010ed11 100644
--- a/packages/client/src/components/icons/IconSearch.tsx
+++ b/packages/client/src/components/icons/IconSearch.tsx
@@ -1,9 +1,7 @@
-import React from "react";
-import { Icon } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconSearch: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconSearch: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconSetting.tsx b/packages/client/src/components/icons/IconSetting.tsx
index a60f9e23..04b3c501 100644
--- a/packages/client/src/components/icons/IconSetting.tsx
+++ b/packages/client/src/components/icons/IconSetting.tsx
@@ -1,9 +1,7 @@
-import React from "react";
-import { Icon } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconSetting: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconSetting: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconShare.tsx b/packages/client/src/components/icons/IconShare.tsx
index 24c23f70..55ce7418 100644
--- a/packages/client/src/components/icons/IconShare.tsx
+++ b/packages/client/src/components/icons/IconShare.tsx
@@ -1,9 +1,7 @@
-import React from "react";
-import { Icon } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconShare: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconShare: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconSplitCell.tsx b/packages/client/src/components/icons/IconSplitCell.tsx
index c3145b6e..8cece0e7 100644
--- a/packages/client/src/components/icons/IconSplitCell.tsx
+++ b/packages/client/src/components/icons/IconSplitCell.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconSplitCell: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconSplitCell: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconStatus.tsx b/packages/client/src/components/icons/IconStatus.tsx
index 1d4b631c..473eb5e5 100644
--- a/packages/client/src/components/icons/IconStatus.tsx
+++ b/packages/client/src/components/icons/IconStatus.tsx
@@ -1,18 +1,12 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconStatus: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconStatus: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
       svg={
         <svg width="16" height="16" viewBox="0 0 256 256" role="presentation">
-          <g
-            transform="rotate(-45 100.071 47.645)"
-            fill="currentColor"
-            fill-rule="evenodd"
-          >
+          <g transform="rotate(-45 100.071 47.645)" fill="currentColor" fill-rule="evenodd">
             <path
               d="m44.625 4.22-47 46.951A26 26 0 0 0-10 69.566V190c0 14.36 11.64 26 26 26h94c14.36 0 26-11.64 26-26V69.566a26 26 0 0 0-7.625-18.395l-47-46.95c-10.151-10.14-26.599-10.14-36.75 0ZM67.24 18.37l47 46.95a6 6 0 0 1 1.76 4.246V190a6 6 0 0 1-6 6H16a6 6 0 0 1-6-6V69.566a6 6 0 0 1 1.76-4.245l47-46.95a6 6 0 0 1 8.48 0Z"
               fill-rule="nonzero"
diff --git a/packages/client/src/components/icons/IconTable.tsx b/packages/client/src/components/icons/IconTable.tsx
index f9271f81..83a0879d 100644
--- a/packages/client/src/components/icons/IconTable.tsx
+++ b/packages/client/src/components/icons/IconTable.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconTable: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconTable: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconTask.tsx b/packages/client/src/components/icons/IconTask.tsx
index a75e4bd9..35002acc 100644
--- a/packages/client/src/components/icons/IconTask.tsx
+++ b/packages/client/src/components/icons/IconTask.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconTask: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconTask: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconZoomIn.tsx b/packages/client/src/components/icons/IconZoomIn.tsx
index 0cda773e..9a4ba672 100644
--- a/packages/client/src/components/icons/IconZoomIn.tsx
+++ b/packages/client/src/components/icons/IconZoomIn.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconZoomIn: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconZoomIn: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/IconZoomOut.tsx b/packages/client/src/components/icons/IconZoomOut.tsx
index 223188be..a1a51127 100644
--- a/packages/client/src/components/icons/IconZoomOut.tsx
+++ b/packages/client/src/components/icons/IconZoomOut.tsx
@@ -1,8 +1,6 @@
-import { Icon } from "@douyinfe/semi-ui";
+import { Icon } from '@douyinfe/semi-ui';
 
-export const IconZoomOut: React.FC<{ style?: React.CSSProperties }> = ({
-  style = {},
-}) => {
+export const IconZoomOut: React.FC<{ style?: React.CSSProperties }> = ({ style = {} }) => {
   return (
     <Icon
       style={style}
diff --git a/packages/client/src/components/icons/index.tsx b/packages/client/src/components/icons/index.tsx
index cf2ace20..91f5e7de 100644
--- a/packages/client/src/components/icons/index.tsx
+++ b/packages/client/src/components/icons/index.tsx
@@ -1,36 +1,36 @@
-export * from "./IconDocument";
-export * from "./IconDocumentFill";
-export * from "./IconMessage";
-export * from "./IconOverview";
-export * from "./IconSetting";
-export * from "./IconShare";
-export * from "./IconLeft";
-export * from "./IconRight";
-export * from "./IconFull";
-export * from "./IconHalf";
-export * from "./IconCenter";
-export * from "./IconFont";
-export * from "./IconTask";
-export * from "./IconLink";
-export * from "./IconClear";
-export * from "./IconImage";
-export * from "./IconMind";
-export * from "./IconZoomIn";
-export * from "./IconZoomOut";
-export * from "./IconTable";
-export * from "./IconCodeBlock";
-export * from "./IconStatus";
-export * from "./IconInfo";
-export * from "./IconEmoji";
-export * from "./IconAddColumnBefore";
-export * from "./IconAddColumnAfter";
-export * from "./IconDeleteColumn";
-export * from "./IconAddRowBefore";
-export * from "./IconAddRowAfter";
-export * from "./IconDeleteRow";
-export * from "./IconDeleteTable";
-export * from "./IconMergeCell";
-export * from "./IconSplitCell";
-export * from "./IconAttachment";
-export * from "./IconMath";
-export * from "./IconSearch";
+export * from './IconDocument';
+export * from './IconDocumentFill';
+export * from './IconMessage';
+export * from './IconOverview';
+export * from './IconSetting';
+export * from './IconShare';
+export * from './IconLeft';
+export * from './IconRight';
+export * from './IconFull';
+export * from './IconHalf';
+export * from './IconCenter';
+export * from './IconFont';
+export * from './IconTask';
+export * from './IconLink';
+export * from './IconClear';
+export * from './IconImage';
+export * from './IconMind';
+export * from './IconZoomIn';
+export * from './IconZoomOut';
+export * from './IconTable';
+export * from './IconCodeBlock';
+export * from './IconStatus';
+export * from './IconInfo';
+export * from './IconEmoji';
+export * from './IconAddColumnBefore';
+export * from './IconAddColumnAfter';
+export * from './IconDeleteColumn';
+export * from './IconAddRowBefore';
+export * from './IconAddRowAfter';
+export * from './IconDeleteRow';
+export * from './IconDeleteTable';
+export * from './IconMergeCell';
+export * from './IconSplitCell';
+export * from './IconAttachment';
+export * from './IconMath';
+export * from './IconSearch';
diff --git a/packages/client/src/components/locale-time/index.tsx b/packages/client/src/components/locale-time/index.tsx
index 1c378929..56463d36 100644
--- a/packages/client/src/components/locale-time/index.tsx
+++ b/packages/client/src/components/locale-time/index.tsx
@@ -1,7 +1,7 @@
-import React, { useRef, useState, useEffect } from "react";
-import distanceInWords from "date-fns/formatDistance";
-import dateFormat from "date-fns/format";
-import zh from "date-fns/locale/zh-CN";
+import React, { useRef, useState, useEffect } from 'react';
+import distanceInWords from 'date-fns/formatDistance';
+import dateFormat from 'date-fns/format';
+import zh from 'date-fns/locale/zh-CN';
 
 let callbacks: Array<() => void> = [];
 
@@ -30,18 +30,14 @@ const getTimeago = (date: number | string | Date) => {
   });
 
   content = content
-    .replace("about", "")
-    .replace("less than a minute ago", "just now")
-    .replace("minute", "min");
+    .replace('about', '')
+    .replace('less than a minute ago', 'just now')
+    .replace('minute', 'min');
 
   return content;
 };
 
-export const LocaleTime: React.FC<Props> = ({
-  date,
-  timeago,
-  format = "yyyy-MM-dd HH:mm:ss",
-}) => {
+export const LocaleTime: React.FC<Props> = ({ date, timeago, format = 'yyyy-MM-dd HH:mm:ss' }) => {
   const [_, setMinutesMounted] = useState(0); // eslint-disable-line no-unused-vars
   const callback = useRef<() => void>();
 
@@ -59,7 +55,5 @@ export const LocaleTime: React.FC<Props> = ({
 
   const formated = dateFormat(new Date(date), format);
 
-  return (
-    <time dateTime={formated}>{timeago ? getTimeago(date) : formated}</time>
-  );
+  return <time dateTime={formated}>{timeago ? getTimeago(date) : formated}</time>;
 };
diff --git a/packages/client/src/components/logo/index.tsx b/packages/client/src/components/logo/index.tsx
index 209bacb7..05d41219 100644
--- a/packages/client/src/components/logo/index.tsx
+++ b/packages/client/src/components/logo/index.tsx
@@ -1,12 +1,12 @@
-import Link from "next/link";
-import { Typography } from "@douyinfe/semi-ui";
-import styles from "./index.module.scss";
+import Link from 'next/link';
+import { Typography } from '@douyinfe/semi-ui';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
 export const LogoImage = () => {
   return (
-    <Link href={"/"} as={"/"}>
+    <Link href={'/'} as={'/'}>
       <a style={{ width: 36, height: 36 }}>
         <svg
           viewBox="0 0 1024 1024"
@@ -39,7 +39,7 @@ export const LogoImage = () => {
 
 export const LogoText = () => {
   return (
-    <Link href={"/"} as={"/"}>
+    <Link href={'/'} as={'/'}>
       <a className={styles.wrap}>
         <Text>云策文档</Text>
       </a>
diff --git a/packages/client/src/components/message/Placeholder.tsx b/packages/client/src/components/message/Placeholder.tsx
index 51753a27..c74a08f8 100644
--- a/packages/client/src/components/message/Placeholder.tsx
+++ b/packages/client/src/components/message/Placeholder.tsx
@@ -1,4 +1,4 @@
-import { Skeleton } from "@douyinfe/semi-ui";
+import { Skeleton } from '@douyinfe/semi-ui';
 
 export const Placeholder = () => {
   return (
@@ -6,9 +6,7 @@ export const Placeholder = () => {
       placeholder={
         <>
           {Array.from({ length: 6 }).fill(
-            <Skeleton.Title
-              style={{ width: "100%", marginBottom: 12, marginTop: 12 }}
-            />
+            <Skeleton.Title style={{ width: '100%', marginBottom: 12, marginTop: 12 }} />
           )}
         </>
       }
diff --git a/packages/client/src/components/message/index.tsx b/packages/client/src/components/message/index.tsx
index bef8534c..565a4a37 100644
--- a/packages/client/src/components/message/index.tsx
+++ b/packages/client/src/components/message/index.tsx
@@ -1,5 +1,5 @@
-import React, { useEffect } from "react";
-import Link from "next/link";
+import React, { useEffect } from 'react';
+import Link from 'next/link';
 import {
   Typography,
   Dropdown,
@@ -9,18 +9,14 @@ import {
   TabPane,
   Pagination,
   Notification,
-} from "@douyinfe/semi-ui";
-import { IconMessage } from "components/icons/IconMessage";
-import {
-  useAllMessages,
-  useReadMessages,
-  useUnreadMessages,
-} from "data/message";
-import { EmptyBoxIllustration } from "illustrations/empty-box";
-import { DataRender } from "components/data-render";
-import { Empty } from "components/empty";
-import { Placeholder } from "./Placeholder";
-import styles from "./index.module.scss";
+} from '@douyinfe/semi-ui';
+import { IconMessage } from 'components/icons/IconMessage';
+import { useAllMessages, useReadMessages, useUnreadMessages } from 'data/message';
+import { EmptyBoxIllustration } from 'illustrations/empty-box';
+import { DataRender } from 'components/data-render';
+import { Empty } from 'components/empty';
+import { Placeholder } from './Placeholder';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 const PAGE_SIZE = 6;
@@ -49,7 +45,7 @@ const MessagesRender = ({
         return (
           <div
             className={styles.itemsWrap}
-            style={{ margin: "8px -16px" }}
+            style={{ margin: '8px -16px' }}
             onClick={(e) => {
               e.preventDefault();
               e.stopPropagation();
@@ -59,10 +55,7 @@ const MessagesRender = ({
               <>
                 {messages.map((msg) => {
                   return (
-                    <div
-                      className={styles.itemWrap}
-                      onClick={() => handleRead(msg.id)}
-                    >
+                    <div className={styles.itemWrap} onClick={() => handleRead(msg.id)}>
                       <Link href={msg.url}>
                         <a className={styles.item}>
                           <div className={styles.leftWrap}>
@@ -89,17 +82,14 @@ const MessagesRender = ({
                       total={total}
                       currentPage={page}
                       pageSize={PAGE_SIZE}
-                      style={{ textAlign: "center" }}
+                      style={{ textAlign: 'center' }}
                       onPageChange={onPageChange}
                     />
                   </div>
                 )}
               </>
             ) : (
-              <Empty
-                illustration={<EmptyBoxIllustration />}
-                message="暂无消息"
-              />
+              <Empty illustration={<EmptyBoxIllustration />} message="暂无消息" />
             )}
           </div>
         );
@@ -146,7 +136,7 @@ export const Message = () => {
     const msg = unreadMsgs.data[0];
 
     Notification.info({
-      title: "消息通知",
+      title: '消息通知',
       content: (
         <Link href={msg.url}>
           <a className={styles.item}>
@@ -178,17 +168,13 @@ export const Message = () => {
       position="bottomRight"
       trigger="click"
       content={
-        <div style={{ width: 300, padding: "16px 16px 0" }}>
+        <div style={{ width: 300, padding: '16px 16px 0' }}>
           <Tabs
             type="line"
             size="small"
             tabBarExtraContent={
               unreadMsgs && unreadMsgs.total > 0 ? (
-                <Text
-                  type="quaternary"
-                  onClick={clearAll}
-                  style={{ cursor: "pointer" }}
-                >
+                <Text type="quaternary" onClick={clearAll} style={{ cursor: 'pointer' }}>
                   全部已读
                 </Text>
               ) : null
diff --git a/packages/client/src/components/resizeable/index.tsx b/packages/client/src/components/resizeable/index.tsx
index 66a4609a..24035264 100644
--- a/packages/client/src/components/resizeable/index.tsx
+++ b/packages/client/src/components/resizeable/index.tsx
@@ -1 +1 @@
-export * from "./resizeable";
+export * from './resizeable';
diff --git a/packages/client/src/components/resizeable/resizeable.tsx b/packages/client/src/components/resizeable/resizeable.tsx
index fbe8668f..d67a6012 100644
--- a/packages/client/src/components/resizeable/resizeable.tsx
+++ b/packages/client/src/components/resizeable/resizeable.tsx
@@ -1,7 +1,7 @@
-import React, { useRef, useEffect } from "react";
-import { useClickOutside } from "hooks/use-click-outside";
-import interact from "interactjs";
-import styles from "./style.module.scss";
+import React, { useRef, useEffect } from 'react';
+import { useClickOutside } from 'hooks/use-click-outside';
+import interact from 'interactjs';
+import styles from './style.module.scss';
 
 interface IProps {
   width: number;
@@ -12,12 +12,7 @@ interface IProps {
 const MIN_WIDTH = 50;
 const MIN_HEIGHT = 50;
 
-export const Resizeable: React.FC<IProps> = ({
-  width,
-  height,
-  onChange,
-  children,
-}) => {
+export const Resizeable: React.FC<IProps> = ({ width, height, onChange, children }) => {
   const $container = useRef<HTMLDivElement>(null);
   const $topLeft = useRef<HTMLDivElement>(null);
   const $topRight = useRef<HTMLDivElement>(null);
@@ -67,24 +62,24 @@ export const Resizeable: React.FC<IProps> = ({
       style={{ width, height }}
     >
       <span
-        className={styles.resizer + " " + styles.topLeft}
+        className={styles.resizer + ' ' + styles.topLeft}
         ref={$topLeft}
-        data-type={"topLeft"}
+        data-type={'topLeft'}
       ></span>
       <span
-        className={styles.resizer + " " + styles.topRight}
+        className={styles.resizer + ' ' + styles.topRight}
         ref={$topRight}
-        data-type={"topRight"}
+        data-type={'topRight'}
       ></span>
       <span
-        className={styles.resizer + " " + styles.bottomLeft}
+        className={styles.resizer + ' ' + styles.bottomLeft}
         ref={$bottomLeft}
-        data-type={"bottomLeft"}
+        data-type={'bottomLeft'}
       ></span>
       <span
-        className={styles.resizer + " " + styles.bottomRight}
+        className={styles.resizer + ' ' + styles.bottomRight}
         ref={$bottomRight}
-        data-type={"bottomRight"}
+        data-type={'bottomRight'}
       ></span>
       {children}
     </div>
diff --git a/packages/client/src/components/search/index.tsx b/packages/client/src/components/search/index.tsx
index 0bddb5b2..56780180 100644
--- a/packages/client/src/components/search/index.tsx
+++ b/packages/client/src/components/search/index.tsx
@@ -38,10 +38,7 @@ const List: React.FC<{ data: IDocument[] }> = ({ data }) => {
                   <div className={styles.leftWrap}>
                     <IconDocumentFill style={{ marginRight: 12 }} />
                     <div>
-                      <Text
-                        ellipsis={{ showTooltip: true }}
-                        style={{ width: 180 }}
-                      >
+                      <Text ellipsis={{ showTooltip: true }} style={{ width: 180 }}>
                         {doc.title}
                       </Text>
 
@@ -100,12 +97,7 @@ export const Search = () => {
 
   return (
     <>
-      <Button
-        type="tertiary"
-        theme="borderless"
-        icon={<IconSearch />}
-        onClick={toggleVisible}
-      />
+      <Button type="tertiary" theme="borderless" icon={<IconSearch />} onClick={toggleVisible} />
       <Modal
         visible={visible}
         title="文档搜索"
@@ -126,12 +118,7 @@ export const Search = () => {
                 setKeyword(val);
               }}
               onEnterPress={search}
-              suffix={
-                <SemiIconSearch
-                  onClick={search}
-                  style={{ cursor: 'pointer' }}
-                />
-              }
+              suffix={<SemiIconSearch onClick={search} style={{ cursor: 'pointer' }} />}
               showClear
             />
           </div>
diff --git a/packages/client/src/components/seo.tsx b/packages/client/src/components/seo.tsx
index 3e4a5883..c66f1399 100644
--- a/packages/client/src/components/seo.tsx
+++ b/packages/client/src/components/seo.tsx
@@ -1,5 +1,5 @@
-import React from "react";
-import { Helmet } from "react-helmet";
+import React from 'react';
+import { Helmet } from 'react-helmet';
 
 interface IProps {
   title: string;
diff --git a/packages/client/src/components/template/card/index.tsx b/packages/client/src/components/template/card/index.tsx
index f9d128a2..2b901fd9 100644
--- a/packages/client/src/components/template/card/index.tsx
+++ b/packages/client/src/components/template/card/index.tsx
@@ -1,22 +1,14 @@
-import type { ITemplate } from "@think/domains";
-import { useCallback } from "react";
-import cls from "classnames";
-import Router from "next/router";
-import {
-  Button,
-  Space,
-  Typography,
-  Tooltip,
-  Avatar,
-  Skeleton,
-  Modal,
-} from "@douyinfe/semi-ui";
-import { IconEdit, IconUser, IconPlus } from "@douyinfe/semi-icons";
-import { IconDocument } from "components/icons/IconDocument";
-import { TemplateReader } from "components/template/reader";
-import { useUser } from "data/user";
-import styles from "./index.module.scss";
-import { useToggle } from "hooks/useToggle";
+import type { ITemplate } from '@think/domains';
+import { useCallback } from 'react';
+import cls from 'classnames';
+import Router from 'next/router';
+import { Button, Space, Typography, Tooltip, Avatar, Skeleton, Modal } from '@douyinfe/semi-ui';
+import { IconEdit, IconUser, IconPlus } from '@douyinfe/semi-icons';
+import { IconDocument } from 'components/icons/IconDocument';
+import { TemplateReader } from 'components/template/reader';
+import { useUser } from 'data/user';
+import styles from './index.module.scss';
+import { useToggle } from 'hooks/useToggle';
 
 const { Text } = Typography;
 
@@ -31,7 +23,7 @@ export interface IProps {
 export const TemplateCard: React.FC<IProps> = ({
   template,
   onClick,
-  getClassNames = (id) => "",
+  getClassNames = (id) => '',
   onOpenPreview,
   onClosePreview,
 }) => {
@@ -46,10 +38,10 @@ export const TemplateCard: React.FC<IProps> = ({
     <>
       <Modal
         title="模板预览"
-        width={"calc(100vh - 120px)"}
-        height={"calc(100vh - 120px)"}
+        width={'calc(100vh - 120px)'}
+        height={'calc(100vh - 120px)'}
         bodyStyle={{
-          overflow: "auto",
+          overflow: 'auto',
         }}
         visible={visible}
         onCancel={() => {
@@ -100,7 +92,7 @@ export const TemplateCard: React.FC<IProps> = ({
         </main>
         <footer>
           <Text type="tertiary" size="small">
-            <div style={{ display: "flex" }}>
+            <div style={{ display: 'flex' }}>
               已使用
               {template.usageAmount}次
             </div>
@@ -118,11 +110,7 @@ export const TemplateCard: React.FC<IProps> = ({
             预览
           </Button>
           {onClick && (
-            <Button
-              type="primary"
-              theme="solid"
-              onClick={() => onClick && onClick(template.id)}
-            >
+            <Button type="primary" theme="solid" onClick={() => onClick && onClick(template.id)}>
               使用
             </Button>
           )}
@@ -156,7 +144,7 @@ export const TemplateCardPlaceholder = () => {
       </main>
       <footer>
         <Text type="tertiary" size="small">
-          <div style={{ display: "flex" }}>
+          <div style={{ display: 'flex' }}>
             更新时间：
             <Skeleton.Paragraph rows={1} style={{ width: 100 }} />
           </div>
@@ -166,36 +154,33 @@ export const TemplateCardPlaceholder = () => {
   );
 };
 
-export const TemplateCardEmpty = ({
-  getClassNames = () => "",
-  onClick = () => {},
-}) => {
+export const TemplateCardEmpty = ({ getClassNames = () => '', onClick = () => {} }) => {
   return (
     <div className={cls(styles.cardWrap, getClassNames())} onClick={onClick}>
       <div
         style={{
           height: 131,
-          position: "relative",
+          position: 'relative',
         }}
       >
         <div
           style={{
-            position: "absolute",
-            left: "50%",
-            top: "50%",
+            position: 'absolute',
+            left: '50%',
+            top: '50%',
             transform: `translate(-50%, -50%)`,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
           }}
         >
-          <Text link style={{ textAlign: "center" }}>
+          <Text link style={{ textAlign: 'center' }}>
             <IconPlus
               style={{
                 width: 36,
                 height: 36,
                 fontSize: 36,
-                margin: "0 auto 12px",
+                margin: '0 auto 12px',
               }}
             />
           </Text>
diff --git a/packages/client/src/components/template/editor/editor.tsx b/packages/client/src/components/template/editor/editor.tsx
index 556d3a77..dd8c51f0 100644
--- a/packages/client/src/components/template/editor/editor.tsx
+++ b/packages/client/src/components/template/editor/editor.tsx
@@ -1,7 +1,7 @@
-import React, { useMemo, useCallback, useState, useEffect } from "react";
-import Router from "next/router";
-import cls from "classnames";
-import { useEditor, EditorContent } from "@tiptap/react";
+import React, { useMemo, useCallback, useState, useEffect } from 'react';
+import Router from 'next/router';
+import cls from 'classnames';
+import { useEditor, EditorContent } from '@tiptap/react';
 import {
   Button,
   Nav,
@@ -14,10 +14,10 @@ import {
   Popover,
   Popconfirm,
   BackTop,
-} from "@douyinfe/semi-ui";
-import { IconChevronLeft, IconArticle } from "@douyinfe/semi-icons";
-import { ILoginUser, ITemplate } from "@think/domains";
-import { Theme } from "components/theme";
+} from '@douyinfe/semi-ui';
+import { IconChevronLeft, IconArticle } from '@douyinfe/semi-icons';
+import { ILoginUser, ITemplate } from '@think/domains';
+import { Theme } from 'components/theme';
 import {
   DEFAULT_EXTENSION,
   DocumentWithTitle,
@@ -25,13 +25,13 @@ import {
   getProvider,
   MenuBar,
   Toc,
-} from "components/tiptap";
-import { DataRender } from "components/data-render";
-import { User } from "components/user";
-import { DocumentStyle } from "components/document/style";
-import { useDocumentStyle } from "hooks/useDocumentStyle";
-import { safeJSONParse } from "helpers/json";
-import styles from "./index.module.scss";
+} from 'components/tiptap';
+import { DataRender } from 'components/data-render';
+import { User } from 'components/user';
+import { DocumentStyle } from 'components/document/style';
+import { useDocumentStyle } from 'hooks/useDocumentStyle';
+import { safeJSONParse } from 'helpers/json';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
@@ -58,27 +58,21 @@ export const Editor: React.FC<IProps> = ({
     return getProvider({
       targetId: data.id,
       token: user.token,
-      cacheType: "READER",
+      cacheType: 'READER',
       user,
-      docType: "template",
+      docType: 'template',
     });
   }, [data, user.token]);
   const editor = useEditor({
     editable: true,
-    extensions: [
-      ...DEFAULT_EXTENSION,
-      DocumentWithTitle,
-      getCollaborationExtension(provider),
-    ],
+    extensions: [...DEFAULT_EXTENSION, DocumentWithTitle, getCollaborationExtension(provider)],
     content: safeJSONParse(data && data.content),
   });
 
   const [isPublic, setPublic] = useState(false);
   const { width, fontSize } = useDocumentStyle();
   const editorWrapClassNames = useMemo(() => {
-    return width === "standardWidth"
-      ? styles.isStandardWidth
-      : styles.isFullWidth;
+    return width === 'standardWidth' ? styles.isStandardWidth : styles.isFullWidth;
   }, [width]);
 
   const goback = useCallback(() => {
@@ -100,7 +94,7 @@ export const Editor: React.FC<IProps> = ({
     <div className={styles.wrap}>
       <header>
         <Nav
-          style={{ overflow: "auto" }}
+          style={{ overflow: 'auto' }}
           mode="horizontal"
           header={
             <DataRender
@@ -109,9 +103,7 @@ export const Editor: React.FC<IProps> = ({
               loadingContent={
                 <Skeleton
                   active
-                  placeholder={
-                    <Skeleton.Title style={{ width: 80, marginBottom: 8 }} />
-                  }
+                  placeholder={<Skeleton.Title style={{ width: 80, marginBottom: 8 }} />}
                   loading={true}
                 />
               }
@@ -124,11 +116,7 @@ export const Editor: React.FC<IProps> = ({
                       style={{ marginRight: 16 }}
                     />
                   </Tooltip>
-                  <Text
-                    strong
-                    ellipsis={{ showTooltip: true }}
-                    style={{ width: 120 }}
-                  >
+                  <Text strong ellipsis={{ showTooltip: true }} style={{ width: 120 }}>
                     {data.title}
                   </Text>
                 </>
@@ -137,25 +125,11 @@ export const Editor: React.FC<IProps> = ({
           }
           footer={
             <Space>
-              <Popover
-                key="style"
-                zIndex={1061}
-                position="bottomLeft"
-                content={<DocumentStyle />}
-              >
-                <Button
-                  icon={<IconArticle />}
-                  theme="borderless"
-                  type="tertiary"
-                />
+              <Popover key="style" zIndex={1061} position="bottomLeft" content={<DocumentStyle />}>
+                <Button icon={<IconArticle />} theme="borderless" type="tertiary" />
               </Popover>
-              <Tooltip
-                position="bottom"
-                content={isPublic ? "公开模板" : "个人模板"}
-              >
-                <Switch
-                  onChange={(v) => updateTemplate({ isPublic: v })}
-                ></Switch>
+              <Tooltip position="bottom" content={isPublic ? '公开模板' : '个人模板'}>
+                <Switch onChange={(v) => updateTemplate({ isPublic: v })}></Switch>
               </Tooltip>
               <Popconfirm
                 title="删除模板"
@@ -194,11 +168,7 @@ export const Editor: React.FC<IProps> = ({
                   >
                     <EditorContent editor={editor} />
                   </div>
-                  <BackTop
-                    target={() =>
-                      document.querySelector("#js-template-editor-container")
-                    }
-                  />
+                  <BackTop target={() => document.querySelector('#js-template-editor-container')} />
                 </main>
               </div>
             );
diff --git a/packages/client/src/components/template/editor/index.tsx b/packages/client/src/components/template/editor/index.tsx
index 3e2293e9..7fbe41f0 100644
--- a/packages/client/src/components/template/editor/index.tsx
+++ b/packages/client/src/components/template/editor/index.tsx
@@ -1,10 +1,10 @@
-import React from "react";
-import { Spin } from "@douyinfe/semi-ui";
-import { useUser } from "data/user";
-import { Seo } from "components/seo";
-import { DataRender } from "components/data-render";
-import { useTemplate } from "data/template";
-import { Editor } from "./editor";
+import React from 'react';
+import { Spin } from '@douyinfe/semi-ui';
+import { useUser } from 'data/user';
+import { Seo } from 'components/seo';
+import { DataRender } from 'components/data-render';
+import { useTemplate } from 'data/template';
+import { Editor } from './editor';
 
 interface IProps {
   templateId: string;
@@ -12,8 +12,7 @@ interface IProps {
 
 export const TemplateEditor: React.FC<IProps> = ({ templateId }) => {
   const { user } = useUser();
-  const { data, loading, error, updateTemplate, deleteTemplate } =
-    useTemplate(templateId);
+  const { data, loading, error, updateTemplate, deleteTemplate } = useTemplate(templateId);
 
   return (
     <DataRender
diff --git a/packages/client/src/components/template/list/index.tsx b/packages/client/src/components/template/list/index.tsx
index ff473665..3d5d9539 100644
--- a/packages/client/src/components/template/list/index.tsx
+++ b/packages/client/src/components/template/list/index.tsx
@@ -1,12 +1,12 @@
-import React, { useState, useMemo } from "react";
-import { List, Pagination } from "@douyinfe/semi-ui";
-import { DataRender } from "components/data-render";
+import React, { useState, useMemo } from 'react';
+import { List, Pagination } from '@douyinfe/semi-ui';
+import { DataRender } from 'components/data-render';
 import {
   IProps as ITemplateCardProps,
   TemplateCardPlaceholder,
   TemplateCard,
-} from "components/template/card";
-import { Empty } from "components/empty";
+} from 'components/template/card';
+import { Empty } from 'components/empty';
 
 const grid = {
   gutter: 16,
@@ -17,7 +17,7 @@ const grid = {
   xl: 8,
 };
 
-interface IProps extends Omit<ITemplateCardProps, "template"> {
+interface IProps extends Omit<ITemplateCardProps, 'template'> {
   // TODO: 修复类型
   hook: any;
   firstListItem?: React.ReactNode;
@@ -81,15 +81,15 @@ export const TemplateList: React.FC<IProps> = ({
                 </List.Item>
               );
             }}
-            emptyContent={<Empty message={"暂无模板"} />}
+            emptyContent={<Empty message={'暂无模板'} />}
           ></List>
           {data.data.length > pageSize ? (
             <Pagination
               size="small"
               style={{
-                width: "100%",
-                flexBasis: "100%",
-                justifyContent: "center",
+                width: '100%',
+                flexBasis: '100%',
+                justifyContent: 'center',
               }}
               pageSize={pageSize}
               total={data.data.length}
diff --git a/packages/client/src/components/template/reader/editor.tsx b/packages/client/src/components/template/reader/editor.tsx
index e67059ef..fb7b6475 100644
--- a/packages/client/src/components/template/reader/editor.tsx
+++ b/packages/client/src/components/template/reader/editor.tsx
@@ -1,13 +1,13 @@
-import React, { useMemo } from "react";
-import cls from "classnames";
-import { useEditor, EditorContent } from "@tiptap/react";
-import { Layout, Spin, Typography } from "@douyinfe/semi-ui";
-import { IUser, ITemplate } from "@think/domains";
-import { DEFAULT_EXTENSION, DocumentWithTitle } from "components/tiptap";
-import { DataRender } from "components/data-render";
-import { useDocumentStyle } from "hooks/useDocumentStyle";
-import { safeJSONParse } from "helpers/json";
-import styles from "./index.module.scss";
+import React, { useMemo } from 'react';
+import cls from 'classnames';
+import { useEditor, EditorContent } from '@tiptap/react';
+import { Layout, Spin, Typography } from '@douyinfe/semi-ui';
+import { IUser, ITemplate } from '@think/domains';
+import { DEFAULT_EXTENSION, DocumentWithTitle } from 'components/tiptap';
+import { DataRender } from 'components/data-render';
+import { useDocumentStyle } from 'hooks/useDocumentStyle';
+import { safeJSONParse } from 'helpers/json';
+import styles from './index.module.scss';
 
 const { Content } = Layout;
 const { Title } = Typography;
@@ -27,7 +27,7 @@ export const Editor: React.FC<IProps> = ({ user, data, loading, error }) => {
 
   if (json && json.content) {
     json = {
-      type: "doc",
+      type: 'doc',
       content: json.content.slice(1),
     };
   }
@@ -40,9 +40,7 @@ export const Editor: React.FC<IProps> = ({ user, data, loading, error }) => {
 
   const { width, fontSize } = useDocumentStyle();
   const editorWrapClassNames = useMemo(() => {
-    return width === "standardWidth"
-      ? styles.isStandardWidth
-      : styles.isFullWidth;
+    return width === 'standardWidth' ? styles.isStandardWidth : styles.isFullWidth;
   }, [width]);
 
   return (
diff --git a/packages/client/src/components/template/reader/index.tsx b/packages/client/src/components/template/reader/index.tsx
index 348a9e98..759a1f75 100644
--- a/packages/client/src/components/template/reader/index.tsx
+++ b/packages/client/src/components/template/reader/index.tsx
@@ -1,10 +1,10 @@
-import React from "react";
-import { Spin } from "@douyinfe/semi-ui";
-import { useUser } from "data/user";
-import { Seo } from "components/seo";
-import { DataRender } from "components/data-render";
-import { useTemplate } from "data/template";
-import { Editor } from "./editor";
+import React from 'react';
+import { Spin } from '@douyinfe/semi-ui';
+import { useUser } from 'data/user';
+import { Seo } from 'components/seo';
+import { DataRender } from 'components/data-render';
+import { useTemplate } from 'data/template';
+import { Editor } from './editor';
 
 interface IProps {
   templateId: string;
diff --git a/packages/client/src/components/theme/index.tsx b/packages/client/src/components/theme/index.tsx
index 08834f91..395aeda0 100644
--- a/packages/client/src/components/theme/index.tsx
+++ b/packages/client/src/components/theme/index.tsx
@@ -1,20 +1,16 @@
-import React, { useEffect, useState } from "react";
-import { Button, Tooltip } from "@douyinfe/semi-ui";
-import { IconSun, IconMoon } from "@douyinfe/semi-icons";
-import { useTheme } from "hooks/useTheme";
+import React, { useEffect, useState } from 'react';
+import { Button, Tooltip } from '@douyinfe/semi-ui';
+import { IconSun, IconMoon } from '@douyinfe/semi-icons';
+import { useTheme } from 'hooks/useTheme';
 
 export const Theme = () => {
   const { theme, toggle } = useTheme();
-  const Icon = theme === "dark" ? IconSun : IconMoon;
-  const text = theme === "dark" ? "切换到亮色模式" : "切换到深色模式";
+  const Icon = theme === 'dark' ? IconSun : IconMoon;
+  const text = theme === 'dark' ? '切换到亮色模式' : '切换到深色模式';
 
   return (
     <Tooltip content={text} position="bottom">
-      <Button
-        onClick={toggle}
-        icon={<Icon style={{ fontSize: 20 }} />}
-        theme="borderless"
-      ></Button>
+      <Button onClick={toggle} icon={<Icon style={{ fontSize: 20 }} />} theme="borderless"></Button>
     </Tooltip>
   );
 };
diff --git a/packages/client/src/components/tiptap/base-kit.tsx b/packages/client/src/components/tiptap/base-kit.tsx
index 2a89ad2f..ebdef190 100644
--- a/packages/client/src/components/tiptap/base-kit.tsx
+++ b/packages/client/src/components/tiptap/base-kit.tsx
@@ -1,57 +1,57 @@
-import { Document, TitledDocument, Title } from "./extensions/title";
-import Placeholder from "@tiptap/extension-placeholder";
-import Paragraph from "@tiptap/extension-paragraph";
-import Text from "@tiptap/extension-text";
-import Strike from "@tiptap/extension-strike";
-import Underline from "@tiptap/extension-underline";
-import TextStyle from "@tiptap/extension-text-style";
-import { Color } from "@tiptap/extension-color";
-import Blockquote from "@tiptap/extension-blockquote";
-import Bold from "@tiptap/extension-bold";
-import Code from "@tiptap/extension-code";
-import Highlight from "@tiptap/extension-highlight";
-import TextAlign from "@tiptap/extension-text-align";
-import Dropcursor from "@tiptap/extension-dropcursor";
-import Gapcursor from "@tiptap/extension-gapcursor";
-import HardBreak from "@tiptap/extension-hard-break";
-import Heading from "@tiptap/extension-heading";
-import Italic from "@tiptap/extension-italic";
-import OrderedList from "@tiptap/extension-ordered-list";
-import BulletList from "@tiptap/extension-bullet-list";
-import ListItem from "@tiptap/extension-list-item";
-import TaskList from "@tiptap/extension-task-list";
-import TaskItem from "@tiptap/extension-task-item";
-import { HorizontalRule } from "./extensions/horizontal-rule";
-import { BackgroundColor } from "./extensions/background-color";
-import { Link } from "./extensions/link";
-import { FontSize } from "./extensions/font-size";
-import { ColorHighlighter } from "./extensions/color-highlight";
-import { Indent } from "./extensions/indent";
-import { Div } from "./extensions/div";
-import { Banner } from "./extensions/banner";
-import { CodeBlock } from "./extensions/code-block";
-import { Iframe } from "./extensions/iframe";
-import { Mind } from "./extensions/mind";
-import { Image } from "./extensions/image";
-import { Status } from "./extensions/status";
-import { Paste } from "./extensions/paste";
-import { Table, TableRow, TableCell, TableHeader } from "./extensions/table";
-import { Toc } from "./extensions/toc";
-import { TrailingNode } from "./extensions/trailing-node";
-import { Attachment } from "./extensions/attachment";
-import { Katex } from "./extensions/katex";
-import { DocumentReference } from "./extensions/documents/reference";
-import { DocumentChildren } from "./extensions/documents/children";
+import { Document, TitledDocument, Title } from './extensions/title';
+import Placeholder from '@tiptap/extension-placeholder';
+import Paragraph from '@tiptap/extension-paragraph';
+import Text from '@tiptap/extension-text';
+import Strike from '@tiptap/extension-strike';
+import Underline from '@tiptap/extension-underline';
+import TextStyle from '@tiptap/extension-text-style';
+import { Color } from '@tiptap/extension-color';
+import Blockquote from '@tiptap/extension-blockquote';
+import Bold from '@tiptap/extension-bold';
+import Code from '@tiptap/extension-code';
+import Highlight from '@tiptap/extension-highlight';
+import TextAlign from '@tiptap/extension-text-align';
+import Dropcursor from '@tiptap/extension-dropcursor';
+import Gapcursor from '@tiptap/extension-gapcursor';
+import HardBreak from '@tiptap/extension-hard-break';
+import Heading from '@tiptap/extension-heading';
+import Italic from '@tiptap/extension-italic';
+import OrderedList from '@tiptap/extension-ordered-list';
+import BulletList from '@tiptap/extension-bullet-list';
+import ListItem from '@tiptap/extension-list-item';
+import TaskList from '@tiptap/extension-task-list';
+import TaskItem from '@tiptap/extension-task-item';
+import { HorizontalRule } from './extensions/horizontal-rule';
+import { BackgroundColor } from './extensions/background-color';
+import { Link } from './extensions/link';
+import { FontSize } from './extensions/font-size';
+import { ColorHighlighter } from './extensions/color-highlight';
+import { Indent } from './extensions/indent';
+import { Div } from './extensions/div';
+import { Banner } from './extensions/banner';
+import { CodeBlock } from './extensions/code-block';
+import { Iframe } from './extensions/iframe';
+import { Mind } from './extensions/mind';
+import { Image } from './extensions/image';
+import { Status } from './extensions/status';
+import { Paste } from './extensions/paste';
+import { Table, TableRow, TableCell, TableHeader } from './extensions/table';
+import { Toc } from './extensions/toc';
+import { TrailingNode } from './extensions/trailing-node';
+import { Attachment } from './extensions/attachment';
+import { Katex } from './extensions/katex';
+import { DocumentReference } from './extensions/documents/reference';
+import { DocumentChildren } from './extensions/documents/children';
 
 export { Document, TitledDocument };
 
 export const BaseExtension = [
   Placeholder.configure({
     placeholder: ({ node }) => {
-      if (node.type.name === "title") {
-        return "请输入标题";
+      if (node.type.name === 'title') {
+        return '请输入标题';
       }
-      return "请输入内容";
+      return '请输入内容';
     },
     showOnlyWhenEditable: true,
   }),
@@ -80,7 +80,7 @@ export const BaseExtension = [
   }),
   Highlight.configure({ multicolor: true }),
   TextAlign.configure({
-    types: ["heading", "paragraph", "image"],
+    types: ['heading', 'paragraph', 'image'],
   }),
   Link.configure({ openOnClick: false }),
   Blockquote,
diff --git a/packages/client/src/components/tiptap/components/bubble-menu/bubble-menu-plugin.tsx b/packages/client/src/components/tiptap/components/bubble-menu/bubble-menu-plugin.tsx
index 18bf66fb..e36ead4a 100644
--- a/packages/client/src/components/tiptap/components/bubble-menu/bubble-menu-plugin.tsx
+++ b/packages/client/src/components/tiptap/components/bubble-menu/bubble-menu-plugin.tsx
@@ -1,12 +1,7 @@
-import {
-  Editor,
-  posToDOMRect,
-  isTextSelection,
-  isNodeSelection,
-} from "@tiptap/core";
-import { EditorState, Plugin, PluginKey } from "prosemirror-state";
-import { EditorView } from "prosemirror-view";
-import tippy, { Instance, Props } from "tippy.js";
+import { Editor, posToDOMRect, isTextSelection, isNodeSelection } from '@tiptap/core';
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import tippy, { Instance, Props } from 'tippy.js';
 
 export interface BubbleMenuPluginProps {
   pluginKey: PluginKey | string;
@@ -46,9 +41,9 @@ export class BubbleMenuView {
 
   public renderContainerSelector?: string;
 
-  public matchRenderContainer?: BubbleMenuPluginProps["matchRenderContainer"];
+  public matchRenderContainer?: BubbleMenuPluginProps['matchRenderContainer'];
 
-  public shouldShow: Exclude<BubbleMenuPluginProps["shouldShow"], null> = ({
+  public shouldShow: Exclude<BubbleMenuPluginProps['shouldShow'], null> = ({
     view,
     state,
     from,
@@ -60,8 +55,7 @@ export class BubbleMenuView {
     // Sometime check for `empty` is not enough.
     // Doubleclick an empty paragraph returns a node size of 2.
     // So we check also for an empty text size.
-    const isEmptyTextBlock =
-      !doc.textBetween(from, to).length && isTextSelection(state.selection);
+    const isEmptyTextBlock = !doc.textBetween(from, to).length && isTextSelection(state.selection);
 
     if (!view.hasFocus() || empty || isEmptyTextBlock) {
       return false;
@@ -89,16 +83,16 @@ export class BubbleMenuView {
       this.shouldShow = shouldShow;
     }
 
-    this.element.addEventListener("mousedown", this.mousedownHandler, {
+    this.element.addEventListener('mousedown', this.mousedownHandler, {
       capture: true,
     });
-    this.view.dom.addEventListener("dragstart", this.dragstartHandler);
-    this.editor.on("focus", this.focusHandler);
-    this.editor.on("blur", this.blurHandler);
+    this.view.dom.addEventListener('dragstart', this.dragstartHandler);
+    this.editor.on('focus', this.focusHandler);
+    this.editor.on('blur', this.blurHandler);
     this.tippyOptions = tippyOptions;
     // Detaches menu content from its current parent
     this.element.remove();
-    this.element.style.visibility = "visible";
+    this.element.style.visibility = 'visible';
   }
 
   mousedownHandler = () => {
@@ -121,10 +115,7 @@ export class BubbleMenuView {
       return;
     }
 
-    if (
-      event?.relatedTarget &&
-      this.element.parentNode?.contains(event.relatedTarget as Node)
-    ) {
+    if (event?.relatedTarget && this.element.parentNode?.contains(event.relatedTarget as Node)) {
       return;
     }
 
@@ -144,28 +135,24 @@ export class BubbleMenuView {
       getReferenceClientRect: null,
       content: this.element,
       interactive: true,
-      trigger: "manual",
-      placement: "top",
-      hideOnClick: "toggle",
+      trigger: 'manual',
+      placement: 'top',
+      hideOnClick: 'toggle',
       ...this.tippyOptions,
     });
 
     // maybe we have to hide tippy on its own blur event as well
     if (this.tippy.popper.firstChild) {
-      (this.tippy.popper.firstChild as HTMLElement).addEventListener(
-        "blur",
-        (event) => {
-          this.blurHandler({ event });
-        }
-      );
+      (this.tippy.popper.firstChild as HTMLElement).addEventListener('blur', (event) => {
+        this.blurHandler({ event });
+      });
     }
   }
 
   update(view: EditorView, oldState?: EditorState) {
     const { state, composing } = view;
     const { doc, selection } = state;
-    const isSame =
-      oldState && oldState.doc.eq(doc) && oldState.selection.eq(selection);
+    const isSame = oldState && oldState.doc.eq(doc) && oldState.selection.eq(selection);
 
     if (composing || isSame) {
       return;
@@ -242,21 +229,19 @@ export class BubbleMenuView {
 
   destroy() {
     this.tippy?.destroy();
-    this.element.removeEventListener("mousedown", this.mousedownHandler, {
+    this.element.removeEventListener('mousedown', this.mousedownHandler, {
       capture: true,
     });
-    this.view.dom.removeEventListener("dragstart", this.dragstartHandler);
-    this.editor.off("focus", this.focusHandler);
-    this.editor.off("blur", this.blurHandler);
+    this.view.dom.removeEventListener('dragstart', this.dragstartHandler);
+    this.editor.off('focus', this.focusHandler);
+    this.editor.off('blur', this.blurHandler);
   }
 }
 
 export const BubbleMenuPlugin = (options: BubbleMenuPluginProps) => {
   return new Plugin({
     key:
-      typeof options.pluginKey === "string"
-        ? new PluginKey(options.pluginKey)
-        : options.pluginKey,
+      typeof options.pluginKey === 'string' ? new PluginKey(options.pluginKey) : options.pluginKey,
     view: (view) => new BubbleMenuView({ view, ...options }),
   });
 };
diff --git a/packages/client/src/components/tiptap/components/bubble-menu/index.tsx b/packages/client/src/components/tiptap/components/bubble-menu/index.tsx
index 77a42a79..265d0577 100644
--- a/packages/client/src/components/tiptap/components/bubble-menu/index.tsx
+++ b/packages/client/src/components/tiptap/components/bubble-menu/index.tsx
@@ -1,12 +1,9 @@
-import React, { useEffect, useState } from "react";
-import { BubbleMenuPlugin, BubbleMenuPluginProps } from "./bubble-menu-plugin";
+import React, { useEffect, useState } from 'react';
+import { BubbleMenuPlugin, BubbleMenuPluginProps } from './bubble-menu-plugin';
 
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 
-export type BubbleMenuProps = Omit<
-  Optional<BubbleMenuPluginProps, "pluginKey">,
-  "element"
-> & {
+export type BubbleMenuProps = Omit<Optional<BubbleMenuPluginProps, 'pluginKey'>, 'element'> & {
   className?: string;
 };
 
@@ -23,7 +20,7 @@ export const BubbleMenu: React.FC<BubbleMenuProps> = (props) => {
     }
 
     const {
-      pluginKey = "bubbleMenu",
+      pluginKey = 'bubbleMenu',
       editor,
       tippyOptions = {},
       shouldShow = null,
@@ -46,11 +43,7 @@ export const BubbleMenu: React.FC<BubbleMenuProps> = (props) => {
   }, [props.editor, element]);
 
   return (
-    <div
-      ref={setElement}
-      className={props.className}
-      style={{ visibility: "hidden" }}
-    >
+    <div ref={setElement} className={props.className} style={{ visibility: 'hidden' }}>
       {props.children}
     </div>
   );
diff --git a/packages/client/src/components/tiptap/components/color.tsx b/packages/client/src/components/tiptap/components/color.tsx
index aac7775a..1290c4fc 100644
--- a/packages/client/src/components/tiptap/components/color.tsx
+++ b/packages/client/src/components/tiptap/components/color.tsx
@@ -1,52 +1,47 @@
-import React from "react";
-import { Dropdown } from "@douyinfe/semi-ui";
-import styles from "./style.module.scss";
+import React from 'react';
+import { Dropdown } from '@douyinfe/semi-ui';
+import styles from './style.module.scss';
 
 const colors = [
-  "rgb(23, 43, 77)",
-  "rgb(7, 71, 166)",
-  "rgb(0, 141, 166)",
-  "rgb(0, 102, 68)",
-  "rgb(255, 153, 31)",
-  "rgb(191, 38, 0)",
-  "rgb(64, 50, 148)",
-  "rgb(151, 160, 175)",
-  "rgb(76, 154, 255)",
-  "rgb(0, 184, 217)",
-  "rgb(54, 179, 126)",
-  "rgb(255, 196, 0)",
-  "rgb(255, 86, 48)",
-  "rgb(101, 84, 192)",
-  "rgb(255, 255, 255)",
-  "rgb(179, 212, 255)",
-  "rgb(179, 245, 255)",
-  "rgb(171, 245, 209)",
-  "rgb(255, 240, 179)",
-  "rgb(255, 189, 173)",
-  "rgb(234, 230, 255)",
+  'rgb(23, 43, 77)',
+  'rgb(7, 71, 166)',
+  'rgb(0, 141, 166)',
+  'rgb(0, 102, 68)',
+  'rgb(255, 153, 31)',
+  'rgb(191, 38, 0)',
+  'rgb(64, 50, 148)',
+  'rgb(151, 160, 175)',
+  'rgb(76, 154, 255)',
+  'rgb(0, 184, 217)',
+  'rgb(54, 179, 126)',
+  'rgb(255, 196, 0)',
+  'rgb(255, 86, 48)',
+  'rgb(101, 84, 192)',
+  'rgb(255, 255, 255)',
+  'rgb(179, 212, 255)',
+  'rgb(179, 245, 255)',
+  'rgb(171, 245, 209)',
+  'rgb(255, 240, 179)',
+  'rgb(255, 189, 173)',
+  'rgb(234, 230, 255)',
 ];
 
 export const Color: React.FC<{
   onSetColor;
   disabled?: boolean;
 }> = ({ children, onSetColor, disabled = false }) => {
-  if (disabled)
-    return <span style={{ display: "inline-block" }}>{children}</span>;
+  if (disabled) return <span style={{ display: 'inline-block' }}>{children}</span>;
 
   return (
     <Dropdown
       zIndex={10000}
       trigger="click"
-      position={"bottom"}
+      position={'bottom'}
       render={
         <div className={styles.colorWrap}>
           {colors.map((color) => {
             return (
-              <div
-                key={color}
-                className={styles.colorItem}
-                onClick={() => onSetColor(color)}
-              >
+              <div key={color} className={styles.colorItem} onClick={() => onSetColor(color)}>
                 <span style={{ backgroundColor: color }}></span>
               </div>
             );
@@ -54,7 +49,7 @@ export const Color: React.FC<{
         </div>
       }
     >
-      <span style={{ display: "inline-block" }}>{children}</span>
+      <span style={{ display: 'inline-block' }}>{children}</span>
     </Dropdown>
   );
 };
diff --git a/packages/client/src/components/tiptap/components/divider.tsx b/packages/client/src/components/tiptap/components/divider.tsx
index 02913772..6ce90844 100644
--- a/packages/client/src/components/tiptap/components/divider.tsx
+++ b/packages/client/src/components/tiptap/components/divider.tsx
@@ -2,11 +2,11 @@ export const Divider = () => {
   return (
     <div
       style={{
-        display: "inline-block",
+        display: 'inline-block',
         width: 1,
         height: 24,
-        margin: "0 6px",
-        backgroundColor: "var(--semi-color-border)",
+        margin: '0 6px',
+        backgroundColor: 'var(--semi-color-border)',
       }}
     ></div>
   );
diff --git a/packages/client/src/components/tiptap/extensions/attachment/index.tsx b/packages/client/src/components/tiptap/extensions/attachment/index.tsx
index 441df346..f4dde65d 100644
--- a/packages/client/src/components/tiptap/extensions/attachment/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/attachment/index.tsx
@@ -1,13 +1,9 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { Button, Tooltip } from "@douyinfe/semi-ui";
-import { IconDownload } from "@douyinfe/semi-icons";
-import { download } from "../../utils/download";
-import styles from "./index.module.scss";
+import { Node, mergeAttributes } from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { Button, Tooltip } from '@douyinfe/semi-ui';
+import { IconDownload } from '@douyinfe/semi-icons';
+import { download } from '../../utils/download';
+import styles from './index.module.scss';
 
 const Render = ({ node }) => {
   const { name, url } = node.attrs;
@@ -19,7 +15,7 @@ const Render = ({ node }) => {
         <span>
           <Tooltip zIndex={10000} content="下载">
             <Button
-              theme={"borderless"}
+              theme={'borderless'}
               type="tertiary"
               icon={<IconDownload />}
               onClick={() => download(url, name)}
@@ -33,27 +29,24 @@ const Render = ({ node }) => {
 };
 
 export const Attachment = Node.create({
-  name: "attachment",
-  group: "block",
+  name: 'attachment',
+  group: 'block',
   draggable: true,
 
   addOptions() {
     return {
       HTMLAttributes: {
-        class: "attachment",
+        class: 'attachment',
       },
     };
   },
 
   parseHTML() {
-    return [{ tag: "div[class=attachment]" }];
+    return [{ tag: 'div[class=attachment]' }];
   },
 
   renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-    ];
+    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   },
 
   addAttributes() {
diff --git a/packages/client/src/components/tiptap/extensions/background-color.tsx b/packages/client/src/components/tiptap/extensions/background-color.tsx
index 802c7388..f748e5c3 100644
--- a/packages/client/src/components/tiptap/extensions/background-color.tsx
+++ b/packages/client/src/components/tiptap/extensions/background-color.tsx
@@ -1,11 +1,11 @@
-import { Extension } from "@tiptap/core";
-import "@tiptap/extension-text-style";
+import { Extension } from '@tiptap/core';
+import '@tiptap/extension-text-style';
 
 export type ColorOptions = {
   types: string[];
 };
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands<ReturnType> {
     backgroundColor: {
       /**
@@ -21,11 +21,11 @@ declare module "@tiptap/core" {
 }
 
 export const BackgroundColor = Extension.create<ColorOptions>({
-  name: "backgroundColor",
+  name: 'backgroundColor',
 
   addOptions() {
     return {
-      types: ["textStyle"],
+      types: ['textStyle'],
     };
   },
 
@@ -36,8 +36,7 @@ export const BackgroundColor = Extension.create<ColorOptions>({
         attributes: {
           backgroundColor: {
             default: null,
-            parseHTML: (element) =>
-              element.style.backgroundColor.replace(/['"]+/g, ""),
+            parseHTML: (element) => element.style.backgroundColor.replace(/['"]+/g, ''),
             renderHTML: (attributes) => {
               if (!attributes.backgroundColor) {
                 return {};
@@ -58,13 +57,13 @@ export const BackgroundColor = Extension.create<ColorOptions>({
       setBackgroundColor:
         (color) =>
         ({ chain }) => {
-          return chain().setMark("textStyle", { backgroundColor: color }).run();
+          return chain().setMark('textStyle', { backgroundColor: color }).run();
         },
       unsetBackgroundColor:
         () =>
         ({ chain }) => {
           return chain()
-            .setMark("textStyle", { backgroundColor: null })
+            .setMark('textStyle', { backgroundColor: null })
             .removeEmptyTextStyle()
             .run();
         },
diff --git a/packages/client/src/components/tiptap/extensions/banner/index.tsx b/packages/client/src/components/tiptap/extensions/banner/index.tsx
index 81a26570..6ef49d77 100644
--- a/packages/client/src/components/tiptap/extensions/banner/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/banner/index.tsx
@@ -1,13 +1,9 @@
-import { Node, Command, mergeAttributes } from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { Banner as SemiBanner } from "@douyinfe/semi-ui";
-import styles from "./index.module.scss";
+import { Node, Command, mergeAttributes } from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { Banner as SemiBanner } from '@douyinfe/semi-ui';
+import styles from './index.module.scss';
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands {
     banner: {
       setBanner: () => Command;
@@ -16,34 +12,31 @@ declare module "@tiptap/core" {
 }
 
 const BannerExtension = Node.create({
-  name: "banner",
-  content: "block*",
-  group: "block",
+  name: 'banner',
+  content: 'block*',
+  group: 'block',
   defining: true,
   draggable: true,
 
   addAttributes() {
     return {
       type: {
-        default: "info",
+        default: 'info',
       },
     };
   },
 
   parseHTML() {
-    return [{ tag: "div" }];
+    return [{ tag: 'div' }];
   },
 
   renderHTML({ HTMLAttributes }) {
     return [
-      "div",
-      { class: "banner" },
+      'div',
+      { class: 'banner' },
       [
-        "div",
-        mergeAttributes(
-          (this.options && this.options.HTMLAttributes) || {},
-          HTMLAttributes
-        ),
+        'div',
+        mergeAttributes((this.options && this.options.HTMLAttributes) || {}, HTMLAttributes),
         0,
       ],
     ];
diff --git a/packages/client/src/components/tiptap/extensions/code-block/index.tsx b/packages/client/src/components/tiptap/extensions/code-block/index.tsx
index d8f3b395..bd06f79b 100644
--- a/packages/client/src/components/tiptap/extensions/code-block/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/code-block/index.tsx
@@ -1,16 +1,12 @@
-import React, { useRef } from "react";
-import {
-  ReactNodeViewRenderer,
-  NodeViewWrapper,
-  NodeViewContent,
-} from "@tiptap/react";
-import { Button, Select, Tooltip } from "@douyinfe/semi-ui";
-import { IconCopy } from "@douyinfe/semi-icons";
-import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import React, { useRef } from 'react';
+import { ReactNodeViewRenderer, NodeViewWrapper, NodeViewContent } from '@tiptap/react';
+import { Button, Select, Tooltip } from '@douyinfe/semi-ui';
+import { IconCopy } from '@douyinfe/semi-icons';
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
 // @ts-ignore
-import { lowlight } from "lowlight";
-import { copy } from "helpers/copy";
-import styles from "./index.module.scss";
+import { lowlight } from 'lowlight';
+import { copy } from 'helpers/copy';
+import styles from './index.module.scss';
 
 const Render = ({
   editor,
@@ -29,7 +25,7 @@ const Render = ({
         {isEditable && (
           <Select
             size="small"
-            defaultValue={defaultLanguage || "null"}
+            defaultValue={defaultLanguage || 'null'}
             onChange={(value) => updateAttributes({ language: value })}
             className={styles.selectorWrap}
           >
diff --git a/packages/client/src/components/tiptap/extensions/color-highlight.tsx b/packages/client/src/components/tiptap/extensions/color-highlight.tsx
index da0e1a36..e8d227e9 100644
--- a/packages/client/src/components/tiptap/extensions/color-highlight.tsx
+++ b/packages/client/src/components/tiptap/extensions/color-highlight.tsx
@@ -1,9 +1,9 @@
-import { Extension } from "@tiptap/core";
-import { Plugin } from "prosemirror-state";
-import findColors from "../utils/find-colors";
+import { Extension } from '@tiptap/core';
+import { Plugin } from 'prosemirror-state';
+import findColors from '../utils/find-colors';
 
 export const ColorHighlighter = Extension.create({
-  name: "colorHighlighter",
+  name: 'colorHighlighter',
 
   addProseMirrorPlugins() {
     return [
@@ -13,9 +13,7 @@ export const ColorHighlighter = Extension.create({
             return findColors(doc);
           },
           apply(transaction, oldState) {
-            return transaction.docChanged
-              ? findColors(transaction.doc)
-              : oldState;
+            return transaction.docChanged ? findColors(transaction.doc) : oldState;
           },
         },
         props: {
diff --git a/packages/client/src/components/tiptap/extensions/div.tsx b/packages/client/src/components/tiptap/extensions/div.tsx
index 04339562..18a54fb7 100644
--- a/packages/client/src/components/tiptap/extensions/div.tsx
+++ b/packages/client/src/components/tiptap/extensions/div.tsx
@@ -1,24 +1,20 @@
-import { Node, mergeAttributes } from "@tiptap/core";
+import { Node, mergeAttributes } from '@tiptap/core';
 
 export const Div = Node.create({
-  name: "div",
+  name: 'div',
   addOptions() {
     return {
       HTMLAttributes: {},
     };
   },
-  content: "block*",
-  group: "block",
+  content: 'block*',
+  group: 'block',
   defining: true,
   parseHTML() {
-    return [{ tag: "div" }];
+    return [{ tag: 'div' }];
   },
   renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-      0,
-    ];
+    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   //  @ts-ignore
   addCommands() {
@@ -26,17 +22,17 @@ export const Div = Node.create({
       setDiv:
         (attributes) =>
         ({ commands }) => {
-          return commands.wrapIn("div", attributes);
+          return commands.wrapIn('div', attributes);
         },
       toggleDiv:
         (attributes) =>
         ({ commands }) => {
-          return commands.toggleWrap("div", attributes);
+          return commands.toggleWrap('div', attributes);
         },
       unsetDiv:
         (attributes) =>
         ({ commands }) => {
-          return commands.lift("div");
+          return commands.lift('div');
         },
     };
   },
diff --git a/packages/client/src/components/tiptap/extensions/documents/children/index.tsx b/packages/client/src/components/tiptap/extensions/documents/children/index.tsx
index bcabc7bc..9df02060 100644
--- a/packages/client/src/components/tiptap/extensions/documents/children/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/documents/children/index.tsx
@@ -5,24 +5,20 @@ import {
   textInputRule,
   textblockTypeInputRule,
   wrappingInputRule,
-} from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { useRouter } from "next/router";
-import Link from "next/link";
-import { Space, Popover, Tag, Input, Typography } from "@douyinfe/semi-ui";
-import { useChildrenDocument } from "data/document";
-import { DataRender } from "components/data-render";
-import { Empty } from "components/empty";
-import { IconDocument } from "components/icons";
-import styles from "./index.module.scss";
+} from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { useRouter } from 'next/router';
+import Link from 'next/link';
+import { Space, Popover, Tag, Input, Typography } from '@douyinfe/semi-ui';
+import { useChildrenDocument } from 'data/document';
+import { DataRender } from 'components/data-render';
+import { Empty } from 'components/empty';
+import { IconDocument } from 'components/icons';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands {
     documentChildren: {
       setDocumentChildren: () => Command;
@@ -33,33 +29,30 @@ declare module "@tiptap/core" {
 export const DocumentChildrenInputRegex = /^documentChildren\$$/;
 
 const DocumentChildrenExtension = Node.create({
-  name: "documentChildren",
-  group: "block",
+  name: 'documentChildren',
+  group: 'block',
   defining: true,
   draggable: true,
 
   addAttributes() {
     return {
       color: {
-        default: "grey",
+        default: 'grey',
       },
       text: {
-        default: "",
+        default: '',
       },
     };
   },
 
   parseHTML() {
-    return [{ tag: "div[data-type=documentChildren]" }];
+    return [{ tag: 'div[data-type=documentChildren]' }];
   },
 
   renderHTML({ HTMLAttributes }) {
     return [
-      "div",
-      mergeAttributes(
-        (this.options && this.options.HTMLAttributes) || {},
-        HTMLAttributes
-      ),
+      'div',
+      mergeAttributes((this.options && this.options.HTMLAttributes) || {}, HTMLAttributes),
     ];
   },
 
@@ -91,12 +84,8 @@ const Render = () => {
   const { pathname, query } = useRouter();
   const wikiId = query?.wikiId;
   const documentId = query?.documentId;
-  const isShare = pathname.includes("share");
-  const {
-    data: documents,
-    loading,
-    error,
-  } = useChildrenDocument({ wikiId, documentId, isShare });
+  const isShare = pathname.includes('share');
+  const { data: documents, loading, error } = useChildrenDocument({ wikiId, documentId, isShare });
 
   return (
     <NodeViewWrapper as="div" className={styles.wrap}>
@@ -120,7 +109,7 @@ const Render = () => {
                         key={doc.id}
                         href={{
                           pathname: `${
-                            !isShare ? "" : "/share"
+                            !isShare ? '' : '/share'
                           }/wiki/[wikiId]/document/[documentId]`,
                           query: { wikiId: doc.wikiId, documentId: doc.id },
                         }}
diff --git a/packages/client/src/components/tiptap/extensions/documents/reference/index.tsx b/packages/client/src/components/tiptap/extensions/documents/reference/index.tsx
index 962ac000..a73f64fe 100644
--- a/packages/client/src/components/tiptap/extensions/documents/reference/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/documents/reference/index.tsx
@@ -5,32 +5,21 @@ import {
   textInputRule,
   textblockTypeInputRule,
   wrappingInputRule,
-} from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { useRouter } from "next/router";
-import Link from "next/link";
-import {
-  Space,
-  Select,
-  Popover,
-  Tag,
-  Input,
-  Typography,
-} from "@douyinfe/semi-ui";
-import { useWikiTocs } from "data/wiki";
-import { useDocumentDetail } from "data/document";
-import { DataRender } from "components/data-render";
-import { Empty } from "components/empty";
-import { IconDocument } from "components/icons";
-import styles from "./index.module.scss";
+} from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { useRouter } from 'next/router';
+import Link from 'next/link';
+import { Space, Select, Popover, Tag, Input, Typography } from '@douyinfe/semi-ui';
+import { useWikiTocs } from 'data/wiki';
+import { useDocumentDetail } from 'data/document';
+import { DataRender } from 'components/data-render';
+import { Empty } from 'components/empty';
+import { IconDocument } from 'components/icons';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands {
     documentReference: {
       setDocumentReference: () => Command;
@@ -41,36 +30,33 @@ declare module "@tiptap/core" {
 export const DocumentReferenceInputRegex = /^documentReference\$$/;
 
 const DocumentReferenceExtension = Node.create({
-  name: "documentReference",
-  group: "block",
+  name: 'documentReference',
+  group: 'block',
   defining: true,
   draggable: true,
 
   addAttributes() {
     return {
       wikiId: {
-        default: "",
+        default: '',
       },
       documentId: {
-        default: "",
+        default: '',
       },
       title: {
-        default: "",
+        default: '',
       },
     };
   },
 
   parseHTML() {
-    return [{ tag: "div[data-type=documentReference]" }];
+    return [{ tag: 'div[data-type=documentReference]' }];
   },
 
   renderHTML({ HTMLAttributes }) {
     return [
-      "div",
-      mergeAttributes(
-        (this.options && this.options.HTMLAttributes) || {},
-        HTMLAttributes
-      ),
+      'div',
+      mergeAttributes((this.options && this.options.HTMLAttributes) || {}, HTMLAttributes),
     ];
   },
 
@@ -101,14 +87,10 @@ const DocumentReferenceExtension = Node.create({
 const Render = ({ editor, node, updateAttributes }) => {
   const { pathname, query } = useRouter();
   const wikiIdFromUrl = query?.wikiId;
-  const isShare = pathname.includes("share");
+  const isShare = pathname.includes('share');
   const isEditable = editor.isEditable;
   const { wikiId, documentId, title } = node.attrs;
-  const {
-    data: tocs,
-    loading,
-    error,
-  } = useWikiTocs(isShare ? null : wikiIdFromUrl);
+  const { data: tocs, loading, error } = useWikiTocs(isShare ? null : wikiIdFromUrl);
 
   return (
     <NodeViewWrapper as="div" className={styles.wrap}>
@@ -141,9 +123,7 @@ const Render = ({ editor, node, updateAttributes }) => {
         <Link
           key={documentId}
           href={{
-            pathname: `${
-              !isShare ? "" : "/share"
-            }/wiki/[wikiId]/document/[documentId]`,
+            pathname: `${!isShare ? '' : '/share'}/wiki/[wikiId]/document/[documentId]`,
             query: { wikiId, documentId },
           }}
         >
diff --git a/packages/client/src/components/tiptap/extensions/font-size.tsx b/packages/client/src/components/tiptap/extensions/font-size.tsx
index 754e12a8..14dcdac1 100644
--- a/packages/client/src/components/tiptap/extensions/font-size.tsx
+++ b/packages/client/src/components/tiptap/extensions/font-size.tsx
@@ -1,11 +1,11 @@
-import { Extension } from "@tiptap/core";
-import "@tiptap/extension-text-style";
+import { Extension } from '@tiptap/core';
+import '@tiptap/extension-text-style';
 
 type FontSizeOptions = {
   types: string[];
 };
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands<ReturnType> {
     fontSize: {
       setFontSize: (size: string) => ReturnType;
@@ -15,11 +15,11 @@ declare module "@tiptap/core" {
 }
 
 export const FontSize = Extension.create<FontSizeOptions>({
-  name: "fontSize",
+  name: 'fontSize',
 
   addOptions() {
     return {
-      types: ["textStyle"],
+      types: ['textStyle'],
     };
   },
 
@@ -30,8 +30,7 @@ export const FontSize = Extension.create<FontSizeOptions>({
         attributes: {
           fontSize: {
             default: null,
-            parseHTML: (element) =>
-              element.style.fontSize.replace(/['"]+/g, ""),
+            parseHTML: (element) => element.style.fontSize.replace(/['"]+/g, ''),
             renderHTML: (attributes) => {
               if (!attributes.fontSize) {
                 return {};
@@ -52,15 +51,12 @@ export const FontSize = Extension.create<FontSizeOptions>({
       setFontSize:
         (fontSize) =>
         ({ chain }) => {
-          return chain().setMark("textStyle", { fontSize }).run();
+          return chain().setMark('textStyle', { fontSize }).run();
         },
       unsetFontSize:
         () =>
         ({ chain }) => {
-          return chain()
-            .setMark("textStyle", { fontSize: null })
-            .removeEmptyTextStyle()
-            .run();
+          return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run();
         },
     };
   },
diff --git a/packages/client/src/components/tiptap/extensions/horizontal-rule.tsx b/packages/client/src/components/tiptap/extensions/horizontal-rule.tsx
index e91d7a72..a1a94a44 100644
--- a/packages/client/src/components/tiptap/extensions/horizontal-rule.tsx
+++ b/packages/client/src/components/tiptap/extensions/horizontal-rule.tsx
@@ -1,11 +1,11 @@
-import { Node, nodeInputRule, mergeAttributes } from "@tiptap/core";
-import { TextSelection } from "prosemirror-state";
+import { Node, nodeInputRule, mergeAttributes } from '@tiptap/core';
+import { TextSelection } from 'prosemirror-state';
 
 export interface HorizontalRuleOptions {
   HTMLAttributes: Record<string, any>;
 }
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands<ReturnType> {
     horizontalRule: {
       /**
@@ -17,26 +17,23 @@ declare module "@tiptap/core" {
 }
 
 export const HorizontalRule = Node.create<HorizontalRuleOptions>({
-  name: "horizontalRule",
-  group: "block",
+  name: 'horizontalRule',
+  group: 'block',
 
   addOptions() {
     return {
       HTMLAttributes: {
-        class: "hr-line",
+        class: 'hr-line',
       },
     };
   },
 
   parseHTML() {
-    return [{ tag: "div[class=hr-line]" }];
+    return [{ tag: 'div[class=hr-line]' }];
   },
 
   renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-    ];
+    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   },
 
   addCommands() {
@@ -57,8 +54,7 @@ export const HorizontalRule = Node.create<HorizontalRuleOptions>({
                     tr.setSelection(TextSelection.create(tr.doc, $to.pos));
                   } else {
                     // add node after horizontal rule if it’s the end of the document
-                    const node =
-                      $to.parent.type.contentMatch.defaultType?.create();
+                    const node = $to.parent.type.contentMatch.defaultType?.create();
 
                     if (node) {
                       tr.insert(posAfter, node);
diff --git a/packages/client/src/components/tiptap/extensions/iframe/index.tsx b/packages/client/src/components/tiptap/extensions/iframe/index.tsx
index f5e52264..738f5870 100644
--- a/packages/client/src/components/tiptap/extensions/iframe/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/iframe/index.tsx
@@ -1,24 +1,20 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { Input } from "@douyinfe/semi-ui";
-import { Resizeable } from "components/resizeable";
-import styles from "./index.module.scss";
+import { Node, mergeAttributes } from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { Input } from '@douyinfe/semi-ui';
+import { Resizeable } from 'components/resizeable';
+import styles from './index.module.scss';
 
 const IframeNode = Node.create({
-  name: "external-iframe",
-  content: "",
-  marks: "",
-  group: "block",
+  name: 'external-iframe',
+  content: '',
+  marks: '',
+  group: 'block',
   draggable: true,
 
   addOptions() {
     return {
       HTMLAttributes: {
-        "data-type": "external-iframe",
+        'data-type': 'external-iframe',
       },
     };
   },
@@ -26,7 +22,7 @@ const IframeNode = Node.create({
   addAttributes() {
     return {
       width: {
-        default: "100%",
+        default: '100%',
       },
       height: {
         default: 54,
@@ -46,10 +42,7 @@ const IframeNode = Node.create({
   },
 
   renderHTML({ HTMLAttributes }) {
-    return [
-      "iframe",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-    ];
+    return ['iframe', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   },
 
   // @ts-ignore
@@ -91,17 +84,14 @@ const Render = ({ editor, node, updateAttributes }) => {
       {isEditable && (
         <div className={styles.handlerWrap}>
           <Input
-            placeholder={"输入外链地址"}
+            placeholder={'输入外链地址'}
             value={url}
             onChange={(url) => updateAttributes({ url })}
           ></Input>
         </div>
       )}
       {url && (
-        <div
-          className={styles.innerWrap}
-          style={{ pointerEvents: !isEditable ? "auto" : "none" }}
-        >
+        <div className={styles.innerWrap} style={{ pointerEvents: !isEditable ? 'auto' : 'none' }}>
           <iframe src={url}></iframe>
         </div>
       )}
@@ -119,7 +109,7 @@ const Render = ({ editor, node, updateAttributes }) => {
           {content}
         </Resizeable>
       ) : (
-        <div style={{ width, height, maxWidth: "100%" }}>{content}</div>
+        <div style={{ width, height, maxWidth: '100%' }}>{content}</div>
       )}
     </NodeViewWrapper>
   );
diff --git a/packages/client/src/components/tiptap/extensions/image.tsx b/packages/client/src/components/tiptap/extensions/image.tsx
index 95ad23fa..756f7fde 100644
--- a/packages/client/src/components/tiptap/extensions/image.tsx
+++ b/packages/client/src/components/tiptap/extensions/image.tsx
@@ -1,12 +1,8 @@
-import { Plugin } from "prosemirror-state";
-import { Image as TImage } from "@tiptap/extension-image";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { Resizeable } from "components/resizeable";
-import { uploadFile } from "services/file";
+import { Plugin } from 'prosemirror-state';
+import { Image as TImage } from '@tiptap/extension-image';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { Resizeable } from 'components/resizeable';
+import { uploadFile } from 'services/file';
 
 const Render = ({ editor, node, updateAttributes }) => {
   const isEditable = editor.isEditable;
@@ -16,25 +12,16 @@ const Render = ({ editor, node, updateAttributes }) => {
     updateAttributes({ height: size.height, width: size.width });
   };
 
-  const content = src && (
-    <img src={src} alt={title} style={{ width: "100%", height: "100%" }} />
-  );
+  const content = src && <img src={src} alt={title} style={{ width: '100%', height: '100%' }} />;
 
   return (
-    <NodeViewWrapper
-      as="div"
-      style={{ textAlign, fontSize: 0, maxWidth: "100%" }}
-    >
+    <NodeViewWrapper as="div" style={{ textAlign, fontSize: 0, maxWidth: '100%' }}>
       {isEditable ? (
         <Resizeable width={width} height={height} onChange={onResize}>
           {content}
         </Resizeable>
       ) : (
-        <div
-          style={{ display: "inline-block", width, height, maxWidth: "100%" }}
-        >
-          {content}
-        </div>
+        <div style={{ display: 'inline-block', width, height, maxWidth: '100%' }}>{content}</div>
       )}
     </NodeViewWrapper>
   );
@@ -54,10 +41,10 @@ export const Image = TImage.extend({
         default: null,
       },
       width: {
-        default: "auto",
+        default: 'auto',
       },
       height: {
-        default: "auto",
+        default: 'auto',
       },
     };
   },
diff --git a/packages/client/src/components/tiptap/extensions/indent.tsx b/packages/client/src/components/tiptap/extensions/indent.tsx
index 68674c03..9bb32aec 100644
--- a/packages/client/src/components/tiptap/extensions/indent.tsx
+++ b/packages/client/src/components/tiptap/extensions/indent.tsx
@@ -1,10 +1,10 @@
-import { Command, Extension } from "@tiptap/core";
-import { sinkListItem, liftListItem } from "prosemirror-schema-list";
-import { TextSelection, AllSelection, Transaction } from "prosemirror-state";
-import { clamp } from "../utils/shared";
-import { isListActive } from "../utils/active";
-import { getNodeType } from "../utils/type";
-import { isListNode } from "../utils/node";
+import { Command, Extension } from '@tiptap/core';
+import { sinkListItem, liftListItem } from 'prosemirror-schema-list';
+import { TextSelection, AllSelection, Transaction } from 'prosemirror-state';
+import { clamp } from '../utils/shared';
+import { isListActive } from '../utils/active';
+import { getNodeType } from '../utils/type';
+import { isListNode } from '../utils/node';
 
 type IndentOptions = {
   types: string[];
@@ -12,7 +12,7 @@ type IndentOptions = {
   defaultIndentLevel: number;
 };
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands {
     indent: {
       indent: () => Command;
@@ -28,11 +28,7 @@ export enum IndentProps {
   less = -30,
 }
 
-function setNodeIndentMarkup(
-  tr: Transaction,
-  pos: number,
-  delta: number
-): Transaction {
+function setNodeIndentMarkup(tr: Transaction, pos: number, delta: number): Transaction {
   if (!tr.doc) return tr;
 
   const node = tr.doc.nodeAt(pos);
@@ -58,9 +54,7 @@ function updateIndentLevel(tr: Transaction, delta: number): Transaction {
 
   if (!doc || !selection) return tr;
 
-  if (
-    !(selection instanceof TextSelection || selection instanceof AllSelection)
-  ) {
+  if (!(selection instanceof TextSelection || selection instanceof AllSelection)) {
     return tr;
   }
 
@@ -69,7 +63,7 @@ function updateIndentLevel(tr: Transaction, delta: number): Transaction {
   doc.nodesBetween(from, to, (node, pos) => {
     const nodeType = node.type;
 
-    if (nodeType.name === "paragraph" || nodeType.name === "heading") {
+    if (nodeType.name === 'paragraph' || nodeType.name === 'heading') {
       tr = setNodeIndentMarkup(tr, pos, delta);
       return false;
     }
@@ -83,11 +77,11 @@ function updateIndentLevel(tr: Transaction, delta: number): Transaction {
 }
 
 export const Indent = Extension.create<IndentOptions>({
-  name: "indent",
+  name: 'indent',
 
   addOptions() {
     return {
-      types: ["heading", "paragraph"],
+      types: ['heading', 'paragraph'],
       indentLevels: [0, 30, 60, 90, 120, 150, 180, 210],
       defaultIndentLevel: 0,
     };
@@ -104,8 +98,7 @@ export const Indent = Extension.create<IndentOptions>({
               style: `margin-left: ${attributes.indent}px!important;`,
             }),
             parseHTML: (element) =>
-              parseInt(element.style.marginLeft) ||
-              this.options.defaultIndentLevel,
+              parseInt(element.style.marginLeft) || this.options.defaultIndentLevel,
           },
         },
       },
@@ -118,9 +111,7 @@ export const Indent = Extension.create<IndentOptions>({
         () =>
         ({ tr, state, dispatch }) => {
           if (isListActive(this.editor)) {
-            const name = this.editor.can().liftListItem("taskItem")
-              ? "taskItem"
-              : "listItem";
+            const name = this.editor.can().liftListItem('taskItem') ? 'taskItem' : 'listItem';
             const type = getNodeType(name, state.schema);
             return sinkListItem(type)(state, dispatch);
           }
@@ -140,9 +131,7 @@ export const Indent = Extension.create<IndentOptions>({
         () =>
         ({ tr, state, dispatch }) => {
           if (isListActive(this.editor)) {
-            const name = this.editor.can().liftListItem("taskItem")
-              ? "taskItem"
-              : "listItem";
+            const name = this.editor.can().liftListItem('taskItem') ? 'taskItem' : 'listItem';
             const type = getNodeType(name, state.schema);
             return liftListItem(type)(state, dispatch);
           }
@@ -164,10 +153,10 @@ export const Indent = Extension.create<IndentOptions>({
   // @ts-ignore
   addKeyboardShortcuts() {
     return {
-      Tab: () => {
+      'Tab': () => {
         return this.editor.commands.indent();
       },
-      "Shift-Tab": () => {
+      'Shift-Tab': () => {
         return this.editor.commands.outdent();
       },
     };
diff --git a/packages/client/src/components/tiptap/extensions/katex/index.tsx b/packages/client/src/components/tiptap/extensions/katex/index.tsx
index 2dd4834f..7b1e10d9 100644
--- a/packages/client/src/components/tiptap/extensions/katex/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/katex/index.tsx
@@ -1,21 +1,12 @@
-import {
-  Node,
-  Command,
-  mergeAttributes,
-  wrappingInputRule,
-} from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { Popover, TextArea, Typography, Space } from "@douyinfe/semi-ui";
-import { IconHelpCircle } from "@douyinfe/semi-icons";
-import katex from "katex";
-import styles from "./index.module.scss";
-import { useMemo } from "react";
+import { Node, Command, mergeAttributes, wrappingInputRule } from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { Popover, TextArea, Typography, Space } from '@douyinfe/semi-ui';
+import { IconHelpCircle } from '@douyinfe/semi-icons';
+import katex from 'katex';
+import styles from './index.module.scss';
+import { useMemo } from 'react';
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands {
     katex: {
       setKatex: () => Command;
@@ -28,30 +19,27 @@ const { Text } = Typography;
 export const KatexInputRegex = /^\$\$(.+)?\$$/;
 
 const KatexExtension = Node.create({
-  name: "katex",
-  group: "block",
+  name: 'katex',
+  group: 'block',
   defining: true,
   draggable: true,
 
   addAttributes() {
     return {
       text: {
-        default: "",
+        default: '',
       },
     };
   },
 
   parseHTML() {
-    return [{ tag: "div[data-type=katex]" }];
+    return [{ tag: 'div[data-type=katex]' }];
   },
 
   renderHTML({ HTMLAttributes }) {
     return [
-      "div",
-      mergeAttributes(
-        (this.options && this.options.HTMLAttributes) || {},
-        HTMLAttributes
-      ),
+      'div',
+      mergeAttributes((this.options && this.options.HTMLAttributes) || {}, HTMLAttributes),
     ];
   },
 
@@ -94,10 +82,7 @@ const Render = ({ editor, node, updateAttributes }) => {
   }, [text]);
 
   const content = text ? (
-    <span
-      contentEditable={false}
-      dangerouslySetInnerHTML={{ __html: formatText }}
-    ></span>
+    <span contentEditable={false} dangerouslySetInnerHTML={{ __html: formatText }}></span>
   ) : (
     <span contentEditable={false}>请输入公式</span>
   );
@@ -118,10 +103,7 @@ const Render = ({ editor, node, updateAttributes }) => {
                 onChange={(v) => updateAttributes({ text: v })}
                 style={{ marginBottom: 8 }}
               />
-              <Text
-                type="tertiary"
-                link={{ href: "https://katex.org/", target: "_blank" }}
-              >
+              <Text type="tertiary" link={{ href: 'https://katex.org/', target: '_blank' }}>
                 <Space>
                   <IconHelpCircle />
                   查看帮助文档
diff --git a/packages/client/src/components/tiptap/extensions/link.tsx b/packages/client/src/components/tiptap/extensions/link.tsx
index 049745c6..5451f69a 100644
--- a/packages/client/src/components/tiptap/extensions/link.tsx
+++ b/packages/client/src/components/tiptap/extensions/link.tsx
@@ -1,3 +1,3 @@
-import { Link as TLink } from "@tiptap/extension-link";
+import { Link as TLink } from '@tiptap/extension-link';
 
 export const Link = TLink.extend({});
diff --git a/packages/client/src/components/tiptap/extensions/mind/index.tsx b/packages/client/src/components/tiptap/extensions/mind/index.tsx
index 2f3b0b2e..31abb72e 100644
--- a/packages/client/src/components/tiptap/extensions/mind/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/mind/index.tsx
@@ -1,39 +1,35 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { useCallback, useEffect, useRef } from "react";
-import { Button } from "@douyinfe/semi-ui";
-import { IconMinus, IconPlus } from "@douyinfe/semi-icons";
-import { Resizeable } from "components/resizeable";
-import deepEqual from "deep-equal";
+import { Node, mergeAttributes } from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { useCallback, useEffect, useRef } from 'react';
+import { Button } from '@douyinfe/semi-ui';
+import { IconMinus, IconPlus } from '@douyinfe/semi-icons';
+import { Resizeable } from 'components/resizeable';
+import deepEqual from 'deep-equal';
 // @ts-ignore
-import jsMind from "./jsmind.jsx";
-import styles from "./index.module.scss";
+import jsMind from './jsmind.jsx';
+import styles from './index.module.scss';
 
 const DEFAULT_MIND_DATA = {
   meta: {
-    name: "jsMind",
-    author: "think",
-    version: "0.2",
+    name: 'jsMind',
+    author: 'think',
+    version: '0.2',
   },
-  format: "node_tree",
-  data: { id: "root", topic: "中心节点", children: [] },
+  format: 'node_tree',
+  data: { id: 'root', topic: '中心节点', children: [] },
 };
 
 const MindNode = Node.create({
-  name: "jsmind",
-  content: "",
-  marks: "",
-  group: "block",
+  name: 'jsmind',
+  content: '',
+  marks: '',
+  group: 'block',
   draggable: true,
 
   addOptions() {
     return {
       HTMLAttributes: {
-        "data-type": "jsmind",
+        'data-type': 'jsmind',
       },
     };
   },
@@ -41,7 +37,7 @@ const MindNode = Node.create({
   addAttributes() {
     return {
       width: {
-        default: "100%",
+        default: '100%',
       },
       height: {
         default: 240,
@@ -61,10 +57,7 @@ const MindNode = Node.create({
   },
 
   renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-    ];
+    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   },
 
   // @ts-ignore
@@ -149,7 +142,7 @@ const Render = ({ editor, node, updateAttributes }) => {
           hmargin: 100,
           vmargin: 50,
           line_width: window.devicePixelRatio,
-          line_color: "#e5e9ef",
+          line_color: '#e5e9ef',
         },
       };
       const jm = new jsMind(options);
@@ -185,7 +178,7 @@ const Render = ({ editor, node, updateAttributes }) => {
       ref={$container}
       className={styles.renderWrap}
       tabIndex={0}
-      style={{ width: "100%", height: "100%" }}
+      style={{ width: '100%', height: '100%' }}
     >
       {!isEditable && (
         <div className={styles.mindHandlerWrap}>
@@ -216,9 +209,7 @@ const Render = ({ editor, node, updateAttributes }) => {
             {content}
           </Resizeable>
         ) : (
-          <div style={{ display: "inline-block", width, height }}>
-            {content}
-          </div>
+          <div style={{ display: 'inline-block', width, height }}>{content}</div>
         )}
       </NodeViewContent>
     </NodeViewWrapper>
diff --git a/packages/client/src/components/tiptap/extensions/mind/jsmind.jsx b/packages/client/src/components/tiptap/extensions/mind/jsmind.jsx
index 583d35b4..d218931d 100644
--- a/packages/client/src/components/tiptap/extensions/mind/jsmind.jsx
+++ b/packages/client/src/components/tiptap/extensions/mind/jsmind.jsx
@@ -1,9 +1,9 @@
-import ReactDOM from "react-dom";
-import { Space, Button, Tooltip } from "@douyinfe/semi-ui";
-import { IconPlus, IconDelete } from "@douyinfe/semi-icons";
-import { IconZoomOut, IconZoomIn } from "components/icons";
-import { Divider } from "../../components/divider";
-import styles from "./index.module.scss";
+import ReactDOM from 'react-dom';
+import { Space, Button, Tooltip } from '@douyinfe/semi-ui';
+import { IconPlus, IconDelete } from '@douyinfe/semi-icons';
+import { IconZoomOut, IconZoomIn } from 'components/icons';
+import { Divider } from '../../components/divider';
+import styles from './index.module.scss';
 
 /*
  * Released under BSD License
@@ -14,19 +14,19 @@ import styles from "./index.module.scss";
  */
 
 (function ($w) {
-  "use strict";
+  'use strict';
   // set 'jsMind' as the library name.
   // __name__ should be a const value, Never try to change it easily.
-  var __name__ = "jsMind";
+  var __name__ = 'jsMind';
   // library version
-  var __version__ = "0.4.6";
+  var __version__ = '0.4.6';
   // author
-  var __author__ = "hizzgdev@163.com";
+  var __author__ = 'hizzgdev@163.com';
 
   // an noop function define
   var _noop = function () {};
   var logger =
-    typeof console === "undefined"
+    typeof console === 'undefined'
       ? {
           log: _noop,
           debug: _noop,
@@ -37,9 +37,9 @@ import styles from "./index.module.scss";
       : console;
 
   // check global variables
-  if (typeof module === "undefined" || !module.exports) {
-    if (typeof $w[__name__] != "undefined") {
-      logger.log(__name__ + " has been already exist.");
+  if (typeof module === 'undefined' || !module.exports) {
+    if (typeof $w[__name__] != 'undefined') {
+      logger.log(__name__ + ' has been already exist.');
       return;
     }
   }
@@ -66,30 +66,30 @@ import styles from "./index.module.scss";
   var $i = function (el) {
     return (
       !!el &&
-      typeof el === "object" &&
+      typeof el === 'object' &&
       el.nodeType === 1 &&
-      typeof el.style === "object" &&
-      typeof el.ownerDocument === "object"
+      typeof el.style === 'object' &&
+      typeof el.ownerDocument === 'object'
     );
   };
-  if (typeof String.prototype.startsWith != "function") {
+  if (typeof String.prototype.startsWith != 'function') {
     String.prototype.startsWith = function (p) {
       return this.slice(0, p.length) === p;
     };
   }
 
   var DEFAULT_OPTIONS = {
-    container: "", // id of the container
+    container: '', // id of the container
     editable: false, // you can change it in your options
     theme: null,
-    mode: "full", // full or side
+    mode: 'full', // full or side
     support_html: true,
 
     view: {
       hmargin: 100,
       vmargin: 50,
       line_width: 2,
-      line_color: "#555",
+      line_color: '#555',
     },
     layout: {
       hspace: 30,
@@ -128,7 +128,7 @@ import styles from "./index.module.scss";
     jm.util.json.merge(opts, options);
 
     if (!opts.container) {
-      logger.error("the options.container should not be null or empty.");
+      logger.error('the options.container should not be null or empty.');
       return;
     }
     this.options = opts;
@@ -142,25 +142,16 @@ import styles from "./index.module.scss";
   jm.direction = { left: -1, center: 0, right: 1 };
   jm.event_type = { show: 1, resize: 2, edit: 3, select: 4 };
 
-  jm.node = function (
-    sId,
-    iIndex,
-    sTopic,
-    oData,
-    bIsRoot,
-    oParent,
-    eDirection,
-    bExpanded
-  ) {
+  jm.node = function (sId, iIndex, sTopic, oData, bIsRoot, oParent, eDirection, bExpanded) {
     if (!sId) {
-      logger.error("invalid nodeid");
+      logger.error('invalid nodeid');
       return;
     }
-    if (typeof iIndex != "number") {
-      logger.error("invalid node index");
+    if (typeof iIndex != 'number') {
+      logger.error('invalid node index');
       return;
     }
-    if (typeof bExpanded === "undefined") {
+    if (typeof bExpanded === 'undefined') {
       bExpanded = true;
     }
     this.id = sId;
@@ -246,7 +237,7 @@ import styles from "./index.module.scss";
       if (nodeid in this.nodes) {
         return this.nodes[nodeid];
       } else {
-        logger.warn("the node[id=" + nodeid + "] can not be found");
+        logger.warn('the node[id=' + nodeid + '] can not be found');
         return null;
       }
     },
@@ -256,36 +247,18 @@ import styles from "./index.module.scss";
         this.root = new jm.node(nodeid, 0, topic, data, true);
         this._put_node(this.root);
       } else {
-        logger.error("root node is already exist");
+        logger.error('root node is already exist');
       }
     },
 
-    add_node: function (
-      parent_node,
-      nodeid,
-      topic,
-      data,
-      idx,
-      direction,
-      expanded
-    ) {
+    add_node: function (parent_node, nodeid, topic, data, idx, direction, expanded) {
       if (!jm.util.is_node(parent_node)) {
         var the_parent_node = this.get_node(parent_node);
         if (!the_parent_node) {
-          logger.error(
-            "the parent_node[id=" + parent_node + "] can not be found."
-          );
+          logger.error('the parent_node[id=' + parent_node + '] can not be found.');
           return null;
         } else {
-          return this.add_node(
-            the_parent_node,
-            nodeid,
-            topic,
-            data,
-            idx,
-            direction,
-            expanded
-          );
+          return this.add_node(the_parent_node, nodeid, topic, data, idx, direction, expanded);
         }
       }
       var nodeindex = idx || -1;
@@ -303,24 +276,11 @@ import styles from "./index.module.scss";
               r++;
             }
           }
-          d =
-            children_len > 1 && r > 0 ? jm.direction.left : jm.direction.right;
+          d = children_len > 1 && r > 0 ? jm.direction.left : jm.direction.right;
         } else {
-          d =
-            direction != jm.direction.left
-              ? jm.direction.right
-              : jm.direction.left;
+          d = direction != jm.direction.left ? jm.direction.right : jm.direction.left;
         }
-        node = new jm.node(
-          nodeid,
-          nodeindex,
-          topic,
-          data,
-          false,
-          parent_node,
-          d,
-          expanded
-        );
+        node = new jm.node(nodeid, nodeindex, topic, data, false, parent_node, d, expanded);
       } else {
         node = new jm.node(
           nodeid,
@@ -337,9 +297,7 @@ import styles from "./index.module.scss";
         parent_node.children.push(node);
         this._reindex(parent_node);
       } else {
-        logger.error(
-          "fail, the nodeid '" + node.id + "' has been already exist."
-        );
+        logger.error("fail, the nodeid '" + node.id + "' has been already exist.");
         node = null;
       }
       return node;
@@ -349,9 +307,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node_before)) {
         var the_node_before = this.get_node(node_before);
         if (!the_node_before) {
-          logger.error(
-            "the node_before[id=" + node_before + "] can not be found."
-          );
+          logger.error('the node_before[id=' + node_before + '] can not be found.');
           return null;
         } else {
           return this.insert_node_before(the_node_before, nodeid, topic, data);
@@ -365,7 +321,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return null;
         } else {
           return this.get_node_before(the_node);
@@ -386,9 +342,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node_after)) {
         var the_node_after = this.get_node(node_before);
         if (!the_node_after) {
-          logger.error(
-            "the node_after[id=" + node_after + "] can not be found."
-          );
+          logger.error('the node_after[id=' + node_after + '] can not be found.');
           return null;
         } else {
           return this.insert_node_after(the_node_after, nodeid, topic, data);
@@ -402,7 +356,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return null;
         } else {
           return this.get_node_after(the_node);
@@ -424,7 +378,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return null;
         } else {
           return this.move_node(the_node, beforeid, parentid, direction);
@@ -437,7 +391,7 @@ import styles from "./index.module.scss";
     },
 
     _flow_node_direction: function (node, direction) {
-      if (typeof direction === "undefined") {
+      if (typeof direction === 'undefined') {
         direction = node.direction;
       } else {
         node.direction = direction;
@@ -450,14 +404,14 @@ import styles from "./index.module.scss";
 
     _move_node_internal: function (node, beforeid) {
       if (!!node && !!beforeid) {
-        if (beforeid == "_last_") {
+        if (beforeid == '_last_') {
           node.index = -1;
           this._reindex(node.parent);
-        } else if (beforeid == "_first_") {
+        } else if (beforeid == '_first_') {
           node.index = 0;
           this._reindex(node.parent);
         } else {
-          var node_before = !!beforeid ? this.get_node(beforeid) : null;
+          var node_before = beforeid ? this.get_node(beforeid) : null;
           if (
             node_before != null &&
             node_before.parent != null &&
@@ -506,18 +460,18 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return false;
         } else {
           return this.remove_node(the_node);
         }
       }
       if (!node) {
-        logger.error("fail, the node can not be found");
+        logger.error('fail, the node can not be found');
         return false;
       }
       if (node.isroot) {
-        logger.error("fail, can not remove root node");
+        logger.error('fail, can not remove root node');
         return false;
       }
       if (this.selected != null && this.selected.id == node.id) {
@@ -580,8 +534,8 @@ import styles from "./index.module.scss";
           author: __author__,
           version: __version__,
         },
-        format: "node_tree",
-        data: { id: "root", topic: "jsMind Example" },
+        format: 'node_tree',
+        data: { id: 'root', topic: 'jsMind Example' },
       },
       get_mind: function (source) {
         var df = jm.format.node_tree;
@@ -600,7 +554,7 @@ import styles from "./index.module.scss";
           author: mind.author,
           version: mind.version,
         };
-        json.format = "node_tree";
+        json.format = 'node_tree';
         json.data = df._buildnode(mind.root);
         return json;
       },
@@ -609,7 +563,7 @@ import styles from "./index.module.scss";
         var df = jm.format.node_tree;
         var data = df._extract_data(node_root);
         mind.set_root(node_root.id, node_root.topic, data);
-        if ("children" in node_root) {
+        if ('children' in node_root) {
           var children = node_root.children;
           for (var i = 0; i < children.length; i++) {
             df._extract_subnode(mind, mind.root, children[i]);
@@ -620,13 +574,7 @@ import styles from "./index.module.scss";
       _extract_data: function (node_json) {
         var data = {};
         for (var k in node_json) {
-          if (
-            k == "id" ||
-            k == "topic" ||
-            k == "children" ||
-            k == "direction" ||
-            k == "expanded"
-          ) {
+          if (k == 'id' || k == 'topic' || k == 'children' || k == 'direction' || k == 'expanded') {
             continue;
           }
           data[k] = node_json[k];
@@ -639,10 +587,7 @@ import styles from "./index.module.scss";
         var data = df._extract_data(node_json);
         var d = null;
         if (node_parent.isroot) {
-          d =
-            node_json.direction == "left"
-              ? jm.direction.left
-              : jm.direction.right;
+          d = node_json.direction == 'left' ? jm.direction.left : jm.direction.right;
         }
         var node = mind.add_node(
           node_parent,
@@ -653,7 +598,7 @@ import styles from "./index.module.scss";
           d,
           node_json.expanded
         );
-        if ("children" in node_json) {
+        if ('children' in node_json) {
           var children = node_json.children;
           for (var i = 0; i < children.length; i++) {
             df._extract_subnode(mind, node, children[i]);
@@ -672,7 +617,7 @@ import styles from "./index.module.scss";
           expanded: node.expanded,
         };
         if (!!node.parent && node.parent.isroot) {
-          o.direction = node.direction == jm.direction.left ? "left" : "right";
+          o.direction = node.direction == jm.direction.left ? 'left' : 'right';
         }
         if (node.data != null) {
           var node_data = node.data;
@@ -698,8 +643,8 @@ import styles from "./index.module.scss";
           author: __author__,
           version: __version__,
         },
-        format: "node_array",
-        data: [{ id: "root", topic: "jsMind Example", isroot: true }],
+        format: 'node_array',
+        data: [{ id: 'root', topic: 'jsMind Example', isroot: true }],
       },
 
       get_mind: function (source) {
@@ -720,7 +665,7 @@ import styles from "./index.module.scss";
           author: mind.author,
           version: mind.version,
         };
-        json.format = "node_array";
+        json.format = 'node_array';
         json.data = [];
         df._array(mind, json.data);
         return json;
@@ -732,10 +677,10 @@ import styles from "./index.module.scss";
         // reverse array for improving looping performance
         narray.reverse();
         var root_id = df._extract_root(mind, narray);
-        if (!!root_id) {
+        if (root_id) {
           df._extract_subnode(mind, root_id, narray);
         } else {
-          logger.error("root node can not be found");
+          logger.error('root node can not be found');
         }
       },
 
@@ -743,7 +688,7 @@ import styles from "./index.module.scss";
         var df = jm.format.node_array;
         var i = node_array.length;
         while (i--) {
-          if ("isroot" in node_array[i] && node_array[i].isroot) {
+          if ('isroot' in node_array[i] && node_array[i].isroot) {
             var root_json = node_array[i];
             var data = df._extract_data(root_json);
             mind.set_root(root_json.id, root_json.topic, data);
@@ -766,11 +711,8 @@ import styles from "./index.module.scss";
             data = df._extract_data(node_json);
             var d = null;
             var node_direction = node_json.direction;
-            if (!!node_direction) {
-              d =
-                node_direction == "left"
-                  ? jm.direction.left
-                  : jm.direction.right;
+            if (node_direction) {
+              d = node_direction == 'left' ? jm.direction.left : jm.direction.right;
             }
             mind.add_node(
               parentid,
@@ -783,11 +725,7 @@ import styles from "./index.module.scss";
             );
             node_array.splice(i, 1);
             extract_count++;
-            var sub_extract_count = df._extract_subnode(
-              mind,
-              node_json.id,
-              node_array
-            );
+            var sub_extract_count = df._extract_subnode(mind, node_json.id, node_array);
             if (sub_extract_count > 0) {
               // reset loop index after extract subordinate node
               i = node_array.length;
@@ -802,12 +740,12 @@ import styles from "./index.module.scss";
         var data = {};
         for (var k in node_json) {
           if (
-            k == "id" ||
-            k == "topic" ||
-            k == "parentid" ||
-            k == "isroot" ||
-            k == "direction" ||
-            k == "expanded"
+            k == 'id' ||
+            k == 'topic' ||
+            k == 'parentid' ||
+            k == 'isroot' ||
+            k == 'direction' ||
+            k == 'expanded'
           ) {
             continue;
           }
@@ -831,14 +769,14 @@ import styles from "./index.module.scss";
           topic: node.topic,
           expanded: node.expanded,
         };
-        if (!!node.parent) {
+        if (node.parent) {
           o.parentid = node.parent.id;
         }
         if (node.isroot) {
           o.isroot = true;
         }
         if (!!node.parent && node.parent.isroot) {
-          o.direction = node.direction == jm.direction.left ? "left" : "right";
+          o.direction = node.direction == jm.direction.left ? 'left' : 'right';
         }
         if (node.data != null) {
           var node_data = node.data;
@@ -861,7 +799,7 @@ import styles from "./index.module.scss";
           author: __author__,
           version: __version__,
         },
-        format: "freemind",
+        format: 'freemind',
         data: '<map version="1.0.1"><node ID="root" TEXT="freemind Example"/></map>',
       },
       get_mind: function (source) {
@@ -885,12 +823,12 @@ import styles from "./index.module.scss";
           author: mind.author,
           version: mind.version,
         };
-        json.format = "freemind";
+        json.format = 'freemind';
         var xmllines = [];
         xmllines.push('<map version="1.0.1">');
         df._buildmap(mind.root, xmllines);
-        xmllines.push("</map>");
-        json.data = xmllines.join(" ");
+        xmllines.push('</map>');
+        json.data = xmllines.join(' ');
         return json;
       },
 
@@ -898,10 +836,10 @@ import styles from "./index.module.scss";
         var xml_doc = null;
         if (window.DOMParser) {
           var parser = new DOMParser();
-          xml_doc = parser.parseFromString(xml, "text/xml");
+          xml_doc = parser.parseFromString(xml, 'text/xml');
         } else {
           // Internet Explorer
-          xml_doc = new ActiveXObject("Microsoft.XMLDOM");
+          xml_doc = new ActiveXObject('Microsoft.XMLDOM');
           xml_doc.async = false;
           xml_doc.loadXML(xml);
         }
@@ -915,17 +853,17 @@ import styles from "./index.module.scss";
         var n = null;
         for (var i = 0; i < nodes.length; i++) {
           n = nodes[i];
-          if (n.nodeType == 1 && n.tagName == "map") {
+          if (n.nodeType == 1 && n.tagName == 'map') {
             node = n;
             break;
           }
         }
-        if (!!node) {
+        if (node) {
           var ns = node.childNodes;
           node = null;
           for (var i = 0; i < ns.length; i++) {
             n = ns[i];
-            if (n.nodeType == 1 && n.tagName == "node") {
+            if (n.nodeType == 1 && n.tagName == 'node') {
               node = n;
               break;
             }
@@ -936,8 +874,8 @@ import styles from "./index.module.scss";
 
       _load_node: function (mind, parent_id, xml_node) {
         var df = jm.format.freemind;
-        var node_id = xml_node.getAttribute("ID");
-        var node_topic = xml_node.getAttribute("TEXT");
+        var node_id = xml_node.getAttribute('ID');
+        var node_topic = xml_node.getAttribute('TEXT');
         // look for richcontent
         if (node_topic == null) {
           var topic_children = xml_node.childNodes;
@@ -945,28 +883,23 @@ import styles from "./index.module.scss";
           for (var i = 0; i < topic_children.length; i++) {
             topic_child = topic_children[i];
             //logger.debug(topic_child.tagName);
-            if (
-              topic_child.nodeType == 1 &&
-              topic_child.tagName === "richcontent"
-            ) {
+            if (topic_child.nodeType == 1 && topic_child.tagName === 'richcontent') {
               node_topic = topic_child.textContent;
               break;
             }
           }
         }
         var node_data = df._load_attributes(xml_node);
-        var node_expanded =
-          "expanded" in node_data ? node_data.expanded == "true" : true;
+        var node_expanded = 'expanded' in node_data ? node_data.expanded == 'true' : true;
         delete node_data.expanded;
 
-        var node_position = xml_node.getAttribute("POSITION");
+        var node_position = xml_node.getAttribute('POSITION');
         var node_direction = null;
-        if (!!node_position) {
-          node_direction =
-            node_position == "left" ? jm.direction.left : jm.direction.right;
+        if (node_position) {
+          node_direction = node_position == 'left' ? jm.direction.left : jm.direction.right;
         }
         //logger.debug(node_position +':'+ node_direction);
-        if (!!parent_id) {
+        if (parent_id) {
           mind.add_node(
             parent_id,
             node_id,
@@ -983,7 +916,7 @@ import styles from "./index.module.scss";
         var child = null;
         for (var i = 0; i < children.length; i++) {
           child = children[i];
-          if (child.nodeType == 1 && child.tagName == "node") {
+          if (child.nodeType == 1 && child.tagName == 'node') {
             df._load_node(mind, node_id, child);
           }
         }
@@ -995,8 +928,8 @@ import styles from "./index.module.scss";
         var attr_data = {};
         for (var i = 0; i < children.length; i++) {
           attr = children[i];
-          if (attr.nodeType == 1 && attr.tagName === "attribute") {
-            attr_data[attr.getAttribute("NAME")] = attr.getAttribute("VALUE");
+          if (attr.nodeType == 1 && attr.tagName === 'attribute') {
+            attr_data[attr.getAttribute('NAME')] = attr.getAttribute('VALUE');
           }
         }
         return attr_data;
@@ -1006,27 +939,23 @@ import styles from "./index.module.scss";
         var df = jm.format.freemind;
         var pos = null;
         if (!!node.parent && node.parent.isroot) {
-          pos = node.direction === jm.direction.left ? "left" : "right";
+          pos = node.direction === jm.direction.left ? 'left' : 'right';
         }
-        xmllines.push("<node");
+        xmllines.push('<node');
         xmllines.push('ID="' + node.id + '"');
-        if (!!pos) {
+        if (pos) {
           xmllines.push('POSITION="' + pos + '"');
         }
         xmllines.push('TEXT="' + node.topic + '">');
 
         // store expanded status as an attribute
-        xmllines.push(
-          '<attribute NAME="expanded" VALUE="' + node.expanded + '"/>'
-        );
+        xmllines.push('<attribute NAME="expanded" VALUE="' + node.expanded + '"/>');
 
         // for attributes
         var node_data = node.data;
         if (node_data != null) {
           for (var k in node_data) {
-            xmllines.push(
-              '<attribute NAME="' + k + '" VALUE="' + node_data[k] + '"/>'
-            );
+            xmllines.push('<attribute NAME="' + k + '" VALUE="' + node_data[k] + '"/>');
           }
         }
 
@@ -1036,7 +965,7 @@ import styles from "./index.module.scss";
           df._buildmap(children[i], xmllines);
         }
 
-        xmllines.push("</node>");
+        xmllines.push('</node>');
       },
     },
   };
@@ -1054,7 +983,7 @@ import styles from "./index.module.scss";
           xhr = new XMLHttpRequest();
         } else {
           try {
-            xhr = new ActiveXObject("Microsoft.XMLHTTP");
+            xhr = new ActiveXObject('Microsoft.XMLHTTP');
           } catch (e) {}
         }
         return xhr;
@@ -1067,10 +996,10 @@ import styles from "./index.module.scss";
         var p = null;
         var tmp_param = [];
         for (var k in param) {
-          tmp_param.push(a._eurl(k) + "=" + a._eurl(param[k]));
+          tmp_param.push(a._eurl(k) + '=' + a._eurl(param[k]));
         }
         if (tmp_param.length > 0) {
-          p = tmp_param.join("&");
+          p = tmp_param.join('&');
         }
         var xhr = a._xhr();
         if (!xhr) {
@@ -1079,7 +1008,7 @@ import styles from "./index.module.scss";
         xhr.onreadystatechange = function () {
           if (xhr.readyState == 4) {
             if (xhr.status == 200 || xhr.status == 0) {
-              if (typeof callback === "function") {
+              if (typeof callback === 'function') {
                 var data = jm.util.json.string2json(xhr.responseText);
                 if (data != null) {
                   callback(data);
@@ -1088,42 +1017,39 @@ import styles from "./index.module.scss";
                 }
               }
             } else {
-              if (typeof fail_callback === "function") {
+              if (typeof fail_callback === 'function') {
                 fail_callback(xhr);
               } else {
-                logger.error("xhr request failed.", xhr);
+                logger.error('xhr request failed.', xhr);
               }
             }
           }
         };
-        method = method || "GET";
+        method = method || 'GET';
         xhr.open(method, url, true);
-        xhr.setRequestHeader("If-Modified-Since", "0");
-        if (method == "POST") {
-          xhr.setRequestHeader(
-            "Content-Type",
-            "application/x-www-form-urlencoded;charset=utf-8"
-          );
+        xhr.setRequestHeader('If-Modified-Since', '0');
+        if (method == 'POST') {
+          xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');
           xhr.send(p);
         } else {
           xhr.send();
         }
       },
       get: function (url, callback) {
-        return jm.util.ajax.request(url, {}, "GET", callback);
+        return jm.util.ajax.request(url, {}, 'GET', callback);
       },
       post: function (url, param, callback) {
-        return jm.util.ajax.request(url, param, "POST", callback);
+        return jm.util.ajax.request(url, param, 'POST', callback);
       },
     },
 
     dom: {
       //target,eventType,handler
       add_event: function (t, e, h) {
-        if (!!t.addEventListener) {
+        if (t.addEventListener) {
           t.addEventListener(e, h, true);
         } else {
-          t.attachEvent("on" + e, h);
+          t.attachEvent('on' + e, h);
         }
       },
     },
@@ -1150,7 +1076,7 @@ import styles from "./index.module.scss";
       read: function (file_data, fn_callback) {
         var reader = new FileReader();
         reader.onload = function () {
-          if (typeof fn_callback === "function") {
+          if (typeof fn_callback === 'function') {
             fn_callback(this.result, file_data.name);
           }
         };
@@ -1159,14 +1085,11 @@ import styles from "./index.module.scss";
 
       save: function (file_data, type, name) {
         var blob;
-        if (typeof $w.Blob === "function") {
+        if (typeof $w.Blob === 'function') {
           blob = new Blob([file_data], { type: type });
         } else {
           var BlobBuilder =
-            $w.BlobBuilder ||
-            $w.MozBlobBuilder ||
-            $w.WebKitBlobBuilder ||
-            $w.MSBlobBuilder;
+            $w.BlobBuilder || $w.MozBlobBuilder || $w.WebKitBlobBuilder || $w.MSBlobBuilder;
           var bb = new BlobBuilder();
           bb.append(file_data);
           blob = bb.getBlob(type);
@@ -1176,14 +1099,14 @@ import styles from "./index.module.scss";
         } else {
           var URL = $w.URL || $w.webkitURL;
           var bloburl = URL.createObjectURL(blob);
-          var anchor = $c("a");
-          if ("download" in anchor) {
-            anchor.style.visibility = "hidden";
+          var anchor = $c('a');
+          if ('download' in anchor) {
+            anchor.style.visibility = 'hidden';
             anchor.href = bloburl;
             anchor.download = name;
             $d.body.appendChild(anchor);
-            var evt = $d.createEvent("MouseEvents");
-            evt.initEvent("click", true, true);
+            var evt = $d.createEvent('MouseEvents');
+            evt.initEvent('click', true, true);
             anchor.dispatchEvent(evt);
             $d.body.removeChild(anchor);
           } else {
@@ -1195,25 +1118,25 @@ import styles from "./index.module.scss";
 
     json: {
       json2string: function (json) {
-        if (!!JSON) {
+        if (JSON) {
           try {
             var json_str = JSON.stringify(json);
             return json_str;
           } catch (e) {
             logger.warn(e);
-            logger.warn("can not convert to string");
+            logger.warn('can not convert to string');
             return null;
           }
         }
       },
       string2json: function (json_str) {
-        if (!!JSON) {
+        if (JSON) {
           try {
             var json = JSON.parse(json_str);
             return json;
           } catch (e) {
             logger.warn(e);
-            logger.warn("can not parse to json");
+            logger.warn('can not parse to json');
             return null;
           }
         }
@@ -1222,9 +1145,8 @@ import styles from "./index.module.scss";
         for (var o in a) {
           if (o in b) {
             if (
-              typeof b[o] === "object" &&
-              Object.prototype.toString.call(b[o]).toLowerCase() ==
-                "[object object]" &&
+              typeof b[o] === 'object' &&
+              Object.prototype.toString.call(b[o]).toLowerCase() == '[object object]' &&
               !b[o].length
             ) {
               jm.util.json.merge(b[o], a[o]);
@@ -1241,10 +1163,10 @@ import styles from "./index.module.scss";
 
     uuid: {
       newid: function () {
-        return (
-          new Date().getTime().toString(16) +
-          Math.random().toString(16).substr(2)
-        ).substr(2, 16);
+        return (new Date().getTime().toString(16) + Math.random().toString(16).substr(2)).substr(
+          2,
+          16
+        );
       },
     },
 
@@ -1253,7 +1175,7 @@ import styles from "./index.module.scss";
         if (!s) {
           return true;
         }
-        return s.replace(/\s*/, "").length == 0;
+        return s.replace(/\s*/, '').length == 0;
       },
     },
   };
@@ -1308,17 +1230,13 @@ import styles from "./index.module.scss";
     // call enable_event_handle('dblclick')
     // options are 'mousedown', 'click', 'dblclick'
     enable_event_handle: function (event_handle) {
-      this.options.default_event_handle[
-        "enable_" + event_handle + "_handle"
-      ] = true;
+      this.options.default_event_handle['enable_' + event_handle + '_handle'] = true;
     },
 
     // call disable_event_handle('dblclick')
     // options are 'mousedown', 'click', 'dblclick'
     disable_event_handle: function (event_handle) {
-      this.options.default_event_handle[
-        "enable_" + event_handle + "_handle"
-      ] = false;
+      this.options.default_event_handle['enable_' + event_handle + '_handle'] = false;
     },
 
     get_editable: function () {
@@ -1327,25 +1245,25 @@ import styles from "./index.module.scss";
 
     set_theme: function (theme) {
       var theme_old = this.options.theme;
-      this.options.theme = !!theme ? theme : null;
+      this.options.theme = theme ? theme : null;
       if (theme_old != this.options.theme) {
         this.view.reset_theme();
         this.view.reset_custom_style();
       }
     },
     _event_bind: function () {
-      this.view.add_event(this, "mousedown", this.mousedown_handle);
-      this.view.add_event(this, "click", this.click_handle);
-      this.view.add_event(this, "dblclick", this.dblclick_handle);
+      this.view.add_event(this, 'mousedown', this.mousedown_handle);
+      this.view.add_event(this, 'click', this.click_handle);
+      this.view.add_event(this, 'dblclick', this.dblclick_handle);
     },
 
     mousedown_handle: function (e) {
-      if (!this.options.default_event_handle["enable_mousedown_handle"]) {
+      if (!this.options.default_event_handle['enable_mousedown_handle']) {
         return;
       }
       var element = e.target || event.srcElement;
       var nodeid = this.view.get_binded_nodeid(element);
-      if (!!nodeid) {
+      if (nodeid) {
         this.select_node(nodeid);
       } else {
         this.select_clear();
@@ -1353,27 +1271,27 @@ import styles from "./index.module.scss";
     },
 
     click_handle: function (e) {
-      if (!this.options.default_event_handle["enable_click_handle"]) {
+      if (!this.options.default_event_handle['enable_click_handle']) {
         return;
       }
       var element = e.target || event.srcElement;
       var isexpander = this.view.is_expander(element);
       if (isexpander) {
         var nodeid = this.view.get_binded_nodeid(element);
-        if (!!nodeid) {
+        if (nodeid) {
           this.toggle_node(nodeid);
         }
       }
     },
 
     dblclick_handle: function (e) {
-      if (!this.options.default_event_handle["enable_dblclick_handle"]) {
+      if (!this.options.default_event_handle['enable_dblclick_handle']) {
         return;
       }
       if (this.get_editable()) {
         var element = e.target || event.srcElement;
         var nodeid = this.view.get_binded_nodeid(element);
-        if (!!nodeid) {
+        if (nodeid) {
           this.begin_edit(nodeid);
         }
       }
@@ -1383,7 +1301,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return false;
         } else {
           return this.begin_edit(the_node);
@@ -1392,7 +1310,7 @@ import styles from "./index.module.scss";
       if (this.get_editable()) {
         this.view.edit_node_begin(node);
       } else {
-        logger.error("fail, this mind map is not editable.");
+        logger.error('fail, this mind map is not editable.');
         return;
       }
     },
@@ -1405,7 +1323,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return;
         } else {
           return this.toggle_node(the_node);
@@ -1424,7 +1342,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return;
         } else {
           return this.expand_node(the_node);
@@ -1443,7 +1361,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return;
         } else {
           return this.collapse_node(the_node);
@@ -1484,20 +1402,20 @@ import styles from "./index.module.scss";
 
       this.mind = this.data.load(m);
       if (!this.mind) {
-        logger.error("data.load error");
+        logger.error('data.load error');
         return;
       } else {
-        logger.debug("data.load ok");
+        logger.debug('data.load ok');
       }
 
       this.view.load();
-      logger.debug("view.load ok");
+      logger.debug('view.load ok');
 
       this.layout.layout();
-      logger.debug("layout.layout ok");
+      logger.debug('layout.layout ok');
 
       this.view.show(true);
-      logger.debug("view.show ok");
+      logger.debug('view.show ok');
 
       this.invoke_event_handle(jm.event_type.show, { data: [mind] });
     },
@@ -1516,7 +1434,7 @@ import styles from "./index.module.scss";
     },
 
     get_data: function (data_format) {
-      var df = data_format || "node_tree";
+      var df = data_format || 'node_tree';
       return this.data.get_data(df);
     },
 
@@ -1531,49 +1449,42 @@ import styles from "./index.module.scss";
     add_node: function (parent_node, nodeid, topic, data) {
       if (this.get_editable()) {
         var node = this.mind.add_node(parent_node, nodeid, topic, data);
-        if (!!node) {
+        if (node) {
           this.view.add_node(node);
           this.layout.layout();
           this.view.show(false);
           this.view.reset_node_custom_style(node);
           this.expand_node(parent_node);
           this.invoke_event_handle(jm.event_type.edit, {
-            evt: "add_node",
+            evt: 'add_node',
             data: [parent_node.id, nodeid, topic, data],
             node: nodeid,
           });
         }
         return node;
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return null;
       }
     },
 
     insert_node_before: function (node_before, nodeid, topic, data) {
       if (this.get_editable()) {
-        var beforeid = jm.util.is_node(node_before)
-          ? node_before.id
-          : node_before;
-        var node = this.mind.insert_node_before(
-          node_before,
-          nodeid,
-          topic,
-          data
-        );
-        if (!!node) {
+        var beforeid = jm.util.is_node(node_before) ? node_before.id : node_before;
+        var node = this.mind.insert_node_before(node_before, nodeid, topic, data);
+        if (node) {
           this.view.add_node(node);
           this.layout.layout();
           this.view.show(false);
           this.invoke_event_handle(jm.event_type.edit, {
-            evt: "insert_node_before",
+            evt: 'insert_node_before',
             data: [beforeid, nodeid, topic, data],
             node: nodeid,
           });
         }
         return node;
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return null;
       }
     },
@@ -1582,19 +1493,19 @@ import styles from "./index.module.scss";
       if (this.get_editable()) {
         var afterid = jm.util.is_node(node_after) ? node_after.id : node_after;
         var node = this.mind.insert_node_after(node_after, nodeid, topic, data);
-        if (!!node) {
+        if (node) {
           this.view.add_node(node);
           this.layout.layout();
           this.view.show(false);
           this.invoke_event_handle(jm.event_type.edit, {
-            evt: "insert_node_after",
+            evt: 'insert_node_after',
             data: [afterid, nodeid, topic, data],
             node: nodeid,
           });
         }
         return node;
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return null;
       }
     },
@@ -1603,7 +1514,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return false;
         } else {
           return this.remove_node(the_node);
@@ -1611,7 +1522,7 @@ import styles from "./index.module.scss";
       }
       if (this.get_editable()) {
         if (node.isroot) {
-          logger.error("fail, can not remove root node");
+          logger.error('fail, can not remove root node');
           return false;
         }
         var nodeid = node.id;
@@ -1624,13 +1535,13 @@ import styles from "./index.module.scss";
         this.view.show(false);
         this.view.restore_location(parent_node);
         this.invoke_event_handle(jm.event_type.edit, {
-          evt: "remove_node",
+          evt: 'remove_node',
           data: [nodeid],
           node: parentid,
         });
         return true;
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return false;
       }
     },
@@ -1638,13 +1549,13 @@ import styles from "./index.module.scss";
     update_node: function (nodeid, topic) {
       if (this.get_editable()) {
         if (jm.util.text.is_empty(topic)) {
-          logger.warn("fail, topic can not be empty");
+          logger.warn('fail, topic can not be empty');
           return;
         }
         var node = this.get_node(nodeid);
-        if (!!node) {
+        if (node) {
           if (node.topic === topic) {
-            logger.info("nothing changed");
+            logger.info('nothing changed');
             this.view.update_node(node);
             return;
           }
@@ -1653,13 +1564,13 @@ import styles from "./index.module.scss";
           this.layout.layout();
           this.view.show(false);
           this.invoke_event_handle(jm.event_type.edit, {
-            evt: "update_node",
+            evt: 'update_node',
             data: [nodeid, topic],
             node: nodeid,
           });
         }
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return;
       }
     },
@@ -1667,18 +1578,18 @@ import styles from "./index.module.scss";
     move_node: function (nodeid, beforeid, parentid, direction) {
       if (this.get_editable()) {
         var node = this.mind.move_node(nodeid, beforeid, parentid, direction);
-        if (!!node) {
+        if (node) {
           this.view.update_node(node);
           this.layout.layout();
           this.view.show(false);
           this.invoke_event_handle(jm.event_type.edit, {
-            evt: "move_node",
+            evt: 'move_node',
             data: [nodeid, beforeid, parentid, direction],
             node: nodeid,
           });
         }
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return;
       }
     },
@@ -1687,7 +1598,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return;
         } else {
           return this.select_node(the_node);
@@ -1701,7 +1612,7 @@ import styles from "./index.module.scss";
     },
 
     get_selected_node: function () {
-      if (!!this.mind) {
+      if (this.mind) {
         return this.mind.selected;
       } else {
         return null;
@@ -1709,7 +1620,7 @@ import styles from "./index.module.scss";
     },
 
     select_clear: function () {
-      if (!!this.mind) {
+      if (this.mind) {
         this.mind.selected = null;
         this.view.select_clear();
       }
@@ -1723,7 +1634,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return;
         } else {
           return this.find_node_before(the_node);
@@ -1756,7 +1667,7 @@ import styles from "./index.module.scss";
       if (!jm.util.is_node(node)) {
         var the_node = this.get_node(node);
         if (!the_node) {
-          logger.error("the node[id=" + node + "] can not be found.");
+          logger.error('the node[id=' + node + '] can not be found.');
           return;
         } else {
           return this.find_node_after(the_node);
@@ -1791,17 +1702,17 @@ import styles from "./index.module.scss";
     set_node_color: function (nodeid, bgcolor, fgcolor) {
       if (this.get_editable()) {
         var node = this.mind.get_node(nodeid);
-        if (!!node) {
-          if (!!bgcolor) {
-            node.data["background-color"] = bgcolor;
+        if (node) {
+          if (bgcolor) {
+            node.data['background-color'] = bgcolor;
           }
-          if (!!fgcolor) {
-            node.data["foreground-color"] = fgcolor;
+          if (fgcolor) {
+            node.data['foreground-color'] = fgcolor;
           }
           this.view.reset_node_custom_style(node);
         }
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return null;
       }
     },
@@ -1809,15 +1720,15 @@ import styles from "./index.module.scss";
     set_node_font_style: function (nodeid, size, weight, style) {
       if (this.get_editable()) {
         var node = this.mind.get_node(nodeid);
-        if (!!node) {
-          if (!!size) {
-            node.data["font-size"] = size;
+        if (node) {
+          if (size) {
+            node.data['font-size'] = size;
           }
-          if (!!weight) {
-            node.data["font-weight"] = weight;
+          if (weight) {
+            node.data['font-weight'] = weight;
           }
-          if (!!style) {
-            node.data["font-style"] = style;
+          if (style) {
+            node.data['font-style'] = style;
           }
           this.view.reset_node_custom_style(node);
           this.view.update_node(node);
@@ -1825,32 +1736,26 @@ import styles from "./index.module.scss";
           this.view.show(false);
         }
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return null;
       }
     },
 
-    set_node_background_image: function (
-      nodeid,
-      image,
-      width,
-      height,
-      rotation
-    ) {
+    set_node_background_image: function (nodeid, image, width, height, rotation) {
       if (this.get_editable()) {
         var node = this.mind.get_node(nodeid);
-        if (!!node) {
-          if (!!image) {
-            node.data["background-image"] = image;
+        if (node) {
+          if (image) {
+            node.data['background-image'] = image;
           }
-          if (!!width) {
-            node.data["width"] = width;
+          if (width) {
+            node.data['width'] = width;
           }
-          if (!!height) {
-            node.data["height"] = height;
+          if (height) {
+            node.data['height'] = height;
           }
-          if (!!rotation) {
-            node.data["background-rotation"] = rotation;
+          if (rotation) {
+            node.data['background-rotation'] = rotation;
           }
           this.view.reset_node_custom_style(node);
           this.view.update_node(node);
@@ -1858,7 +1763,7 @@ import styles from "./index.module.scss";
           this.view.show(false);
         }
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return null;
       }
     },
@@ -1866,21 +1771,19 @@ import styles from "./index.module.scss";
     set_node_background_rotation: function (nodeid, rotation) {
       if (this.get_editable()) {
         var node = this.mind.get_node(nodeid);
-        if (!!node) {
-          if (!node.data["background-image"]) {
-            logger.error(
-              "fail, only can change rotation angle of node with background image"
-            );
+        if (node) {
+          if (!node.data['background-image']) {
+            logger.error('fail, only can change rotation angle of node with background image');
             return null;
           }
-          node.data["background-rotation"] = rotation;
+          node.data['background-rotation'] = rotation;
           this.view.reset_node_custom_style(node);
           this.view.update_node(node);
           this.layout.layout();
           this.view.show(false);
         }
       } else {
-        logger.error("fail, this mind map is not editable");
+        logger.error('fail, this mind map is not editable');
         return null;
       }
     },
@@ -1891,7 +1794,7 @@ import styles from "./index.module.scss";
 
     // callback(type ,data)
     add_event_listener: function (callback) {
-      if (typeof callback === "function") {
+      if (typeof callback === 'function') {
         this.event_handles.push(callback);
       }
     },
@@ -1919,48 +1822,48 @@ import styles from "./index.module.scss";
 
   jm.data_provider.prototype = {
     init: function () {
-      logger.debug("data.init");
+      logger.debug('data.init');
     },
 
     reset: function () {
-      logger.debug("data.reset");
+      logger.debug('data.reset');
     },
 
     load: function (mind_data) {
       var df = null;
       var mind = null;
-      if (typeof mind_data === "object") {
-        if (!!mind_data.format) {
+      if (typeof mind_data === 'object') {
+        if (mind_data.format) {
           df = mind_data.format;
         } else {
-          df = "node_tree";
+          df = 'node_tree';
         }
       } else {
-        df = "freemind";
+        df = 'freemind';
       }
 
-      if (df == "node_array") {
+      if (df == 'node_array') {
         mind = jm.format.node_array.get_mind(mind_data);
-      } else if (df == "node_tree") {
+      } else if (df == 'node_tree') {
         mind = jm.format.node_tree.get_mind(mind_data);
-      } else if (df == "freemind") {
+      } else if (df == 'freemind') {
         mind = jm.format.freemind.get_mind(mind_data);
       } else {
-        logger.warn("unsupported format");
+        logger.warn('unsupported format');
       }
       return mind;
     },
 
     get_data: function (data_format) {
       var data = null;
-      if (data_format == "node_array") {
+      if (data_format == 'node_array') {
         data = jm.format.node_array.get_data(this.jm.mind);
-      } else if (data_format == "node_tree") {
+      } else if (data_format == 'node_tree') {
         data = jm.format.node_tree.get_data(this.jm.mind);
-      } else if (data_format == "freemind") {
+      } else if (data_format == 'freemind') {
         data = jm.format.freemind.get_data(this.jm.mind);
       } else {
-        logger.error("unsupported " + data_format + " format");
+        logger.error('unsupported ' + data_format + ' format');
       }
       return data;
     },
@@ -1971,7 +1874,7 @@ import styles from "./index.module.scss";
   jm.layout_provider = function (jm, options) {
     this.opts = options;
     this.jm = jm;
-    this.isside = this.opts.mode == "side";
+    this.isside = this.opts.mode == 'side';
     this.bounds = null;
 
     this.cache_valid = false;
@@ -1979,14 +1882,14 @@ import styles from "./index.module.scss";
 
   jm.layout_provider.prototype = {
     init: function () {
-      logger.debug("layout.init");
+      logger.debug('layout.init');
     },
     reset: function () {
-      logger.debug("layout.reset");
+      logger.debug('layout.reset');
       this.bounds = { n: 0, s: 0, w: 0, e: 0 };
     },
     layout: function () {
-      logger.debug("layout.layout");
+      logger.debug('layout.layout');
       this.layout_direction();
       this.layout_offset();
     },
@@ -1999,7 +1902,7 @@ import styles from "./index.module.scss";
       var node = this.jm.mind.root;
       // logger.debug(node);
       var layout_data = null;
-      if ("layout" in node._data) {
+      if ('layout' in node._data) {
         layout_data = node._data.layout;
       } else {
         layout_data = {};
@@ -2040,7 +1943,7 @@ import styles from "./index.module.scss";
 
     _layout_direction_side: function (node, direction, side_index) {
       var layout_data = null;
-      if ("layout" in node._data) {
+      if ('layout' in node._data) {
         layout_data = node._data.layout;
       } else {
         layout_data = {};
@@ -2079,16 +1982,12 @@ import styles from "./index.module.scss";
       layout_data.left_nodes = left_nodes;
       layout_data.right_nodes = right_nodes;
       layout_data.outer_height_left = this._layout_offset_subnodes(left_nodes);
-      layout_data.outer_height_right =
-        this._layout_offset_subnodes(right_nodes);
+      layout_data.outer_height_right = this._layout_offset_subnodes(right_nodes);
       this.bounds.e = node._data.view.width / 2;
       this.bounds.w = 0 - this.bounds.e;
       //logger.debug(this.bounds.w);
       this.bounds.n = 0;
-      this.bounds.s = Math.max(
-        layout_data.outer_height_left,
-        layout_data.outer_height_right
-      );
+      this.bounds.s = Math.max(layout_data.outer_height_left, layout_data.outer_height_right);
     },
 
     // layout both the x and y axis
@@ -2184,7 +2083,7 @@ import styles from "./index.module.scss";
     get_node_offset: function (node) {
       var layout_data = node._data.layout;
       var offset_cache = null;
-      if ("_offset_" in layout_data && this.cache_valid) {
+      if ('_offset_' in layout_data && this.cache_valid) {
         offset_cache = layout_data._offset_;
       } else {
         offset_cache = { x: -1, y: -1 };
@@ -2209,8 +2108,7 @@ import styles from "./index.module.scss";
       var offset_p = this.get_node_offset(node);
       //logger.debug(offset_p);
       var p = {};
-      p.x =
-        offset_p.x + (view_data.width * (node._data.layout.direction - 1)) / 2;
+      p.x = offset_p.x + (view_data.width * (node._data.layout.direction - 1)) / 2;
       p.y = offset_p.y - view_data.height / 2;
       //logger.debug(p);
       return p;
@@ -2224,7 +2122,7 @@ import styles from "./index.module.scss";
     get_node_point_out: function (node) {
       var layout_data = node._data.layout;
       var pout_cache = null;
-      if ("_pout_" in layout_data && this.cache_valid) {
+      if ('_pout_' in layout_data && this.cache_valid) {
         pout_cache = layout_data._pout_;
       } else {
         pout_cache = { x: -1, y: -1 };
@@ -2238,8 +2136,7 @@ import styles from "./index.module.scss";
           var view_data = node._data.view;
           var offset_p = this.get_node_offset(node);
           pout_cache.x =
-            offset_p.x +
-            (view_data.width + this.opts.pspace) * node._data.layout.direction;
+            offset_p.x + (view_data.width + this.opts.pspace) * node._data.layout.direction;
           pout_cache.y = offset_p.y;
           //logger.debug('pout');
           //logger.debug(pout_cache);
@@ -2366,20 +2263,24 @@ import styles from "./index.module.scss";
 
     part_layout: function (node) {
       var root = this.jm.mind.root;
-      if (!!root) {
+      if (root) {
         var root_layout_data = root._data.layout;
         if (node.isroot) {
-          root_layout_data.outer_height_right =
-            this._layout_offset_subnodes_height(root_layout_data.right_nodes);
-          root_layout_data.outer_height_left =
-            this._layout_offset_subnodes_height(root_layout_data.left_nodes);
+          root_layout_data.outer_height_right = this._layout_offset_subnodes_height(
+            root_layout_data.right_nodes
+          );
+          root_layout_data.outer_height_left = this._layout_offset_subnodes_height(
+            root_layout_data.left_nodes
+          );
         } else {
           if (node._data.layout.direction == jm.direction.right) {
-            root_layout_data.outer_height_right =
-              this._layout_offset_subnodes_height(root_layout_data.right_nodes);
+            root_layout_data.outer_height_right = this._layout_offset_subnodes_height(
+              root_layout_data.right_nodes
+            );
           } else {
-            root_layout_data.outer_height_left =
-              this._layout_offset_subnodes_height(root_layout_data.left_nodes);
+            root_layout_data.outer_height_left = this._layout_offset_subnodes_height(
+              root_layout_data.left_nodes
+            );
           }
         }
         this.bounds.s = Math.max(
@@ -2388,7 +2289,7 @@ import styles from "./index.module.scss";
         );
         this.cache_valid = false;
       } else {
-        logger.warn("can not found root node");
+        logger.warn('can not found root node');
       }
     },
 
@@ -2416,7 +2317,7 @@ import styles from "./index.module.scss";
 
     is_visible: function (node) {
       var layout_data = node._data.layout;
-      if ("visible" in layout_data && !layout_data.visible) {
+      if ('visible' in layout_data && !layout_data.visible) {
         return false;
       } else {
         return true;
@@ -2444,26 +2345,24 @@ import styles from "./index.module.scss";
 
   jm.view_provider.prototype = {
     init: function () {
-      logger.debug("view.init");
+      logger.debug('view.init');
 
-      this.container = $i(this.opts.container)
-        ? this.opts.container
-        : $g(this.opts.container);
+      this.container = $i(this.opts.container) ? this.opts.container : $g(this.opts.container);
       if (!this.container) {
-        logger.error("the options.view.container was not be found in dom");
+        logger.error('the options.view.container was not be found in dom');
         return;
       }
-      this.e_panel = $c("div");
-      this.e_canvas = $c("canvas");
-      this.e_nodes = $c("jmnodes");
-      this.e_editor = $c("input");
+      this.e_panel = $c('div');
+      this.e_canvas = $c('canvas');
+      this.e_nodes = $c('jmnodes');
+      this.e_editor = $c('input');
 
-      this.e_panel.className = "jsmind-inner";
+      this.e_panel.className = 'jsmind-inner';
       this.e_panel.appendChild(this.e_canvas);
       this.e_panel.appendChild(this.e_nodes);
 
-      this.e_editor.className = "jsmind-editor";
-      this.e_editor.type = "text";
+      this.e_editor.className = 'jsmind-editor';
+      this.e_editor.type = 'text';
 
       this.actualZoom = 1;
       this.zoomStep = 0.1;
@@ -2471,14 +2370,14 @@ import styles from "./index.module.scss";
       this.maxZoom = 2;
 
       var v = this;
-      jm.util.dom.add_event(this.e_editor, "keydown", function (e) {
+      jm.util.dom.add_event(this.e_editor, 'keydown', function (e) {
         var evt = e || event;
         if (evt.keyCode == 13) {
           v.edit_node_end();
           evt.stopPropagation();
         }
       });
-      jm.util.dom.add_event(this.e_editor, "blur", function (e) {
+      jm.util.dom.add_event(this.e_editor, 'blur', function (e) {
         v.edit_node_end();
       });
 
@@ -2499,22 +2398,22 @@ import styles from "./index.module.scss";
         return null;
       }
       var tagName = element.tagName.toLowerCase();
-      if (tagName == "jmnodes" || tagName == "body" || tagName == "html") {
+      if (tagName == 'jmnodes' || tagName == 'body' || tagName == 'html') {
         return null;
       }
-      if (tagName == "jmnode" || tagName == "jmexpander") {
-        return element.getAttribute("nodeid");
+      if (tagName == 'jmnode' || tagName == 'jmexpander') {
+        return element.getAttribute('nodeid');
       } else {
         return this.get_binded_nodeid(element.parentElement);
       }
     },
 
     is_expander: function (element) {
-      return element.tagName.toLowerCase() == "jmexpander";
+      return element.tagName.toLowerCase() == 'jmexpander';
     },
 
     reset: function () {
-      logger.debug("view.reset");
+      logger.debug('view.reset');
       this.selected_node = null;
       this.clear_lines();
       this.clear_nodes();
@@ -2523,10 +2422,10 @@ import styles from "./index.module.scss";
 
     reset_theme: function () {
       var theme_name = this.jm.options.theme;
-      if (!!theme_name) {
-        this.e_nodes.className = "theme-" + theme_name;
+      if (theme_name) {
+        this.e_nodes.className = 'theme-' + theme_name;
       } else {
-        this.e_nodes.className = "";
+        this.e_nodes.className = '';
       }
     },
 
@@ -2538,7 +2437,7 @@ import styles from "./index.module.scss";
     },
 
     load: function () {
-      logger.debug("view.load");
+      logger.debug('view.load');
       this.init_nodes();
     },
 
@@ -2559,7 +2458,7 @@ import styles from "./index.module.scss";
     },
 
     init_canvas: function () {
-      var ctx = this.e_canvas.getContext("2d");
+      var ctx = this.e_canvas.getContext('2d');
       this.canvas_ctx = ctx;
       const self = this;
       this.createToolsDOMNode();
@@ -2571,7 +2470,7 @@ import styles from "./index.module.scss";
         return;
       }
 
-      const div = document.createElement("div");
+      const div = document.createElement('div');
       div.className = styles.jsmindWrap;
       ReactDOM.render(
         <div className={styles.jsmindInnerWrap}>
@@ -2610,9 +2509,9 @@ import styles from "./index.module.scss";
                   const selectedNode = _jm.get_selected_node();
                   if (!selectedNode) return;
                   const nodeid = jm.util.uuid.newid();
-                  const topic = "输入文字";
+                  const topic = '输入文字';
                   const node = _jm.add_node(selectedNode, nodeid, topic);
-                  if (!!node) {
+                  if (node) {
                     _jm.select_node(nodeid);
                     _jm.begin_edit(nodeid);
                   }
@@ -2643,18 +2542,18 @@ import styles from "./index.module.scss";
     },
 
     createAddHandlerDOMNode: function () {
-      const span = document.createElement("div");
-      span.innerText = "+";
+      const span = document.createElement('div');
+      span.innerText = '+';
       span.style.cssText = `position:absolute;display: none;`;
       ReactDOM.render(<Button size="small" icon={<IconPlus />} />, span);
-      this.container.querySelector("jmnodes").appendChild(span);
+      this.container.querySelector('jmnodes').appendChild(span);
       this._add_handler_dom_node = span;
       span.onclick = () => {
         var selected_node = this.selected_node || null;
-        if (!!selected_node) {
+        if (selected_node) {
           var nodeid = jm.util.uuid.newid();
-          var node = this.jm.add_node(selected_node, nodeid, "输入文字");
-          if (!!node) {
+          var node = this.jm.add_node(selected_node, nodeid, '输入文字');
+          if (node) {
             this.jm.select_node(nodeid);
             this.jm.begin_edit(nodeid);
           }
@@ -2674,10 +2573,8 @@ import styles from "./index.module.scss";
       if (!node) return;
 
       const direction = node.direction;
-      el.style.display = "block";
-      el.style.top = `${
-        node._data.view.abs_y + node._data.view.height / 2 - 12
-      }px`;
+      el.style.display = 'block';
+      el.style.top = `${node._data.view.abs_y + node._data.view.height / 2 - 12}px`;
       el.style.left =
         direction === -1
           ? `${node._data.view.abs_x - 34}px`
@@ -2686,7 +2583,7 @@ import styles from "./index.module.scss";
 
     hideAddHandlerDOMNode: function () {
       const el = this._add_handler_dom_node;
-      el.style.display = "none";
+      el.style.display = 'none';
     },
 
     init_nodes_size: function (node) {
@@ -2714,33 +2611,33 @@ import styles from "./index.module.scss";
 
     create_node_element: function (node, parent_node) {
       var view_data = null;
-      if ("view" in node._data) {
+      if ('view' in node._data) {
         view_data = node._data.view;
       } else {
         view_data = {};
         node._data.view = view_data;
       }
 
-      var d = $c("jmnode");
+      var d = $c('jmnode');
       if (node.isroot) {
-        d.className = "root";
+        d.className = 'root';
       } else {
-        var d_e = $c("jmexpander");
-        $t(d_e, "-");
-        d_e.setAttribute("nodeid", node.id);
-        d_e.style.visibility = "hidden";
+        var d_e = $c('jmexpander');
+        $t(d_e, '-');
+        d_e.setAttribute('nodeid', node.id);
+        d_e.style.visibility = 'hidden';
         parent_node.appendChild(d_e);
         view_data.expander = d_e;
       }
-      if (!!node.topic) {
+      if (node.topic) {
         if (this.opts.support_html) {
           $h(d, node.topic);
         } else {
           $t(d, node.topic);
         }
       }
-      d.setAttribute("nodeid", node.id);
-      d.style.visibility = "hidden";
+      d.setAttribute('nodeid', node.id);
+      d.style.visibility = 'hidden';
       this._reset_node_custom_style(d, node.data);
 
       parent_node.appendChild(d);
@@ -2773,7 +2670,7 @@ import styles from "./index.module.scss";
     update_node: function (node) {
       var view_data = node._data.view;
       var element = view_data.element;
-      if (!!node.topic) {
+      if (node.topic) {
         if (this.opts.support_html) {
           $h(element, node.topic);
         } else {
@@ -2785,17 +2682,14 @@ import styles from "./index.module.scss";
     },
 
     select_node: function (node) {
-      if (!!this.selected_node) {
+      if (this.selected_node) {
         this.selected_node._data.view.element.className =
-          this.selected_node._data.view.element.className.replace(
-            /\s*selected\b/i,
-            ""
-          );
+          this.selected_node._data.view.element.className.replace(/\s*selected\b/i, '');
         this.reset_node_custom_style(this.selected_node);
       }
-      if (!!node) {
+      if (node) {
         this.selected_node = node;
-        node._data.view.element.className += " selected";
+        node._data.view.element.className += ' selected';
         this.clear_node_custom_style(node);
         this.showAddHandlerDOMNode(node);
       }
@@ -2829,10 +2723,10 @@ import styles from "./index.module.scss";
       this.e_editor.value = topic;
       this.e_editor.style.width =
         element.clientWidth -
-        parseInt(ncs.getPropertyValue("padding-left")) -
-        parseInt(ncs.getPropertyValue("padding-right")) +
-        "px";
-      element.innerHTML = "";
+        parseInt(ncs.getPropertyValue('padding-left')) -
+        parseInt(ncs.getPropertyValue('padding-right')) +
+        'px';
+      element.innerHTML = '';
       element.appendChild(this.e_editor);
       element.style.zIndex = 5;
       this.e_editor.focus();
@@ -2846,7 +2740,7 @@ import styles from "./index.module.scss";
         var view_data = node._data.view;
         var element = view_data.element;
         var topic = this.e_editor.value;
-        element.style.zIndex = "auto";
+        element.style.zIndex = 'auto';
         element.removeChild(this.e_editor);
         if (jm.util.text.is_empty(topic) || node.topic === topic) {
           if (this.opts.support_html) {
@@ -2871,8 +2765,8 @@ import styles from "./index.module.scss";
     resize: function () {
       this.e_canvas.width = 1;
       this.e_canvas.height = 1;
-      this.e_nodes.style.width = "1px";
-      this.e_nodes.style.height = "1px";
+      this.e_nodes.style.width = '1px';
+      this.e_nodes.style.height = '1px';
 
       this.expand_size();
       this._show();
@@ -2881,8 +2775,8 @@ import styles from "./index.module.scss";
     _show: function () {
       this.e_canvas.width = this.size.w;
       this.e_canvas.height = this.size.h;
-      this.e_nodes.style.width = this.size.w + "px";
-      this.e_nodes.style.height = this.size.h + "px";
+      this.e_nodes.style.width = this.size.w + 'px';
+      this.e_nodes.style.height = this.size.h + 'px';
       this.show_nodes();
       this.show_lines();
       //this.layout.cache_valid = true;
@@ -2903,7 +2797,7 @@ import styles from "./index.module.scss";
       }
       this.actualZoom = zoom;
       for (var i = 0; i < this.e_panel.children.length; i++) {
-        this.e_panel.children[i].style.transform = "scale(" + zoom + ")";
+        this.e_panel.children[i].style.transform = 'scale(' + zoom + ')';
       }
       this.show(true);
       return true;
@@ -2923,10 +2817,10 @@ import styles from "./index.module.scss";
     },
 
     show: function (keep_center) {
-      logger.debug("view.show");
+      logger.debug('view.show');
       this.expand_size();
       this._show();
-      if (!!keep_center) {
+      if (keep_center) {
         this._center_root();
       }
     },
@@ -2946,10 +2840,8 @@ import styles from "./index.module.scss";
 
     restore_location: function (node) {
       var vd = node._data.view;
-      this.e_panel.scrollLeft =
-        parseInt(vd.element.style.left) - vd._saved_location.x;
-      this.e_panel.scrollTop =
-        parseInt(vd.element.style.top) - vd._saved_location.y;
+      this.e_panel.scrollLeft = parseInt(vd.element.style.left) - vd._saved_location.x;
+      this.e_panel.scrollTop = parseInt(vd.element.style.top) - vd._saved_location.y;
     },
 
     clear_nodes: function () {
@@ -2964,7 +2856,7 @@ import styles from "./index.module.scss";
         node._data.view.element = null;
         node._data.view.expander = null;
       }
-      this.e_nodes.innerHTML = "";
+      this.e_nodes.innerHTML = '';
     },
 
     show_nodes: function () {
@@ -2974,7 +2866,7 @@ import styles from "./index.module.scss";
       var expander = null;
       var p = null;
       var p_expander = null;
-      var expander_text = "-";
+      var expander_text = '-';
       var view_data = null;
       var _offset = this.get_view_offset();
       for (var nodeid in nodes) {
@@ -2983,31 +2875,31 @@ import styles from "./index.module.scss";
         node_element = view_data.element;
         expander = view_data.expander;
         if (!this.layout.is_visible(node)) {
-          node_element.style.display = "none";
-          expander.style.display = "none";
+          node_element.style.display = 'none';
+          expander.style.display = 'none';
           continue;
         }
         this.reset_node_custom_style(node);
         p = this.layout.get_node_point(node);
         view_data.abs_x = _offset.x + p.x;
         view_data.abs_y = _offset.y + p.y;
-        node_element.style.left = _offset.x + p.x + "px";
-        node_element.style.top = _offset.y + p.y + "px";
-        node_element.style.display = "";
-        node_element.style.visibility = "visible";
+        node_element.style.left = _offset.x + p.x + 'px';
+        node_element.style.top = _offset.y + p.y + 'px';
+        node_element.style.display = '';
+        node_element.style.visibility = 'visible';
         if (!node.isroot && node.children.length > 0) {
-          expander_text = node.expanded ? "-" : "+";
+          expander_text = node.expanded ? '-' : '+';
           p_expander = this.layout.get_expander_point(node);
-          expander.style.left = _offset.x + p_expander.x + "px";
-          expander.style.top = _offset.y + p_expander.y + "px";
-          expander.style.display = "";
-          expander.style.visibility = "visible";
+          expander.style.left = _offset.x + p_expander.x + 'px';
+          expander.style.top = _offset.y + p_expander.y + 'px';
+          expander.style.display = '';
+          expander.style.visibility = 'visible';
           $t(expander, expander_text);
         }
         // hide expander while all children have been removed
         if (!node.isroot && node.children.length == 0) {
-          expander.style.display = "none";
-          expander.style.visibility = "hidden";
+          expander.style.display = 'none';
+          expander.style.visibility = 'hidden';
         }
       }
     },
@@ -3017,72 +2909,60 @@ import styles from "./index.module.scss";
     },
 
     _reset_node_custom_style: function (node_element, node_data) {
-      if ("background-color" in node_data) {
-        node_element.style.backgroundColor = node_data["background-color"];
+      if ('background-color' in node_data) {
+        node_element.style.backgroundColor = node_data['background-color'];
       }
-      if ("foreground-color" in node_data) {
-        node_element.style.color = node_data["foreground-color"];
+      if ('foreground-color' in node_data) {
+        node_element.style.color = node_data['foreground-color'];
       }
-      if ("width" in node_data) {
-        node_element.style.width = node_data["width"] + "px";
+      if ('width' in node_data) {
+        node_element.style.width = node_data['width'] + 'px';
       }
-      if ("height" in node_data) {
-        node_element.style.height = node_data["height"] + "px";
+      if ('height' in node_data) {
+        node_element.style.height = node_data['height'] + 'px';
       }
-      if ("font-size" in node_data) {
-        node_element.style.fontSize = node_data["font-size"] + "px";
+      if ('font-size' in node_data) {
+        node_element.style.fontSize = node_data['font-size'] + 'px';
       }
-      if ("font-weight" in node_data) {
-        node_element.style.fontWeight = node_data["font-weight"];
+      if ('font-weight' in node_data) {
+        node_element.style.fontWeight = node_data['font-weight'];
       }
-      if ("font-style" in node_data) {
-        node_element.style.fontStyle = node_data["font-style"];
+      if ('font-style' in node_data) {
+        node_element.style.fontStyle = node_data['font-style'];
       }
-      if ("background-image" in node_data) {
-        var backgroundImage = node_data["background-image"];
-        if (
-          backgroundImage.startsWith("data") &&
-          node_data["width"] &&
-          node_data["height"]
-        ) {
+      if ('background-image' in node_data) {
+        var backgroundImage = node_data['background-image'];
+        if (backgroundImage.startsWith('data') && node_data['width'] && node_data['height']) {
           var img = new Image();
 
           img.onload = function () {
-            var c = $c("canvas");
+            var c = $c('canvas');
             c.width = node_element.clientWidth;
             c.height = node_element.clientHeight;
             var img = this;
             if (c.getContext) {
-              var ctx = c.getContext("2d");
-              ctx.drawImage(
-                img,
-                2,
-                2,
-                node_element.clientWidth,
-                node_element.clientHeight
-              );
+              var ctx = c.getContext('2d');
+              ctx.drawImage(img, 2, 2, node_element.clientWidth, node_element.clientHeight);
               var scaledImageData = c.toDataURL();
-              node_element.style.backgroundImage =
-                "url(" + scaledImageData + ")";
+              node_element.style.backgroundImage = 'url(' + scaledImageData + ')';
             }
           };
           img.src = backgroundImage;
         } else {
-          node_element.style.backgroundImage = "url(" + backgroundImage + ")";
+          node_element.style.backgroundImage = 'url(' + backgroundImage + ')';
         }
-        node_element.style.backgroundSize = "99%";
+        node_element.style.backgroundSize = '99%';
 
-        if ("background-rotation" in node_data) {
-          node_element.style.transform =
-            "rotate(" + node_data["background-rotation"] + "deg)";
+        if ('background-rotation' in node_data) {
+          node_element.style.transform = 'rotate(' + node_data['background-rotation'] + 'deg)';
         }
       }
     },
 
     clear_node_custom_style: function (node) {
       var node_element = node._data.view.element;
-      node_element.style.backgroundColor = "";
-      node_element.style.color = "";
+      node_element.style.backgroundColor = '';
+      node_element.style.color = '';
     },
 
     clear_lines: function (canvas_ctx) {
@@ -3099,10 +2979,10 @@ import styles from "./index.module.scss";
       var _offset = this.get_view_offset();
       for (var nodeid in nodes) {
         node = nodes[nodeid];
-        if (!!node.isroot) {
+        if (node.isroot) {
           continue;
         }
-        if ("visible" in node._data.layout && !node._data.layout.visible) {
+        if ('visible' in node._data.layout && !node._data.layout.visible) {
           continue;
         }
         pin = this.layout.get_node_point_in(node);
@@ -3115,7 +2995,7 @@ import styles from "./index.module.scss";
       var ctx = canvas_ctx || this.canvas_ctx;
       ctx.strokeStyle = this.opts.line_color;
       ctx.lineWidth = this.opts.line_width;
-      ctx.lineCap = "round";
+      ctx.lineCap = 'round';
 
       jm.util.canvas.bezierto(
         ctx,
@@ -3138,17 +3018,17 @@ import styles from "./index.module.scss";
 
   jm.shortcut_provider.prototype = {
     init: function () {
-      jm.util.dom.add_event($d, "keydown", this.handler.bind(this));
+      jm.util.dom.add_event($d, 'keydown', this.handler.bind(this));
 
-      this.handles["addchild"] = this.handle_addchild;
-      this.handles["addbrother"] = this.handle_addbrother;
-      this.handles["editnode"] = this.handle_editnode;
-      this.handles["delnode"] = this.handle_delnode;
-      this.handles["toggle"] = this.handle_toggle;
-      this.handles["up"] = this.handle_up;
-      this.handles["down"] = this.handle_down;
-      this.handles["left"] = this.handle_left;
-      this.handles["right"] = this.handle_right;
+      this.handles['addchild'] = this.handle_addchild;
+      this.handles['addbrother'] = this.handle_addbrother;
+      this.handles['editnode'] = this.handle_editnode;
+      this.handles['delnode'] = this.handle_delnode;
+      this.handles['toggle'] = this.handle_toggle;
+      this.handles['up'] = this.handle_up;
+      this.handles['down'] = this.handle_down;
+      this.handles['left'] = this.handle_left;
+      this.handles['right'] = this.handle_right;
 
       for (var handle in this.mapping) {
         if (!!this.mapping[handle] && handle in this.handles) {
@@ -3187,10 +3067,10 @@ import styles from "./index.module.scss";
 
     handle_addchild: function (_jm, e) {
       var selected_node = _jm.get_selected_node();
-      if (!!selected_node) {
+      if (selected_node) {
         var nodeid = jm.util.uuid.newid();
-        var node = _jm.add_node(selected_node, nodeid, "输入文字");
-        if (!!node) {
+        var node = _jm.add_node(selected_node, nodeid, '输入文字');
+        if (node) {
           _jm.select_node(nodeid);
           _jm.begin_edit(nodeid);
         }
@@ -3200,8 +3080,8 @@ import styles from "./index.module.scss";
       var selected_node = _jm.get_selected_node();
       if (!!selected_node && !selected_node.isroot) {
         var nodeid = jm.util.uuid.newid();
-        var node = _jm.insert_node_after(selected_node, nodeid, "输入文字");
-        if (!!node) {
+        var node = _jm.insert_node_after(selected_node, nodeid, '输入文字');
+        if (node) {
           _jm.select_node(nodeid);
           _jm.begin_edit(nodeid);
         }
@@ -3209,7 +3089,7 @@ import styles from "./index.module.scss";
     },
     handle_editnode: function (_jm, e) {
       var selected_node = _jm.get_selected_node();
-      if (!!selected_node) {
+      if (selected_node) {
         _jm.begin_edit(selected_node);
       }
     },
@@ -3224,7 +3104,7 @@ import styles from "./index.module.scss";
     handle_toggle: function (_jm, e) {
       var evt = e || event;
       var selected_node = _jm.get_selected_node();
-      if (!!selected_node) {
+      if (selected_node) {
         _jm.toggle_node(selected_node.id);
         evt.stopPropagation();
         evt.preventDefault();
@@ -3233,7 +3113,7 @@ import styles from "./index.module.scss";
     handle_up: function (_jm, e) {
       var evt = e || event;
       var selected_node = _jm.get_selected_node();
-      if (!!selected_node) {
+      if (selected_node) {
         var up_node = _jm.find_node_before(selected_node);
         if (!up_node) {
           var np = _jm.find_node_before(selected_node.parent);
@@ -3241,7 +3121,7 @@ import styles from "./index.module.scss";
             up_node = np.children[np.children.length - 1];
           }
         }
-        if (!!up_node) {
+        if (up_node) {
           _jm.select_node(up_node);
         }
         evt.stopPropagation();
@@ -3252,7 +3132,7 @@ import styles from "./index.module.scss";
     handle_down: function (_jm, e) {
       var evt = e || event;
       var selected_node = _jm.get_selected_node();
-      if (!!selected_node) {
+      if (selected_node) {
         var down_node = _jm.find_node_after(selected_node);
         if (!down_node) {
           var np = _jm.find_node_after(selected_node.parent);
@@ -3260,7 +3140,7 @@ import styles from "./index.module.scss";
             down_node = np.children[0];
           }
         }
-        if (!!down_node) {
+        if (down_node) {
           _jm.select_node(down_node);
         }
         evt.stopPropagation();
@@ -3278,7 +3158,7 @@ import styles from "./index.module.scss";
       var evt = e || event;
       var selected_node = _jm.get_selected_node();
       var node = null;
-      if (!!selected_node) {
+      if (selected_node) {
         if (selected_node.isroot) {
           var c = selected_node.children;
           var children = [];
@@ -3297,7 +3177,7 @@ import styles from "./index.module.scss";
         } else {
           node = selected_node.parent;
         }
-        if (!!node) {
+        if (node) {
           _jm.select_node(node);
         }
         evt.stopPropagation();
@@ -3331,7 +3211,7 @@ import styles from "./index.module.scss";
     var fn_init = null;
     for (var i = 0; i < l; i++) {
       fn_init = jm.plugins[i].init;
-      if (typeof fn_init === "function") {
+      if (typeof fn_init === 'function') {
         fn_init(sender);
       }
     }
@@ -3345,13 +3225,13 @@ import styles from "./index.module.scss";
   };
 
   // export jsmind
-  if (typeof module !== "undefined" && typeof exports === "object") {
+  if (typeof module !== 'undefined' && typeof exports === 'object') {
     module.exports = jm;
-  } else if (typeof define === "function" && (define.amd || define.cmd)) {
+  } else if (typeof define === 'function' && (define.amd || define.cmd)) {
     define(function () {
       return jm;
     });
   } else {
     $w[__name__] = jm;
   }
-})(typeof window !== "undefined" ? window : global);
+})(typeof window !== 'undefined' ? window : global);
diff --git a/packages/client/src/components/tiptap/extensions/paste.tsx b/packages/client/src/components/tiptap/extensions/paste.tsx
index 8f832da0..6b436b9e 100644
--- a/packages/client/src/components/tiptap/extensions/paste.tsx
+++ b/packages/client/src/components/tiptap/extensions/paste.tsx
@@ -1,11 +1,11 @@
-import { Plugin, EditorState } from "prosemirror-state";
-import { Extension } from "@tiptap/core";
+import { Plugin, EditorState } from 'prosemirror-state';
+import { Extension } from '@tiptap/core';
 // @ts-ignore
-import { lowlight } from "lowlight";
-import { uploadFile } from "services/file";
-import { Attachment } from "./attachment";
-import { Image } from "./image";
-import { markdownSerializer } from "../markdown";
+import { lowlight } from 'lowlight';
+import { uploadFile } from 'services/file';
+import { Attachment } from './attachment';
+import { Image } from './image';
+import { markdownSerializer } from '../markdown';
 
 const isMarkActive =
   (type) =>
@@ -40,7 +40,7 @@ const LANGUAGES = lowlight.listLanguages().reduce((a, language) => {
 }, {});
 
 export const acceptedMimes = {
-  image: ["image/jpeg", "image/png", "image/gif", "image/jpg"],
+  image: ['image/jpeg', 'image/png', 'image/gif', 'image/jpg'],
 };
 
 function isMarkdown(text: string): boolean {
@@ -85,9 +85,9 @@ export const Paste = Extension.create({
             if (!event.clipboardData) return false;
 
             const file = event.clipboardData.files[0];
-            const text = event.clipboardData.getData("text/plain");
-            const html = event.clipboardData.getData("text/html");
-            const vscode = event.clipboardData.getData("vscode-editor-data");
+            const text = event.clipboardData.getData('text/plain');
+            const html = event.clipboardData.getData('text/html');
+            const vscode = event.clipboardData.getData('vscode-editor-data');
 
             if (file) {
               event.preventDefault();
@@ -134,11 +134,7 @@ export const Paste = Extension.create({
             // }
 
             // 处理 markdown
-            if (
-              isMarkdown(text) ||
-              html.length === 0 ||
-              pasteCodeLanguage === "markdown"
-            ) {
+            if (isMarkdown(text) || html.length === 0 || pasteCodeLanguage === 'markdown') {
               event.preventDefault();
               const paste = markdownSerializer.deserialize({
                 schema: view.props.state.schema,
@@ -184,12 +180,9 @@ export const Paste = Extension.create({
             });
           },
           clipboardTextSerializer: (slice) => {
-            const doc = this.editor.schema.topNodeType.createAndFill(
-              undefined,
-              slice.content
-            );
+            const doc = this.editor.schema.topNodeType.createAndFill(undefined, slice.content);
             if (!doc) {
-              return "";
+              return '';
             }
             const content = markdownSerializer.serialize({
               schema: this.editor.schema,
diff --git a/packages/client/src/components/tiptap/extensions/status/index.tsx b/packages/client/src/components/tiptap/extensions/status/index.tsx
index a446741a..674defe9 100644
--- a/packages/client/src/components/tiptap/extensions/status/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/status/index.tsx
@@ -1,13 +1,9 @@
-import { Node, Command, mergeAttributes } from "@tiptap/core";
-import {
-  NodeViewWrapper,
-  NodeViewContent,
-  ReactNodeViewRenderer,
-} from "@tiptap/react";
-import { Space, Popover, Tag, Input } from "@douyinfe/semi-ui";
-import styles from "./index.module.scss";
+import { Node, Command, mergeAttributes } from '@tiptap/core';
+import { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';
+import { Space, Popover, Tag, Input } from '@douyinfe/semi-ui';
+import styles from './index.module.scss';
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands {
     status: {
       setStatus: () => Command;
@@ -16,33 +12,30 @@ declare module "@tiptap/core" {
 }
 
 const StatusExtension = Node.create({
-  name: "status",
-  content: "text*",
-  group: "inline",
+  name: 'status',
+  content: 'text*',
+  group: 'inline',
   inline: true,
 
   addAttributes() {
     return {
       color: {
-        default: "grey",
+        default: 'grey',
       },
       text: {
-        default: "",
+        default: '',
       },
     };
   },
 
   parseHTML() {
-    return [{ tag: "span[data-type=status]" }];
+    return [{ tag: 'span[data-type=status]' }];
   },
 
   renderHTML({ HTMLAttributes }) {
     return [
-      "span",
-      mergeAttributes(
-        (this.options && this.options.HTMLAttributes) || {},
-        HTMLAttributes
-      ),
+      'span',
+      mergeAttributes((this.options && this.options.HTMLAttributes) || {}, HTMLAttributes),
     ];
   },
 
@@ -64,7 +57,7 @@ const StatusExtension = Node.create({
 const Render = ({ editor, node, updateAttributes }) => {
   const isEditable = editor.isEditable;
   const { color, text } = node.attrs;
-  const content = <Tag color={color}>{text || "设置状态"}</Tag>;
+  const content = <Tag color={color}>{text || '设置状态'}</Tag>;
 
   return (
     <NodeViewWrapper as="span" className={styles.wrap}>
@@ -81,20 +74,18 @@ const Render = ({ editor, node, updateAttributes }) => {
                 />
               </div>
               <Space>
-                {["grey", "red", "green", "orange", "purple", "teal"].map(
-                  (color) => {
-                    return (
-                      <Tag
-                        key={color}
-                        style={{ width: 24, height: 24, cursor: "pointer" }}
-                        type="solid"
-                        // @ts-ignore
-                        color={color}
-                        onClick={() => updateAttributes({ color })}
-                      ></Tag>
-                    );
-                  }
-                )}
+                {['grey', 'red', 'green', 'orange', 'purple', 'teal'].map((color) => {
+                  return (
+                    <Tag
+                      key={color}
+                      style={{ width: 24, height: 24, cursor: 'pointer' }}
+                      type="solid"
+                      // @ts-ignore
+                      color={color}
+                      onClick={() => updateAttributes({ color })}
+                    ></Tag>
+                  );
+                })}
               </Space>
             </>
           }
diff --git a/packages/client/src/components/tiptap/extensions/table.tsx b/packages/client/src/components/tiptap/extensions/table.tsx
index e020ec75..c49d4199 100644
--- a/packages/client/src/components/tiptap/extensions/table.tsx
+++ b/packages/client/src/components/tiptap/extensions/table.tsx
@@ -1,6 +1,6 @@
-import Table from "@tiptap/extension-table";
-import TableRow from "@tiptap/extension-table-row";
-import TableCell from "@tiptap/extension-table-cell";
-import TableHeader from "@tiptap/extension-table-header";
+import Table from '@tiptap/extension-table';
+import TableRow from '@tiptap/extension-table-row';
+import TableCell from '@tiptap/extension-table-cell';
+import TableHeader from '@tiptap/extension-table-header';
 
 export { Table, TableRow, TableCell, TableHeader };
diff --git a/packages/client/src/components/tiptap/extensions/title.tsx b/packages/client/src/components/tiptap/extensions/title.tsx
index 80c8ae0f..4d915051 100644
--- a/packages/client/src/components/tiptap/extensions/title.tsx
+++ b/packages/client/src/components/tiptap/extensions/title.tsx
@@ -1,15 +1,15 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import Document from "@tiptap/extension-document";
+import { Node, mergeAttributes } from '@tiptap/core';
+import Document from '@tiptap/extension-document';
 
 const Title = Node.create({
-  name: "title",
-  group: "block",
-  content: "text*",
+  name: 'title',
+  group: 'block',
+  content: 'text*',
 
   addOptions() {
     return {
       HTMLAttributes: {
-        class: "title",
+        class: 'title',
       },
     };
   },
@@ -17,22 +17,18 @@ const Title = Node.create({
   parseHTML() {
     return [
       {
-        tag: "h1[class=title]",
+        tag: 'h1[class=title]',
       },
     ];
   },
 
   renderHTML({ HTMLAttributes }) {
-    return [
-      "h1",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-      0,
-    ];
+    return ['h1', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
 });
 
 const TitledDocument = Document.extend({
-  content: "title block+",
+  content: 'title block+',
 });
 
 export { Document, Title, TitledDocument };
diff --git a/packages/client/src/components/tiptap/extensions/toc/index.tsx b/packages/client/src/components/tiptap/extensions/toc/index.tsx
index ab3a0865..c7ee2619 100644
--- a/packages/client/src/components/tiptap/extensions/toc/index.tsx
+++ b/packages/client/src/components/tiptap/extensions/toc/index.tsx
@@ -1,8 +1,8 @@
-import { useState, useEffect, useCallback } from "react";
-import { Command, Node, mergeAttributes } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
+import { useState, useEffect, useCallback } from 'react';
+import { Command, Node, mergeAttributes } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
 
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
   interface Commands {
     tableOfContents: {
       setToc: () => Command;
@@ -18,7 +18,7 @@ const Component = ({ editor }) => {
     const transaction = editor.state.tr;
 
     editor.state.doc.descendants((node, pos) => {
-      if (node.type.name === "heading") {
+      if (node.type.name === 'heading') {
         const id = `heading-${headings.length + 1}`;
 
         if (node.attrs.id !== id) {
@@ -36,8 +36,8 @@ const Component = ({ editor }) => {
       }
     });
 
-    transaction.setMeta("addToHistory", false);
-    transaction.setMeta("preventUpdate", true);
+    transaction.setMeta('addToHistory', false);
+    transaction.setMeta('preventUpdate', true);
 
     editor.view.dispatch(transaction);
 
@@ -51,10 +51,10 @@ const Component = ({ editor }) => {
       return null;
     }
 
-    editor.on("update", handleUpdate);
+    editor.on('update', handleUpdate);
 
     return () => {
-      editor.off("update", handleUpdate);
+      editor.off('update', handleUpdate);
     };
   }, [editor]);
 
@@ -62,22 +62,22 @@ const Component = ({ editor }) => {
 };
 
 export const Toc = Node.create({
-  name: "tableOfContents",
+  name: 'tableOfContents',
 
-  group: "block",
+  group: 'block',
 
   atom: true,
 
   parseHTML() {
     return [
       {
-        tag: "toc",
+        tag: 'toc',
       },
     ];
   },
 
   renderHTML({ HTMLAttributes }) {
-    return ["toc", mergeAttributes(HTMLAttributes)];
+    return ['toc', mergeAttributes(HTMLAttributes)];
   },
 
   addNodeView() {
@@ -87,7 +87,7 @@ export const Toc = Node.create({
   addGlobalAttributes() {
     return [
       {
-        types: ["heading"],
+        types: ['heading'],
         attributes: {
           id: {
             default: null,
diff --git a/packages/client/src/components/tiptap/extensions/trailing-node.tsx b/packages/client/src/components/tiptap/extensions/trailing-node.tsx
index 17f7fc27..b6261958 100644
--- a/packages/client/src/components/tiptap/extensions/trailing-node.tsx
+++ b/packages/client/src/components/tiptap/extensions/trailing-node.tsx
@@ -1,15 +1,14 @@
-import { Extension } from '@tiptap/core'
-import { PluginKey, Plugin } from 'prosemirror-state'
+import { Extension } from '@tiptap/core';
+import { PluginKey, Plugin } from 'prosemirror-state';
 
 // @ts-ignore
 function nodeEqualsType({ types, node }) {
-  return (Array.isArray(types) && types.includes(node.type)) || node.type === types
+  return (Array.isArray(types) && types.includes(node.type)) || node.type === types;
 }
 
-
 export interface TrailingNodeOptions {
-  node: string,
-  notAfter: string[],
+  node: string;
+  notAfter: string[];
 }
 
 export const TrailingNode = Extension.create<TrailingNodeOptions>({
@@ -18,50 +17,48 @@ export const TrailingNode = Extension.create<TrailingNodeOptions>({
   addOptions() {
     return {
       node: 'paragraph',
-      notAfter: [
-        'paragraph',
-      ],
-    }
+      notAfter: ['paragraph'],
+    };
   },
 
   addProseMirrorPlugins() {
-    const plugin = new PluginKey(this.name)
+    const plugin = new PluginKey(this.name);
     const disabledNodes = Object.entries(this.editor.schema.nodes)
       .map(([, value]) => value)
-      .filter(node => this.options.notAfter.includes(node.name))
+      .filter((node) => this.options.notAfter.includes(node.name));
 
     return [
       new Plugin({
         key: plugin,
         appendTransaction: (_, __, state) => {
-          const { doc, tr, schema } = state
-          const shouldInsertNodeAtEnd = plugin.getState(state)
-          const endPosition = doc.content.size
-          const type = schema.nodes[this.options.node]
+          const { doc, tr, schema } = state;
+          const shouldInsertNodeAtEnd = plugin.getState(state);
+          const endPosition = doc.content.size;
+          const type = schema.nodes[this.options.node];
 
           if (!shouldInsertNodeAtEnd) {
-            return
+            return;
           }
 
-          return tr.insert(endPosition, type.create())
+          return tr.insert(endPosition, type.create());
         },
         state: {
           init: (_, state) => {
-            const lastNode = state.tr.doc.lastChild
+            const lastNode = state.tr.doc.lastChild;
 
-            return !nodeEqualsType({ node: lastNode, types: disabledNodes })
+            return !nodeEqualsType({ node: lastNode, types: disabledNodes });
           },
           apply: (tr, value) => {
             if (!tr.docChanged) {
-              return value
+              return value;
             }
 
-            const lastNode = tr.doc.lastChild
+            const lastNode = tr.doc.lastChild;
 
-            return !nodeEqualsType({ node: lastNode, types: disabledNodes })
+            return !nodeEqualsType({ node: lastNode, types: disabledNodes });
           },
         },
       }),
-    ]
+    ];
   },
-})
\ No newline at end of file
+});
diff --git a/packages/client/src/components/tiptap/index.tsx b/packages/client/src/components/tiptap/index.tsx
index a6cc51ff..eed6cf9e 100644
--- a/packages/client/src/components/tiptap/index.tsx
+++ b/packages/client/src/components/tiptap/index.tsx
@@ -1,18 +1,14 @@
-import {
-  BaseExtension,
-  Document,
-  TitledDocument as DocumentWithTitle,
-} from "./base-kit";
-import { HocuspocusProvider } from "@hocuspocus/provider";
-import Collaboration from "@tiptap/extension-collaboration";
-import CollaborationCursor from "@tiptap/extension-collaboration-cursor";
-import { getRandomColor } from "helpers/color";
+import { BaseExtension, Document, TitledDocument as DocumentWithTitle } from './base-kit';
+import { HocuspocusProvider } from '@hocuspocus/provider';
+import Collaboration from '@tiptap/extension-collaboration';
+import CollaborationCursor from '@tiptap/extension-collaboration-cursor';
+import { getRandomColor } from 'helpers/color';
 
-export { getSchema } from "@tiptap/core";
-export * from "./menubar";
-export * from "./provider";
-export * from "./skeleton";
-export * from "./toc";
+export { getSchema } from '@tiptap/core';
+export * from './menubar';
+export * from './provider';
+export * from './skeleton';
+export * from './toc';
 
 export { Document, DocumentWithTitle };
 export const DEFAULT_EXTENSION = [...BaseExtension];
@@ -21,10 +17,7 @@ export const getCollaborationExtension = (provider: HocuspocusProvider) => {
     document: provider.document,
   });
 };
-export const getCollaborationCursorExtension = (
-  provider: HocuspocusProvider,
-  user
-) => {
+export const getCollaborationCursorExtension = (provider: HocuspocusProvider, user) => {
   return CollaborationCursor.configure({
     provider,
     user: {
diff --git a/packages/client/src/components/tiptap/markdown/helpers.tsx b/packages/client/src/components/tiptap/markdown/helpers.tsx
index 0787f684..03facc55 100644
--- a/packages/client/src/components/tiptap/markdown/helpers.tsx
+++ b/packages/client/src/components/tiptap/markdown/helpers.tsx
@@ -4,11 +4,11 @@ const uniq = (arr: string[]) => [...new Set(arr)];
 function isString(value) {
   const type = typeof value;
   return (
-    type === "string" ||
-    (type === "object" &&
+    type === 'string' ||
+    (type === 'object' &&
       value != null &&
       !Array.isArray(value) &&
-      Object.prototype.toString.call(value) == "[object String]")
+      Object.prototype.toString.call(value) == '[object String]')
   );
 }
 
@@ -18,8 +18,8 @@ const defaultAttrs = {
 };
 
 const ignoreAttrs = {
-  dd: ["isTerm"],
-  dt: ["isTerm"],
+  dd: ['isTerm'],
+  dt: ['isTerm'],
 };
 
 const tableMap = new WeakMap();
@@ -52,7 +52,7 @@ function containsOnlyText(node) {
 function containsParagraphWithOnlyText(cell) {
   if (cell.childCount === 1) {
     const child = cell.child(0);
-    if (child.type.name === "paragraph") {
+    if (child.type.name === 'paragraph') {
       return containsOnlyText(child);
     }
   }
@@ -64,12 +64,12 @@ function getRowsAndCells(table) {
   const cells = [];
   const rows = [];
   table.descendants((n) => {
-    if (n.type.name === "tableCell" || n.type.name === "tableHeader") {
+    if (n.type.name === 'tableCell' || n.type.name === 'tableHeader') {
       cells.push(n);
       return false;
     }
 
-    if (n.type.name === "tableRow") {
+    if (n.type.name === 'tableRow') {
       rows.push(n);
     }
 
@@ -93,9 +93,7 @@ export function shouldRenderHTMLTable(table) {
   const maxColspan = Math.max(...cells.map((cell) => cell.attrs.colspan));
   const maxRowspan = Math.max(...cells.map((cell) => cell.attrs.rowspan));
 
-  const rowChildren = rows.map((row) =>
-    uniq(getChildren(row).map((cell) => cell.type.name))
-  );
+  const rowChildren = rows.map((row) => uniq(getChildren(row).map((cell) => cell.type.name)));
   const cellTypeInFirstRow = rowChildren[0];
   const cellTypesInOtherRows = uniq(rowChildren.slice(1).map(([type]) => type));
 
@@ -103,9 +101,9 @@ export function shouldRenderHTMLTable(table) {
   if (
     !(
       cellTypeInFirstRow.length === 1 &&
-      cellTypeInFirstRow[0] === "tableHeader" &&
+      cellTypeInFirstRow[0] === 'tableHeader' &&
       cellTypesInOtherRows.length === 1 &&
-      cellTypesInOtherRows[0] === "tableCell"
+      cellTypesInOtherRows[0] === 'tableCell'
     )
   ) {
     return true;
@@ -114,7 +112,7 @@ export function shouldRenderHTMLTable(table) {
   if (cellChildCount === 1 && maxColspan === 1 && maxRowspan === 1) {
     // if all rows contain only one paragraph each and no rowspan/colspan, render markdown table
     const children = uniq(cells.map((cell) => cell.child(0).type.name));
-    if (children.length === 1 && children[0] === "paragraph") {
+    if (children.length === 1 && children[0] === 'paragraph') {
       return false;
     }
   }
@@ -122,13 +120,13 @@ export function shouldRenderHTMLTable(table) {
   return true;
 }
 
-function htmlEncode(str = "") {
+function htmlEncode(str = '') {
   return str
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;")
-    .replace(/'/g, "&#39;")
-    .replace(/"/g, "&#34;");
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/'/g, '&#39;')
+    .replace(/"/g, '&#34;');
 }
 
 export function openTag(tagName, attrs) {
@@ -136,15 +134,12 @@ export function openTag(tagName, attrs) {
 
   str += Object.entries(attrs || {})
     .map(([key, value]) => {
-      if (
-        (ignoreAttrs[tagName] || []).includes(key) ||
-        defaultAttrs[tagName]?.[key] === value
-      )
-        return "";
+      if ((ignoreAttrs[tagName] || []).includes(key) || defaultAttrs[tagName]?.[key] === value)
+        return '';
 
       return ` ${key}="${htmlEncode(value?.toString())}"`;
     })
-    .join("");
+    .join('');
 
   return `${str}>`;
 }
@@ -168,7 +163,7 @@ function setIsInBlockTable(table, value) {
   rows.forEach((row) => tableMap.set(row, value));
   cells.forEach((cell) => {
     tableMap.set(cell, value);
-    if (cell.childCount && cell.child(0).type.name === "paragraph")
+    if (cell.childCount && cell.child(0).type.name === 'paragraph')
       tableMap.set(cell.child(0), value);
   });
 }
@@ -197,17 +192,15 @@ function renderTagClose(state, tagName, insertNewline = true) {
 function renderTableHeaderRowAsMarkdown(state, node, cellWidths) {
   state.flushClose(1);
 
-  state.write("|");
+  state.write('|');
   node.forEach((cell, _, i) => {
-    if (i) state.write("|");
+    if (i) state.write('|');
 
-    state.write(cell.attrs.align === "center" ? ":" : "-");
-    state.write(state.repeat("-", cellWidths[i]));
-    state.write(
-      cell.attrs.align === "center" || cell.attrs.align === "right" ? ":" : "-"
-    );
+    state.write(cell.attrs.align === 'center' ? ':' : '-');
+    state.write(state.repeat('-', cellWidths[i]));
+    state.write(cell.attrs.align === 'center' || cell.attrs.align === 'right' ? ':' : '-');
   });
-  state.write("|");
+  state.write('|');
 
   state.closeBlock(node);
 }
@@ -217,15 +210,15 @@ function renderTableRowAsMarkdown(state, node, isHeaderRow = false) {
 
   state.flushClose(1);
 
-  state.write("| ");
+  state.write('| ');
   node.forEach((cell, _, i) => {
-    if (i) state.write(" | ");
+    if (i) state.write(' | ');
 
     const { length } = state.out;
     state.render(cell, node, i);
     cellWidths.push(state.out.length - length);
   });
-  state.write(" |");
+  state.write(' |');
 
   state.closeBlock(node);
 
@@ -233,10 +226,10 @@ function renderTableRowAsMarkdown(state, node, isHeaderRow = false) {
 }
 
 function renderTableRowAsHTML(state, node) {
-  renderTagOpen(state, "tr");
+  renderTagOpen(state, 'tr');
 
   node.forEach((cell, _, i) => {
-    const tag = cell.type.name === "tableHeader" ? "th" : "td";
+    const tag = cell.type.name === 'tableHeader' ? 'th' : 'td';
 
     renderTagOpen(state, tag, cell.attrs);
 
@@ -251,7 +244,7 @@ function renderTableRowAsHTML(state, node) {
     renderTagClose(state, tag);
   });
 
-  renderTagClose(state, "tr");
+  renderTagClose(state, 'tr');
 }
 
 export function renderContent(state, node, forceRenderInline) {
@@ -266,8 +259,7 @@ export function renderContent(state, node, forceRenderInline) {
       state.flushClose();
     }
   } else {
-    const renderInline =
-      forceRenderInline || containsParagraphWithOnlyText(node);
+    const renderInline = forceRenderInline || containsParagraphWithOnlyText(node);
     if (!renderInline) {
       state.closeBlock(node);
       state.flushClose();
@@ -279,18 +271,14 @@ export function renderContent(state, node, forceRenderInline) {
   }
 }
 
-export function renderHTMLNode(
-  tagName,
-  forceRenderInline = false,
-  needNewLine = false
-) {
+export function renderHTMLNode(tagName, forceRenderInline = false, needNewLine = false) {
   return (state, node) => {
     renderTagOpen(state, tagName, node.attrs);
     renderContent(state, node, forceRenderInline);
     renderTagClose(state, tagName, false);
     if (needNewLine) {
       state.ensureNewLine();
-      state.write("<br />");
+      state.write('<br />');
       state.ensureNewLine();
     }
   };
@@ -300,12 +288,12 @@ export function renderOrderedList(state, node) {
   const { parens } = node.attrs;
   const start = node.attrs.start || 1;
   const maxW = String(start + node.childCount - 1).length;
-  const space = state.repeat(" ", maxW + 2);
-  const delimiter = parens ? ")" : ".";
+  const space = state.repeat(' ', maxW + 2);
+  const delimiter = parens ? ')' : '.';
 
   state.renderList(node, space, (i) => {
     const nStr = String(start + i);
-    return `${state.repeat(" ", maxW - nStr.length) + nStr}${delimiter} `;
+    return `${state.repeat(' ', maxW - nStr.length) + nStr}${delimiter} `;
   });
 }
 
@@ -321,22 +309,18 @@ export function renderTableRow(state, node) {
   if (isInBlockTable(node)) {
     renderTableRowAsHTML(state, node);
   } else {
-    renderTableRowAsMarkdown(
-      state,
-      node,
-      node.child(0).type.name === "tableHeader"
-    );
+    renderTableRowAsMarkdown(state, node, node.child(0).type.name === 'tableHeader');
   }
 }
 
 export function renderTable(state, node) {
   setIsInBlockTable(node, shouldRenderHTMLTable(node));
 
-  if (isInBlockTable(node)) renderTagOpen(state, "table");
+  if (isInBlockTable(node)) renderTagOpen(state, 'table');
 
   state.renderContent(node);
 
-  if (isInBlockTable(node)) renderTagClose(state, "table");
+  if (isInBlockTable(node)) renderTagClose(state, 'table');
 
   // ensure at least one blank line after any table
   state.closeBlock(node);
@@ -346,7 +330,7 @@ export function renderTable(state, node) {
 }
 
 export function renderHardBreak(state, node, parent, index) {
-  const br = isInTable(parent) ? "<br>" : "\\\n";
+  const br = isInTable(parent) ? '<br>' : '\\\n';
 
   for (let i = index + 1; i < parent.childCount; i += 1) {
     if (parent.child(i).type !== node.type) {
@@ -360,13 +344,9 @@ export function renderImage(state, node) {
   const { alt, canonicalSrc, src, title } = node.attrs;
 
   if (isString(src) || isString(canonicalSrc)) {
-    const quotedTitle = title ? ` ${state.quote(title)}` : "";
+    const quotedTitle = title ? ` ${state.quote(title)}` : '';
 
-    state.write(
-      `![${state.esc(alt || "")}](${state.esc(
-        canonicalSrc || src
-      )}${quotedTitle})`
-    );
+    state.write(`![${state.esc(alt || '')}](${state.esc(canonicalSrc || src)}${quotedTitle})`);
   }
 }
 
diff --git a/packages/client/src/components/tiptap/markdown/index.tsx b/packages/client/src/components/tiptap/markdown/index.tsx
index 0bbbf110..6dfbdbf1 100644
--- a/packages/client/src/components/tiptap/markdown/index.tsx
+++ b/packages/client/src/components/tiptap/markdown/index.tsx
@@ -1 +1 @@
-export * from "./serializer";
+export * from './serializer';
diff --git a/packages/client/src/components/tiptap/markdown/serializer.tsx b/packages/client/src/components/tiptap/markdown/serializer.tsx
index ef70b78e..163deda0 100644
--- a/packages/client/src/components/tiptap/markdown/serializer.tsx
+++ b/packages/client/src/components/tiptap/markdown/serializer.tsx
@@ -1,48 +1,48 @@
-import { DOMParser as ProseMirrorDOMParser } from "prosemirror-model";
-import { marked } from "marked";
-import { sanitize } from "dompurify";
+import { DOMParser as ProseMirrorDOMParser } from 'prosemirror-model';
+import { marked } from 'marked';
+import { sanitize } from 'dompurify';
 import {
   MarkdownSerializer as ProseMirrorMarkdownSerializer,
   defaultMarkdownSerializer,
-} from "prosemirror-markdown";
-import { Document, TitledDocument, Title } from "../extensions/title";
-import Placeholder from "@tiptap/extension-placeholder";
-import Paragraph from "@tiptap/extension-paragraph";
-import Text from "@tiptap/extension-text";
-import Strike from "@tiptap/extension-strike";
-import Underline from "@tiptap/extension-underline";
-import TextStyle from "@tiptap/extension-text-style";
-import { Color } from "@tiptap/extension-color";
-import Blockquote from "@tiptap/extension-blockquote";
-import Bold from "@tiptap/extension-bold";
-import Code from "@tiptap/extension-code";
-import Highlight from "@tiptap/extension-highlight";
-import TextAlign from "@tiptap/extension-text-align";
-import Dropcursor from "@tiptap/extension-dropcursor";
-import Gapcursor from "@tiptap/extension-gapcursor";
-import HardBreak from "@tiptap/extension-hard-break";
-import Heading from "@tiptap/extension-heading";
-import Italic from "@tiptap/extension-italic";
-import OrderedList from "@tiptap/extension-ordered-list";
-import BulletList from "@tiptap/extension-bullet-list";
-import ListItem from "@tiptap/extension-list-item";
-import TaskList from "@tiptap/extension-task-list";
-import TaskItem from "@tiptap/extension-task-item";
-import { BackgroundColor } from "../extensions/background-color";
-import { Link } from "../extensions/link";
-import { FontSize } from "../extensions/font-size";
-import { ColorHighlighter } from "../extensions/color-highlight";
-import { Indent } from "../extensions/indent";
-import { Div } from "../extensions/div";
-import { Banner } from "../extensions/banner";
-import { CodeBlock } from "../extensions/code-block";
-import { Iframe } from "../extensions/iframe";
-import { Mind } from "../extensions/mind";
-import { Katex } from "../extensions/katex";
-import { Image } from "../extensions/image";
-import { HorizontalRule } from "../extensions/horizontal-rule";
-import { Table, TableCell, TableHeader, TableRow } from "../extensions/table";
-import { DocumentChildren } from "../extensions/documents/children";
+} from 'prosemirror-markdown';
+import { Document, TitledDocument, Title } from '../extensions/title';
+import Placeholder from '@tiptap/extension-placeholder';
+import Paragraph from '@tiptap/extension-paragraph';
+import Text from '@tiptap/extension-text';
+import Strike from '@tiptap/extension-strike';
+import Underline from '@tiptap/extension-underline';
+import TextStyle from '@tiptap/extension-text-style';
+import { Color } from '@tiptap/extension-color';
+import Blockquote from '@tiptap/extension-blockquote';
+import Bold from '@tiptap/extension-bold';
+import Code from '@tiptap/extension-code';
+import Highlight from '@tiptap/extension-highlight';
+import TextAlign from '@tiptap/extension-text-align';
+import Dropcursor from '@tiptap/extension-dropcursor';
+import Gapcursor from '@tiptap/extension-gapcursor';
+import HardBreak from '@tiptap/extension-hard-break';
+import Heading from '@tiptap/extension-heading';
+import Italic from '@tiptap/extension-italic';
+import OrderedList from '@tiptap/extension-ordered-list';
+import BulletList from '@tiptap/extension-bullet-list';
+import ListItem from '@tiptap/extension-list-item';
+import TaskList from '@tiptap/extension-task-list';
+import TaskItem from '@tiptap/extension-task-item';
+import { BackgroundColor } from '../extensions/background-color';
+import { Link } from '../extensions/link';
+import { FontSize } from '../extensions/font-size';
+import { ColorHighlighter } from '../extensions/color-highlight';
+import { Indent } from '../extensions/indent';
+import { Div } from '../extensions/div';
+import { Banner } from '../extensions/banner';
+import { CodeBlock } from '../extensions/code-block';
+import { Iframe } from '../extensions/iframe';
+import { Mind } from '../extensions/mind';
+import { Katex } from '../extensions/katex';
+import { Image } from '../extensions/image';
+import { HorizontalRule } from '../extensions/horizontal-rule';
+import { Table, TableCell, TableHeader, TableRow } from '../extensions/table';
+import { DocumentChildren } from '../extensions/documents/children';
 
 import {
   isPlainURL,
@@ -57,14 +57,14 @@ import {
   renderPlayable,
   renderHTMLNode,
   renderContent,
-} from "./helpers";
+} from './helpers';
 
 const defaultSerializerConfig = {
   marks: {
     [Bold.name]: defaultMarkdownSerializer.marks.strong,
     [Italic.name]: {
-      open: "_",
-      close: "_",
+      open: '_',
+      close: '_',
       mixable: true,
       expelEnclosingWhitespace: true,
     },
@@ -82,21 +82,19 @@ const defaultSerializerConfig = {
     // },
     [Link.name]: {
       open(state, mark, parent, index) {
-        return isPlainURL(mark, parent, index, 1) ? "<" : "[";
+        return isPlainURL(mark, parent, index, 1) ? '<' : '[';
       },
       close(state, mark, parent, index) {
         const href = mark.attrs.canonicalSrc || mark.attrs.href;
 
         return isPlainURL(mark, parent, index, -1)
-          ? ">"
-          : `](${state.esc(href)}${
-              mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : ""
-            })`;
+          ? '>'
+          : `](${state.esc(href)}${mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : ''})`;
       },
     },
     [Strike.name]: {
-      open: "~~",
-      close: "~~",
+      open: '~~',
+      close: '~~',
       mixable: true,
       expelEnclosingWhitespace: true,
     },
@@ -106,27 +104,27 @@ const defaultSerializerConfig = {
     // [Audio.name]: renderPlayable,
     [Blockquote.name]: (state, node) => {
       if (node.attrs.multiline) {
-        state.write(">>>");
+        state.write('>>>');
         state.ensureNewLine();
         state.renderContent(node);
         state.ensureNewLine();
-        state.write(">>>");
+        state.write('>>>');
         state.closeBlock(node);
       } else {
-        state.wrapBlock("> ", null, node, () => state.renderContent(node));
+        state.wrapBlock('> ', null, node, () => state.renderContent(node));
       }
     },
     [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
     [CodeBlock.name]: (state, node) => {
-      state.write(`\`\`\`${node.attrs.language || ""}\n`);
+      state.write(`\`\`\`${node.attrs.language || ''}\n`);
       state.text(node.textContent, false);
       state.ensureNewLine();
-      state.write("```");
+      state.write('```');
       state.closeBlock(node);
     },
     [Katex.name]: (state, node) => {
       state.ensureNewLine();
-      state.write(`\$\$${node.attrs.text || ""}\$`);
+      state.write(`\$\$${node.attrs.text || ''}\$`);
       state.closeBlock(node);
     },
     [DocumentChildren.name]: (state, node) => {
@@ -177,7 +175,7 @@ const defaultSerializerConfig = {
     //   state.write(syntax);
     //   state.closeBlock(node);
     // },
-    [Title.name]: renderHTMLNode("div", true, true),
+    [Title.name]: renderHTMLNode('div', true, true),
     // [FigureCaption.name]: renderHTMLNode("figcaption"),
     [HardBreak.name]: renderHardBreak,
     [Heading.name]: defaultMarkdownSerializer.nodes.heading,
@@ -198,7 +196,7 @@ const defaultSerializerConfig = {
     [TableHeader.name]: renderTableCell,
     [TableRow.name]: renderTableRow,
     [TaskItem.name]: (state, node) => {
-      state.write(`[${node.attrs.checked ? "x" : " "}] `);
+      state.write(`[${node.attrs.checked ? 'x' : ' '}] `);
       state.renderContent(node);
     },
     [TaskList.name]: (state, node) => {
@@ -218,7 +216,7 @@ const createMarkdownSerializer = () => ({
     const html = renderMarkdown(content);
     if (!html) return null;
     const parser = new DOMParser();
-    const { body } = parser.parseFromString(html, "text/html");
+    const { body } = parser.parseFromString(html, 'text/html');
     body.append(document.createComment(content));
     const state = ProseMirrorDOMParser.fromSchema(schema).parse(body);
     return state;
diff --git a/packages/client/src/components/tiptap/menubar.tsx b/packages/client/src/components/tiptap/menubar.tsx
index 7b91d754..bc891764 100644
--- a/packages/client/src/components/tiptap/menubar.tsx
+++ b/packages/client/src/components/tiptap/menubar.tsx
@@ -1,20 +1,20 @@
-import React from "react";
-import { Space, Button, Tooltip } from "@douyinfe/semi-ui";
-import { IconUndo, IconRedo } from "@douyinfe/semi-icons";
-import { IconClear } from "components/icons";
-import { Divider } from "./components/divider";
-import { MediaInsertMenu } from "./menus/media-insert";
-import { Paragraph } from "./menus/components/paragraph";
-import { FontSize } from "./menus/components/font-size";
-import { BaseMenu } from "./menus/base-menu";
-import { AlignMenu } from "./menus/align";
-import { ListMenu } from "./menus/list";
-import { BaseInsertMenu } from "./menus/base-insert";
-import { BaseBubbleMenu } from "./menus/base-bubble-menu";
-import { ImageBubbleMenu } from "./menus/image";
-import { BannerBubbleMenu } from "./menus/banner";
-import { LinkBubbleMenu } from "./menus/link";
-import { TableBubbleMenu } from "./menus/table";
+import React from 'react';
+import { Space, Button, Tooltip } from '@douyinfe/semi-ui';
+import { IconUndo, IconRedo } from '@douyinfe/semi-icons';
+import { IconClear } from 'components/icons';
+import { Divider } from './components/divider';
+import { MediaInsertMenu } from './menus/media-insert';
+import { Paragraph } from './menus/components/paragraph';
+import { FontSize } from './menus/components/font-size';
+import { BaseMenu } from './menus/base-menu';
+import { AlignMenu } from './menus/align';
+import { ListMenu } from './menus/list';
+import { BaseInsertMenu } from './menus/base-insert';
+import { BaseBubbleMenu } from './menus/base-bubble-menu';
+import { ImageBubbleMenu } from './menus/image';
+import { BannerBubbleMenu } from './menus/banner';
+import { LinkBubbleMenu } from './menus/link';
+import { TableBubbleMenu } from './menus/table';
 
 export const MenuBar: React.FC<{ editor: any }> = ({ editor }) => {
   if (!editor) {
diff --git a/packages/client/src/components/tiptap/menus/align.tsx b/packages/client/src/components/tiptap/menus/align.tsx
index 245ebd85..e5956da1 100644
--- a/packages/client/src/components/tiptap/menus/align.tsx
+++ b/packages/client/src/components/tiptap/menus/align.tsx
@@ -1,22 +1,22 @@
-import React from "react";
-import { Button, Dropdown, Tooltip } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Button, Dropdown, Tooltip } from '@douyinfe/semi-ui';
 import {
   IconAlignLeft,
   IconAlignCenter,
   IconAlignRight,
   IconAlignJustify,
-} from "@douyinfe/semi-icons";
-import { isTitleActive } from "../utils/active";
+} from '@douyinfe/semi-icons';
+import { isTitleActive } from '../utils/active';
 
 export const AlignMenu = ({ editor }) => {
   const current = (() => {
-    if (editor.isActive({ textAlign: "center" })) {
+    if (editor.isActive({ textAlign: 'center' })) {
       return <IconAlignCenter />;
     }
-    if (editor.isActive({ textAlign: "right" })) {
+    if (editor.isActive({ textAlign: 'right' })) {
       return <IconAlignRight />;
     }
-    if (editor.isActive({ textAlign: "justify" })) {
+    if (editor.isActive({ textAlign: 'justify' })) {
       return <IconAlignJustify />;
     }
     return <IconAlignLeft />;
@@ -33,7 +33,7 @@ export const AlignMenu = ({ editor }) => {
         <>
           <Tooltip content="左对齐">
             <Button
-              onClick={toggle("left")}
+              onClick={toggle('left')}
               icon={<IconAlignLeft />}
               type="tertiary"
               theme="borderless"
@@ -41,7 +41,7 @@ export const AlignMenu = ({ editor }) => {
           </Tooltip>
           <Tooltip content="居中">
             <Button
-              onClick={toggle("center")}
+              onClick={toggle('center')}
               icon={<IconAlignCenter />}
               type="tertiary"
               theme="borderless"
@@ -49,7 +49,7 @@ export const AlignMenu = ({ editor }) => {
           </Tooltip>
           <Tooltip content="右对齐">
             <Button
-              onClick={toggle("right")}
+              onClick={toggle('right')}
               icon={<IconAlignRight />}
               type="tertiary"
               theme="borderless"
@@ -57,7 +57,7 @@ export const AlignMenu = ({ editor }) => {
           </Tooltip>
           <Tooltip content="两端对齐">
             <Button
-              onClick={toggle("justify")}
+              onClick={toggle('justify')}
               icon={<IconAlignJustify />}
               type="tertiary"
               theme="borderless"
diff --git a/packages/client/src/components/tiptap/menus/banner.tsx b/packages/client/src/components/tiptap/menus/banner.tsx
index 047b81b4..c2c8c75b 100644
--- a/packages/client/src/components/tiptap/menus/banner.tsx
+++ b/packages/client/src/components/tiptap/menus/banner.tsx
@@ -1,26 +1,24 @@
-import { Space, Button, Tooltip } from "@douyinfe/semi-ui";
+import { Space, Button, Tooltip } from '@douyinfe/semi-ui';
 import {
   IconDelete,
   IconTickCircle,
   IconAlertTriangle,
   IconClear,
   IconInfoCircle,
-} from "@douyinfe/semi-icons";
-import { BubbleMenu } from "../components/bubble-menu";
-import { Divider } from "../components/divider";
-import { Banner } from "../extensions/banner";
-import { deleteNode } from "../utils/delete";
+} from '@douyinfe/semi-icons';
+import { BubbleMenu } from '../components/bubble-menu';
+import { Divider } from '../components/divider';
+import { Banner } from '../extensions/banner';
+import { deleteNode } from '../utils/delete';
 
 export const BannerBubbleMenu = ({ editor }) => {
   return (
     <BubbleMenu
-      className={"bubble-menu"}
+      className={'bubble-menu'}
       editor={editor}
       pluginKey="banner-bubble-menu"
       shouldShow={() => editor.isActive(Banner.name)}
-      matchRenderContainer={(node) =>
-        node && node.id === "js-bannber-container"
-      }
+      matchRenderContainer={(node) => node && node.id === 'js-bannber-container'}
     >
       <Space>
         <Tooltip content="信息" zIndex={10000}>
@@ -28,14 +26,12 @@ export const BannerBubbleMenu = ({ editor }) => {
             size="small"
             type="tertiary"
             theme="borderless"
-            icon={
-              <IconInfoCircle style={{ color: "var(--semi-color-info)" }} />
-            }
+            icon={<IconInfoCircle style={{ color: 'var(--semi-color-info)' }} />}
             onClick={() => {
               editor
                 .chain()
                 .updateAttributes(Banner.name, {
-                  type: "info",
+                  type: 'info',
                 })
                 .focus()
                 .run();
@@ -49,16 +45,12 @@ export const BannerBubbleMenu = ({ editor }) => {
               editor
                 .chain()
                 .updateAttributes(Banner.name, {
-                  type: "warning",
+                  type: 'warning',
                 })
                 .focus()
                 .run();
             }}
-            icon={
-              <IconAlertTriangle
-                style={{ color: "var(--semi-color-warning)" }}
-              />
-            }
+            icon={<IconAlertTriangle style={{ color: 'var(--semi-color-warning)' }} />}
             type="tertiary"
             theme="borderless"
             size="small"
@@ -71,12 +63,12 @@ export const BannerBubbleMenu = ({ editor }) => {
               editor
                 .chain()
                 .updateAttributes(Banner.name, {
-                  type: "danger",
+                  type: 'danger',
                 })
                 .focus()
                 .run();
             }}
-            icon={<IconClear style={{ color: "var(--semi-color-danger)" }} />}
+            icon={<IconClear style={{ color: 'var(--semi-color-danger)' }} />}
             type="tertiary"
             theme="borderless"
             size="small"
@@ -89,14 +81,12 @@ export const BannerBubbleMenu = ({ editor }) => {
               editor
                 .chain()
                 .updateAttributes(Banner.name, {
-                  type: "success",
+                  type: 'success',
                 })
                 .focus()
                 .run();
             }}
-            icon={
-              <IconTickCircle style={{ color: "var(--semi-color-success)" }} />
-            }
+            icon={<IconTickCircle style={{ color: 'var(--semi-color-success)' }} />}
             type="tertiary"
             theme="borderless"
             size="small"
@@ -111,7 +101,7 @@ export const BannerBubbleMenu = ({ editor }) => {
             type="tertiary"
             theme="borderless"
             icon={<IconDelete />}
-            onClick={() => deleteNode("banner", editor)}
+            onClick={() => deleteNode('banner', editor)}
           />
         </Tooltip>
       </Space>
diff --git a/packages/client/src/components/tiptap/menus/base-bubble-menu.tsx b/packages/client/src/components/tiptap/menus/base-bubble-menu.tsx
index 4680d8a7..6a36811e 100644
--- a/packages/client/src/components/tiptap/menus/base-bubble-menu.tsx
+++ b/packages/client/src/components/tiptap/menus/base-bubble-menu.tsx
@@ -1,18 +1,18 @@
-import React from "react";
-import { BubbleMenu, Editor } from "@tiptap/react";
-import { Space } from "@douyinfe/semi-ui";
-import { Title } from "../extensions/title";
-import { Link } from "../extensions/link";
-import { Attachment } from "../extensions/attachment";
-import { Image } from "../extensions/image";
-import { Banner } from "../extensions/banner";
-import { Iframe } from "../extensions/iframe";
-import { Mind } from "../extensions/mind";
-import { Table } from "../extensions/table";
-import { Katex } from "../extensions/katex";
-import { DocumentReference } from "../extensions/documents/reference";
-import { DocumentChildren } from "../extensions/documents/children";
-import { BaseMenu } from "./base-menu";
+import React from 'react';
+import { BubbleMenu, Editor } from '@tiptap/react';
+import { Space } from '@douyinfe/semi-ui';
+import { Title } from '../extensions/title';
+import { Link } from '../extensions/link';
+import { Attachment } from '../extensions/attachment';
+import { Image } from '../extensions/image';
+import { Banner } from '../extensions/banner';
+import { Iframe } from '../extensions/iframe';
+import { Mind } from '../extensions/mind';
+import { Table } from '../extensions/table';
+import { Katex } from '../extensions/katex';
+import { DocumentReference } from '../extensions/documents/reference';
+import { DocumentChildren } from '../extensions/documents/children';
+import { BaseMenu } from './base-menu';
 
 const OTHER_BUBBLE_MENU_TYPES = [
   Title.name,
@@ -36,7 +36,7 @@ export const BaseBubbleMenu: React.FC<{ editor: Editor }> = ({ editor }) => {
   return (
     <BubbleMenu
       editor={editor}
-      className={"bubble-menu"}
+      className={'bubble-menu'}
       pluginKey="base-bubble-menu"
       shouldShow={() =>
         !editor.state.selection.empty &&
diff --git a/packages/client/src/components/tiptap/menus/base-insert.tsx b/packages/client/src/components/tiptap/menus/base-insert.tsx
index 714cb3e0..d49a4f83 100644
--- a/packages/client/src/components/tiptap/menus/base-insert.tsx
+++ b/packages/client/src/components/tiptap/menus/base-insert.tsx
@@ -1,12 +1,8 @@
-import React from "react";
-import { Button, Tooltip } from "@douyinfe/semi-ui";
-import {
-  IconQuote,
-  IconCheckboxIndeterminate,
-  IconLink,
-} from "@douyinfe/semi-icons";
-import { isTitleActive } from "../utils/active";
-import { Emoji } from "./components/emoji";
+import React from 'react';
+import { Button, Tooltip } from '@douyinfe/semi-ui';
+import { IconQuote, IconCheckboxIndeterminate, IconLink } from '@douyinfe/semi-icons';
+import { isTitleActive } from '../utils/active';
+import { Emoji } from './components/emoji';
 
 export const BaseInsertMenu: React.FC<{ editor: any }> = ({ editor }) => {
   if (!editor) {
@@ -19,7 +15,7 @@ export const BaseInsertMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="插入链接">
         <Button
-          theme={editor.isActive("link") ? "light" : "borderless"}
+          theme={editor.isActive('link') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconLink />}
           onClick={() => editor.chain().focus().toggleLink().run()}
@@ -29,18 +25,18 @@ export const BaseInsertMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="插入引用">
         <Button
-          theme={editor.isActive("blockquote") ? "light" : "borderless"}
+          theme={editor.isActive('blockquote') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconQuote />}
           onClick={() => editor.chain().focus().toggleBlockquote().run()}
-          className={editor.isActive("blockquote") ? "is-active" : ""}
+          className={editor.isActive('blockquote') ? 'is-active' : ''}
           disabled={isTitleActive(editor)}
         />
       </Tooltip>
 
       <Tooltip zIndex={10000} content="插入分割线">
         <Button
-          theme={"borderless"}
+          theme={'borderless'}
           type="tertiary"
           icon={<IconCheckboxIndeterminate />}
           onClick={() => editor.chain().focus().setHorizontalRule().run()}
diff --git a/packages/client/src/components/tiptap/menus/base-menu.tsx b/packages/client/src/components/tiptap/menus/base-menu.tsx
index ea74c09e..ed35d9c4 100644
--- a/packages/client/src/components/tiptap/menus/base-menu.tsx
+++ b/packages/client/src/components/tiptap/menus/base-menu.tsx
@@ -1,14 +1,14 @@
-import React from "react";
-import { Button, Tooltip } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Button, Tooltip } from '@douyinfe/semi-ui';
 import {
   IconBold,
   IconItalic,
   IconStrikeThrough,
   IconUnderline,
   IconCode,
-} from "@douyinfe/semi-icons";
-import { isTitleActive } from "../utils/active";
-import { ColorMenu } from "./color";
+} from '@douyinfe/semi-icons';
+import { isTitleActive } from '../utils/active';
+import { ColorMenu } from './color';
 
 export const BaseMenu: React.FC<{ editor: any }> = ({ editor }) => {
   if (!editor) {
@@ -19,7 +19,7 @@ export const BaseMenu: React.FC<{ editor: any }> = ({ editor }) => {
     <>
       <Tooltip zIndex={10000} content="粗体">
         <Button
-          theme={editor.isActive("bold") ? "light" : "borderless"}
+          theme={editor.isActive('bold') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconBold />}
           onClick={() => editor.chain().focus().toggleBold().run()}
@@ -29,7 +29,7 @@ export const BaseMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="斜体">
         <Button
-          theme={editor.isActive("italic") ? "light" : "borderless"}
+          theme={editor.isActive('italic') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconItalic />}
           onClick={() => editor.chain().focus().toggleItalic().run()}
@@ -39,7 +39,7 @@ export const BaseMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="下划线">
         <Button
-          theme={editor.isActive("underline") ? "light" : "borderless"}
+          theme={editor.isActive('underline') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconUnderline />}
           onClick={() => editor.chain().focus().toggleUnderline().run()}
@@ -49,7 +49,7 @@ export const BaseMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="删除线">
         <Button
-          theme={editor.isActive("strike") ? "light" : "borderless"}
+          theme={editor.isActive('strike') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconStrikeThrough />}
           onClick={() => editor.chain().focus().toggleStrike().run()}
@@ -59,7 +59,7 @@ export const BaseMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="行内代码">
         <Button
-          theme={editor.isActive("code") ? "light" : "borderless"}
+          theme={editor.isActive('code') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconCode />}
           onClick={() => editor.chain().focus().toggleCode().run()}
diff --git a/packages/client/src/components/tiptap/menus/color.tsx b/packages/client/src/components/tiptap/menus/color.tsx
index 42b050f8..7f983bd0 100644
--- a/packages/client/src/components/tiptap/menus/color.tsx
+++ b/packages/client/src/components/tiptap/menus/color.tsx
@@ -1,11 +1,11 @@
-import React from "react";
-import { Button, Tooltip } from "@douyinfe/semi-ui";
-import { IconFont, IconMark } from "@douyinfe/semi-icons";
-import { isTitleActive } from "../utils/active";
-import { Color } from "../components/color";
+import React from 'react';
+import { Button, Tooltip } from '@douyinfe/semi-ui';
+import { IconFont, IconMark } from '@douyinfe/semi-icons';
+import { isTitleActive } from '../utils/active';
+import { Color } from '../components/color';
 
 export const ColorMenu: React.FC<{ editor: any }> = ({ editor }) => {
-  const { color, backgroundColor } = editor.getAttributes("textStyle");
+  const { color, backgroundColor } = editor.getAttributes('textStyle');
 
   if (!editor) {
     return null;
@@ -21,17 +21,17 @@ export const ColorMenu: React.FC<{ editor: any }> = ({ editor }) => {
       >
         <Tooltip zIndex={10000} content="文本色">
           <Button
-            theme={editor.isActive("textStyle") ? "light" : "borderless"}
-            type={"tertiary"}
+            theme={editor.isActive('textStyle') ? 'light' : 'borderless'}
+            type={'tertiary'}
             icon={
               <div
                 style={{
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "center",
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'center',
                 }}
               >
-                <IconFont style={{ fontSize: "0.85em" }} />
+                <IconFont style={{ fontSize: '0.85em' }} />
                 <span
                   style={{
                     width: 12,
@@ -53,14 +53,14 @@ export const ColorMenu: React.FC<{ editor: any }> = ({ editor }) => {
       >
         <Tooltip zIndex={10000} content="背景色">
           <Button
-            theme={editor.isActive("textStyle") ? "light" : "borderless"}
-            type={"tertiary"}
+            theme={editor.isActive('textStyle') ? 'light' : 'borderless'}
+            type={'tertiary'}
             icon={
               <div
                 style={{
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "center",
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'center',
                 }}
               >
                 <IconMark />
diff --git a/packages/client/src/components/tiptap/menus/components/emoji/index.tsx b/packages/client/src/components/tiptap/menus/components/emoji/index.tsx
index 71fc8d5e..7bd7b4a1 100644
--- a/packages/client/src/components/tiptap/menus/components/emoji/index.tsx
+++ b/packages/client/src/components/tiptap/menus/components/emoji/index.tsx
@@ -1,18 +1,18 @@
-import React, { useCallback } from "react";
-import { Popover, Button, Tooltip, Typography } from "@douyinfe/semi-ui";
-import { IconEmoji } from "components/icons";
-import { EXPRESSIONES, GESTURES } from "./constants";
-import styles from "./index.module.scss";
+import React, { useCallback } from 'react';
+import { Popover, Button, Tooltip, Typography } from '@douyinfe/semi-ui';
+import { IconEmoji } from 'components/icons';
+import { EXPRESSIONES, GESTURES } from './constants';
+import styles from './index.module.scss';
 
 const { Title } = Typography;
 
 const LIST = [
   {
-    title: "表情",
+    title: '表情',
     data: EXPRESSIONES,
   },
   {
-    title: "手势",
+    title: '手势',
     data: GESTURES,
   },
 ];
@@ -35,10 +35,7 @@ export const Emoji = ({ editor }) => {
           {LIST.map((item, index) => {
             return (
               <div key={item.title} className={styles.sectionWrap}>
-                <Title
-                  heading={6}
-                  style={{ margin: `${index === 0 ? 0 : 16}px 0 6px` }}
-                >
+                <Title heading={6} style={{ margin: `${index === 0 ? 0 : 16}px 0 6px` }}>
                   {item.title}
                 </Title>
                 <ul className={styles.listWrap}>
@@ -56,7 +53,7 @@ export const Emoji = ({ editor }) => {
     >
       <span>
         <Tooltip zIndex={10000} content="插入表情">
-          <Button theme={"borderless"} type="tertiary" icon={<IconEmoji />} />
+          <Button theme={'borderless'} type="tertiary" icon={<IconEmoji />} />
         </Tooltip>
       </span>
     </Popover>
diff --git a/packages/client/src/components/tiptap/menus/components/font-size.tsx b/packages/client/src/components/tiptap/menus/components/font-size.tsx
index 36220485..ce355c8e 100644
--- a/packages/client/src/components/tiptap/menus/components/font-size.tsx
+++ b/packages/client/src/components/tiptap/menus/components/font-size.tsx
@@ -1,19 +1,18 @@
-import React, { useCallback } from "react";
-import { Select } from "@douyinfe/semi-ui";
-import { isTitleActive } from "../../utils/active";
+import React, { useCallback } from 'react';
+import { Select } from '@douyinfe/semi-ui';
+import { isTitleActive } from '../../utils/active';
 
 export const FONT_SIZES = [12, 13, 14, 15, 16, 19, 22, 24, 29, 32, 40, 48];
 
 export const FontSize = ({ editor }) => {
-  const currentFontSizePx =
-    editor.getAttributes("textStyle").fontSize || "16px";
-  const currentFontSize = +currentFontSizePx.replace("px", "");
+  const currentFontSizePx = editor.getAttributes('textStyle').fontSize || '16px';
+  const currentFontSize = +currentFontSizePx.replace('px', '');
 
   const toggle = useCallback((val) => {
     editor
       .chain()
       .focus()
-      .setFontSize(val + "px")
+      .setFontSize(val + 'px')
       .run();
   }, []);
 
diff --git a/packages/client/src/components/tiptap/menus/components/paragraph.tsx b/packages/client/src/components/tiptap/menus/components/paragraph.tsx
index b3c28bf5..2340bf75 100644
--- a/packages/client/src/components/tiptap/menus/components/paragraph.tsx
+++ b/packages/client/src/components/tiptap/menus/components/paragraph.tsx
@@ -1,20 +1,20 @@
-import React, { useCallback } from "react";
-import { Select } from "@douyinfe/semi-ui";
-import { isTitleActive } from "../../utils/active";
+import React, { useCallback } from 'react';
+import { Select } from '@douyinfe/semi-ui';
+import { isTitleActive } from '../../utils/active';
 
 const getCurrentCaretTitle = (editor) => {
-  if (editor.isActive("heading", { level: 1 })) return 1;
-  if (editor.isActive("heading", { level: 2 })) return 2;
-  if (editor.isActive("heading", { level: 3 })) return 3;
-  if (editor.isActive("heading", { level: 4 })) return 4;
-  if (editor.isActive("heading", { level: 5 })) return 5;
-  if (editor.isActive("heading", { level: 6 })) return 6;
-  return "paragraph";
+  if (editor.isActive('heading', { level: 1 })) return 1;
+  if (editor.isActive('heading', { level: 2 })) return 2;
+  if (editor.isActive('heading', { level: 3 })) return 3;
+  if (editor.isActive('heading', { level: 4 })) return 4;
+  if (editor.isActive('heading', { level: 5 })) return 5;
+  if (editor.isActive('heading', { level: 6 })) return 6;
+  return 'paragraph';
 };
 
 export const Paragraph = ({ editor }) => {
   const toggle = useCallback((level) => {
-    if (level === "paragraph") {
+    if (level === 'paragraph') {
       editor.chain().focus().setParagraph().run();
     } else {
       editor.chain().focus().toggleHeading({ level }).run();
diff --git a/packages/client/src/components/tiptap/menus/image.tsx b/packages/client/src/components/tiptap/menus/image.tsx
index 7162d137..96c12a2a 100644
--- a/packages/client/src/components/tiptap/menus/image.tsx
+++ b/packages/client/src/components/tiptap/menus/image.tsx
@@ -1,29 +1,27 @@
-import { Space, Button, Tooltip } from "@douyinfe/semi-ui";
+import { Space, Button, Tooltip } from '@douyinfe/semi-ui';
 import {
   IconAlignLeft,
   IconAlignCenter,
   IconAlignRight,
   IconUpload,
   IconDelete,
-} from "@douyinfe/semi-icons";
-import { Upload } from "components/upload";
-import { BubbleMenu } from "../components/bubble-menu";
-import { Divider } from "../components/divider";
-import { Image } from "../extensions/image";
+} from '@douyinfe/semi-icons';
+import { Upload } from 'components/upload';
+import { BubbleMenu } from '../components/bubble-menu';
+import { Divider } from '../components/divider';
+import { Image } from '../extensions/image';
 
 export const ImageBubbleMenu = ({ editor }) => {
   return (
     <BubbleMenu
-      className={"bubble-menu"}
+      className={'bubble-menu'}
       editor={editor}
       pluginKey="image-bubble-menu"
       shouldShow={() => editor.isActive(Image.name)}
       tippyOptions={{
         maxWidth: 456,
       }}
-      matchRenderContainer={(node) =>
-        node && node.id === "js-resizeable-container"
-      }
+      matchRenderContainer={(node) => node && node.id === 'js-resizeable-container'}
     >
       <Space>
         <Tooltip content="左对齐" zIndex={10000}>
@@ -32,7 +30,7 @@ export const ImageBubbleMenu = ({ editor }) => {
               editor
                 .chain()
                 .updateAttributes(Image.name, {
-                  textAlign: "left",
+                  textAlign: 'left',
                 })
                 .setNodeSelection(editor.state.selection.from)
                 .focus()
@@ -50,7 +48,7 @@ export const ImageBubbleMenu = ({ editor }) => {
               editor
                 .chain()
                 .updateAttributes(Image.name, {
-                  textAlign: "center",
+                  textAlign: 'center',
                 })
                 .setNodeSelection(editor.state.selection.from)
                 .focus()
@@ -68,7 +66,7 @@ export const ImageBubbleMenu = ({ editor }) => {
               editor
                 .chain()
                 .updateAttributes(Image.name, {
-                  textAlign: "right",
+                  textAlign: 'right',
                 })
                 .setNodeSelection(editor.state.selection.from)
                 .focus()
@@ -88,7 +86,7 @@ export const ImageBubbleMenu = ({ editor }) => {
               .chain()
               .updateAttributes(Image.name, {
                 src: url,
-                alt: "filename",
+                alt: 'filename',
               })
               .setNodeSelection(editor.state.selection.from)
               .focus()
@@ -97,12 +95,7 @@ export const ImageBubbleMenu = ({ editor }) => {
         >
           {() => (
             <Tooltip content="上传图片" zIndex={10000}>
-              <Button
-                size="small"
-                type="tertiary"
-                theme="borderless"
-                icon={<IconUpload />}
-              />
+              <Button size="small" type="tertiary" theme="borderless" icon={<IconUpload />} />
             </Tooltip>
           )}
         </Upload>
diff --git a/packages/client/src/components/tiptap/menus/link.tsx b/packages/client/src/components/tiptap/menus/link.tsx
index cc2f50a5..24b4f8e8 100644
--- a/packages/client/src/components/tiptap/menus/link.tsx
+++ b/packages/client/src/components/tiptap/menus/link.tsx
@@ -1,17 +1,13 @@
-import { useEffect, useState } from "react";
-import { Space, Button, Tooltip, Input } from "@douyinfe/semi-ui";
-import {
-  IconExternalOpen,
-  IconUnlink,
-  IconTickCircle,
-} from "@douyinfe/semi-icons";
-import { BubbleMenu } from "../components/bubble-menu";
-import { Link } from "../extensions/link";
+import { useEffect, useState } from 'react';
+import { Space, Button, Tooltip, Input } from '@douyinfe/semi-ui';
+import { IconExternalOpen, IconUnlink, IconTickCircle } from '@douyinfe/semi-icons';
+import { BubbleMenu } from '../components/bubble-menu';
+import { Link } from '../extensions/link';
 
 export const LinkBubbleMenu = ({ editor }) => {
   const attrs = editor.getAttributes(Link.name);
   const { href, target } = attrs;
-  const [url, setUrl] = useState("");
+  const [url, setUrl] = useState('');
 
   useEffect(() => {
     setUrl(href);
@@ -19,7 +15,7 @@ export const LinkBubbleMenu = ({ editor }) => {
 
   return (
     <BubbleMenu
-      className={"bubble-menu"}
+      className={'bubble-menu'}
       editor={editor}
       pluginKey="link-bubble-menu"
       shouldShow={() => editor.isActive(Link.name)}
@@ -29,7 +25,7 @@ export const LinkBubbleMenu = ({ editor }) => {
         <Input
           value={url}
           onChange={(v) => setUrl(v)}
-          placeholder={"输入链接"}
+          placeholder={'输入链接'}
           onEnterPress={(e) => {
             // @ts-ignore
             const url = e.target.value;
diff --git a/packages/client/src/components/tiptap/menus/list.tsx b/packages/client/src/components/tiptap/menus/list.tsx
index cef62f9a..b8214145 100644
--- a/packages/client/src/components/tiptap/menus/list.tsx
+++ b/packages/client/src/components/tiptap/menus/list.tsx
@@ -1,13 +1,8 @@
-import React from "react";
-import { Button, Tooltip } from "@douyinfe/semi-ui";
-import {
-  IconList,
-  IconOrderedList,
-  IconIndentLeft,
-  IconIndentRight,
-} from "@douyinfe/semi-icons";
-import { IconTask } from "components/icons";
-import { isTitleActive } from "../utils/active";
+import React from 'react';
+import { Button, Tooltip } from '@douyinfe/semi-ui';
+import { IconList, IconOrderedList, IconIndentLeft, IconIndentRight } from '@douyinfe/semi-icons';
+import { IconTask } from 'components/icons';
+import { isTitleActive } from '../utils/active';
 
 export const ListMenu: React.FC<{ editor: any }> = ({ editor }) => {
   if (!editor) {
@@ -18,7 +13,7 @@ export const ListMenu: React.FC<{ editor: any }> = ({ editor }) => {
     <>
       <Tooltip zIndex={10000} content="无序列表">
         <Button
-          theme={editor.isActive("bulletList") ? "light" : "borderless"}
+          theme={editor.isActive('bulletList') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconList />}
           onClick={() => editor.chain().focus().toggleBulletList().run()}
@@ -28,7 +23,7 @@ export const ListMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="有序列表">
         <Button
-          theme={editor.isActive("orderedList") ? "light" : "borderless"}
+          theme={editor.isActive('orderedList') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconOrderedList />}
           onClick={() => editor.chain().focus().toggleOrderedList().run()}
@@ -38,7 +33,7 @@ export const ListMenu: React.FC<{ editor: any }> = ({ editor }) => {
 
       <Tooltip zIndex={10000} content="任务列表">
         <Button
-          theme={editor.isActive("taskList") ? "light" : "borderless"}
+          theme={editor.isActive('taskList') ? 'light' : 'borderless'}
           type="tertiary"
           icon={<IconTask />}
           onClick={() => editor.chain().focus().toggleTaskList().run()}
@@ -52,7 +47,7 @@ export const ListMenu: React.FC<{ editor: any }> = ({ editor }) => {
             editor.chain().focus().indent().run();
           }}
           icon={<IconIndentRight />}
-          theme={"borderless"}
+          theme={'borderless'}
           type="tertiary"
           disabled={isTitleActive(editor)}
         />
@@ -64,7 +59,7 @@ export const ListMenu: React.FC<{ editor: any }> = ({ editor }) => {
             editor.chain().focus().outdent().run();
           }}
           icon={<IconIndentLeft />}
-          theme={"borderless"}
+          theme={'borderless'}
           type="tertiary"
           disabled={isTitleActive(editor)}
         />
diff --git a/packages/client/src/components/tiptap/menus/media-insert.tsx b/packages/client/src/components/tiptap/menus/media-insert.tsx
index 11d5ff8c..8b7fd505 100644
--- a/packages/client/src/components/tiptap/menus/media-insert.tsx
+++ b/packages/client/src/components/tiptap/menus/media-insert.tsx
@@ -1,7 +1,7 @@
-import React from "react";
-import { Button, Tooltip, Dropdown, Popover } from "@douyinfe/semi-ui";
-import { IconPlus } from "@douyinfe/semi-icons";
-import { Upload } from "components/upload";
+import React from 'react';
+import { Button, Tooltip, Dropdown, Popover } from '@douyinfe/semi-ui';
+import { IconPlus } from '@douyinfe/semi-icons';
+import { Upload } from 'components/upload';
 import {
   IconDocument,
   IconMind,
@@ -13,9 +13,9 @@ import {
   IconInfo,
   IconAttachment,
   IconMath,
-} from "components/icons";
-import { GridSelect } from "components/grid-select";
-import { isTitleActive } from "../utils/active";
+} from 'components/icons';
+import { GridSelect } from 'components/grid-select';
+import { isTitleActive } from '../utils/active';
 
 export const MediaInsertMenu: React.FC<{ editor: any }> = ({ editor }) => {
   if (!editor) {
@@ -53,27 +53,21 @@ export const MediaInsertMenu: React.FC<{ editor: any }> = ({ editor }) => {
               </div>
             }
           >
-            <Dropdown.Item
-              onClick={() => editor.chain().focus().toggleCodeBlock().run()}
-            >
+            <Dropdown.Item onClick={() => editor.chain().focus().toggleCodeBlock().run()}>
               <IconTable /> 表格
             </Dropdown.Item>
           </Popover>
 
-          <Dropdown.Item
-            onClick={() => editor.chain().focus().toggleCodeBlock().run()}
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().toggleCodeBlock().run()}>
             <IconCodeBlock /> 代码块
           </Dropdown.Item>
           <Dropdown.Item>
             <IconImage />
             <Upload
               accept="image/*"
-              onOK={(url) =>
-                editor.chain().focus().setImage({ src: url }).run()
-              }
+              onOK={(url) => editor.chain().focus().setImage({ src: url }).run()}
             >
-              {() => "图片"}
+              {() => '图片'}
             </Upload>
           </Dropdown.Item>
           <Dropdown.Item>
@@ -83,53 +77,35 @@ export const MediaInsertMenu: React.FC<{ editor: any }> = ({ editor }) => {
                 editor.chain().focus().setAttachment({ url, name }).run();
               }}
             >
-              {() => "附件"}
+              {() => '附件'}
             </Upload>
           </Dropdown.Item>
-          <Dropdown.Item
-            onClick={() =>
-              editor.chain().focus().insertIframe({ url: "" }).run()
-            }
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().insertIframe({ url: '' }).run()}>
             <IconLink /> 外链
           </Dropdown.Item>
-          <Dropdown.Item
-            onClick={() => editor.chain().focus().insertMind().run()}
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().insertMind().run()}>
             <IconMind /> 思维导图
           </Dropdown.Item>
 
-          <Dropdown.Item
-            onClick={() => editor.chain().focus().setKatex().run()}
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().setKatex().run()}>
             <IconMath /> 数学公式
           </Dropdown.Item>
 
           <Dropdown.Divider />
           <Dropdown.Title>卡片</Dropdown.Title>
-          <Dropdown.Item
-            onClick={() => editor.chain().focus().setStatus().run()}
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().setStatus().run()}>
             <IconStatus /> 状态
           </Dropdown.Item>
-          <Dropdown.Item
-            onClick={() =>
-              editor.chain().focus().setBanner({ type: "info" }).run()
-            }
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().setBanner({ type: 'info' }).run()}>
             <IconInfo /> 信息框
           </Dropdown.Item>
 
           <Dropdown.Divider />
           <Dropdown.Title>文档</Dropdown.Title>
-          <Dropdown.Item
-            onClick={() => editor.chain().focus().setDocumentReference().run()}
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().setDocumentReference().run()}>
             <IconDocument /> 文档
           </Dropdown.Item>
-          <Dropdown.Item
-            onClick={() => editor.chain().focus().setDocumentChildren().run()}
-          >
+          <Dropdown.Item onClick={() => editor.chain().focus().setDocumentChildren().run()}>
             <IconDocument /> 子文档
           </Dropdown.Item>
         </Dropdown.Menu>
diff --git a/packages/client/src/components/tiptap/menus/table.tsx b/packages/client/src/components/tiptap/menus/table.tsx
index 1045f483..a01aad26 100644
--- a/packages/client/src/components/tiptap/menus/table.tsx
+++ b/packages/client/src/components/tiptap/menus/table.tsx
@@ -1,4 +1,4 @@
-import { Space, Button, Tooltip } from "@douyinfe/semi-ui";
+import { Space, Button, Tooltip } from '@douyinfe/semi-ui';
 import {
   IconAddColumnBefore,
   IconAddColumnAfter,
@@ -9,16 +9,16 @@ import {
   IconMergeCell,
   IconSplitCell,
   IconDeleteTable,
-} from "components/icons";
-import { Upload } from "components/upload";
-import { BubbleMenu } from "../components/bubble-menu";
-import { Divider } from "../components/divider";
-import { Table, TableCell } from "../extensions/table";
+} from 'components/icons';
+import { Upload } from 'components/upload';
+import { BubbleMenu } from '../components/bubble-menu';
+import { Divider } from '../components/divider';
+import { Table, TableCell } from '../extensions/table';
 
 export const TableBubbleMenu = ({ editor }) => {
   return (
     <BubbleMenu
-      className={"bubble-menu"}
+      className={'bubble-menu'}
       editor={editor}
       pluginKey="table-bubble-menu"
       shouldShow={() => editor.isActive(Table.name)}
@@ -26,7 +26,7 @@ export const TableBubbleMenu = ({ editor }) => {
         maxWidth: 456,
       }}
       matchRenderContainer={(node: HTMLElement) =>
-        node.classList && node.classList.contains("tableWrapper")
+        node.classList && node.classList.contains('tableWrapper')
       }
     >
       <Space>
diff --git a/packages/client/src/components/tiptap/skeleton.tsx b/packages/client/src/components/tiptap/skeleton.tsx
index 5b0662de..3a786771 100644
--- a/packages/client/src/components/tiptap/skeleton.tsx
+++ b/packages/client/src/components/tiptap/skeleton.tsx
@@ -1,13 +1,11 @@
-import React from "react";
-import { Skeleton } from "@douyinfe/semi-ui";
+import React from 'react';
+import { Skeleton } from '@douyinfe/semi-ui';
 
 export const DocumentSkeleton = () => {
   const placeholder = (
     <>
-      <Skeleton.Title
-        style={{ width: 240, height: "1.8em", marginBottom: 12, marginTop: 12 }}
-      />
-      <Skeleton.Paragraph style={{ width: "100%" }} rows={15} />
+      <Skeleton.Title style={{ width: 240, height: '1.8em', marginBottom: 12, marginTop: 12 }} />
+      <Skeleton.Paragraph style={{ width: '100%' }} rows={15} />
     </>
   );
 
diff --git a/packages/client/src/components/tiptap/toc/index.tsx b/packages/client/src/components/tiptap/toc/index.tsx
index c9d0cd93..27a943bb 100644
--- a/packages/client/src/components/tiptap/toc/index.tsx
+++ b/packages/client/src/components/tiptap/toc/index.tsx
@@ -1,6 +1,6 @@
-import React, { useState, useEffect, useCallback } from "react";
-import { Anchor } from "@douyinfe/semi-ui";
-import styles from "./style.module.scss";
+import React, { useState, useEffect, useCallback } from 'react';
+import { Anchor } from '@douyinfe/semi-ui';
+import styles from './style.module.scss';
 
 export const Toc = ({ editor, getContainer }) => {
   const [items, setItems] = useState([]);
@@ -11,7 +11,7 @@ export const Toc = ({ editor, getContainer }) => {
     const headings = [];
 
     editor.state.doc.descendants((node, pos) => {
-      if (node.type.name === "heading") {
+      if (node.type.name === 'heading') {
         const id = `heading-${headings.length + 1}`;
 
         headings.push({
@@ -32,20 +32,20 @@ export const Toc = ({ editor, getContainer }) => {
       return null;
     }
 
-    editor.on("update", handleUpdate);
+    editor.on('update', handleUpdate);
 
     return () => {
-      editor.off("update", handleUpdate);
+      editor.off('update', handleUpdate);
     };
   }, [editor]);
 
   return (
-    <Anchor railTheme={"tertiary"} getContainer={getContainer}>
+    <Anchor railTheme={'tertiary'} getContainer={getContainer}>
       {items.map((item, index) => (
         <Anchor.Link
           href={`#${item.id}`}
           title={item.text}
-          style={{ paddingLeft: (item.level - 1) * 1 + "rem" }}
+          style={{ paddingLeft: (item.level - 1) * 1 + 'rem' }}
         />
       ))}
     </Anchor>
diff --git a/packages/client/src/components/tiptap/utils/delete.tsx b/packages/client/src/components/tiptap/utils/delete.tsx
index fae0bbfb..7ed4c952 100644
--- a/packages/client/src/components/tiptap/utils/delete.tsx
+++ b/packages/client/src/components/tiptap/utils/delete.tsx
@@ -1,19 +1,17 @@
-import { Editor } from "@tiptap/core";
+import { Editor } from '@tiptap/core';
 
 export function deleteNode(nodeType, editor: Editor) {
   const { state } = editor;
 
-  let $pos = state.selection.$anchor;
+  const $pos = state.selection.$anchor;
 
   for (let d = $pos.depth; d > 0; d--) {
-    let node = $pos.node(d);
+    const node = $pos.node(d);
     if (node.type.name === nodeType) {
       // @ts-ignore
       if (editor.dispatchTransaction)
         // @ts-ignore
-        editor.dispatchTransaction(
-          state.tr.delete($pos.before(d), $pos.after(d)).scrollIntoView()
-        );
+        editor.dispatchTransaction(state.tr.delete($pos.before(d), $pos.after(d)).scrollIntoView());
       return true;
     }
   }
diff --git a/packages/client/src/components/tiptap/utils/find-colors.tsx b/packages/client/src/components/tiptap/utils/find-colors.tsx
index 8e9371ba..79b3331b 100644
--- a/packages/client/src/components/tiptap/utils/find-colors.tsx
+++ b/packages/client/src/components/tiptap/utils/find-colors.tsx
@@ -1,5 +1,5 @@
-import { Decoration, DecorationSet } from "prosemirror-view";
-import { Node } from "prosemirror-model";
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { Node } from 'prosemirror-model';
 
 export default function (doc: Node): DecorationSet {
   const hexColor = /(#[0-9a-f]{3,6})\b/gi;
@@ -16,7 +16,7 @@ export default function (doc: Node): DecorationSet {
       const from = position + index;
       const to = from + color.length;
       const decoration = Decoration.inline(from, to, {
-        class: "color",
+        class: 'color',
         style: `--color: ${color}`,
       });
 
diff --git a/packages/client/src/components/upload/index.tsx b/packages/client/src/components/upload/index.tsx
index 426ff25f..8e7d25f3 100644
--- a/packages/client/src/components/upload/index.tsx
+++ b/packages/client/src/components/upload/index.tsx
@@ -1,8 +1,8 @@
-import React from "react";
-import { Upload as SemiUpload, Button, Toast } from "@douyinfe/semi-ui";
-import { IconUpload } from "@douyinfe/semi-icons";
-import { useAsyncLoading } from "hooks/useAsyncLoading";
-import { uploadFile } from "services/file";
+import React from 'react';
+import { Upload as SemiUpload, Button, Toast } from '@douyinfe/semi-ui';
+import { IconUpload } from '@douyinfe/semi-icons';
+import { useAsyncLoading } from 'hooks/useAsyncLoading';
+import { uploadFile } from 'services/file';
 
 interface IProps {
   onOK: (arg: string, fileName: string) => void;
@@ -11,17 +11,12 @@ interface IProps {
   children?: (loading: boolean) => React.ReactNode;
 }
 
-export const Upload: React.FC<IProps> = ({
-  onOK,
-  accept,
-  style = {},
-  children,
-}) => {
+export const Upload: React.FC<IProps> = ({ onOK, accept, style = {}, children }) => {
   const [uploadFileWithLoading, loading] = useAsyncLoading(uploadFile);
 
   const beforeUpload = ({ file }) => {
     uploadFileWithLoading(file.fileInstance).then((res: string) => {
-      Toast.success("上传成功");
+      Toast.success('上传成功');
       onOK && onOK(res, file.name);
     });
     return false;
@@ -33,7 +28,7 @@ export const Upload: React.FC<IProps> = ({
       previewFile={() => null}
       fileList={[]}
       style={style}
-      action={""}
+      action={''}
       accept={accept}
     >
       {(children && children(loading)) || (
diff --git a/packages/client/src/components/user/index.tsx b/packages/client/src/components/user/index.tsx
index e8faf7a7..d5b5f7af 100644
--- a/packages/client/src/components/user/index.tsx
+++ b/packages/client/src/components/user/index.tsx
@@ -1,9 +1,9 @@
-import React from "react";
-import { Dropdown, Typography, Avatar, Button } from "@douyinfe/semi-ui";
-import { IconSpin } from "@douyinfe/semi-icons";
-import { useUser } from "data/user";
-import { useToggle } from "hooks/useToggle";
-import { UserSetting } from "./setting";
+import React from 'react';
+import { Dropdown, Typography, Avatar, Button } from '@douyinfe/semi-ui';
+import { IconSpin } from '@douyinfe/semi-icons';
+import { useUser } from 'data/user';
+import { useToggle } from 'hooks/useToggle';
+import { UserSetting } from './setting';
 
 const { Text } = Typography;
 
@@ -11,8 +11,7 @@ export const User: React.FC = () => {
   const { user, loading, error, gotoLogin, logout } = useUser();
   const [visible, toggleVisible] = useToggle(false);
 
-  if (loading)
-    return <Button icon={<IconSpin />} theme="borderless" type="tertiary" />;
+  if (loading) return <Button icon={<IconSpin />} theme="borderless" type="tertiary" />;
 
   if (error || !user) {
     return (
diff --git a/packages/client/src/components/user/setting/index.tsx b/packages/client/src/components/user/setting/index.tsx
index 67e0f8b7..f5e344f0 100644
--- a/packages/client/src/components/user/setting/index.tsx
+++ b/packages/client/src/components/user/setting/index.tsx
@@ -1,8 +1,8 @@
-import { Dispatch, SetStateAction, useRef, useState, useEffect } from "react";
-import { Avatar, Form, Modal, Space } from "@douyinfe/semi-ui";
-import { FormApi } from "@douyinfe/semi-ui/lib/es/form";
-import { Upload } from "components/upload";
-import { useUser } from "data/user";
+import { Dispatch, SetStateAction, useRef, useState, useEffect } from 'react';
+import { Avatar, Form, Modal, Space } from '@douyinfe/semi-ui';
+import { FormApi } from '@douyinfe/semi-ui/lib/es/form';
+import { Upload } from 'components/upload';
+import { useUser } from 'data/user';
 
 interface IProps {
   visible: boolean;
@@ -12,10 +12,10 @@ interface IProps {
 export const UserSetting: React.FC<IProps> = ({ visible, toggleVisible }) => {
   const $form = useRef<FormApi>();
   const { user, loading, updateUser } = useUser();
-  const [currentAvatar, setCurrentAvatar] = useState("");
+  const [currentAvatar, setCurrentAvatar] = useState('');
 
   const setAvatar = (url) => {
-    $form.current.setValue("avatar", url);
+    $form.current.setValue('avatar', url);
     setCurrentAvatar(url);
   };
 
@@ -44,7 +44,7 @@ export const UserSetting: React.FC<IProps> = ({ visible, toggleVisible }) => {
       visible={visible}
       onOk={handleOk}
       onCancel={handleCancel}
-      style={{ maxWidth: "96vw" }}
+      style={{ maxWidth: '96vw' }}
       okButtonProps={{ loading }}
     >
       <Form
@@ -61,14 +61,14 @@ export const UserSetting: React.FC<IProps> = ({ visible, toggleVisible }) => {
         <Form.Input
           label="账户"
           field="name"
-          style={{ width: "100%" }}
+          style={{ width: '100%' }}
           disabled
           placeholder="请输入账户名称"
         ></Form.Input>
         <Form.Input
           label="邮箱"
           field="email"
-          style={{ width: "100%" }}
+          style={{ width: '100%' }}
           placeholder="请输入账户邮箱"
         ></Form.Input>
       </Form>
diff --git a/packages/client/src/components/wiki-creator/index.tsx b/packages/client/src/components/wiki-creator/index.tsx
index b4b98c8e..0fa9266f 100644
--- a/packages/client/src/components/wiki-creator/index.tsx
+++ b/packages/client/src/components/wiki-creator/index.tsx
@@ -1,11 +1,9 @@
-import React from "react";
-import { Button } from "@douyinfe/semi-ui";
-import { useToggle } from "hooks/useToggle";
-import { WikiCreator as WikiCreatorForm } from "components/wiki/create";
+import React from 'react';
+import { Button } from '@douyinfe/semi-ui';
+import { useToggle } from 'hooks/useToggle';
+import { WikiCreator as WikiCreatorForm } from 'components/wiki/create';
 
-interface IProps {}
-
-export const WikiCreator: React.FC<IProps> = ({ children }) => {
+export const WikiCreator = ({ children }) => {
   const [visible, toggleVisible] = useToggle(false);
 
   return (
diff --git a/packages/client/src/components/wiki-or-document-creator/index.tsx b/packages/client/src/components/wiki-or-document-creator/index.tsx
index fc536ac7..208ee400 100644
--- a/packages/client/src/components/wiki-or-document-creator/index.tsx
+++ b/packages/client/src/components/wiki-or-document-creator/index.tsx
@@ -1,23 +1,19 @@
-import React from "react";
-import { Dropdown, Button } from "@douyinfe/semi-ui";
-import { IconChevronDown } from "@douyinfe/semi-icons";
-import { useToggle } from "hooks/useToggle";
-import { useQuery } from "hooks/useQuery";
-import { WikiCreator } from "components/wiki/create";
-import { DocumentCreator } from "components/document/create";
+import React from 'react';
+import { Dropdown, Button } from '@douyinfe/semi-ui';
+import { IconChevronDown } from '@douyinfe/semi-icons';
+import { useToggle } from 'hooks/useToggle';
+import { useQuery } from 'hooks/useQuery';
+import { WikiCreator } from 'components/wiki/create';
+import { DocumentCreator } from 'components/document/create';
 
 interface IProps {
   onCreateDocument?: () => void;
 }
 
-export const WikiOrDocumentCreator: React.FC<IProps> = ({
-  onCreateDocument,
-  children,
-}) => {
+export const WikiOrDocumentCreator: React.FC<IProps> = ({ onCreateDocument, children }) => {
   const { wikiId, docId } = useQuery<{ wikiId?: string; docId?: string }>();
   const [visible, toggleVisible] = useToggle(false);
-  const [createDocumentModalVisible, toggleCreateDocumentModalVisible] =
-    useToggle(false);
+  const [createDocumentModalVisible, toggleCreateDocumentModalVisible] = useToggle(false);
 
   return (
     <>
@@ -26,20 +22,13 @@ export const WikiOrDocumentCreator: React.FC<IProps> = ({
           <Dropdown.Menu>
             <Dropdown.Item onClick={toggleVisible}>知识库</Dropdown.Item>
             {wikiId && (
-              <Dropdown.Item onClick={toggleCreateDocumentModalVisible}>
-                文档
-              </Dropdown.Item>
+              <Dropdown.Item onClick={toggleCreateDocumentModalVisible}>文档</Dropdown.Item>
             )}
           </Dropdown.Menu>
         }
       >
         {children || (
-          <Button
-            type="primary"
-            theme="solid"
-            icon={<IconChevronDown />}
-            iconPosition="right"
-          >
+          <Button type="primary" theme="solid" icon={<IconChevronDown />} iconPosition="right">
             新建
           </Button>
         )}
diff --git a/packages/client/src/components/wiki/card/index.tsx b/packages/client/src/components/wiki/card/index.tsx
index b7322a0f..5127fa93 100644
--- a/packages/client/src/components/wiki/card/index.tsx
+++ b/packages/client/src/components/wiki/card/index.tsx
@@ -1,11 +1,11 @@
-import Link from "next/link";
-import { Space, Typography, Avatar, Skeleton } from "@douyinfe/semi-ui";
-import { IconUser } from "@douyinfe/semi-icons";
-import { IWiki } from "@think/domains";
-import { LocaleTime } from "components/locale-time";
-import { IconDocument } from "components/icons/IconDocument";
-import { WikiStar } from "components/wiki/star";
-import styles from "./index.module.scss";
+import Link from 'next/link';
+import { Space, Typography, Avatar, Skeleton } from '@douyinfe/semi-ui';
+import { IconUser } from '@douyinfe/semi-icons';
+import { IWiki } from '@think/domains';
+import { LocaleTime } from 'components/locale-time';
+import { IconDocument } from 'components/icons/IconDocument';
+import { WikiStar } from 'components/wiki/star';
+import styles from './index.module.scss';
 
 const { Text, Paragraph } = Typography;
 
@@ -42,10 +42,7 @@ export const WikiCard: React.FC<{ wiki: IWiki }> = ({ wiki }) => {
             <div>
               <Text type="tertiary" size="small">
                 <Space>
-                  <Avatar
-                    size="extra-extra-small"
-                    src={wiki.createUser && wiki.createUser.avatar}
-                  >
+                  <Avatar size="extra-extra-small" src={wiki.createUser && wiki.createUser.avatar}>
                     <IconUser />
                   </Avatar>
                   创建者：
@@ -91,7 +88,7 @@ export const WikiCardPlaceholder = () => {
         </main>
         <footer>
           <Text type="tertiary" size="small">
-            <div style={{ display: "flex" }}>
+            <div style={{ display: 'flex' }}>
               更新时间：
               <Skeleton.Paragraph rows={1} style={{ width: 100 }} />
             </div>
diff --git a/packages/client/src/components/wiki/create/index.tsx b/packages/client/src/components/wiki/create/index.tsx
index 7a3cefc6..7dce8b85 100644
--- a/packages/client/src/components/wiki/create/index.tsx
+++ b/packages/client/src/components/wiki/create/index.tsx
@@ -1,9 +1,9 @@
-import type { IWiki } from "@think/domains";
-import { Dispatch, SetStateAction, useRef } from "react";
-import Router from "next/router";
-import { Form, Modal } from "@douyinfe/semi-ui";
-import { FormApi } from "@douyinfe/semi-ui/lib/es/form";
-import { ICreateWiki, useOwnWikis } from "data/wiki";
+import type { IWiki } from '@think/domains';
+import { Dispatch, SetStateAction, useRef } from 'react';
+import Router from 'next/router';
+import { Form, Modal } from '@douyinfe/semi-ui';
+import { FormApi } from '@douyinfe/semi-ui/lib/es/form';
+import { ICreateWiki, useOwnWikis } from 'data/wiki';
 
 interface IProps {
   visible: boolean;
@@ -34,28 +34,28 @@ export const WikiCreator: React.FC<IProps> = ({ visible, toggleVisible }) => {
       visible={visible}
       onOk={handleOk}
       onCancel={handleCancel}
-      style={{ maxWidth: "96vw" }}
+      style={{ maxWidth: '96vw' }}
     >
       <Form
-        initValues={{ name: "", description: "" }}
+        initValues={{ name: '', description: '' }}
         getFormApi={(formApi) => ($form.current = formApi)}
       >
         <Form.Input
           noLabel
           autofocus
           field="name"
-          style={{ width: "100%" }}
+          style={{ width: '100%' }}
           placeholder="请输入知识库名称"
           maxLength={20}
-          rules={[{ required: true, message: "请输入知识库名称" }]}
+          rules={[{ required: true, message: '请输入知识库名称' }]}
         ></Form.Input>
         <Form.TextArea
           noLabel
           field="description"
-          style={{ width: "100%" }}
+          style={{ width: '100%' }}
           placeholder="请输入知识库简介"
           autosize
-          rules={[{ message: "请输入知识库简介" }]}
+          rules={[{ message: '请输入知识库简介' }]}
         ></Form.TextArea>
       </Form>
     </Modal>
diff --git a/packages/client/src/components/wiki/delete/index.tsx b/packages/client/src/components/wiki/delete/index.tsx
index 7ec61af9..a3834c48 100644
--- a/packages/client/src/components/wiki/delete/index.tsx
+++ b/packages/client/src/components/wiki/delete/index.tsx
@@ -1,8 +1,8 @@
-import React, { useCallback } from "react";
-import Router from "next/router";
-import { Typography, Space, Modal } from "@douyinfe/semi-ui";
-import { IconDelete } from "@douyinfe/semi-icons";
-import { useOwnWikis } from "data/wiki";
+import React, { useCallback } from 'react';
+import Router from 'next/router';
+import { Typography, Space, Modal } from '@douyinfe/semi-ui';
+import { IconDelete } from '@douyinfe/semi-icons';
+import { useOwnWikis } from 'data/wiki';
 
 interface IProps {
   wikiId: string;
@@ -11,16 +11,12 @@ interface IProps {
 
 const { Text } = Typography;
 
-export const WorkspaceDeletor: React.FC<IProps> = ({
-  wikiId,
-  onDelete,
-  children,
-}) => {
+export const WorkspaceDeletor: React.FC<IProps> = ({ wikiId, onDelete, children }) => {
   const { deletWiki } = useOwnWikis();
 
   const deleteAction = useCallback(() => {
     Modal.error({
-      title: "确定删除吗？",
+      title: '确定删除吗？',
       content: <Text>删除后不可恢复！</Text>,
       onOk: () => {
         deletWiki(wikiId).then(() => {
@@ -32,9 +28,9 @@ export const WorkspaceDeletor: React.FC<IProps> = ({
         });
       },
       okButtonProps: {
-        type: "danger",
+        type: 'danger',
       },
-      style: { maxWidth: "96vw" },
+      style: { maxWidth: '96vw' },
     });
   }, [wikiId, deletWiki, onDelete]);
 
diff --git a/packages/client/src/components/wiki/pin-card/index.tsx b/packages/client/src/components/wiki/pin-card/index.tsx
index c1b85468..7a8946c6 100644
--- a/packages/client/src/components/wiki/pin-card/index.tsx
+++ b/packages/client/src/components/wiki/pin-card/index.tsx
@@ -1,10 +1,10 @@
-import Link from "next/link";
-import { Space, Typography, Avatar, Skeleton } from "@douyinfe/semi-ui";
-import { IWiki } from "@think/domains";
-import { LocaleTime } from "components/locale-time";
-import { IconDocument } from "components/icons/IconDocument";
-import { WikiStar } from "components/wiki/star";
-import styles from "./index.module.scss";
+import Link from 'next/link';
+import { Space, Typography, Avatar, Skeleton } from '@douyinfe/semi-ui';
+import { IWiki } from '@think/domains';
+import { LocaleTime } from 'components/locale-time';
+import { IconDocument } from 'components/icons/IconDocument';
+import { WikiStar } from 'components/wiki/star';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
@@ -60,7 +60,7 @@ export const WikiPinCardPlaceholder = () => {
         </main>
         <footer>
           <Text type="tertiary" size="small">
-            <div style={{ display: "flex" }}>
+            <div style={{ display: 'flex' }}>
               更新时间：
               <Skeleton.Paragraph rows={1} style={{ width: 100 }} />
             </div>
diff --git a/packages/client/src/components/wiki/setting/base/index.tsx b/packages/client/src/components/wiki/setting/base/index.tsx
index 63f95424..a915cbe7 100644
--- a/packages/client/src/components/wiki/setting/base/index.tsx
+++ b/packages/client/src/components/wiki/setting/base/index.tsx
@@ -1,10 +1,10 @@
-import { useRef, useEffect, useState } from "react";
-import { Form, Button, Toast } from "@douyinfe/semi-ui";
-import { FormApi } from "@douyinfe/semi-ui/lib/es/form";
-import type { IWiki } from "@think/domains";
-import { WIKI_AVATARS } from "@think/constants";
-import { Upload } from "components/upload";
-import styles from "./index.module.scss";
+import { useRef, useEffect, useState } from 'react';
+import { Form, Button, Toast } from '@douyinfe/semi-ui';
+import { FormApi } from '@douyinfe/semi-ui/lib/es/form';
+import type { IWiki } from '@think/domains';
+import { WIKI_AVATARS } from '@think/constants';
+import { Upload } from 'components/upload';
+import styles from './index.module.scss';
 
 type IUpdateWIKI = Partial<IWiki>;
 
@@ -15,18 +15,18 @@ interface IProps {
 
 export const Base: React.FC<IProps> = ({ wiki, update }) => {
   const $form = useRef<FormApi>();
-  const [currentCover, setCurrentCover] = useState("");
+  const [currentCover, setCurrentCover] = useState('');
 
   const onSubmit = () => {
     $form.current.validate().then((values) => {
       update(values).then(() => {
-        Toast.success("操作成功");
+        Toast.success('操作成功');
       });
     });
   };
 
   const setCover = (url) => {
-    $form.current.setValue("avatar", url);
+    $form.current.setValue('avatar', url);
     setCurrentCover(url);
   };
 
@@ -39,24 +39,24 @@ export const Base: React.FC<IProps> = ({ wiki, update }) => {
   return (
     <Form
       initValues={wiki}
-      style={{ width: "100%" }}
+      style={{ width: '100%' }}
       getFormApi={(formApi) => ($form.current = formApi)}
       onSubmit={onSubmit}
     >
       <Form.Input
         label="名称"
         field="name"
-        style={{ width: "100%" }}
+        style={{ width: '100%' }}
         placeholder="请输入知识库名称"
-        rules={[{ required: true, message: "请输入知识库名称" }]}
+        rules={[{ required: true, message: '请输入知识库名称' }]}
       ></Form.Input>
       <Form.TextArea
         label="描述"
         field="description"
-        style={{ width: "100%" }}
+        style={{ width: '100%' }}
         placeholder="请输入知识库简介"
         autosize
-        rules={[{ required: true, message: "请输入知识库简介" }]}
+        rules={[{ required: true, message: '请输入知识库简介' }]}
       ></Form.TextArea>
       <Form.Slot label="封面">
         <div className={styles.coverWrap}>
@@ -83,9 +83,9 @@ export const Base: React.FC<IProps> = ({ wiki, update }) => {
       </Form.Slot>
       <div
         style={{
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
         }}
       >
         <Button htmlType="submit" type="primary" theme="solid">
diff --git a/packages/client/src/components/wiki/setting/documents/index.tsx b/packages/client/src/components/wiki/setting/documents/index.tsx
index 016ee56f..85b889dd 100644
--- a/packages/client/src/components/wiki/setting/documents/index.tsx
+++ b/packages/client/src/components/wiki/setting/documents/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useMemo, useEffect, useCallback } from "react";
+import React, { useState, useMemo, useEffect, useCallback } from 'react';
 import {
   Transfer,
   Button,
@@ -7,18 +7,14 @@ import {
   RadioGroup,
   Radio,
   Toast,
-} from "@douyinfe/semi-ui";
-import { Checkbox } from "@douyinfe/semi-ui";
-import { IconClose } from "@douyinfe/semi-icons";
-import {
-  WIKI_STATUS_LIST,
-  isPublicDocument,
-  isPublicWiki,
-} from "@think/domains";
-import { useWikiDetail, useWikiTocs } from "data/wiki";
-import { buildUrl } from "helpers/url";
-import { flattenTree2Array } from "components/wiki/tocs/utils";
-import styles from "./index.module.scss";
+  Checkbox,
+} from '@douyinfe/semi-ui';
+import { IconClose } from '@douyinfe/semi-icons';
+import { WIKI_STATUS_LIST, isPublicDocument, isPublicWiki } from '@think/domains';
+import { useWikiDetail, useWikiTocs } from 'data/wiki';
+import { buildUrl } from 'helpers/url';
+import { flattenTree2Array } from 'components/wiki/tocs/utils';
+import styles from './index.module.scss';
 
 const { Text, Title } = Typography;
 
@@ -38,16 +34,11 @@ export const WorkspaceDocs: React.FC<IProps> = ({ wikiId }) => {
     d.value = d.id;
     return d;
   });
-  const [nextStatus, setNextStatus] = useState("");
-  const isPublic = useMemo(
-    () => workspace && isPublicWiki(workspace.status),
-    [workspace]
-  );
+  const [nextStatus, setNextStatus] = useState('');
+  const isPublic = useMemo(() => workspace && isPublicWiki(workspace.status), [workspace]);
   const [publicDocumentIds, setPublicDocumentIds] = useState([]); // 公开的
   const privateDocumentIds = useMemo(() => {
-    return documents
-      .filter((doc) => !publicDocumentIds.includes(doc.id))
-      .map((doc) => doc.id);
+    return documents.filter((doc) => !publicDocumentIds.includes(doc.id)).map((doc) => doc.id);
   }, [tocs, publicDocumentIds]);
 
   const submit = () => {
@@ -56,7 +47,7 @@ export const WorkspaceDocs: React.FC<IProps> = ({ wikiId }) => {
       const ret = res as unknown as any & {
         documentOperateMessage?: string;
       };
-      Toast.success(ret.documentOperateMessage || "操作成功");
+      Toast.success(ret.documentOperateMessage || '操作成功');
     });
   };
 
@@ -97,9 +88,7 @@ export const WorkspaceDocs: React.FC<IProps> = ({ wikiId }) => {
 
   useEffect(() => {
     if (!documents.length) return;
-    const activeIds = documents
-      .filter((doc) => isPublicDocument(doc.status))
-      .map((doc) => doc.id);
+    const activeIds = documents.filter((doc) => isPublicDocument(doc.status)).map((doc) => doc.id);
     setPublicDocumentIds(activeIds);
   }, [tocs]);
 
@@ -113,9 +102,7 @@ export const WorkspaceDocs: React.FC<IProps> = ({ wikiId }) => {
           icon={null}
           style={{ marginTop: 16 }}
           title={
-            <div
-              style={{ fontWeight: 600, fontSize: "14px", lineHeight: "20px" }}
-            >
+            <div style={{ fontWeight: 600, fontSize: '14px', lineHeight: '20px' }}>
               当前知识库已经公开
             </div>
           }
@@ -126,7 +113,7 @@ export const WorkspaceDocs: React.FC<IProps> = ({ wikiId }) => {
                 <Text
                   link={{
                     href: buildUrl(`/share/wiki/${wikiId}`),
-                    target: "_blank",
+                    target: '_blank',
                   }}
                   copyable={{
                     content: buildUrl(`/share/wiki/${wikiId}`),
@@ -155,24 +142,17 @@ export const WorkspaceDocs: React.FC<IProps> = ({ wikiId }) => {
       </div>
       <div className={styles.transferWrap}>
         <Transfer
-          style={{ width: "100%", marginTop: 16 }}
+          style={{ width: '100%', marginTop: 16 }}
           dataSource={documents}
           filter={customFilter}
           value={publicDocumentIds}
           renderSelectedItem={renderSelectedItem}
           renderSourceItem={renderSourceItem}
-          inputProps={{ placeholder: "搜索文档" }}
-          onChange={(_, values) =>
-            setPublicDocumentIds(values.map((v) => v.id))
-          }
+          inputProps={{ placeholder: '搜索文档' }}
+          onChange={(_, values) => setPublicDocumentIds(values.map((v) => v.id))}
         />
       </div>
-      <Button
-        style={{ marginTop: 16 }}
-        type="primary"
-        theme="solid"
-        onClick={submit}
-      >
+      <Button style={{ marginTop: 16 }} type="primary" theme="solid" onClick={submit}>
         保存
       </Button>
     </div>
diff --git a/packages/client/src/components/wiki/setting/index.tsx b/packages/client/src/components/wiki/setting/index.tsx
index 09dbb31f..59a74a41 100644
--- a/packages/client/src/components/wiki/setting/index.tsx
+++ b/packages/client/src/components/wiki/setting/index.tsx
@@ -1,10 +1,10 @@
-import React from "react";
-import { Tabs, TabPane } from "@douyinfe/semi-ui";
-import { useWikiDetail } from "data/wiki";
-import { Base } from "./base";
-import { Users } from "./users";
-import { WorkspaceDocs } from "./documents";
-import { More } from "./more";
+import React from 'react';
+import { Tabs, TabPane } from '@douyinfe/semi-ui';
+import { useWikiDetail } from 'data/wiki';
+import { Base } from './base';
+import { Users } from './users';
+import { WorkspaceDocs } from './documents';
+import { More } from './more';
 
 interface IProps {
   wikiId: string;
diff --git a/packages/client/src/components/wiki/setting/more/index.tsx b/packages/client/src/components/wiki/setting/more/index.tsx
index ee982b02..52589ed7 100644
--- a/packages/client/src/components/wiki/setting/more/index.tsx
+++ b/packages/client/src/components/wiki/setting/more/index.tsx
@@ -1,5 +1,5 @@
-import { Button, Banner, Typography } from "@douyinfe/semi-ui";
-import { WorkspaceDeletor } from "components/wiki/delete";
+import { Button, Banner, Typography } from '@douyinfe/semi-ui';
+import { WorkspaceDeletor } from 'components/wiki/delete';
 
 interface IProps {
   wikiId: string;
@@ -14,9 +14,7 @@ export const More: React.FC<IProps> = ({ wikiId }) => {
         fullMode={false}
         type="danger"
         closeIcon={null}
-        description={
-          <Paragraph>删除知识库及内部所有文档，不可恢复！</Paragraph>
-        }
+        description={<Paragraph>删除知识库及内部所有文档，不可恢复！</Paragraph>}
         style={{ marginBottom: 16 }}
       />
       <WorkspaceDeletor wikiId={wikiId}>
diff --git a/packages/client/src/components/wiki/setting/users/add.tsx b/packages/client/src/components/wiki/setting/users/add.tsx
index 0fce8928..28062f39 100644
--- a/packages/client/src/components/wiki/setting/users/add.tsx
+++ b/packages/client/src/components/wiki/setting/users/add.tsx
@@ -1,15 +1,7 @@
-import React, { useCallback, useState } from "react";
-import {
-  Modal,
-  Typography,
-  Button,
-  Input,
-  Space,
-  Select,
-  Banner,
-} from "@douyinfe/semi-ui";
-import { WIKI_USER_ROLES, WikiUserRole } from "@think/domains";
-import { IWikiUserOpeateData } from "data/wiki";
+import React, { useCallback, useState } from 'react';
+import { Modal, Typography, Button, Input, Space, Select, Banner } from '@douyinfe/semi-ui';
+import { WIKI_USER_ROLES, WikiUserRole } from '@think/domains';
+import { IWikiUserOpeateData } from 'data/wiki';
 
 interface IProps {
   visible: boolean;
@@ -21,24 +13,24 @@ const { Paragraph } = Typography;
 
 export const AddUser: React.FC<IProps> = ({ visible, toggleVisible, onOk }) => {
   const [userRole, setUserRole] = useState(WikiUserRole.normal);
-  const [userName, setUserName] = useState("");
+  const [userName, setUserName] = useState('');
   const handleOk = useCallback(() => {
     onOk({ userName, userRole } as unknown as IWikiUserOpeateData).then(() => {
       setUserRole(WikiUserRole.normal);
-      setUserName("");
+      setUserName('');
       toggleVisible(false);
     });
   }, [onOk, userName, userRole]);
 
   return (
     <Modal
-      title={"添加成员"}
-      okText={"邀请对方"}
+      title={'添加成员'}
+      okText={'邀请对方'}
       visible={visible}
       onOk={handleOk}
       onCancel={() => toggleVisible(false)}
       maskClosable={false}
-      style={{ maxWidth: "96vw" }}
+      style={{ maxWidth: '96vw' }}
       footer={null}
     >
       <div style={{ marginTop: 16 }}>
@@ -50,17 +42,9 @@ export const AddUser: React.FC<IProps> = ({ visible, toggleVisible, onOk }) => {
           />
         ) : null}
         <Space>
-          <Select
-            value={userRole}
-            onChange={setUserRole}
-            style={{ width: 120 }}
-          >
+          <Select value={userRole} onChange={setUserRole} style={{ width: 120 }}>
             {WIKI_USER_ROLES.map((wikiStatus) => {
-              return (
-                <Select.Option value={wikiStatus.value}>
-                  {wikiStatus.label}
-                </Select.Option>
-              );
+              return <Select.Option value={wikiStatus.value}>{wikiStatus.label}</Select.Option>;
             })}
           </Select>
           <Input
@@ -74,7 +58,7 @@ export const AddUser: React.FC<IProps> = ({ visible, toggleVisible, onOk }) => {
         <Button
           theme="solid"
           block
-          style={{ margin: "24px 0" }}
+          style={{ margin: '24px 0' }}
           onClick={handleOk}
           disabled={!userName}
         >
diff --git a/packages/client/src/components/wiki/setting/users/edit.tsx b/packages/client/src/components/wiki/setting/users/edit.tsx
index da2fdc86..d8dc45f8 100644
--- a/packages/client/src/components/wiki/setting/users/edit.tsx
+++ b/packages/client/src/components/wiki/setting/users/edit.tsx
@@ -1,6 +1,6 @@
-import React, { useCallback, useState } from "react";
-import { Modal, Button, Select, Banner } from "@douyinfe/semi-ui";
-import { WIKI_USER_ROLES, WikiUserRole } from "@think/domains";
+import React, { useCallback, useState } from 'react';
+import { Modal, Button, Select, Banner } from '@douyinfe/semi-ui';
+import { WIKI_USER_ROLES, WikiUserRole } from '@think/domains';
 
 interface IProps {
   visible: boolean;
@@ -8,11 +8,7 @@ interface IProps {
   onOk: (arg: WikiUserRole) => any;
 }
 
-export const EditUser: React.FC<IProps> = ({
-  visible,
-  toggleVisible,
-  onOk,
-}) => {
+export const EditUser: React.FC<IProps> = ({ visible, toggleVisible, onOk }) => {
   const [userRole, setUserRole] = useState(WikiUserRole.normal);
   const handleOk = useCallback(() => {
     onOk(userRole).then(() => {
@@ -23,12 +19,12 @@ export const EditUser: React.FC<IProps> = ({
 
   return (
     <Modal
-      title={"修改角色"}
+      title={'修改角色'}
       visible={visible}
       onOk={handleOk}
       onCancel={() => toggleVisible(false)}
       maskClosable={false}
-      style={{ maxWidth: "96vw" }}
+      style={{ maxWidth: '96vw' }}
       footer={null}
     >
       <div style={{ marginTop: 16 }}>
@@ -39,25 +35,12 @@ export const EditUser: React.FC<IProps> = ({
             description="请谨慎操作管理员权限！"
           />
         ) : null}
-        <Select
-          value={userRole}
-          onChange={setUserRole}
-          style={{ width: "100%" }}
-        >
+        <Select value={userRole} onChange={setUserRole} style={{ width: '100%' }}>
           {WIKI_USER_ROLES.map((wikiStatus) => {
-            return (
-              <Select.Option value={wikiStatus.value}>
-                {wikiStatus.label}
-              </Select.Option>
-            );
+            return <Select.Option value={wikiStatus.value}>{wikiStatus.label}</Select.Option>;
           })}
         </Select>
-        <Button
-          theme="solid"
-          block
-          style={{ margin: "24px 0" }}
-          onClick={handleOk}
-        >
+        <Button theme="solid" block style={{ margin: '24px 0' }} onClick={handleOk}>
           提交修改
         </Button>
       </div>
diff --git a/packages/client/src/components/wiki/setting/users/index.tsx b/packages/client/src/components/wiki/setting/users/index.tsx
index 975a3c95..25084b09 100644
--- a/packages/client/src/components/wiki/setting/users/index.tsx
+++ b/packages/client/src/components/wiki/setting/users/index.tsx
@@ -1,14 +1,14 @@
-import React, { useState } from "react";
-import { Table, Popconfirm, Button } from "@douyinfe/semi-ui";
-import { IconEdit, IconDelete } from "@douyinfe/semi-icons";
-import { useWikiUsers } from "data/wiki";
-import { DataRender } from "components/data-render";
-import { LocaleTime } from "components/locale-time";
-import { getWikiUserRoleText } from "@think/domains";
-import { useToggle } from "hooks/useToggle";
-import { Placeholder } from "./placeholder";
-import { AddUser } from "./add";
-import { EditUser } from "./edit";
+import React, { useState } from 'react';
+import { Table, Popconfirm, Button } from '@douyinfe/semi-ui';
+import { IconEdit, IconDelete } from '@douyinfe/semi-icons';
+import { useWikiUsers } from 'data/wiki';
+import { DataRender } from 'components/data-render';
+import { LocaleTime } from 'components/locale-time';
+import { getWikiUserRoleText } from '@think/domains';
+import { useToggle } from 'hooks/useToggle';
+import { Placeholder } from './placeholder';
+import { AddUser } from './add';
+import { EditUser } from './edit';
 
 interface IProps {
   wikiId: string;
@@ -20,14 +20,7 @@ export const Users: React.FC<IProps> = ({ wikiId }) => {
   const [visible, toggleVisible] = useToggle(false);
   const [editVisible, toggleEditVisible] = useToggle(false);
   const [currentUser, setCurrentUser] = useState(null);
-  const {
-    data: users,
-    loading,
-    error,
-    addUser,
-    updateUser,
-    deleteUser,
-  } = useWikiUsers(wikiId);
+  const { data: users, loading, error, addUser, updateUser, deleteUser } = useWikiUsers(wikiId);
 
   const editUser = (user) => {
     setCurrentUser(user);
@@ -47,16 +40,11 @@ export const Users: React.FC<IProps> = ({ wikiId }) => {
         error={error}
         loadingContent={<Placeholder />}
         normalContent={() => (
-          <div style={{ margin: "24px 0" }}>
-            <div style={{ display: "flex", justifyContent: "flex-end" }}>
+          <div style={{ margin: '24px 0' }}>
+            <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
               <Button onClick={toggleVisible}>添加用户</Button>
             </div>
-            <Table
-              style={{ margin: "16px 0" }}
-              dataSource={users}
-              size="small"
-              pagination
-            >
+            <Table style={{ margin: '16px 0' }} dataSource={users} size="small" pagination>
               <Column title="用户名" dataIndex="userName" key="userName" />
               <Column
                 title="成员角色"
@@ -90,11 +78,7 @@ export const Users: React.FC<IProps> = ({ wikiId }) => {
                       title="确认删除该成员？"
                       onConfirm={() => deleteUser(data)}
                     >
-                      <Button
-                        type="tertiary"
-                        theme="borderless"
-                        icon={<IconDelete />}
-                      />
+                      <Button type="tertiary" theme="borderless" icon={<IconDelete />} />
                     </Popconfirm>
                   </>
                 )}
@@ -104,11 +88,7 @@ export const Users: React.FC<IProps> = ({ wikiId }) => {
         )}
       />
       <AddUser visible={visible} toggleVisible={toggleVisible} onOk={addUser} />
-      <EditUser
-        visible={editVisible}
-        toggleVisible={toggleEditVisible}
-        onOk={handleEdit}
-      />
+      <EditUser visible={editVisible} toggleVisible={toggleEditVisible} onOk={handleEdit} />
     </>
   );
 };
diff --git a/packages/client/src/components/wiki/setting/users/placeholder.tsx b/packages/client/src/components/wiki/setting/users/placeholder.tsx
index 6228196e..6e90bdeb 100644
--- a/packages/client/src/components/wiki/setting/users/placeholder.tsx
+++ b/packages/client/src/components/wiki/setting/users/placeholder.tsx
@@ -1,25 +1,25 @@
-import { Table, Skeleton } from "@douyinfe/semi-ui";
+import { Table, Skeleton } from '@douyinfe/semi-ui';
 
 const columns = [
   {
-    title: "用户名",
-    dataIndex: "userName",
-    key: "userName",
+    title: '用户名',
+    dataIndex: 'userName',
+    key: 'userName',
   },
   {
-    title: "成员角色",
-    dataIndex: "userRole",
-    key: "userRole",
+    title: '成员角色',
+    dataIndex: 'userRole',
+    key: 'userRole',
   },
   {
-    title: "加入时间",
-    dataIndex: "createdAt",
-    key: "createdAt",
+    title: '加入时间',
+    dataIndex: 'createdAt',
+    key: 'createdAt',
   },
   {
-    title: "操作",
-    dataIndex: "actions",
-    key: "actions",
+    title: '操作',
+    dataIndex: 'actions',
+    key: 'actions',
   },
 ];
 
@@ -35,7 +35,7 @@ export const Placeholder = () => {
       placeholder={
         <Table
           size="small"
-          style={{ margin: "24px 0" }}
+          style={{ margin: '24px 0' }}
           columns={columns}
           dataSource={PLACEHOLDER_DATA}
           pagination={false}
diff --git a/packages/client/src/components/wiki/star/index.tsx b/packages/client/src/components/wiki/star/index.tsx
index af6d7e13..81efc6ab 100644
--- a/packages/client/src/components/wiki/star/index.tsx
+++ b/packages/client/src/components/wiki/star/index.tsx
@@ -1,7 +1,7 @@
-import React from "react";
-import { Tooltip, Button } from "@douyinfe/semi-ui";
-import { IconStar } from "@douyinfe/semi-icons";
-import { useWikiStar } from "data/wiki";
+import React from 'react';
+import { Tooltip, Button } from '@douyinfe/semi-ui';
+import { IconStar } from '@douyinfe/semi-icons';
+import { useWikiStar } from 'data/wiki';
 
 interface IProps {
   wikiId: string;
@@ -15,7 +15,7 @@ interface IProps {
 
 export const WikiStar: React.FC<IProps> = ({ wikiId, render, onChange }) => {
   const { data, toggleStar } = useWikiStar(wikiId);
-  const text = data ? "取消收藏" : "收藏知识库";
+  const text = data ? '取消收藏' : '收藏知识库';
 
   return (
     <>
@@ -27,9 +27,7 @@ export const WikiStar: React.FC<IProps> = ({ wikiId, render, onChange }) => {
             icon={<IconStar />}
             theme="borderless"
             style={{
-              color: data
-                ? "rgba(var(--semi-amber-4), 1)"
-                : "rgba(var(--semi-grey-3), 1)",
+              color: data ? 'rgba(var(--semi-amber-4), 1)' : 'rgba(var(--semi-grey-3), 1)',
             }}
             onClick={(e) => {
               e.stopPropagation();
diff --git a/packages/client/src/components/wiki/tocs/NavItem.tsx b/packages/client/src/components/wiki/tocs/NavItem.tsx
index 00d3bab8..5a233edc 100644
--- a/packages/client/src/components/wiki/tocs/NavItem.tsx
+++ b/packages/client/src/components/wiki/tocs/NavItem.tsx
@@ -1,8 +1,8 @@
-import type { UrlObject } from "url";
-import cls from "classnames";
-import React from "react";
-import Link from "next/link";
-import styles from "./index.module.scss";
+import type { UrlObject } from 'url';
+import cls from 'classnames';
+import React from 'react';
+import Link from 'next/link';
+import styles from './index.module.scss';
 
 interface IProps {
   icon: React.ReactNode;
@@ -24,9 +24,7 @@ export const NavItem: React.FC<IProps> = ({
   isActive = false,
   hoverable = true,
 }) => {
-  const right = rightNode ? (
-    <span className={styles.rightWrap}>{rightNode}</span>
-  ) : null;
+  const right = rightNode ? <span className={styles.rightWrap}>{rightNode}</span> : null;
   const content = (
     <>
       <span className={styles.icon}>{icon}</span>
diff --git a/packages/client/src/components/wiki/tocs/index.tsx b/packages/client/src/components/wiki/tocs/index.tsx
index 28fdb3af..c4479cfa 100644
--- a/packages/client/src/components/wiki/tocs/index.tsx
+++ b/packages/client/src/components/wiki/tocs/index.tsx
@@ -1,17 +1,17 @@
-import { useRouter } from "next/router";
-import { useEffect, useState } from "react";
-import { Avatar, Button, Typography, Skeleton } from "@douyinfe/semi-ui";
-import { IconPlus } from "@douyinfe/semi-icons";
-import { useWikiDetail, useWikiTocs } from "data/wiki";
-import { useToggle } from "hooks/useToggle";
-import { Seo } from "components/seo";
-import { findParents } from "components/wiki/tocs/utils";
-import { IconDocument, IconSetting, IconOverview } from "components/icons";
-import { DocumentCreator } from "components/document/create";
-import { DataRender } from "components/data-render";
-import { NavItem } from "./NavItem";
-import { Tree } from "./tree";
-import styles from "./index.module.scss";
+import { useRouter } from 'next/router';
+import { useEffect, useState } from 'react';
+import { Avatar, Button, Typography, Skeleton } from '@douyinfe/semi-ui';
+import { IconPlus } from '@douyinfe/semi-icons';
+import { useWikiDetail, useWikiTocs } from 'data/wiki';
+import { useToggle } from 'hooks/useToggle';
+import { Seo } from 'components/seo';
+import { findParents } from 'components/wiki/tocs/utils';
+import { IconDocument, IconSetting, IconOverview } from 'components/icons';
+import { DocumentCreator } from 'components/document/create';
+import { DataRender } from 'components/data-render';
+import { NavItem } from './NavItem';
+import { Tree } from './tree';
+import styles from './index.module.scss';
 
 interface IProps {
   wikiId: string;
@@ -27,21 +27,13 @@ export const WikiTocs: React.FC<IProps> = ({
   pageTitle,
   wikiId,
   documentId = null,
-  docAsLink = "/wiki/[wikiId]/document/[documentId]",
+  docAsLink = '/wiki/[wikiId]/document/[documentId]',
   getDocLink = (documentId) => `/wiki/${wikiId}/document/${documentId}`,
 }) => {
   const { pathname } = useRouter();
   const [visible, toggleVisible] = useToggle(false);
-  const {
-    data: wiki,
-    loading: wikiLoading,
-    error: wikiError,
-  } = useWikiDetail(wikiId);
-  const {
-    data: tocs,
-    loading: tocsLoading,
-    error: tocsError,
-  } = useWikiTocs(wikiId);
+  const { data: wiki, loading: wikiLoading, error: wikiError } = useWikiDetail(wikiId);
+  const { data: tocs, loading: tocsLoading, error: tocsError } = useWikiTocs(wikiId);
   const [parentIds, setParentIds] = useState<Array<string>>([]);
 
   useEffect(() => {
@@ -73,7 +65,7 @@ export const WikiTocs: React.FC<IProps> = ({
         error={wikiError}
         normalContent={() => (
           <>
-            <Seo title={wiki.name + " - " + pageTitle} />
+            <Seo title={wiki.name + ' - ' + pageTitle} />
             <NavItem
               icon={
                 <Avatar
@@ -99,22 +91,22 @@ export const WikiTocs: React.FC<IProps> = ({
 
       <NavItem
         icon={<IconOverview />}
-        text={"概述"}
+        text={'概述'}
         href={{
           pathname: `/wiki/[wikiId]`,
           query: { wikiId },
         }}
-        isActive={pathname === "/wiki/[wikiId]"}
+        isActive={pathname === '/wiki/[wikiId]'}
       />
 
       <NavItem
         icon={<IconSetting />}
-        text={"设置"}
+        text={'设置'}
         href={{
           pathname: `/wiki/[wikiId]/setting`,
-          query: { tab: "base", wikiId },
+          query: { tab: 'base', wikiId },
         }}
-        isActive={pathname === "/wiki/[wikiId]/setting"}
+        isActive={pathname === '/wiki/[wikiId]/setting'}
       />
 
       <DataRender
@@ -140,27 +132,23 @@ export const WikiTocs: React.FC<IProps> = ({
         normalContent={() => (
           <NavItem
             icon={<IconDocument />}
-            text={"文档管理"}
+            text={'文档管理'}
             href={{
               pathname: `/wiki/[wikiId]/documents`,
               query: { wikiId },
             }}
-            isActive={pathname === "/wiki/[wikiId]/documents"}
+            isActive={pathname === '/wiki/[wikiId]/documents'}
             rightNode={
               <>
                 <Button
-                  style={{ fontSize: "1em" }}
+                  style={{ fontSize: '1em' }}
                   theme="borderless"
                   type="tertiary"
-                  icon={<IconPlus style={{ fontSize: "1em" }} />}
+                  icon={<IconPlus style={{ fontSize: '1em' }} />}
                   size="small"
                   onClick={toggleVisible}
                 />
-                <DocumentCreator
-                  wikiId={wiki.id}
-                  visible={visible}
-                  toggleVisible={toggleVisible}
-                />
+                <DocumentCreator wikiId={wiki.id} visible={visible} toggleVisible={toggleVisible} />
               </>
             }
           />
diff --git a/packages/client/src/components/wiki/tocs/manager/index.tsx b/packages/client/src/components/wiki/tocs/manager/index.tsx
index 66d9d364..8faf9780 100644
--- a/packages/client/src/components/wiki/tocs/manager/index.tsx
+++ b/packages/client/src/components/wiki/tocs/manager/index.tsx
@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from "react";
-import { Banner, Tree, Button, Toast, Typography } from "@douyinfe/semi-ui";
-import { DataRender } from "components/data-render";
-import { useWikiTocs } from "data/wiki";
-import styles from "./index.module.scss";
+import React, { useEffect, useState } from 'react';
+import { Banner, Tree, Button, Toast, Typography } from '@douyinfe/semi-ui';
+import { DataRender } from 'components/data-render';
+import { useWikiTocs } from 'data/wiki';
+import styles from './index.module.scss';
 
 interface IProps {
   wikiId: string;
@@ -59,9 +59,8 @@ export const WikiTocsManager: React.FC<IProps> = ({ wikiId }) => {
     const { dropToGap, node, dragNode } = info;
     const dropKey = node.key;
     const dragKey = dragNode.key;
-    const dropPos = node.pos.split("-");
-    const dropPosition =
-      info.dropPosition - Number(dropPos[dropPos.length - 1]);
+    const dropPos = node.pos.split('-');
+    const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);
 
     const data = [...treeData];
     const loop = (data, key, callback) => {
@@ -110,7 +109,7 @@ export const WikiTocsManager: React.FC<IProps> = ({ wikiId }) => {
     const data = extractRelation(treeData);
     updateTocs(data).then(() => {
       setChanged(false);
-      Toast.success("目录已更新");
+      Toast.success('目录已更新');
     });
   };
 
@@ -130,9 +129,7 @@ export const WikiTocsManager: React.FC<IProps> = ({ wikiId }) => {
           loading={tocsLoading}
           error={tocsError}
           normalContent={() => {
-            return (
-              <Tree treeData={treeData} draggable onDrop={onDrop} expandAll />
-            );
+            return <Tree treeData={treeData} draggable onDrop={onDrop} expandAll />;
           }}
         />
       </div>
diff --git a/packages/client/src/components/wiki/tocs/public.tsx b/packages/client/src/components/wiki/tocs/public.tsx
index a0f63c6b..da401c80 100644
--- a/packages/client/src/components/wiki/tocs/public.tsx
+++ b/packages/client/src/components/wiki/tocs/public.tsx
@@ -1,16 +1,16 @@
-import { useRouter } from "next/router";
-import { useState, useEffect } from "react";
-import { Avatar, Typography, Skeleton, Space } from "@douyinfe/semi-ui";
-import { IconPlus } from "@douyinfe/semi-icons";
-import { IconOverview } from "components/icons";
-import { usePublicWikiDetail, usePublicWikiTocs } from "data/wiki";
-import { Seo } from "components/seo";
-import { findParents } from "components/wiki/tocs/utils";
-import { LogoImage, LogoText } from "components/logo";
-import { DataRender } from "components/data-render";
-import { Tree } from "./tree";
-import { NavItem } from "./NavItem";
-import styles from "./index.module.scss";
+import React, { useState, useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { Avatar, Typography, Skeleton, Space } from '@douyinfe/semi-ui';
+import { IconPlus } from '@douyinfe/semi-icons';
+import { IconOverview } from 'components/icons';
+import { usePublicWikiDetail, usePublicWikiTocs } from 'data/wiki';
+import { Seo } from 'components/seo';
+import { findParents } from 'components/wiki/tocs/utils';
+import { LogoImage, LogoText } from 'components/logo';
+import { DataRender } from 'components/data-render';
+import { Tree } from './tree';
+import { NavItem } from './NavItem';
+import styles from './index.module.scss';
 
 interface IProps {
   wikiId: string;
@@ -26,20 +26,12 @@ export const WikiPublicTocs: React.FC<IProps> = ({
   pageTitle,
   wikiId,
   documentId = null,
-  docAsLink = "/share/wiki/[wikiId]/document/[documentId]",
+  docAsLink = '/share/wiki/[wikiId]/document/[documentId]',
   getDocLink = (documentId) => `/share/wiki/${wikiId}/document/${documentId}`,
 }) => {
   const { pathname } = useRouter();
-  const {
-    data: wiki,
-    loading: wikiLoading,
-    error: wikiError,
-  } = usePublicWikiDetail(wikiId);
-  const {
-    data: tocs,
-    loading: tocsLoading,
-    error: tocsError,
-  } = usePublicWikiTocs(wikiId);
+  const { data: wiki, loading: wikiLoading, error: wikiError } = usePublicWikiDetail(wikiId);
+  const { data: tocs, loading: tocsLoading, error: tocsError } = usePublicWikiTocs(wikiId);
   const [parentIds, setParentIds] = useState<Array<string>>([]);
 
   useEffect(() => {
@@ -79,7 +71,7 @@ export const WikiPublicTocs: React.FC<IProps> = ({
         error={wikiError}
         normalContent={() => (
           <>
-            <Seo title={wiki.name + " - " + pageTitle} />
+            <Seo title={wiki.name + ' - ' + pageTitle} />
             <NavItem
               icon={
                 <Avatar
@@ -105,12 +97,12 @@ export const WikiPublicTocs: React.FC<IProps> = ({
 
       <NavItem
         icon={<IconOverview />}
-        text={"概述"}
+        text={'概述'}
         href={{
           pathname: `/share/wiki/[wikiId]`,
           query: { wikiId },
         }}
-        isActive={pathname === "/share/wiki/[wikiId]"}
+        isActive={pathname === '/share/wiki/[wikiId]'}
       />
 
       <div className={styles.treeWrap} style={{ marginTop: 12 }}>
diff --git a/packages/client/src/components/wiki/tocs/tree.tsx b/packages/client/src/components/wiki/tocs/tree.tsx
index b4caddcc..ac811aeb 100644
--- a/packages/client/src/components/wiki/tocs/tree.tsx
+++ b/packages/client/src/components/wiki/tocs/tree.tsx
@@ -1,12 +1,12 @@
-import React, { useEffect, useState, useCallback } from "react";
-import Link from "next/link";
-import { Tree as SemiTree, Button, Typography } from "@douyinfe/semi-ui";
-import { IconMore, IconPlus } from "@douyinfe/semi-icons";
-import { useToggle } from "hooks/useToggle";
-import { DocumentActions } from "components/document/actions";
-import { DocumentCreator as DocumenCreatorForm } from "components/document/create";
-import { EventEmitter } from "helpers/event-emitter";
-import styles from "./index.module.scss";
+import React, { useEffect, useState, useCallback } from 'react';
+import Link from 'next/link';
+import { Tree as SemiTree, Button, Typography } from '@douyinfe/semi-ui';
+import { IconMore, IconPlus } from '@douyinfe/semi-icons';
+import { useToggle } from 'hooks/useToggle';
+import { DocumentActions } from 'components/document/actions';
+import { DocumentCreator as DocumenCreatorForm } from 'components/document/create';
+import { EventEmitter } from 'helpers/event-emitter';
+import styles from './index.module.scss';
 
 const em = new EventEmitter();
 
@@ -27,7 +27,7 @@ const Actions = ({ node }) => {
       <Button
         onClick={(e) => {
           e.stopPropagation();
-          em.emit("plus", node);
+          em.emit('plus', node);
         }}
         type="tertiary"
         theme="borderless"
@@ -44,7 +44,7 @@ const AddDocument = () => {
   const [visible, toggleVisible] = useToggle(false);
 
   useEffect(() => {
-    em.on("plus", (node) => {
+    em.on('plus', (node) => {
       setWikiId(node.wikiId);
       setDocumentId(node.id);
       toggleVisible(true);
@@ -65,20 +65,10 @@ const AddDocument = () => {
   );
 };
 
-export const Tree = ({
-  data,
-  docAsLink,
-  getDocLink,
-  parentIds,
-  activeId,
-  isShareMode = false,
-}) => {
+export const Tree = ({ data, docAsLink, getDocLink, parentIds, activeId, isShareMode = false }) => {
   const [expandedKeys, setExpandedKeys] = useState(parentIds);
 
-  const renderBtn = useCallback(
-    (node) => <Actions key={node.id} node={node} />,
-    []
-  );
+  const renderBtn = useCallback((node) => <Actions key={node.id} node={node} />, []);
 
   const renderLabel = useCallback(
     (label, item) => (
@@ -87,7 +77,7 @@ export const Tree = ({
           <a className={styles.left}>
             <Typography.Text
               ellipsis={{
-                showTooltip: { opts: { content: label, position: "right" } },
+                showTooltip: { opts: { content: label, position: 'right' } },
               }}
             >
               {label}
diff --git a/packages/client/src/data/user.tsx b/packages/client/src/data/user.tsx
index 1f243bc8..b919935b 100644
--- a/packages/client/src/data/user.tsx
+++ b/packages/client/src/data/user.tsx
@@ -1,36 +1,36 @@
-import type { IUser, ILoginUser } from "@think/domains";
-import useSWR from "swr";
-import { useCallback, useEffect } from "react";
-import Router, { useRouter } from "next/router";
-import { HttpClient } from "services/HttpClient";
-import { getStorage, setStorage } from "helpers/storage";
+import type { IUser, ILoginUser } from '@think/domains';
+import useSWR from 'swr';
+import { useCallback, useEffect } from 'react';
+import Router, { useRouter } from 'next/router';
+import { HttpClient } from 'services/HttpClient';
+import { getStorage, setStorage } from 'helpers/storage';
 
 export const useUser = () => {
   const router = useRouter();
-  const { data, error, mutate } = useSWR("user", getStorage);
+  const { data, error, mutate } = useSWR('user', getStorage);
 
   const logout = useCallback(() => {
-    window.localStorage.removeItem("user");
-    window.localStorage.removeItem("token");
+    window.localStorage.removeItem('user');
+    window.localStorage.removeItem('token');
     mutate(null);
-    Router.replace("/login");
+    Router.replace('/login');
   }, []);
 
   const login = useCallback((data) => {
-    HttpClient.post<IUser>("/user/login", data).then((res) => {
+    HttpClient.post<IUser>('/user/login', data).then((res) => {
       const user = res as unknown as ILoginUser;
       mutate(user);
-      setStorage("user", JSON.stringify(user));
-      user.token && setStorage("token", user.token);
-      const next = router.query?.redirect || "/";
+      setStorage('user', JSON.stringify(user));
+      user.token && setStorage('token', user.token);
+      const next = router.query?.redirect || '/';
       Router.replace(next as string);
     });
   }, []);
 
-  const updateUser = async (patch: Pick<IUser, "email" | "avatar">) => {
-    const res = await HttpClient.patch("/user/update", patch);
+  const updateUser = async (patch: Pick<IUser, 'email' | 'avatar'>) => {
+    const res = await HttpClient.patch('/user/update', patch);
     const ret = { ...data, ...res } as unknown as IUser;
-    setStorage("user", JSON.stringify(ret));
+    setStorage('user', JSON.stringify(ret));
     mutate(ret);
   };
 
diff --git a/packages/client/src/data/wiki.tsx b/packages/client/src/data/wiki.tsx
index 10a400b2..0c321afc 100644
--- a/packages/client/src/data/wiki.tsx
+++ b/packages/client/src/data/wiki.tsx
@@ -1,18 +1,12 @@
-import {
-  CollectType,
-  IDocument,
-  IUser,
-  IWiki,
-  IWikiUser,
-} from "@think/domains";
-import useSWR from "swr";
-import { HttpClient } from "services/HttpClient";
+import { CollectType, IDocument, IUser, IWiki, IWikiUser } from '@think/domains';
+import useSWR from 'swr';
+import { HttpClient } from 'services/HttpClient';
 
-export type ICreateWiki = Pick<IWiki, "name" | "description">;
+export type ICreateWiki = Pick<IWiki, 'name' | 'description'>;
 export type IUpdateWiki = Partial<IWiki>;
 export type IWikiUserOpeateData = {
-  userName: Pick<IUser, "name">;
-  userRole: Pick<IWikiUser, "userRole">;
+  userName: Pick<IUser, 'name'>;
+  userRole: Pick<IWikiUser, 'userRole'>;
 };
 
 /**
@@ -20,9 +14,8 @@ export type IWikiUserOpeateData = {
  * @returns
  */
 export const useAllWikis = () => {
-  const { data, error } = useSWR<{ data: IWiki[]; total: number }>(
-    "/wiki/list/all",
-    (url) => HttpClient.get(url)
+  const { data, error } = useSWR<{ data: IWiki[]; total: number }>('/wiki/list/all', (url) =>
+    HttpClient.get(url)
   );
 
   const loading = !data && !error;
@@ -37,9 +30,8 @@ export const useAllWikis = () => {
  * @returns
  */
 export const useJoinWikis = () => {
-  const { data, error } = useSWR<{ data: IWiki[]; total: number }>(
-    "/wiki/list/join",
-    (url) => HttpClient.get(url)
+  const { data, error } = useSWR<{ data: IWiki[]; total: number }>('/wiki/list/join', (url) =>
+    HttpClient.get(url)
   );
 
   const loading = !data && !error;
@@ -55,12 +47,12 @@ export const useJoinWikis = () => {
  */
 export const useOwnWikis = () => {
   const { data, error, mutate } = useSWR<{ data: IWiki[]; total: number }>(
-    "/wiki/list/own",
+    '/wiki/list/own',
     (url) => HttpClient.get(url)
   );
 
   const createWiki = async (data: ICreateWiki) => {
-    const res = await HttpClient.post<IWiki>("/wiki/create", data);
+    const res = await HttpClient.post<IWiki>('/wiki/create', data);
     mutate();
     return res;
   };
@@ -71,7 +63,7 @@ export const useOwnWikis = () => {
    * @returns
    */
   const deletWiki = async (id) => {
-    const res = await HttpClient.delete<IWiki>("/wiki/delete/" + id);
+    const res = await HttpClient.delete<IWiki>('/wiki/delete/' + id);
     mutate();
     return res;
   };
@@ -88,7 +80,7 @@ export const useOwnWikis = () => {
  * @returns
  */
 export const useWikiHomeDoc = (wikiId) => {
-  const { data, error } = useSWR<IDocument>("/wiki/homedoc/" + wikiId, (url) =>
+  const { data, error } = useSWR<IDocument>('/wiki/homedoc/' + wikiId, (url) =>
     HttpClient.get(url)
   );
   const loading = !data && !error;
@@ -101,17 +93,13 @@ export const useWikiHomeDoc = (wikiId) => {
  * @returns
  */
 export const useWikiTocs = (wikiId) => {
-  const { data, error, mutate } = useSWR<
-    Array<IDocument & { createUser: IUser }>
-  >(
+  const { data, error, mutate } = useSWR<Array<IDocument & { createUser: IUser }>>(
     `/wiki/tocs/${wikiId}`,
     (url) => HttpClient.get(url)
   );
   const loading = !data && !error;
 
-  const update = async (
-    relations: Array<{ id: string; parentDocumentId: string }>
-  ) => {
+  const update = async (relations: Array<{ id: string; parentDocumentId: string }>) => {
     const res = await HttpClient.post(`/wiki/tocs/${wikiId}/update`, relations);
     mutate();
     return res;
@@ -126,9 +114,10 @@ export const useWikiTocs = (wikiId) => {
  * @returns
  */
 export const useWikiDocs = (wikiId) => {
-  const { data, error, mutate } = useSWR<
-    Array<IDocument & { createUser: IUser }>
-  >(`/wiki/docs/${wikiId}`, (url) => HttpClient.get(url));
+  const { data, error, mutate } = useSWR<Array<IDocument & { createUser: IUser }>>(
+    `/wiki/docs/${wikiId}`,
+    (url) => HttpClient.get(url)
+  );
   const loading = !data && !error;
   return { data, loading, error, refresh: mutate };
 };
@@ -139,9 +128,8 @@ export const useWikiDocs = (wikiId) => {
  * @returns
  */
 export const useWikiDetail = (wikiId) => {
-  const { data, error, mutate } = useSWR<IWiki>(
-    wikiId ? `/wiki/detail/${wikiId}` : null,
-    (url) => HttpClient.get(url)
+  const { data, error, mutate } = useSWR<IWiki>(wikiId ? `/wiki/detail/${wikiId}` : null, (url) =>
+    HttpClient.get(url)
   );
   const loading = !data && !error;
 
@@ -151,7 +139,7 @@ export const useWikiDetail = (wikiId) => {
    * @returns
    */
   const update = async (data: IUpdateWiki) => {
-    const res = await HttpClient.patch("/wiki/update/" + wikiId, data);
+    const res = await HttpClient.patch('/wiki/update/' + wikiId, data);
     mutate();
     return res;
   };
@@ -162,7 +150,7 @@ export const useWikiDetail = (wikiId) => {
    * @returns
    */
   const toggleStatus = async (data) => {
-    const res = await HttpClient.post("/wiki/share/" + wikiId, data);
+    const res = await HttpClient.post('/wiki/share/' + wikiId, data);
     mutate();
     return res;
   };
@@ -176,9 +164,8 @@ export const useWikiDetail = (wikiId) => {
  * @returns
  */
 export const useWikiUsers = (wikiId) => {
-  const { data, error, mutate } = useSWR<IWikiUser[]>(
-    "/wiki/user/" + wikiId,
-    (url) => HttpClient.get(url)
+  const { data, error, mutate } = useSWR<IWikiUser[]>('/wiki/user/' + wikiId, (url) =>
+    HttpClient.get(url)
   );
   const loading = !data && !error;
 
@@ -217,17 +204,15 @@ export const useWikiUsers = (wikiId) => {
  * @returns
  */
 export const useWikiStar = (wikiId) => {
-  const { data, error, mutate } = useSWR<boolean>(
-    `/collector/check/${wikiId}`,
-    () =>
-      HttpClient.post(`/collector/check`, {
-        type: CollectType.wiki,
-        targetId: wikiId,
-      })
+  const { data, error, mutate } = useSWR<boolean>(`/collector/check/${wikiId}`, () =>
+    HttpClient.post(`/collector/check`, {
+      type: CollectType.wiki,
+      targetId: wikiId,
+    })
   );
 
   const toggleStar = async () => {
-    await HttpClient.post("/collector/toggle/", {
+    await HttpClient.post('/collector/toggle/', {
       type: CollectType.wiki,
       targetId: wikiId,
     });
@@ -243,7 +228,7 @@ export const useWikiStar = (wikiId) => {
  */
 export const useStaredWikis = () => {
   const { data, error, mutate } = useSWR<IWiki[]>(
-    "/collector/wikis",
+    '/collector/wikis',
     (url) => HttpClient.post(url),
     { revalidateOnFocus: true }
   );
@@ -257,9 +242,8 @@ export const useStaredWikis = () => {
  * @returns
  */
 export const usePublicWikiHomeDoc = (wikiId) => {
-  const { data, error } = useSWR<IDocument>(
-    "/wiki/public/homedoc/" + wikiId,
-    (url) => HttpClient.get(url)
+  const { data, error } = useSWR<IDocument>('/wiki/public/homedoc/' + wikiId, (url) =>
+    HttpClient.get(url)
   );
   const loading = !data && !error;
   return { data, error, loading };
@@ -285,9 +269,8 @@ export const usePublicWikiDetail = (wikiId) => {
  * @returns
  */
 export const usePublicWikiTocs = (wikiId) => {
-  const { data, error, mutate } = useSWR<Array<IDocument>>(
-    `/wiki/public/tocs/${wikiId}`,
-    (url) => HttpClient.post(url)
+  const { data, error, mutate } = useSWR<Array<IDocument>>(`/wiki/public/tocs/${wikiId}`, (url) =>
+    HttpClient.post(url)
   );
   const loading = !data && !error;
 
diff --git a/packages/client/src/helpers/color.tsx b/packages/client/src/helpers/color.tsx
index 367bacf2..8bc0f5bd 100644
--- a/packages/client/src/helpers/color.tsx
+++ b/packages/client/src/helpers/color.tsx
@@ -1,24 +1,24 @@
 const colors = [
-  "#47A1FF",
-  "#59CB74",
-  "#FFB952",
-  "#FC6980",
-  "#6367EC",
-  "#DA65CC",
-  "#FBD54A",
-  "#ADDF84",
-  "#6CD3FF",
-  "#659AEC",
-  "#9F8CF1",
-  "#ED8CCE",
-  "#A2E5FF",
-  "#4DCCCB",
-  "#F79452",
-  "#84E0BE",
-  "#5982F6",
-  "#E37474",
-  "#3FDDC7",
-  "#9861E5",
+  '#47A1FF',
+  '#59CB74',
+  '#FFB952',
+  '#FC6980',
+  '#6367EC',
+  '#DA65CC',
+  '#FBD54A',
+  '#ADDF84',
+  '#6CD3FF',
+  '#659AEC',
+  '#9F8CF1',
+  '#ED8CCE',
+  '#A2E5FF',
+  '#4DCCCB',
+  '#F79452',
+  '#84E0BE',
+  '#5982F6',
+  '#E37474',
+  '#3FDDC7',
+  '#9861E5',
 ];
 
 const total = colors.length;
diff --git a/packages/client/src/helpers/copy.tsx b/packages/client/src/helpers/copy.tsx
index e4e4e038..b67e005c 100644
--- a/packages/client/src/helpers/copy.tsx
+++ b/packages/client/src/helpers/copy.tsx
@@ -1,7 +1,7 @@
-import _copy from "copy-to-clipboard";
-import { Toast } from "@douyinfe/semi-ui";
+import _copy from 'copy-to-clipboard';
+import { Toast } from '@douyinfe/semi-ui';
 
-export function copy(text: string, msg = "复制成功") {
+export function copy(text: string, msg = '复制成功') {
   Toast.success(msg);
   return _copy(text);
 }
diff --git a/packages/client/src/helpers/storage.tsx b/packages/client/src/helpers/storage.tsx
index 68a1ad10..e625f576 100644
--- a/packages/client/src/helpers/storage.tsx
+++ b/packages/client/src/helpers/storage.tsx
@@ -1,5 +1,5 @@
 export function getStorage(key) {
-  if (typeof window === "undefined") throw new Error();
+  if (typeof window === 'undefined') throw new Error();
 
   const value = localStorage.getItem(key);
   if (!value) return undefined;
@@ -11,5 +11,5 @@ export function getStorage(key) {
 }
 
 export const setStorage = (key, value) => {
-  window.localStorage.setItem(key, "" + value);
+  window.localStorage.setItem(key, '' + value);
 };
diff --git a/packages/client/src/helpers/url.tsx b/packages/client/src/helpers/url.tsx
index 8c623a0b..16bdb667 100644
--- a/packages/client/src/helpers/url.tsx
+++ b/packages/client/src/helpers/url.tsx
@@ -1,12 +1,12 @@
 export const buildUrl = (url) => {
-  if (typeof window === "undefined") return url;
+  if (typeof window === 'undefined') return url;
   return `${window.location.origin}${url}`;
 };
 
 export const getWikiShareURL = (wikiId) => {
-  return window.location.host + "/share/wiki/" + wikiId;
+  return window.location.host + '/share/wiki/' + wikiId;
 };
 
 export const getDocumentShareURL = (documentId) => {
-  return window.location.host + "/share/document/" + documentId;
+  return window.location.host + '/share/document/' + documentId;
 };
diff --git a/packages/client/src/hooks/use-click-outside.tsx b/packages/client/src/hooks/use-click-outside.tsx
index c9f4795f..fe128f58 100644
--- a/packages/client/src/hooks/use-click-outside.tsx
+++ b/packages/client/src/hooks/use-click-outside.tsx
@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useEffect } from 'react';
 
 export function useClickOutside(
   ref,
@@ -12,12 +12,12 @@ export function useClickOutside(
         handler.out && handler.out(event);
       }
     };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
 
     return () => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
     };
   }, [ref, handler]);
 }
diff --git a/packages/client/src/hooks/use-safari-100vh.tsx b/packages/client/src/hooks/use-safari-100vh.tsx
index 4ffbabf6..84b82bbd 100644
--- a/packages/client/src/hooks/use-safari-100vh.tsx
+++ b/packages/client/src/hooks/use-safari-100vh.tsx
@@ -1,16 +1,16 @@
-import { useEffect } from "react";
+import { useEffect } from 'react';
 
 export function useSafari100vh() {
   useEffect(() => {
     const appHeight = () => {
       const doc = document.documentElement;
-      doc.style.setProperty("--app-height", `${window.innerHeight}px`);
+      doc.style.setProperty('--app-height', `${window.innerHeight}px`);
     };
-    window.addEventListener("resize", appHeight);
+    window.addEventListener('resize', appHeight);
     appHeight();
 
     return () => {
-      window.removeEventListener("resize", appHeight);
+      window.removeEventListener('resize', appHeight);
     };
   }, []);
 }
diff --git a/packages/client/src/hooks/useAsyncLoading.tsx b/packages/client/src/hooks/useAsyncLoading.tsx
index 6bfdb50a..3b880b22 100644
--- a/packages/client/src/hooks/useAsyncLoading.tsx
+++ b/packages/client/src/hooks/useAsyncLoading.tsx
@@ -2,7 +2,11 @@ import { useState, useCallback, useEffect, useRef } from 'react';
 
 type PromiseAction = (...args: any[]) => Promise<any>;
 
-export function useAsyncLoading<A extends PromiseAction>(action: A, wait = 200, initialLoading = false): [A, boolean] {
+export function useAsyncLoading<A extends PromiseAction>(
+  action: A,
+  wait = 200,
+  initialLoading = false
+): [A, boolean] {
   const timerRef = useRef<any>(null);
   const [pending, setPending] = useState(false);
   const [loading, setLoading] = useState(initialLoading);
@@ -13,11 +17,11 @@ export function useAsyncLoading<A extends PromiseAction>(action: A, wait = 200,
       const promise = action(...args);
       promise.then(
         () => setPending(false),
-        () => setPending(false),
+        () => setPending(false)
       );
       return promise;
     },
-    [action],
+    [action]
   );
 
   useEffect(() => {
diff --git a/packages/client/src/hooks/useTheme.tsx b/packages/client/src/hooks/useTheme.tsx
index 9c1f39cd..ae869a16 100644
--- a/packages/client/src/hooks/useTheme.tsx
+++ b/packages/client/src/hooks/useTheme.tsx
@@ -1,33 +1,33 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react';
 
 export enum Theme {
-  "dark" = "dark",
-  "light" = "light",
+  'dark' = 'dark',
+  'light' = 'light',
 }
 
 export const useTheme = () => {
   const [theme, setTheme] = useState(Theme.light);
 
   const toggle = () => {
-    const nextTheme = theme === "dark" ? Theme.light : Theme.dark;
+    const nextTheme = theme === 'dark' ? Theme.light : Theme.dark;
     setTheme(nextTheme);
   };
 
   useEffect(() => {
     const body = document.body;
-    if (theme === "dark") {
-      body.setAttribute("theme-mode", "dark");
+    if (theme === 'dark') {
+      body.setAttribute('theme-mode', 'dark');
       return;
     }
 
-    if (theme === "light") {
-      body.setAttribute("theme-mode", "light");
+    if (theme === 'light') {
+      body.setAttribute('theme-mode', 'light');
       return;
     }
   }, [theme]);
 
   useEffect(() => {
-    const mql = window.matchMedia("(prefers-color-scheme: dark)");
+    const mql = window.matchMedia('(prefers-color-scheme: dark)');
 
     function matchMode(e) {
       if (e.matches) {
@@ -38,7 +38,7 @@ export const useTheme = () => {
     }
 
     matchMode(mql);
-    mql.addEventListener("change", matchMode);
+    mql.addEventListener('change', matchMode);
   }, []);
 
   return {
diff --git a/packages/client/src/hooks/useWindowSize.tsx b/packages/client/src/hooks/useWindowSize.tsx
index b6bfcae1..101d2631 100644
--- a/packages/client/src/hooks/useWindowSize.tsx
+++ b/packages/client/src/hooks/useWindowSize.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect } from 'react';
 
 interface Size {
   width: number | undefined;
@@ -18,9 +18,9 @@ export function useWindowSize(): Size {
         height: window.innerHeight,
       });
     }
-    window.addEventListener("resize", handleResize);
+    window.addEventListener('resize', handleResize);
     handleResize();
-    return () => window.removeEventListener("resize", handleResize);
+    return () => window.removeEventListener('resize', handleResize);
   }, []);
 
   return windowSize;
diff --git a/packages/client/src/illustrations/create-document.tsx b/packages/client/src/illustrations/create-document.tsx
index 992865da..eb21dd10 100644
--- a/packages/client/src/illustrations/create-document.tsx
+++ b/packages/client/src/illustrations/create-document.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 export const CreateDocumentIllustration = () => {
   return (
diff --git a/packages/client/src/illustrations/create-wiki.tsx b/packages/client/src/illustrations/create-wiki.tsx
index 0d02d417..1aa99a33 100644
--- a/packages/client/src/illustrations/create-wiki.tsx
+++ b/packages/client/src/illustrations/create-wiki.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 export const CreateWikiIllustration = () => {
   return (
@@ -308,13 +308,7 @@ export const CreateWikiIllustration = () => {
         transform="translate(-154 -199.62501)"
         fill="#cbcbcb"
       />
-      <rect
-        x="392.29724"
-        y="19.74997"
-        width="2"
-        height="303.03809"
-        fill="#cbcbcb"
-      />
+      <rect x="392.29724" y="19.74997" width="2" height="303.03809" fill="#cbcbcb" />
     </svg>
   );
 };
diff --git a/packages/client/src/illustrations/empty-box.tsx b/packages/client/src/illustrations/empty-box.tsx
index a5c939e5..9c3100a7 100644
--- a/packages/client/src/illustrations/empty-box.tsx
+++ b/packages/client/src/illustrations/empty-box.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 export const EmptyBoxIllustration = () => {
   return (
@@ -257,11 +257,7 @@ export const EmptyBoxIllustration = () => {
         fill="#9e616a"
       />
       <circle cx="584.91096" cy="94.03525" r="32.83012" fill="#9e616a" />
-      <path
-        d="M599.36147,299.184"
-        transform="translate(-168.64838 -127.60704)"
-        fill="#54a9ff"
-      />
+      <path d="M599.36147,299.184" transform="translate(-168.64838 -127.60704)" fill="#54a9ff" />
       <path
         d="M806.14195,284.81075c-3.86888-7.69981-5.74873-17.212-13.99671-19.70823-5.56965-1.68563-28.09691.84048-33.17312,3.6859-8.44356,4.73313-.79189,13.60234-5.77332,21.90214-5.41517,9.02271-20.132,27.12978-25.5472,36.15241-3.72279,6.20279,8.8171,24.40947,6.80408,31.358-2.01273,6.94848-2.10962,14.74736,1.31952,21.11722,3.06888,5.70141-1.37137,10.745,1.71521,16.437,3.20957,5.91962,7.14849,28.05274,4.16119,34.08785l-2,6c19.84682,1.16609,36.53459-22.54427,56.25813-25.04188,4.89894-.62032,9.98565-1.43073,14.02251-4.27435,5.94639-4.18864,8.29717-11.78923,9.76638-18.91282A159.32576,159.32576,0,0,0,806.14195,284.81075Z"
         transform="translate(-168.64838 -127.60704)"
diff --git a/packages/client/src/illustrations/share.tsx b/packages/client/src/illustrations/share.tsx
index 4fa6e8b4..11ded682 100644
--- a/packages/client/src/illustrations/share.tsx
+++ b/packages/client/src/illustrations/share.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 export const ShareIllustration = () => {
   return (
diff --git a/packages/client/src/layouts/double-column/index.tsx b/packages/client/src/layouts/double-column/index.tsx
index 74e4482c..c7be625c 100644
--- a/packages/client/src/layouts/double-column/index.tsx
+++ b/packages/client/src/layouts/double-column/index.tsx
@@ -1,11 +1,11 @@
-import React from "react";
-import cls from "classnames";
-import { Layout as SemiLayout, Button } from "@douyinfe/semi-ui";
-import { IconChevronLeft, IconChevronRight } from "@douyinfe/semi-icons";
-import SplitPane from "react-split-pane";
-import { useDragableWidth, MIN_WIDTH, MAX_WIDTH } from "hooks/useDragableWidth";
-import { RouterHeader } from "../router-header";
-import styles from "./index.module.scss";
+import React from 'react';
+import cls from 'classnames';
+import { Layout as SemiLayout, Button } from '@douyinfe/semi-ui';
+import { IconChevronLeft, IconChevronRight } from '@douyinfe/semi-icons';
+import SplitPane from 'react-split-pane';
+import { useDragableWidth, MIN_WIDTH, MAX_WIDTH } from 'hooks/useDragableWidth';
+import { RouterHeader } from '../router-header';
+import styles from './index.module.scss';
 
 const { Sider, Content } = SemiLayout;
 
@@ -14,34 +14,19 @@ interface IProps {
   rightNode: React.ReactNode;
 }
 
-export const DoubleColumnLayout: React.FC<IProps> = ({
-  leftNode,
-  rightNode,
-}) => {
-  const { width, isCollapsed, updateWidth, toggleCollapsed } =
-    useDragableWidth();
+export const DoubleColumnLayout: React.FC<IProps> = ({ leftNode, rightNode }) => {
+  const { width, isCollapsed, updateWidth, toggleCollapsed } = useDragableWidth();
 
   return (
     <SemiLayout className={styles.wrap}>
       <RouterHeader />
       <SemiLayout className={styles.contentWrap}>
-        <SplitPane
-          minSize={MIN_WIDTH}
-          maxSize={MAX_WIDTH}
-          size={width}
-          onChange={updateWidth}
-        >
-          <Sider
-            style={{ width: "100%", height: "100%" }}
-            className={styles.leftWrap}
-          >
+        <SplitPane minSize={MIN_WIDTH} maxSize={MAX_WIDTH} size={width} onChange={updateWidth}>
+          <Sider style={{ width: '100%', height: '100%' }} className={styles.leftWrap}>
             <Button
               size="small"
               icon={isCollapsed ? <IconChevronRight /> : <IconChevronLeft />}
-              className={cls(
-                styles.collapseBtn,
-                isCollapsed && styles.isCollapsed
-              )}
+              className={cls(styles.collapseBtn, isCollapsed && styles.isCollapsed)}
               onClick={toggleCollapsed}
             />
             <div
diff --git a/packages/client/src/layouts/public-double-column/index.tsx b/packages/client/src/layouts/public-double-column/index.tsx
index e15fe679..5f01898d 100644
--- a/packages/client/src/layouts/public-double-column/index.tsx
+++ b/packages/client/src/layouts/public-double-column/index.tsx
@@ -1,10 +1,10 @@
-import React from "react";
-import cls from "classnames";
-import { Layout as SemiLayout, Button } from "@douyinfe/semi-ui";
-import { IconChevronLeft, IconChevronRight } from "@douyinfe/semi-icons";
-import SplitPane from "react-split-pane";
-import { useDragableWidth, MIN_WIDTH, MAX_WIDTH } from "hooks/useDragableWidth";
-import styles from "./index.module.scss";
+import React from 'react';
+import cls from 'classnames';
+import { Layout as SemiLayout, Button } from '@douyinfe/semi-ui';
+import { IconChevronLeft, IconChevronRight } from '@douyinfe/semi-icons';
+import SplitPane from 'react-split-pane';
+import { useDragableWidth, MIN_WIDTH, MAX_WIDTH } from 'hooks/useDragableWidth';
+import styles from './index.module.scss';
 
 const { Sider, Content } = SemiLayout;
 
@@ -13,32 +13,17 @@ interface IProps {
   rightNode: React.ReactNode;
 }
 
-export const PublicDoubleColumnLayout: React.FC<IProps> = ({
-  leftNode,
-  rightNode,
-}) => {
-  const { width, isCollapsed, updateWidth, toggleCollapsed } =
-    useDragableWidth();
+export const PublicDoubleColumnLayout: React.FC<IProps> = ({ leftNode, rightNode }) => {
+  const { width, isCollapsed, updateWidth, toggleCollapsed } = useDragableWidth();
 
   return (
     <SemiLayout className={styles.wrap}>
-      <SplitPane
-        minSize={MIN_WIDTH}
-        maxSize={MAX_WIDTH}
-        size={width}
-        onChange={updateWidth}
-      >
-        <Sider
-          style={{ width: "100%", height: "100%" }}
-          className={styles.leftWrap}
-        >
+      <SplitPane minSize={MIN_WIDTH} maxSize={MAX_WIDTH} size={width} onChange={updateWidth}>
+        <Sider style={{ width: '100%', height: '100%' }} className={styles.leftWrap}>
           <Button
             size="small"
             icon={isCollapsed ? <IconChevronRight /> : <IconChevronLeft />}
-            className={cls(
-              styles.collapseBtn,
-              isCollapsed && styles.isCollapsed
-            )}
+            className={cls(styles.collapseBtn, isCollapsed && styles.isCollapsed)}
             onClick={toggleCollapsed}
           />
           <div
diff --git a/packages/client/src/layouts/router-header/Placeholder.tsx b/packages/client/src/layouts/router-header/Placeholder.tsx
index 5bc5fdc5..0d1b3e3c 100644
--- a/packages/client/src/layouts/router-header/Placeholder.tsx
+++ b/packages/client/src/layouts/router-header/Placeholder.tsx
@@ -1,4 +1,4 @@
-import { Skeleton } from "@douyinfe/semi-ui";
+import { Skeleton } from '@douyinfe/semi-ui';
 
 export const Placeholder = () => {
   return (
@@ -6,9 +6,7 @@ export const Placeholder = () => {
       placeholder={
         <>
           {Array.from({ length: 8 }).fill(
-            <Skeleton.Title
-              style={{ width: "100%", marginBottom: 12, marginTop: 12 }}
-            />
+            <Skeleton.Title style={{ width: '100%', marginBottom: 12, marginTop: 12 }} />
           )}
         </>
       }
diff --git a/packages/client/src/layouts/router-header/Recent.tsx b/packages/client/src/layouts/router-header/Recent.tsx
index bcdfe19a..ca065db1 100644
--- a/packages/client/src/layouts/router-header/Recent.tsx
+++ b/packages/client/src/layouts/router-header/Recent.tsx
@@ -1,15 +1,15 @@
-import React from "react";
-import Link from "next/link";
-import { Typography, Space, Dropdown, Tabs, TabPane } from "@douyinfe/semi-ui";
-import { IconChevronDown } from "@douyinfe/semi-icons";
-import { useRecentDocuments } from "data/document";
-import { Empty } from "components/empty";
-import { DataRender } from "components/data-render";
-import { LocaleTime } from "components/locale-time";
-import { DocumentStar } from "components/document/star";
-import { IconDocumentFill } from "components/icons/IconDocumentFill";
-import { Placeholder } from "./Placeholder";
-import styles from "./index.module.scss";
+import React from 'react';
+import Link from 'next/link';
+import { Typography, Space, Dropdown, Tabs, TabPane } from '@douyinfe/semi-ui';
+import { IconChevronDown } from '@douyinfe/semi-icons';
+import { useRecentDocuments } from 'data/document';
+import { Empty } from 'components/empty';
+import { DataRender } from 'components/data-render';
+import { LocaleTime } from 'components/locale-time';
+import { DocumentStar } from 'components/document/star';
+import { IconDocumentFill } from 'components/icons/IconDocumentFill';
+import { Placeholder } from './Placeholder';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
@@ -21,7 +21,7 @@ export const Recent = () => {
       trigger="click"
       spacing={16}
       content={
-        <div style={{ width: 300, padding: "16px 16px 0" }}>
+        <div style={{ width: 300, padding: '16px 16px 0' }}>
           <Tabs type="line" size="small">
             <TabPane tab="文档" itemKey="docs">
               <DataRender
@@ -30,18 +30,14 @@ export const Recent = () => {
                 error={error}
                 normalContent={() => {
                   return (
-                    <div
-                      className={styles.itemsWrap}
-                      style={{ margin: "0 -16px" }}
-                    >
+                    <div className={styles.itemsWrap} style={{ margin: '0 -16px' }}>
                       {recentDocs.length ? (
                         recentDocs.map((doc) => {
                           return (
                             <div className={styles.itemWrap}>
                               <Link
                                 href={{
-                                  pathname:
-                                    "/wiki/[wikiId]/document/[documentId]",
+                                  pathname: '/wiki/[wikiId]/document/[documentId]',
                                   query: {
                                     wikiId: doc.wikiId,
                                     documentId: doc.id,
@@ -50,26 +46,16 @@ export const Recent = () => {
                               >
                                 <a className={styles.item}>
                                   <div className={styles.leftWrap}>
-                                    <IconDocumentFill
-                                      style={{ marginRight: 12 }}
-                                    />
+                                    <IconDocumentFill style={{ marginRight: 12 }} />
                                     <div>
-                                      <Text
-                                        ellipsis={{ showTooltip: true }}
-                                        style={{ width: 180 }}
-                                      >
+                                      <Text ellipsis={{ showTooltip: true }} style={{ width: 180 }}>
                                         {doc.title}
                                       </Text>
 
                                       <Text size="small" type="tertiary">
                                         创建者：
-                                        {doc.createUser &&
-                                          doc.createUser.name}{" "}
-                                        •{" "}
-                                        <LocaleTime
-                                          date={doc.updatedAt}
-                                          timeago
-                                        />
+                                        {doc.createUser && doc.createUser.name} •{' '}
+                                        <LocaleTime date={doc.updatedAt} timeago />
                                       </Text>
                                     </div>
                                   </div>
diff --git a/packages/client/src/layouts/router-header/Wiki.tsx b/packages/client/src/layouts/router-header/Wiki.tsx
index a7b098d6..3e8cef55 100644
--- a/packages/client/src/layouts/router-header/Wiki.tsx
+++ b/packages/client/src/layouts/router-header/Wiki.tsx
@@ -1,25 +1,20 @@
-import React from "react";
-import { useRouter } from "next/router";
-import Link from "next/link";
-import { Avatar, Typography, Space, Dropdown } from "@douyinfe/semi-ui";
-import { IconChevronDown } from "@douyinfe/semi-icons";
-import { useStaredWikis, useWikiDetail } from "data/wiki";
-import { Empty } from "components/empty";
-import { DataRender } from "components/data-render";
-import { WikiStar } from "components/wiki/star";
-import { Placeholder } from "./Placeholder";
-import styles from "./index.module.scss";
+import React from 'react';
+import { useRouter } from 'next/router';
+import Link from 'next/link';
+import { Avatar, Typography, Space, Dropdown } from '@douyinfe/semi-ui';
+import { IconChevronDown } from '@douyinfe/semi-icons';
+import { useStaredWikis, useWikiDetail } from 'data/wiki';
+import { Empty } from 'components/empty';
+import { DataRender } from 'components/data-render';
+import { WikiStar } from 'components/wiki/star';
+import { Placeholder } from './Placeholder';
+import styles from './index.module.scss';
 
 const { Text } = Typography;
 
 export const Wiki = () => {
   const { query } = useRouter();
-  const {
-    data: starWikis,
-    loading,
-    error,
-    refresh: refreshStarWikis,
-  } = useStaredWikis();
+  const { data: starWikis, loading, error, refresh: refreshStarWikis } = useStaredWikis();
   const { data: currentWiki } = useWikiDetail(query.wikiId);
 
   return (
@@ -43,7 +38,7 @@ export const Wiki = () => {
               <div className={styles.itemWrap}>
                 <Link
                   href={{
-                    pathname: "/wiki/[wikiId]",
+                    pathname: '/wiki/[wikiId]',
                     query: {
                       wikiId: currentWiki.id,
                     },
@@ -65,19 +60,13 @@ export const Wiki = () => {
                         {currentWiki.name.charAt(0)}
                       </Avatar>
                       <div>
-                        <Text
-                          ellipsis={{ showTooltip: true }}
-                          style={{ width: 180 }}
-                        >
+                        <Text ellipsis={{ showTooltip: true }} style={{ width: 180 }}>
                           {currentWiki.name}
                         </Text>
                       </div>
                     </div>
                     <div className={styles.rightWrap}>
-                      <WikiStar
-                        wikiId={currentWiki.id}
-                        onChange={refreshStarWikis}
-                      />
+                      <WikiStar wikiId={currentWiki.id} onChange={refreshStarWikis} />
                     </div>
                   </a>
                 </Link>
@@ -102,7 +91,7 @@ export const Wiki = () => {
                         <div className={styles.itemWrap}>
                           <Link
                             href={{
-                              pathname: "/wiki/[wikiId]",
+                              pathname: '/wiki/[wikiId]',
                               query: {
                                 wikiId: wiki.id,
                               },
@@ -124,19 +113,13 @@ export const Wiki = () => {
                                   {wiki.name.charAt(0)}
                                 </Avatar>
                                 <div>
-                                  <Text
-                                    ellipsis={{ showTooltip: true }}
-                                    style={{ width: 180 }}
-                                  >
+                                  <Text ellipsis={{ showTooltip: true }} style={{ width: 180 }}>
                                     {wiki.name}
                                   </Text>
                                 </div>
                               </div>
                               <div className={styles.rightWrap}>
-                                <WikiStar
-                                  wikiId={wiki.id}
-                                  onChange={refreshStarWikis}
-                                />
+                                <WikiStar wikiId={wiki.id} onChange={refreshStarWikis} />
                               </div>
                             </a>
                           </Link>
@@ -154,10 +137,10 @@ export const Wiki = () => {
           <div className={styles.itemWrap}>
             <Link
               href={{
-                pathname: "/wiki",
+                pathname: '/wiki',
               }}
             >
-              <a className={styles.item} style={{ padding: "12px 16px" }}>
+              <a className={styles.item} style={{ padding: '12px 16px' }}>
                 <Text>查看所有知识库</Text>
               </a>
             </Link>
diff --git a/packages/client/src/layouts/router-header/index.tsx b/packages/client/src/layouts/router-header/index.tsx
index 069de263..00e6d712 100644
--- a/packages/client/src/layouts/router-header/index.tsx
+++ b/packages/client/src/layouts/router-header/index.tsx
@@ -1,16 +1,16 @@
-import React from "react";
-import { Layout as SemiLayout, Nav, Space } from "@douyinfe/semi-ui";
-import Router, { useRouter } from "next/router";
-import Link from "next/link";
-import { User } from "components/user";
-import { WikiOrDocumentCreator } from "components/wiki-or-document-creator";
-import { LogoImage, LogoText } from "components/logo";
-import { Theme } from "components/theme";
-import { Message } from "components/message";
-import { Search } from "components/search";
-import { useWindowSize } from "hooks/useWindowSize";
-import { Recent } from "./Recent";
-import { Wiki } from "./Wiki";
+import React from 'react';
+import { Layout as SemiLayout, Nav, Space } from '@douyinfe/semi-ui';
+import Router, { useRouter } from 'next/router';
+import Link from 'next/link';
+import { User } from 'components/user';
+import { WikiOrDocumentCreator } from 'components/wiki-or-document-creator';
+import { LogoImage, LogoText } from 'components/logo';
+import { Theme } from 'components/theme';
+import { Message } from 'components/message';
+import { Search } from 'components/search';
+import { useWindowSize } from 'hooks/useWindowSize';
+import { Recent } from './Recent';
+import { Wiki } from './Wiki';
 
 const { Header: SemiHeader } = SemiLayout;
 
@@ -22,17 +22,17 @@ export const RouterHeader: React.FC = () => {
     <SemiHeader>
       <Nav
         mode="horizontal"
-        style={{ overflow: "auto" }}
+        style={{ overflow: 'auto' }}
         header={
           <Space>
             <LogoImage />
             {windowSize.width >= 576 && <LogoText />}
           </Space>
         }
-        selectedKeys={[pathname || "/"]}
+        selectedKeys={[pathname || '/']}
         items={[
           {
-            itemKey: "/",
+            itemKey: '/',
             text: (
               <Link href="/">
                 <a>主页</a>
@@ -45,15 +45,15 @@ export const RouterHeader: React.FC = () => {
             },
           },
           {
-            itemKey: "/recent",
+            itemKey: '/recent',
             text: <Recent />,
           },
           {
-            itemKey: "/wiki",
+            itemKey: '/wiki',
             text: <Wiki />,
           },
           {
-            itemKey: "/star",
+            itemKey: '/star',
             text: (
               <Link href="/star">
                 <a>收藏</a>
@@ -66,7 +66,7 @@ export const RouterHeader: React.FC = () => {
             },
           },
           {
-            itemKey: "/template",
+            itemKey: '/template',
             text: (
               <Link href="/template">
                 <a>模板</a>
diff --git a/packages/client/src/layouts/single-column/index.tsx b/packages/client/src/layouts/single-column/index.tsx
index 282229ab..0399bb21 100644
--- a/packages/client/src/layouts/single-column/index.tsx
+++ b/packages/client/src/layouts/single-column/index.tsx
@@ -1,7 +1,7 @@
-import React from "react";
-import { Layout as SemiLayout } from "@douyinfe/semi-ui";
-import { RouterHeader } from "../router-header";
-import styles from "./index.module.scss";
+import React from 'react';
+import { Layout as SemiLayout } from '@douyinfe/semi-ui';
+import { RouterHeader } from '../router-header';
+import styles from './index.module.scss';
 
 const { Content } = SemiLayout;
 
@@ -12,8 +12,8 @@ export const SingleColumnLayout: React.FC = ({ children }) => {
       <SemiLayout className={styles.contentWrap}>
         <Content
           style={{
-            padding: "16px 24px",
-            backgroundColor: "var(--semi-color-bg-0)",
+            padding: '16px 24px',
+            backgroundColor: 'var(--semi-color-bg-0)',
           }}
         >
           <div>{children}</div>
diff --git a/packages/client/src/pages/_app.tsx b/packages/client/src/pages/_app.tsx
index 44183d53..3f73b07a 100644
--- a/packages/client/src/pages/_app.tsx
+++ b/packages/client/src/pages/_app.tsx
@@ -1,6 +1,6 @@
-import type { AppProps } from "next/app";
-import { useSafari100vh } from "hooks/use-safari-100vh";
-import "styles/globals.scss";
+import type { AppProps } from 'next/app';
+import { useSafari100vh } from 'hooks/use-safari-100vh';
+import 'styles/globals.scss';
 
 function MyApp({ Component, pageProps }: AppProps) {
   useSafari100vh();
diff --git a/packages/client/src/pages/index.tsx b/packages/client/src/pages/index.tsx
index 05fd3c2b..8aa7240f 100644
--- a/packages/client/src/pages/index.tsx
+++ b/packages/client/src/pages/index.tsx
@@ -1,20 +1,20 @@
-import type { NextPage } from "next";
-import type { IDocument } from "@think/domains";
-import Link from "next/link";
-import React from "react";
-import { Typography, Button, Table, Spin, List } from "@douyinfe/semi-ui";
-import { useToggle } from "hooks/useToggle";
-import { Seo } from "components/seo";
-import { DataRender } from "components/data-render";
-import { SingleColumnLayout } from "layouts/single-column";
-import { WikiCreator } from "components/wiki/create";
-import { LocaleTime } from "components/locale-time";
-import { DocumentActions } from "components/document/actions";
-import { useStaredWikis } from "data/wiki";
-import { useRecentDocuments } from "data/document";
-import { WikiPinCardPlaceholder, WikiPinCard } from "components/wiki/pin-card";
-import { Empty } from "components/empty";
-import styles from "./index.module.scss";
+import type { NextPage } from 'next';
+import type { IDocument } from '@think/domains';
+import Link from 'next/link';
+import React from 'react';
+import { Typography, Button, Table, Spin, List } from '@douyinfe/semi-ui';
+import { useToggle } from 'hooks/useToggle';
+import { Seo } from 'components/seo';
+import { DataRender } from 'components/data-render';
+import { SingleColumnLayout } from 'layouts/single-column';
+import { WikiCreator } from 'components/wiki/create';
+import { LocaleTime } from 'components/locale-time';
+import { DocumentActions } from 'components/document/actions';
+import { useStaredWikis } from 'data/wiki';
+import { useRecentDocuments } from 'data/document';
+import { WikiPinCardPlaceholder, WikiPinCard } from 'components/wiki/pin-card';
+import { Empty } from 'components/empty';
+import styles from './index.module.scss';
 
 const { Title } = Typography;
 const { Column } = Table;
@@ -33,7 +33,7 @@ const RecentDocs = () => {
 
   return (
     <>
-      <Title heading={3} style={{ margin: "24px 0 0" }}>
+      <Title heading={3} style={{ margin: '24px 0 0' }}>
         最近访问
       </Title>
       <DataRender
@@ -56,12 +56,10 @@ const RecentDocs = () => {
                 render={(_, document: IDocument) => {
                   return (
                     <Link
-                      href={"/wiki/[wikiId]/document/[docId]"}
+                      href={'/wiki/[wikiId]/document/[docId]'}
                       as={`/wiki/${document.wikiId}/document/${document.id}`}
                     >
-                      <a style={{ color: "inherit", textDecoration: "none" }}>
-                        {document.title}
-                      </a>
+                      <a style={{ color: 'inherit', textDecoration: 'none' }}>{document.title}</a>
                     </Link>
                   );
                 }}
@@ -106,7 +104,7 @@ const Page: NextPage = () => {
       <Seo title="主页" />
       <div className="container">
         <div className={styles.titleWrap}>
-          <Title heading={3} style={{ margin: "8px 0" }}>
+          <Title heading={3} style={{ margin: '8px 0' }}>
             快捷访问
           </Title>
           <>
diff --git a/packages/client/src/pages/login/index.tsx b/packages/client/src/pages/login/index.tsx
index ca5dedb8..6c349667 100644
--- a/packages/client/src/pages/login/index.tsx
+++ b/packages/client/src/pages/login/index.tsx
@@ -1,10 +1,10 @@
-import Link from "next/link";
-import { Form, Button, Layout, Space, Typography } from "@douyinfe/semi-ui";
-import { useUser } from "data/user";
-import { Seo } from "components/seo";
-import { LogoImage, LogoText } from "components/logo";
-import { Author } from "components/author";
-import styles from "./index.module.scss";
+import Link from 'next/link';
+import { Form, Button, Layout, Space, Typography } from '@douyinfe/semi-ui';
+import { useUser } from 'data/user';
+import { Seo } from 'components/seo';
+import { LogoImage, LogoText } from 'components/logo';
+import { Author } from 'components/author';
+import styles from './index.module.scss';
 
 const { Content, Footer } = Layout;
 const { Title, Text } = Typography;
@@ -16,52 +16,38 @@ const Page = () => {
     <Layout className={styles.wrap}>
       <Seo title="登录" />
       <Content className={styles.content}>
-        <Title heading={4} style={{ marginBottom: 16, textAlign: "center" }}>
+        <Title heading={4} style={{ marginBottom: 16, textAlign: 'center' }}>
           <Space>
             <LogoImage></LogoImage>
             <LogoText></LogoText>
           </Space>
         </Title>
-        <Form
-          className={styles.form}
-          initValues={{ name: "", password: "" }}
-          onSubmit={login}
-        >
-          <Title
-            type="tertiary"
-            heading={5}
-            style={{ marginBottom: 16, textAlign: "center" }}
-          >
+        <Form className={styles.form} initValues={{ name: '', password: '' }} onSubmit={login}>
+          <Title type="tertiary" heading={5} style={{ marginBottom: 16, textAlign: 'center' }}>
             账户登录
           </Title>
           <Form.Input
             noLabel
             field="name"
             label="账户"
-            style={{ width: "100%" }}
+            style={{ width: '100%' }}
             placeholder="输入账户名称"
-            rules={[{ required: true, message: "请输入账户" }]}
+            rules={[{ required: true, message: '请输入账户' }]}
           ></Form.Input>
           <Form.Input
             noLabel
             mode="password"
             field="password"
             label="密码"
-            style={{ width: "100%" }}
+            style={{ width: '100%' }}
             placeholder="输入用户密码"
-            rules={[{ required: true, message: "请输入密码" }]}
+            rules={[{ required: true, message: '请输入密码' }]}
           ></Form.Input>
-          <Button
-            htmlType="submit"
-            type="primary"
-            theme="solid"
-            block
-            style={{ margin: "16px 0" }}
-          >
+          <Button htmlType="submit" type="primary" theme="solid" block style={{ margin: '16px 0' }}>
             登录
           </Button>
           <footer>
-            <Text link style={{ textAlign: "center" }}>
+            <Text link style={{ textAlign: 'center' }}>
               <Link href="/register">
                 <a>注册用户以登录</a>
               </Link>
diff --git a/packages/client/src/pages/register/index.tsx b/packages/client/src/pages/register/index.tsx
index 489e210f..02b98b8c 100644
--- a/packages/client/src/pages/register/index.tsx
+++ b/packages/client/src/pages/register/index.tsx
@@ -1,19 +1,12 @@
-import Router from "next/router";
-import Link from "next/link";
-import {
-  Form,
-  Button,
-  Layout,
-  Space,
-  Typography,
-  Modal,
-} from "@douyinfe/semi-ui";
-import { Seo } from "components/seo";
-import { LogoImage, LogoText } from "components/logo";
-import { Author } from "components/author";
-import { useAsyncLoading } from "hooks/useAsyncLoading";
-import { register as registerApi } from "services/user";
-import styles from "./index.module.scss";
+import Router from 'next/router';
+import Link from 'next/link';
+import { Form, Button, Layout, Space, Typography, Modal } from '@douyinfe/semi-ui';
+import { Seo } from 'components/seo';
+import { LogoImage, LogoText } from 'components/logo';
+import { Author } from 'components/author';
+import { useAsyncLoading } from 'hooks/useAsyncLoading';
+import { register as registerApi } from 'services/user';
+import styles from './index.module.scss';
 
 const { Content, Footer } = Layout;
 const { Title, Text } = Typography;
@@ -24,12 +17,12 @@ const Page = () => {
   const onFinish = (values) => {
     registerWithLoading(values).then((res) => {
       Modal.confirm({
-        title: "注册成功",
-        content: "是否跳转至登录?",
-        okText: "确认",
-        cancelText: "取消",
+        title: '注册成功',
+        content: '是否跳转至登录?',
+        okText: '确认',
+        cancelText: '取消',
         onOk() {
-          Router.push("/login");
+          Router.push('/login');
         },
       });
     });
@@ -39,61 +32,47 @@ const Page = () => {
     <Layout className={styles.wrap}>
       <Seo title="注册" />
       <Content className={styles.content}>
-        <Title heading={4} style={{ marginBottom: 16, textAlign: "center" }}>
+        <Title heading={4} style={{ marginBottom: 16, textAlign: 'center' }}>
           <Space>
             <LogoImage></LogoImage>
             <LogoText></LogoText>
           </Space>
         </Title>
-        <Form
-          className={styles.form}
-          initValues={{ name: "", password: "" }}
-          onSubmit={onFinish}
-        >
-          <Title
-            type="tertiary"
-            heading={5}
-            style={{ marginBottom: 16, textAlign: "center" }}
-          >
+        <Form className={styles.form} initValues={{ name: '', password: '' }} onSubmit={onFinish}>
+          <Title type="tertiary" heading={5} style={{ marginBottom: 16, textAlign: 'center' }}>
             用户注册
           </Title>
           <Form.Input
             noLabel
             field="name"
             label="账户"
-            style={{ width: "100%" }}
+            style={{ width: '100%' }}
             placeholder="输入账户名称"
-            rules={[{ required: true, message: "请输入账户" }]}
+            rules={[{ required: true, message: '请输入账户' }]}
           ></Form.Input>
           <Form.Input
             noLabel
             mode="password"
             field="password"
             label="密码"
-            style={{ width: "100%" }}
+            style={{ width: '100%' }}
             placeholder="输入用户密码"
-            rules={[{ required: true, message: "请输入密码" }]}
+            rules={[{ required: true, message: '请输入密码' }]}
           ></Form.Input>
           <Form.Input
             noLabel
             mode="password"
             field="confirmPassword"
             label="密码"
-            style={{ width: "100%" }}
+            style={{ width: '100%' }}
             placeholder="确认用户密码"
-            rules={[{ required: true, message: "请再次输入密码" }]}
+            rules={[{ required: true, message: '请再次输入密码' }]}
           ></Form.Input>
-          <Button
-            htmlType="submit"
-            type="primary"
-            theme="solid"
-            block
-            style={{ margin: "16px 0" }}
-          >
+          <Button htmlType="submit" type="primary" theme="solid" block style={{ margin: '16px 0' }}>
             注册
           </Button>
           <footer>
-            <Text link style={{ textAlign: "center" }}>
+            <Text link style={{ textAlign: 'center' }}>
               <Link href="/login">
                 <a>使用其他账户登录</a>
               </Link>
diff --git a/packages/client/src/pages/share/document/[documentId]/index.tsx b/packages/client/src/pages/share/document/[documentId]/index.tsx
index 664b9b68..0f5a3ea8 100644
--- a/packages/client/src/pages/share/document/[documentId]/index.tsx
+++ b/packages/client/src/pages/share/document/[documentId]/index.tsx
@@ -1,5 +1,5 @@
-import { NextPage } from "next";
-import { DocumentPublicReader } from "components/document/reader/public";
+import { NextPage } from 'next';
+import { DocumentPublicReader } from 'components/document/reader/public';
 
 interface IProps {
   documentId: string;
diff --git a/packages/client/src/pages/share/wiki/[wikiId]/document/[documentId]/index.tsx b/packages/client/src/pages/share/wiki/[wikiId]/document/[documentId]/index.tsx
index 178dd0c5..c234eea0 100644
--- a/packages/client/src/pages/share/wiki/[wikiId]/document/[documentId]/index.tsx
+++ b/packages/client/src/pages/share/wiki/[wikiId]/document/[documentId]/index.tsx
@@ -1,7 +1,7 @@
-import { NextPage } from "next";
-import { PublicDoubleColumnLayout } from "layouts/public-double-column";
-import { WikiPublicTocs } from "components/wiki/tocs/public";
-import { DocumentPublicReader } from "components/document/reader/public";
+import { NextPage } from 'next';
+import { PublicDoubleColumnLayout } from 'layouts/public-double-column';
+import { WikiPublicTocs } from 'components/wiki/tocs/public';
+import { DocumentPublicReader } from 'components/document/reader/public';
 
 interface IProps {
   wikiId: string;
@@ -11,20 +11,8 @@ interface IProps {
 const Page: NextPage<IProps> = ({ wikiId, documentId }) => {
   return (
     <PublicDoubleColumnLayout
-      leftNode={
-        <WikiPublicTocs
-          pageTitle="概览"
-          wikiId={wikiId}
-          documentId={documentId}
-        />
-      }
-      rightNode={
-        <DocumentPublicReader
-          key={documentId}
-          documentId={documentId}
-          hideLogo
-        />
-      }
+      leftNode={<WikiPublicTocs pageTitle="概览" wikiId={wikiId} documentId={documentId} />}
+      rightNode={<DocumentPublicReader key={documentId} documentId={documentId} hideLogo />}
     ></PublicDoubleColumnLayout>
   );
 };
diff --git a/packages/client/src/pages/share/wiki/[wikiId]/index.tsx b/packages/client/src/pages/share/wiki/[wikiId]/index.tsx
index 84660bf9..218bd3ed 100644
--- a/packages/client/src/pages/share/wiki/[wikiId]/index.tsx
+++ b/packages/client/src/pages/share/wiki/[wikiId]/index.tsx
@@ -1,20 +1,16 @@
-import { NextPage } from "next";
-import { PublicDoubleColumnLayout } from "layouts/public-double-column";
-import { usePublicWikiHomeDoc } from "data/wiki";
-import { DataRender } from "components/data-render";
-import { WikiPublicTocs } from "components/wiki/tocs/public";
-import { DocumentPublicReader } from "components/document/reader/public";
+import { NextPage } from 'next';
+import { PublicDoubleColumnLayout } from 'layouts/public-double-column';
+import { usePublicWikiHomeDoc } from 'data/wiki';
+import { DataRender } from 'components/data-render';
+import { WikiPublicTocs } from 'components/wiki/tocs/public';
+import { DocumentPublicReader } from 'components/document/reader/public';
 
 interface IProps {
   wikiId: string;
 }
 
 const Page: NextPage<IProps> = ({ wikiId }) => {
-  const {
-    data: doc,
-    loading: homeDocLoading,
-    error: homeDocError,
-  } = usePublicWikiHomeDoc(wikiId);
+  const { data: doc, loading: homeDocLoading, error: homeDocError } = usePublicWikiHomeDoc(wikiId);
 
   return (
     <PublicDoubleColumnLayout
@@ -24,9 +20,7 @@ const Page: NextPage<IProps> = ({ wikiId }) => {
           loading={homeDocLoading}
           error={homeDocError}
           normalContent={() => {
-            return (
-              <DocumentPublicReader key={doc.id} documentId={doc.id} hideLogo />
-            );
+            return <DocumentPublicReader key={doc.id} documentId={doc.id} hideLogo />;
           }}
         />
       }
diff --git a/packages/client/src/pages/star/index.tsx b/packages/client/src/pages/star/index.tsx
index 6084077d..3062291e 100644
--- a/packages/client/src/pages/star/index.tsx
+++ b/packages/client/src/pages/star/index.tsx
@@ -1,18 +1,15 @@
-import type { NextPage } from "next";
-import React from "react";
-import { Typography, List } from "@douyinfe/semi-ui";
-import { Seo } from "components/seo";
-import { DataRender } from "components/data-render";
-import { SingleColumnLayout } from "layouts/single-column";
-import { useStaredWikis } from "data/wiki";
-import { useStaredDocuments } from "data/document";
-import { WikiCardPlaceholder, WikiCard } from "components/wiki/card";
-import {
-  DocumentCardPlaceholder,
-  DocumentCard,
-} from "components/document/card";
-import { Empty } from "components/empty";
-import styles from "./index.module.scss";
+import type { NextPage } from 'next';
+import React from 'react';
+import { Typography, List } from '@douyinfe/semi-ui';
+import { Seo } from 'components/seo';
+import { DataRender } from 'components/data-render';
+import { SingleColumnLayout } from 'layouts/single-column';
+import { useStaredWikis } from 'data/wiki';
+import { useStaredDocuments } from 'data/document';
+import { WikiCardPlaceholder, WikiCard } from 'components/wiki/card';
+import { DocumentCardPlaceholder, DocumentCard } from 'components/document/card';
+import { Empty } from 'components/empty';
+import styles from './index.module.scss';
 
 const { Title } = Typography;
 
@@ -52,7 +49,7 @@ const StarDocs = () => {
               <DocumentCard document={doc} />
             </List.Item>
           )}
-          emptyContent={<Empty message={"收藏的文档会出现在此处"} />}
+          emptyContent={<Empty message={'收藏的文档会出现在此处'} />}
         />
       )}
     />
@@ -86,7 +83,7 @@ const StarWikis = () => {
               <WikiCard wiki={wiki} />
             </List.Item>
           )}
-          emptyContent={<Empty message={"收藏的知识库会出现在此处"} />}
+          emptyContent={<Empty message={'收藏的知识库会出现在此处'} />}
         />
       )}
     />
@@ -99,14 +96,14 @@ const Page: NextPage = () => {
       <Seo title="主页" />
       <div className="container">
         <div className={styles.titleWrap}>
-          <Title heading={3} style={{ margin: "8px 0" }}>
+          <Title heading={3} style={{ margin: '8px 0' }}>
             知识库
           </Title>
         </div>
         <StarWikis />
 
         <div className={styles.titleWrap}>
-          <Title heading={3} style={{ margin: "8px 0" }}>
+          <Title heading={3} style={{ margin: '8px 0' }}>
             文档
           </Title>
         </div>
diff --git a/packages/client/src/pages/template/[templateId]/index.tsx b/packages/client/src/pages/template/[templateId]/index.tsx
index 882acaf2..75330a82 100644
--- a/packages/client/src/pages/template/[templateId]/index.tsx
+++ b/packages/client/src/pages/template/[templateId]/index.tsx
@@ -1,5 +1,5 @@
-import { NextPage } from "next";
-import { TemplateEditor } from "components/template/editor";
+import { NextPage } from 'next';
+import { TemplateEditor } from 'components/template/editor';
 
 interface IProps {
   templateId: string;
diff --git a/packages/client/src/pages/template/index.tsx b/packages/client/src/pages/template/index.tsx
index 470123ab..9990019e 100644
--- a/packages/client/src/pages/template/index.tsx
+++ b/packages/client/src/pages/template/index.tsx
@@ -1,23 +1,23 @@
-import type { NextPage } from "next";
-import Router, { useRouter } from "next/router";
-import React, { useCallback } from "react";
-import { Typography, Button, Tabs, TabPane } from "@douyinfe/semi-ui";
-import { Seo } from "components/seo";
-import { SingleColumnLayout } from "layouts/single-column";
-import { usePublicTemplates, useOwnTemplates } from "data/template";
-import { TemplateList } from "components/template/list";
-import styles from "./index.module.scss";
+import type { NextPage } from 'next';
+import Router, { useRouter } from 'next/router';
+import React, { useCallback } from 'react';
+import { Typography, Button, Tabs, TabPane } from '@douyinfe/semi-ui';
+import { Seo } from 'components/seo';
+import { SingleColumnLayout } from 'layouts/single-column';
+import { usePublicTemplates, useOwnTemplates } from 'data/template';
+import { TemplateList } from 'components/template/list';
+import styles from './index.module.scss';
 
 const { Title } = Typography;
 
 const Page: NextPage = () => {
   const { addTemplate } = useOwnTemplates();
   const { query = {} } = useRouter();
-  const { tab = "public" } = query as {
+  const { tab = 'public' } = query as {
     tab?: string;
   };
 
-  const navigate = useCallback((tab = "public") => {
+  const navigate = useCallback((tab = 'public') => {
     Router.push({
       pathname: `/template`,
       query: { tab },
@@ -25,7 +25,7 @@ const Page: NextPage = () => {
   }, []);
 
   const handleAdd = () => {
-    addTemplate({ title: "未命名模板" }).then((res) => {
+    addTemplate({ title: '未命名模板' }).then((res) => {
       Router.push(`/template/${res.id}`);
     });
   };
@@ -35,7 +35,7 @@ const Page: NextPage = () => {
       <Seo title="模板" />
       <div className="container">
         <div className={styles.titleWrap}>
-          <Title heading={3} style={{ margin: "8px 0" }}>
+          <Title heading={3} style={{ margin: '8px 0' }}>
             快捷访问
           </Title>
           <Button onClick={handleAdd}>新建模板</Button>
diff --git a/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/edit/index.tsx b/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/edit/index.tsx
index 01ff8582..53b18edb 100644
--- a/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/edit/index.tsx
+++ b/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/edit/index.tsx
@@ -1,5 +1,5 @@
-import { NextPage } from "next";
-import { DocumentEditor } from "components/document/editor";
+import { NextPage } from 'next';
+import { DocumentEditor } from 'components/document/editor';
 
 interface IProps {
   wikiId: string;
diff --git a/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/index.tsx b/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/index.tsx
index 6e3142d3..ac8e10df 100644
--- a/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/index.tsx
+++ b/packages/client/src/pages/wiki/[wikiId]/document/[documentId]/index.tsx
@@ -1,7 +1,7 @@
-import { NextPage } from "next";
-import { DoubleColumnLayout } from "layouts/double-column";
-import { WikiTocs } from "components/wiki/tocs";
-import { DocumentReader } from "components/document/reader";
+import { NextPage } from 'next';
+import { DoubleColumnLayout } from 'layouts/double-column';
+import { WikiTocs } from 'components/wiki/tocs';
+import { DocumentReader } from 'components/document/reader';
 
 interface IProps {
   wikiId: string;
@@ -11,9 +11,7 @@ interface IProps {
 const Page: NextPage<IProps> = ({ wikiId, documentId }) => {
   return (
     <DoubleColumnLayout
-      leftNode={
-        <WikiTocs pageTitle="文档" wikiId={wikiId} documentId={documentId} />
-      }
+      leftNode={<WikiTocs pageTitle="文档" wikiId={wikiId} documentId={documentId} />}
       rightNode={<DocumentReader key={documentId} documentId={documentId} />}
     />
   );
diff --git a/packages/client/src/pages/wiki/[wikiId]/documents/index.tsx b/packages/client/src/pages/wiki/[wikiId]/documents/index.tsx
index be7a3f13..d5dd447a 100644
--- a/packages/client/src/pages/wiki/[wikiId]/documents/index.tsx
+++ b/packages/client/src/pages/wiki/[wikiId]/documents/index.tsx
@@ -1,19 +1,16 @@
-import { NextPage } from "next";
-import Router, { useRouter } from "next/router";
-import React, { useCallback } from "react";
-import { Typography, List, Tabs, TabPane, Tree } from "@douyinfe/semi-ui";
-import { CreateDocumentIllustration } from "illustrations/create-document";
-import { DoubleColumnLayout } from "layouts/double-column";
-import { DataRender } from "components/data-render";
-import { WikiTocs } from "components/wiki/tocs";
-import { WikiTocsManager } from "components/wiki/tocs/manager";
-import { useWikiDocs } from "data/wiki";
-import {
-  DocumentCardPlaceholder,
-  DocumentCard,
-} from "components/document/card";
-import { Empty } from "components/empty";
-import { DocumentCreator } from "components/document-creator";
+import { NextPage } from 'next';
+import Router, { useRouter } from 'next/router';
+import React, { useCallback } from 'react';
+import { Typography, List, Tabs, TabPane, Tree } from '@douyinfe/semi-ui';
+import { CreateDocumentIllustration } from 'illustrations/create-document';
+import { DoubleColumnLayout } from 'layouts/double-column';
+import { DataRender } from 'components/data-render';
+import { WikiTocs } from 'components/wiki/tocs';
+import { WikiTocsManager } from 'components/wiki/tocs/manager';
+import { useWikiDocs } from 'data/wiki';
+import { DocumentCardPlaceholder, DocumentCard } from 'components/document/card';
+import { Empty } from 'components/empty';
+import { DocumentCreator } from 'components/document-creator';
 
 interface IProps {
   wikiId: string;
@@ -58,10 +55,7 @@ const AllDocs = ({ wikiId }) => {
             </List.Item>
           )}
           emptyContent={
-            <Empty
-              illustration={<CreateDocumentIllustration />}
-              message={<DocumentCreator />}
-            />
+            <Empty illustration={<CreateDocumentIllustration />} message={<DocumentCreator />} />
           }
         />
       )}
@@ -71,7 +65,7 @@ const AllDocs = ({ wikiId }) => {
 
 const Page: NextPage<IProps> = ({ wikiId }) => {
   const { query = {} } = useRouter();
-  const { tab = "documents" } = query as {
+  const { tab = 'documents' } = query as {
     tab?: string;
   };
 
diff --git a/packages/client/src/pages/wiki/[wikiId]/index.tsx b/packages/client/src/pages/wiki/[wikiId]/index.tsx
index 3316ab47..06251d20 100644
--- a/packages/client/src/pages/wiki/[wikiId]/index.tsx
+++ b/packages/client/src/pages/wiki/[wikiId]/index.tsx
@@ -1,9 +1,9 @@
-import { NextPage } from "next";
-import { DoubleColumnLayout } from "layouts/double-column";
-import { useWikiHomeDoc } from "data/wiki";
-import { DataRender } from "components/data-render";
-import { WikiTocs } from "components/wiki/tocs";
-import { DocumentReader } from "components/document/reader";
+import { NextPage } from 'next';
+import { DoubleColumnLayout } from 'layouts/double-column';
+import { useWikiHomeDoc } from 'data/wiki';
+import { DataRender } from 'components/data-render';
+import { WikiTocs } from 'components/wiki/tocs';
+import { DocumentReader } from 'components/document/reader';
 
 interface IProps {
   wikiId: string;
@@ -19,9 +19,7 @@ const Page: NextPage<IProps> = ({ wikiId }) => {
         <DataRender
           loading={loading}
           error={error}
-          normalContent={() => (
-            <DocumentReader key={doc.id} documentId={doc.id} />
-          )}
+          normalContent={() => <DocumentReader key={doc.id} documentId={doc.id} />}
         />
       }
     ></DoubleColumnLayout>
diff --git a/packages/client/src/pages/wiki/[wikiId]/setting/index.tsx b/packages/client/src/pages/wiki/[wikiId]/setting/index.tsx
index 7a6d49e9..2cfd4642 100644
--- a/packages/client/src/pages/wiki/[wikiId]/setting/index.tsx
+++ b/packages/client/src/pages/wiki/[wikiId]/setting/index.tsx
@@ -1,9 +1,9 @@
-import { useCallback } from "react";
-import { NextPage } from "next";
-import Router, { useRouter } from "next/router";
-import { DoubleColumnLayout } from "layouts/double-column";
-import { WikiTocs } from "components/wiki/tocs";
-import { WikiSetting } from "components/wiki/setting";
+import { useCallback } from 'react';
+import { NextPage } from 'next';
+import Router, { useRouter } from 'next/router';
+import { DoubleColumnLayout } from 'layouts/double-column';
+import { WikiTocs } from 'components/wiki/tocs';
+import { WikiSetting } from 'components/wiki/setting';
 
 interface IProps {
   wikiId: string;
@@ -11,11 +11,11 @@ interface IProps {
 
 const Page: NextPage<IProps> = ({ wikiId }) => {
   const { query = {} } = useRouter();
-  const { tab = "recent" } = query as {
+  const { tab = 'recent' } = query as {
     tab?: string;
   };
 
-  const navigate = useCallback((tab = "base") => {
+  const navigate = useCallback((tab = 'base') => {
     return () => {
       Router.push({
         pathname: `/wiki/${wikiId}/setting`,
@@ -27,13 +27,7 @@ const Page: NextPage<IProps> = ({ wikiId }) => {
   return (
     <DoubleColumnLayout
       leftNode={<WikiTocs pageTitle="设置" wikiId={wikiId} />}
-      rightNode={
-        <WikiSetting
-          wikiId={wikiId}
-          tab={tab}
-          onNavigate={(tab) => navigate(tab)()}
-        />
-      }
+      rightNode={<WikiSetting wikiId={wikiId} tab={tab} onNavigate={(tab) => navigate(tab)()} />}
     ></DoubleColumnLayout>
   );
 };
diff --git a/packages/client/src/pages/wiki/index.tsx b/packages/client/src/pages/wiki/index.tsx
index 35be1dfc..fba2a305 100644
--- a/packages/client/src/pages/wiki/index.tsx
+++ b/packages/client/src/pages/wiki/index.tsx
@@ -1,14 +1,14 @@
-import type { NextPage } from "next";
-import React from "react";
-import { Typography, Tabs, TabPane, List } from "@douyinfe/semi-ui";
-import { SingleColumnLayout } from "layouts/single-column";
-import { useAllWikis, useOwnWikis, useJoinWikis } from "data/wiki";
-import { CreateWikiIllustration } from "illustrations/create-wiki";
-import { Empty } from "components/empty";
-import { Seo } from "components/seo";
-import { DataRender } from "components/data-render";
-import { WikiCardPlaceholder, WikiCard } from "components/wiki/card";
-import { WikiCreator } from "components/wiki-creator";
+import type { NextPage } from 'next';
+import React from 'react';
+import { Typography, Tabs, TabPane, List } from '@douyinfe/semi-ui';
+import { SingleColumnLayout } from 'layouts/single-column';
+import { useAllWikis, useOwnWikis, useJoinWikis } from 'data/wiki';
+import { CreateWikiIllustration } from 'illustrations/create-wiki';
+import { Empty } from 'components/empty';
+import { Seo } from 'components/seo';
+import { DataRender } from 'components/data-render';
+import { WikiCardPlaceholder, WikiCard } from 'components/wiki/card';
+import { WikiCreator } from 'components/wiki-creator';
 
 const grid = {
   gutter: 16,
@@ -49,10 +49,7 @@ const Workspaces = ({ hook }) => {
             </List.Item>
           )}
           emptyContent={
-            <Empty
-              illustration={<CreateWikiIllustration />}
-              message={<WikiCreator />}
-            />
+            <Empty illustration={<CreateWikiIllustration />} message={<WikiCreator />} />
           }
         />
       )}
diff --git a/packages/client/src/services/HttpClient.tsx b/packages/client/src/services/HttpClient.tsx
index 2d62e9da..90bc87df 100644
--- a/packages/client/src/services/HttpClient.tsx
+++ b/packages/client/src/services/HttpClient.tsx
@@ -1,18 +1,18 @@
-import axios from "axios";
-import { Toast } from "@douyinfe/semi-ui";
-import Router from "next/router";
+import axios from 'axios';
+import { Toast } from '@douyinfe/semi-ui';
+import Router from 'next/router';
 
 export const HttpClient = axios.create({
   baseURL: process.env.SERVER_API_URL,
   timeout: 60000,
 });
 
-const isBrowser = typeof window !== "undefined";
+const isBrowser = typeof window !== 'undefined';
 
 HttpClient.interceptors.request.use(
   (config) => {
     if (isBrowser) {
-      const token = window.localStorage.getItem("token");
+      const token = window.localStorage.getItem('token');
       if (config && config.headers && token) {
         config.headers.Authorization = `Bearer ${token}`;
       }
@@ -20,13 +20,13 @@ HttpClient.interceptors.request.use(
     return config;
   },
   () => {
-    throw new Error("发起请求出错");
+    throw new Error('发起请求出错');
   }
 );
 
 HttpClient.interceptors.response.use(
   (data) => {
-    if (data.status && +data.status === 200 && data.data.status === "error") {
+    if (data.status && +data.status === 200 && data.data.status === 'error') {
       isBrowser && Toast.error(data.data.message);
       return null;
     }
@@ -48,10 +48,7 @@ HttpClient.interceptors.response.use(
         case 404:
           isBrowser &&
             Toast.error(
-              (err.response &&
-                err.response.data &&
-                err.response.data.message) ||
-                "服务器异常"
+              (err.response && err.response.data && err.response.data.message) || '服务器异常'
             );
           break;
         case 401:
@@ -63,10 +60,7 @@ HttpClient.interceptors.response.use(
         default:
           isBrowser &&
             Toast.error(
-              (err.response &&
-                err.response.data &&
-                err.response.data.message) ||
-                "未知错误!"
+              (err.response && err.response.data && err.response.data.message) || '未知错误!'
             );
       }
       return Promise.reject({
diff --git a/packages/server/.eslintrc.js b/packages/server/.eslintrc.js
deleted file mode 100644
index f6c62bee..00000000
--- a/packages/server/.eslintrc.js
+++ /dev/null
@@ -1,24 +0,0 @@
-module.exports = {
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    project: 'tsconfig.json',
-    sourceType: 'module',
-  },
-  plugins: ['@typescript-eslint/eslint-plugin'],
-  extends: [
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-  ],
-  root: true,
-  env: {
-    node: true,
-    jest: true,
-  },
-  ignorePatterns: ['.eslintrc.js'],
-  rules: {
-    '@typescript-eslint/interface-name-prefix': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-  },
-};
diff --git a/packages/server/.prettierrc b/packages/server/.prettierrc
deleted file mode 100644
index dcb72794..00000000
--- a/packages/server/.prettierrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "trailingComma": "all"
-}
\ No newline at end of file
diff --git a/packages/server/package.json b/packages/server/package.json
index c64bc57d..6613edcd 100644
--- a/packages/server/package.json
+++ b/packages/server/package.json
@@ -60,11 +60,6 @@
     "@types/jest": "27.0.2",
     "@types/node": "^16.0.0",
     "@types/supertest": "^2.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@typescript-eslint/parser": "^5.0.0",
-    "eslint": "^8.0.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
     "jest": "^27.2.5",
     "prettier": "^2.3.2",
     "source-map-support": "^0.5.20",
@@ -76,14 +71,20 @@
     "typescript": "^4.3.5"
   },
   "jest": {
-    "moduleFileExtensions": ["js", "json", "ts"],
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "ts"
+    ],
     "rootDir": "src",
     "testRegex": ".*\\.spec\\.ts$",
     "transform": {
       "^.+\\.(t|j)s$": "ts-jest"
     },
-    "collectCoverageFrom": ["**/*.(t|j)s"],
+    "collectCoverageFrom": [
+      "**/*.(t|j)s"
+    ],
     "coverageDirectory": "../coverage",
     "testEnvironment": "node"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/server/src/controllers/document.controller.ts b/packages/server/src/controllers/document.controller.ts
index dc3e9251..26ec2de9 100644
--- a/packages/server/src/controllers/document.controller.ts
+++ b/packages/server/src/controllers/document.controller.ts
@@ -40,7 +40,7 @@ export class DocumentController {
     return await this.documentService.getDocumentDetail(
       req.user,
       documentId,
-      req.headers['user-agent'],
+      req.headers['user-agent']
     );
   }
 
@@ -48,11 +48,7 @@ export class DocumentController {
   @Post('update/:id')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async updateDocument(
-    @Request() req,
-    @Param('id') documentId,
-    @Body() dto: UpdateDocumentDto,
-  ) {
+  async updateDocument(@Request() req, @Param('id') documentId, @Body() dto: UpdateDocumentDto) {
     return await this.documentService.updateDocument(req.user, documentId, dto);
   }
 
@@ -76,11 +72,7 @@ export class DocumentController {
   @Post('share/:id')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async shareDocument(
-    @Request() req,
-    @Param('id') documentId,
-    @Body() dto: ShareDocumentDto,
-  ) {
+  async shareDocument(@Request() req, @Param('id') documentId, @Body() dto: ShareDocumentDto) {
     return await this.documentService.shareDocument(req.user, documentId, dto);
   }
 
@@ -130,12 +122,12 @@ export class DocumentController {
   async getShareDocumentDetail(
     @Request() req,
     @Param('id') documentId,
-    @Body() dto: ShareDocumentDto,
+    @Body() dto: ShareDocumentDto
   ) {
     return await this.documentService.getPublicDocumentDetail(
       documentId,
       dto,
-      req.headers['user-agent'],
+      req.headers['user-agent']
     );
   }
 
diff --git a/packages/server/src/controllers/file.controller.ts b/packages/server/src/controllers/file.controller.ts
index ba6afbbd..4511af61 100644
--- a/packages/server/src/controllers/file.controller.ts
+++ b/packages/server/src/controllers/file.controller.ts
@@ -1,10 +1,4 @@
-import {
-  Controller,
-  Post,
-  UseInterceptors,
-  UploadedFile,
-  UseGuards,
-} from '@nestjs/common';
+import { Controller, Post, UseInterceptors, UploadedFile, UseGuards } from '@nestjs/common';
 import { JwtGuard } from '@guard/jwt.guard';
 import { FileInterceptor } from '@nestjs/platform-express';
 import { FileService } from '@services/file.service';
@@ -23,7 +17,7 @@ export class FileController {
       limits: {
         fieldSize: 50 * 1024 * 1024,
       },
-    }),
+    })
   )
   @UseGuards(JwtGuard)
   uploadFile(@UploadedFile() file) {
diff --git a/packages/server/src/controllers/template.controller.ts b/packages/server/src/controllers/template.controller.ts
index befde775..f404e00c 100644
--- a/packages/server/src/controllers/template.controller.ts
+++ b/packages/server/src/controllers/template.controller.ts
@@ -32,10 +32,7 @@ export class TemplateController {
   @Post('update')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async updateTemplat(
-    @Request() req,
-    @Body() dto: TemplateDto & { id: string },
-  ) {
+  async updateTemplat(@Request() req, @Body() dto: TemplateDto & { id: string }) {
     return await this.templateService.updateTemplate(req.user, dto.id, dto);
   }
 
diff --git a/packages/server/src/controllers/wiki.controller.ts b/packages/server/src/controllers/wiki.controller.ts
index d8a58bd2..0b725ccb 100644
--- a/packages/server/src/controllers/wiki.controller.ts
+++ b/packages/server/src/controllers/wiki.controller.ts
@@ -78,11 +78,7 @@ export class WikiController {
   @Patch('update/:id')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async updateWiki(
-    @Request() req,
-    @Param('id') wikiId,
-    @Body() dto: UpdateWikiDto,
-  ) {
+  async updateWiki(@Request() req, @Param('id') wikiId, @Body() dto: UpdateWikiDto) {
     return await this.wikiService.updateWiki(req.user, wikiId, dto);
   }
 
@@ -106,11 +102,7 @@ export class WikiController {
   @Post('user/:id/add')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async addWikiUser(
-    @Request() req,
-    @Param('id') wikiId,
-    @Body() dto: WikiUserDto,
-  ) {
+  async addWikiUser(@Request() req, @Param('id') wikiId, @Body() dto: WikiUserDto) {
     return await this.wikiService.addWikiUser(req.user, wikiId, dto);
   }
 
@@ -118,11 +110,7 @@ export class WikiController {
   @Post('user/:id/update')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async updateWikiUser(
-    @Request() req,
-    @Param('id') wikiId,
-    @Body() dto: WikiUserDto,
-  ) {
+  async updateWikiUser(@Request() req, @Param('id') wikiId, @Body() dto: WikiUserDto) {
     return await this.wikiService.updateWikiUser(req.user, wikiId, dto);
   }
 
@@ -130,11 +118,7 @@ export class WikiController {
   @Post('user/:id/delete')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async deleteWikiUser(
-    @Request() req,
-    @Param('id') wikiId,
-    @Body() dto: WikiUserDto,
-  ) {
+  async deleteWikiUser(@Request() req, @Param('id') wikiId, @Body() dto: WikiUserDto) {
     return await this.wikiService.deleteWikiUser(req.user, wikiId, dto);
   }
 
@@ -142,11 +126,7 @@ export class WikiController {
   @Post('share/:id')
   @HttpCode(HttpStatus.OK)
   @UseGuards(JwtGuard)
-  async toggleWorkspaceStatus(
-    @Request() req,
-    @Param('id') wikiId,
-    @Body() dto: ShareWikiDto,
-  ) {
+  async toggleWorkspaceStatus(@Request() req, @Param('id') wikiId, @Body() dto: ShareWikiDto) {
     return await this.wikiService.shareWiki(req.user, wikiId, dto);
   }
 
@@ -178,10 +158,7 @@ export class WikiController {
   @Get('public/homedoc/:id')
   @HttpCode(HttpStatus.OK)
   async getWikiPublicHomeDocument(@Request() req, @Param('id') wikiId) {
-    return await this.wikiService.getWikiPublicHomeDocument(
-      wikiId,
-      req.headers['user-agent'],
-    );
+    return await this.wikiService.getWikiPublicHomeDocument(wikiId, req.headers['user-agent']);
   }
 
   @UseInterceptors(ClassSerializerInterceptor)
diff --git a/packages/server/src/dtos/create-document.dto.ts b/packages/server/src/dtos/create-document.dto.ts
index cb2d803b..84882ba5 100644
--- a/packages/server/src/dtos/create-document.dto.ts
+++ b/packages/server/src/dtos/create-document.dto.ts
@@ -1,10 +1,4 @@
-import {
-  IsNotEmpty,
-  IsString,
-  IsOptional,
-  MinLength,
-  MaxLength,
-} from 'class-validator';
+import { IsNotEmpty, IsString, IsOptional, MinLength, MaxLength } from 'class-validator';
 
 export class CreateDocumentDto {
   @IsNotEmpty({ message: '知识库Id不能为空' })
diff --git a/packages/server/src/dtos/create-user.dto.ts b/packages/server/src/dtos/create-user.dto.ts
index 662a3973..2b471c2a 100644
--- a/packages/server/src/dtos/create-user.dto.ts
+++ b/packages/server/src/dtos/create-user.dto.ts
@@ -1,11 +1,4 @@
-import {
-  IsEmail,
-  IsNotEmpty,
-  IsOptional,
-  IsString,
-  MaxLength,
-  MinLength,
-} from 'class-validator';
+import { IsEmail, IsNotEmpty, IsOptional, IsString, MaxLength, MinLength } from 'class-validator';
 
 export class CreateUserDto {
   @IsString({ message: '用户名称类型错误（正确类型为：String）' })
diff --git a/packages/server/src/dtos/create-wiki.dto.ts b/packages/server/src/dtos/create-wiki.dto.ts
index bffd5798..54cc3739 100644
--- a/packages/server/src/dtos/create-wiki.dto.ts
+++ b/packages/server/src/dtos/create-wiki.dto.ts
@@ -1,10 +1,4 @@
-import {
-  IsNotEmpty,
-  IsOptional,
-  IsString,
-  MaxLength,
-  MinLength,
-} from 'class-validator';
+import { IsNotEmpty, IsOptional, IsString, MaxLength, MinLength } from 'class-validator';
 
 export class CreateWikiDto {
   @IsString({ message: '知识库名称类型错误（正确类型为：String）' })
diff --git a/packages/server/src/dtos/template.dto.ts b/packages/server/src/dtos/template.dto.ts
index 37b870c5..34b35e05 100644
--- a/packages/server/src/dtos/template.dto.ts
+++ b/packages/server/src/dtos/template.dto.ts
@@ -1,10 +1,4 @@
-import {
-  IsNotEmpty,
-  IsString,
-  MaxLength,
-  MinLength,
-  IsOptional,
-} from 'class-validator';
+import { IsNotEmpty, IsString, MaxLength, MinLength, IsOptional } from 'class-validator';
 
 export class TemplateDto {
   @IsString({ message: '名称类型错误（正确类型为：String）' })
diff --git a/packages/server/src/dtos/update-document.dto.ts b/packages/server/src/dtos/update-document.dto.ts
index b9945b07..da5a724c 100644
--- a/packages/server/src/dtos/update-document.dto.ts
+++ b/packages/server/src/dtos/update-document.dto.ts
@@ -1,10 +1,4 @@
-import {
-  IsNotEmpty,
-  IsString,
-  MaxLength,
-  MinLength,
-  IsOptional,
-} from 'class-validator';
+import { IsNotEmpty, IsString, MaxLength, MinLength, IsOptional } from 'class-validator';
 
 export class UpdateDocumentDto {
   @IsString({ message: '文档名称类型错误（正确类型为：String）' })
diff --git a/packages/server/src/dtos/update-wiki.dto.ts b/packages/server/src/dtos/update-wiki.dto.ts
index 97853627..3603b3f1 100644
--- a/packages/server/src/dtos/update-wiki.dto.ts
+++ b/packages/server/src/dtos/update-wiki.dto.ts
@@ -1,10 +1,4 @@
-import {
-  IsNotEmpty,
-  IsOptional,
-  IsString,
-  MaxLength,
-  MinLength,
-} from 'class-validator';
+import { IsNotEmpty, IsOptional, IsString, MaxLength, MinLength } from 'class-validator';
 
 export class UpdateWikiDto {
   @IsString({ message: '知识库名称类型错误（正确类型为：String）' })
diff --git a/packages/server/src/exceptions/http-response.exception.ts b/packages/server/src/exceptions/http-response.exception.ts
index 9c979162..508071c2 100644
--- a/packages/server/src/exceptions/http-response.exception.ts
+++ b/packages/server/src/exceptions/http-response.exception.ts
@@ -1,10 +1,4 @@
-import {
-  ArgumentsHost,
-  Catch,
-  ExceptionFilter,
-  HttpException,
-  HttpStatus,
-} from '@nestjs/common';
+import { ArgumentsHost, Catch, ExceptionFilter, HttpException, HttpStatus } from '@nestjs/common';
 
 @Catch(HttpException)
 export class HttpResponseExceptionFilter implements ExceptionFilter {
@@ -14,9 +8,7 @@ export class HttpResponseExceptionFilter implements ExceptionFilter {
     const request = ctx.getRequest();
     const url = request.originalUrl;
     const status =
-      exception instanceof HttpException
-        ? exception.getStatus()
-        : HttpStatus.INTERNAL_SERVER_ERROR;
+      exception instanceof HttpException ? exception.getStatus() : HttpStatus.INTERNAL_SERVER_ERROR;
     const errorResponse = {
       statusCode: status,
       message: exception.message,
diff --git a/packages/server/src/guard/jwt.guard.ts b/packages/server/src/guard/jwt.guard.ts
index 7b5b15b1..ddfeda8d 100644
--- a/packages/server/src/guard/jwt.guard.ts
+++ b/packages/server/src/guard/jwt.guard.ts
@@ -1,8 +1,4 @@
-import {
-  Injectable,
-  ExecutionContext,
-  UnauthorizedException,
-} from '@nestjs/common';
+import { Injectable, ExecutionContext, UnauthorizedException } from '@nestjs/common';
 import { AuthGuard } from '@nestjs/passport';
 
 @Injectable()
diff --git a/packages/server/src/modules/message.module.ts b/packages/server/src/modules/message.module.ts
index 7413f23e..27d34285 100644
--- a/packages/server/src/modules/message.module.ts
+++ b/packages/server/src/modules/message.module.ts
@@ -6,10 +6,7 @@ import { MessageService } from '@services/message.service';
 import { MessageController } from '@controllers/message.controller';
 
 @Module({
-  imports: [
-    TypeOrmModule.forFeature([MessageEntity]),
-    forwardRef(() => UserModule),
-  ],
+  imports: [TypeOrmModule.forFeature([MessageEntity]), forwardRef(() => UserModule)],
   providers: [MessageService],
   exports: [MessageService],
   controllers: [MessageController],
diff --git a/packages/server/src/modules/user.module.ts b/packages/server/src/modules/user.module.ts
index 199f0a49..05799424 100644
--- a/packages/server/src/modules/user.module.ts
+++ b/packages/server/src/modules/user.module.ts
@@ -1,10 +1,4 @@
-import {
-  Module,
-  Injectable,
-  UnauthorizedException,
-  Inject,
-  forwardRef,
-} from '@nestjs/common';
+import { Module, Injectable, UnauthorizedException, Inject, forwardRef } from '@nestjs/common';
 import { TypeOrmModule } from '@nestjs/typeorm';
 import { ConfigModule } from '@nestjs/config';
 import { PassportModule, PassportStrategy } from '@nestjs/passport';
@@ -28,7 +22,7 @@ const jwtConfig = config.jwt as {
 export class JwtStrategy extends PassportStrategy(Strategy) {
   constructor(
     @Inject(forwardRef(() => UserService))
-    private readonly userService: UserService,
+    private readonly userService: UserService
   ) {
     super({
       jwtFromRequest: ExtractJwt.fromAuthHeaderAsBearerToken(),
diff --git a/packages/server/src/pipes/validation.pipe.ts b/packages/server/src/pipes/validation.pipe.ts
index 19731141..14159e39 100644
--- a/packages/server/src/pipes/validation.pipe.ts
+++ b/packages/server/src/pipes/validation.pipe.ts
@@ -1,9 +1,4 @@
-import {
-  ArgumentMetadata,
-  Injectable,
-  PipeTransform,
-  BadRequestException,
-} from '@nestjs/common';
+import { ArgumentMetadata, Injectable, PipeTransform, BadRequestException } from '@nestjs/common';
 import { validate } from 'class-validator';
 import { plainToClass } from 'class-transformer';
 
diff --git a/packages/server/src/services/collaboration.service.ts b/packages/server/src/services/collaboration.service.ts
index d4f57cf2..8c7c8d46 100644
--- a/packages/server/src/services/collaboration.service.ts
+++ b/packages/server/src/services/collaboration.service.ts
@@ -1,10 +1,4 @@
-import {
-  Injectable,
-  HttpException,
-  HttpStatus,
-  Inject,
-  forwardRef,
-} from '@nestjs/common';
+import { Injectable, HttpException, HttpStatus, Inject, forwardRef } from '@nestjs/common';
 import { DocumentStatus } from '@think/domains';
 import { getConfig } from '@think/config';
 import * as Y from 'yjs';
@@ -39,7 +33,7 @@ export class CollaborationService {
     @Inject(forwardRef(() => DocumentService))
     private readonly documentService: DocumentService,
     @Inject(forwardRef(() => TemplateService))
-    private readonly templateService: TemplateService,
+    private readonly templateService: TemplateService
   ) {
     this.initServer();
   }
@@ -78,16 +72,10 @@ export class CollaborationService {
       onChange: this.onChange.bind(this),
     });
     this.server = server;
-    this.server.listen(
-      lodash.get(getConfig(), 'server.collaborationPort', 5003),
-    );
+    this.server.listen(lodash.get(getConfig(), 'server.collaborationPort', 5003));
   }
 
-  async onAuthenticate({
-    connection,
-    token,
-    requestParameters,
-  }: onAuthenticatePayload) {
+  async onAuthenticate({ connection, token, requestParameters }: onAuthenticatePayload) {
     const targetId = requestParameters.get('targetId');
     const docType = requestParameters.get('docType');
 
@@ -106,16 +94,10 @@ export class CollaborationService {
           const user = await this.userService.decodeToken(token);
 
           if (!user || !user.id) {
-            throw new HttpException(
-              '您无权查看此文档',
-              HttpStatus.UNAUTHORIZED,
-            );
+            throw new HttpException('您无权查看此文档', HttpStatus.UNAUTHORIZED);
           }
 
-          const authority = await this.documentService.getDocumentAuthority(
-            documentId,
-            user.id,
-          );
+          const authority = await this.documentService.getDocumentAuthority(documentId, user.id);
 
           if (!authority.readable) {
             throw new HttpException('您无权查看此文档', HttpStatus.FORBIDDEN);
@@ -211,10 +193,7 @@ export class CollaborationService {
     this.debounce(`onStoreDocument-${targetId}`, () => {
       this.onStoreDocument(updateHandler, data).catch((error) => {
         if (error?.message) {
-          throw new HttpException(
-            error?.message,
-            HttpStatus.SERVICE_UNAVAILABLE,
-          );
+          throw new HttpException(error?.message, HttpStatus.SERVICE_UNAVAILABLE);
         }
       });
     });
diff --git a/packages/server/src/services/collector.service.ts b/packages/server/src/services/collector.service.ts
index 78e73d6c..c61c8095 100644
--- a/packages/server/src/services/collector.service.ts
+++ b/packages/server/src/services/collector.service.ts
@@ -18,7 +18,7 @@ export class CollectorService {
     @Inject(forwardRef(() => WikiService))
     private readonly wikiService: WikiService,
     @Inject(forwardRef(() => DocumentService))
-    private readonly documentService: DocumentService,
+    private readonly documentService: DocumentService
   ) {}
 
   async toggleStar(user: OutUser, dto: CollectDto) {
@@ -46,14 +46,12 @@ export class CollectorService {
       userId: user.id,
       type: CollectType.wiki,
     });
-    const res = await this.wikiService.findByIds(
-      records.map((record) => record.targetId),
-    );
+    const res = await this.wikiService.findByIds(records.map((record) => record.targetId));
     const withCreateUserRes = await Promise.all(
       res.map(async (wiki) => {
         const createUser = await this.userService.findById(wiki.createUserId);
         return { createUser, ...wiki };
-      }),
+      })
     );
 
     return withCreateUserRes;
@@ -64,14 +62,12 @@ export class CollectorService {
       userId: user.id,
       type: CollectType.document,
     });
-    const res = await this.documentService.findByIds(
-      records.map((record) => record.targetId),
-    );
+    const res = await this.documentService.findByIds(records.map((record) => record.targetId));
     const withCreateUserRes = await Promise.all(
       res.map(async (doc) => {
         const createUser = await this.userService.findById(doc.createUserId);
         return { createUser, ...doc };
-      }),
+      })
     );
 
     return withCreateUserRes;
diff --git a/packages/server/src/services/comment.service.ts b/packages/server/src/services/comment.service.ts
index 91508fb2..52dbb53a 100644
--- a/packages/server/src/services/comment.service.ts
+++ b/packages/server/src/services/comment.service.ts
@@ -1,10 +1,4 @@
-import {
-  Injectable,
-  HttpException,
-  HttpStatus,
-  Inject,
-  forwardRef,
-} from '@nestjs/common';
+import { Injectable, HttpException, HttpStatus, Inject, forwardRef } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Repository } from 'typeorm';
 import { OutUser, UserService } from '@services/user.service';
@@ -22,7 +16,7 @@ export class CommentService {
     @Inject(forwardRef(() => MessageService))
     private readonly messageService: MessageService,
     private readonly userService: UserService,
-    private readonly documentService: DocumentService,
+    private readonly documentService: DocumentService
   ) {}
 
   /**
@@ -52,10 +46,7 @@ export class CommentService {
   async create(user: OutUser, userAgent: string, dto: CommentDto) {
     const { documentId, html, replyUserId } = dto;
 
-    const docAuth = await this.documentService.getDocumentAuthority(
-      documentId,
-      user.id,
-    );
+    const docAuth = await this.documentService.getDocumentAuthority(documentId, user.id);
 
     if (!docAuth) {
       throw new HttpException('文档不存在', HttpStatus.NOT_FOUND);
@@ -81,10 +72,7 @@ export class CommentService {
     const ret = await this.commentRepo.save(res);
 
     const doc = await this.documentService.findById(documentId);
-    const wikiUsersAuth = await this.documentService.getDocUsers(
-      user,
-      documentId,
-    );
+    const wikiUsersAuth = await this.documentService.getDocUsers(user, documentId);
 
     await Promise.all(
       wikiUsersAuth.map(async (userAuth) => {
@@ -93,7 +81,7 @@ export class CommentService {
           message: `文档「${doc.title}」收到新评论，快去看看！`,
           url: `/wiki/${doc.wikiId}/document/${doc.id}`,
         });
-      }),
+      })
     );
 
     return ret;
@@ -128,9 +116,7 @@ export class CommentService {
 
     const getCreateUser = async (comment) => {
       try {
-        const createUser = await this.userService.findById(
-          comment.createUserId,
-        );
+        const createUser = await this.userService.findById(comment.createUserId);
         comment.createUser = createUser;
       } catch (e) {
         comment.createUser = null;
@@ -141,15 +127,13 @@ export class CommentService {
       for (const item of data) {
         getCreateUser(item);
 
-        const subComments = await subQuery
-          .setParameter('parentCommentId', item.id)
-          .getMany();
+        const subComments = await subQuery.setParameter('parentCommentId', item.id).getMany();
 
         await Promise.all(
           subComments.map(async (sub) => {
             await getCreateUser(sub);
             return sub;
-          }),
+          })
         );
 
         await getChildren(subComments);
@@ -172,19 +156,13 @@ export class CommentService {
     const old = await this.commentRepo.findOne(dto.id);
 
     if (user.id !== old.createUserId) {
-      throw new HttpException(
-        '您不是评论创建者，无法编辑',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是评论创建者，无法编辑', HttpStatus.FORBIDDEN);
     }
 
     const newData = await this.commentRepo.merge(old, { html: dto.html });
 
     const doc = await this.documentService.findById(old.documentId);
-    const wikiUsersAuth = await this.documentService.getDocUsers(
-      user,
-      old.documentId,
-    );
+    const wikiUsersAuth = await this.documentService.getDocUsers(user, old.documentId);
 
     await Promise.all(
       wikiUsersAuth.map(async (userAuth) => {
@@ -193,7 +171,7 @@ export class CommentService {
           message: `文档「${doc.title}」的评论已更新，快去看看！`,
           url: `/wiki/${doc.wikiId}/document/${doc.id}`,
         });
-      }),
+      })
     );
 
     return this.commentRepo.save(newData);
@@ -202,16 +180,10 @@ export class CommentService {
   async deleteComment(user, id) {
     const data = await this.commentRepo.findOne(id);
     if (user.id !== data.createUserId) {
-      throw new HttpException(
-        '您不是评论创建者，无法删除',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是评论创建者，无法删除', HttpStatus.FORBIDDEN);
     }
     const doc = await this.documentService.findById(data.documentId);
-    const wikiUsersAuth = await this.documentService.getDocUsers(
-      user,
-      data.documentId,
-    );
+    const wikiUsersAuth = await this.documentService.getDocUsers(user, data.documentId);
 
     await Promise.all(
       wikiUsersAuth.map(async (userAuth) => {
@@ -220,7 +192,7 @@ export class CommentService {
           message: `文档「${doc.title}」的评论已被删除，快去看看`,
           url: `/wiki/${doc.wikiId}/document/${doc.id}`,
         });
-      }),
+      })
     );
     return this.commentRepo.remove(data);
   }
diff --git a/packages/server/src/services/document.service.ts b/packages/server/src/services/document.service.ts
index 74f3d002..c65cd098 100644
--- a/packages/server/src/services/document.service.ts
+++ b/packages/server/src/services/document.service.ts
@@ -1,10 +1,4 @@
-import {
-  Injectable,
-  HttpException,
-  HttpStatus,
-  Inject,
-  forwardRef,
-} from '@nestjs/common';
+import { Injectable, HttpException, HttpStatus, Inject, forwardRef } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Repository } from 'typeorm';
 import { instanceToPlain } from 'class-transformer';
@@ -40,24 +34,21 @@ const DOCUMENT_PLACEHOLDERS = [
     }),
     state: Buffer.from(
       new Uint8Array([
-        3, 3, 221, 238, 169, 254, 11, 0, 40, 0, 150, 148, 219, 254, 3, 88, 6,
-        105, 110, 100, 101, 110, 116, 1, 125, 0, 7, 0, 215, 168, 212, 201, 8, 1,
-        6, 4, 0, 221, 238, 169, 254, 11, 1, 15, 230, 156, 170, 229, 145, 189,
-        229, 144, 141, 230, 150, 135, 230, 161, 163, 2, 215, 168, 212, 201, 8,
-        0, 0, 1, 71, 150, 148, 219, 254, 3, 0, 3, 5, 116, 105, 116, 108, 101,
-        15, 150, 148, 219, 254, 3, 0, 1, 1, 7, 100, 101, 102, 97, 117, 108, 116,
-        1, 0, 23, 129, 150, 148, 219, 254, 3, 0, 1, 0, 63, 199, 150, 148, 219,
-        254, 3, 0, 150, 148, 219, 254, 3, 24, 3, 9, 112, 97, 114, 97, 103, 114,
-        97, 112, 104, 40, 0, 150, 148, 219, 254, 3, 88, 9, 116, 101, 120, 116,
-        65, 108, 105, 103, 110, 1, 119, 4, 108, 101, 102, 116, 1, 0, 150, 148,
-        219, 254, 3, 88, 1, 0, 7, 71, 150, 148, 219, 254, 3, 90, 6, 1, 0, 150,
-        148, 219, 254, 3, 98, 6, 132, 150, 148, 219, 254, 3, 104, 6, 229, 156,
-        168, 230, 173, 164, 129, 150, 148, 219, 254, 3, 106, 7, 132, 150, 148,
-        219, 254, 3, 113, 6, 231, 188, 150, 232, 190, 145, 129, 150, 148, 219,
-        254, 3, 115, 32, 132, 150, 148, 219, 254, 3, 147, 1, 9, 230, 173, 163,
-        230, 150, 135, 46, 46, 46, 2, 150, 148, 219, 254, 3, 5, 0, 88, 90, 8,
-        99, 6, 107, 7, 116, 32, 215, 168, 212, 201, 8, 1, 0, 1,
-      ]),
+        3, 3, 221, 238, 169, 254, 11, 0, 40, 0, 150, 148, 219, 254, 3, 88, 6, 105, 110, 100, 101,
+        110, 116, 1, 125, 0, 7, 0, 215, 168, 212, 201, 8, 1, 6, 4, 0, 221, 238, 169, 254, 11, 1, 15,
+        230, 156, 170, 229, 145, 189, 229, 144, 141, 230, 150, 135, 230, 161, 163, 2, 215, 168, 212,
+        201, 8, 0, 0, 1, 71, 150, 148, 219, 254, 3, 0, 3, 5, 116, 105, 116, 108, 101, 15, 150, 148,
+        219, 254, 3, 0, 1, 1, 7, 100, 101, 102, 97, 117, 108, 116, 1, 0, 23, 129, 150, 148, 219,
+        254, 3, 0, 1, 0, 63, 199, 150, 148, 219, 254, 3, 0, 150, 148, 219, 254, 3, 24, 3, 9, 112,
+        97, 114, 97, 103, 114, 97, 112, 104, 40, 0, 150, 148, 219, 254, 3, 88, 9, 116, 101, 120,
+        116, 65, 108, 105, 103, 110, 1, 119, 4, 108, 101, 102, 116, 1, 0, 150, 148, 219, 254, 3, 88,
+        1, 0, 7, 71, 150, 148, 219, 254, 3, 90, 6, 1, 0, 150, 148, 219, 254, 3, 98, 6, 132, 150,
+        148, 219, 254, 3, 104, 6, 229, 156, 168, 230, 173, 164, 129, 150, 148, 219, 254, 3, 106, 7,
+        132, 150, 148, 219, 254, 3, 113, 6, 231, 188, 150, 232, 190, 145, 129, 150, 148, 219, 254,
+        3, 115, 32, 132, 150, 148, 219, 254, 3, 147, 1, 9, 230, 173, 163, 230, 150, 135, 46, 46, 46,
+        2, 150, 148, 219, 254, 3, 5, 0, 88, 90, 8, 99, 6, 107, 7, 116, 32, 215, 168, 212, 201, 8, 1,
+        0, 1,
+      ])
     ),
   },
 ];
@@ -80,12 +71,12 @@ export class DocumentService {
     @Inject(forwardRef(() => TemplateService))
     private readonly templateService: TemplateService,
     @Inject(forwardRef(() => ViewService))
-    private readonly viewService: ViewService,
+    private readonly viewService: ViewService
   ) {
     this.collaborationService = new CollaborationService(
       this.userService,
       this,
-      this.templateService,
+      this.templateService
     );
   }
 
@@ -146,10 +137,7 @@ export class DocumentService {
     const isTargetUserCreator = targetUserId === doc.createUserId;
 
     if (!isCurrentUserCreator) {
-      throw new HttpException(
-        '您不是文档创建者，无权操作',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是文档创建者，无权操作', HttpStatus.FORBIDDEN);
     }
 
     const targetUser = await this.userService.findOne(targetUserId);
@@ -183,10 +171,7 @@ export class DocumentService {
         readable: isTargetUserCreator ? true : editable ? true : readable,
         editable: isTargetUserCreator ? true : editable,
       };
-      const res = await this.documentAuthorityRepo.merge(
-        targetDocAuth,
-        newData,
-      );
+      const res = await this.documentAuthorityRepo.merge(targetDocAuth, newData);
       const ret = await this.documentAuthorityRepo.save(res);
 
       await this.messageService.notify(targetUser, {
@@ -238,10 +223,7 @@ export class DocumentService {
    * @param dto
    * @returns
    */
-  async updateDocUser(
-    user: OutUser,
-    dto: DocAuthDto,
-  ): Promise<DocumentAuthorityEntity> {
+  async updateDocUser(user: OutUser, dto: DocAuthDto): Promise<DocumentAuthorityEntity> {
     const targetUser = await this.userService.findOne({ name: dto.userName });
     return this.operateDocumentAuth({
       currentUserId: user.id,
@@ -314,7 +296,7 @@ export class DocumentService {
       data.map(async (auth) => {
         const user = await this.userService.findById(auth.userId);
         return { auth, user };
-      }),
+      })
     );
   }
 
@@ -325,11 +307,7 @@ export class DocumentService {
    * @param isWikiHome 知识库首页文档
    * @returns
    */
-  public async createDocument(
-    user: OutUser,
-    dto: CreateDocumentDto,
-    isWikiHome = false,
-  ) {
+  public async createDocument(user: OutUser, dto: CreateDocumentDto, isWikiHome = false) {
     await this.wikiService.getWikiUserDetail({
       wikiId: dto.wikiId,
       userId: user.id,
@@ -366,7 +344,7 @@ export class DocumentService {
     // 知识库成员权限继承
     const wikiUsers = await this.wikiService.getWikiUsers(
       { userId: user.id, wikiId: dto.wikiId },
-      true,
+      true
     );
 
     await Promise.all([
@@ -401,7 +379,7 @@ export class DocumentService {
     await Promise.all(
       docs.map((doc) => {
         return this.deleteDocument(user, doc.id);
-      }),
+      })
     );
   }
 
@@ -415,16 +393,10 @@ export class DocumentService {
       throw new HttpException('文档不存在', HttpStatus.NOT_FOUND);
     }
     if (document.createUserId !== user.id) {
-      throw new HttpException(
-        '您不是该文档的创建者，无法删除',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是该文档的创建者，无法删除', HttpStatus.FORBIDDEN);
     }
     if (document.isWikiHome) {
-      throw new HttpException(
-        '该文档作为知识库首页使用，无法删除',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('该文档作为知识库首页使用，无法删除', HttpStatus.FORBIDDEN);
     }
     const children = await this.documentRepo.find({
       parentDocumentId: document.id,
@@ -438,7 +410,7 @@ export class DocumentService {
             parentDocumentId,
           });
           await this.documentRepo.save(res);
-        }),
+        })
       );
     }
     const auths = await this.documentAuthorityRepo.find({ documentId });
@@ -453,11 +425,7 @@ export class DocumentService {
    * @param dto
    * @returns
    */
-  public async updateDocument(
-    user: OutUser,
-    documentId: string,
-    dto: UpdateDocumentDto,
-  ) {
+  public async updateDocument(user: OutUser, documentId: string, dto: UpdateDocumentDto) {
     const document = await this.documentRepo.findOne(documentId);
     if (!document) {
       throw new HttpException('文档不存在', HttpStatus.NOT_FOUND);
@@ -537,12 +505,7 @@ export class DocumentService {
    * 分享（或关闭分享）文档
    * @param id
    */
-  async shareDocument(
-    user: OutUser,
-    documentId,
-    dto: ShareDocumentDto,
-    nextStatus = null,
-  ) {
+  async shareDocument(user: OutUser, documentId, dto: ShareDocumentDto, nextStatus = null) {
     const document = await this.documentRepo.findOne(documentId);
     if (!document) {
       throw new HttpException('文档不存在', HttpStatus.NOT_FOUND);
@@ -611,7 +574,7 @@ export class DocumentService {
     data: {
       wikiId: string;
       documentId?: string;
-    },
+    }
   ) {
     const { wikiId, documentId } = data;
 
@@ -631,10 +594,7 @@ export class DocumentService {
     });
 
     if (!authority || !authority.readable) {
-      throw new HttpException(
-        '您无权查看该文档下的子文档',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您无权查看该文档下的子文档', HttpStatus.FORBIDDEN);
     }
 
     if (document.isWikiHome) {
@@ -654,7 +614,7 @@ export class DocumentService {
       unSortDocuments.map((d) => d.id),
       {
         order: { createdAt: 'ASC' },
-      },
+      }
     );
 
     documents.forEach((doc) => {
@@ -674,16 +634,13 @@ export class DocumentService {
       docs.map(async (doc) => {
         const createUser = await this.userService.findById(doc.createUserId);
         return { ...doc, createUser };
-      }),
+      })
     );
 
     return docsWithCreateUser;
   }
 
-  async getShareChildrenDocuments(data: {
-    wikiId: string;
-    documentId?: string;
-  }) {
+  async getShareChildrenDocuments(data: { wikiId: string; documentId?: string }) {
     const { wikiId, documentId } = data;
 
     const document = documentId
@@ -720,7 +677,7 @@ export class DocumentService {
       unSortDocuments.map((d) => d.id),
       {
         order: { createdAt: 'ASC' },
-      },
+      }
     );
 
     documents.forEach((doc) => {
@@ -740,7 +697,7 @@ export class DocumentService {
       docs.map(async (doc) => {
         const createUser = await this.userService.findById(doc.createUserId);
         return { ...doc, createUser };
-      }),
+      })
     );
 
     return docsWithCreateUser;
@@ -782,7 +739,7 @@ export class DocumentService {
       docs.map(async (doc) => {
         const createUser = await this.userService.findById(doc.createUserId);
         return { ...doc, createUser };
-      }),
+      })
     );
 
     return array2tree(docsWithCreateUser);
@@ -797,7 +754,7 @@ export class DocumentService {
   public async orderWikiTocs(
     user: OutUser,
     wikiId: string,
-    relations: Array<{ id: string; parentDocumentId?: string; index: number }>,
+    relations: Array<{ id: string; parentDocumentId?: string; index: number }>
   ) {
     await this.wikiService.getWikiDetail(user, wikiId);
     await Promise.all(
@@ -812,7 +769,7 @@ export class DocumentService {
           });
           await this.documentRepo.save(newData);
         }
-      }),
+      })
     );
   }
 
@@ -834,7 +791,7 @@ export class DocumentService {
       unSortDocuments.map((d) => d.id),
       {
         order: { createdAt: 'ASC' },
-      },
+      }
     );
 
     documents.sort((a, b) => a.index - b.index);
@@ -885,7 +842,7 @@ export class DocumentService {
       docs.map(async (doc) => {
         const createUser = await this.userService.findById(doc.createUserId);
         return { ...doc, createUser };
-      }),
+      })
     );
 
     return docsWithCreateUser;
@@ -915,14 +872,14 @@ export class DocumentService {
       docs.map(async (doc) => {
         const views = await this.viewService.getDocumentTotalViews(doc.id);
         return { ...doc, views } as IDocument & { views: number };
-      }),
+      })
     );
 
     const withCreateUserRes = await Promise.all(
       res.map(async (doc) => {
         const createUser = await this.userService.findById(doc.createUserId);
         return { createUser, ...doc };
-      }),
+      })
     );
 
     return withCreateUserRes;
@@ -946,7 +903,7 @@ export class DocumentService {
           userId: user.id,
         });
         return auth && auth.readable ? doc : null;
-      }),
+      })
     );
 
     const data = ret.filter(Boolean);
@@ -955,7 +912,7 @@ export class DocumentService {
       data.map(async (doc) => {
         const createUser = await this.userService.findById(doc.createUserId);
         return { createUser, ...doc };
-      }),
+      })
     );
 
     return withCreateUserRes;
diff --git a/packages/server/src/services/file.service.ts b/packages/server/src/services/file.service.ts
index 9e472c6b..5bbd7e56 100644
--- a/packages/server/src/services/file.service.ts
+++ b/packages/server/src/services/file.service.ts
@@ -18,10 +18,7 @@ export class FileService {
    */
   async uploadFile(file) {
     const { originalname, mimetype, size, buffer } = file;
-    const filename = `/${dateFormat(
-      new Date(),
-      'yyyy-MM-dd',
-    )}/${uniqueid()}/${originalname}`;
+    const filename = `/${dateFormat(new Date(), 'yyyy-MM-dd')}/${uniqueid()}/${originalname}`;
     const url = await this.ossClient.putFile(filename, buffer);
     return url;
   }
diff --git a/packages/server/src/services/message.service.ts b/packages/server/src/services/message.service.ts
index 03e8c9c7..d9f68988 100644
--- a/packages/server/src/services/message.service.ts
+++ b/packages/server/src/services/message.service.ts
@@ -8,7 +8,7 @@ import { MessageEntity } from '@entities/message.entity';
 export class MessageService {
   constructor(
     @InjectRepository(MessageEntity)
-    private readonly messageRepo: Repository<MessageEntity>,
+    private readonly messageRepo: Repository<MessageEntity>
   ) {}
 
   /**
diff --git a/packages/server/src/services/template.service.ts b/packages/server/src/services/template.service.ts
index f539a3c8..ab20df65 100644
--- a/packages/server/src/services/template.service.ts
+++ b/packages/server/src/services/template.service.ts
@@ -1,10 +1,4 @@
-import {
-  Injectable,
-  HttpException,
-  HttpStatus,
-  Inject,
-  forwardRef,
-} from '@nestjs/common';
+import { Injectable, HttpException, HttpStatus, Inject, forwardRef } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
 import { instanceToPlain } from 'class-transformer';
 import { Repository } from 'typeorm';
@@ -19,7 +13,7 @@ export class TemplateService {
     @InjectRepository(TemplateEntity)
     private readonly templateRepo: Repository<TemplateEntity>,
     @Inject(forwardRef(() => UserService))
-    private readonly userService: UserService,
+    private readonly userService: UserService
   ) {}
 
   /**
@@ -71,10 +65,7 @@ export class TemplateService {
     const template = await this.templateRepo.findOne(id);
 
     if (user.id !== template.createUserId && !template.isPublic) {
-      throw new HttpException(
-        '您不是模板创建者，无法编辑',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是模板创建者，无法编辑', HttpStatus.FORBIDDEN);
     }
 
     const createUser = await this.userService.findById(template.createUserId);
@@ -92,10 +83,7 @@ export class TemplateService {
     const old = await this.templateRepo.findOne(id);
 
     if (user.id !== old.createUserId) {
-      throw new HttpException(
-        '您不是模板创建者，无法编辑',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是模板创建者，无法编辑', HttpStatus.FORBIDDEN);
     }
 
     const newData = await this.templateRepo.merge(old, dto);
@@ -105,10 +93,7 @@ export class TemplateService {
   async deleteTemplate(user, id) {
     const data = await this.templateRepo.findOne(id);
     if (user.id !== data.createUserId) {
-      throw new HttpException(
-        '您不是模板创建者，无法删除',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是模板创建者，无法删除', HttpStatus.FORBIDDEN);
     }
     return this.templateRepo.remove(data);
   }
@@ -122,10 +107,7 @@ export class TemplateService {
   async useTemplate(user: OutUser, templateId) {
     const data = await this.templateRepo.findOne(templateId);
     if (user.id !== data.createUserId && !data.isPublic) {
-      throw new HttpException(
-        '您不是模板创建者，无法编辑',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是模板创建者，无法编辑', HttpStatus.FORBIDDEN);
     }
     const newData = await this.templateRepo.merge(data, {
       usageAmount: data.usageAmount + 1,
@@ -152,13 +134,11 @@ export class TemplateService {
 
     await Promise.all(
       data.map(async (template) => {
-        const createUser = await this.userService.findById(
-          template.createUserId,
-        );
+        const createUser = await this.userService.findById(template.createUserId);
         // @ts-ignore
         template.createUser = createUser;
         return template;
-      }),
+      })
     );
 
     return { data, total: count };
@@ -182,13 +162,11 @@ export class TemplateService {
 
     await Promise.all(
       data.map(async (template) => {
-        const createUser = await this.userService.findById(
-          template.createUserId,
-        );
+        const createUser = await this.userService.findById(template.createUserId);
         // @ts-ignore
         template.createUser = createUser;
         return template;
-      }),
+      })
     );
 
     return { data, total: count };
diff --git a/packages/server/src/services/user.service.ts b/packages/server/src/services/user.service.ts
index cfd49d0c..40c101cd 100644
--- a/packages/server/src/services/user.service.ts
+++ b/packages/server/src/services/user.service.ts
@@ -1,10 +1,4 @@
-import {
-  Inject,
-  Injectable,
-  HttpException,
-  HttpStatus,
-  forwardRef,
-} from '@nestjs/common';
+import { Inject, Injectable, HttpException, HttpStatus, forwardRef } from '@nestjs/common';
 import { ConfigService } from '@nestjs/config';
 import { InjectRepository } from '@nestjs/typeorm';
 import { JwtService } from '@nestjs/jwt';
@@ -37,7 +31,7 @@ export class UserService {
     @Inject(forwardRef(() => CollectorService))
     private readonly collectorService: CollectorService,
     @Inject(forwardRef(() => WikiService))
-    private readonly wikiService: WikiService,
+    private readonly wikiService: WikiService
   ) {
     this.createSuperAdmin();
   }
@@ -135,10 +129,7 @@ export class UserService {
     const { name, password } = user;
     const existUser = await this.userRepo.findOne({ where: { name } });
 
-    if (
-      !existUser ||
-      !(await UserEntity.comparePassword(password, existUser.password))
-    ) {
+    if (!existUser || !(await UserEntity.comparePassword(password, existUser.password))) {
       throw new HttpException('用户名或密码错误', HttpStatus.BAD_REQUEST);
     }
 
diff --git a/packages/server/src/services/view.service.ts b/packages/server/src/services/view.service.ts
index 0e7ee13d..72cceb85 100644
--- a/packages/server/src/services/view.service.ts
+++ b/packages/server/src/services/view.service.ts
@@ -9,7 +9,7 @@ import { IPagination } from '@think/domains';
 export class ViewService {
   constructor(
     @InjectRepository(ViewEntity)
-    private readonly viewRepo: Repository<ViewEntity>,
+    private readonly viewRepo: Repository<ViewEntity>
   ) {}
 
   /**
diff --git a/packages/server/src/services/wiki.service.ts b/packages/server/src/services/wiki.service.ts
index 881bf4ef..d3e197e8 100644
--- a/packages/server/src/services/wiki.service.ts
+++ b/packages/server/src/services/wiki.service.ts
@@ -1,18 +1,7 @@
-import {
-  Injectable,
-  HttpException,
-  HttpStatus,
-  Inject,
-  forwardRef,
-} from '@nestjs/common';
+import { Injectable, HttpException, HttpStatus, Inject, forwardRef } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Repository } from 'typeorm';
-import {
-  WikiStatus,
-  WikiUserRole,
-  DocumentStatus,
-  IPagination,
-} from '@think/domains';
+import { WikiStatus, WikiUserRole, DocumentStatus, IPagination } from '@think/domains';
 import { WikiEntity } from '@entities/wiki.entity';
 import { WikiUserEntity } from '@entities/wiki-user.entity';
 import { UserService } from '@services/user.service';
@@ -39,7 +28,7 @@ export class WikiService {
     @Inject(forwardRef(() => DocumentService))
     private readonly documentService: DocumentService,
     @Inject(forwardRef(() => UserService))
-    private readonly userService: UserService,
+    private readonly userService: UserService
   ) {}
 
   /**
@@ -58,12 +47,7 @@ export class WikiService {
    * @param param0
    * @returns
    */
-  async operateWikiUser({
-    wikiId,
-    currentUserId,
-    targetUserId,
-    targetUserRole,
-  }) {
+  async operateWikiUser({ wikiId, currentUserId, targetUserId, targetUserRole }) {
     const wiki = await this.wikiRepo.findOne(wikiId);
 
     // 1. 检查知识库
@@ -99,9 +83,7 @@ export class WikiService {
           throw new HttpException('您无权限进行该操作', HttpStatus.FORBIDDEN);
         }
       }
-      const userRole = isTargetUserCreator
-        ? WikiUserRole.admin
-        : targetUserRole;
+      const userRole = isTargetUserCreator ? WikiUserRole.admin : targetUserRole;
       const newData = {
         ...targetWikiUser,
         userRole,
@@ -143,11 +125,7 @@ export class WikiService {
    * @param dto
    * @returns
    */
-  async addWikiUser(
-    user: OutUser,
-    wikiId,
-    dto: WikiUserDto,
-  ): Promise<WikiUserEntity> {
+  async addWikiUser(user: OutUser, wikiId, dto: WikiUserDto): Promise<WikiUserEntity> {
     const targetUser = await this.userService.findOne({ name: dto.userName });
 
     if (!targetUser) {
@@ -177,11 +155,7 @@ export class WikiService {
    * @param dto
    * @returns
    */
-  async updateWikiUser(
-    user: OutUser,
-    wikiId,
-    dto: WikiUserDto,
-  ): Promise<WikiUserEntity> {
+  async updateWikiUser(user: OutUser, wikiId, dto: WikiUserDto): Promise<WikiUserEntity> {
     const targetUser = await this.userService.findOne({ name: dto.userName });
 
     if (!targetUser) {
@@ -313,7 +287,7 @@ export class WikiService {
         parentDocumentId: null,
         title: wiki.name,
       },
-      true,
+      true
     );
     return wiki;
   }
@@ -340,7 +314,7 @@ export class WikiService {
       data.map(async (wiki) => {
         const createUser = await this.userService.findById(wiki.createUserId);
         return { ...wiki, createUser };
-      }),
+      })
     );
 
     return { data: ret, total };
@@ -366,7 +340,7 @@ export class WikiService {
       data.map(async (wiki) => {
         const createUser = await this.userService.findById(wiki.createUserId);
         return { ...wiki, createUser };
-      }),
+      })
     );
 
     return { data: ret, total };
@@ -395,7 +369,7 @@ export class WikiService {
       data.map(async (wiki) => {
         const createUser = await this.userService.findById(wiki.createUserId);
         return { ...wiki, createUser };
-      }),
+      })
     );
 
     return { data: ret, total };
@@ -492,10 +466,7 @@ export class WikiService {
     });
 
     if (workspaceUser.userRole !== WikiUserRole.admin) {
-      throw new HttpException(
-        '您没有权限更新该知识库信息',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您没有权限更新该知识库信息', HttpStatus.FORBIDDEN);
     }
 
     const oldData = await this.wikiRepo.findOne(wikiId);
@@ -523,17 +494,11 @@ export class WikiService {
     }
     const wiki = await this.wikiRepo.findOne(wikiId);
     if (user.id !== wiki.createUserId) {
-      throw new HttpException(
-        '您不是创建者，无法删除该知识库',
-        HttpStatus.FORBIDDEN,
-      );
+      throw new HttpException('您不是创建者，无法删除该知识库', HttpStatus.FORBIDDEN);
     }
     await this.documentService.deleteWikiDocuments(user, wikiId);
     const users = await this.wikiUserRepo.find({ wikiId });
-    await Promise.all([
-      this.wikiRepo.remove(wiki),
-      this.wikiUserRepo.remove(users),
-    ]);
+    await Promise.all([this.wikiRepo.remove(wiki), this.wikiUserRepo.remove(users)]);
     return wiki;
   }
 
@@ -567,13 +532,8 @@ export class WikiService {
         try {
           await Promise.all(
             docIds.map((docId) =>
-              this.documentService.shareDocument(
-                user,
-                docId,
-                { sharePassword: '' },
-                nextStatus,
-              ),
-            ),
+              this.documentService.shareDocument(user, docId, { sharePassword: '' }, nextStatus)
+            )
           );
         } catch (err) {
           operateDocumentError = true;
@@ -621,7 +581,7 @@ export class WikiService {
   public async orderWikiTocs(
     user: OutUser,
     wikiId: string,
-    relations: Array<{ id: string; parentDocumentId?: string; index: number }>,
+    relations: Array<{ id: string; parentDocumentId?: string; index: number }>
   ) {
     return await this.documentService.orderWikiTocs(user, wikiId, relations);
   }
diff --git a/packages/server/src/transforms/http-response.transform.ts b/packages/server/src/transforms/http-response.transform.ts
index 2b8ec476..50d91104 100644
--- a/packages/server/src/transforms/http-response.transform.ts
+++ b/packages/server/src/transforms/http-response.transform.ts
@@ -1,9 +1,4 @@
-import {
-  Injectable,
-  NestInterceptor,
-  CallHandler,
-  ExecutionContext,
-} from '@nestjs/common';
+import { Injectable, NestInterceptor, CallHandler, ExecutionContext } from '@nestjs/common';
 import { map } from 'rxjs/operators';
 import { Observable } from 'rxjs';
 
@@ -12,13 +7,8 @@ interface Response<T> {
 }
 
 @Injectable()
-export class HttpResponseTransformInterceptor<T>
-  implements NestInterceptor<T, Response<T>>
-{
-  intercept(
-    context: ExecutionContext,
-    next: CallHandler<T>,
-  ): Observable<Response<T>> {
+export class HttpResponseTransformInterceptor<T> implements NestInterceptor<T, Response<T>> {
+  intercept(context: ExecutionContext, next: CallHandler<T>): Observable<Response<T>> {
     return next.handle().pipe(
       map((data) => {
         const ctx = context.switchToHttp();
@@ -34,7 +24,7 @@ export class HttpResponseTransformInterceptor<T>
         };
         // console.info(url, res);
         return res;
-      }),
+      })
     );
   }
 }
diff --git a/packages/server/test/app.e2e-spec.ts b/packages/server/test/app.e2e-spec.ts
index 50cda623..1a013bef 100644
--- a/packages/server/test/app.e2e-spec.ts
+++ b/packages/server/test/app.e2e-spec.ts
@@ -16,9 +16,6 @@ describe('AppController (e2e)', () => {
   });
 
   it('/ (GET)', () => {
-    return request(app.getHttpServer())
-      .get('/')
-      .expect(200)
-      .expect('Hello World!');
+    return request(app.getHttpServer()).get('/').expect(200).expect('Hello World!');
   });
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4680092b..cd85a113 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,8 +4,19 @@ importers:
 
   .:
     specifiers:
+      '@typescript-eslint/eslint-plugin': ^5.0.0
+      '@typescript-eslint/parser': ^5.0.0
       concurrently: ^7.0.0
       cross-env: ^7.0.3
+      eslint: ^8.11.0
+      eslint-config-next: 12.0.10
+      eslint-config-prettier: ^8.3.0
+      eslint-import-resolver-typescript: ^2.5.0
+      eslint-plugin-import: ^2.25.4
+      eslint-plugin-jest: ^26.1.1
+      eslint-plugin-prettier: ^4.0.0
+      eslint-plugin-react: ^7.29.3
+      eslint-plugin-react-hooks: ^4.3.0
       fs-extra: ^10.0.0
       prettier: ^2.3.2
       rimraf: ^3.0.2
@@ -16,6 +27,17 @@ importers:
       fs-extra: 10.0.0
       rimraf: 3.0.2
     devDependencies:
+      '@typescript-eslint/eslint-plugin': 5.10.1_8f92d7398e22343c72d5c6104d173a8f
+      '@typescript-eslint/parser': 5.10.1_eslint@8.11.0+typescript@4.5.5
+      eslint: 8.11.0
+      eslint-config-next: 12.0.10_eslint@8.11.0+typescript@4.5.5
+      eslint-config-prettier: 8.3.0_eslint@8.11.0
+      eslint-import-resolver-typescript: 2.5.0_fe22d862ffeecaee86c93a006d59e41e
+      eslint-plugin-import: 2.25.4_eslint@8.11.0
+      eslint-plugin-jest: 26.1.1_4a29411f24b57b6a1b1d61497aa2285b
+      eslint-plugin-prettier: 4.0.0_e62d464e0d51c042e24f90080a742dd4
+      eslint-plugin-react: 7.29.3_eslint@8.11.0
+      eslint-plugin-react-hooks: 4.3.0_eslint@8.11.0
       prettier: 2.5.1
       typescript: 4.5.5
 
@@ -70,8 +92,6 @@ importers:
       copy-to-clipboard: ^3.3.1
       deep-equal: ^2.0.5
       dompurify: ^2.3.5
-      eslint: 8.8.0
-      eslint-config-next: 12.0.10
       interactjs: ^1.10.11
       katex: ^0.15.2
       lowlight: ^2.5.0
@@ -151,8 +171,6 @@ importers:
     devDependencies:
       '@types/node': 17.0.13
       '@types/react': 17.0.38
-      eslint: 8.8.0
-      eslint-config-next: 12.0.10_9534215cc73b6f260bf33f1b86e3ae0e
       tsconfig-paths-webpack-plugin: 3.5.2
       typescript: 4.5.5
 
@@ -195,16 +213,11 @@ importers:
       '@types/jest': 27.0.2
       '@types/node': ^16.0.0
       '@types/supertest': ^2.0.11
-      '@typescript-eslint/eslint-plugin': ^5.0.0
-      '@typescript-eslint/parser': ^5.0.0
       ali-oss: ^6.16.0
       bcryptjs: ^2.4.3
       class-transformer: ^0.5.1
       class-validator: ^0.13.2
       date-fns: ^2.28.0
-      eslint: ^8.0.1
-      eslint-config-prettier: ^8.3.0
-      eslint-plugin-prettier: ^4.0.0
       express: ^4.17.2
       express-rate-limit: ^6.2.0
       helmet: ^5.0.2
@@ -265,18 +278,13 @@ importers:
       y-prosemirror: 1.0.14_8fd72c89aecefb95d86a797b5207d945
       yjs: 13.5.24
     devDependencies:
-      '@nestjs/cli': 8.2.0_eslint@8.8.0
+      '@nestjs/cli': 8.2.0
       '@nestjs/schematics': 8.0.5_typescript@4.5.5
       '@nestjs/testing': 8.2.6_b893ca8083ee374883b6d648098a9aeb
       '@types/express': 4.17.13
       '@types/jest': 27.0.2
       '@types/node': 16.11.21
       '@types/supertest': 2.0.11
-      '@typescript-eslint/eslint-plugin': 5.10.1_5bb2413551d07429e4087fb9ca3ae3ea
-      '@typescript-eslint/parser': 5.10.1_eslint@8.8.0+typescript@4.5.5
-      eslint: 8.8.0
-      eslint-config-prettier: 8.3.0_eslint@8.8.0
-      eslint-plugin-prettier: 4.0.0_43197c8d12d1d439034cfcf65e1c48c2
       jest: 27.4.7_ts-node@10.4.0
       prettier: 2.5.1
       source-map-support: 0.5.21
@@ -863,15 +871,15 @@ packages:
       - supports-color
     dev: false
 
-  /@eslint/eslintrc/1.0.5:
-    resolution: {integrity: sha512-BLxsnmK3KyPunz5wmCCpqy0YelEoxxGmH73Is+Z74oOTMtExcjkr3dDR6quwrjh1YspA8DH9gnX1o069KiS9AQ==}
+  /@eslint/eslintrc/1.2.1:
+    resolution: {integrity: sha512-bxvbYnBPN1Gibwyp6NrpnFzA3YtRL3BBAyEAFVIpNTm2Rn4Vy87GA5M4aSn3InRrlsbX5N0GW7XIx+U4SAEKdQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.3
-      espree: 9.3.0
+      espree: 9.3.1
       globals: 13.12.0
-      ignore: 4.0.6
+      ignore: 5.2.0
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       minimatch: 3.0.4
@@ -1156,7 +1164,7 @@ packages:
     resolution: {integrity: sha512-JHRfM7fUit2UroC0xRnuzMGegSTbfvz6X/1PgcIvahXC+A7UsKa8XfR1YrBsvoSu669iMTeNkDb26pSkGOzXKw==}
     dev: false
 
-  /@nestjs/cli/8.2.0_eslint@8.8.0:
+  /@nestjs/cli/8.2.0:
     resolution: {integrity: sha512-f5grQOgrRcfHfOUP94OWsMdVYy6bit0zRSxPZ5+tfsFWkiPWdcx5Ba2M2socTykkiNHruXBu07lYvcKh94do7Q==}
     engines: {node: '>= 10.13.0', npm: '>= 6.11.0'}
     hasBin: true
@@ -1169,7 +1177,7 @@ packages:
       chokidar: 3.5.2
       cli-table3: 0.6.1
       commander: 4.1.1
-      fork-ts-checker-webpack-plugin: 6.5.0_da2d366a8352153d92eacb3ffd62be2b
+      fork-ts-checker-webpack-plugin: 6.5.0_typescript@4.5.4+webpack@5.66.0
       inquirer: 7.3.3
       node-emoji: 1.11.0
       ora: 5.4.1
@@ -2216,7 +2224,7 @@ packages:
     resolution: {integrity: sha512-fbF6oTd4sGGy0xjHPKAt+eS2CrxJ3+6gQ3FGcBoIJR2TLAyCkCyI8JqZNy+FeON0AhVgNJoUumVoZQjBFUqHkw==}
     dev: false
 
-  /@typescript-eslint/eslint-plugin/5.10.1_5bb2413551d07429e4087fb9ca3ae3ea:
+  /@typescript-eslint/eslint-plugin/5.10.1_8f92d7398e22343c72d5c6104d173a8f:
     resolution: {integrity: sha512-xN3CYqFlyE/qOcy978/L0xLR2HlcAGIyIK5sMOasxaaAPfQRj/MmMV6OC3I7NZO84oEUdWCOju34Z9W8E0pFDQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2227,12 +2235,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.10.1_eslint@8.8.0+typescript@4.5.5
+      '@typescript-eslint/parser': 5.10.1_eslint@8.11.0+typescript@4.5.5
       '@typescript-eslint/scope-manager': 5.10.1
-      '@typescript-eslint/type-utils': 5.10.1_eslint@8.8.0+typescript@4.5.5
-      '@typescript-eslint/utils': 5.10.1_eslint@8.8.0+typescript@4.5.5
+      '@typescript-eslint/type-utils': 5.10.1_eslint@8.11.0+typescript@4.5.5
+      '@typescript-eslint/utils': 5.10.1_eslint@8.11.0+typescript@4.5.5
       debug: 4.3.3
-      eslint: 8.8.0
+      eslint: 8.11.0
       functional-red-black-tree: 1.0.1
       ignore: 5.2.0
       regexpp: 3.2.0
@@ -2243,7 +2251,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.10.1_eslint@8.8.0+typescript@4.5.5:
+  /@typescript-eslint/parser/5.10.1_eslint@8.11.0+typescript@4.5.5:
     resolution: {integrity: sha512-GReo3tjNBwR5RnRO0K2wDIDN31cM3MmDtgyQ85oAxAmC5K3j/g85IjP+cDfcqDsDDBf1HNKQAD0WqOYL8jXqUA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2257,7 +2265,7 @@ packages:
       '@typescript-eslint/types': 5.10.1
       '@typescript-eslint/typescript-estree': 5.10.1_typescript@4.5.5
       debug: 4.3.3
-      eslint: 8.8.0
+      eslint: 8.11.0
       typescript: 4.5.5
     transitivePeerDependencies:
       - supports-color
@@ -2271,7 +2279,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.10.1
     dev: true
 
-  /@typescript-eslint/type-utils/5.10.1_eslint@8.8.0+typescript@4.5.5:
+  /@typescript-eslint/type-utils/5.10.1_eslint@8.11.0+typescript@4.5.5:
     resolution: {integrity: sha512-AfVJkV8uck/UIoDqhu+ptEdBoQATON9GXnhOpPLzkQRJcSChkvD//qsz9JVffl2goxX+ybs5klvacE9vmrQyCw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2281,9 +2289,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.10.1_eslint@8.8.0+typescript@4.5.5
+      '@typescript-eslint/utils': 5.10.1_eslint@8.11.0+typescript@4.5.5
       debug: 4.3.3
-      eslint: 8.8.0
+      eslint: 8.11.0
       tsutils: 3.21.0_typescript@4.5.5
       typescript: 4.5.5
     transitivePeerDependencies:
@@ -2316,7 +2324,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.10.1_eslint@8.8.0+typescript@4.5.5:
+  /@typescript-eslint/utils/5.10.1_eslint@8.11.0+typescript@4.5.5:
     resolution: {integrity: sha512-RRmlITiUbLuTRtn/gcPRi4202niF+q7ylFLCKu4c+O/PcpRvZ/nAUwQ2G00bZgpWkhrNLNnvhZLbDn8Ml0qsQw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2326,9 +2334,9 @@ packages:
       '@typescript-eslint/scope-manager': 5.10.1
       '@typescript-eslint/types': 5.10.1
       '@typescript-eslint/typescript-estree': 5.10.1_typescript@4.5.5
-      eslint: 8.8.0
+      eslint: 8.11.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.8.0
+      eslint-utils: 3.0.0_eslint@8.11.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -2339,7 +2347,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       '@typescript-eslint/types': 5.10.1
-      eslint-visitor-keys: 3.2.0
+      eslint-visitor-keys: 3.3.0
     dev: true
 
   /@webassemblyjs/ast/1.11.1:
@@ -3761,7 +3769,7 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-config-next/12.0.10_9534215cc73b6f260bf33f1b86e3ae0e:
+  /eslint-config-next/12.0.10_eslint@8.11.0+typescript@4.5.5:
     resolution: {integrity: sha512-l1er6mwSo1bltjLwmd71p5BdT6k/NQxV1n4lKZI6xt3MDMrq7ChUBr+EecxOry8GC/rCRUtPpH8Ygs0BJc5YLg==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0
@@ -3773,27 +3781,26 @@ packages:
     dependencies:
       '@next/eslint-plugin-next': 12.0.10
       '@rushstack/eslint-patch': 1.1.0
-      '@typescript-eslint/parser': 5.10.1_eslint@8.8.0+typescript@4.5.5
-      eslint: 8.8.0
+      '@typescript-eslint/parser': 5.10.1_eslint@8.11.0+typescript@4.5.5
+      eslint: 8.11.0
       eslint-import-resolver-node: 0.3.6
-      eslint-import-resolver-typescript: 2.5.0_392f898cec7735a5f7a99430cbc0b4f4
-      eslint-plugin-import: 2.25.4_eslint@8.8.0
-      eslint-plugin-jsx-a11y: 6.5.1_eslint@8.8.0
-      eslint-plugin-react: 7.28.0_eslint@8.8.0
-      eslint-plugin-react-hooks: 4.3.0_eslint@8.8.0
-      next: 12.0.10_react-dom@17.0.2+react@17.0.2
+      eslint-import-resolver-typescript: 2.5.0_fe22d862ffeecaee86c93a006d59e41e
+      eslint-plugin-import: 2.25.4_eslint@8.11.0
+      eslint-plugin-jsx-a11y: 6.5.1_eslint@8.11.0
+      eslint-plugin-react: 7.29.3_eslint@8.11.0
+      eslint-plugin-react-hooks: 4.3.0_eslint@8.11.0
       typescript: 4.5.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-config-prettier/8.3.0_eslint@8.8.0:
+  /eslint-config-prettier/8.3.0_eslint@8.11.0:
     resolution: {integrity: sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.8.0
+      eslint: 8.11.0
     dev: true
 
   /eslint-import-resolver-node/0.3.6:
@@ -3803,7 +3810,7 @@ packages:
       resolve: 1.22.0
     dev: true
 
-  /eslint-import-resolver-typescript/2.5.0_392f898cec7735a5f7a99430cbc0b4f4:
+  /eslint-import-resolver-typescript/2.5.0_fe22d862ffeecaee86c93a006d59e41e:
     resolution: {integrity: sha512-qZ6e5CFr+I7K4VVhQu3M/9xGv9/YmwsEXrsm3nimw8vWaVHRDrQRp26BgCypTxBp3vUp4o5aVEJRiy0F2DFddQ==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -3811,8 +3818,8 @@ packages:
       eslint-plugin-import: '*'
     dependencies:
       debug: 4.3.3
-      eslint: 8.8.0
-      eslint-plugin-import: 2.25.4_eslint@8.8.0
+      eslint: 8.11.0
+      eslint-plugin-import: 2.25.4_eslint@8.11.0
       glob: 7.2.0
       is-glob: 4.0.3
       resolve: 1.22.0
@@ -3829,7 +3836,7 @@ packages:
       find-up: 2.1.0
     dev: true
 
-  /eslint-plugin-import/2.25.4_eslint@8.8.0:
+  /eslint-plugin-import/2.25.4_eslint@8.11.0:
     resolution: {integrity: sha512-/KJBASVFxpu0xg1kIBn9AUa8hQVnszpwgE7Ld0lKAlx7Ie87yzEzCgSkekt+le/YVhiaosO4Y14GDAOc41nfxA==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -3839,7 +3846,7 @@ packages:
       array.prototype.flat: 1.2.5
       debug: 2.6.9
       doctrine: 2.1.0
-      eslint: 8.8.0
+      eslint: 8.11.0
       eslint-import-resolver-node: 0.3.6
       eslint-module-utils: 2.7.3
       has: 1.0.3
@@ -3851,7 +3858,28 @@ packages:
       tsconfig-paths: 3.12.0
     dev: true
 
-  /eslint-plugin-jsx-a11y/6.5.1_eslint@8.8.0:
+  /eslint-plugin-jest/26.1.1_4a29411f24b57b6a1b1d61497aa2285b:
+    resolution: {integrity: sha512-HRKOuPi5ADhza4ZBK5ufyNXy28bXXkib87w+pQqdvBhSTsamndh6sIAKPAUl8y0/n9jSWBdTPslrwtKWqkp8dA==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      jest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      jest:
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 5.10.1_8f92d7398e22343c72d5c6104d173a8f
+      '@typescript-eslint/utils': 5.10.1_eslint@8.11.0+typescript@4.5.5
+      eslint: 8.11.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-jsx-a11y/6.5.1_eslint@8.11.0:
     resolution: {integrity: sha512-sVCFKX9fllURnXT2JwLN5Qgo24Ug5NF6dxhkmxsMEUZhXRcGg+X3e1JbJ84YePQKBl5E0ZjAH5Q4rkdcGY99+g==}
     engines: {node: '>=4.0'}
     peerDependencies:
@@ -3865,14 +3893,14 @@ packages:
       axobject-query: 2.2.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      eslint: 8.8.0
+      eslint: 8.11.0
       has: 1.0.3
       jsx-ast-utils: 3.2.1
       language-tags: 1.0.5
       minimatch: 3.0.4
     dev: true
 
-  /eslint-plugin-prettier/4.0.0_43197c8d12d1d439034cfcf65e1c48c2:
+  /eslint-plugin-prettier/4.0.0_e62d464e0d51c042e24f90080a742dd4:
     resolution: {integrity: sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==}
     engines: {node: '>=6.0.0'}
     peerDependencies:
@@ -3883,23 +3911,23 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: 8.8.0
-      eslint-config-prettier: 8.3.0_eslint@8.8.0
+      eslint: 8.11.0
+      eslint-config-prettier: 8.3.0_eslint@8.11.0
       prettier: 2.5.1
       prettier-linter-helpers: 1.0.0
     dev: true
 
-  /eslint-plugin-react-hooks/4.3.0_eslint@8.8.0:
+  /eslint-plugin-react-hooks/4.3.0_eslint@8.11.0:
     resolution: {integrity: sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==}
     engines: {node: '>=10'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
     dependencies:
-      eslint: 8.8.0
+      eslint: 8.11.0
     dev: true
 
-  /eslint-plugin-react/7.28.0_eslint@8.8.0:
-    resolution: {integrity: sha512-IOlFIRHzWfEQQKcAD4iyYDndHwTQiCMcJVJjxempf203jnNLUnW34AXLrV33+nEXoifJE2ZEGmcjKPL8957eSw==}
+  /eslint-plugin-react/7.29.3_eslint@8.11.0:
+    resolution: {integrity: sha512-MzW6TuCnDOcta67CkpDyRfRsEVx9FNMDV8wZsDqe1luHPdGTrQIUaUXD27Ja3gHsdOIs/cXzNchWGlqm+qRVRg==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
@@ -3907,10 +3935,10 @@ packages:
       array-includes: 3.1.4
       array.prototype.flatmap: 1.2.5
       doctrine: 2.1.0
-      eslint: 8.8.0
+      eslint: 8.11.0
       estraverse: 5.3.0
       jsx-ast-utils: 3.2.1
-      minimatch: 3.0.4
+      minimatch: 3.1.2
       object.entries: 1.1.5
       object.fromentries: 2.0.5
       object.hasown: 1.1.0
@@ -3929,21 +3957,21 @@ packages:
       estraverse: 4.3.0
     dev: true
 
-  /eslint-scope/7.1.0:
-    resolution: {integrity: sha512-aWwkhnS0qAXqNOgKOK0dJ2nvzEbhEvpy8OlJ9kZ0FeZnA6zpjv1/Vei+puGFFX7zkPCkHHXb7IDX3A+7yPrRWg==}
+  /eslint-scope/7.1.1:
+    resolution: {integrity: sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.8.0:
+  /eslint-utils/3.0.0_eslint@8.11.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.8.0
+      eslint: 8.11.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -3952,17 +3980,17 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /eslint-visitor-keys/3.2.0:
-    resolution: {integrity: sha512-IOzT0X126zn7ALX0dwFiUQEdsfzrm4+ISsQS8nukaJXwEyYKRSnEIIDULYg1mCtGp7UUXgfGl7BIolXREQK+XQ==}
+  /eslint-visitor-keys/3.3.0:
+    resolution: {integrity: sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.8.0:
-    resolution: {integrity: sha512-H3KXAzQGBH1plhYS3okDix2ZthuYJlQQEGE5k0IKuEqUSiyu4AmxxlJ2MtTYeJ3xB4jDhcYCwGOg2TXYdnDXlQ==}
+  /eslint/8.11.0:
+    resolution: {integrity: sha512-/KRpd9mIRg2raGxHRGwW9ZywYNAClZrHjdueHcrVDuO3a6bj83eoTirCCk0M0yPwOjWYKHwRVRid+xK4F/GHgA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint/eslintrc': 1.0.5
+      '@eslint/eslintrc': 1.2.1
       '@humanwhocodes/config-array': 0.9.3
       ajv: 6.12.6
       chalk: 4.1.2
@@ -3970,10 +3998,10 @@ packages:
       debug: 4.3.3
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.1.0
-      eslint-utils: 3.0.0_eslint@8.8.0
-      eslint-visitor-keys: 3.2.0
-      espree: 9.3.0
+      eslint-scope: 7.1.1
+      eslint-utils: 3.0.0_eslint@8.11.0
+      eslint-visitor-keys: 3.3.0
+      espree: 9.3.1
       esquery: 1.4.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
@@ -4001,13 +4029,13 @@ packages:
       - supports-color
     dev: true
 
-  /espree/9.3.0:
-    resolution: {integrity: sha512-d/5nCsb0JcqsSEeQzFZ8DH1RmxPcglRWh24EFTlUEmCKoehXGdpsx0RkHDubqUI8LSAIKMQp4r9SzQ3n+sm4HQ==}
+  /espree/9.3.1:
+    resolution: {integrity: sha512-bvdyLmJMfwkV3NCRl5ZhJf22zBFo1y8bYh3VYb+bfzqNB4Je68P2sSuXyuFquzWLebHpNd2/d5uv7yoP9ISnGQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       acorn: 8.7.0
       acorn-jsx: 5.3.2_acorn@8.7.0
-      eslint-visitor-keys: 3.2.0
+      eslint-visitor-keys: 3.3.0
     dev: true
 
   /esprima/4.0.1:
@@ -4288,7 +4316,7 @@ packages:
     resolution: {integrity: sha1-C+4AUBiusmDQo6865ljdATbsG5k=}
     dev: false
 
-  /fork-ts-checker-webpack-plugin/6.5.0_da2d366a8352153d92eacb3ffd62be2b:
+  /fork-ts-checker-webpack-plugin/6.5.0_typescript@4.5.4+webpack@5.66.0:
     resolution: {integrity: sha512-cS178Y+xxtIjEUorcHddKS7yCMlrDPV31mt47blKKRfMd70Kxu5xruAFE2o9sDY6wVC5deuob/u/alD04YYHnw==}
     engines: {node: '>=10', yarn: '>=1.0.0'}
     peerDependencies:
@@ -4308,7 +4336,6 @@ packages:
       chokidar: 3.5.2
       cosmiconfig: 6.0.0
       deepmerge: 4.2.2
-      eslint: 8.8.0
       fs-extra: 9.1.0
       glob: 7.2.0
       memfs: 3.4.1
@@ -4513,7 +4540,7 @@ packages:
       fs.realpath: 1.0.0
       inflight: 1.0.6
       inherits: 2.0.4
-      minimatch: 3.0.4
+      minimatch: 3.1.2
       once: 1.4.0
       path-is-absolute: 1.0.1
     dev: true
@@ -4680,11 +4707,6 @@ packages:
   /ieee754/1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
-  /ignore/4.0.6:
-    resolution: {integrity: sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==}
-    engines: {node: '>= 4'}
-    dev: true
-
   /ignore/5.2.0:
     resolution: {integrity: sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==}
     engines: {node: '>= 4'}
@@ -6000,6 +6022,12 @@ packages:
     dependencies:
       brace-expansion: 1.1.11
 
+  /minimatch/3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
   /minimist/1.2.5:
     resolution: {integrity: sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==}