Change transfer repo dialog UI (#7801)

* 01 change transfer repo to user

* 01 change transfer repo to department

.github/workflows/dist.yml

@@ -4,12 +4,15 @@ on:
   push:
     branches:
       - master
-      - "10.0"
+      - "13.0"
 
 env:
   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
   NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
+permissions:
+  contents: write
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -21,7 +24,7 @@ jobs:
           python-version: "3.8"
       - uses: actions/setup-node@v3
         with:
-          node-version: "16.x"
+          node-version: "20.x"
 
       - name: gettext for django
         run: |

.github/workflows/test.yml

@@ -3,13 +3,26 @@ name: Seahub Test CI
 on:
   pull_request:
 
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+  REDIS_HOST: localhost
+
+permissions:
+  contents: read
+
 jobs:
   build:
     runs-on: ubuntu-latest
-
+    services:
+      redis:
+        image: redis:latest
+        options: --health-cmd "redis-cli ping" --health-interval 10s --health-timeout 5s --health-retries 3
+        ports:
+          - 6379:6379
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-python@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-python@v4
         with:
           python-version: "3.8"
 
@@ -22,11 +35,13 @@ jobs:
           sudo apt-get install -y libfuse-dev cmake re2c flex sqlite3
           sudo apt-get install -y libssl-dev libsasl2-dev libldap2-dev libonig-dev
           sudo apt-get install -y libxml2 libxml2-dev libjwt-dev
+          sudo apt-get install -y libhiredis-dev
 
       - name: clone and build
         run: |
           git clone --depth=1 --branch=master https://github.com/haiwen/seafile-test-deploy /tmp/seafile-test-deploy
           cd /tmp/seafile-test-deploy && git fetch origin master:master && git checkout master
+          export JWT_PRIVATE_KEY=qwertyuiop SITE_ROOT=/ SEAFILE_MYSQL_DB_CCNET_DB_NAME=ccnet SEAFILE_MYSQL_DB_SEAFILE_DB_NAME=seafile SEAFILE_MYSQL_DB_SEAHUB_DB_NAME=seahub
           ./bootstrap.sh
 
       - name: pip install
@@ -35,8 +50,22 @@ jobs:
           pip install -r test-requirements.txt
           sudo rm -rf /usr/lib/python3/dist-packages/pytz/
 
+      - name: Set REDIS_HOST environment variable
+        run: |
+          echo "REDIS_HOST=localhost" >> $GITHUB_ENV
+
       - name: run pytest
         run: |
           cd $GITHUB_WORKSPACE
-          export CCNET_CONF_DIR=/tmp/ccnet SEAFILE_CONF_DIR=/tmp/seafile-data TRAVIS=1
+          rm -r tests/seahub/repo_metadata
+          export CCNET_CONF_DIR=/tmp/ccnet SEAFILE_CONF_DIR=/tmp/seafile-data TRAVIS=1 SEAFILE_MYSQL_DB_CCNET_DB_NAME=ccnet SEAFILE_MYSQL_DB_SEAFILE_DB_NAME=seafile SEAFILE_MYSQL_DB_SEAHUB_DB_NAME=seahub
           if ./tests/test_seahub_changes.sh; then ./tests/seahubtests.sh init && ./tests/seahubtests.sh runserver && ./tests/seahubtests.sh test; else true; fi
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: "20.x"
+
+      - name: run npm lint and npm test
+        run: |
+          cd $GITHUB_WORKSPACE/tests/
+          if chmod +x test_frontend_changes.sh && ./test_frontend_changes.sh; then chmod +x github_actions_npm_lint.sh && ./github_actions_npm_lint.sh; else true; fi

.tx/config

@@ -28,8 +28,8 @@ minimum_perc  = 0
 resource_name = sdoc-editor
 
 [o:haiwen:p:seahub:r:seafile-editor]
-file_filter = media/locales/<lang>/seafile-editor.json
-source_file = media/locales/en/seafile-editor.json
+file_filter = media/seafile-editor/locales/<lang>/seafile-editor.json
+source_file = media/seafile-editor/locales/en/seafile-editor.json
 source_lang = en
 type        = KEYVALUEJSON
 

README.markdown

@@ -8,7 +8,7 @@ Seahub is the web frontend for Seafile.
 Preparation
 ==========
 
-* Build and deploy Seafile server from source. See <https://manual.seafile.com/build_seafile/server.html>
+* Build and deploy Seafile server from source. See <https://manual.seafile.com/build_seafile/server/>
 
 Getting it
 ==========
@@ -52,5 +52,16 @@ Then open your browser, and input `http://localhost:8000/`, there should be a Lo
 Internationalization (I18n)
 ==========
 
-Please refer to https://github.com/haiwen/seafile/wiki/Seahub-Translation
+Please submit translations via Transifex:
 
+Steps:
+
+1. Visit the webpage of Transifex ([https://explore.transifex.com/haiwen/seahub/](https://explore.transifex.com/haiwen/seahub/)).
+
+2. Click the "Join this project" button in the bottom right corner.
+
+3. Use an email or GitHub account(recommended) to create an account.
+
+4. Select a language and click 'Join project' to join the language translation.
+
+5. After accepted by the project maintainer, then you can upload your file or translate online.

dev-requirements.txt

@@ -2,7 +2,4 @@
 
 fabric3
 raven==5.0.0
-
-mysqlclient==1.3.12
-pycryptodome
 psd-tools==1.4

frontend/.eslintrc.json

@@ -6,48 +6,61 @@
     "eslint:recommended"
   ],
   "rules": {
-    "indent": [
-      "warn",
-      2,
-      { "SwitchCase": 1 }
-    ],
-    "default-case": "off",
-    "linebreak-style": [
-      "warn",
-      "unix"
-    ],
-    "quotes": [
-      "warn",
-      "single"
-    ],
-    "semi": [
-      "warn",
-      "always"
-    ],
-
+    "jsx-a11y/anchor-is-valid": "off",
+    "no-loop-func": "off",
     "eqeqeq": "off",
+    "default-case": "off",
+    "jsx-a11y/anchor-has-content": "off",
+    "no-console": ["warn"],
+    "no-mixed-operators": "off",
+    "no-useless-concat": "off",
     "no-useless-constructor": "off",
-    "no-restricted-globals": "off",
     "no-unused-expressions": "off",
-    "no-case-declarations": "warn",
-    "no-cond-assign": "warn",
-    "no-redeclare": "warn",
+    "no-prototype-builtins": "off",
+    "no-restricted-globals": "off",
+    "brace-style": "off",
+    "no-cond-assign": "off",
+    "no-var": "off",
+    "no-case-declarations": "off",
+    "no-redeclare": "off",
+    "indent": ["warn", 2, { 
+      "SwitchCase": 1,
+      "ignoreComments": false
+    }],
+    "linebreak-style": ["warn", "unix"],
+    "quotes": ["warn", "single"],
+    "semi": ["warn", "always"],
     "no-unreachable": "warn",
     "no-class-assign": "warn",
     "no-unused-vars": "warn",
+    "no-useless-escape": "off",
     "no-irregular-whitespace": "warn",
-    "no-console": "warn",
-    "no-self-assign": ["error", {"props": false}],
-    "no-useless-escape": "warn",
     "no-trailing-spaces": "warn",
-
     "react/jsx-indent": ["warn", 2],
-    "react/prop-types": "warn",
-    "react/display-name": "warn",
-    "no-mixed-operators": "off",
-    "no-useless-concat": "off",
-    "jsx-a11y/anchor-has-content": "off",
-    "jsx-a11y/href-no-hash": "off",
-    "jsx-a11y/anchor-is-valid": "off"
+    "eol-last": "error",
+    "space-before-function-paren": ["warn", {"named": "never"}],
+    "array-bracket-spacing": ["warn", "never"],
+    "object-curly-spacing": ["warn", "always"],
+    "spaced-comment": "warn",
+    "space-before-blocks": ["warn", "always"],
+    "space-in-parens": ["warn", "never"],
+    "keyword-spacing": ["warn", {
+      "before": true,
+      "after": true,
+      "overrides": {
+        "if" : {
+          "after": true
+        }
+      }
+    }],
+    "space-infix-ops": "error",
+    "key-spacing": ["error", { "beforeColon": false }],
+    "arrow-spacing": ["error", { "before": true, "after": true }],
+    "comma-spacing": ["error", { "before": false, "after": true }],
+    "no-duplicate-imports": "error",
+    "one-var": ["error", "never"],
+    "no-multiple-empty-lines": ["error", { "max": 2, "maxEOF": 1 }],
+    "no-multi-spaces": "error",
+    "react/jsx-closing-tag-location": "error"
   }
 }

frontend/config/paths.js

@@ -1,4 +1,4 @@
-'use strict';
+
 
 const path = require('path');
 const fs = require('fs');
@@ -22,8 +22,10 @@ const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
 // );
 
 // reset by custom
-const HOST = process.env.HOST || '0.0.0.0';
-const PORT = process.env.PORT || '3000';
+const CONFIG_HOST = process.env.HOST;
+const isRunInDocker = CONFIG_HOST === '0.0.0.0';
+const HOST = isRunInDocker ? '127.0.0.1' : CONFIG_HOST;
+const PORT = process.env.PORT || '3001';
 const publicPath = process.env.PUBLIC_PATH || '/assets/bundles/';
 const publicUrlOrPath = `http://${HOST}:${PORT}${publicPath}`;
 
@@ -79,5 +81,4 @@ module.exports = {
 };
 
 
-
 module.exports.moduleFileExtensions = moduleFileExtensions;

frontend/config/webpack.config.js

@@ -90,6 +90,24 @@ const hasJsxRuntime = (() => {
   }
 })();
 
+// Load third-party packages on demand
+const excludedChunkNames = [
+  'sharedFileViewAudio',
+  'sharedFileViewVideo',
+  'fileView',
+  'viewFileSdoc',
+  'sharedFileViewSdoc',
+  'sdocPublishedRevision',
+  'sdocFileHistory',
+  'wiki2',
+  'sharedFileViewText',
+  'viewFileText',
+  'sharedFileViewMarkdown',
+  'markdownEditor',
+  'plainMarkdownEditor',
+  'tldrawEditor',
+];
+
 // This is the production and development configuration.
 // It is focused on developer experience, fast rebuilds, and a minimal bundle.
 module.exports = function (webpackEnv) {
@@ -298,7 +316,9 @@ module.exports = function (webpackEnv) {
       // https://twitter.com/wSokra/status/969633336732905474
       // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
       splitChunks: {
-        chunks: 'all',
+        chunks(chunk) {
+          return !excludedChunkNames.includes(chunk.name);
+        },
         automaticNameDelimiter: '-',
         cacheGroups: {
           default: false,
@@ -309,7 +329,7 @@ module.exports = function (webpackEnv) {
             priority: 30000,
             reuseExistingChunk: true,
           },
-        }
+        },
       },
       // Keep the runtime chunk separated to enable long term caching
       // https://twitter.com/wSokra/status/969679223278505985
@@ -317,6 +337,7 @@ module.exports = function (webpackEnv) {
       runtimeChunk: {
         name: 'runtime',
       },
+      // concatenateModules: false,
     },
     resolve: {
       // This allows you to set a fallback for where webpack should look for modules.
@@ -336,6 +357,7 @@ module.exports = function (webpackEnv) {
         .map(ext => `.${ext}`)
         .filter(ext => useTypeScript || !ext.includes('ts')),
       alias: {
+        '@': path.resolve(process.cwd(), 'src'),
         // Support React Native Web
         // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
         'react-native': 'react-native-web',
@@ -416,12 +438,17 @@ module.exports = function (webpackEnv) {
                     ref: true,
                   },
                 },
-                {
-                  loader: require.resolve('file-loader'),
+                { loader: 'svgo-loader',
                   options: {
-                    name: 'static/media/[name].[hash].[ext]',
-                  },
-                },
+                    plugins: [
+                      'removeTitle',
+                      'removeStyleElement',
+                      'cleanupIDs',
+                      'inlineStyles',
+                      'removeXMLProcInst',
+                    ]
+                  }
+                }
               ],
               issuer: {
                 and: [/\.(ts|tsx|js|jsx|md|mdx)$/],
@@ -574,10 +601,19 @@ module.exports = function (webpackEnv) {
               test: /\.svg$/,
               use: [
                 {
-                  loader: 'svg-sprite-loader', options: {}
+                  loader: require.resolve('@svgr/webpack'),
+                  options: {
+                    prettier: false,
+                    svgo: false,
+                    svgoConfig: {
+                      plugins: [{ removeViewBox: false }],
+                    },
+                    titleProp: true,
+                    ref: true,
+                  },
                 },
                 { loader: 'svgo-loader', options: {
-                  plugins:[
+                  plugins: [
                     'removeTitle',
                     'removeStyleElement',
                     'cleanupIDs',
@@ -605,6 +641,12 @@ module.exports = function (webpackEnv) {
             // Make sure to add the new loader(s) before the "file" loader.
           ],
         },
+        {
+          test: /\.m?js$/,
+          resolve: {
+            fullySpecified: false
+          }
+        }
       ].filter(Boolean),
     },
     plugins: [

frontend/config/webpack.entry.js

@@ -1,11 +1,14 @@
 const paths = require('./paths');
 
 const entryFiles = {
+  tldrawEditor: '/tldrawEditor.js',
+  excalidrawEditor: '/excalidraw-editor.js',
   markdownEditor: '/index.js',
   plainMarkdownEditor: '/pages/plain-markdown-editor/index.js',
   TCAccept: '/tc-accept.js',
   TCView: '/tc-view.js',
   wiki: '/wiki.js',
+  wiki2: '/wiki2.js',
   fileHistory: '/file-history.js',
   fileHistoryOld: '/file-history-old.js',
   sdocFileHistory: '/pages/sdoc/sdoc-file-history/index.js',
@@ -19,9 +22,10 @@ const entryFiles = {
   sharedFileViewVideo: '/shared-file-view-video.js',
   sharedFileViewPDF: '/shared-file-view-pdf.js',
   sharedFileViewSVG: '/shared-file-view-svg.js',
-  sharedFileViewAudio:  '/shared-file-view-audio.js',
+  sharedFileViewAudio: '/shared-file-view-audio.js',
   sharedFileViewDocument: '/shared-file-view-document.js',
   sharedFileViewSpreadsheet: '/shared-file-view-spreadsheet.js',
+  sharedFileViewExdraw: '/shared-file-view-exdraw.js',
   sharedFileViewSdoc: '/shared-file-view-sdoc.js',
   sharedFileViewUnknown: '/shared-file-view-unknown.js',
   historyTrashFileView: '/history-trash-file-view.js',
@@ -30,13 +34,14 @@ const entryFiles = {
   viewFileSdoc: '/view-file-sdoc.js',
   viewFileDocument: '/view-file-document.js',
   viewFileSpreadsheet: '/view-file-spreadsheet.js',
+  viewFileOnlyoffice: '/view-file-onlyoffice.js',
+  viewFileCollaboraOnline: '/view-file-collabora-online.js',
   settings: '/settings.js',
   repoHistory: '/repo-history.js',
   repoSnapshot: '/repo-snapshot.js',
   repoFolderTrash: '/repo-folder-trash.js',
   orgAdmin: '/pages/org-admin',
   sysAdmin: '/pages/sys-admin',
-  search: '/pages/search',
   uploadLink: '/pages/upload-link',
   subscription: '/subscription.js',
   institutionAdmin: '/pages/institution-admin/index.js'

frontend/package.json

@@ -5,49 +5,58 @@
   "dependencies": {
     "@codemirror/lang-markdown": "6.2.3",
     "@codemirror/language-data": "6.3.1",
-    "@codemirror/view": "6.22.1",
-    "@gatsbyjs/reach-router": "1.3.9",
-    "@seafile/react-image-lightbox": "2.0.2",
+    "@codemirror/view": "^6.34.1",
+    "@emoji-mart/data": "^1.2.1",
+    "@emoji-mart/react": "^1.1.1",
+    "@excalidraw/excalidraw": "^0.18.0",
+    "@gatsbyjs/reach-router": "2.0.1",
+    "@seafile/react-image-lightbox": "4.0.2",
     "@seafile/resumablejs": "1.1.16",
-    "@seafile/sdoc-editor": "0.5.64",
-    "@seafile/seafile-calendar": "0.0.12",
-    "@seafile/seafile-editor": "1.0.99",
+    "@seafile/sdoc-editor": "2.0.60",
+    "@seafile/seafile-calendar": "0.0.28",
+    "@seafile/seafile-editor": "2.0.2",
+    "@seafile/stldraw-editor": "1.0.1",
     "@uiw/codemirror-extensions-langs": "^4.19.4",
+    "@uiw/codemirror-themes": "^4.23.5",
     "@uiw/react-codemirror": "^4.19.4",
-    "chart.js": "2.9.4",
+    "axios": "^1.8.2",
+    "chart.js": "4.4.7",
     "classnames": "^2.2.6",
     "codemirror": "^6.0.1",
     "copy-to-clipboard": "^3.0.8",
     "crypto-js": "4.2.0",
+    "dayjs": "1.10.7",
     "deep-copy": "1.4.2",
-    "glamor": "^2.20.40",
+    "emoji-mart": "^5.6.0",
     "i18next": "^17.0.13",
     "i18next-browser-languagedetector": "^3.0.3",
     "i18next-xhr-backend": "^3.1.2",
     "is-hotkey": "0.2.0",
     "MD5": "^1.3.0",
-    "moment": "^2.22.2",
+    "mdast-util-gfm-autolink-literal": "2.0.0",
     "object-assign": "4.1.1",
-    "prop-types": "15.8.1",
-    "qrcode.react": "^1.0.1",
-    "react": "17.0.0",
+    "prop-types": "^15.8.1",
+    "qrcode.react": "4.2.0",
+    "react": "18.3.1",
     "react-app-polyfill": "^2.0.0",
-    "react-chartjs-2": "^2.8.0",
+    "react-chartjs-2": "5.3.0",
     "react-cookies": "^0.1.0",
-    "react-dom": "17.0.0",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-dom": "18.3.1",
     "react-i18next": "^10.12.2",
-    "react-responsive": "9.0.2",
-    "react-select": "5.7.0",
+    "react-mentions": "4.4.10",
+    "react-responsive": "10.0.0",
+    "react-select": "5.9.0",
     "react-transition-group": "4.4.5",
-    "reactstrap": "8.9.0",
-    "seafile-js": "0.2.232",
-    "socket.io-client": "^2.2.0",
-    "svg-sprite-loader": "^6.0.11",
+    "reactstrap": "9.2.3",
+    "socket.io-client": "^4.8.1",
     "svgo-loader": "^3.0.1",
     "unified": "^7.0.0",
     "url-parse": "^1.4.3",
     "uuid": "9.0.1",
-    "video.js": "^7.4.1",
+    "video.js": "^8.22.0",
+    "videojs-hotkeys": "^0.2.30",
     "watermark-dom": "^1.0.0"
   },
   "scripts": {
@@ -56,7 +65,7 @@
     "start": "node scripts/start.js",
     "build": "node scripts/build.js",
     "test": "node scripts/test.js --env=jsdom",
-    "dev": "export NODE_ENV=development && node config/server.js"
+    "dev": "export NODE_ENV=development && node --max-old-space-size=4096 config/server.js"
   },
   "browserslist": {
     "production": [

frontend/src/_i18n/i18n-sdoc-editor.js

@@ -13,13 +13,13 @@ i18n
   .init({
     lng: lang,
     fallbackLng: 'en',
-    ns: ['sdoc-editor'],
+    ns: ['sdoc-editor', 'seafile-editor'],
     defaultNS: 'sdoc-editor',
 
     whitelist: ['en', 'zh-CN', 'fr', 'de', 'cs', 'es', 'es-AR', 'es-MX', 'ru'],
 
     backend: {
-      loadPath: mediaUrl + 'sdoc-editor/locales/{{ lng }}/{{ ns }}.json',
+      loadPath: mediaUrl + '{{ ns }}/locales/{{ lng }}/{{ ns }}.json',
       // loadPath: '/media/locales/{{lng}}/{{ns}}.json',
     },
 

frontend/src/_i18n/i18n-seafile-editor.js

@@ -19,7 +19,7 @@ i18n
     whitelist: ['en', 'zh-CN', 'fr', 'de', 'cs', 'es', 'es-AR', 'es-MX', 'ru'],
 
     backend: {
-      loadPath: mediaUrl + 'locales/{{ lng }}/{{ ns }}.json',
+      loadPath: mediaUrl + '{{ ns }}/locales/{{ lng }}/{{ ns }}.json',
       // loadPath: '/media/locales/{{lng}}/{{ns}}.json',
     },
 

frontend/src/app.js

@@ -1,13 +1,22 @@
 import React, { Component } from 'react';
-import ReactDom from 'react-dom';
-import { Router, navigate } from '@gatsbyjs/reach-router';
+import { createRoot } from 'react-dom/client';
+import { Router, navigate, LocationProvider, globalHistory } from '@gatsbyjs/reach-router';
 import MediaQuery from 'react-responsive';
 import { Modal } from 'reactstrap';
-import { siteRoot, canAddRepo } from './utils/constants';
-import { Utils } from './utils/utils';
+import { siteRoot, siteTitle, mediaUrl, faviconPath } from './utils/constants';
+import { Utils, isMobile } from './utils/utils';
 import SystemNotification from './components/system-notification';
+import EventBus from './components/common/event-bus';
+import Header from './components/header';
+import SystemUserNotification from './components/system-user-notification';
 import SidePanel from './components/side-panel';
-import MainPanel from './components/main-panel';
+import ResizeBar from './components/resize-bar';
+import {
+  DRAG_HANDLER_HEIGHT,
+  INIT_SIDE_PANEL_RATE,
+  MAX_SIDE_PANEL_RATE,
+  MIN_SIDE_PANEL_RATE
+} from './components/resize-bar/constants';
 import FilesActivities from './pages/dashboard/files-activities';
 import MyFileActivities from './pages/dashboard/my-file-activities';
 import Starred from './pages/starred/starred';
@@ -16,52 +25,51 @@ import ShareAdminLibraries from './pages/share-admin/libraries';
 import ShareAdminFolders from './pages/share-admin/folders';
 import ShareAdminShareLinks from './pages/share-admin/share-links';
 import ShareAdminUploadLinks from './pages/share-admin/upload-links';
-import SharedLibraries from './pages/shared-libs/shared-libs';
+import SharedLibraries from './pages/shared-libs';
 import ShareWithOCM from './pages/share-with-ocm/shared-with-ocm';
 import OCMViaWebdav from './pages/ocm-via-webdav/ocm-via-webdav';
 import OCMRepoDir from './pages/share-with-ocm/remote-dir-view';
 import MyLibraries from './pages/my-libs/my-libs';
 import MyLibDeleted from './pages/my-libs/my-libs-deleted';
-import PublicSharedView from './pages/shared-with-all/public-shared-view';
+import SharedWithAll from './pages/shared-with-all';
 import LibContentView from './pages/lib-content-view/lib-content-view';
-import Group from './pages/groups/group-view';
-import Groups from './pages/groups/groups-view';
+import GroupView from './pages/groups/group-view';
 import InvitationsView from './pages/invitations/invitations-view';
 import Wikis from './pages/wikis/wikis';
-import MainContentWrapper from './components/main-content-wrapper';
+import Libraries from './pages/libraries';
 
 import './css/layout.css';
 import './css/toolbar.css';
 import './css/search.css';
 
-const FilesActivitiesWrapper = MainContentWrapper(FilesActivities);
-const MyFileActivitiesWrapper = MainContentWrapper(MyFileActivities);
-const StarredWrapper = MainContentWrapper(Starred);
-const LinkedDevicesWrapper = MainContentWrapper(LinkedDevices);
-const SharedLibrariesWrapper = MainContentWrapper(SharedLibraries);
-const SharedWithOCMWrapper = MainContentWrapper(ShareWithOCM);
-const OCMViaWebdavWrapper = MainContentWrapper(OCMViaWebdav);
-const ShareAdminLibrariesWrapper = MainContentWrapper(ShareAdminLibraries);
-const ShareAdminFoldersWrapper = MainContentWrapper(ShareAdminFolders);
 
 class App extends Component {
 
   constructor(props) {
     super(props);
+    if (window.location.pathname === '/groups/') {
+      window.location.href = window.location.origin + '/libraries/';
+    }
     this.state = {
-      isOpen: false,
       isSidePanelClosed: false,
-      currentTab: '/',
+      isSidePanelFolded: isMobile ? false : (localStorage.getItem('sf_user_side_nav_folded') == 'true' || false),
+      currentTab: '',
       pathPrefix: [],
+      inResizing: false,
+      sidePanelRate: parseFloat(localStorage.getItem('sf_side_panel_rate') || INIT_SIDE_PANEL_RATE),
     };
-    this.dirViewPanels = ['my-libs', 'shared-libs', 'org']; // and group
+    this.dirViewPanels = ['libraries', 'my-libs', 'shared-libs', 'org']; // and group
     window.onpopstate = this.onpopstate;
+    const eventBus = new EventBus();
+    this.eventBus = eventBus;
+    this.resizeBarRef = React.createRef();
+    this.dragHandlerRef = React.createRef();
   }
 
   onpopstate = (event) => {
     if (event.state && event.state.currentTab && event.state.pathPrefix) {
       let { currentTab, pathPrefix } = event.state;
-      this.setState({currentTab, pathPrefix});
+      this.setState({ currentTab, pathPrefix });
     }
   };
 
@@ -73,12 +81,12 @@ class App extends Component {
     }
   }
 
-  navigateClientUrlToLib = () =>{
-    if(window.location.hash && window.location.hash.indexOf('common/lib') != -1){
+  navigateClientUrlToLib = () => {
+    if (window.location.hash && window.location.hash.indexOf('common/lib') != -1) {
       let splitUrlArray = window.location.hash.split('/');
       let repoID = splitUrlArray[splitUrlArray.length - 2];
       let url = siteRoot + 'library/' + repoID + '/';
-      navigate(url, {repalce: true});
+      navigate(url, { replace: true });
     }
   };
 
@@ -87,11 +95,40 @@ class App extends Component {
     // navigate to library page http://127.0.0.1:8000/library/34e7fb92-e91d-499d-bcde-c30ea8af9828/
     this.navigateClientUrlToLib();
 
-    // TODO: need refactor later
-    let href = window.location.href.split('/');
-    this.setState({currentTab: href[href.length - 2]});
+    this.initCurrentTabByLocation();
   }
 
+  initCurrentTabByLocation = () => {
+    // when visit the siteRoot page, highlight the 'Files' tab in the side nav.
+    if (location.pathname == siteRoot) {
+      this.setState({ currentTab: 'libraries' });
+      return;
+    }
+
+    // get path part start with siteRoot. e.g. '/' or '/xxx/'
+    let pathPart = window.location.pathname.split(siteRoot)[1];
+    pathPart = pathPart && pathPart.split('/')[0];
+
+    let currentTab = '';
+    if (pathPart) {
+      currentTab = pathPart;
+    }
+
+    // when visit a 'dir view' page(http://127.0.0.1:8000/library/1137c0c3-5a5d-4da1-8fd0-69e227a9a23e/My%20Library/) directly via URL,
+    // emulate visiting it from 'Files' page(get the `currentTab` & `pathPrefix`)
+    if (currentTab === 'library') {
+      currentTab = 'libraries';
+    }
+
+    this.setState({ currentTab });
+  };
+
+  resetTitle = () => {
+    const favicon = document.getElementById('favicon');
+    favicon.href = `${mediaUrl}${faviconPath}`;
+    document.title = siteTitle;
+  };
+
   onCloseSidePanel = () => {
     this.setState({
       isSidePanelClosed: !this.state.isSidePanelClosed
@@ -106,9 +143,9 @@ class App extends Component {
 
   onSearchedClick = (selectedItem) => {
     if (selectedItem.is_dir === true) {
-      this.setState({currentTab: '', pathPrefix: []});
+      this.setState({ currentTab: '', pathPrefix: [] });
       let url = siteRoot + 'library/' + selectedItem.repo_id + '/' + selectedItem.repo_name + selectedItem.path;
-      navigate(url, {repalce: true});
+      navigate(url, { replace: true });
     } else {
       let url = siteRoot + 'lib/' + selectedItem.repo_id + '/file' + Utils.encodePath(selectedItem.path);
       let isWeChat = Utils.isWeChat();
@@ -121,19 +158,6 @@ class App extends Component {
     }
   };
 
-  onGroupChanged = (groupID) => {
-    setTimeout(function(){
-      let url;
-      if (groupID) {
-        url = siteRoot + 'group/' + groupID + '/';
-      }
-      else {
-        url = siteRoot + 'groups/';
-      }
-      window.location = url.toString();
-    }, 1);
-  };
-
   tabItemClick = (tabName, groupID) => {
     let pathPrefix = [];
     if (groupID || this.dirViewPanels.indexOf(tabName) > -1) {
@@ -144,30 +168,24 @@ class App extends Component {
       pathPrefix: pathPrefix
     }, () => {
       let { currentTab, pathPrefix } = this.state;
-      window.history.replaceState({currentTab: currentTab, pathPrefix: pathPrefix}, null);
+      window.history.replaceState({ currentTab: currentTab, pathPrefix: pathPrefix }, null);
     });
     if (!Utils.isDesktop() && !this.state.isSidePanelClosed) {
       this.setState({ isSidePanelClosed: true });
     }
+    this.resetTitle();
   };
 
   generatorPrefix = (tabName, groupID) => {
     let pathPrefix = [];
     if (groupID) {
-      let navTab1 = {
-        url: siteRoot + 'groups/',
-        showName: 'Groups',
-        name: 'groups',
-        id: null,
-      };
-      let navTab2 = {
+      let navTab = {
         url: siteRoot + 'group/' + groupID + '/',
         showName: tabName,
         name: tabName,
         id: groupID,
       };
-      pathPrefix.push(navTab1);
-      pathPrefix.push(navTab2);
+      pathPrefix.push(navTab);
     } else {
       let navTab = {
         url: siteRoot + tabName + '/',
@@ -181,14 +199,19 @@ class App extends Component {
   };
 
   getTabShowName = (tabName) => {
-    if (tabName === 'my-libs') {
-      return 'Libraries';
-    }
-    if (tabName === 'shared-libs') {
-      return 'Shared with me';
-    }
-    if (tabName === 'org') {
-      return 'Shared with all';
+    switch (tabName) {
+      case 'libraries': {
+        return 'Files';
+      }
+      case 'my-libs': {
+        return 'My Libraries';
+      }
+      case 'shared-libs': {
+        return 'Shared with me';
+      }
+      case 'org': {
+        return 'Shared with all';
+      }
     }
   };
 
@@ -198,49 +221,139 @@ class App extends Component {
     });
   };
 
+  toggleFoldSideNav = () => {
+    this.setState({
+      isSidePanelFolded: !this.state.isSidePanelFolded
+    }, () => {
+      localStorage.setItem('sf_user_side_nav_folded', this.state.isSidePanelFolded);
+    });
+  };
+
+  onResizeMouseUp = () => {
+    if (this.state.inResizing) {
+      this.setState({
+        inResizing: false
+      });
+    }
+    localStorage.setItem('sf_side_panel_rate', this.state.sidePanelRate);
+  };
+
+  onResizeMouseDown = () => {
+    this.setState({
+      inResizing: true
+    });
+  };
+
+  onResizeMouseMove = (e) => {
+    let rate = e.nativeEvent.clientX / window.innerWidth;
+    this.setState({
+      sidePanelRate: Math.max(Math.min(rate, MAX_SIDE_PANEL_RATE), MIN_SIDE_PANEL_RATE),
+    });
+  };
+
+  onResizeMouseOver = (event) => {
+    if (!this.dragHandlerRef.current) return;
+    const { top } = this.resizeBarRef.current.getBoundingClientRect();
+    const dragHandlerRefTop = event.pageY - top - DRAG_HANDLER_HEIGHT / 2;
+    this.setDragHandlerTop(dragHandlerRefTop);
+  };
+
+  setDragHandlerTop = (top) => {
+    this.dragHandlerRef.current.style.top = top + 'px';
+  };
+
   render() {
-    let { currentTab, isSidePanelClosed } = this.state;
-
-    const home = canAddRepo ?
-      <MyLibraries path={ siteRoot } onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} /> :
-      <SharedLibrariesWrapper path={ siteRoot } onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />;
-
+    const { currentTab, isSidePanelClosed, isSidePanelFolded, sidePanelRate, inResizing } = this.state;
+    let mainPanelStyle = {};
+    let sidePanelStyle = {};
+    if (!isSidePanelFolded) {
+      mainPanelStyle = {
+        userSelect: inResizing ? 'none' : '',
+        flex: sidePanelRate ? `1 0 ${(1 - sidePanelRate) * 100}%` : `0 0 ${100 - INIT_SIDE_PANEL_RATE * 100}%`,
+      };
+      sidePanelStyle = {
+        userSelect: inResizing ? 'none' : '',
+        flex: sidePanelRate ? `0 0 ${sidePanelRate * 100}%` : `0 0 ${INIT_SIDE_PANEL_RATE * 100}%`,
+      };
+    }
     return (
       <React.Fragment>
         <SystemNotification />
-        <div id="main">
-          <SidePanel isSidePanelClosed={this.state.isSidePanelClosed} onCloseSidePanel={this.onCloseSidePanel} currentTab={currentTab} tabItemClick={this.tabItemClick} />
-          <MainPanel>
+        <SystemUserNotification />
+        <Header
+          isSidePanelClosed={isSidePanelClosed}
+          onCloseSidePanel={this.onCloseSidePanel}
+          onShowSidePanel={this.onShowSidePanel}
+          onSearchedClick={this.onSearchedClick}
+          eventBus={this.eventBus}
+          isSidePanelFolded={isSidePanelFolded}
+        />
+        <div
+          id="main"
+          className="user-panel"
+          onMouseMove={inResizing ? this.onResizeMouseMove : null}
+          onMouseUp={this.onResizeMouseUp}
+        >
+          <SidePanel
+            isSidePanelClosed={isSidePanelClosed}
+            isSidePanelFolded={isSidePanelFolded}
+            onCloseSidePanel={this.onCloseSidePanel}
+            currentTab={currentTab}
+            tabItemClick={this.tabItemClick}
+            toggleFoldSideNav={this.toggleFoldSideNav}
+            style={sidePanelStyle}
+            eventBus={this.eventBus}
+          />
+          {Utils.isDesktop() && !isSidePanelFolded &&
+            <ResizeBar
+              resizeBarRef={this.resizeBarRef}
+              dragHandlerRef={this.dragHandlerRef}
+              resizeBarStyle={{ left: `calc(${sidePanelRate ? sidePanelRate * 100 + '%' : `${INIT_SIDE_PANEL_RATE * 100}%`} - 1px)` }}
+              dragHandlerStyle={{ height: DRAG_HANDLER_HEIGHT }}
+              onResizeMouseDown={this.onResizeMouseDown}
+              onResizeMouseOver={this.onResizeMouseOver}
+            />
+          }
+          <div className="main-panel" style={mainPanelStyle}>
             <Router className="reach-router">
-              {home}
-              <FilesActivitiesWrapper path={siteRoot + 'dashboard'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <MyFileActivitiesWrapper path={siteRoot + 'my-activities'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <StarredWrapper path={siteRoot + 'starred'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <LinkedDevicesWrapper path={siteRoot + 'linked-devices'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <ShareAdminLibrariesWrapper path={siteRoot + 'share-admin-libs'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <ShareAdminFoldersWrapper path={siteRoot + 'share-admin-folders'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <ShareAdminShareLinks path={siteRoot + 'share-admin-share-links'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <ShareAdminUploadLinks path={siteRoot + 'share-admin-upload-links'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <SharedLibrariesWrapper path={siteRoot + 'shared-libs'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <SharedWithOCMWrapper path={siteRoot + 'shared-with-ocm'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <OCMViaWebdavWrapper path={siteRoot + 'ocm-via-webdav'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <MyLibraries path={siteRoot + 'my-libs'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
-              <MyLibDeleted path={siteRoot + 'my-libs/deleted/'} onSearchedClick={this.onSearchedClick} />
-              <LibContentView path={siteRoot + 'library/:repoID/*'} pathPrefix={this.state.pathPrefix} onMenuClick={this.onShowSidePanel} onTabNavClick={this.tabItemClick}/>
-              <OCMRepoDir path={siteRoot + 'remote-library/:providerID/:repoID/*'} pathPrefix={this.state.pathPrefix} onMenuClick={this.onShowSidePanel} onTabNavClick={this.tabItemClick}/>
-              <Groups path={siteRoot + 'groups'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick}/>
-              <Group
-                path={siteRoot + 'group/:groupID'}
-                onShowSidePanel={this.onShowSidePanel}
-                onSearchedClick={this.onSearchedClick}
-                onTabNavClick={this.tabItemClick}
-                onGroupChanged={this.onGroupChanged}
+              <Libraries path={siteRoot} />
+              <Libraries path={siteRoot + 'libraries'} />
+              <MyLibraries path={siteRoot + 'my-libs'} />
+              <MyLibDeleted path={siteRoot + 'my-libs/deleted/'} />
+              <ShareAdminShareLinks path={siteRoot + 'share-admin-share-links'} />
+              <ShareAdminUploadLinks path={siteRoot + 'share-admin-upload-links'} />
+              <SharedWithAll path={siteRoot + 'org/'} />
+              <Wikis
+                path={siteRoot + 'published'}
+                sidePanelRate={sidePanelRate}
+                isSidePanelFolded={isSidePanelFolded}
+              />
+              <Starred path={siteRoot + 'starred'} />
+              <InvitationsView path={siteRoot + 'invitations/'} />
+              <FilesActivities path={siteRoot + 'dashboard'} />
+              <MyFileActivities path={siteRoot + 'my-activities'} />
+              <GroupView path={siteRoot + 'group/:groupID'} />
+              <LinkedDevices path={siteRoot + 'linked-devices'} />
+              <ShareAdminLibraries path={siteRoot + 'share-admin-libs'} />
+              <ShareAdminFolders path={siteRoot + 'share-admin-folders'} />
+              <SharedLibraries path={siteRoot + 'shared-libs'} />
+              <ShareWithOCM path={siteRoot + 'shared-with-ocm'} />
+              <OCMViaWebdav path={siteRoot + 'ocm-via-webdav'} />
+              <OCMRepoDir
+                path={siteRoot + 'remote-library/:providerID/:repoID/*'}
+                pathPrefix={this.state.pathPrefix}
+                onTabNavClick={this.tabItemClick}
+              />
+              <LibContentView
+                path={siteRoot + 'library/:repoID/*'}
+                pathPrefix={this.state.pathPrefix}
+                isSidePanelFolded={isSidePanelFolded}
+                onTabNavClick={this.tabItemClick}
+                eventBus={this.eventBus}
+                resetTitle={this.resetTitle}
               />
-              <Wikis path={siteRoot + 'published'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick}/>
-              <PublicSharedView path={siteRoot + 'org/'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} onTabNavClick={this.tabItemClick}/>
-              <InvitationsView path={siteRoot + 'invitations/'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
             </Router>
-          </MainPanel>
+          </div>
           <MediaQuery query="(max-width: 767.8px)">
             <Modal zIndex="1030" isOpen={!isSidePanelClosed} toggle={this.toggleSidePanel} contentClassName="d-none"></Modal>
           </MediaQuery>
@@ -250,4 +363,9 @@ class App extends Component {
   }
 }
 
-ReactDom.render(<App />, document.getElementById('wrapper'));
+const root = createRoot(document.getElementById('wrapper'));
+root.render(
+  <LocationProvider history={globalHistory}>
+    <App />
+  </LocationProvider>
+);

frontend/src/assets/icons/add-table.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718879587705" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18226" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M448 448V64h128v384h384v128H576v384h-128V576H64v-128h384z" p-id="18227"></path></svg>

frontend/src/assets/icons/ai.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>ai</title>
+<g id="ai">
+	<g id="ai-assistant">
+		<path id="形状" class="st0" d="M16.1,0C24.9,0,32,6.8,32,15s-7.1,15-15.9,15c-0.1,0-0.3,0-0.6,0c-0.4,0-3.7,0.2-4.9,0.6
+			c-1,0.2-2.8,0.9-3.9,1.2C6.6,31.9,6.2,32,6,32c-0.5,0-0.9-0.4-1-1c-0.2-1.1-0.2-3,0.4-4.7C2.1,23.5,0,19.6,0,15
+			C0.1,6.8,7.2,0,16.1,0z M16,3C8.8,3,3,8.6,3,15.4c0,3.5,1.7,6.6,4.5,9.1l1.2,1.1c-0.4,0.8-0.7,1.3-0.8,1.7
+			c-0.2,0.5-0.3,1.3-0.2,1.7c0.8-0.4,2-1,2.9-1.2c1.7-0.4,4.2-0.6,5.4-0.6c5.7,0,13-5,13-11.8S23.2,3,16,3z M13.1,6.9
+			C10.3,6.9,8,9.1,8,11.8v10c0,0.1,0.1,0.3,0.3,0.3h2.8V11.9c0-1,0.9-1.9,1.9-1.9s1.9,0.9,1.9,1.9v2.3H12c-0.1,0-0.3,0-0.4,0.1
+			c-0.1,0.1-0.1,0.3-0.1,0.4v1.9c0,0.4,0.3,0.6,0.6,0.6H15v4.9h2.8c0.1,0,0.3-0.1,0.3-0.3v-10C18.1,9.1,15.9,6.9,13.1,6.9L13.1,6.9z
+			 M22.4,11h-1.8c-0.4,0-0.6,0.2-0.6,0.6v9.8c0,0.4,0.2,0.6,0.6,0.6h1.8c0.4,0,0.6-0.2,0.6-0.6v-9.8C23,11.2,22.8,11,22.4,11z
+			 M21.5,10c0.8,0,1.5-0.7,1.5-1.5S22.3,7,21.5,7S20,7.7,20,8.5S20.7,10,21.5,10z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/bell.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="14px" viewBox="0 0 12 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bell</title>
+    <path d="M4.63636364,11.8461538 C4.63636364,12.4317308 5.25852273,12.9230769 6,12.9230769 C6.74147727,12.9230769 7.36363636,12.4317308 7.36363636,11.8461538 L8.72727273,11.8461538 C8.72727273,13.0264615 7.49454546,14 6,14 C4.50545454,14 3.27272727,13.0264615 3.27272727,11.8461538 L4.63636364,11.8461538 L4.63636364,11.8461538 Z M6,1.38957813 C5.23190729,1.38948602 4.49524827,1.70744063 3.9521247,2.27347611 C3.40900113,2.83951159 3.10391665,3.60724689 3.10400507,4.40774194 L3.10400507,5.01915632 C3.10400507,6.50148882 2.70800576,7.95429279 1.96067374,9.21464019 L1.86267391,9.3796526 L10.1373261,9.3796526 L10.0396596,9.21464019 C9.29200703,7.95408947 8.89598985,6.50143803 8.89599493,5.01950373 L8.89599493,4.40739454 C8.89599493,3.60695968 8.59087142,2.83931363 8.04775743,2.27335329 C7.50464345,1.70739295 6.76803495,1.38948603 6,1.38957813 Z M1.77067408,4.40774194 C1.7710074,1.973201 3.66400409,0 6,0 C8.33566258,0 10.2293259,1.97320099 10.2293259,4.40774194 L10.2293259,5.01915632 C10.2293259,6.24337469 10.555992,7.44292804 11.1736576,8.48406948 L11.900323,9.70898262 C12.0275043,9.92329585 12.0333744,10.1925765 11.9156632,10.4126881 C11.7979521,10.6327997 11.5751135,10.7692308 11.333324,10.7692308 L0.666676008,10.7692308 C0.424886452,10.7692308 0.202047948,10.6327997 0.0843367662,10.4126881 C-0.0333744158,10.1925765 -0.0275043066,9.92329585 0.099677001,9.70898262 L0.826342385,8.48406948 C1.443874,7.4430681 1.77098566,6.24338372 1.7710074,5.01950373 L1.7710074,4.40739454 L1.77067408,4.40774194 Z" id="形状结合"></path>
+</svg>

frontend/src/assets/icons/check-circle.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718873383615" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17658" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M992 512c0 266.336-213.664 480-480 480S32 778.336 32 512 245.664 32 512 32s480 213.664 480 480z m-535.744 253.92l356.16-356.128a29.92 29.92 0 0 0 0-43.328l-43.392-43.36a29.92 29.92 0 0 0-43.36 0l-291.072 291.104-136.256-136.288a29.92 29.92 0 0 0-43.36 0L211.616 521.28a29.92 29.92 0 0 0 0 43.36l201.28 201.28a29.92 29.92 0 0 0 43.36 0z" p-id="17659"></path></svg>

frontend/src/assets/icons/check-mark.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1719993327265" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15388" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M390.4 870.4c-41.6 0-86.4-16-112-48l-256-268.8c-35.2-32-25.6-89.6 16-121.6 35.2-25.6 86.4-25.6 118.4 9.6l230.4 246.4 480-499.2c35.2-32 92.8-32 128 9.6 35.2 32 35.2 83.2 9.6 115.2L499.2 819.2c-25.6 35.2-67.2 51.2-108.8 51.2z" p-id="15389"></path></svg>

frontend/src/assets/icons/check-square-solid.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1722496372082" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31890" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M128 32h768c54.4 0 96 41.6 96 96v768c0 54.4-41.6 96-96 96H128c-54.4 0-96-41.6-96-96V128c0-54.4 41.6-96 96-96z m275.2 713.6c12.8 12.8 28.8 19.2 41.6 19.2 19.2 0 28.8-6.4 41.6-19.2l323.2-323.2c25.6-25.6 25.6-60.8 0-83.2s-60.8-25.6-83.2 0l-281.6 281.6-124.8-128c-25.6-25.6-60.8-25.6-83.2 0s-25.6 60.8 0 83.2l166.4 169.6z" p-id="31891"></path></svg>

frontend/src/assets/icons/checkbox.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720076454490" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15388" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M128 32h768c54.4 0 96 41.6 96 96v768c0 54.4-41.6 96-96 96H128c-54.4 0-96-41.6-96-96V128c0-54.4 41.6-96 96-96z m275.2 713.6c12.8 12.8 28.8 19.2 41.6 19.2 19.2 0 28.8-6.4 41.6-19.2l323.2-323.2c25.6-25.6 25.6-60.8 0-83.2s-60.8-25.6-83.2 0l-281.6 281.6-124.8-128c-25.6-25.6-60.8-25.6-83.2 0s-25.6 60.8 0 83.2l166.4 169.6z" p-id="15389"></path></svg>

frontend/src/assets/icons/client.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>clients</title>
+<g id="clients">
+	<path id="形状结合" class="st0" d="M30,2c0.6,0,1,0.4,1,1v20c0,0.6-0.4,1-1,1H18l0,0.9c0,1.1,2.9,2.2,4.1,2.2h1.4V30h-15v-2.8
+		h1.4c1.1,0,4.1-1.1,4.1-2.2l0-0.9H2c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1H30z M28,5H4v16h24V5z"/>
+</g>
+</svg>

frontend/src/assets/icons/close.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718937171668" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18368" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M489.6 444.8l294.4-294.4 67.2 67.2-294.4 294.4 294.4 294.4-67.2 67.2-294.4-294.4-272 272-67.2-67.2 272-272-272-272 67.2-67.2z" p-id="18369"></path></svg>

frontend/src/assets/icons/collaborator.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721027899660" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18963" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M761.6 892.8c25.6-16 41.6-32 41.6-54.4 0-105.6-51.2-201.6-131.2-265.6h3.2c51.2 0 102.4-12.8 147.2-38.4 115.2 48 198.4 150.4 198.4 265.6 3.2 51.2-118.4 83.2-259.2 92.8z m-192-793.6c48-12.8 99.2-12.8 147.2 6.4 25.6 9.6 51.2 25.6 70.4 44.8 41.6 38.4 64 92.8 64 147.2 0 25.6-6.4 51.2-16 76.8-9.6 25.6-25.6 51.2-48 67.2-19.2 19.2-44.8 35.2-70.4 44.8-48 19.2-102.4 19.2-150.4 6.4 16-9.6 28.8-19.2 41.6-32 22.4-19.2 41.6-48 54.4-76.8 12.8-28.8 19.2-57.6 19.2-89.6 0-60.8-25.6-121.6-70.4-166.4-12.8-6.4-25.6-19.2-41.6-28.8z" p-id="18964"></path><path d="M518.4 524.8c115.2 57.6 195.2 176 195.2 313.6 0 144-688 147.2-688 0 0-134.4 80-256 195.2-313.6 41.6 25.6 92.8 44.8 147.2 44.8 54.4 0 105.6-16 150.4-44.8z m-307.2-89.6c-22.4-19.2-41.6-41.6-51.2-70.4-12.8-25.6-16-54.4-16-83.2s3.2-54.4 16-83.2c9.6-25.6 28.8-51.2 51.2-70.4 19.2-19.2 44.8-35.2 73.6-48 54.4-22.4 118.4-22.4 172.8 0 28.8 9.6 54.4 28.8 73.6 48 41.6 41.6 67.2 96 67.2 153.6 0 28.8-6.4 54.4-16 83.2-9.6 28.8-28.8 51.2-51.2 70.4-19.2 19.2-44.8 35.2-73.6 48-54.4 22.4-118.4 22.4-172.8 0-28.8-12.8-51.2-28.8-73.6-48z" p-id="18965"></path></svg>

frontend/src/assets/icons/copy.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>copy</title>
+<desc>Created with Sketch.</desc>
+<g id="copy">
+	<g id="_x31_复制" transform="translate(2.000000, 2.000000)">
+		<path id="路径" class="st0" d="M21,23v3c0,1-1,2-2,2H2.6C1.3,28,0,26.6,0,25.4V9.2C0,8,1.1,7,2.2,7H5v14c0,1.1,0.6,2,1.9,2
+			C7.5,23,20.9,23,21,23z"/>
+		<path id="矩形" class="st0" d="M9,0h17c1.1,0,2,0.9,2,2v17c0,1.1-0.9,2-2,2H9c-1.1,0-2-0.9-2-2V2C7,0.9,7.9,0,9,0z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/creation-time.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718865369801" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16662" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M681.6 480c-9.6 0-19.2 6.4-19.2 16-44.8 16-83.2 41.6-115.2 76.8v-70.4c0-12.8-9.6-22.4-22.4-22.4h-70.4c-12.8 0-22.4 9.6-22.4 22.4v70.4c0 12.8 9.6 22.4 22.4 22.4H531.2c-25.6 32-41.6 70.4-48 112h-28.8c-12.8 0-22.4 9.6-22.4 22.4V800c0 12.8 9.6 22.4 22.4 22.4h32c9.6 41.6 28.8 80 57.6 112L124.8 928c-54.4 0-83.2-38.4-83.2-83.2V368h896v182.4c-48-44.8-112-70.4-182.4-70.4h-73.6zM300.8 704H230.4c-12.8 0-22.4 9.6-22.4 22.4v70.4c0 12.8 9.6 22.4 22.4 22.4h70.4c12.8 0 22.4-9.6 22.4-22.4v-70.4c0-12.8-9.6-22.4-22.4-22.4z m0-224H230.4c-12.8 0-22.4 9.6-22.4 22.4v70.4c0 12.8 9.6 22.4 22.4 22.4h70.4c12.8 0 22.4-9.6 22.4-22.4v-70.4c0-12.8-9.6-22.4-22.4-22.4z m48-448c16 0 28.8 12.8 28.8 28.8v83.2h227.2V60.8c0-16 12.8-28.8 28.8-28.8h57.6c16 0 28.8 12.8 28.8 28.8v83.2h140.8c48 0 80 38.4 80 83.2v83.2h-896V227.2c0-44.8 38.4-83.2 83.2-83.2h140.8V60.8c-3.2-16 9.6-28.8 25.6-28.8h54.4z" p-id="16663"></path><path d="M758.4 979.2c-60.8 0-118.4-22.4-156.8-64-41.6-41.6-64-99.2-64-156.8-3.2-124.8 99.2-227.2 224-227.2s224 99.2 224 224-105.6 224-227.2 224z m86.4-195.2c12.8 0 25.6-9.6 25.6-25.6s-9.6-25.6-25.6-25.6h-73.6v-118.4c0-12.8-9.6-25.6-25.6-25.6s-25.6 9.6-25.6 25.6v144c0 12.8 9.6 25.6 25.6 25.6h99.2z" p-id="16664"></path></svg>

frontend/src/assets/icons/creator.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718865297246" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16378" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M691.2 531.2c-54.4 35.2-118.4 51.2-179.2 51.2-64 0-128-19.2-179.2-51.2C192 598.4 96 704 96 860.8c0 169.6 835.2 166.4 835.2 0-3.2-156.8-102.4-262.4-240-329.6zM336 438.4c25.6 22.4 51.2 38.4 80 51.2 60.8 25.6 128 25.6 188.8 0 32-12.8 57.6-28.8 80-51.2 25.6-22.4 41.6-48 54.4-80 12.8-28.8 19.2-60.8 19.2-89.6 0-64-28.8-124.8-73.6-169.6-22.4-22.4-48-38.4-80-51.2-60.8-25.6-128-25.6-188.8 0-32 12.8-57.6 28.8-80 51.2-25.6 22.4-44.8 51.2-57.6 80-9.6 32-16 60.8-16 92.8s6.4 64 19.2 89.6c9.6 28.8 28.8 57.6 54.4 76.8z" p-id="16379"></path></svg>

frontend/src/assets/icons/date.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721027924347" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19106" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M38.4 902.4c0 51.2 32 89.6 89.6 89.6h780.8c57.6 0 83.2-41.6 83.2-89.6v-512H38.4v512z m662.4-368c0-12.8 9.6-22.4 22.4-22.4h73.6c12.8 0 22.4 9.6 22.4 22.4V608c0 12.8-9.6 22.4-22.4 22.4h-73.6c-12.8 0-22.4-9.6-22.4-22.4v-73.6z m0 240c0-12.8 9.6-22.4 22.4-22.4h73.6c12.8 0 22.4 9.6 22.4 22.4v73.6c0 12.8-9.6 22.4-22.4 22.4h-73.6c-12.8 0-22.4-9.6-22.4-22.4v-73.6z m-240-240c0-12.8 9.6-22.4 22.4-22.4h73.6c12.8 0 22.4 9.6 22.4 22.4V608c0 12.8-9.6 22.4-22.4 22.4h-73.6c-12.8 0-22.4-9.6-22.4-22.4v-73.6z m0 240c0-12.8 9.6-22.4 22.4-22.4h73.6c12.8 0 22.4 9.6 22.4 22.4v73.6c0 12.8-9.6 22.4-22.4 22.4h-73.6c-12.8 0-22.4-9.6-22.4-22.4v-73.6z m-240-240c0-12.8 9.6-22.4 22.4-22.4h73.6c12.8 0 22.4 9.6 22.4 22.4V608c0 12.8-9.6 22.4-22.4 22.4H243.2c-12.8 0-22.4-9.6-22.4-22.4v-73.6z m0 240c0-12.8 9.6-22.4 22.4-22.4h73.6c12.8 0 22.4 9.6 22.4 22.4v73.6c0 12.8-9.6 22.4-22.4 22.4H243.2c-12.8 0-22.4-9.6-22.4-22.4v-73.6zM908.8 153.6h-147.2V60.8c0-16-12.8-28.8-28.8-28.8H672c-19.2 0-32 12.8-32 28.8v89.6h-240V60.8c0-16-12.8-28.8-28.8-28.8H310.4c-16 0-28.8 12.8-28.8 28.8v89.6H131.2C80 153.6 38.4 192 38.4 240v89.6H992V240c0-48-35.2-86.4-83.2-86.4z" p-id="19107"></path></svg>

frontend/src/assets/icons/delete.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>delete</title>
+<g id="delete">
+	<g id="形状" transform="translate(1.000000, 1.000000)">
+		<path class="st0" d="M19.4,0c0.8,0,1.6,0.7,1.7,1.5l0.4,2.7h7.2c0.7,0,1.3,0.6,1.3,1.2s-0.6,1.2-1.3,1.2h-2.5v20
+			c0,0.8-0.4,1.7-1,2.4c-0.7,0.7-1.5,0.9-2.4,0.9H7.3c-0.9,0-1.8-0.4-2.4-0.9c-0.7-0.7-1-1.5-1-2.4v-20H1.3C0.6,6.7,0,6.1,0,5.5
+			s0.6-1.2,1.3-1.2h7.1V4.1l0.4-2.7C8.9,0.7,9.6,0,10.5,0H19.4z M18.3,11.2c-0.8,0-1.4,0.6-1.4,1.4l0,0V23c0,0.8,0.6,1.4,1.4,1.4
+			s1.4-0.6,1.4-1.4l0,0V12.7C19.7,11.9,19.1,11.2,18.3,11.2z M11.7,11.2c-0.8,0-1.4,0.6-1.4,1.4l0,0V23c0,0.8,0.6,1.4,1.4,1.4
+			s1.4-0.6,1.4-1.4l0,0V12.7C13.1,11.9,12.5,11.2,11.7,11.2z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/description.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1719975260555" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16923" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 32C249.6 32 32 246.4 32 512s217.6 480 480 480 480-214.4 480-480S777.6 32 512 32z m-32 755.2c-19.2 0-35.2-16-35.2-35.2v-275.2c0-19.2 16-35.2 35.2-35.2h67.2c19.2 0 35.2 16 35.2 35.2v275.2c0 19.2-16 35.2-35.2 35.2H480z m0-412.8c-19.2 0-35.2-16-35.2-35.2V272c0-19.2 16-35.2 35.2-35.2h67.2c19.2 0 35.2 16 35.2 35.2v67.2c0 19.2-16 35.2-35.2 35.2H480z" p-id="16924"></path></svg>

frontend/src/assets/icons/double-arrow-down.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>unfold</title>
+<g id="unfold">
+	<path id="形状结合" class="st0" d="M16,17.6c0.3,0,0.7-0.1,0.9-0.4l10.7-11c0.5-0.5,0.5-1.4,0-1.9c-0.5-0.5-1.3-0.5-1.8,0
+		l-9.8,10l-9.8-10c-0.5-0.5-1.3-0.5-1.8,0C4.1,4.6,4,5,4,5.3C4,5.7,4.1,6,4.4,6.3l10.7,11C15.3,17.5,15.7,17.6,16,17.6z M16,28
+		c0.3,0,0.7-0.1,0.9-0.4l10.7-11c0.5-0.5,0.5-1.4,0-1.9c-0.5-0.5-1.3-0.5-1.8,0l-9.8,10l-9.8-10c-0.5-0.5-1.3-0.5-1.8,0
+		C4.1,15,4,15.3,4,15.7s0.1,0.7,0.4,0.9l10.7,11C15.3,27.9,15.7,28,16,28z"/>
+</g>
+</svg>

frontend/src/assets/icons/double-arrow-up.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>fold</title>
+<g id="fold">
+	<path id="形状结合" class="st0" d="M16,14.4c0.3,0,0.7,0.1,0.9,0.4l10.7,11c0.5,0.5,0.5,1.4,0,1.9c-0.5,0.5-1.3,0.5-1.8,0
+		l-9.8-10l-9.8,10c-0.5,0.5-1.3,0.5-1.8,0C4.1,27.4,4,27,4,26.7c0-0.4,0.1-0.7,0.4-0.9l10.7-11C15.3,14.5,15.7,14.4,16,14.4z M16,4
+		c0.3,0,0.7,0.1,0.9,0.4l10.7,11c0.5,0.5,0.5,1.4,0,1.9c-0.5,0.5-1.3,0.5-1.8,0L16,7.3l-9.8,10c-0.5,0.5-1.3,0.5-1.8,0
+		C4.1,17,4,16.7,4,16.3c0-0.4,0.1-0.7,0.4-0.9l10.7-11C15.3,4.1,15.7,4,16,4z"/>
+</g>
+</svg>

frontend/src/assets/icons/download.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M5,22v5h22v-5h3v6c0,1.1-0.8,1.9-1.8,2H4c-1.1,0-2-0.9-2-2v-6H5z M17.5,2v17.3l4.9-4.7l2.5,2.4l-8.7,8.4L7.5,17
+	l2.5-2.4l4.5,4.3V2H17.5z"/>
+</svg>

frontend/src/assets/icons/drag.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721886218121" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18903" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M256 96h192v192H256V96z m320 0h192v192h-192V96z m0 320h192v192h-192v-192zM256 416h192v192H256v-192z m0 320h192v192H256v-192z m320 0h192v192h-192v-192z" p-id="18904"></path></svg>

frontend/src/assets/icons/drop-down.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718865209281" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15526" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M566.4 806.4l374.4-470.4c44.8-54.4 9.6-144-54.4-144H137.6c-64 0-99.2 86.4-54.4 144l374.4 470.4c28.8 35.2 80 35.2 108.8 0z" p-id="15527"></path></svg>

frontend/src/assets/icons/edit.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<path class="st0" d="M21.6,8l4.4,4.4c0.2,0.2,0.2,0.5,0,0.7L15.3,23.7l-4.5,0.5c-0.6,0.1-1.1-0.4-1-1l0.5-4.5L20.9,8
+	C21.1,7.9,21.4,7.9,21.6,8z M29.4,6.9L27,4.5c-0.7-0.7-1.9-0.7-2.7,0l-1.7,1.7c-0.2,0.2-0.2,0.5,0,0.7l4.4,4.4
+	c0.2,0.2,0.5,0.2,0.7,0l1.7-1.7C30.2,8.9,30.2,7.7,29.4,6.9z M20.7,20.8v4.9H5.1V10.2h11.2c0.2,0,0.3-0.1,0.4-0.2l1.9-1.9
+	c0.4-0.4,0.1-1-0.4-1H4.3C3,7.1,2,8.2,2,9.4v17.1c0,1.3,1,2.3,2.3,2.3h17.1c1.3,0,2.3-1,2.3-2.3v-7.7c0-0.5-0.6-0.8-1-0.4l-1.9,1.9
+	C20.7,20.5,20.7,20.7,20.7,20.8z"/>
+</svg>

frontend/src/assets/icons/exclamation-circle.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718873403625" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17942" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 32c87.584 0 168.16 21.024 241.76 63.04a467.136 467.136 0 0 1 175.168 175.2C970.976 343.84 992 424.416 992 512s-21.024 168.16-63.04 241.76a467.136 467.136 0 0 1-175.2 175.168C680.16 970.976 599.584 992 512 992s-168.16-21.024-241.76-63.04a467.136 467.136 0 0 1-175.168-175.2C53.024 680.16 32 599.584 32 512s21.024-168.16 63.04-241.76a467.136 467.136 0 0 1 175.2-175.168C343.84 53.024 424.416 32 512 32z m80.576 781.312v-119.136c0-7.008-3.52-10.496-7.008-14.016-3.52-3.488-7.008-7.008-14.016-7.008H452.48c-7.04 0-10.528 3.52-14.016 7.04-3.52 3.488-7.04 10.496-7.04 13.984v119.136c0 7.008 3.52 10.528 7.04 14.016 3.52 3.52 10.496 7.008 14.016 7.008h119.104c7.04 0 10.528-3.52 14.016-7.008 3.52-3.52 7.04-10.496 7.04-14.016z m-3.52-217.216l10.56-388.928c0-3.488-3.52-7.008-7.04-10.496-3.52-3.52-10.496-3.52-14.016-3.52h-136.64c-7.008 0-10.496 0-14.016 3.52-3.52 3.52-7.008 7.008-7.008 10.496l10.528 388.928c0 3.52 3.52 7.008 7.008 10.496 3.52 3.52 10.496 3.52 14.016 3.52h115.616c7.008 0 10.496 0 14.016-3.52 7.008-3.52 7.008-7.008 7.008-10.496z" p-id="17943"></path></svg>

frontend/src/assets/icons/exclamation-triangle.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718873396854" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17800" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M579.168 800v-102.016c0-5.984-3.008-8.96-6.016-12-3.008-2.976-5.984-5.984-12-5.984H459.2c-6.016 0-9.024 3.008-12 6.016-3.008 2.976-6.016 8.96-6.016 12V800c0 6.016 3.008 8.992 6.016 12 2.976 3.008 5.984 6.016 12 6.016h101.984c6.016 0 8.992-3.008 12-6.016 3.008-3.008 6.016-8.992 6.016-12z m-3.008-200.992l8.992-246.016c0-3.008-3.008-8.992-5.984-8.992-6.016-3.008-9.024-6.016-12-6.016h-117.024c-2.976 0-8.96 3.008-12 6.016-2.976 3.008-5.984 6.016-5.984 12l8.992 246.016c0 2.976 3.008 5.984 6.016 8.96 2.976 3.04 8.96 3.04 12 3.04h98.976c6.016 0 9.024 0 12-3.008 3.008-3.008 6.016-9.024 6.016-12z m-6.016-501.024l411.008 753.024c12 24 12 44.992 0 65.984a91.296 91.296 0 0 1-24 24c-12 6.016-20.992 9.024-32.992 9.024H99.168c-12 0-24-3.008-33.024-9.024a91.296 91.296 0 0 1-24-24c-12-24-14.976-44.992 0-65.984l408-753.024c6.016-11.968 15.04-20.992 24-26.976 12-6.016 24-8.992 36-8.992s24 2.976 36 8.96c12 6.016 18.016 15.04 24 27.04z" p-id="17801"></path></svg>

frontend/src/assets/icons/expand.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718865250054" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15952" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M681.6 227.2h-64c-35.2 0-64-28.8-64-64V128c0-35.2 28.8-64 64-64H960v342.4c0 35.2-28.8 64-64 64h-35.2c-35.2 0-64-28.8-64-64v-64l-195.2 195.2-115.2-115.2 195.2-195.2zM342.4 796.8h64c35.2 0 64 28.8 64 64V896c0 35.2-28.8 64-64 64H64V617.6c0-35.2 28.8-64 64-64h35.2c35.2 0 64 28.8 64 64v64l195.2-195.2 115.2 115.2-195.2 195.2z" p-id="15953"></path></svg>

frontend/src/assets/icons/eye-slash.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720504436505" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6548" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M80.91936 102.4l156.8 124.8C311.31936 169.6 400.91936 128 512.91936 128c134.4 0 243.2 64 320 137.6 76.8 73.6 131.2 163.2 153.6 224 6.4 12.8 6.4 28.8 0 41.6-22.4 51.2-64 124.8-124.8 192l140.8 112c19.2 16 22.4 44.8 6.4 67.2-16 19.2-48 22.4-67.2 6.4l-928-736C-2.28064 160-5.48064 128 10.51936 108.8s48-22.4 70.4-6.4z m32 256L186.51936 416C160.91936 454.4 141.71936 486.4 128.91936 515.2c22.4 51.2 64 121.6 128 179.2 67.2 64 153.6 112 256 112 44.8 0 86.4-9.6 124.8-22.4l76.8 64c-57.6 32-124.8 51.2-201.6 51.2-134.4 0-243.2-64-320-137.6-76.8-73.6-131.2-163.2-153.6-224-6.4-12.8-6.4-28.8 0-41.6 12.8-41.6 38.4-89.6 73.6-137.6z m185.6 150.4l112 89.6c12.8 16 25.6 25.6 44.8 35.2l112 89.6c-16 3.2-35.2 6.4-51.2 6.4-121.6 3.2-217.6-96-217.6-220.8zM512.91936 224c-76.8 0-144 25.6-198.4 64l67.2 51.2c35.2-28.8 80-48 131.2-48 118.4 0 214.4 99.2 214.4 220.8 0 32-6.4 60.8-19.2 89.6l86.4 70.4c48-54.4 83.2-112 102.4-153.6-22.4-51.2-64-121.6-128-179.2C704.91936 272 618.51936 224 512.91936 224z m0 150.4h-3.2c3.2 9.6 3.2 19.2 3.2 28.8 0 12.8-3.2 25.6-6.4 38.4l134.4 108.8c3.2-12.8 3.2-22.4 3.2-35.2 3.2-80-57.6-140.8-131.2-140.8z" p-id="6549"></path></svg>

frontend/src/assets/icons/face-recognition-view.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>photos-classfied-by-people</title>
+<g id="photos-classfied-by-people">
+	<path id="形状" class="st0" d="M13.7,17.5c1.4,0.8,3.1,0.8,4.5,0s2.3-2.3,2.3-3.9c0-2.5-2-4.5-4.5-4.5s-4.5,2-4.5,4.5
+		C11.5,15.2,12.3,16.7,13.7,17.5z M26,25.8c0,1.6-4.5,3.9-9.3,4C11.5,29.8,6,27.5,6,25.8c0-3.3,4.5-5.3,10-5.3S26,22.5,26,25.8z"/>
+	<path id="形状结合" class="st0" d="M16,0c8.8,0,16,7.2,16,16s-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0z M16,3C8.8,3,3,8.8,3,16
+		s5.8,13,13,13s13-5.8,13-13S23.2,3,16,3z"/>
+</g>
+</svg>

frontend/src/assets/icons/file.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>file</title>
+<g id="file">
+	<g transform="translate(4.000000, 1.000000)">
+		<path id="形状" class="st0" d="M20,30H4c-2.3,0-4-1.8-4-4.1V4.1C0,1.8,1.7,0,4,0h9.3c0.4,0,0.7,0.1,0.9,0.4l9.3,9.5
+			c0.3,0.3,0.4,0.5,0.4,1v15C24,28.2,22.3,30,20,30z M4.3,3C3.5,3,3,3.5,3,4.3v21.3C3,26.5,3.5,27,4.3,27h15.4
+			c0.8,0,1.3-0.5,1.3-1.3V11.5L12.8,3H4.3z"/>
+		<path id="路径" class="st0" d="M21.7,13h-9.3c-0.8,0-1.3-0.5-1.3-1.3V2.3C11,1.5,11.5,1,12.3,1s1.3,0.5,1.3,1.3v8h8
+			c0.8,0,1.3,0.5,1.3,1.3S22.5,13,21.7,13L21.7,13z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/files.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>files</title>
+<g id="files">
+	<g id="file" transform="translate(4.000000, 1.000000)">
+		<path id="形状" class="st0" d="M20,30H4c-2.3,0-4-1.8-4-4.1V4.1C0,1.8,1.7,0,4,0h9.3c0.4,0,0.7,0.1,0.9,0.4l9.3,9.5
+			c0.3,0.3,0.4,0.5,0.4,1v15C24,28.2,22.3,30,20,30z M4.3,3C3.5,3,3,3.5,3,4.3v21.3C3,26.5,3.5,27,4.3,27h15.4
+			c0.8,0,1.3-0.5,1.3-1.3V11.5L12.8,3H4.3z"/>
+		<path id="路径" class="st0" d="M21.7,13h-9.3c-0.8,0-1.3-0.5-1.3-1.3V2.3C11,1.5,11.5,1,12.3,1s1.3,0.5,1.3,1.3v8h8
+			c0.8,0,1.3,0.5,1.3,1.3S22.5,13,21.7,13L21.7,13z"/>
+		<path id="矩形" class="st0" d="M7.5,16h9c0.8,0,1.5,0.7,1.5,1.5l0,0c0,0.8-0.7,1.5-1.5,1.5h-9C6.7,19,6,18.3,6,17.5l0,0
+			C6,16.7,6.7,16,7.5,16z"/>
+		<path id="矩形备份" class="st0" d="M7.5,21h9c0.8,0,1.5,0.7,1.5,1.5l0,0c0,0.8-0.7,1.5-1.5,1.5h-9C6.7,24,6,23.3,6,22.5l0,0
+			C6,21.7,6.7,21,7.5,21z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/filter-circled.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>filter-circled</title>
+<g id="filter-circled">
+	<path id="形状结合" class="st0" d="M16,1c8.3,0,15,6.7,15,15s-6.7,15-15,15S1,24.3,1,16S7.7,1,16,1z M16,4C9.4,4,4,9.4,4,16
+		s5.4,12,12,12s12-5.4,12-12S22.6,4,16,4z M20,20c0.6,0,1,0.4,1,1s-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1s0.4-1,1-1H20z M22,15
+		c0.6,0,1,0.4,1,1s-0.4,1-1,1H10c-0.6,0-1-0.4-1-1s0.4-1,1-1H22z M24,10c0.6,0,1,0.4,1,1s-0.4,1-1,1H8c-0.6,0-1-0.4-1-1s0.4-1,1-1
+		H24z"/>
+</g>
+</svg>

frontend/src/assets/icons/filter.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720504407707" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6260" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M617.6 736c28.8 0 54.4 22.4 54.4 48s-22.4 48-54.4 48h-214.4c-28.8 0-54.4-22.4-54.4-48s22.4-48 54.4-48h214.4z m169.6-272c25.6 0 44.8 22.4 44.8 48s-19.2 48-44.8 48H236.8c-25.6 0-44.8-22.4-44.8-48s19.2-48 44.8-48h550.4z m236.8-224c0 25.6-22.4 48-48 48h-928C22.4 288 0 265.6 0 240S22.4 192 48 192h931.2c22.4 0 44.8 22.4 44.8 48z" p-id="6261"></path></svg>

frontend/src/assets/icons/flag.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1725264916838" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15882" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M246.4 899.2c0 32-25.6 60.8-60.8 60.8S128 934.4 128 899.2V124.8C128 89.6 153.6 64 188.8 64s60.8 25.6 60.8 60.8v28.8c60.8-28.8 124.8-41.6 192-41.6 102.4 0 134.4 48 224 41.6 41.6-3.2 99.2-22.4 150.4-48 16-9.6 48-12.8 89.6-12.8v566.4c-70.4 19.2-140.8 28.8-211.2 28.8-60.8 0-115.2-28.8-208-28.8-73.6 0-131.2 38.4-179.2 51.2-12.8 3.2-32 6.4-57.6 9.6v179.2z" p-id="15883"></path></svg>

frontend/src/assets/icons/folder.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1719816737147" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4110" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M448 224H160c-16 0-32 9.6-32 32v512c0 16 16 32 32 32h704c16 0 32-16 32-32V368c0-16-16-28.8-32-28.8h-304c-9.6 0-16-6.4-19.2-9.6L448 224z m144 22.4H896c54.4 0 96 41.6 96 96V800c0 54.4-41.6 96-96 96H128c-54.4 0-96-41.6-96-96V224c0-54.4 41.6-96 96-96h345.6c9.6 0 16 6.4 22.4 9.6l96 108.8z" p-id="4111"></path></svg>

frontend/src/assets/icons/folders.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>folders</title>
+<g id="folders">
+	<g id="形状结合" transform="translate(1.000000, 3.000000)">
+		<path class="st0" d="M28.6,8.4C29.4,8.4,30,9,30,9.7l0,0l-2.7,15.2v0c0,0.4-0.2,0.7-0.4,1c-0.3,0.3-0.6,0.4-1,0.4l0,0H3.2
+			c-0.7,0-1.4-0.6-1.4-1.3l0,0L4.6,9.8v0c0-0.4,0.2-0.7,0.4-1c0.3-0.3,0.6-0.4,1-0.4l0,0H28.6z M9.9,0l2.5,2.6h12.4
+			c0.9,0,1.7,0.8,1.7,1.8l0,0v2.2h-22c-1,0-1.8,0.8-1.8,1.8l0,0L0,23V1.8C0,0.8,0.7,0,1.7,0l0,0H9.9z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/fork-number.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718875410271" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18084" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M611.2 512l300.8-300.8c28.8-28.8 28.8-73.6 0-99.2s-73.6-28.8-99.2 0L512 412.8 211.2 112c-28.8-28.8-73.6-28.8-99.2 0s-28.8 73.6 0 99.2l300.8 300.8-300.8 300.8c-28.8 28.8-28.8 73.6 0 99.2 28.8 25.6 73.6 28.8 99.2 0l300.8-300.8 300.8 300.8c28.8 28.8 73.6 28.8 99.2 0 28.8-28.8 28.8-73.6 0-99.2L611.2 512z" p-id="18085"></path></svg>

frontend/src/assets/icons/group.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720504411375" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6402" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M928 64c35.2 0 64 28.8 64 64v768c0 35.2-28.8 64-64 64H96c-35.2 0-64-28.8-64-64V128c0-35.2 28.8-64 64-64h832z m-32 96H128v704h768V160z" p-id="6403"></path><path d="M304 368m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6404"></path><path d="M496 320h256c25.6 0 48 22.4 48 48S777.6 416 752 416h-256C470.4 416 448 393.6 448 368S470.4 320 496 320z" p-id="6405"></path><path d="M304 656m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6406"></path><path d="M496 608h256c25.6 0 48 22.4 48 48S777.6 704 752 704h-256C470.4 704 448 681.6 448 656S470.4 608 496 608z" p-id="6407"></path></svg>

frontend/src/assets/icons/hide.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720664615026" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6260" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M80.91936 102.4l156.8 124.8C311.31936 169.6 400.91936 128 512.91936 128c134.4 0 243.2 64 320 137.6 76.8 73.6 131.2 163.2 153.6 224 6.4 12.8 6.4 28.8 0 41.6-22.4 51.2-64 124.8-124.8 192l140.8 112c19.2 16 22.4 44.8 6.4 67.2-16 19.2-48 22.4-67.2 6.4l-928-736C-2.28064 160-5.48064 128 10.51936 108.8s48-22.4 70.4-6.4z m32 256L186.51936 416C160.91936 454.4 141.71936 486.4 128.91936 515.2c22.4 51.2 64 121.6 128 179.2 67.2 64 153.6 112 256 112 44.8 0 86.4-9.6 124.8-22.4l76.8 64c-57.6 32-124.8 51.2-201.6 51.2-134.4 0-243.2-64-320-137.6-76.8-73.6-131.2-163.2-153.6-224-6.4-12.8-6.4-28.8 0-41.6 12.8-41.6 38.4-89.6 73.6-137.6z m185.6 150.4l112 89.6c12.8 16 25.6 25.6 44.8 35.2l112 89.6c-16 3.2-35.2 6.4-51.2 6.4-121.6 3.2-217.6-96-217.6-220.8zM512.91936 224c-76.8 0-144 25.6-198.4 64l67.2 51.2c35.2-28.8 80-48 131.2-48 118.4 0 214.4 99.2 214.4 220.8 0 32-6.4 60.8-19.2 89.6l86.4 70.4c48-54.4 83.2-112 102.4-153.6-22.4-51.2-64-121.6-128-179.2C704.91936 272 618.51936 224 512.91936 224z m0 150.4h-3.2c3.2 9.6 3.2 19.2 3.2 28.8 0 12.8-3.2 25.6-6.4 38.4l134.4 108.8c3.2-12.8 3.2-22.4 3.2-35.2 3.2-80-57.6-140.8-131.2-140.8z" p-id="6261"></path></svg>

frontend/src/assets/icons/image.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1719816786766" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4538" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M896 256v512c0 19.2-12.8 32-32 32H160c-19.2 0-32-12.8-32-32V256c0-19.2 12.8-32 32-32h704c19.2 0 32 12.8 32 32zM32 224v576c0 54.4 41.6 96 96 96h768c54.4 0 96-41.6 96-96V224c0-54.4-41.6-96-96-96H128C73.6 128 32 169.6 32 224z m563.2 224c12.8 0 25.6 6.4 32 16L864 736H160l140.8-172.8c6.4-9.6 19.2-16 32-16s25.6 6.4 32 16l51.2 67.2 144-169.6c9.6-6.4 22.4-12.8 35.2-12.8zM300.8 275.2c32 0 60.8 16 76.8 44.8 16 28.8 16 60.8 0 89.6-16 28.8-44.8 44.8-76.8 44.8-51.2 0-89.6-41.6-89.6-89.6s41.6-89.6 89.6-89.6z" p-id="4539"></path></svg>

frontend/src/assets/icons/info.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M16,0c8.8,0,16,7.2,16,16s-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0z M16,3C8.8,3,3,8.8,3,16s5.8,13,13,13
+	s13-5.8,13-13c0-3.4-1.4-6.8-3.8-9.2S19.4,3,16,3z M17,14c0.6,0,1,0.4,1,1v8c0,0.6-0.4,1-1,1h-2c-0.6,0-1-0.4-1-1v-8
+	c0-0.6,0.4-1,1-1H17z"/>
+<circle class="st0" cx="16" cy="9.4" r="2"/>
+</svg>

frontend/src/assets/icons/kanban.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>Kanban</title>
+<g id="Kanban">
+	<path id="形状" class="st0" d="M28,2c1.7,0,3,1.3,3,3v15c0,1.7-1.3,3-3,3h-5v4c0,1.7-1.3,3-3,3h-8c-1.7,0-3-1.3-3-3V17H4
+		c-1.7,0-3-1.3-3-3V5c0-1.7,1.3-3,3-3H28z M20,5h-8v22h8V5z M28,5h-5v15h5V5z M9,5H4v9h5V5z"/>
+</g>
+</svg>

frontend/src/assets/icons/left_arrow.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="48" height="48" title="view-back"><title id="title">view-back</title><g><path d="M19.768,23.89c0.354,-0.424 0.296,-1.055 -0.128,-1.408c-1.645,-1.377 -5.465,-4.762 -6.774,-6.482c1.331,-1.749 5.1,-5.085 6.774,-6.482c0.424,-0.353 0.482,-0.984 0.128,-1.408c-0.353,-0.425 -0.984,-0.482 -1.409,-0.128c-1.839,1.532 -5.799,4.993 -7.2,6.964c-0.219,0.312 -0.409,0.664 -0.409,1.054c0,0.39 0.19,0.742 0.409,1.053c1.373,1.932 5.399,5.462 7.2,6.964l0.001,0.001c0.424,0.354 1.055,0.296 1.408,-0.128Z"></path></g></svg>

frontend/src/assets/icons/like.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1725264909280" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15598" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M240 137.6c-41.6 16-57.6 25.6-89.6 54.4-35.2 35.2-57.6 70.4-73.6 118.4-12.8 38.4-12.8 48-12.8 99.2 0 41.6 6.4 67.2 12.8 89.6 38.4 112 166.4 262.4 361.6 422.4 60.8 51.2 70.4 51.2 115.2 19.2 86.4-67.2 249.6-220.8 300.8-288 70.4-92.8 102.4-169.6 102.4-246.4 0-153.6-108.8-275.2-246.4-275.2-70.4 0-118.4 19.2-169.6 67.2l-32 32-32-32C425.6 147.2 380.8 128 307.2 128c-25.6 0-51.2 3.2-67.2 9.6z" p-id="15599"></path></svg>

frontend/src/assets/icons/link.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1730788276176" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15486" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M108.8 768h816c38.4 0 67.2 35.2 67.2 80s-28.8 76.8-67.2 80H108.8c-38.4 0-67.2-35.2-67.2-80s32-80 67.2-80zM924.8 256H108.8C70.4 256 41.6 220.8 41.6 176S73.6 96 108.8 96h816C963.2 96 992 131.2 992 176S963.2 256 924.8 256z m-432 176h409.6c38.4 0 67.2 35.2 67.2 80s-28.8 80-67.2 80H492.8c-38.4 0-67.2-35.2-67.2-80s28.8-80 67.2-80z m-195.2 105.6L128 630.4c-28.8 19.2-67.2-6.4-67.2-38.4v-185.6c0-35.2 38.4-54.4 67.2-38.4l169.6 92.8c28.8 12.8 28.8 60.8 0 76.8z" p-id="15487"></path></svg>

frontend/src/assets/icons/linkage.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721785626655" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19045" xmlns:xlink="http://www.w3.org/1999/xlink" width="200.1953125" height="200"><path d="M0 681.6c0 92.8 76.8 169.6 169.6 169.6h41.6v-41.6H169.6c-70.4 0-128-57.6-128-128s57.6-128 128-128h41.6V512H169.6c-44.8 0-89.6 19.2-121.6 51.2S0 636.8 0 681.6zM681.6 416H339.2C294.4 416 256 460.8 256 512s38.4 96 83.2 96h342.4c32 0 60.8-19.2 73.6-48 16-28.8 16-67.2 0-96S713.6 416 681.6 416z m3.2 320H342.4C294.4 736 256 777.6 256 832s38.4 96 86.4 96h342.4c48 0 83.2-44.8 83.2-96s-38.4-96-83.2-96z m-3.2-640H342.4C294.4 96 256 137.6 256 192s38.4 96 86.4 96h339.2c32 0 60.8-19.2 73.6-48 16-28.8 16-67.2 0-96-12.8-28.8-41.6-48-73.6-48z m172.8 73.6h-41.6v41.6h41.6c35.2 0 67.2 12.8 89.6 38.4 25.6 25.6 38.4 57.6 38.4 89.6 0 35.2-12.8 67.2-38.4 89.6-25.6 25.6-57.6 38.4-89.6 38.4h-41.6V512h41.6c60.8 0 118.4-32 147.2-86.4 32-54.4 32-118.4 0-169.6-32-54.4-86.4-86.4-147.2-86.4z" p-id="19046"></path></svg>

frontend/src/assets/icons/location.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721898242394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18903" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M518.4 32C316.8 32 153.6 192 153.6 390.4c0 156.8 224 454.4 320 582.4 9.6 12.8 25.6 22.4 41.6 22.4 19.2 0 32-9.6 41.6-22.4 96-124.8 320-425.6 320-582.4C880 192 720 32 518.4 32z m0 486.4c-86.4 0-156.8-70.4-156.8-153.6s70.4-153.6 156.8-153.6 156.8 70.4 156.8 153.6c0 86.4-70.4 153.6-156.8 153.6z" p-id="18904"></path></svg>

frontend/src/assets/icons/lock.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>lock</title>
+<g id="lock">
+	<path id="形状结合" class="st0" d="M16,0c4.6,0,8,4,8,9v3h1.3c2,0,3.7,1.8,3.7,4v12c0,2.2-1.7,4-3.7,4H6.7c-2,0-3.7-1.8-3.7-4
+		V16c0-2.2,1.7-4,3.7-4H8V9C8,4,11.4,0,16,0z M25,15H7c-0.6,0-1,0.4-1,1v12c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1V16
+		C26,15.4,25.6,15,25,15z M16,3c-2.8,0-5,2.5-5,5.6V12h10V8.6C21,5.5,18.8,3,16,3z"/>
+</g>
+</svg>

frontend/src/assets/icons/long-text.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721027943060" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19390" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M173.856698 465.744548l-35.090343 92.510904c-9.570093 28.71028-41.470405 41.470405-70.180685 31.900311-28.71028-9.570093-41.470405-41.470405-31.900312-70.180685L221.707165 38.280374c0-3.190031 0-3.190031 3.190031-6.380062 6.380062-12.760125 15.950156-22.330218 28.710281-25.52025H256.797508c0-3.190031 6.380062-6.380062 12.760124-6.380062s15.950156 0 22.330218 3.190031c12.760125 6.380062 22.330218 15.950156 28.710281 25.520249 0 3.190031 3.190031 6.380062 3.190031 6.380063l204.161994 488.074766c9.570093 25.520249 0 57.420561-28.710281 66.990654h-3.190031c-28.71028 9.570093-60.610592-3.190031-73.370716-31.900311l-38.280374-95.700935H173.856698z m44.660436-118.031152h118.031153L275.937695 200.971963l-57.420561 146.741433zM639.601246 290.292835h191.401869c35.090343 0 63.800623 28.71028 63.800623 63.800623s-28.71028 63.800623-63.800623 63.800623h-191.401869c-35.090343 0-63.800623-28.71028-63.800623-63.800623s28.71028-63.800623 63.800623-63.800623z m0 191.401869h287.102804c35.090343 0 63.800623 28.71028 63.800623 63.800623s-28.71028 63.800623-63.800623 63.800623h-287.102804c-35.090343 0-63.800623-28.71028-63.800623-63.800623s28.71028-63.800623 63.800623-63.800623zM97.29595 673.096573h829.4081c35.090343 0 63.800623 28.71028 63.800623 63.800623s-28.71028 63.800623-63.800623 63.800623H97.29595c-35.090343 0-63.800623-28.71028-63.800623-63.800623s28.71028-63.800623 63.800623-63.800623z m0 191.401869h669.906542c35.090343 0 63.800623 28.71028 63.800623 63.800623s-28.71028 63.800623-63.800623 63.800623H97.29595c-35.090343 0-63.800623-28.71028-63.800623-63.800623s28.71028-63.800623 63.800623-63.800623z" p-id="19391"></path></svg>

frontend/src/assets/icons/main-view.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>main-view</title>
+<desc>Created with Sketch.</desc>
+<g id="Symbols">
+	<g id="main-view">
+		<g id="形状结合" transform="translate(1.071429, 1.071429)">
+			<path class="st0" d="M2,0h26c1.1,0,2,0.9,2,2v26c0,1.1-0.9,2-2,2H2c-1.1,0-2-0.9-2-2V2C0,0.9,0.9,0,2,0z M4.7,3.2
+				c-0.8,0-1.5,0.7-1.5,1.5v1.7c0,0.8,0.7,1.5,1.5,1.5h4.9c0.8,0,1.5-0.7,1.5-1.5V4.7c0-0.8-0.7-1.5-1.5-1.5H4.7z M4.7,11.1
+				c-0.8,0-1.5,0.7-1.5,1.5v3.3c0,0.8,0.7,1.5,1.5,1.5h4.9c0.8,0,1.5-0.7,1.5-1.5v-3.3c0-0.8-0.7-1.5-1.5-1.5H4.7z M4.7,20.5
+				c-0.8,0-1.5,0.7-1.5,1.5v3.3c0,0.8,0.7,1.5,1.5,1.5h4.9c0.8,0,1.5-0.7,1.5-1.5V22c0-0.8-0.7-1.5-1.5-1.5H4.7z M14.1,11.1
+				c-0.8,0-1.5,0.7-1.5,1.5v3.3c0,0.8,0.7,1.5,1.5,1.5h11.2c0.8,0,1.5-0.7,1.5-1.5v-3.3c0-0.8-0.7-1.5-1.5-1.5H14.1z M14.1,20.5
+				c-0.8,0-1.5,0.7-1.5,1.5v3.3c0,0.8,0.7,1.5,1.5,1.5h11.2c0.8,0,1.5-0.7,1.5-1.5V22c0-0.8-0.7-1.5-1.5-1.5H14.1z M14.1,3.2
+				c-0.8,0-1.5,0.7-1.5,1.5v1.7c0,0.8,0.7,1.5,1.5,1.5h11.2c0.8,0,1.5-0.7,1.5-1.5V4.7c0-0.8-0.7-1.5-1.5-1.5H14.1z"/>
+		</g>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/map.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>map</title>
+<g id="map">
+	<g id="形状结合" transform="translate(1.000000, 1.000000)">
+		<path class="st0" d="M29.5,6.8C29.8,7,30,7.4,30,7.8v17.6c0,0.5-0.3,1-0.8,1.2l-8.8,3.3c-0.3,0.1-0.6,0.1-0.8,0L10,26.7l-8.3,3.2
+			c-0.4,0.1-0.8,0.1-1.2-0.1c-0.3-0.2-0.5-0.6-0.5-1V11.2c0-0.5,0.3-1,0.8-1.2l4-1.5c-0.2,1.1-0.2,2.3,0,3.4l-2,0.9v13.4l5.6-2.4
+			l0-5.4l2.8,3.5v2.7l7.5,2.5v-5.2l2.8-3.5l0,8l5.6-2.2V10.4l-1.9,0.8c0.1-1.1,0.1-2.2-0.2-3.3l3.2-1.2C28.7,6.5,29.1,6.6,29.5,6.8z
+			 M8.3,2.7c3.7-3.6,9.6-3.6,13.3,0c3.3,3.1,3.7,8,1.1,11.7l-6.2,7.7c-0.1,0.1-0.2,0.2-0.3,0.3c-0.9,0.7-2.1,0.6-2.8-0.3l-6.1-7.6
+			C4.7,10.8,5.2,5.9,8.3,2.7z M19.4,4.8c-2.4-2.2-6.4-2.2-8.8,0c-2.2,2-2.4,5.1-0.7,7.4l4.1,5.5c0.5,0.7,1.5,0.7,2,0l4.1-5.5
+			C21.8,9.9,21.6,6.8,19.4,4.8z M15,5c2.2,0,4,1.8,4,4c0,1.4-0.8,2.7-2,3.5s-2.8,0.7-4,0s-2-2-2-3.5C11,6.8,12.8,5,15,5z M15,8
+			c-0.6,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1S15.6,8,15,8z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/markdown.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1719816754372" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4252" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M768 992H256c-73.6 0-128-57.6-128-131.2V163.2C128 89.6 182.4 32 256 32h297.6c12.8 0 22.4 3.2 28.8 12.8l297.6 304c9.6 9.6 12.8 16 12.8 32v480C896 934.4 841.6 992 768 992zM265.6 128C240 128 224 144 224 169.6v681.6c0 28.8 16 44.8 41.6 44.8h492.8c25.6 0 41.6-16 41.6-41.6V400L537.6 128H265.6z" p-id="4253"></path><path d="M822.4 448h-297.6c-25.6 0-41.6-16-41.6-41.6V105.6c-3.2-25.6 12.8-41.6 38.4-41.6s41.6 16 41.6 41.6v256h256c25.6 0 41.6 16 41.6 41.6s-12.8 44.8-38.4 44.8zM368 544h288c25.6 0 48 22.4 48 48s-22.4 48-48 48h-288c-25.6 0-48-22.4-48-48s22.4-48 48-48zM368 704h288c25.6 0 48 22.4 48 48s-22.4 48-48 48h-288c-25.6 0-48-22.4-48-48s22.4-48 48-48z" p-id="4254"></path></svg>

frontend/src/assets/icons/minus_sign.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>jianhao</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="jianhao">
+            <rect id="path2" x="0" y="0" width="16" height="16"></rect>
+            <path d="M12.4117647,7.29411764 L8.5882353,7.29411764 L7.4117647,7.29411764 L3.5882353,7.29411764 C3.23529412,7.29411764 3,7.57647059 3,8 C3,8.42352941 3.23529412,8.70588236 3.5882353,8.70588236 L7.4117647,8.70588236 L8.5882353,8.70588236 L12.4117647,8.70588236 C12.7647059,8.70588236 13,8.42352941 13,8 C13,7.57647059 12.7647059,7.29411764 12.4117647,7.29411764 Z" id="path" fill="#666666" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

frontend/src/assets/icons/more-level.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#929292;}
+</style>
+<title>more</title>
+<desc>Created with Sketch.</desc>
+<g id="more">
+	<path id="形状结合" class="st0" d="M24.3,16c0-2,1.7-3.7,3.7-3.7s3.7,1.7,3.7,3.7S30,19.7,28,19.7S24.3,18,24.3,16z M12,16
+		c0-2,1.7-3.7,3.7-3.7s3.7,1.7,3.7,3.7s-1.7,3.7-3.7,3.7S12,18,12,16z M0,16c0-2,1.3-3.7,3.4-3.7s4,1.7,4,3.7s-1.9,3.7-4,3.7
+		S0,18,0,16z"/>
+</g>
+</svg>

frontend/src/assets/icons/more-vertical.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#929292;}
+</style>
+<title>more</title>
+<desc>Created with Sketch.</desc>
+<g id="more">
+	<path id="形状结合" class="st0" d="M15.7,7.4c-2,0-3.7-1.7-3.7-3.7S13.7,0,15.7,0s3.7,1.7,3.7,3.7S17.7,7.4,15.7,7.4z
+		 M15.7,19.7c-2,0-3.7-1.7-3.7-3.7s1.7-3.7,3.7-3.7s3.7,1.7,3.7,3.7S17.7,19.7,15.7,19.7z M15.7,32c-2,0-3.7-1.7-3.7-3.7
+		s1.7-3.7,3.7-3.7s3.7,1.7,3.7,3.7S17.7,32,15.7,32z"/>
+</g>
+</svg>

frontend/src/assets/icons/move-to.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>move-to</title>
+<g id="move-to-">
+	<g id="export" transform="translate(2.000000, 3.000000)">
+		<path id="形状结合" fill="currentColor" class="st0" d="M10.7,0c0.4,0,0.8,0.1,1.4,0.4c0.7,0.3,1.1,0.7,1.5,1s0.6,0.7,0.8,1
+			c0.2,0.3,0.3,0.5,0.6,0.6c0.2,0.1,0.5,0.2,0.9,0.2h8.5c1,0,1.9,0.3,2.5,0.9C27.5,4.8,28,5.5,28,6.4v16.3c0,1-0.4,1.7-1.1,2.3
+			S25.4,26,24.4,26H3.5c-1.1,0-1.8-0.2-2.5-1c-0.7-0.8-1-1.4-1-2.3l0-10.3c0-0.1,0-0.2,0-0.4l0-8.8l0,0c0-1,0.5-1.6,1.1-2.2
+			C1.8,0.3,2.4,0,3.1,0H10.7z M17.4,9.6c-0.8-0.8-1.6-0.8-2.4,0l0,0l-0.1,0.1c-0.7,0.8-0.6,1.5,0.1,2.3l0,0l1.1,1.1l-8.4,0
+			c-1.1,0-1.7,0.6-1.7,1.7l0,0L6,15c0.1,1,0.6,1.5,1.7,1.5l0,0l8.3,0l-1.1,1.1c-0.8,0.8-0.8,1.6,0,2.4l0,0l0.1,0.1
+			c0.8,0.7,1.5,0.6,2.3-0.1l0,0l3.6-3.6c0.1-0.1,0.3-0.2,0.4-0.3l0,0l0.1-0.1c0.6-0.7,0.6-1.4,0.1-2c-0.1-0.1-0.2-0.2-0.3-0.3l0,0
+			l-0.1-0.1l0,0l0,0L17.4,9.6z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/multiple-select.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723777705850" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15418" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M128 128C73.6 128 32 169.6 32 224s41.6 96 96 96 96-41.6 96-96-41.6-96-96-96zM128 416c-54.4 0-96 41.6-96 96s41.6 96 96 96 96-41.6 96-96-41.6-96-96-96zM128 704c-54.4 0-96 41.6-96 96s41.6 96 96 96 96-41.6 96-96-41.6-96-96-96zM963.2 736H380.8c-16 0-28.8 12.8-28.8 32v64c0 19.2 12.8 32 28.8 32h582.4c16 0 28.8-12.8 28.8-32v-64c0-19.2-12.8-32-28.8-32zM963.2 160H380.8c-16 0-28.8 12.8-28.8 32v64c0 19.2 12.8 32 28.8 32h582.4c16 0 28.8-12.8 28.8-32V192c0-19.2-12.8-32-28.8-32zM963.2 448H380.8c-16 0-28.8 12.8-28.8 32v64c0 19.2 12.8 32 28.8 32h582.4c16 0 28.8-12.8 28.8-32v-64c0-19.2-12.8-32-28.8-32z" p-id="15419"></path></svg>

frontend/src/assets/icons/number.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718865224104" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15668" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M595.2 764.8h-166.4v144c0 44.8-38.4 83.2-83.2 83.2s-83.2-38.4-83.2-83.2v-144H115.2c-44.8 0-83.2-38.4-83.2-83.2s38.4-83.2 83.2-83.2h144v-166.4H115.2C70.4 428.8 32 390.4 32 345.6s38.4-83.2 83.2-83.2h144V115.2C259.2 70.4 297.6 32 345.6 32s83.2 38.4 83.2 83.2v144h166.4V115.2c0-44.8 38.4-83.2 83.2-83.2s83.2 38.4 83.2 83.2v144h144c44.8 0 83.2 38.4 83.2 83.2s-38.4 83.2-83.2 83.2h-144v166.4h144c44.8 0 83.2 38.4 83.2 83.2s-38.4 83.2-83.2 83.2h-144v144c0 44.8-38.4 83.2-83.2 83.2s-83.2-38.4-83.2-83.2v-137.6z m0-169.6v-166.4h-166.4v166.4h166.4z"  p-id="15669"></path></svg>

frontend/src/assets/icons/open-file.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720666076585" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4232" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M403.2 64c22.4 0 44.8 22.4 44.8 48S432 160 403.2 160H160v243.2c0 22.4-22.4 44.8-48 44.8S64 428.8 64 403.2V108.8C64 80 80 64 108.8 64h294.4z m217.6 896c-19.2 0-44.8-22.4-44.8-48s16-48 44.8-48H864v-243.2c0-19.2 22.4-44.8 48-44.8s48 19.2 48 44.8v297.6c0 25.6-16 44.8-44.8 44.8h-294.4zM960 105.6v300.8c0 19.2-22.4 44.8-48 44.8s-48-19.2-48-48V230.4l-208 198.4c-16 16-41.6 9.6-60.8-6.4s-22.4-48-3.2-64L793.6 160h-172.8c-22.4 0-44.8-22.4-44.8-48S592 64 617.6 64H928c16 3.2 28.8 12.8 35.2 35.2v6.4zM64 918.4v-300.8c0-19.2 22.4-41.6 48-41.6s48 16 48 44.8v172.8l208-198.4c16-16 41.6-9.6 60.8 6.4 16 16 22.4 48 3.2 64L230.4 864h172.8c19.2 0 44.8 22.4 44.8 48s-16 48-41.6 48H99.2c-16-3.2-28.8-12.8-35.2-35.2v-6.4z" fill="#999999" p-id="4233"></path></svg>

frontend/src/assets/icons/open-folder.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>folder-open</title>
+<g id="folder-open">
+	<path id="形状" class="st0" d="M29.3,13H27V9.5c0-1.7-1.3-3-3-3h-8.8l0,0L11.6,2H2.7C1.2,2,0,3.5,0,5.2v21.5
+		C0,28.5,1.2,30,2.7,30h22.2c0.9,0,1.8-0.6,2.3-1.5l4.4-10.7C32.7,15.6,31.4,13,29.3,13z M3.5,5h6.8l0,0l3.5,4.5h9.8
+		c0.3,0,0.5,0.2,0.5,0.5v3l0,0H8.5c-0.9,0-1.8,0.6-2.3,1.6L3,22.2V5.5C3,5.2,3.2,5,3.5,5z M24.2,27H5.2c-0.3,0-0.5-0.2-0.5-0.5
+		c0-0.1,0-0.1,0-0.2l3.9-10C8.7,16.1,8.9,16,9.1,16h19.4c0.3,0,0.5,0.2,0.5,0.5c0,0.1,0,0.1,0,0.2l-4.3,10
+		C24.6,26.9,24.4,27,24.2,27z"/>
+</g>
+</svg>

frontend/src/assets/icons/partially-selected.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1722396940366" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15418" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M864 0c89.6 0 160 70.4 160 160v704c0 89.6-70.4 160-160 160H160c-89.6 0-160-70.4-160-160V160c0-89.6 70.4-160 160-160h704z m-96 432H256v160h512v-160z" p-id="15419"></path></svg>

frontend/src/assets/icons/plus_sign.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>jiahao</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="jiahao">
+            <rect id="path2" x="0" y="0" width="16" height="16"></rect>
+            <path d="M12.4117647,7.4117647 L8.5882353,7.4117647 L8.5882353,3.5882353 C8.5882353,3.23529412 8.35294118,3 8,3 C7.64705882,3 7.4117647,3.23529412 7.4117647,3.5882353 L7.4117647,7.4117647 L3.5882353,7.4117647 C3.23529412,7.4117647 3,7.64705882 3,8 C3,8.35294118 3.23529412,8.5882353 3.5882353,8.5882353 L7.4117647,8.5882353 L7.4117647,12.4117647 C7.4117647,12.7647059 7.64705882,13 8,13 C8.35294118,13 8.5882353,12.7647059 8.5882353,12.4117647 L8.5882353,8.5882353 L12.4117647,8.5882353 C12.7647059,8.5882353 13,8.35294118 13,8 C13,7.64705882 12.7647059,7.4117647 12.4117647,7.4117647 Z" id="path" fill="#666666" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

frontend/src/assets/icons/praise.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1725264913178" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15740" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.68 372.416c28.8 0 54.4 12.8 73.6 35.2s25.6 51.2 22.4 76.8l-64 384c-6.4 44.8-48 80-96 80h-444.8v-576c83.2-83.2 102.4-217.6 121.6-249.6 16-32 48-38.4 57.6-38.4 41.6 0 185.6 32 96 288h233.6z m-566.4 0v576h-89.6c-51.2 0-92.8-41.6-96-92.8l-16-384c0-25.6 9.6-51.2 25.6-70.4 19.2-19.2 44.8-28.8 70.4-28.8h105.6z" p-id="15741"></path></svg>

frontend/src/assets/icons/print.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>print</title>
+<g id="print">
+	<path id="形状结合" class="st0" d="M25,1c0.6,0,1,0.4,1,1l0,6h3c1.1,0,2,0.9,2,2v13c0,0.6-0.4,1-1,1h-4v6c0,0.6-0.4,1-1,1H7
+		c-0.6,0-1-0.4-1-1v-6H2c-0.6,0-1-0.4-1-1V10c0-1.1,0.9-2,2-2h3l0-6c0-0.5,0.4-0.9,0.9-1L7,1H25z M23,21H9v7h14V21z M27,11H5
+		c-0.6,0-1,0.4-1,1v8.5C4,20.8,4.2,21,4.5,21H6v-2c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1v2h1.5c0.3,0,0.5-0.2,0.5-0.5V12
+		C28,11.4,27.6,11,27,11z M24.5,13c0.8,0,1.5,0.7,1.5,1.5S25.3,16,24.5,16S23,15.3,23,14.5S23.7,13,24.5,13z M23,4H9l0,4h14L23,4z"
+		/>
+</g>
+</svg>

frontend/src/assets/icons/rate.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1725264000108" class="icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15456" xmlns:xlink="http://www.w3.org/1999/xlink" width="200.390625" height="200"><path d="M537.6 848l214.4 137.6c38.4 25.6 83.2-12.8 76.8-57.6l-57.6-256c-3.2-19.2 3.2-38.4 16-51.2l188.8-169.6c32-32 16-89.6-28.8-92.8l-249.6-22.4c-19.2-3.2-32-12.8-41.6-32l-96-240C540.8 19.2 483.2 19.2 467.2 64l-96 240c-6.4 19.2-25.6 32-41.6 32l-249.6 22.4c-44.8 3.2-64 64-28.8 92.8l188.8 169.6c16 12.8 22.4 32 16 51.2l-60.8 256c-9.6 44.8 35.2 83.2 76.8 57.6l214.4-137.6c19.2-12.8 38.4-12.8 51.2 0z" p-id="15457"></path></svg>

frontend/src/assets/icons/remove-from-folder.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>remove-from-folder</title>
+<g id="remove-from-folder">
+	<g id="export" transform="translate(2.000000, 3.000000)">
+		<path id="形状结合" fill="currentColor" class="st0" d="M10.7,0c0.4,0,0.8,0.1,1.4,0.4c0.7,0.3,1.1,0.7,1.5,1s0.6,0.7,0.8,1
+			c0.2,0.3,0.3,0.5,0.6,0.6c0.2,0.1,0.5,0.2,0.9,0.2h8.5c1,0,1.9,0.3,2.5,0.9C27.5,4.8,28,5.5,28,6.4v16.3c0,1-0.4,1.7-1.1,2.3
+			S25.4,26,24.4,26H3.5c-1.1,0-1.8-0.2-2.5-1c-0.7-0.8-1-1.4-1-2.3l0-10.3c0-0.1,0-0.2,0-0.4l0-8.8l0,0c0-1,0.5-1.6,1.1-2.2
+			C1.8,0.3,2.4,0,3.1,0H10.7z M20,13H8c-1.1,0-2,0.9-2,2s0.9,2,2,2l0,0h12c1.1,0,2-0.9,2-2S21.1,13,20,13L20,13z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/rename.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721788416678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22815" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M796.8 22.4L928 153.6c32 32 32 83.2 0 112L336 864l-265.6 19.2 16-262.4L681.6 22.4c28.8-28.8 86.4-28.8 115.2 0z m-204.8 227.2L182.4 662.4l-6.4 115.2 118.4-9.6L704 358.4l-112-108.8z m147.2-147.2l-80 80L768 291.2l80-80-108.8-108.8zM976 1024h-928C22.4 1024 0 1001.6 0 976S22.4 928 48 928h928c25.6 0 48 22.4 48 48s-22.4 48-48 48z" p-id="22816"></path></svg>

frontend/src/assets/icons/right_arrow.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="48" height="48" title="view-forward"><title id="title">view-forward</title><g><path d="M12.982,23.89c-0.354,-0.424 -0.296,-1.055 0.128,-1.408c1.645,-1.377 5.465,-4.762 6.774,-6.482c-1.331,-1.749 -5.1,-5.085 -6.774,-6.482c-0.424,-0.353 -0.482,-0.984 -0.128,-1.408c0.353,-0.425 0.984,-0.482 1.409,-0.128c1.839,1.532 5.799,4.993 7.2,6.964c0.219,0.312 0.409,0.664 0.409,1.054c0,0.39 -0.19,0.742 -0.409,1.053c-1.373,1.932 -5.399,5.462 -7.2,6.964l-0.001,0.001c-0.424,0.354 -1.055,0.296 -1.408,-0.128Z"></path></g></svg>

frontend/src/assets/icons/rotate.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon-rotate</title>
+    <g id="seafile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon-rotate" transform="translate(8, 8) scale(-1, 1) translate(-8, -8)translate(-0, 0)">
+            <rect id="image2" transform="translate(8, 8) scale(-1, 1) translate(-8, -8)" x="0" y="0" width="16" height="16"></rect>
+            <path d="M13.8526316,16 L4.54736842,16 C3.36370614,16 2.4,15.057073 2.4,13.9003426 L2.4,6.89965737 C2.4,5.74109969 3.36370614,4.8 4.54736842,4.8 L13.8526316,4.8 C15.0362938,4.8 16,5.74292707 16,6.89965737 L16,13.9003426 C16,15.057073 15.0362938,16 13.8526316,16 Z M4.69333334,6.4 C4.31055555,6.4 4,6.69932565 4,7.06652165 L4,13.7334783 C4,14.1006743 4.31055555,14.4 4.69333334,14.4 L13.7066666,14.4 C14.0894445,14.4 14.4,14.1006743 14.4,13.7334783 L14.4,7.06652165 C14.4,6.69932565 14.0894445,6.4 13.7066666,6.4 L4.69333334,6.4 Z" id="image" fill="#666666" fill-rule="nonzero"></path>
+            <g id="group" transform="translate(4.8173, 3.52) scale(-1, 1) translate(-4.8173, -3.52)translate(0.0347, 0)" fill="#666666" fill-rule="nonzero">
+                <path d="M8.87810624,7.04 C8.61343976,7.04 8.36129136,6.88219178 8.24862928,6.61795476 C6.78581083,3.19571838 3.28255715,2.68559414 1.32438325,2.68559414 C0.945266472,2.68559414 0.637681159,2.3699777 0.637681159,1.98279707 C0.637681159,1.59561644 0.945266472,1.28 1.32438325,1.28 C5.22642483,1.28 8.20928696,3.02139535 9.50758312,6.0564511 C9.65958752,6.41243708 9.50043,6.8271424 9.1535024,6.98311564 C9.064088,7.02165021 8.9693088,7.04 8.87810624,7.04 Z" id="path2"></path>
+                <path d="M1.42164886,3.84 C1.29607734,3.84 1.1692245,3.77584105 1.07312386,3.64578912 L0.144150966,2.39035448 C-0.0480503219,2.13025062 -0.0480503219,1.71061639 0.144150966,1.45051253 L1.07312386,0.195077896 C1.26532514,-0.0650259653 1.57669123,-0.0650259653 1.76889251,0.195077896 C1.96109379,0.455181757 1.96109379,0.874815984 1.76889251,1.13491985 L1.18716329,1.9204335 L1.76889251,2.70594717 C1.96109379,2.96605102 1.96109379,3.38568526 1.76889251,3.64578912 C1.67407323,3.77410702 1.54722036,3.84 1.42164886,3.84 Z" id="path1"></path>
+            </g>
+        </g>
+    </g>
+</svg>

frontend/src/assets/icons/row-height-default.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718866629391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17516" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M640 96H64c-19.2 0-32 12.8-32 32v160c0 19.2 12.8 32 32 32h576c19.2 0 32-12.8 32-32V128c0-19.2-12.8-32-32-32z m0 576H64c-19.2 0-32 12.8-32 32s12.8 32 32 32h576c19.2 0 32-12.8 32-32s-12.8-32-32-32z m0 192H64c-19.2 0-32 12.8-32 32s12.8 32 32 32h576c19.2 0 32-12.8 32-32s-12.8-32-32-32zM64 480c-19.2 0-32 12.8-32 32s12.8 32 32 32h576c19.2 0 32-12.8 32-32s-12.8-32-32-32H64zM864 57.6c-9.6 0-19.2 3.2-28.8 16L736 227.2v6.4c0 3.2 3.2 3.2 3.2 3.2h64c3.2 0 3.2 3.2 3.2 6.4v540.8c0 3.2-3.2 6.4-3.2 6.4h-64c-3.2 0-3.2 0-3.2 3.2v6.4l99.2 153.6 9.6 9.6c16 9.6 35.2 6.4 44.8-9.6l99.2-153.6v-6.4c0-3.2-3.2-3.2-3.2-3.2h-64c-3.2 0-3.2-3.2-3.2-6.4V243.2c0-3.2 3.2-6.4 3.2-6.4h64c3.2 0 3.2 0 3.2-3.2v-6.4l-99.2-153.6c-3.2-3.2-12.8-16-25.6-16z"  p-id="17517"></path></svg>

frontend/src/assets/icons/row-height-double.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718866625733" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17374" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M640 704H64c-19.2 0-32 12.8-32 32s12.8 32 32 32h576c19.2 0 32-12.8 32-32s-12.8-32-32-32zM64 864c-19.2 0-32 12.8-32 32s12.8 32 32 32h576c19.2 0 32-12.8 32-32s-12.8-32-32-32H64zM64 96c-19.2 0-32 12.8-32 32v416c0 19.2 12.8 32 32 32h576c19.2 0 32-12.8 32-32V128c0-19.2-12.8-32-32-32H64z m800-38.4c-9.6 0-19.2 3.2-28.8 16L736 227.2v6.4c0 3.2 3.2 3.2 3.2 3.2h64c3.2 0 3.2 3.2 3.2 6.4v540.8c0 3.2-3.2 6.4-3.2 6.4h-64c-3.2 0-3.2 0-3.2 3.2v6.4l99.2 153.6 9.6 9.6c16 9.6 35.2 6.4 44.8-9.6l99.2-153.6v-6.4c0-3.2-3.2-3.2-3.2-3.2h-64c-3.2 0-3.2-3.2-3.2-6.4V243.2c0-3.2 3.2-6.4 3.2-6.4h64c3.2 0 3.2 0 3.2-3.2v-6.4l-99.2-153.6c-3.2-3.2-12.8-16-25.6-16z"  p-id="17375"></path></svg>

frontend/src/assets/icons/row-height-quadruple.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718866617030" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17090" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M880 64c-16-9.6-35.2-6.4-44.8 9.6L736 227.2v6.4c0 3.2 3.2 3.2 3.2 3.2h64c3.2 0 3.2 3.2 3.2 6.4v540.8c0 3.2-3.2 6.4-3.2 6.4h-64c-3.2 0-3.2 0-3.2 3.2v6.4l99.2 153.6 9.6 9.6c16 9.6 35.2 6.4 44.8-9.6l99.2-153.6v-6.4c0-3.2-3.2-3.2-3.2-3.2h-64c-3.2 0-3.2-3.2-3.2-6.4V243.2c0-3.2 3.2-6.4 3.2-6.4h64c3.2 0 3.2 0 3.2-3.2v-6.4l-99.2-153.6c0-3.2-3.2-6.4-9.6-9.6zM64 96c-19.2 0-32 12.8-32 32v768c0 19.2 12.8 32 32 32h576c19.2 0 32-12.8 32-32V128c0-19.2-12.8-32-32-32H64z"  p-id="17091"></path></svg>

frontend/src/assets/icons/row-height-triple.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718866621705" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17232" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M880 64c-16-9.6-35.2-6.4-44.8 9.6L736 227.2v6.4c0 3.2 3.2 3.2 3.2 3.2h64c3.2 0 3.2 3.2 3.2 6.4v540.8c0 3.2-3.2 6.4-3.2 6.4h-64c-3.2 0-3.2 0-3.2 3.2v6.4l99.2 153.6 9.6 9.6c16 9.6 35.2 6.4 44.8-9.6l99.2-153.6v-6.4c0-3.2-3.2-3.2-3.2-3.2h-64c-3.2 0-3.2-3.2-3.2-6.4V243.2c0-3.2 3.2-6.4 3.2-6.4h64c3.2 0 3.2 0 3.2-3.2v-6.4l-99.2-153.6c0-3.2-3.2-6.4-9.6-9.6zM64 864c-19.2 0-32 12.8-32 32s12.8 32 32 32h576c19.2 0 32-12.8 32-32s-12.8-32-32-32H64zM64 96c-19.2 0-32 12.8-32 32v576c0 19.2 12.8 32 32 32h576c19.2 0 32-12.8 32-32V128c0-19.2-12.8-32-32-32H64z"  p-id="17233"></path></svg>

frontend/src/assets/icons/save.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>save</title>
+<g id="save">
+	<path id="形状结合" class="st0" d="M22,1c1.4,0,2.4,0.3,3,1c0.9,1,4,4.8,5,6c0.7,0.8,1,1.8,1,3v17c0,1.7-1.3,3-3,3H4
+		c-1.7,0-3-1.3-3-3V4c0-1.7,1.3-3,3-3H22z M6,4H5C4.4,4,4,4.4,4,5v22c0,0.6,0.4,1,1,1h22c0.6,0,1-0.4,1-1V10.5l-5-5.9V11
+		c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1V4z M16,15c2.8,0,5,2.2,5,5s-2.2,5-5,5s-5-2.2-5-5S13.2,15,16,15z M16,18c-1.1,0-2,0.9-2,2
+		s0.9,2,2,2s2-0.9,2-2S17.1,18,16,18z M20,4H9v5h11V4z"/>
+</g>
+</svg>

frontend/src/assets/icons/set-up.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1733301494152" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6527" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 320c105.6 0 192 86.4 192 192s-86.4 192-192 192-192-86.4-192-192 86.4-192 192-192z m0 96c-54.4 0-96 41.6-96 96s41.6 96 96 96 96-41.6 96-96-41.6-96-96-96z" p-id="6528"></path><path d="M432 60.8c-9.6-19.2-32-28.8-54.4-22.4-83.2 19.2-153.6 60.8-214.4 112-12.8 16-16 35.2-9.6 54.4 6.4 12.8 9.6 25.6 9.6 41.6 0 51.2-44.8 92.8-92.8 92.8-19.2 0-38.4 12.8-44.8 32-19.2 41.6-25.6 92.8-25.6 144 0 35.2 3.2 67.2 9.6 99.2 3.2 22.4 25.6 38.4 51.2 35.2h9.6c54.4 0 92.8 41.6 92.8 92.8 0 22.4-9.6 41.6-22.4 57.6-16 16-12.8 41.6 3.2 60.8 60.8 60.8 137.6 105.6 224 131.2 22.4 6.4 51.2-6.4 57.6-28.8 12.8-38.4 48-64 89.6-64s76.8 25.6 89.6 64c6.4 22.4 32 35.2 57.6 28.8 86.4-25.6 163.2-70.4 224-131.2 16-16 16-41.6 3.2-60.8-12.8-16-22.4-35.2-22.4-57.6 0-51.2 44.8-92.8 92.8-92.8h9.6c22.4 3.2 48-12.8 51.2-35.2 6.4-32 9.6-67.2 9.6-99.2 0-51.2-6.4-102.4-22.4-150.4-6.4-19.2-22.4-32-44.8-32-54.4 0-92.8-41.6-92.8-92.8 0-16 3.2-28.8 9.6-41.6 3.2-16-3.2-38.4-16-51.2-60.8-54.4-134.4-92.8-211.2-115.2-19.2 0-44.8 9.6-54.4 28.8-16 28.8-48 51.2-83.2 51.2s-70.4-22.4-83.2-51.2zM262.4 240c0-16-3.2-32-6.4-44.8 35.2-28.8 76.8-48 118.4-67.2 32 41.6 83.2 67.2 140.8 67.2 57.6 0 108.8-25.6 140.8-67.2 44.8 12.8 83.2 38.4 118.4 67.2-3.2 12.8-6.4 32-6.4 44.8 0 86.4 64 166.4 150.4 179.2 6.4 32 9.6 64 9.6 96 0 16 0 32-3.2 48-89.6 9.6-160 86.4-160 179.2 0 28.8 6.4 57.6 19.2 80-35.2 32-76.8 57.6-118.4 73.6-32-51.2-89.6-83.2-153.6-83.2s-121.6 35.2-153.6 83.2c-44.8-16-83.2-41.6-118.4-73.6 6.4-25.6 16-51.2 16-80 0-89.6-67.2-169.6-160-179.2 3.2-12.8 3.2-32 3.2-44.8 0-32 3.2-64 9.6-96 89.6-16 153.6-89.6 153.6-182.4z" p-id="6529"></path></svg>

frontend/src/assets/icons/share.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M25,2c-2.2,0-4,1.7-4,4s1.8,4,4,4s4-1.7,4-4S27.2,2,25,2z M7,12c-2.2,0-4,1.7-4,4s1.8,4,4,4s4-1.7,4-4
+	S9.2,12,7,12z M25,22c-2.2,0-4,1.7-4,4s1.8,4,4,4s4-1.7,4-4S27.1,22,25,22z M11.7,12.4l6.8-4.2l1.5,2.6L13.2,15L11.7,12.4z
+	 M13.6,17.7l6.9,4.1L19,24.3l-6.9-4.1C12.1,20.2,13.6,17.7,13.6,17.7z"/>
+</svg>

frontend/src/assets/icons/single-select.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721027962649" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19532" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M12.8 515.2C12.8 243.2 233.6 16 508.8 16s496 224 496 499.2-220.8 496-496 496S12.8 787.2 12.8 515.2z m208-54.4l252.8 284.8c6.4 9.6 16 12.8 32 12.8 12.8 0 22.4-3.2 32-12.8l262.4-284.8c12.8-12.8 16-35.2 9.6-51.2s-22.4-28.8-41.6-32H252.8c-16 0-35.2 12.8-41.6 32-6.4 16-3.2 38.4 9.6 51.2z" p-id="19533"></path></svg>

frontend/src/assets/icons/sort-ascending.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726034713002" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15456" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M643.2 777.6c28.8 0 57.6 35.2 57.6 73.6S672 928 643.2 928h-108.8c-28.8 0-57.6-35.2-57.6-73.6s25.6-73.6 57.6-73.6h108.8v-3.2zM195.2 131.2c19.2-25.6 48-32 67.2-19.2 6.4 3.2 12.8 12.8 16 19.2l153.6 224c12.8 22.4 9.6 57.6-12.8 73.6-6.4 6.4-19.2 12.8-28.8 12.8H304v403.2c0 38.4-32 67.2-67.2 67.2s-67.2-32-67.2-67.2V441.6H86.4c-25.6 0-51.2-22.4-54.4-51.2v-3.2c0-12.8 3.2-22.4 9.6-28.8l153.6-227.2z m569.6 422.4c32 0 60.8 35.2 60.8 73.6s-28.8 76.8-60.8 76.8h-233.6c-32 0-60.8-35.2-60.8-73.6s28.8-73.6 60.8-73.6h233.6v-3.2z m99.2-224c28.8 0 57.6 35.2 57.6 73.6 0 38.4-25.6 73.6-57.6 73.6H528c-28.8 0-57.6-35.2-57.6-73.6 0-38.4 25.6-73.6 57.6-73.6H864z m67.2-224v6.4c28.8 0 51.2 35.2 51.2 73.6 0 38.4-25.6 70.4-51.2 70.4H524.8c-28.8 0-51.2-35.2-51.2-73.6s25.6-73.6 51.2-73.6h406.4z" p-id="15457"></path></svg>

frontend/src/assets/icons/sort-descending.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726034718075" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15598" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M643.2 777.6c28.8 0 57.6 35.2 57.6 73.6 0 38.4-25.6 73.6-57.6 73.6h-108.8c-28.8 0-57.6-35.2-57.6-73.6 0-38.4 25.6-73.6 57.6-73.6h108.8zM236.8 92.8c38.4 0 67.2 32 67.2 67.2v425.6h86.4c9.6 0 22.4 3.2 28.8 12.8 25.6 19.2 28.8 51.2 12.8 73.6l-153.6 224c-3.2 6.4-9.6 12.8-16 19.2-22.4 16-51.2 6.4-67.2-19.2l-153.6-224c-6.4-6.4-9.6-19.2-9.6-28.8 0-28.8 25.6-57.6 54.4-57.6h83.2V160c0-38.4 28.8-67.2 67.2-67.2z m528 460.8c32 0 60.8 35.2 60.8 73.6s-28.8 76.8-60.8 76.8h-233.6c-32 0-60.8-35.2-60.8-73.6s28.8-73.6 60.8-73.6h233.6v-3.2z m99.2-224c28.8 0 57.6 35.2 57.6 73.6S892.8 480 864 480H528c-28.8 0-57.6-35.2-57.6-73.6s25.6-73.6 57.6-73.6H864v-3.2z m67.2-224v6.4c28.8 0 51.2 35.2 51.2 73.6S960 256 931.2 256H524.8c-28.8 0-51.2-35.2-51.2-73.6s25.6-73.6 51.2-73.6h406.4z" p-id="15599"></path></svg>

frontend/src/assets/icons/sort.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720576644983" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6118" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M294.4 105.6l201.6 204.8c19.2 19.2 19.2 51.2 0 73.6-19.2 19.2-51.2 19.2-70.4 0L320 275.2v604.8c0 25.6-22.4 48-48 48S224 905.6 224 880V275.2L118.4 384c-19.2 19.2-48 19.2-67.2 3.2l-3.2-3.2c-19.2-19.2-19.2-51.2 0-73.6l201.6-204.8c12.8-12.8 32-12.8 44.8 0zM752 96c25.6 0 48 22.4 48 48v604.8l105.6-108.8c19.2-19.2 51.2-19.2 70.4 0 19.2 19.2 19.2 51.2 0 73.6l-201.6 204.8c-12.8 12.8-32 12.8-44.8 0l-201.6-204.8c-19.2-19.2-19.2-51.2 0-73.6l3.2-3.2c19.2-16 48-16 67.2 3.2l105.6 108.8V144c0-25.6 22.4-48 48-48z" p-id="6119"></path></svg>

frontend/src/assets/icons/spinner.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M13,29c0,1.7,1.3,3,3,3s3-1.3,3-3s-1.3-3-3-3S13,27.3,13,29z M13,3c0,1.7,1.3,3,3,3s3-1.3,3-3s-1.3-3-3-3
+	S13,1.3,13,3z M29,13c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S30.7,13,29,13z M0,16c0,1.7,1.3,3,3,3s3-1.3,3-3s-1.3-3-3-3S0,14.3,0,16
+	z M23.1,4.7c-0.8,0.8-1.1,1.9-0.8,2.9c0.3,1,1.1,1.8,2.1,2.1s2.1,0,2.9-0.8c1.2-1.2,1.2-3.1,0-4.2S24.2,3.5,23.1,4.7z M23.1,23.1
+	C22.3,23.8,22,25,22.3,26c0.3,1.1,1.1,1.9,2.2,2.2c1.1,0.3,2.2-0.1,2.9-0.9c1.2-1.2,1.2-3.1,0-4.2C26.1,21.9,24.2,21.9,23.1,23.1z
+	 M8.9,4.7C8.2,3.9,7.1,3.6,6,3.9C5,4.2,4.2,5,3.9,6s0,2.1,0.8,2.9C5.4,9.7,6.6,10,7.6,9.7s1.8-1.1,2.1-2.1S9.7,5.4,8.9,4.7z"/>
+</svg>

frontend/src/assets/icons/table.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>table</title>
+<g id="table">
+	<g id="form">
+		<path id="形状结合" class="st0" d="M27,2c1.7,0,3,1.3,3,3v22c0,1.7-1.3,3-3,3H5c-1.7,0-3-1.3-3-3V5c0-1.7,1.3-3,3-3H27z
+			 M10,22H5v4c0,0.5,0.4,0.9,0.9,1L6,27h4V22z M19,22h-6v5h6V22z M27,22h-5v5h4c0.5,0,0.9-0.4,1-0.9l0-0.1V22z M10,13H5v6h5V13z
+			 M19,13h-6v6h6V13z M27,13h-5v6h5V13z M26,5H6C5.5,5,5.1,5.4,5,5.9L5,6v4h22V6C27,5.4,26.6,5,26,5z"/>
+	</g>
+</g>
+</svg>

frontend/src/assets/icons/tag.svg

@@ -1 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Generated by IJSVG (https://github.com/iconjar/IJSVG)--><path d="M13.0123,19.3233l7.07107,-7.07107l-9.40841,-9.40842l-6.84754,-0.297719c-0.0144722,-0.00062923 -0.028965,-0.00062923 -0.0434372,0c-0.275882,0.0119949 -0.489804,0.245365 -0.477809,0.521247l0.297719,6.84754l9.40842,9.40842Zm-10.7052,-16.2125c-0.0359846,-0.827645 0.605783,-1.52776 1.43343,-1.56374c0.0434167,-0.00188768 0.086895,-0.00188768 0.130312,0l7.23616,0.314616l10.3906,10.3906l-8.48528,8.48528l-10.3906,-10.3906l-0.314616,-7.23616Zm5.75544,4.1917c-0.585786,0.585786 -1.53553,0.585786 -2.12132,0c-0.585786,-0.585786 -0.585786,-1.53553 0,-2.12132c0.585786,-0.585786 1.53553,-0.585786 2.12132,0c0.585786,0.585786 0.585786,1.53553 0,2.12132Zm-0.707107,-0.707107c0.195262,-0.195262 0.195262,-0.511845 0,-0.707107c-0.195262,-0.195262 -0.511845,-0.195262 -0.707107,0c-0.195262,0.195262 -0.195262,0.511845 0,0.707107c0.195262,0.195262 0.511845,0.195262 0.707107,0Z" fill="#979797" stroke="none"></path></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M13.7515136,5.93572645 L8.28976642,0.621080351 C7.879571,0.222593643 7.32333684,-0.000847143079 6.7436592,2.41376939e-06 L2.18654926,2.41376939e-06 C0.979680972,2.41376939e-06 0,0.950120356 0,2.12526321 L0,6.55780208 C0,7.12087054 0.230271291,7.66193631 0.64044202,8.06098482 L6.10527317,13.3776312 C6.95834688,14.2074603 8.34132992,14.2074603 9.19440364,13.3776312 L13.7515136,8.94309205 C14.6047509,8.11299113 14.6047509,6.76682748 13.7515136,5.93672657 L13.7515136,5.93572645 Z M12.1129482,8.06825704 L8.34330379,11.7695888 C7.91766113,12.1834794 7.22778724,12.1834794 6.80214458,11.7695888 L2.11187052,7.05109716 C1.90701239,6.85210202 1.79175754,6.58211021 1.79144107,6.30047085 L1.79144107,2.74606218 C1.79169751,2.46489086 1.9068179,2.19534855 2.11144974,1.99679547 C2.31608157,1.79824239 2.59344239,1.68696248 2.88245014,1.68746078 L6.64338195,1.68746078 C6.93283334,1.68746078 7.20969987,1.79859659 7.41396155,1.99731949 L12.1119801,6.56794622 C12.5379286,6.98234468 12.5379286,7.65385856 12.1119801,8.06825704 L12.1129482,8.06825704 Z" id="image2"></path>
+    <path d="M5.19151264,2.9941275 C4.08690365,2.9941275 3.19144113,3.86530858 3.19144113,4.93996491 C3.19144113,6.01462124 4.08690365,6.88580232 5.19151264,6.88580232 C6.29612164,6.88580232 7.19158415,6.01462124 7.19158415,4.93996491 C7.19158415,3.86530858 6.29612164,2.9941275 5.19151264,2.9941275 L5.19151264,2.9941275 Z M4.88150156,5.43615345 C4.69675086,5.322975 4.58976949,5.12109806 4.60216374,4.9090349 C4.61455799,4.69697174 4.74437157,4.50819414 4.94111847,4.41611989 C5.13786537,4.32404563 5.37049132,4.34320761 5.54852541,4.4661535 C5.81754925,4.64750572 5.88755949,5.00514843 5.70588358,5.2700074 C5.52420766,5.53486636 5.15787671,5.60921928 4.88250159,5.43712636 L4.88150156,5.43615345 Z" id="image"></path>
+</svg>

frontend/src/assets/icons/text.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718865237398" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15810" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M316.8 768l-80 172.8c-19.2 41.6-67.2 60.8-112 41.6-41.6-16-51.2-67.2-35.2-108.8v-3.2L438.4 105.6c19.2-41.6 60.8-60.8 105.6-44.8 25.6 9.6 41.6 35.2 54.4 60.8l320 755.2c16 41.6-3.2 86.4-41.6 102.4h-3.2c-41.6 16-89.6-3.2-108.8-44.8L691.2 768H316.8z m67.2-150.4h243.2L512 342.4l-128 275.2z" p-id="15811"></path></svg>

frontend/src/assets/icons/time.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>time</title>
+<g id="time">
+	<path id="形状" class="st0" d="M28,16c0-6.6-5.4-12-12-12S4,9.4,4,16s5.4,12,12,12S28,22.6,28,16 M31,16c0,8.2-6.8,15-15,15
+		S1,24.2,1,16S7.8,1,16,1S31,7.8,31,16 M25,17.5c0,0.8-0.7,1.5-1.5,1.5h-6c-1.7,0-3-1.3-3-3V8.5C14.5,7.7,15.2,7,16,7
+		s1.5,0.7,1.5,1.5v6c0,0.8,0.7,1.5,1.5,1.5h4.5C24.3,16,25,16.7,25,17.5"/>
+</g>
+</svg>

frontend/src/assets/icons/unlock.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>unlock</title>
+<g id="unlock">
+	<path id="形状结合" class="st0" d="M8,8c0-4.4,3.6-8,8-8c4.1,0,7.6,3,8,6.9c0.1,0.6-0.2,1.8-1.5,1.8c-1.3,0-1.6-1-1.7-1.6
+		C20.3,4.8,18.3,3,16,3c-2.8,0-5,2.5-5,5.6V12h14.3c2,0,3.7,1.8,3.7,4v12c0,2.2-1.7,4-3.7,4H6.7c-2,0-3.7-1.8-3.7-4V16
+		c0-2.2,1.7-4,3.7-4H8V8z M25,15H7c-0.6,0-1,0.4-1,1v12c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1V16C26,15.4,25.6,15,25,15z"/>
+</g>
+</svg>

frontend/src/assets/icons/url.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1722496351878" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31748" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M768 384h192c35.2 0 64 28.8 64 64v384c0 35.2-28.8 64-64 64H352c-35.2 0-64-28.8-64-64V448c0-35.2 28.8-64 64-64h128v128h-32c-19.2 0-32 12.8-32 32v192c0 19.2 12.8 32 32 32h416c19.2 0 32-12.8 32-32v-192c0-19.2-12.8-32-32-32h-96v-128z m-256 256v-128h64c19.2 0 32-12.8 32-32V288c0-19.2-12.8-32-32-32H160c-19.2 0-32 12.8-32 32v192c0 19.2 12.8 32 32 32h96v128H64c-35.2 0-64-28.8-64-64V192c0-35.2 28.8-64 64-64h608c35.2 0 64 28.8 64 64v384c0 35.2-28.8 64-64 64h-160z" p-id="31749"></path></svg>

frontend/src/assets/icons/wiki-preview.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M16,4c3.1,0,6.1,1,8.9,2.9s5.1,4.5,6.7,7.6c0.3,0.4,0.4,1,0.4,1.4s-0.1,1-0.4,1.4c-1.7,3.2-3.9,5.7-6.7,7.6
+	c-2.8,2-5.8,3.1-8.9,3.1s-6.1-1-8.9-2.9S2,20.6,0.4,17.4C0.1,17.1,0,16.4,0,16s0.1-1,0.4-1.4c1.6-3.2,4-5.7,6.7-7.7S12.9,4,16,4z
+	 M16,7c-2.5,0-4.9,0.7-7.2,2.2s-4.2,3.4-5.5,5.7C3.1,15.3,3,15.7,3,16c0,0.3,0.1,0.8,0.3,1.1c1.3,2.4,3.2,4.3,5.5,5.7S13.5,25,16,25
+	s4.9-0.8,7.2-2.2c2.3-1.5,4.1-3.4,5.5-5.7C29,16.8,29,16.4,29,16s-0.1-0.7-0.3-1.1c-1.3-2.4-3.2-4.3-5.5-5.7S18.5,7,16,7z M16,10
+	c3.3,0,6,2.7,6,6s-2.7,6-6,6s-6-2.7-6-6S12.7,10,16,10z M16,13c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S17.7,13,16,13z"/>
+</svg>