diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..02bb57f
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,11 @@
+# Editor configuration, see http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = tab
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/.env b/.env
new file mode 100644
index 0000000..516e09a
--- /dev/null
+++ b/.env
@@ -0,0 +1,22 @@
+VITE_BASE_URL=./
+
+VITE_APP_NAME=knowAny
+
+VITE_APP_TITLE=knowAny
+
+VITE_APP_DESC=knowAny 是一款智能数据分析工具
+
+VITE_HASH_ROUTE=Y
+
+# 权限路由模式: static ｜ dynamic
+VITE_AUTH_ROUTE_MODE=static
+
+# 路由首页(根路由重定向), 用于static模式的权限路由，dynamic模式取决于后端返回的路由首页
+VITE_ROUTE_HOME_PATH=/dashboard/analysis
+
+# iconify图标作为组件的前缀
+VITE_ICON_PREFFIX=icon
+
+# 本地SVG图标作为组件的前缀, 请注意一定要包含 VITE_ICON_PREFFIX
+# 格式 {VITE_ICON_PREFFIX}-{本地图标集合名称}
+VITE_ICON_LOCAL_PREFFIX=icon-local
diff --git a/.env-config.ts b/.env-config.ts
new file mode 100644
index 0000000..9d4c53c
--- /dev/null
+++ b/.env-config.ts
@@ -0,0 +1,37 @@
+/** 请求服务的环境配置 */
+type ServiceEnv = Record<ServiceEnvType, ServiceEnvConfig>;
+
+/** 不同请求服务的环境配置 */
+const serviceEnv: ServiceEnv = {
+  dev: {
+    url: 'http://localhost:8080',
+		url2: 'http://datastrom.e3.luyouxia.net:13696',
+		url3: 'http://datastrom.e3.luyouxia.net:13696' // 知识库域名
+  },
+  test: {
+    url: 'http://localhost:8080',
+		url2: 'http://datastrom.e3.luyouxia.net:13696',
+		url3: 'http://datastrom.e3.luyouxia.net:13696'
+  },
+  prod: {
+    url: 'http://localhost:8080',
+		url2: 'http://datastrom.e3.luyouxia.net:13696',
+		url3: 'http://datastrom.e3.luyouxia.net:13696'
+  }
+};
+
+/**
+ * 获取当前环境模式下的请求服务的配置
+ * @param env 环境
+ */
+export function getServiceEnvConfig(env: ImportMetaEnv): ServiceEnvConfigWithProxyPattern {
+  const { VITE_SERVICE_ENV = 'dev' } = env;
+
+  const config = serviceEnv[VITE_SERVICE_ENV];
+
+  return {
+    ...config,
+    proxyPattern: '/proxy-pattern',
+		proxyPattern2: '/api'
+  };
+}
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..8409746
--- /dev/null
+++ b/.env.development
@@ -0,0 +1 @@
+VITE_HTTP_PROXY=Y
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..e87a07f
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,10 @@
+VITE_VISUALIZER=N
+
+VITE_COMPRESS=N
+
+# gzip | brotliCompress | deflate | deflateRaw
+VITE_COMPRESS_TYPE=gzip
+
+VITE_PWA=N
+
+VITE_PROD_MOCK=Y
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..e15a7e7
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,4 @@
+!.env-config.ts
+components.d.ts
+router-page.d.ts
+*.svg
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..d345920
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,132 @@
+module.exports = {
+  extends: ['soybeanjs/vue'],
+  overrides: [
+    {
+      files: ['./scripts/*.ts'],
+      rules: {
+        'no-unused-expressions': 'off'
+      }
+    },
+    {
+      files: ['*.vue'],
+      rules: {
+        'no-undef': 'off' // use tsc to check the ts code of the vue
+      }
+    }
+  ],
+  settings: {
+    'import/core-modules': ['uno.css', '~icons/*', 'virtual:svg-icons-register']
+  },
+  rules: {
+    'import/order': [
+      'error',
+      {
+        'newlines-between': 'never',
+        groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+        pathGroups: [
+          {
+            pattern: 'vue',
+            group: 'external',
+            position: 'before'
+          },
+          {
+            pattern: 'vue-router',
+            group: 'external',
+            position: 'before'
+          },
+          {
+            pattern: 'pinia',
+            group: 'external',
+            position: 'before'
+          },
+          {
+            pattern: 'naive-ui',
+            group: 'external',
+            position: 'before'
+          },
+          {
+            pattern: '@/constants',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/config',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/settings',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/plugins',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/layouts',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/views',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/components',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/router',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/service',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/store',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/context',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/composables',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/hooks',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/utils',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/assets',
+            group: 'internal',
+            position: 'before'
+          },
+          {
+            pattern: '@/**',
+            group: 'internal',
+            position: 'before'
+          }
+        ],
+        pathGroupsExcludedImportTypes: ['vue', 'vue-router', 'pinia', 'naive-ui']
+      }
+    ]
+  }
+};
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..f8f6bf6
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,17 @@
+"*.vue"    eol=lf
+"*.js"     eol=lf
+"*.ts"     eol=lf
+"*.jsx"    eol=lf
+"*.tsx"    eol=lf
+"*.cjs"    eol=lf
+"*.cts"    eol=lf
+"*.mjs"    eol=lf
+"*.mts"    eol=lf
+"*.json"   eol=lf
+"*.html"   eol=lf
+"*.css"    eol=lf
+"*.less"   eol=lf
+"*.scss"   eol=lf
+"*.sass"   eol=lf
+"*.styl"   eol=lf
+"*.md"   eol=lf
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f1d336d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,36 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+dist.zip
+coverage
+*.local
+stats.html
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/launch.json
+!.vscode/settings.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+/src/typings/components.d.ts
+package-lock.json
+yarn.lock
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..f3ce588
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1,4 @@
+registry=https://registry.npmmirror.com/
+shamefully-hoist=true
+strict-peer-dependencies=false
+auto-install-peers=true
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..50506b0
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+	"liveServer.settings.port": 5501,
+	"vue.codeActions.enabled": false
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..bcf1487
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,272 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+### [0.9.9](https://github.com/honghuangdc/soybean-admin/compare/v0.9.8...v0.9.9) (2023-03-13)
+
+
+### Features
+
+* **hooks:** add useNaiveTable ([cc13fcc](https://github.com/honghuangdc/soybean-admin/commit/cc13fcc8aaaf667902d69350ad0de3cc16c261ab))
+* **projects:** custom unocss colors support opacity ([488e6e3](https://github.com/honghuangdc/soybean-admin/commit/488e6e32045d995361b898ef3d384dafcb069008))
+* **projects:** new layout,tab and add update theme settings ([912c353](https://github.com/honghuangdc/soybean-admin/commit/912c3531c5d7a3ab30e15d39bed98ca9b20131ab))
+
+
+### Bug Fixes
+
+* **components:** 修复iconSelect选择器点击事件失效 ([7e505f9](https://github.com/honghuangdc/soybean-admin/commit/7e505f9b96f5380b6c27b4c2ee2ab0698c4eedc4))
+* **components:** 页面跳转被拦截, 则会出现 tab 页签与页面不一致的问题 ([bd5dd2c](https://github.com/honghuangdc/soybean-admin/commit/bd5dd2cf28a0943721c397d70c53fe3988a4f81a))
+* **components:** refresh cached routes ([b0f98e4](https://github.com/honghuangdc/soybean-admin/commit/b0f98e4bfac31751dd39a7dec203277db813694b))
+* **projects:** fix eslint svg cause incorrect icon render ([0b5afda](https://github.com/honghuangdc/soybean-admin/commit/0b5afda287a0eea57daa8d35409297e2cbf6d578))
+* **projects:** fix github bug-report ([f73e3f6](https://github.com/honghuangdc/soybean-admin/commit/f73e3f648decf5632fe5193e825b1f912c5f6153))
+* **projects:** fix pwa logo ([bf2f617](https://github.com/honghuangdc/soybean-admin/commit/bf2f6172554337450c4a300b8bdb580d3e25ad45))
+* **projects:** not only `/login` claim dynamic path scenario , but also others , eg:/user/1 ([6059891](https://github.com/honghuangdc/soybean-admin/commit/60598915561f1bad6ffba0dc102f0a776be52f0d))
+* **projects:** sortRoutes recursively ([9188941](https://github.com/honghuangdc/soybean-admin/commit/918894147ab739b4592e8c76378246e28c46491a))
+* **projects:** the length of routes children list should greater than 0 ([e1afc10](https://github.com/honghuangdc/soybean-admin/commit/e1afc10b80243a5d8d270a351a37a0a2d159f167))
+* **utils:** make AxiosRequestConfig optional for request.handleDelete() ([4a6fec8](https://github.com/honghuangdc/soybean-admin/commit/4a6fec8af0b44b546f81ec41d7a5947371e189b2))
+
+### [0.9.8](https://github.com/honghuangdc/soybean-admin/compare/v0.9.7...v0.9.8) (2023-01-15)
+
+
+### Features
+
+* 新增 affix 属性，用于将其固定在tab卡 ([e772ff0](https://github.com/honghuangdc/soybean-admin/commit/e772ff05fb6ef513bd37cd9b1e245ea72f0ad6d2))
+* **projects:** add compress script [添加压缩命令] ([be6d431](https://github.com/honghuangdc/soybean-admin/commit/be6d431485a5688bd1ed567e11c1ca35ab9259b0))
+* **projects:** add generate logo script ([25daa23](https://github.com/honghuangdc/soybean-admin/commit/25daa236064c9a76677dbf16bc6d9717b1e0040f))
+* **projects:** add new route plugin @soybeanjs/vite-plugin-vue-page-route [集成新的路由插件] ([3131e00](https://github.com/honghuangdc/soybean-admin/commit/3131e00f0f4a66756f547892a8d312cde3aaf868))
+* **projects:** add script about generating png logo from [添加根据svg生成png图标的命令] ([70aeefe](https://github.com/honghuangdc/soybean-admin/commit/70aeefea02fcc13c152ee9d7a1197381bac724b9))
+* setting 页面新增 是否显示footer的开关 ([d064f62](https://github.com/honghuangdc/soybean-admin/commit/d064f6285a6d1616d7606f1390d5f01819b258bb))
+
+
+### Bug Fixes
+
+* **components:** 修复路由在path中包含重复路单词径菜单时，被激活会错误展开 ([264da00](https://github.com/honghuangdc/soybean-admin/commit/264da00e5d2cd8139907c2ac11a046649d942f4b))
+* count can't display when endValue is 0. ([0282feb](https://github.com/honghuangdc/soybean-admin/commit/0282feb1730724ba66c2e57ab354099afa074e81))
+* **projects:** 修复动态路由模式下路由不排序的问题 ([58b27c9](https://github.com/honghuangdc/soybean-admin/commit/58b27c96932ba89b362138a6056a82c25a7be282))
+* **projects:** 修复tabs在static路由模式下可以关闭首页 ([7211a17](https://github.com/honghuangdc/soybean-admin/commit/7211a17a8158b01a1f6dd6c83591f86d76633de0))
+* **projects:** add router-page.d.ts to git [将router-page.d.ts添加git提交] ([7a58035](https://github.com/honghuangdc/soybean-admin/commit/7a5803551419f65ca55ba797b49273b3a0dc6067))
+* **projects:** fix login success message [修复登录成功的消息提示] ([810398a](https://github.com/honghuangdc/soybean-admin/commit/810398abb882613f82ba385e8a7666cf8b86d92d))
+* **projects:** fix router when the dynamic routes api was failed [修复当动态路由接口失败后路由异常问题] ([f2b580f](https://github.com/honghuangdc/soybean-admin/commit/f2b580fc067e81202238bf8079a13ff014b0b329))
+* **projects:** fix vite-pwa plugin config ([94098d0](https://github.com/honghuangdc/soybean-admin/commit/94098d02e8cec12e3c9f9331ece154b65d1c9150))
+* remove height limit h-360px ([b5c570a](https://github.com/honghuangdc/soybean-admin/commit/b5c570adf55fd235dcec49bc20837623b1d5d3c4))
+* set password attributes ([a9a3703](https://github.com/honghuangdc/soybean-admin/commit/a9a37036d58274385a779e6460f7be281dafdcaf))
+
+### [0.9.7](https://github.com/honghuangdc/soybean-admin/compare/v0.9.6...v0.9.7) (2022-11-07)
+
+
+### Features
+
+* **projects:** 全局搜索菜单及消息通知适配移动端 ([97e2ffd](https://github.com/honghuangdc/soybean-admin/commit/97e2ffddf4ac047133dc016a91ac07556e562d29))
+* **projects:** 实现用户管理页面 ([472f93b](https://github.com/honghuangdc/soybean-admin/commit/472f93bfc111e8ca94adef823b8cc12e4f8cd2c6))
+* **projects:** 适配移动端，修复Tab关闭图标的bug ([296b154](https://github.com/honghuangdc/soybean-admin/commit/296b154be5dfe410b3cfca9afaeeaf9c47de3e0c)), closes [#87](https://github.com/honghuangdc/soybean-admin/issues/87) [#106](https://github.com/honghuangdc/soybean-admin/issues/106) [#109](https://github.com/honghuangdc/soybean-admin/issues/109) [#111](https://github.com/honghuangdc/soybean-admin/issues/111)
+* **projects:** 添加请求适配adapter层应用的示例页面 ([8d11a6a](https://github.com/honghuangdc/soybean-admin/commit/8d11a6affcfa37344011a6aaf3d6e005546f0e61))
+* **projects:** 添加生产的主题配置缓存 ([718c362](https://github.com/honghuangdc/soybean-admin/commit/718c36263e451a39bca6da6c33657a09515ffbcc))
+* **projects:** 添加系统管理的页面 ([c33b5eb](https://github.com/honghuangdc/soybean-admin/commit/c33b5ebfefbb3ae507141bd2e9414231fd1512d4))
+* **projects:** 添加组件名称，调整vue文件里面的类型声明位置 ([f64bc91](https://github.com/honghuangdc/soybean-admin/commit/f64bc91ce285c7a9806ed0f6ae970d9b598fd0cb))
+* **projects:** 添加provide、inject上下文示例 ([a444731](https://github.com/honghuangdc/soybean-admin/commit/a444731e9eef43022930c3550dcfc058e70a2941))
+* **projects:** 系统消息组件代码优化 ([9518372](https://github.com/honghuangdc/soybean-admin/commit/9518372fe0431d4e08a5f40d1b2982691fbb4107))
+* **projects:** 增加返回顶部功能 ([894b0f1](https://github.com/honghuangdc/soybean-admin/commit/894b0f1c182a36ad1774a8144bf50dd4e0b62a46))
+* **projects:** 增加系统消息组件 ([afa0134](https://github.com/honghuangdc/soybean-admin/commit/afa0134fdd63c253e102bc129e275d16ca25508e))
+* **projects:** add constant route page without login status[添加未登录可访问的固定路由示例页面] ([78efd77](https://github.com/honghuangdc/soybean-admin/commit/78efd7793a241811065caf56edf7e68aea58bc8c))
+* **projects:** add pinia setup syntax example: setup-store[添加setup syntax的pinia示例setup-store] ([82c4b09](https://github.com/honghuangdc/soybean-admin/commit/82c4b09b9411390f97c2d10bb211c66ed9656b63))
+* **projects:** import i18n [引入i18n] ([b632b7f](https://github.com/honghuangdc/soybean-admin/commit/b632b7ffed5c6d6ec15c23c8cce030bf669c554f))
+* **projects:** new router system [新的路由系统] ([c7b6a3f](https://github.com/honghuangdc/soybean-admin/commit/c7b6a3fbecd1ba051833e4e47b75a06935f212c8))
+* **projects:** refactor icon system, unify icon usage [重构图标系统，统一图标用法] ([811f820](https://github.com/honghuangdc/soybean-admin/commit/811f820644053606e50624c2f184f9669f3eff7e))
+* **projects:** support constant route without login status[支持未登录状态下访问自定义的固定路由] ([a539112](https://github.com/honghuangdc/soybean-admin/commit/a539112a0f53183ee073d4eb9034ef48209fe30c))
+* **projects:** useNaiveTable函数：类型部分 ([02992dc](https://github.com/honghuangdc/soybean-admin/commit/02992dc02d105cbfcebbea397438c68db1fa8177))
+* **tabs:** 多页签增加关闭所有 ([8237adb](https://github.com/honghuangdc/soybean-admin/commit/8237adb9c0b187911df37d6d99fd84718bc3ea8f))
+
+
+### Bug Fixes
+
+* **deps:** decrease @types/node version to fix TS type error [降低@types/node版本修复TS的类型错误] ([149d22a](https://github.com/honghuangdc/soybean-admin/commit/149d22a4a491ca5fc6c52375046e9f1cb86ee76d))
+* **projects:** 修复多个后端服务时的本地代理 ([2aba58c](https://github.com/honghuangdc/soybean-admin/commit/2aba58c973e5d0ea975443a8b22c9d94283d4fb9))
+* **projects:** 修复构建后mockjs对xhr的影响问题 ([7757285](https://github.com/honghuangdc/soybean-admin/commit/77572855c3f7161697f42e6da36771c15707f0ab))
+* **projects:** 修复图标的TS类型 ([dbd6760](https://github.com/honghuangdc/soybean-admin/commit/dbd676095b42aaebc783d5c89478306a453195a5))
+* **projects:** 修复eslint规则 ([d7f5bf3](https://github.com/honghuangdc/soybean-admin/commit/d7f5bf3373e7884b8dc2c696a2c36e9cf27ad64b))
+* **projects:** 修复import.meta.env的TS类型 ([1994262](https://github.com/honghuangdc/soybean-admin/commit/19942625d58e673126db5249488555de71d18457))
+* **projects:** 修复tab不显示路由首页的问题 ([a792bb5](https://github.com/honghuangdc/soybean-admin/commit/a792bb5cb3c388ba3b93e17bab8f42d23cd5df4a))
+* **projects:** 修复TS类型问题 ([16dce9a](https://github.com/honghuangdc/soybean-admin/commit/16dce9a4ce4d3aa822d70f6e5199eb9c86e33ad9))
+* **projects:** add iconify json ([8a1ec93](https://github.com/honghuangdc/soybean-admin/commit/8a1ec938e7a26728919024e9f5b7b0af2b270aba))
+* **svg-icon:** 自定义图标在Dropdown组件下hover状态无法显示图标 ([0523f08](https://github.com/honghuangdc/soybean-admin/commit/0523f0838246041bfc09130e21369bd777f63682))
+* **utils:** 修复iconifyRender ([c37d0ac](https://github.com/honghuangdc/soybean-admin/commit/c37d0ac7887a3451b8558fc4aa6c05ed3b0ef74f))
+
+### [0.9.6](https://github.com/honghuangdc/soybean-admin/compare/v0.9.5...v0.9.6) (2022-06-15)
+
+
+### Features
+
+* **projects:** 本地svg动态渲染图标 ([c3c975e](https://github.com/honghuangdc/soybean-admin/commit/c3c975ee1142987b7ded0107bf91d0080d5651fe)), closes [#61](https://github.com/honghuangdc/soybean-admin/issues/61)
+* **projects:** 上下结构，菜单支持横向滚动 ([808051b](https://github.com/honghuangdc/soybean-admin/commit/808051b29dd682e1cbcf0e211774efb9cc12713a))
+* **projects:** 新增Antv G2图表示例 ([2d64a2e](https://github.com/honghuangdc/soybean-admin/commit/2d64a2e57c8d83c8d06f210eeefef8f31b3abeb9))
+* **projects:** 增加设置当前Tab页签名称功能 ([487213b](https://github.com/honghuangdc/soybean-admin/commit/487213b64853765e2bd186474e4607572624a33e))
+
+
+### Bug Fixes
+
+* **projects:** 设置tab标题导致meta属性丢失 ([efcfa57](https://github.com/honghuangdc/soybean-admin/commit/efcfa576d52a7eab644f3b4c65af153442887fab))
+* **projects:** 修复顶部菜单的位置失效问题 ([4ee0d94](https://github.com/honghuangdc/soybean-admin/commit/4ee0d94f1bde83c788fc0dcb084402359c04fb1b))
+
+### [0.9.5](https://github.com/honghuangdc/soybean-admin/compare/v0.9.4...v0.9.5) (2022-06-06)
+
+
+### Features
+
+* **projects:** 支持同一路由根据不同query和hash同时显示不同Tab ([4122685](https://github.com/honghuangdc/soybean-admin/commit/4122685803f8a0a485682d16cec74e27945adc47)), closes [#64](https://github.com/honghuangdc/soybean-admin/issues/64)
+* **projects:** 动态路由根路由重定向只需取决于后端返回的路由首页 ([434ab1c](https://github.com/honghuangdc/soybean-admin/commit/434ab1c560b260f8a19895405eb1d3c3313052d7))
+* **projects:** 补充更多的ECharts示例 ([c776249](https://github.com/honghuangdc/soybean-admin/commit/c7762490def77695bedf179ffc63e3e95d15e14d))
+* **projects:** 添加百度地图、升级依赖 ([39854a4](https://github.com/honghuangdc/soybean-admin/commit/39854a492b9cce71e0c7ed52af9985cb4abd6a97))
+* **projects:** 添加插件页面：图表 ([0a46ea0](https://github.com/honghuangdc/soybean-admin/commit/0a46ea08443f6b879434e925d440cf07e9494fcb))
+* **projects:** 添加自动跟随系统主题设置 ([ba07b69](https://github.com/honghuangdc/soybean-admin/commit/ba07b695dd9dc5d3f8ebf57d0f2e69d624994962))
+* **projects:** 添加antv g2图表示例 ([44b022a](https://github.com/honghuangdc/soybean-admin/commit/44b022aefd7dbb4c34886814cf04767450dec026))
+* **projects:** 引入echarts替换antvG2plot ([e7ad086](https://github.com/honghuangdc/soybean-admin/commit/e7ad08685e8ac52a8906fc94e656192275f9764c))
+* **route:** 路由meta新增activeMenu属性 ([ebd16a4](https://github.com/honghuangdc/soybean-admin/commit/ebd16a4d1ab1a95a27838a2d4f20cc1d1e7309ae))
+
+
+### Bug Fixes
+
+* **projects:** 修复@antv/g2生产环境报错 ([4558c24](https://github.com/honghuangdc/soybean-admin/commit/4558c24d1c1e1faa3326650fc16e6baf384509ac))
+* **projects:** 修复插件不存在的错误提示 ([7165282](https://github.com/honghuangdc/soybean-admin/commit/716528206e9f63e873607d0afd59d83f6984e3fe))
+* **projects:** 修复权限切换路由数据未更新的问题 ([60f9125](https://github.com/honghuangdc/soybean-admin/commit/60f912508b0e685957fb22ef0ed1f83272847263))
+* **projects:** 修复页面切换时导致的溢出滚动条 ([e023306](https://github.com/honghuangdc/soybean-admin/commit/e0233061d3bca236b4c4bb462ce00f7ca186b9fa))
+* **route:** 当为左侧混合菜单时activeMenu无效情况 ([3e4f9e2](https://github.com/honghuangdc/soybean-admin/commit/3e4f9e282442073447c5c24c33d65bc6130978ee))
+
+### [0.9.4](https://github.com/honghuangdc/soybean-admin/compare/v0.9.3...v0.9.4) (2022-04-28)
+
+
+### Features
+
+* **layouts:** 添加侧边栏/头部的反转模式来增加对比度 ([861c8b9](https://github.com/honghuangdc/soybean-admin/commit/861c8b9852e0097a1f6b79ac2c10d19add123bde))
+* **layouts:** 添加侧边栏/头部的反转模式来增加对比度 ([3c8dd77](https://github.com/honghuangdc/soybean-admin/commit/3c8dd772f89d2b656a42c4f7164e581acdb2b1a5))
+* **projects:** 插件方式按需引入naiveUI ([6bed9ea](https://github.com/honghuangdc/soybean-admin/commit/6bed9ead38af6d58f6cd9e520db848ae5cbfa4db))
+* **projects:** 登录页背景图片位置适配移动端 ([24010d0](https://github.com/honghuangdc/soybean-admin/commit/24010d05fb1ff51cb5e5d94ffe310206a9638711))
+* **projects:** 登录页面适配移动端 ([ec0776e](https://github.com/honghuangdc/soybean-admin/commit/ec0776e268cd3d1031e9ecd794abce271a675793))
+* **projects:** 权限完善及权限示例页面 ([807448a](https://github.com/honghuangdc/soybean-admin/commit/807448aec5b041535fe4fbac90eca1138b2f439c))
+* **projects:** 添加请求适配器的请求示例 ([bed4292](https://github.com/honghuangdc/soybean-admin/commit/bed4292ed380e77ac428ab057abc42eceb72af53))
+* **projects:** 新增静态路由 ([ca2dfa6](https://github.com/honghuangdc/soybean-admin/commit/ca2dfa6185aa7a4e58184bcfef2a1246a52f88fd))
+* **projects:** 引入unocss替换windicss ([c9d3e5a](https://github.com/honghuangdc/soybean-admin/commit/c9d3e5a3fdf59179dcfc122ab8369c492ea7832e))
+* **projects:** HTML lang 修改为 zh-cmn-Hans ([b9c5c34](https://github.com/honghuangdc/soybean-admin/commit/b9c5c349790b1e83a7acd1f2c53a86c9221944ff))
+* **projects:** HTML lang 修改为 zh-cmn-Hans ([dbeb595](https://github.com/honghuangdc/soybean-admin/commit/dbeb595c0b9fc11e7d166a7684af37cc971f1a11))
+* **projects:** mock添加权限过滤 ([7f4350a](https://github.com/honghuangdc/soybean-admin/commit/7f4350aeb673dab59192584177a897aacebe4b28))
+
+
+### Bug Fixes
+
+* **projects:** 去除从环境文件引入端口号导致的错误 ([2d6d179](https://github.com/honghuangdc/soybean-admin/commit/2d6d179d669ea71cca3fe97ac840e4856bff4051))
+* **projects:** 全局搜索弹窗弹出时动画闪屏问题 ([bb1bbf2](https://github.com/honghuangdc/soybean-admin/commit/bb1bbf272438f4ed440735118c6a9ec04c7d109f))
+* **projects:** 添加.npmrc修复无法获取自动引入的全局组件声明类型 ([e8488e4](https://github.com/honghuangdc/soybean-admin/commit/e8488e4d5237e5e03ec07ff07d03115389d5b1ef))
+* **projects:** 添加获取路由组件文件未找到时的错误提示 ([219f87f](https://github.com/honghuangdc/soybean-admin/commit/219f87f46758f328f26697f66d8583f49c0d41de))
+* **projects:** 修复获取vite环境变量的方式 ([46e1ae7](https://github.com/honghuangdc/soybean-admin/commit/46e1ae7825b2b204ce3cdd63b3c64f39bff096d0))
+* **projects:** 修复路由守卫的动态路由逻辑 ([e6c26fc](https://github.com/honghuangdc/soybean-admin/commit/e6c26fcb4ae085f9fd7d7eb9183ddba020d0b5da))
+* **projects:** 修复样式 ([e899914](https://github.com/honghuangdc/soybean-admin/commit/e8999144266761b3b701442975c3c00251240d53))
+* **projects:** 修复在新版vite下环境变量获取不到的问题 ([3fb13ca](https://github.com/honghuangdc/soybean-admin/commit/3fb13ca9e710549d2ddeb774fe08fabd27d5ae11))
+* **projects:** 修复vite alias ([cd7ca8f](https://github.com/honghuangdc/soybean-admin/commit/cd7ca8f4c77ac8c753b753ba698a9573d6c37bf9))
+
+### [0.9.3](https://github.com/honghuangdc/soybean-admin/compare/v0.9.2...v0.9.3) (2022-03-12)
+
+
+### Features
+
+* **components:** svgIcon,添加type,调整size方案 ([ce4e039](https://github.com/honghuangdc/soybean-admin/commit/ce4e039f48001b47a2933e807f5410a9573781b9))
+* **projects:** 引入soybean-admin-tab、去除vite-plugin-svg-icons，用unplugin-icons实现自定义svg的iconify写法、代码优化 ([a1a57a1](https://github.com/honghuangdc/soybean-admin/commit/a1a57a185ce5004888ca4e1611973665ee46980b))
+* **projects:** 新增子菜单图标和多页签图标 ([f5c56c3](https://github.com/honghuangdc/soybean-admin/commit/f5c56c355ce41157b20ed0a10272a28e6d8b2b49))
+* **projects:** 新增自定义svg图标动态渲染 ([f83c7b5](https://github.com/honghuangdc/soybean-admin/commit/f83c7b59b893ab6e210188e92c4177b3d01392ce))
+* **projects:** 添加naiveUI按需引入 ([a810ef8](https://github.com/honghuangdc/soybean-admin/commit/a810ef85b19e4b74f3ddb3c69d17c050e556ee90))
+* **projects:** 添加SvgIcon,配置vite plugin ([378d55a](https://github.com/honghuangdc/soybean-admin/commit/378d55ac0e11cdf115ce3cb8e281d60f7fc4ff7a))
+* **projects:** 添加全局组件自动引入注册 ([f5a043b](https://github.com/honghuangdc/soybean-admin/commit/f5a043b11a403927828ae922bdae411a4e5ae3c6))
+* **projects:** 添加网络代理 ([094dca9](https://github.com/honghuangdc/soybean-admin/commit/094dca961f608404352ac360f44496423d88dae8))
+* **projects:** 重构项目的TS类型架构，去除interface文件夹 ([8191490](https://github.com/honghuangdc/soybean-admin/commit/8191490f39fc011096edd77c3156eb4fe33d4e1c))
+
+
+### Bug Fixes
+
+* **components:** 修复组件LoadingEmptyWrapper适应暗黑模式 ([811b15e](https://github.com/honghuangdc/soybean-admin/commit/811b15e672c9d69e9c5789eb11ab2db7bd729f37))
+* **components:** 组件LoadingEmptyWrapper添加背景颜色动画过渡 ([7add5c2](https://github.com/honghuangdc/soybean-admin/commit/7add5c2edfcabadb77084179d464b849d880d5e6))
+* **projects:** 修复 BASE_URL 没有生效的问题 ([72d7dcf](https://github.com/honghuangdc/soybean-admin/commit/72d7dcfa5ee8dc6f3601f4d65c6aca9ad2cc5d5c))
+* **projects:** 修复页面切换动画开关不生效 ([9d4ed61](https://github.com/honghuangdc/soybean-admin/commit/9d4ed617fb80095e521d8063718283459711118f))
+* **projects:** 修复页面切换动画无变化 ([c4546bd](https://github.com/honghuangdc/soybean-admin/commit/c4546bdfa303f1e89c0d7ddd46b54e4ec5170096))
+
+### [0.9.2](https://github.com/honghuangdc/soybean-admin/compare/v0.9.1...v0.9.2) (2022-02-11)
+
+
+### Features
+
+* **projects:** 迁移全局搜索菜单功能 ([554d7fd](https://github.com/honghuangdc/soybean-admin/commit/554d7fd6114b9cf6df571c3cb02f4cb0cc6dcfd4))
+
+
+### Bug Fixes
+
+* **components:** 修复Tab在移动端设备无法点击的问题 ([2c9660f](https://github.com/honghuangdc/soybean-admin/commit/2c9660fdbf9a84e980db0aff5cd0aed0f75963ca))
+* **projects:** 修复分析页和工作台的布局问题 ([e93b94c](https://github.com/honghuangdc/soybean-admin/commit/e93b94cb2435a130bb1d94a703328af342cd24c9))
+* **projects:** 修复项目配置拷贝功能 ([a7a269d](https://github.com/honghuangdc/soybean-admin/commit/a7a269d6a61ccd25883e6bb69639d39e0260587d))
+* **projects:** vite配置修复 ([facc00e](https://github.com/honghuangdc/soybean-admin/commit/facc00e8b4998dc8bd338e3b63a652b4bfe2ed3e))
+
+### [0.9.1](https://github.com/honghuangdc/soybean-admin/compare/v0.1.3...v0.9.1) (2022-01-23)
+
+
+### Features
+
+* **projects:** 新版重构完成 ([68b4230](https://github.com/honghuangdc/soybean-admin/commit/68b42304d5964246775c7a82dcc1406c5db7a4e4))
+
+### [0.1.3](https://github.com/honghuangdc/soybean-admin/compare/v0.1.2...v0.1.3) (2022-01-23)
+
+
+### Bug Fixes
+
+* **projects:** 修复未登录时会调用获取用户路由的接口 ([21bab1f](https://github.com/honghuangdc/soybean-admin/commit/21bab1f7c30611fe59dc91c7a73050ccb49a4658))
+* **projects:** 修复路由守卫的动态路由逻辑 ([b61b0ce](https://github.com/honghuangdc/soybean-admin/commit/b61b0ce25fdcbaf29ca64cbcc467e12faa947625))
+
+### [0.1.2](https://github.com/honghuangdc/soybean-admin/compare/v0.1.1...v0.1.2) (2022-01-21)
+
+
+### Features
+
+* **projects:** 添加缓存主题色 ([3709297](https://github.com/honghuangdc/soybean-admin/commit/37092974d37b2e661d4cbf9d27c89b5e99119cd7))
+* **projects:** 添加页面缓存、记录在tab中的缓存页面的滚动条位置 ([1d63a83](https://github.com/honghuangdc/soybean-admin/commit/1d63a838226df4f48e7f2a15b5a05d4b496d3c69))
+
+### [0.1.1](https://github.com/honghuangdc/soybean-admin/compare/v0.0.5...v0.1.1) (2022-01-20)
+
+
+### Features
+
+* **projects:** theme store完成 ([bf020a8](https://github.com/honghuangdc/soybean-admin/commit/bf020a82580e6b1fbda1cc1e0bd6176770434884))
+* **projects:** 主题配置抽屉: 迁移其他功能 ([6d132c5](https://github.com/honghuangdc/soybean-admin/commit/6d132c59770e925cfc61217dcefa5b4d937604df))
+* **projects:** 主题配置抽屉：迁移暗黑模式、布局模式、添加颜色选择面板 ([912bfdf](https://github.com/honghuangdc/soybean-admin/commit/912bfdf4390ab624d3f8e343be88e8c1cf7ab5b6))
+* **projects:** 创建自定义布局组件SoybeanLayout ([0653fb1](https://github.com/honghuangdc/soybean-admin/commit/0653fb144fe9d49f24ef4fe6e4a58de6de342b78))
+* **projects:** 初始化加载效果：应用主题颜色 ([035fa11](https://github.com/honghuangdc/soybean-admin/commit/035fa114c9fd638cf467e6a73a8e4c558f503deb))
+* **projects:** 图标选择器增加扩展树形 ([041012b](https://github.com/honghuangdc/soybean-admin/commit/041012b3ee04d960c1e38895839225613f7af377))
+* **projects:** 增加Icon选择器组件 ([9472b51](https://github.com/honghuangdc/soybean-admin/commit/9472b51811f419e9139de81c73f2c71d170700c2))
+* **projects:** 增加全局搜索菜单功能 ([b9ce691](https://github.com/honghuangdc/soybean-admin/commit/b9ce69130b12712013228326f883e2d973e4e46a))
+* **projects:** 增加项目文档外链 ([1901a0b](https://github.com/honghuangdc/soybean-admin/commit/1901a0bfb7bfa516dfda552675397ddec96b8d4b))
+* **projects:** 多级路由的所有子路由转换成二级路由 ([85b55bb](https://github.com/honghuangdc/soybean-admin/commit/85b55bb37a0a06e2645b96ed81aefe463127121a))
+* **projects:** 引入mockjs ([9bc682d](https://github.com/honghuangdc/soybean-admin/commit/9bc682dae878c084e38a0e2c9a4a2de171023c48))
+* **projects:** 新增BasicLayout布局 ([006467a](https://github.com/honghuangdc/soybean-admin/commit/006467a0626f427da3f516d90c15bf1e1eef0e55))
+* **projects:** 添加cryptojs，对本地缓存数据进行加密 ([7a0648d](https://github.com/honghuangdc/soybean-admin/commit/7a0648dba55a98f61f4d81696307d86c82a1d34d))
+* **projects:** 添加NaiveProvider组件 ([c804b21](https://github.com/honghuangdc/soybean-admin/commit/c804b21ceb92133c6ea7cc64c87521cc164e40ce))
+* **projects:** 添加侧边菜单 ([e25afe2](https://github.com/honghuangdc/soybean-admin/commit/e25afe2fadfe86b9330ee02190a4e40b8321714c))
+* **projects:** 添加头部折叠按钮 ([a090d39](https://github.com/honghuangdc/soybean-admin/commit/a090d398fc071e246b92d0da80883cf5cbedba0e))
+* **projects:** 添加常用组件、composables函数 ([230a50a](https://github.com/honghuangdc/soybean-admin/commit/230a50a4cf4d2ebb62b19d6324234243cf6b2f0d))
+* **projects:** 添加抽屉 ([10e4d81](https://github.com/honghuangdc/soybean-admin/commit/10e4d81bd6a0b35d8cfb4f7a1e981f8ef6ab87cc))
+* **projects:** 添加表格页面示例 ([51c744c](https://github.com/honghuangdc/soybean-admin/commit/51c744c8e2c8ed9691e92e35b6a88582f22c30d8))
+* **projects:** 添加路由跳转浏览器新标签 ([987cef3](https://github.com/honghuangdc/soybean-admin/commit/987cef336338987f2e6f0d5aba8f6d4602b297ca))
+* **projects:** 登录页面开始迁移 ([f5a36a0](https://github.com/honghuangdc/soybean-admin/commit/f5a36a05cb626ec62115283f1d2c534b2a787bdd))
+* **projects:** 细节完善 ([cc290ac](https://github.com/honghuangdc/soybean-admin/commit/cc290accc29282e9ba655356e2695b6ca4b23605))
+* **projects:** 细节完善、迁移页面 ([ce531ce](https://github.com/honghuangdc/soybean-admin/commit/ce531ce5dda0b4a1024aa6bd3d68835b59760d57))
+* **projects:** 菜单搜索增加大小写转换 ([2907868](https://github.com/honghuangdc/soybean-admin/commit/29078689b0652cf4ae852c93d8601a157579adcc))
+* **projects:** 请求拦截器添加刷新token ([839b82b](https://github.com/honghuangdc/soybean-admin/commit/839b82ba8b052b02e24bcfe6da54160609a4fd4b))
+* **projects:** 路由页面跳转权限完成 ([0d2a562](https://github.com/honghuangdc/soybean-admin/commit/0d2a5629e89c73a32d6c79f04b51543e1513e006))
+* **projects:** 迁移多页签 ([28efbdb](https://github.com/honghuangdc/soybean-admin/commit/28efbdbc70733d22011a0eee084d35711429d188))
+* **projects:** 迁移登录完成 ([b93b80c](https://github.com/honghuangdc/soybean-admin/commit/b93b80cb4b35268dfb6a09517a2494af24748dac))
+* **projects:** 集成naiveUI主题配置，将css vars添加至html ([2c19684](https://github.com/honghuangdc/soybean-admin/commit/2c196841bd8527d7acccefe6a7545e0a49d532f7))
+* **projects:** 面包屑 ([09c7658](https://github.com/honghuangdc/soybean-admin/commit/09c7658c21c7dda461dbb528e85b638b5a7dfacd))
+
+
+### Bug Fixes
+
+* **deps:** 降低vite版本 ([c9c5ca9](https://github.com/honghuangdc/soybean-admin/commit/c9c5ca9989eddb084f2706155473123c5dcfc334))
+* **projects:** 修复redirect-not-found子路由 ([5bfb819](https://github.com/honghuangdc/soybean-admin/commit/5bfb8199b463d9ca6430577b5c493c0b78967aa9))
+* **projects:** 修复vertical-mix布局、重构初始化的loading ([579e074](https://github.com/honghuangdc/soybean-admin/commit/579e07400e1b9a52934ed808a37c8579a41e8e74))
+* **projects:** 修复网络请求错误空信息的提示 ([ff9216b](https://github.com/honghuangdc/soybean-admin/commit/ff9216b621aaef0a8203386fa1c3ca5477a2edea))
+* **projects:** 修复面包屑数据 ([28b5d22](https://github.com/honghuangdc/soybean-admin/commit/28b5d224010a28669ad3a1919fc49f6e2dc808cd))
+* **projects:** 去除Layout组件冗余代码 ([0e783bc](https://github.com/honghuangdc/soybean-admin/commit/0e783bcf7be0b3a083fe950adfb0afc72b510f97))
+* **projects:** 请求相关细节修复 ([2ad1ad3](https://github.com/honghuangdc/soybean-admin/commit/2ad1ad32b8410d84902a33d825032c282ca6df86))
diff --git a/DATA.md b/DATA.md
new file mode 100644
index 0000000..a877089
--- /dev/null
+++ b/DATA.md
@@ -0,0 +1,47 @@
+## /* 会话列表数据结构 */
+const chatbotList = [
+	{
+		id: string, // 会话id
+		name: string, // 会话名称
+		desc: string, // 会话描述
+		// 会话记录
+		records: [
+			{
+				id: string, // 会话记录id
+				userType: number, // 1 用户 2 机器人
+				value: string, // 输入的内容 文本内容
+				type: number, // 类型 1 文本 2 统计图 3 表格  其他待定
+				datetime: string | number, // 会话记录生成的时间
+				sendSuccess: boolean, // 发送成功
+				sendError: boolean, // 发送失败
+				chartData: {}, // 统计图数据
+				tableData: {}, // 表格数据
+			}
+		],
+		// 配置信息
+		settings: {
+			name: string, // 会话名称
+			desc: string, // 会话描述
+			sourceName: string, // 数据源名称
+			sourceId: string | number, // 数据源id
+			// 分组
+			groupList: [
+				{
+					id: string, // 分组id  (前端生成)
+					checked: true, // 是否选中当前分组
+					children: [
+						{
+							sheetName: string, // 数据表名
+							tableId: string, // 数据表id
+							fieldName: [], // 字段列表
+						},
+						{
+							sheetName: null,
+							fieldName: [],
+						},
+					],
+				}
+			],
+		},
+	}
+]
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..20547de
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Soybean
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..c3c2198
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,16 @@
+ImageTag ?=v0.9.6
+SoybeanAdminImg ?= soybeanjs/soybean-admin:$(ImageTag)
+
+VERSION=$(shell git rev-parse --short HEAD)
+
+soybean-admin: soybean-admin-build soybean-admin-push
+
+soybean-admin-build:
+	docker build --build-arg version=$(VERSION) -t ${SoybeanAdminImg} -f docker/Dockerfile .
+
+soybean-admin-push:
+	docker push ${SoybeanAdminImg}
+
+# run tauri app:
+run:
+	pnpm tauri dev
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4cf2aaa
--- /dev/null
+++ b/README.md
@@ -0,0 +1,167 @@
+<div align="center">
+	<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean.svg" style="width: 160px;"/>
+	<h1>Soybean Admin</h1>
+</div>
+
+[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE) ![](https://img.shields.io/github/stars/honghuangdc/soybean-admin) ![](https://img.shields.io/github/forks/honghuangdc/soybean-admin)
+
+## 简介
+
+[Soybean Admin](https://github.com/honghuangdc/soybean-admin) 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于文件的路由系统以及基于 Mock 的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。
+
+## 特性
+
+- **最新流行技术栈**：使用 Vue3/Vite 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
+- **TypeScript**: 应用程序级 JavaScript 的语言
+- **主题**：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCss 的动态主题颜色
+- **代码规范**：丰富的规范插件及极高的代码规范
+- **文件路由系统**：基于文件的路由系统，根据页面文件自动生成路由声明、路由导入和路由模块
+- **权限路由**：提供前端静态和后端动态两种路由模式，基于 mock 的动态路由能快速实现后端动态路由
+- **请求函数**：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器
+
+## 在线预览
+
+- [Soybean Admin 预览地址](https://soybean.pro/)
+
+## 文档
+
+- [项目文档预览地址](https://docs.soybean.pro)
+
+## 代码仓库
+
+- [github](https://github.com/honghuangdc/soybean-admin)
+- [tauri 版](https://github.com/honghuangdc/soybean-admin/tree/tauri)
+- [精简版](https://github.com/honghuangdc/soybean-admin/tree/thin)
+- [gitee](https://gitee.com/honghuangdc/soybean-admin)
+- [tauri 版](https://gitee.com/honghuangdc/soybean-admin/tree/tauri)
+- [精简版](https://gitee.com/honghuangdc/soybean-admin/tree/thin)
+
+## 更新日志
+
+[CHANGELOG](./CHANGELOG.md)
+
+## 后端服务
+
+- [soybean-admin-java](https://github.com/honghuangdc/soybean-admin-java)
+
+## 项目示例图
+
+![](https://s2.loli.net/2022/05/16/keOtgFH27r9nqYS.png)
+
+![](https://s2.loli.net/2022/05/18/bW7mftiQexkvSTG.png)
+
+![](https://s2.loli.net/2022/05/16/uV5nzjb3gYptAEl.png)
+
+![](https://s2.loli.net/2022/05/16/rSnNHLdpuvkKxWq.png)
+
+![](https://s2.loli.net/2022/05/18/Mt6YZqmDxO8v4uR.png)
+
+![](https://s2.loli.net/2022/05/16/ktH5dcG3fuFOoKA.png)
+
+![](https://s2.loli.net/2022/05/16/VPl6Ru1iCAhLcS4.png)
+
+![](https://s2.loli.net/2022/05/16/bRlAKuHW7ZVh9DT.png)
+
+![](https://s2.loli.net/2022/06/07/rY8TyAftM5dxspv.png)
+
+![](https://s2.loli.net/2022/06/07/5GNBAd31IzQVjLP.png)
+
+![](https://s2.loli.net/2022/06/07/rRSG6mEZpujOACT.png)
+
+## 安装使用
+
+- 环境配置
+  **本地环境需要安装 pnpm 7.x 、Node.js 14.18+ 和 Git**
+
+- 克隆代码
+
+```bash
+git clone https://github.com/honghuangdc/soybean-admin.git
+```
+
+- 安装依赖
+
+```bash
+pnpm i
+```
+
+- 运行
+
+```bash
+pnpm dev
+```
+
+- 打包
+
+```bash
+pnpm build
+```
+
+## Docker 部署
+
+- Docker 部署 Soybean
+
+```bash
+docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6
+```
+
+- 访问 SoybeanAdmin
+
+打开本地浏览器访问`http://localhost`
+
+## 如何贡献
+
+非常欢迎您的加入！[提一个 Issue](https://github.com/honghuangdc/soybean-admin/issues/new) 或者提交一个 Pull Request。
+
+## Git 贡献提交规范
+
+项目已经内置 Angular 提交规范，直接执行 commit 命令即可生成符合 Angular 提交规范的 commit。
+
+项目已用 simple-git-hooks 代替了 husky, 旧版本用了 husky，执行 pnpm soy init-git-hooks 进行初始化配置
+
+## 基于 SoybeanAdmin 二次开发的项目
+[electron-mock-admin](https://github.com/lixin59/electron-mock-api): 一个 Mock Api 管理系统，帮助前端开发伙伴快速实现接口的mock。
+[T-Shell](https://github.com/TheBlindM/T-Shell): 是一个可配置命令提示的终端模拟器和 SSH客户端。
+
+## 浏览器支持
+
+本地开发推荐使用`Chrome 90+` 浏览器
+
+支持现代浏览器, 不支持 IE
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt="IE" width="24px" height="24px"  />](http://godban.github.io/browsers-support-badges/)IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Safari |
+| :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+|                                                                                                                not support                                                                                                                |                                                                                          last 2 versions                                                                                          |                                                                                               last 2 versions                                                                                                |                                                                                             last 2 versions                                                                                              |                                                                                             last 2 versions                                                                                              |
+
+## 开源作者
+
+[@Soybean](https://github.com/honghuangdc)
+
+## 交流
+
+`Soybean Admin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。
+
+  <div style="display:flex;">
+  	<!-- <div style="padding-right:24px;">
+  		<p>微信交流群</p>
+      <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybeanjs-wechat0503.jpeg" style="width:200px" />
+  	</div> -->
+  	<div style="padding-right:24px;">
+  		<p>QQ交流群</p>
+      <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin.jpg" style="width:200px" />
+  	</div>
+		<div>
+			<p>添加本人微信，欢迎来技术交流，业务咨询</p>
+			<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybeanjs.jpeg" style="width:180px" />
+		</div>
+  </div>
+
+## 捐赠
+
+如果你觉得这个项目对你有帮助，可以请 Soybean 喝杯饮料表示支持，Soybean 开源的动力离不开各位的支持和鼓励。
+
+![赞助](https://s2.loli.net/2022/01/24/i9cpq7lTCrKUoFf.png)
+
+## License
+
+[MIT © Soybean-2021](./LICENSE)
diff --git a/build/config/define.ts b/build/config/define.ts
new file mode 100644
index 0000000..cacf705
--- /dev/null
+++ b/build/config/define.ts
@@ -0,0 +1,8 @@
+import dayjs from 'dayjs';
+
+/** 项目构建时间 */
+const PROJECT_BUILD_TIME = JSON.stringify(dayjs().format('YYYY-MM-DD HH:mm:ss'));
+
+export const viteDefine = {
+  PROJECT_BUILD_TIME
+};
diff --git a/build/config/index.ts b/build/config/index.ts
new file mode 100644
index 0000000..3ed6c24
--- /dev/null
+++ b/build/config/index.ts
@@ -0,0 +1,2 @@
+export * from './define';
+export * from './proxy';
diff --git a/build/config/proxy.ts b/build/config/proxy.ts
new file mode 100644
index 0000000..f4ae1eb
--- /dev/null
+++ b/build/config/proxy.ts
@@ -0,0 +1,30 @@
+import type { ProxyOptions } from 'vite';
+
+/**
+ * 设置网络代理
+ * @param isOpenProxy - 是否开启代理
+ * @param envConfig - env环境配置
+ */
+export function createViteProxy(isOpenProxy: boolean, envConfig: ServiceEnvConfigWithProxyPattern) {
+  if (!isOpenProxy) return undefined;
+
+	// console.log('envConfig------', envConfig)
+
+  const proxy: Record<string, string | ProxyOptions> = {
+    [envConfig.proxyPattern]: {
+      target: envConfig.url,
+      changeOrigin: true,
+      rewrite: path => path.replace(new RegExp(`^${envConfig.proxyPattern}`), '')
+    },
+		[envConfig.proxyPattern2]: {
+      target: envConfig.url2,
+      changeOrigin: true,
+			secure: false,
+      rewrite: path => path.replace(new RegExp(`^${envConfig.proxyPattern2}`), '')
+    }
+  };
+
+	// console.log('proxy------', proxy)
+
+  return proxy;
+}
diff --git a/build/index.ts b/build/index.ts
new file mode 100644
index 0000000..cd9f55e
--- /dev/null
+++ b/build/index.ts
@@ -0,0 +1,3 @@
+export * from './plugins';
+export * from './config';
+export * from './utils';
diff --git a/build/plugins/compress.ts b/build/plugins/compress.ts
new file mode 100644
index 0000000..886eb0f
--- /dev/null
+++ b/build/plugins/compress.ts
@@ -0,0 +1,6 @@
+import ViteCompression from 'vite-plugin-compression';
+
+export default (viteEnv: ImportMetaEnv) => {
+  const { VITE_COMPRESS_TYPE = 'gzip' } = viteEnv;
+  return ViteCompression({ algorithm: VITE_COMPRESS_TYPE });
+};
diff --git a/build/plugins/index.ts b/build/plugins/index.ts
new file mode 100644
index 0000000..c53d18f
--- /dev/null
+++ b/build/plugins/index.ts
@@ -0,0 +1,43 @@
+import type { PluginOption } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import unocss from '@unocss/vite';
+import progress from 'vite-plugin-progress';
+import pageRoute from '@soybeanjs/vite-plugin-vue-page-route';
+import unplugin from './unplugin';
+import mock from './mock';
+import visualizer from './visualizer';
+import compress from './compress';
+import pwa from './pwa';
+
+/**
+ * vite插件
+ * @param viteEnv - 环境变量配置
+ */
+export function setupVitePlugins(viteEnv: ImportMetaEnv): (PluginOption | PluginOption[])[] {
+  const plugins = [
+    vue({
+      script: {
+        defineModel: true
+      }
+    }),
+    vueJsx(),
+    ...unplugin(viteEnv),
+    unocss(),
+    mock(viteEnv),
+    progress(),
+    pageRoute()
+  ];
+
+  if (viteEnv.VITE_VISUALIZER === 'Y') {
+    plugins.push(visualizer as PluginOption);
+  }
+  if (viteEnv.VITE_COMPRESS === 'Y') {
+    plugins.push(compress(viteEnv));
+  }
+  if (viteEnv.VITE_PWA === 'Y' || viteEnv.VITE_VERCEL === 'Y') {
+    plugins.push(pwa());
+  }
+
+  return plugins;
+}
diff --git a/build/plugins/mock.ts b/build/plugins/mock.ts
new file mode 100644
index 0000000..7c8d8f5
--- /dev/null
+++ b/build/plugins/mock.ts
@@ -0,0 +1,14 @@
+import { viteMockServe } from 'vite-plugin-mock';
+
+export default (viteEnv: ImportMetaEnv) => {
+  const prodMock = viteEnv.VITE_PROD_MOCK === 'Y';
+
+  return viteMockServe({
+    mockPath: 'mock',
+    prodEnabled: prodMock,
+    injectCode: `
+			import { setupMockServer } from '../mock';
+			setupMockServer();
+		`
+  });
+};
diff --git a/build/plugins/pwa.ts b/build/plugins/pwa.ts
new file mode 100644
index 0000000..25c9f9b
--- /dev/null
+++ b/build/plugins/pwa.ts
@@ -0,0 +1,31 @@
+import { VitePWA } from 'vite-plugin-pwa';
+
+export default function setupVitePwa() {
+  return VitePWA({
+    registerType: 'autoUpdate',
+    includeAssets: ['favicon.ico'],
+    manifest: {
+      name: 'SoybeanAdmin',
+      short_name: 'SoybeanAdmin',
+      theme_color: '#fff',
+      icons: [
+        {
+          src: '/logo.png',
+          sizes: '192x192',
+          type: 'image/png'
+        },
+        {
+          src: '/logo.png',
+          sizes: '512x512',
+          type: 'image/png'
+        },
+        {
+          src: '/logo.png',
+          sizes: '512x512',
+          type: 'image/png',
+          purpose: 'any maskable'
+        }
+      ]
+    }
+  });
+}
diff --git a/build/plugins/unplugin.ts b/build/plugins/unplugin.ts
new file mode 100644
index 0000000..ef84045
--- /dev/null
+++ b/build/plugins/unplugin.ts
@@ -0,0 +1,44 @@
+import Icons from 'unplugin-icons/vite';
+import IconsResolver from 'unplugin-icons/resolver';
+import Components from 'unplugin-vue-components/vite';
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+import { FileSystemIconLoader } from 'unplugin-icons/loaders';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+import { getSrcPath } from '../utils';
+
+export default function unplugin(viteEnv: ImportMetaEnv) {
+  const { VITE_ICON_PREFFIX, VITE_ICON_LOCAL_PREFFIX } = viteEnv;
+
+  const srcPath = getSrcPath();
+  const localIconPath = `${srcPath}/assets/svg-icon`;
+
+  /** 本地svg图标集合名称 */
+  const collectionName = VITE_ICON_LOCAL_PREFFIX.replace(`${VITE_ICON_PREFFIX}-`, '');
+
+  return [
+    Icons({
+      compiler: 'vue3',
+      customCollections: {
+        [collectionName]: FileSystemIconLoader(localIconPath, svg =>
+          svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')
+        )
+      },
+      scale: 1,
+      defaultClass: 'inline-block'
+    }),
+    Components({
+      dts: 'src/typings/components.d.ts',
+      types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
+      resolvers: [
+        NaiveUiResolver(),
+        IconsResolver({ customCollections: [collectionName], componentPrefix: VITE_ICON_PREFFIX })
+      ]
+    }),
+    createSvgIconsPlugin({
+      iconDirs: [localIconPath],
+      symbolId: `${VITE_ICON_LOCAL_PREFFIX}-[dir]-[name]`,
+      inject: 'body-last',
+      customDomId: '__SVG_ICON_LOCAL__'
+    })
+  ];
+}
diff --git a/build/plugins/visualizer.ts b/build/plugins/visualizer.ts
new file mode 100644
index 0000000..d97a221
--- /dev/null
+++ b/build/plugins/visualizer.ts
@@ -0,0 +1,7 @@
+import { visualizer } from 'rollup-plugin-visualizer';
+
+export default visualizer({
+  gzipSize: true,
+  brotliSize: true,
+  open: true
+});
diff --git a/build/utils/index.ts b/build/utils/index.ts
new file mode 100644
index 0000000..ccfd4ab
--- /dev/null
+++ b/build/utils/index.ts
@@ -0,0 +1,20 @@
+import path from 'path';
+
+/**
+ * 获取项目根路径
+ * @descrition 末尾不带斜杠
+ */
+export function getRootPath() {
+  return path.resolve(process.cwd());
+}
+
+/**
+ * 获取项目src路径
+ * @param srcName - src目录名称(默认: "src")
+ * @descrition 末尾不带斜杠
+ */
+export function getSrcPath(srcName = 'src') {
+  const rootPath = getRootPath();
+
+  return `${rootPath}/${srcName}`;
+}
diff --git a/changelogithub.config.json b/changelogithub.config.json
new file mode 100644
index 0000000..b98a752
--- /dev/null
+++ b/changelogithub.config.json
@@ -0,0 +1,21 @@
+{
+  "types": {
+    "feat": { "title": "🚀 Features" },
+    "perf": { "title": "🔥 Performance" },
+    "fix": { "title": "🩹 Fixes" },
+    "refactor": { "title": "💅 Refactors" },
+    "docs": { "title": "📖 Documentation" },
+    "types": { "title": "🌊 Types" },
+    "chore": { "title": "🏡 Chore" },
+    "test": { "title": "🧪 Tests" },
+    "style": { "title": "🎨 Styles" },
+    "ci": { "title": "🤖 CI" }
+  },
+  "scopeMap": {},
+  "titles": {
+    "breakingChanges": "🚨 Breaking Changes"
+  },
+  "contributors": true,
+  "capitalize": true,
+  "group": true
+}
diff --git a/docker/.dockerignore b/docker/.dockerignore
new file mode 100644
index 0000000..540fccb
--- /dev/null
+++ b/docker/.dockerignore
@@ -0,0 +1,32 @@
+node_modules
+.DS_Store
+dist
+.npmrc
+.cache
+
+tests/server/static
+tests/server/static/upload
+
+.local
+# local env files
+.env.local
+.env.*.local
+.eslintcache
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+# .vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+yarn.lock
+pnpm-lock.yaml
+/vite-profile.cpuprofile
diff --git a/docker/Dockerfile b/docker/Dockerfile
new file mode 100644
index 0000000..ded2f08
--- /dev/null
+++ b/docker/Dockerfile
@@ -0,0 +1,24 @@
+FROM node:16.17.0 as builder
+
+ENV WORKDIR=/soybean-admin
+
+WORKDIR $WORKDIR
+
+COPY ./ $WORKDIR/
+
+ARG version
+ENV COMMITID=$version
+
+RUN npm i -g pnpm
+
+RUN pnpm install
+RUN pnpm build
+
+FROM nginx:alpine as prod
+
+RUN mkdir /soybean
+
+COPY --from=builder /soybean-admin/dist /soybean-admin
+COPY --from=builder /soybean-admin/docker/nginx.conf /etc/nginx/nginx.conf
+
+EXPOSE 80
diff --git a/docker/nginx.conf b/docker/nginx.conf
new file mode 100644
index 0000000..6c89617
--- /dev/null
+++ b/docker/nginx.conf
@@ -0,0 +1,54 @@
+user  nginx;
+worker_processes  1;
+error_log  /var/log/nginx/error.log warn;
+pid        /var/run/nginx.pid;
+
+events {
+  worker_connections  1024;
+}
+
+http {
+  include       /etc/nginx/mime.types;
+  default_type  application/octet-stream;
+  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                    '$status $body_bytes_sent "$http_referer" '
+                    '"$http_user_agent" "$http_x_forwarded_for"';
+  access_log  /var/log/nginx/access.log  main;
+  sendfile        on;
+  keepalive_timeout  65;
+
+  server {
+    listen       80;
+    server_name  localhost;
+
+    location / {
+      # 不缓存html，防止程序更新后缓存继续生效
+      if ($request_filename ~* .*\.(?:htm|html)$) {
+        add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
+        access_log on;
+      }
+      root   /soybean-admin/;
+      index  index.html index.htm;
+      try_files $uri $uri/ /index.html;
+    }
+
+    # location /soybean/soybean-webserver/v1 {
+    #     proxy_set_header Host $host;
+    #     proxy_set_header X-Real-IP $remote_addr;
+    #     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    #     proxy_set_header REMOTE-HOST $remote_addr;
+
+    #     # 后台接口地址
+    #     proxy_pass http://192.168.1.99:30597/v1;
+    #     proxy_redirect default;
+    #     add_header Access-Control-Allow-Origin *;
+    #     add_header Access-Control-Allow-Headers X-Requested-With;
+    #     add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
+    # }
+
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+      root   /usr/share/nginx/html;
+    }
+  }
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..45e7ca4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-Hans">
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" href="/favicon.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>%VITE_APP_NAME%</title>
+	</head>
+	<body>
+		<div id="app">
+			<div id="appLoading"></div>
+		</div>
+		<script type="module" src="/src/main.ts"></script>
+	</body>
+</html>
diff --git a/mock/api/auth.ts b/mock/api/auth.ts
new file mode 100644
index 0000000..8435b74
--- /dev/null
+++ b/mock/api/auth.ts
@@ -0,0 +1,128 @@
+import type { MockMethod } from 'vite-plugin-mock';
+import { userModel } from '../model';
+
+/** 参数错误的状态码 */
+const ERROR_PARAM_CODE = 10000;
+
+const ERROR_PARAM_MSG = '参数校验失败！';
+
+const apis: MockMethod[] = [
+  // 获取验证码
+  {
+    url: '/mock/getSmsCode',
+    method: 'post',
+    response: (): Service.MockServiceResult<boolean> => {
+      return {
+        code: 200,
+        message: 'ok',
+        data: true
+      };
+    }
+  },
+  // 用户+密码 登录
+  {
+    url: '/mock/login',
+    method: 'post',
+    response: (options: Service.MockOption): Service.MockServiceResult<ApiAuth.Token | null> => {
+      const { userName = undefined, password = undefined } = options.body;
+
+      if (!userName || !password) {
+        return {
+          code: ERROR_PARAM_CODE,
+          message: ERROR_PARAM_MSG,
+          data: null
+        };
+      }
+
+      const findItem = userModel.find(item => item.userName === userName && item.password === password);
+
+      if (findItem) {
+        return {
+          code: 200,
+          message: 'ok',
+          data: {
+            token: findItem.token,
+            refreshToken: findItem.refreshToken
+          }
+        };
+      }
+      return {
+        code: 1000,
+        message: '用户名或密码错误！',
+        data: null
+      };
+    }
+  },
+  // 获取用户信息(请求头携带token, 根据token获取用户信息)
+  {
+    url: '/mock/getUserInfo',
+    method: 'get',
+    response: (options: Service.MockOption): Service.MockServiceResult<ApiAuth.UserInfo | null> => {
+      // 这里的mock插件得到的字段是authorization, 前端传递的是Authorization字段
+      const { authorization = '' } = options.headers;
+      const REFRESH_TOKEN_CODE = 66666;
+
+      if (!authorization) {
+        return {
+          code: REFRESH_TOKEN_CODE,
+          message: '用户已失效或不存在！',
+          data: null
+        };
+      }
+      const userInfo: Auth.UserInfo = {
+        userId: '',
+        userName: '',
+        userRole: 'user'
+      };
+      const isInUser = userModel.some(item => {
+        const flag = item.token === authorization;
+        if (flag) {
+          const { userId: itemUserId, userName, userRole } = item;
+          Object.assign(userInfo, { userId: itemUserId, userName, userRole });
+        }
+        return flag;
+      });
+
+      if (isInUser) {
+        return {
+          code: 200,
+          message: 'ok',
+          data: userInfo
+        };
+      }
+
+      return {
+        code: REFRESH_TOKEN_CODE,
+        message: '用户信息异常！',
+        data: null
+      };
+    }
+  },
+  {
+    url: '/mock/updateToken',
+    method: 'post',
+    response: (options: Service.MockOption): Service.MockServiceResult<ApiAuth.Token | null> => {
+      const { refreshToken = '' } = options.body;
+
+      const findItem = userModel.find(item => item.refreshToken === refreshToken);
+
+      if (findItem) {
+        return {
+          code: 200,
+          message: 'ok',
+          data: {
+            token: findItem.token,
+            refreshToken: findItem.refreshToken
+          }
+        };
+      }
+      return {
+        code: 3000,
+        message: '用户已失效或不存在！',
+        data: null
+      };
+    }
+  }
+];
+
+export default apis;
diff --git a/mock/api/crud/base.ts b/mock/api/crud/base.ts
new file mode 100644
index 0000000..f993702
--- /dev/null
+++ b/mock/api/crud/base.ts
@@ -0,0 +1,295 @@
+export type ListItem = {
+  id?: number;
+  children?: ListItem[];
+  [key: string]: any;
+};
+export type BaseMockOptions = { name: string; copyTimes?: number; list: ListItem[]; idGenerator: number };
+type CopyListParams = { originList: ListItem[]; newList: ListItem[]; options: BaseMockOptions; parentId?: number };
+
+function copyList(props: CopyListParams) {
+  const { originList, newList, options, parentId } = props;
+  for (const item of originList) {
+    const newItem: ListItem = { ...item, parentId };
+    newItem.id = options.idGenerator;
+    options.idGenerator += 1;
+    newList.push(newItem);
+    if (item.children) {
+      newItem.children = [];
+      copyList({
+        originList: item.children,
+        newList: newItem.children,
+        options,
+        parentId: newItem.id
+      });
+    }
+  }
+}
+
+function delById(req: Service.MockOption, list: any[]) {
+  for (let i = 0; i < list.length; i += 1) {
+    const item = list[i];
+    if (item.id === parseInt(req.query.id, 10)) {
+      list.splice(i, 1);
+      break;
+    }
+    if (item.children && item.children.length > 0) {
+      delById(req, item.children);
+    }
+  }
+}
+
+function findById(id: number, list: ListItem[]): any {
+  for (const item of list) {
+    if (item.id === id) {
+      return item;
+    }
+    if (item.children && item.children.length > 0) {
+      const sub = findById(id, item.children);
+      if (sub !== null && sub !== undefined) {
+        return sub;
+      }
+    }
+  }
+  return null;
+}
+
+function matchWithArrayCondition(value: any[], item: ListItem, key: string) {
+  if (value.length === 0) {
+    return true;
+  }
+  let matched = false;
+  for (const i of value) {
+    if (item[key] instanceof Array) {
+      for (const j of item[key]) {
+        if (i === j) {
+          matched = true;
+          break;
+        }
+      }
+      if (matched) {
+        break;
+      }
+    } else if (item[key] === i || (typeof item[key] === 'string' && item[key].indexOf(`${i}`) >= 0)) {
+      matched = true;
+      break;
+    }
+    if (matched) {
+      break;
+    }
+  }
+  return matched;
+}
+
+function matchWithObjectCondition(value: any, item: ListItem, key: string) {
+  let matched = true;
+  for (const key2 of Object.keys(value)) {
+    const v = value[key2];
+    if (v && item[key] && v !== item[key][key2]) {
+      matched = false;
+      break;
+    }
+  }
+  return matched;
+}
+
+function searchFromList(list: ListItem[], query: any) {
+  const filter = (item: ListItem) => {
+    let allFound = true; // 是否所有条件都符合
+    for (const key of Object.keys(query)) {
+      const value = query[key];
+      if (value === undefined || value === null || value === '') {
+        // no nothing
+      } else if (value instanceof Array) {
+        // 如果条件中的value是数组的话，只要查到一个就行
+        const matched = matchWithArrayCondition(value, item, key);
+        if (!matched) {
+          allFound = false;
+        }
+      } else if (value instanceof Object) {
+        // 如果条件中的value是对象的话，需要每个key都匹配
+        const matched = matchWithObjectCondition(value, item, key);
+        if (!matched) {
+          allFound = false;
+        }
+      } else if (item[key] !== value) {
+        allFound = false;
+      }
+    }
+    return allFound;
+  };
+  return list.filter(filter);
+}
+
+export default {
+  buildMock(options: BaseMockOptions) {
+    const name = options.name;
+    if (!options.copyTimes) {
+      options.copyTimes = 29;
+    }
+    const list: any[] = [];
+    for (let i = 0; i < options.copyTimes; i += 1) {
+      copyList({
+        originList: options.list,
+        newList: list,
+        options
+      });
+    }
+    options.list = list;
+    return [
+      {
+        path: `/mock/${name}/page`,
+        method: 'post',
+        handle(req: Service.MockOption) {
+          let data = [...list];
+          let limit = 20;
+          let offset = 0;
+          for (const item of list) {
+            if (item.children && item.children.length === 0) {
+              item.hasChildren = false;
+              item.lazy = false;
+            }
+          }
+          let orderAsc: any;
+          let orderProp: any;
+          if (req && req.body) {
+            const { page, query } = req.body;
+            if (page.limit) {
+              limit = parseInt(page.limit, 10);
+            }
+            if (page.offset) {
+              offset = parseInt(page.offset, 10);
+            }
+            if (Object.keys(query).length > 0) {
+              data = searchFromList(list, query);
+            }
+          }
+
+          const start = offset;
+          let end = offset + limit;
+          if (data.length < end) {
+            end = data.length;
+          }
+
+          if (orderProp) {
+            // 排序
+            data.sort((a, b) => {
+              let ret = 0;
+              if (a[orderProp] > b[orderProp]) {
+                ret = 1;
+              } else if (a[orderProp] < b[orderProp]) {
+                ret = -1;
+              }
+              return orderAsc ? ret : -ret;
+            });
+          }
+
+          const records = data.slice(start, end);
+          const lastOffset = data.length - (data.length % limit);
+          if (offset > lastOffset) {
+            offset = lastOffset;
+          }
+          return {
+            code: 200,
+            message: 'success',
+            data: {
+              records,
+              total: data.length,
+              limit,
+              offset
+            }
+          };
+        }
+      },
+      {
+        path: `/mock/${name}/get`,
+        method: 'get',
+        handle(req: Service.MockOption) {
+          let id = req.query.id;
+          id = parseInt(id, 10);
+          let current = null;
+          for (const item of list) {
+            if (item.id === id) {
+              current = item;
+              break;
+            }
+          }
+          return {
+            code: 200,
+            message: 'success',
+            data: current
+          };
+        }
+      },
+      {
+        path: `/mock/${name}/add`,
+        method: 'post',
+        handle(req: Service.MockOption) {
+          req.body.id = options.idGenerator;
+          options.idGenerator += 1;
+          list.unshift(req.body);
+          return {
+            code: 200,
+            message: 'success',
+            data: req.body.id
+          };
+        }
+      },
+      {
+        path: `/mock/${name}/update`,
+        method: 'post',
+        handle(req: Service.MockOption) {
+          const item = findById(req.body.id, list);
+          if (item) {
+            Object.assign(item, req.body);
+          }
+          return {
+            code: 200,
+            message: 'success',
+            data: null
+          };
+        }
+      },
+      {
+        path: `/mock/${name}/delete`,
+        method: 'post',
+        handle(req: Service.MockOption) {
+          delById(req, list);
+          return {
+            code: 200,
+            message: 'success',
+            data: null
+          };
+        }
+      },
+      {
+        path: `/mock/${name}/batchDelete`,
+        method: 'post',
+        handle(req: Service.MockOption) {
+          const ids = req.body.ids;
+          for (let i = list.length - 1; i >= 0; i -= 1) {
+            const item = list[i];
+            if (ids.indexOf(item.id) >= 0) {
+              list.splice(i, 1);
+            }
+          }
+          return {
+            code: 200,
+            message: 'success',
+            data: null
+          };
+        }
+      },
+      {
+        path: `/mock/${name}/all`,
+        method: 'post',
+        handle() {
+          return {
+            code: 200,
+            message: 'success',
+            data: list
+          };
+        }
+      }
+    ];
+  }
+};
diff --git a/mock/api/crud/index.ts b/mock/api/crud/index.ts
new file mode 100644
index 0000000..d87e24a
--- /dev/null
+++ b/mock/api/crud/index.ts
@@ -0,0 +1,5 @@
+import demo from './modules/demo';
+import headerGroup from './modules/header-group';
+
+const crudApis = [...demo, ...headerGroup];
+export default crudApis;
diff --git a/mock/api/crud/modules/demo.ts b/mock/api/crud/modules/demo.ts
new file mode 100644
index 0000000..0f262f0
--- /dev/null
+++ b/mock/api/crud/modules/demo.ts
@@ -0,0 +1,56 @@
+import type { MethodType, MockMethod } from 'vite-plugin-mock';
+import type { BaseMockOptions } from '../base';
+import mockBase from '../base';
+import MockOption = Service.MockOption;
+
+const options: BaseMockOptions = {
+  name: 'crud/demo',
+  idGenerator: 0,
+  list: [
+    {
+      select: '1',
+      text: '文本测试',
+      copyable: '文本可复制',
+      avatar: 'http://greper.handsfree.work/extends/avatar.jpg',
+      richtext: '富文本',
+      datetime: '2023-01-30 11:11:11'
+    },
+    {
+      select: '2'
+    },
+    {
+      select: '0'
+    }
+  ]
+};
+const mockedApis = mockBase.buildMock(options);
+
+const apis: MockMethod[] = [
+  {
+    url: `/mock/${options.name}/dict`,
+    method: 'get',
+    response: () => {
+      return {
+        code: 200,
+        message: '',
+        data: [
+          { value: '0', label: '关', color: 'warning' },
+          { value: '1', label: '开', color: 'success' },
+          { value: '2', label: '停' }
+        ]
+      };
+    }
+  }
+];
+
+for (const mockedApi of mockedApis) {
+  apis.push({
+    url: mockedApi.path,
+    method: mockedApi.method as MethodType,
+    response: (request: MockOption) => {
+      return mockedApi.handle(request);
+    }
+  });
+}
+
+export default apis;
diff --git a/mock/api/crud/modules/header-group.ts b/mock/api/crud/modules/header-group.ts
new file mode 100644
index 0000000..4c6d63f
--- /dev/null
+++ b/mock/api/crud/modules/header-group.ts
@@ -0,0 +1,46 @@
+import type { MethodType, MockMethod } from 'vite-plugin-mock';
+import type { BaseMockOptions } from '../base';
+import mockBase from '../base';
+import MockOption = Service.MockOption;
+
+const options: BaseMockOptions = {
+  name: 'crud/header-group',
+  idGenerator: 0,
+  list: [
+    {
+      name: '张三',
+      age: 18,
+      province: '广东省',
+      city: '深圳市',
+      county: '南山区',
+      street: '粤海街道'
+    },
+    {
+      name: '李四',
+      age: 26,
+      province: '浙江省',
+      city: '杭州市',
+      county: '西湖区',
+      street: '西湖街道'
+    },
+    {
+      name: '王五',
+      age: 24
+    }
+  ]
+};
+const mockedApis = mockBase.buildMock(options);
+
+const apis: MockMethod[] = [];
+
+for (const mockedApi of mockedApis) {
+  apis.push({
+    url: mockedApi.path,
+    method: mockedApi.method as MethodType,
+    response: (request: MockOption) => {
+      return mockedApi.handle(request);
+    }
+  });
+}
+
+export default apis;
diff --git a/mock/api/index.ts b/mock/api/index.ts
new file mode 100644
index 0000000..e48bb24
--- /dev/null
+++ b/mock/api/index.ts
@@ -0,0 +1,6 @@
+import auth from './auth';
+import route from './route';
+import management from './management';
+import crud from './crud';
+
+export default [...auth, ...route, ...management, ...crud];
diff --git a/mock/api/management.ts b/mock/api/management.ts
new file mode 100644
index 0000000..189b93d
--- /dev/null
+++ b/mock/api/management.ts
@@ -0,0 +1,33 @@
+import { mock } from 'mockjs';
+import type { MockMethod } from 'vite-plugin-mock';
+
+const apis: MockMethod[] = [
+  {
+    url: '/mock/getAllUserList',
+    method: 'post',
+    response: (): Service.MockServiceResult<ApiUserManagement.User[]> => {
+      const data = mock({
+        'list|1000': [
+          {
+            id: '@id',
+            userName: '@cname',
+            'age|18-56': 56,
+            'gender|1': ['0', '1', null],
+            phone:
+              /^[1](([3][0-9])|([4][01456789])|([5][012356789])|([6][2567])|([7][0-8])|([8][0-9])|([9][012356789]))[0-9]{8}$/,
+            'email|1': ['@email("qq.com")', null],
+            'userStatus|1': ['1', '2', '3', '4', null]
+          }
+        ]
+      });
+
+      return {
+        code: 200,
+        message: 'ok',
+        data: data.list
+      };
+    }
+  }
+];
+
+export default apis;
diff --git a/mock/api/route.ts b/mock/api/route.ts
new file mode 100644
index 0000000..ded8a57
--- /dev/null
+++ b/mock/api/route.ts
@@ -0,0 +1,29 @@
+import type { MockMethod } from 'vite-plugin-mock';
+import { routeModel, userModel } from '../model';
+
+const apis: MockMethod[] = [
+  {
+    url: '/mock/getUserRoutes',
+    method: 'post',
+    response: (options: Service.MockOption): Service.MockServiceResult => {
+      const { userId = undefined } = options.body;
+
+      const routeHomeName: AuthRoute.LastDegreeRouteKey = 'dashboard_analysis';
+
+      const role = userModel.find(item => item.userId === userId)?.userRole || 'user';
+
+      const filterRoutes = routeModel[role];
+
+      return {
+        code: 200,
+        message: 'ok',
+        data: {
+          routes: filterRoutes,
+          home: routeHomeName
+        }
+      };
+    }
+  }
+];
+
+export default apis;
diff --git a/mock/index.ts b/mock/index.ts
new file mode 100644
index 0000000..9c264fd
--- /dev/null
+++ b/mock/index.ts
@@ -0,0 +1,6 @@
+import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer';
+import api from './api';
+
+export function setupMockServer() {
+  createProdMockServer(api);
+}
diff --git a/mock/model/auth.ts b/mock/model/auth.ts
new file mode 100644
index 0000000..085018f
--- /dev/null
+++ b/mock/model/auth.ts
@@ -0,0 +1,40 @@
+interface UserModel extends Auth.UserInfo {
+  token: string;
+  refreshToken: string;
+  password: string;
+}
+
+export const userModel: UserModel[] = [
+  {
+    token: '__TOKEN_SOYBEAN__',
+    refreshToken: '__REFRESH_TOKEN_SOYBEAN__',
+    userId: '0',
+    userName: 'Soybean',
+    userRole: 'super',
+    password: 'Soybean123@'
+  },
+  {
+    token: '__TOKEN_SUPER__',
+    refreshToken: '__REFRESH_TOKEN_SUPER__',
+    userId: '1',
+    userName: 'Super',
+    userRole: 'super',
+    password: 'super123'
+  },
+  {
+    token: '__TOKEN_ADMIN__',
+    refreshToken: '__REFRESH_TOKEN_ADMIN__',
+    userId: '2',
+    userName: 'Admin',
+    userRole: 'admin',
+    password: 'admin123'
+  },
+  {
+    token: '__TOKEN_USER01__',
+    refreshToken: '__REFRESH_TOKEN_USER01__',
+    userId: '3',
+    userName: 'User01',
+    userRole: 'user',
+    password: 'user01123'
+  }
+];
diff --git a/mock/model/index.ts b/mock/model/index.ts
new file mode 100644
index 0000000..89f4e58
--- /dev/null
+++ b/mock/model/index.ts
@@ -0,0 +1,2 @@
+export * from './auth';
+export * from './route';
diff --git a/mock/model/route.ts b/mock/model/route.ts
new file mode 100644
index 0000000..d87de65
--- /dev/null
+++ b/mock/model/route.ts
@@ -0,0 +1,1126 @@
+export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
+  super: [
+    {
+      name: 'dashboard',
+      path: '/dashboard',
+      component: 'basic',
+      children: [
+        {
+          name: 'dashboard_analysis',
+          path: '/dashboard/analysis',
+          component: 'self',
+          meta: {
+            title: '分析页',
+            requiresAuth: true,
+            icon: 'icon-park-outline:analysis'
+          }
+        },
+        {
+          name: 'dashboard_workbench',
+          path: '/dashboard/workbench',
+          component: 'self',
+          meta: {
+            title: '工作台',
+            requiresAuth: true,
+            icon: 'icon-park-outline:workbench'
+          }
+        }
+      ],
+      meta: {
+        title: '仪表盘',
+        icon: 'mdi:monitor-dashboard',
+        order: 1
+      }
+    },
+    {
+      name: 'document',
+      path: '/document',
+      component: 'basic',
+      children: [
+        {
+          name: 'document_vue',
+          path: '/document/vue',
+          component: 'self',
+          meta: {
+            title: 'vue文档',
+            requiresAuth: true,
+            icon: 'logos:vue'
+          }
+        },
+        {
+          name: 'document_vite',
+          path: '/document/vite',
+          component: 'self',
+          meta: {
+            title: 'vite文档',
+            requiresAuth: true,
+            icon: 'logos:vitejs'
+          }
+        },
+        {
+          name: 'document_naive',
+          path: '/document/naive',
+          component: 'self',
+          meta: {
+            title: 'naive文档',
+            requiresAuth: true,
+            icon: 'logos:naiveui'
+          }
+        },
+        {
+          name: 'document_project',
+          path: '/document/project',
+          component: 'self',
+          meta: {
+            title: '项目文档',
+            requiresAuth: true,
+            localIcon: 'logo'
+          }
+        },
+        {
+          name: 'document_project-link',
+          path: '/document/project-link',
+          meta: {
+            title: '项目文档(外链)',
+            requiresAuth: true,
+            localIcon: 'logo',
+            href: 'https://docs.soybean.pro/'
+          }
+        }
+      ],
+      meta: {
+        title: '文档',
+        icon: 'mdi:file-document-multiple-outline',
+        order: 2
+      }
+    },
+    {
+      name: 'component',
+      path: '/component',
+      component: 'basic',
+      children: [
+        {
+          name: 'component_button',
+          path: '/component/button',
+          component: 'self',
+          meta: {
+            title: '按钮',
+            requiresAuth: true,
+            icon: 'mdi:button-cursor'
+          }
+        },
+        {
+          name: 'component_card',
+          path: '/component/card',
+          component: 'self',
+          meta: {
+            title: '卡片',
+            requiresAuth: true,
+            icon: 'mdi:card-outline'
+          }
+        },
+        {
+          name: 'component_table',
+          path: '/component/table',
+          component: 'self',
+          meta: {
+            title: '表格',
+            requiresAuth: true,
+            icon: 'mdi:table-large'
+          }
+        }
+      ],
+      meta: {
+        title: '组件示例',
+        icon: 'cib:app-store',
+        order: 3
+      }
+    },
+    {
+      name: 'plugin',
+      path: '/plugin',
+      component: 'basic',
+      children: [
+        {
+          name: 'plugin_charts',
+          path: '/plugin/charts',
+          component: 'multi',
+          children: [
+            {
+              name: 'plugin_charts_echarts',
+              path: '/plugin/charts/echarts',
+              component: 'self',
+              meta: {
+                title: 'ECharts',
+                requiresAuth: true,
+                icon: 'simple-icons:apacheecharts'
+              }
+            },
+            {
+              name: 'plugin_charts_antv',
+              path: '/plugin/charts/antv',
+              component: 'self',
+              meta: {
+                title: 'AntV',
+                requiresAuth: true,
+                icon: 'simple-icons:antdesign'
+              }
+            }
+          ],
+          meta: {
+            title: '图表',
+            icon: 'mdi:chart-areaspline'
+          }
+        },
+        {
+          name: 'plugin_map',
+          path: '/plugin/map',
+          component: 'self',
+          meta: {
+            title: '地图',
+            requiresAuth: true,
+            icon: 'mdi:map'
+          }
+        },
+        {
+          name: 'plugin_video',
+          path: '/plugin/video',
+          component: 'self',
+          meta: {
+            title: '视频',
+            requiresAuth: true,
+            icon: 'mdi:video'
+          }
+        },
+        {
+          name: 'plugin_editor',
+          path: '/plugin/editor',
+          component: 'multi',
+          children: [
+            {
+              name: 'plugin_editor_quill',
+              path: '/plugin/editor/quill',
+              component: 'self',
+              meta: {
+                title: '富文本编辑器',
+                requiresAuth: true,
+                icon: 'mdi:file-document-edit-outline'
+              }
+            },
+            {
+              name: 'plugin_editor_markdown',
+              path: '/plugin/editor/markdown',
+              component: 'self',
+              meta: {
+                title: 'markdown编辑器',
+                requiresAuth: true,
+                icon: 'ri:markdown-line'
+              }
+            }
+          ],
+          meta: {
+            title: '编辑器',
+            icon: 'icon-park-outline:editor'
+          }
+        },
+        {
+          name: 'plugin_swiper',
+          path: '/plugin/swiper',
+          component: 'self',
+          meta: {
+            title: 'Swiper插件',
+            requiresAuth: true,
+            icon: 'simple-icons:swiper'
+          }
+        },
+        {
+          name: 'plugin_copy',
+          path: '/plugin/copy',
+          component: 'self',
+          meta: {
+            title: '剪贴板',
+            requiresAuth: true,
+            icon: 'mdi:clipboard-outline'
+          }
+        },
+        {
+          name: 'plugin_icon',
+          path: '/plugin/icon',
+          component: 'self',
+          meta: {
+            title: '图标',
+            requiresAuth: true,
+            localIcon: 'custom-icon'
+          }
+        },
+        {
+          name: 'plugin_print',
+          path: '/plugin/print',
+          component: 'self',
+          meta: {
+            title: '打印',
+            requiresAuth: true,
+            icon: 'mdi:printer'
+          }
+        }
+      ],
+      meta: {
+        title: '插件示例',
+        icon: 'clarity:plugin-line',
+        order: 4
+      }
+    },
+    {
+      name: 'auth-demo',
+      path: '/auth-demo',
+      component: 'basic',
+      children: [
+        {
+          name: 'auth-demo_permission',
+          path: '/auth-demo/permission',
+          component: 'self',
+          meta: {
+            title: '权限切换',
+            requiresAuth: true,
+            icon: 'ic:round-construction'
+          }
+        },
+        {
+          name: 'auth-demo_super',
+          path: '/auth-demo/super',
+          component: 'self',
+          meta: {
+            title: '超级管理员可见',
+            requiresAuth: true,
+            icon: 'ic:round-supervisor-account'
+          }
+        }
+      ],
+      meta: {
+        title: '权限示例',
+        icon: 'ic:baseline-security',
+        order: 5
+      }
+    },
+    {
+      name: 'function',
+      path: '/function',
+      component: 'basic',
+      children: [
+        {
+          name: 'function_tab',
+          path: '/function/tab',
+          component: 'self',
+          meta: {
+            title: 'Tab',
+            requiresAuth: true,
+            icon: 'ic:round-tab'
+          }
+        },
+        {
+          name: 'function_tab-detail',
+          path: '/function/tab-detail',
+          component: 'self',
+          meta: {
+            title: 'Tab Detail',
+            requiresAuth: true,
+            hide: true,
+            activeMenu: 'function_tab',
+            icon: 'ic:round-tab'
+          }
+        },
+        {
+          name: 'function_tab-multi-detail',
+          path: '/function/tab-multi-detail',
+          component: 'self',
+          meta: {
+            title: 'Tab Multi Detail',
+            requiresAuth: true,
+            hide: true,
+            multiTab: true,
+            activeMenu: 'function_tab',
+            icon: 'ic:round-tab'
+          }
+        }
+      ],
+      meta: {
+        title: '功能',
+        icon: 'icon-park-outline:all-application',
+        order: 6
+      }
+    },
+    {
+      name: 'exception',
+      path: '/exception',
+      component: 'basic',
+      children: [
+        {
+          name: 'exception_403',
+          path: '/exception/403',
+          component: 'self',
+          meta: {
+            title: '异常页403',
+            requiresAuth: true,
+            icon: 'ic:baseline-block'
+          }
+        },
+        {
+          name: 'exception_404',
+          path: '/exception/404',
+          component: 'self',
+          meta: {
+            title: '异常页404',
+            requiresAuth: true,
+            icon: 'ic:baseline-web-asset-off'
+          }
+        },
+        {
+          name: 'exception_500',
+          path: '/exception/500',
+          component: 'self',
+          meta: {
+            title: '异常页500',
+            requiresAuth: true,
+            icon: 'ic:baseline-wifi-off'
+          }
+        }
+      ],
+      meta: {
+        title: '异常页',
+        icon: 'ant-design:exception-outlined',
+        order: 7
+      }
+    },
+    {
+      name: 'multi-menu',
+      path: '/multi-menu',
+      component: 'basic',
+      children: [
+        {
+          name: 'multi-menu_first',
+          path: '/multi-menu/first',
+          component: 'multi',
+          children: [
+            {
+              name: 'multi-menu_first_second',
+              path: '/multi-menu/first/second',
+              component: 'self',
+              meta: {
+                title: '二级菜单',
+                requiresAuth: true,
+                icon: 'mdi:menu'
+              }
+            },
+            {
+              name: 'multi-menu_first_second-new',
+              path: '/multi-menu/first/second-new',
+              component: 'multi',
+              children: [
+                {
+                  name: 'multi-menu_first_second-new_third',
+                  path: '/multi-menu/first/second-new/third',
+                  component: 'self',
+                  meta: {
+                    title: '三级菜单',
+                    requiresAuth: true,
+                    icon: 'mdi:menu'
+                  }
+                }
+              ],
+              meta: {
+                title: '二级菜单(有子菜单)',
+                icon: 'mdi:menu'
+              }
+            }
+          ],
+          meta: {
+            title: '一级菜单',
+            icon: 'mdi:menu'
+          }
+        }
+      ],
+      meta: {
+        title: '多级菜单',
+        icon: 'carbon:menu',
+        order: 8
+      }
+    },
+    {
+      name: 'management',
+      path: '/management',
+      component: 'basic',
+      children: [
+        {
+          name: 'management_auth',
+          path: '/management/auth',
+          component: 'self',
+          meta: {
+            title: '权限管理',
+            requiresAuth: true,
+            icon: 'ic:baseline-security'
+          }
+        },
+        {
+          name: 'management_role',
+          path: '/management/role',
+          component: 'self',
+          meta: {
+            title: '角色管理',
+            requiresAuth: true,
+            icon: 'carbon:user-role'
+          }
+        },
+        {
+          name: 'management_user',
+          path: '/management/user',
+          component: 'self',
+          meta: {
+            title: '用户管理',
+            requiresAuth: true,
+            icon: 'ic:round-manage-accounts'
+          }
+        },
+        {
+          name: 'management_route',
+          path: '/management/route',
+          component: 'self',
+          meta: {
+            title: '路由管理',
+            requiresAuth: true,
+            icon: 'material-symbols:route'
+          }
+        }
+      ],
+      meta: {
+        title: '系统管理',
+        icon: 'carbon:cloud-service-management',
+        order: 9
+      }
+    },
+    {
+      name: 'about',
+      path: '/about',
+      component: 'self',
+      meta: {
+        title: '关于',
+        requiresAuth: true,
+        singleLayout: 'basic',
+        icon: 'fluent:book-information-24-regular',
+        order: 10
+      }
+    }
+  ],
+  admin: [
+    {
+      name: 'dashboard',
+      path: '/dashboard',
+      component: 'basic',
+      children: [
+        {
+          name: 'dashboard_analysis',
+          path: '/dashboard/analysis',
+          component: 'self',
+          meta: {
+            title: '分析页',
+            requiresAuth: true,
+            icon: 'icon-park-outline:analysis'
+          }
+        },
+        {
+          name: 'dashboard_workbench',
+          path: '/dashboard/workbench',
+          component: 'self',
+          meta: {
+            title: '工作台',
+            requiresAuth: true,
+            icon: 'icon-park-outline:workbench'
+          }
+        }
+      ],
+      meta: {
+        title: '仪表盘',
+        icon: 'mdi:monitor-dashboard',
+        order: 1
+      }
+    },
+    {
+      name: 'document',
+      path: '/document',
+      component: 'basic',
+      children: [
+        {
+          name: 'document_vue',
+          path: '/document/vue',
+          component: 'self',
+          meta: {
+            title: 'vue文档',
+            requiresAuth: true,
+            icon: 'logos:vue'
+          }
+        },
+        {
+          name: 'document_vite',
+          path: '/document/vite',
+          component: 'self',
+          meta: {
+            title: 'vite文档',
+            requiresAuth: true,
+            icon: 'logos:vitejs'
+          }
+        },
+        {
+          name: 'document_naive',
+          path: '/document/naive',
+          component: 'self',
+          meta: {
+            title: 'naive文档',
+            requiresAuth: true,
+            icon: 'logos:naiveui'
+          }
+        },
+        {
+          name: 'document_project',
+          path: '/document/project',
+          component: 'self',
+          meta: {
+            title: '项目文档',
+            requiresAuth: true,
+            localIcon: 'logo'
+          }
+        },
+        {
+          name: 'document_project-link',
+          path: '/document/project-link',
+          meta: {
+            title: '项目文档(外链)',
+            requiresAuth: true,
+            localIcon: 'logo',
+            href: 'https://docs.soybean.pro/'
+          }
+        }
+      ],
+      meta: {
+        title: '文档',
+        icon: 'mdi:file-document-multiple-outline',
+        order: 2
+      }
+    },
+    {
+      name: 'component',
+      path: '/component',
+      component: 'basic',
+      children: [
+        {
+          name: 'component_button',
+          path: '/component/button',
+          component: 'self',
+          meta: {
+            title: '按钮',
+            requiresAuth: true,
+            icon: 'mdi:button-cursor'
+          }
+        },
+        {
+          name: 'component_card',
+          path: '/component/card',
+          component: 'self',
+          meta: {
+            title: '卡片',
+            requiresAuth: true,
+            icon: 'mdi:card-outline'
+          }
+        },
+        {
+          name: 'component_table',
+          path: '/component/table',
+          component: 'self',
+          meta: {
+            title: '表格',
+            requiresAuth: true,
+            icon: 'mdi:table-large'
+          }
+        }
+      ],
+      meta: {
+        title: '组件示例',
+        icon: 'cib:app-store',
+        order: 3
+      }
+    },
+    {
+      name: 'plugin',
+      path: '/plugin',
+      component: 'basic',
+      children: [
+        {
+          name: 'plugin_charts',
+          path: '/plugin/charts',
+          component: 'multi',
+          children: [
+            {
+              name: 'plugin_charts_echarts',
+              path: '/plugin/charts/echarts',
+              component: 'self',
+              meta: {
+                title: 'ECharts',
+                requiresAuth: true,
+                icon: 'simple-icons:apacheecharts'
+              }
+            },
+            {
+              name: 'plugin_charts_antv',
+              path: '/plugin/charts/antv',
+              component: 'self',
+              meta: {
+                title: 'AntV',
+                requiresAuth: true,
+                icon: 'simple-icons:antdesign'
+              }
+            }
+          ],
+          meta: {
+            title: '图表',
+            icon: 'mdi:chart-areaspline'
+          }
+        },
+        {
+          name: 'plugin_map',
+          path: '/plugin/map',
+          component: 'self',
+          meta: {
+            title: '地图',
+            requiresAuth: true,
+            icon: 'mdi:map'
+          }
+        },
+        {
+          name: 'plugin_video',
+          path: '/plugin/video',
+          component: 'self',
+          meta: {
+            title: '视频',
+            requiresAuth: true,
+            icon: 'mdi:video'
+          }
+        },
+        {
+          name: 'plugin_editor',
+          path: '/plugin/editor',
+          component: 'multi',
+          children: [
+            {
+              name: 'plugin_editor_quill',
+              path: '/plugin/editor/quill',
+              component: 'self',
+              meta: {
+                title: '富文本编辑器',
+                requiresAuth: true,
+                icon: 'mdi:file-document-edit-outline'
+              }
+            },
+            {
+              name: 'plugin_editor_markdown',
+              path: '/plugin/editor/markdown',
+              component: 'self',
+              meta: {
+                title: 'markdown编辑器',
+                requiresAuth: true,
+                icon: 'ri:markdown-line'
+              }
+            }
+          ],
+          meta: {
+            title: '编辑器',
+            icon: 'icon-park-outline:editor'
+          }
+        },
+        {
+          name: 'plugin_swiper',
+          path: '/plugin/swiper',
+          component: 'self',
+          meta: {
+            title: 'Swiper插件',
+            requiresAuth: true,
+            icon: 'simple-icons:swiper'
+          }
+        },
+        {
+          name: 'plugin_copy',
+          path: '/plugin/copy',
+          component: 'self',
+          meta: {
+            title: '剪贴板',
+            requiresAuth: true,
+            icon: 'mdi:clipboard-outline'
+          }
+        },
+        {
+          name: 'plugin_icon',
+          path: '/plugin/icon',
+          component: 'self',
+          meta: {
+            title: '图标',
+            requiresAuth: true,
+            localIcon: 'custom-icon'
+          }
+        },
+        {
+          name: 'plugin_print',
+          path: '/plugin/print',
+          component: 'self',
+          meta: {
+            title: '打印',
+            requiresAuth: true,
+            icon: 'mdi:printer'
+          }
+        }
+      ],
+      meta: {
+        title: '插件示例',
+        icon: 'clarity:plugin-line',
+        order: 4
+      }
+    },
+    {
+      name: 'auth-demo',
+      path: '/auth-demo',
+      component: 'basic',
+      children: [
+        {
+          name: 'auth-demo_permission',
+          path: '/auth-demo/permission',
+          component: 'self',
+          meta: {
+            title: '权限切换',
+            requiresAuth: true,
+            icon: 'ic:round-construction'
+          }
+        }
+      ],
+      meta: {
+        title: '权限示例',
+        icon: 'ic:baseline-security',
+        order: 5
+      }
+    },
+    {
+      name: 'function',
+      path: '/function',
+      component: 'basic',
+      children: [
+        {
+          name: 'function_tab',
+          path: '/function/tab',
+          component: 'self',
+          meta: {
+            title: 'Tab',
+            requiresAuth: true,
+            icon: 'ic:round-tab'
+          }
+        },
+        {
+          name: 'function_tab-detail',
+          path: '/function/tab-detail',
+          component: 'self',
+          meta: {
+            title: 'Tab Detail',
+            requiresAuth: true,
+            hide: true,
+            activeMenu: 'function_tab',
+            icon: 'ic:round-tab'
+          }
+        },
+        {
+          name: 'function_tab-multi-detail',
+          path: '/function/tab-multi-detail',
+          component: 'self',
+          meta: {
+            title: 'Tab Multi Detail',
+            requiresAuth: true,
+            hide: true,
+            multiTab: true,
+            activeMenu: 'function_tab',
+            icon: 'ic:round-tab'
+          }
+        }
+      ],
+      meta: {
+        title: '功能',
+        icon: 'icon-park-outline:all-application',
+        order: 6
+      }
+    },
+    {
+      name: 'exception',
+      path: '/exception',
+      component: 'basic',
+      children: [
+        {
+          name: 'exception_403',
+          path: '/exception/403',
+          component: 'self',
+          meta: {
+            title: '异常页403',
+            requiresAuth: true,
+            icon: 'ic:baseline-block'
+          }
+        },
+        {
+          name: 'exception_404',
+          path: '/exception/404',
+          component: 'self',
+          meta: {
+            title: '异常页404',
+            requiresAuth: true,
+            icon: 'ic:baseline-web-asset-off'
+          }
+        },
+        {
+          name: 'exception_500',
+          path: '/exception/500',
+          component: 'self',
+          meta: {
+            title: '异常页500',
+            requiresAuth: true,
+            icon: 'ic:baseline-wifi-off'
+          }
+        }
+      ],
+      meta: {
+        title: '异常页',
+        icon: 'ant-design:exception-outlined',
+        order: 7
+      }
+    },
+    {
+      name: 'multi-menu',
+      path: '/multi-menu',
+      component: 'basic',
+      children: [
+        {
+          name: 'multi-menu_first',
+          path: '/multi-menu/first',
+          component: 'multi',
+          children: [
+            {
+              name: 'multi-menu_first_second',
+              path: '/multi-menu/first/second',
+              component: 'self',
+              meta: {
+                title: '二级菜单',
+                requiresAuth: true,
+                icon: 'mdi:menu'
+              }
+            },
+            {
+              name: 'multi-menu_first_second-new',
+              path: '/multi-menu/first/second-new',
+              component: 'multi',
+              children: [
+                {
+                  name: 'multi-menu_first_second-new_third',
+                  path: '/multi-menu/first/second-new/third',
+                  component: 'self',
+                  meta: {
+                    title: '三级菜单',
+                    requiresAuth: true,
+                    icon: 'mdi:menu'
+                  }
+                }
+              ],
+              meta: {
+                title: '二级菜单(有子菜单)',
+                icon: 'mdi:menu'
+              }
+            }
+          ],
+          meta: {
+            title: '一级菜单',
+            icon: 'mdi:menu'
+          }
+        }
+      ],
+      meta: {
+        title: '多级菜单',
+        icon: 'carbon:menu',
+        order: 8
+      }
+    },
+    {
+      name: 'management',
+      path: '/management',
+      component: 'basic',
+      children: [
+        {
+          name: 'management_auth',
+          path: '/management/auth',
+          component: 'self',
+          meta: {
+            title: '权限管理',
+            requiresAuth: true,
+            icon: 'ic:baseline-security'
+          }
+        },
+        {
+          name: 'management_role',
+          path: '/management/role',
+          component: 'self',
+          meta: {
+            title: '角色管理',
+            requiresAuth: true,
+            icon: 'carbon:user-role'
+          }
+        },
+        {
+          name: 'management_user',
+          path: '/management/user',
+          component: 'self',
+          meta: {
+            title: '用户管理',
+            requiresAuth: true,
+            icon: 'ic:round-manage-accounts'
+          }
+        },
+        {
+          name: 'management_route',
+          path: '/management/route',
+          component: 'self',
+          meta: {
+            title: '路由管理',
+            requiresAuth: true,
+            icon: 'material-symbols:route'
+          }
+        }
+      ],
+      meta: {
+        title: '系统管理',
+        icon: 'carbon:cloud-service-management',
+        order: 9
+      }
+    },
+    {
+      name: 'about',
+      path: '/about',
+      component: 'self',
+      meta: {
+        title: '关于',
+        requiresAuth: true,
+        singleLayout: 'basic',
+        icon: 'fluent:book-information-24-regular',
+        order: 10
+      }
+    }
+  ],
+  user: [
+    {
+      name: 'dashboard',
+      path: '/dashboard',
+      component: 'basic',
+      children: [
+        {
+          name: 'dashboard_analysis',
+          path: '/dashboard/analysis',
+          component: 'self',
+          meta: {
+            title: '分析页',
+            requiresAuth: true,
+            icon: 'icon-park-outline:analysis'
+          }
+        }
+      ],
+      meta: {
+        title: '仪表盘',
+        icon: 'mdi:monitor-dashboard',
+        order: 1
+      }
+    },
+    {
+      name: 'auth-demo',
+      path: '/auth-demo',
+      component: 'basic',
+      children: [
+        {
+          name: 'auth-demo_permission',
+          path: '/auth-demo/permission',
+          component: 'self',
+          meta: {
+            title: '权限切换',
+            requiresAuth: true,
+            icon: 'ic:round-construction'
+          }
+        }
+      ],
+      meta: {
+        title: '权限示例',
+        icon: 'ic:baseline-security',
+        order: 5
+      }
+    },
+    {
+      name: 'multi-menu',
+      path: '/multi-menu',
+      component: 'basic',
+      children: [
+        {
+          name: 'multi-menu_first',
+          path: '/multi-menu/first',
+          component: 'multi',
+          children: [
+            {
+              name: 'multi-menu_first_second',
+              path: '/multi-menu/first/second',
+              component: 'self',
+              meta: {
+                title: '二级菜单',
+                requiresAuth: true,
+                icon: 'mdi:menu'
+              }
+            },
+            {
+              name: 'multi-menu_first_second-new',
+              path: '/multi-menu/first/second-new',
+              component: 'multi',
+              children: [
+                {
+                  name: 'multi-menu_first_second-new_third',
+                  path: '/multi-menu/first/second-new/third',
+                  component: 'self',
+                  meta: {
+                    title: '三级菜单',
+                    requiresAuth: true,
+                    icon: 'mdi:menu'
+                  }
+                }
+              ],
+              meta: {
+                title: '二级菜单(有子菜单)',
+                icon: 'mdi:menu'
+              }
+            }
+          ],
+          meta: {
+            title: '一级菜单',
+            icon: 'mdi:menu'
+          }
+        }
+      ],
+      meta: {
+        title: '多级菜单',
+        icon: 'carbon:menu',
+        order: 7
+      }
+    },
+    {
+      name: 'about',
+      path: '/about',
+      component: 'self',
+      meta: {
+        title: '关于',
+        requiresAuth: true,
+        singleLayout: 'basic',
+        icon: 'fluent:book-information-24-regular',
+        order: 8
+      }
+    }
+  ]
+};
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..e01d8aa
--- /dev/null
+++ b/package.json
@@ -0,0 +1,151 @@
+{
+  "name": "soybean-admin",
+  "version": "0.9.9",
+  "description": "A fresh and elegant admin template, based on Vue3、Vite3、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite3、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
+  "author": {
+    "name": "Soybean",
+    "email": "honghuangdc@gmail.com",
+    "url": "https://github.com/honghuangdc"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/honghuangdc/soybean-admin",
+  "repository": {
+    "url": "https://github.com/honghuangdc/soybean-admin.git"
+  },
+  "bugs": {
+    "url": "https://github.com/honghuangdc/soybean-admin/issues"
+  },
+  "keywords": [
+    "Vue",
+    "Vue3",
+    "admin",
+    "admin-template",
+    "vue-admin",
+    "vue-admin-template",
+    "Vite3",
+    "Vite",
+    "vite-admin",
+    "TypeScript",
+    "TS",
+    "NaiveUI",
+    "naive-ui",
+    "naive-admin",
+    "NaiveUI-Admin",
+    "naive-ui-admin",
+    "UnoCSS"
+  ],
+  "scripts": {
+    "dev": "cross-env VITE_SERVICE_ENV=dev vite",
+    "dev:test": "cross-env VITE_SERVICE_ENV=test vite",
+    "dev:prod": "cross-env VITE_SERVICE_ENV=prod vite",
+    "build": "npm run typecheck && cross-env VITE_SERVICE_ENV=prod vite build",
+    "build:dev": "npm run typecheck && cross-env VITE_SERVICE_ENV=dev vite build",
+    "build:test": "npm run typecheck && cross-env VITE_SERVICE_ENV=test vite build",
+    "build:vercel": "cross-env VITE_HASH_ROUTE=Y VITE_VERCEL=Y vite build",
+    "preview": "vite preview",
+    "typecheck": "vue-tsc --noEmit --skipLibCheck",
+    "lint": "eslint . --fix --ext .js,.jsx,.mjs,.json,.ts,.tsx,.vue",
+    "format": "soy prettier-format",
+    "commit": "soy git-commit",
+    "cleanup": "soy cleanup",
+    "update-pkg": "soy update-pkg",
+    "tsx": "tsx",
+    "logo": "tsx ./scripts/logo.ts",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "release": "standard-version",
+    "prepare": "soy init-git-hooks"
+  },
+  "dependencies": {
+    "@ant-design/icons-vue": "^6.1.0",
+    "@antv/data-set": "^0.11.8",
+    "@antv/g2": "^4.2.10",
+    "@better-scroll/core": "^2.5.1",
+    "@fast-crud/fast-crud": "^1.19.3",
+    "@fast-crud/fast-extends": "^1.19.3",
+    "@fast-crud/ui-interface": "^1.19.3",
+    "@fast-crud/ui-naive": "^1.19.3",
+    "@soybeanjs/vue-materials": "^0.1.9",
+    "@vicons/ionicons5": "^0.12.0",
+    "@vueuse/core": "^10.1.2",
+    "axios": "1.4.0",
+    "clipboard": "^2.0.11",
+    "colord": "^2.9.3",
+    "crypto-js": "^4.1.1",
+    "dayjs": "^1.11.7",
+    "echarts": "^5.4.2",
+    "form-data": "^4.0.0",
+    "fs": "0.0.1-security",
+    "html2canvas": "^1.4.1",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.1",
+    "moment": "^2.30.1",
+    "naive-ui": "2.38.2",
+    "pinia": "^2.1.3",
+    "print-js": "^1.6.0",
+    "qs": "^6.11.2",
+    "swiper": "^9.3.2",
+    "typed.js": "^2.1.0",
+    "ua-parser-js": "^1.0.35",
+    "vditor": "^3.9.2",
+    "vue": "3.3.4",
+    "vue-codemirror": "^6.1.1",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "^4.2.1",
+    "vuedraggable": "^4.1.0",
+    "wangeditor": "^4.7.15",
+    "xgplayer": "^3.0.2"
+  },
+  "devDependencies": {
+    "@amap/amap-jsapi-types": "^0.0.13",
+    "@iconify/json": "^2.2.67",
+    "@iconify/vue": "^4.1.1",
+    "@soybeanjs/cli": "^0.1.9",
+    "@soybeanjs/vite-plugin-vue-page-route": "^0.0.5",
+    "@types/bmapgl": "^0.0.7",
+    "@types/crypto-js": "^4.1.1",
+    "@types/jsonwebtoken": "^9.0.6",
+    "@types/node": "20.2.1",
+    "@types/qs": "^6.9.7",
+    "@types/ua-parser-js": "^0.7.36",
+    "@unocss/preset-uno": "^0.52.0",
+    "@unocss/transformer-directives": "^0.52.0",
+    "@unocss/vite": "^0.52.0",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "conventional-changelog": "^3.1.25",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.41.0",
+    "eslint-config-soybeanjs": "^0.3.7",
+    "lint-staged": "13.2.2",
+    "mockjs": "^1.1.0",
+    "rollup-plugin-visualizer": "^5.9.0",
+    "sass": "^1.62.1",
+    "simple-git-hooks": "^2.8.1",
+    "standard-version": "^9.5.0",
+    "tsx": "^3.12.7",
+    "typescript": "5.0.4",
+    "unplugin-icons": "^0.16.1",
+    "unplugin-vue-components": "0.24.1",
+    "vite": "^4.3.8",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-mock": "2.9.8",
+    "vite-plugin-progress": "^0.0.7",
+    "vite-plugin-pwa": "^0.15.0",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "1.6.5"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "mockjs@1.1.0": "patches/mockjs@1.1.0.patch"
+    }
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm typecheck && pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,mjs,json,ts,tsx,vue}": "eslint . --fix"
+  },
+  "browser": {
+    "jsonwebtoken": false
+  }
+}
diff --git a/patches/mockjs@1.1.0.patch b/patches/mockjs@1.1.0.patch
new file mode 100644
index 0000000..d75c831
--- /dev/null
+++ b/patches/mockjs@1.1.0.patch
@@ -0,0 +1,732 @@
+diff --git a/dist/mock.js b/dist/mock.js
+index 35d5b9af3eff34324656879705dcb81470fc9697..3e6a52e0fbfdd39d3aaf1592ffd19ecde33320f3 100644
+--- a/dist/mock.js
++++ b/dist/mock.js
+@@ -126,17 +126,17 @@ return /******/ (function(modules) { // webpackBootstrap
+ /* 1 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+-	/*
++	/*
+ 	    ## Handler
+
+ 	    处理数据模板。
+-
++
+ 	    * Handler.gen( template, name?, context? )
+
+ 	        入口方法。
+
+ 	    * Data Template Definition, DTD
+-
++
+ 	        处理数据模板定义。
+
+ 	        * Handler.array( options )
+@@ -146,7 +146,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        * Handler.string( options )
+ 	        * Handler.function( options )
+ 	        * Handler.regexp( options )
+-
++
+ 	        处理路径（相对和绝对）。
+
+ 	        * Handler.getValueByKeyPath( key, options )
+@@ -177,7 +177,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	    Handle.gen(template, name, options)
+ 	    context
+-	        currentContext, templateCurrentContext,
++	        currentContext, templateCurrentContext,
+ 	        path, templatePath
+ 	        root, templateRoot
+ 	*/
+@@ -456,7 +456,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	                phed = Handler.placeholder(ph, options.context.currentContext, options.context.templateCurrentContext, options)
+
+ 	                // 只有一个占位符，并且没有其他字符
+-	                if (placeholders.length === 1 && ph === result && typeof phed !== typeof result) { //
++	                if (placeholders.length === 1 && ph === result && typeof phed !== typeof result) { //
+ 	                    result = phed
+ 	                    break
+
+@@ -627,7 +627,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            }
+ 	            // 引用的值已经计算好
+ 	            if (currentContext && (key in currentContext)) return currentContext[key]
+-
++
+ 	            // 尚未计算，递归引用数据模板中的属性
+ 	            if (templateCurrentContext &&
+ 	                (typeof templateCurrentContext === 'object') &&
+@@ -816,13 +816,13 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        var tpl = Mock.heredoc(function() {
+ 	            /*!
+ 	        {{email}}{{age}}
+-	        <!-- Mock {
++	        <!-- Mock {
+ 	            email: '@EMAIL',
+ 	            age: '@INT(1,100)'
+ 	        } -->
+ 	            *\/
+ 	        })
+-
++
+ 	    **相关阅读**
+ 	    * [Creating multiline strings in JavaScript](http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript)、
+ 	*/
+@@ -850,7 +850,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 		解析数据模板（属性名部分）。
+
+ 		* Parser.parse( name )
+-
++
+ 			```json
+ 			{
+ 				parameters: [ name, inc, range, decimal ],
+@@ -922,7 +922,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	/*
+ 	    ## Mock.Random
+-
++
+ 	    工具类，用于生成各种随机数据。
+ 	*/
+
+@@ -1251,7 +1251,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	        替代图片源
+ 	            http://fpoimg.com/
+-	        参考自
++	        参考自
+ 	            http://rensanning.iteye.com/blog/1933310
+ 	            http://code.tutsplus.com/articles/the-top-8-placeholders-for-web-designers--net-19485
+ 	    */
+@@ -1541,7 +1541,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        var bg_colour = Math.floor(Math.random() * 16777215).toString(16);
+ 	        bg_colour = "#" + ("000000" + bg_colour).slice(-6);
+ 	        document.bgColor = bg_colour;
+-
++
+ 	    http://martin.ankerl.com/2009/12/09/how-to-create-random-colors-programmatically/
+ 	        Creating random colors is actually more difficult than it seems. The randomness itself is easy, but aesthetically pleasing randomness is more difficult.
+ 	        https://github.com/devongovett/color-generator
+@@ -1561,7 +1561,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	    http://tool.c7sky.com/webcolor
+ 	        网页设计常用色彩搭配表
+-
++
+ 	    https://github.com/One-com/one-color
+ 	        An OO-based JavaScript color parser/computation toolkit with support for RGB, HSV, HSL, CMYK, and alpha channels.
+ 	        API 很赞
+@@ -1593,7 +1593,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            color += letters[Math.floor(Math.random() * 16)]
+ 	        }
+ 	        return color
+-
++
+ 	        // 随机生成一个无脑的颜色，格式为 '#RRGGBB'。
+ 	        // _brainlessColor()
+ 	        var color = Math.floor(
+@@ -1959,7 +1959,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        return result.join(' ')
+ 	    },
+-	    //
++	    //
+ 	    cparagraph: function(min, max) {
+ 	        var len = range(3, 7, min, max)
+ 	        var result = []
+@@ -2282,17 +2282,17 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        随机生成一个 URL。
+
+ 	        [URL 规范](http://www.w3.org/Addressing/URL/url-spec.txt)
+-	            http                    Hypertext Transfer Protocol
+-	            ftp                     File Transfer protocol
+-	            gopher                  The Gopher protocol
+-	            mailto                  Electronic mail address
+-	            mid                     Message identifiers for electronic mail
+-	            cid                     Content identifiers for MIME body part
+-	            news                    Usenet news
+-	            nntp                    Usenet news for local NNTP access only
+-	            prospero                Access using the prospero protocols
++	            http                    Hypertext Transfer Protocol
++	            ftp                     File Transfer protocol
++	            gopher                  The Gopher protocol
++	            mailto                  Electronic mail address
++	            mid                     Message identifiers for electronic mail
++	            cid                     Content identifiers for MIME body part
++	            news                    Usenet news
++	            nntp                    Usenet news for local NNTP access only
++	            prospero                Access using the prospero protocols
+ 	            telnet rlogin tn3270    Reference to interactive sessions
+-	            wais                    Wide Area Information Servers
++	            wais                    Wide Area Information Servers
+ 	    */
+ 	    url: function(protocol, host) {
+ 	        return (protocol || this.protocol()) + '://' + // protocol?
+@@ -2422,9 +2422,9 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	    西南   重庆市 四川省 贵州省 云南省 西藏自治区
+ 	    西北   陕西省 甘肃省 青海省 宁夏回族自治区 新疆维吾尔自治区
+ 	    港澳台 香港特别行政区 澳门特别行政区 台湾省
+-
++
+ 	    **排序**
+-
++
+ 	    ```js
+ 	    var map = {}
+ 	    _.each(_.keys(REGIONS),function(id){
+@@ -6527,7 +6527,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 		                "0" / "1" / "2" / "3" / "4" / "5" / "6" / "7" / "8" / "9" /
+ 		                "a" / "b" / "c" / "d" / "e" / "f" /
+ 		                "A" / "B" / "C" / "D" / "E" / "F"
+-
++
+ 		    https://github.com/victorquinn/chancejs/blob/develop/chance.js#L1349
+ 		*/
+ 		guid: function() {
+@@ -6629,7 +6629,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	}
+
+ 	function CaptureGroup(n) {
+-	    Group.call(this, "capture-group"), this.index = cgs[this.offset] || (cgs[this.offset] = index++),
++	    Group.call(this, "capture-group"), this.index = cgs[this.offset] || (cgs[this.offset] = index++),
+ 	    this.body = n;
+ 	}
+
+@@ -6711,7 +6711,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            }
+ 	            return r = l ? '"' + u(l) + '"' : "end of input", "Expected " + t + " but " + r + " found.";
+ 	        }
+-	        this.expected = n, this.found = l, this.offset = u, this.line = t, this.column = r,
++	        this.expected = n, this.found = l, this.offset = u, this.line = t, this.column = r,
+ 	        this.name = "SyntaxError", this.message = e(n, l);
+ 	    }
+ 	    function u(n) {
+@@ -6724,8 +6724,8 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        function r(l) {
+ 	            function u(l, u, t) {
+ 	                var r, e;
+-	                for (r = u; t > r; r++) e = n.charAt(r), "\n" === e ? (l.seenCR || l.line++, l.column = 1,
+-	                l.seenCR = !1) : "\r" === e || "\u2028" === e || "\u2029" === e ? (l.line++, l.column = 1,
++	                for (r = u; t > r; r++) e = n.charAt(r), "\n" === e ? (l.seenCR || l.line++, l.column = 1,
++	                l.seenCR = !1) : "\r" === e || "\u2028" === e || "\u2029" === e ? (l.line++, l.column = 1,
+ 	                l.seenCR = !0) : (l.column++, l.seenCR = !1);
+ 	            }
+ 	            return Mt !== l && (Mt > l && (Mt = 0, Dt = {
+@@ -6743,19 +6743,19 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        function c() {
+ 	            var l, u, t, r, o;
+-	            return l = qt, u = i(), null !== u ? (t = qt, 124 === n.charCodeAt(qt) ? (r = fl,
+-	            qt++) : (r = null, 0 === Wt && e(sl)), null !== r ? (o = c(), null !== o ? (r = [ r, o ],
+-	            t = r) : (qt = t, t = il)) : (qt = t, t = il), null === t && (t = al), null !== t ? (Lt = l,
+-	            u = hl(u, t), null === u ? (qt = l, l = u) : l = u) : (qt = l, l = il)) : (qt = l,
++	            return l = qt, u = i(), null !== u ? (t = qt, 124 === n.charCodeAt(qt) ? (r = fl,
++	            qt++) : (r = null, 0 === Wt && e(sl)), null !== r ? (o = c(), null !== o ? (r = [ r, o ],
++	            t = r) : (qt = t, t = il)) : (qt = t, t = il), null === t && (t = al), null !== t ? (Lt = l,
++	            u = hl(u, t), null === u ? (qt = l, l = u) : l = u) : (qt = l, l = il)) : (qt = l,
+ 	            l = il), l;
+ 	        }
+ 	        function i() {
+ 	            var n, l, u, t, r;
+-	            if (n = qt, l = f(), null === l && (l = al), null !== l) if (u = qt, Wt++, t = d(),
++	            if (n = qt, l = f(), null === l && (l = al), null !== l) if (u = qt, Wt++, t = d(),
+ 	            Wt--, null === t ? u = al : (qt = u, u = il), null !== u) {
+-	                for (t = [], r = h(), null === r && (r = a()); null !== r; ) t.push(r), r = h(),
++	                for (t = [], r = h(), null === r && (r = a()); null !== r; ) t.push(r), r = h(),
+ 	                null === r && (r = a());
+-	                null !== t ? (r = s(), null === r && (r = al), null !== r ? (Lt = n, l = dl(l, t, r),
++	                null !== t ? (r = s(), null === r && (r = al), null !== r ? (Lt = n, l = dl(l, t, r),
+ 	                null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n, n = il);
+ 	            } else qt = n, n = il; else qt = n, n = il;
+ 	            return n;
+@@ -6766,148 +6766,148 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        function f() {
+ 	            var l, u;
+-	            return l = qt, 94 === n.charCodeAt(qt) ? (u = pl, qt++) : (u = null, 0 === Wt && e(vl)),
++	            return l = qt, 94 === n.charCodeAt(qt) ? (u = pl, qt++) : (u = null, 0 === Wt && e(vl)),
+ 	            null !== u && (Lt = l, u = wl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function s() {
+ 	            var l, u;
+-	            return l = qt, 36 === n.charCodeAt(qt) ? (u = Al, qt++) : (u = null, 0 === Wt && e(Cl)),
++	            return l = qt, 36 === n.charCodeAt(qt) ? (u = Al, qt++) : (u = null, 0 === Wt && e(Cl)),
+ 	            null !== u && (Lt = l, u = gl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function h() {
+ 	            var n, l, u;
+-	            return n = qt, l = a(), null !== l ? (u = d(), null !== u ? (Lt = n, l = bl(l, u),
++	            return n = qt, l = a(), null !== l ? (u = d(), null !== u ? (Lt = n, l = bl(l, u),
+ 	            null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n, n = il), n;
+ 	        }
+ 	        function d() {
+ 	            var n, l, u;
+-	            return Wt++, n = qt, l = p(), null !== l ? (u = k(), null === u && (u = al), null !== u ? (Lt = n,
+-	            l = Tl(l, u), null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n,
++	            return Wt++, n = qt, l = p(), null !== l ? (u = k(), null === u && (u = al), null !== u ? (Lt = n,
++	            l = Tl(l, u), null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n,
+ 	            n = il), Wt--, null === n && (l = null, 0 === Wt && e(kl)), n;
+ 	        }
+ 	        function p() {
+ 	            var n;
+-	            return n = v(), null === n && (n = w(), null === n && (n = A(), null === n && (n = C(),
++	            return n = v(), null === n && (n = w(), null === n && (n = A(), null === n && (n = C(),
+ 	            null === n && (n = g(), null === n && (n = b()))))), n;
+ 	        }
+ 	        function v() {
+ 	            var l, u, t, r, o, c;
+-	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+-	            null !== u ? (t = T(), null !== t ? (44 === n.charCodeAt(qt) ? (r = ml, qt++) : (r = null,
+-	            0 === Wt && e(Rl)), null !== r ? (o = T(), null !== o ? (125 === n.charCodeAt(qt) ? (c = Fl,
+-	            qt++) : (c = null, 0 === Wt && e(Ql)), null !== c ? (Lt = l, u = Sl(t, o), null === u ? (qt = l,
+-	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l,
++	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
++	            null !== u ? (t = T(), null !== t ? (44 === n.charCodeAt(qt) ? (r = ml, qt++) : (r = null,
++	            0 === Wt && e(Rl)), null !== r ? (o = T(), null !== o ? (125 === n.charCodeAt(qt) ? (c = Fl,
++	            qt++) : (c = null, 0 === Wt && e(Ql)), null !== c ? (Lt = l, u = Sl(t, o), null === u ? (qt = l,
++	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function w() {
+ 	            var l, u, t, r;
+-	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+-	            null !== u ? (t = T(), null !== t ? (n.substr(qt, 2) === Ul ? (r = Ul, qt += 2) : (r = null,
+-	            0 === Wt && e(El)), null !== r ? (Lt = l, u = Gl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
++	            null !== u ? (t = T(), null !== t ? (n.substr(qt, 2) === Ul ? (r = Ul, qt += 2) : (r = null,
++	            0 === Wt && e(El)), null !== r ? (Lt = l, u = Gl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function A() {
+ 	            var l, u, t, r;
+-	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+-	            null !== u ? (t = T(), null !== t ? (125 === n.charCodeAt(qt) ? (r = Fl, qt++) : (r = null,
+-	            0 === Wt && e(Ql)), null !== r ? (Lt = l, u = Bl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
++	            null !== u ? (t = T(), null !== t ? (125 === n.charCodeAt(qt) ? (r = Fl, qt++) : (r = null,
++	            0 === Wt && e(Ql)), null !== r ? (Lt = l, u = Bl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function C() {
+ 	            var l, u;
+-	            return l = qt, 43 === n.charCodeAt(qt) ? (u = jl, qt++) : (u = null, 0 === Wt && e($l)),
++	            return l = qt, 43 === n.charCodeAt(qt) ? (u = jl, qt++) : (u = null, 0 === Wt && e($l)),
+ 	            null !== u && (Lt = l, u = ql()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function g() {
+ 	            var l, u;
+-	            return l = qt, 42 === n.charCodeAt(qt) ? (u = Ll, qt++) : (u = null, 0 === Wt && e(Ml)),
++	            return l = qt, 42 === n.charCodeAt(qt) ? (u = Ll, qt++) : (u = null, 0 === Wt && e(Ml)),
+ 	            null !== u && (Lt = l, u = Dl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function b() {
+ 	            var l, u;
+-	            return l = qt, 63 === n.charCodeAt(qt) ? (u = Hl, qt++) : (u = null, 0 === Wt && e(Ol)),
++	            return l = qt, 63 === n.charCodeAt(qt) ? (u = Hl, qt++) : (u = null, 0 === Wt && e(Ol)),
+ 	            null !== u && (Lt = l, u = Wl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function k() {
+ 	            var l;
+-	            return 63 === n.charCodeAt(qt) ? (l = Hl, qt++) : (l = null, 0 === Wt && e(Ol)),
++	            return 63 === n.charCodeAt(qt) ? (l = Hl, qt++) : (l = null, 0 === Wt && e(Ol)),
+ 	            l;
+ 	        }
+ 	        function T() {
+ 	            var l, u, t;
+-	            if (l = qt, u = [], zl.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null,
+-	            0 === Wt && e(Il)), null !== t) for (;null !== t; ) u.push(t), zl.test(n.charAt(qt)) ? (t = n.charAt(qt),
++	            if (l = qt, u = [], zl.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null,
++	            0 === Wt && e(Il)), null !== t) for (;null !== t; ) u.push(t), zl.test(n.charAt(qt)) ? (t = n.charAt(qt),
+ 	            qt++) : (t = null, 0 === Wt && e(Il)); else u = il;
+-	            return null !== u && (Lt = l, u = Jl(u)), null === u ? (qt = l, l = u) : l = u,
++	            return null !== u && (Lt = l, u = Jl(u)), null === u ? (qt = l, l = u) : l = u,
+ 	            l;
+ 	        }
+ 	        function x() {
+ 	            var l, u, t, r;
+-	            return l = qt, 40 === n.charCodeAt(qt) ? (u = Kl, qt++) : (u = null, 0 === Wt && e(Nl)),
+-	            null !== u ? (t = R(), null === t && (t = F(), null === t && (t = m(), null === t && (t = y()))),
+-	            null !== t ? (41 === n.charCodeAt(qt) ? (r = Pl, qt++) : (r = null, 0 === Wt && e(Vl)),
+-	            null !== r ? (Lt = l, u = Xl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, 40 === n.charCodeAt(qt) ? (u = Kl, qt++) : (u = null, 0 === Wt && e(Nl)),
++	            null !== u ? (t = R(), null === t && (t = F(), null === t && (t = m(), null === t && (t = y()))),
++	            null !== t ? (41 === n.charCodeAt(qt) ? (r = Pl, qt++) : (r = null, 0 === Wt && e(Vl)),
++	            null !== r ? (Lt = l, u = Xl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function y() {
+ 	            var n, l;
+-	            return n = qt, l = c(), null !== l && (Lt = n, l = Yl(l)), null === l ? (qt = n,
++	            return n = qt, l = c(), null !== l && (Lt = n, l = Yl(l)), null === l ? (qt = n,
+ 	            n = l) : n = l, n;
+ 	        }
+ 	        function m() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === Zl ? (u = Zl, qt += 2) : (u = null, 0 === Wt && e(_l)),
+-	            null !== u ? (t = c(), null !== t ? (Lt = l, u = nu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, n.substr(qt, 2) === Zl ? (u = Zl, qt += 2) : (u = null, 0 === Wt && e(_l)),
++	            null !== u ? (t = c(), null !== t ? (Lt = l, u = nu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function R() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === lu ? (u = lu, qt += 2) : (u = null, 0 === Wt && e(uu)),
+-	            null !== u ? (t = c(), null !== t ? (Lt = l, u = tu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, n.substr(qt, 2) === lu ? (u = lu, qt += 2) : (u = null, 0 === Wt && e(uu)),
++	            null !== u ? (t = c(), null !== t ? (Lt = l, u = tu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function F() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === ru ? (u = ru, qt += 2) : (u = null, 0 === Wt && e(eu)),
+-	            null !== u ? (t = c(), null !== t ? (Lt = l, u = ou(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, n.substr(qt, 2) === ru ? (u = ru, qt += 2) : (u = null, 0 === Wt && e(eu)),
++	            null !== u ? (t = c(), null !== t ? (Lt = l, u = ou(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function Q() {
+ 	            var l, u, t, r, o;
+-	            if (Wt++, l = qt, 91 === n.charCodeAt(qt) ? (u = iu, qt++) : (u = null, 0 === Wt && e(au)),
+-	            null !== u) if (94 === n.charCodeAt(qt) ? (t = pl, qt++) : (t = null, 0 === Wt && e(vl)),
++	            if (Wt++, l = qt, 91 === n.charCodeAt(qt) ? (u = iu, qt++) : (u = null, 0 === Wt && e(au)),
++	            null !== u) if (94 === n.charCodeAt(qt) ? (t = pl, qt++) : (t = null, 0 === Wt && e(vl)),
+ 	            null === t && (t = al), null !== t) {
+-	                for (r = [], o = S(), null === o && (o = U()); null !== o; ) r.push(o), o = S(),
++	                for (r = [], o = S(), null === o && (o = U()); null !== o; ) r.push(o), o = S(),
+ 	                null === o && (o = U());
+-	                null !== r ? (93 === n.charCodeAt(qt) ? (o = fu, qt++) : (o = null, 0 === Wt && e(su)),
+-	                null !== o ? (Lt = l, u = hu(t, r), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	                null !== r ? (93 === n.charCodeAt(qt) ? (o = fu, qt++) : (o = null, 0 === Wt && e(su)),
++	                null !== o ? (Lt = l, u = hu(t, r), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il)) : (qt = l, l = il);
+ 	            } else qt = l, l = il; else qt = l, l = il;
+ 	            return Wt--, null === l && (u = null, 0 === Wt && e(cu)), l;
+ 	        }
+ 	        function S() {
+ 	            var l, u, t, r;
+-	            return Wt++, l = qt, u = U(), null !== u ? (45 === n.charCodeAt(qt) ? (t = pu, qt++) : (t = null,
+-	            0 === Wt && e(vu)), null !== t ? (r = U(), null !== r ? (Lt = l, u = wu(u, r), null === u ? (qt = l,
+-	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il), Wt--,
++	            return Wt++, l = qt, u = U(), null !== u ? (45 === n.charCodeAt(qt) ? (t = pu, qt++) : (t = null,
++	            0 === Wt && e(vu)), null !== t ? (r = U(), null !== r ? (Lt = l, u = wu(u, r), null === u ? (qt = l,
++	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il), Wt--,
+ 	            null === l && (u = null, 0 === Wt && e(du)), l;
+ 	        }
+ 	        function U() {
+ 	            var n, l;
+-	            return Wt++, n = G(), null === n && (n = E()), Wt--, null === n && (l = null, 0 === Wt && e(Au)),
++	            return Wt++, n = G(), null === n && (n = E()), Wt--, null === n && (l = null, 0 === Wt && e(Au)),
+ 	            n;
+ 	        }
+ 	        function E() {
+ 	            var l, u;
+-	            return l = qt, Cu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null, 0 === Wt && e(gu)),
++	            return l = qt, Cu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null, 0 === Wt && e(gu)),
+ 	            null !== u && (Lt = l, u = bu(u)), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function G() {
+ 	            var n;
+-	            return n = L(), null === n && (n = Y(), null === n && (n = H(), null === n && (n = O(),
+-	            null === n && (n = W(), null === n && (n = z(), null === n && (n = I(), null === n && (n = J(),
+-	            null === n && (n = K(), null === n && (n = N(), null === n && (n = P(), null === n && (n = V(),
+-	            null === n && (n = X(), null === n && (n = _(), null === n && (n = nl(), null === n && (n = ll(),
++	            return n = L(), null === n && (n = Y(), null === n && (n = H(), null === n && (n = O(),
++	            null === n && (n = W(), null === n && (n = z(), null === n && (n = I(), null === n && (n = J(),
++	            null === n && (n = K(), null === n && (n = N(), null === n && (n = P(), null === n && (n = V(),
++	            null === n && (n = X(), null === n && (n = _(), null === n && (n = nl(), null === n && (n = ll(),
+ 	            null === n && (n = ul(), null === n && (n = tl()))))))))))))))))), n;
+ 	        }
+ 	        function B() {
+@@ -6916,154 +6916,154 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        function j() {
+ 	            var l, u;
+-	            return l = qt, 46 === n.charCodeAt(qt) ? (u = ku, qt++) : (u = null, 0 === Wt && e(Tu)),
++	            return l = qt, 46 === n.charCodeAt(qt) ? (u = ku, qt++) : (u = null, 0 === Wt && e(Tu)),
+ 	            null !== u && (Lt = l, u = xu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function $() {
+ 	            var l, u;
+-	            return Wt++, l = qt, mu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null,
+-	            0 === Wt && e(Ru)), null !== u && (Lt = l, u = bu(u)), null === u ? (qt = l, l = u) : l = u,
++	            return Wt++, l = qt, mu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null,
++	            0 === Wt && e(Ru)), null !== u && (Lt = l, u = bu(u)), null === u ? (qt = l, l = u) : l = u,
+ 	            Wt--, null === l && (u = null, 0 === Wt && e(yu)), l;
+ 	        }
+ 	        function q() {
+ 	            var n;
+-	            return n = M(), null === n && (n = D(), null === n && (n = Y(), null === n && (n = H(),
+-	            null === n && (n = O(), null === n && (n = W(), null === n && (n = z(), null === n && (n = I(),
+-	            null === n && (n = J(), null === n && (n = K(), null === n && (n = N(), null === n && (n = P(),
+-	            null === n && (n = V(), null === n && (n = X(), null === n && (n = Z(), null === n && (n = _(),
+-	            null === n && (n = nl(), null === n && (n = ll(), null === n && (n = ul(), null === n && (n = tl()))))))))))))))))))),
++	            return n = M(), null === n && (n = D(), null === n && (n = Y(), null === n && (n = H(),
++	            null === n && (n = O(), null === n && (n = W(), null === n && (n = z(), null === n && (n = I(),
++	            null === n && (n = J(), null === n && (n = K(), null === n && (n = N(), null === n && (n = P(),
++	            null === n && (n = V(), null === n && (n = X(), null === n && (n = Z(), null === n && (n = _(),
++	            null === n && (n = nl(), null === n && (n = ll(), null === n && (n = ul(), null === n && (n = tl()))))))))))))))))))),
+ 	            n;
+ 	        }
+ 	        function L() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
++	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
+ 	            null !== u && (Lt = l, u = Su()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function M() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
++	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
+ 	            null !== u && (Lt = l, u = Uu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function D() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Eu ? (u = Eu, qt += 2) : (u = null, 0 === Wt && e(Gu)),
++	            return l = qt, n.substr(qt, 2) === Eu ? (u = Eu, qt += 2) : (u = null, 0 === Wt && e(Gu)),
+ 	            null !== u && (Lt = l, u = Bu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function H() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === ju ? (u = ju, qt += 2) : (u = null, 0 === Wt && e($u)),
++	            return l = qt, n.substr(qt, 2) === ju ? (u = ju, qt += 2) : (u = null, 0 === Wt && e($u)),
+ 	            null !== u && (Lt = l, u = qu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function O() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Lu ? (u = Lu, qt += 2) : (u = null, 0 === Wt && e(Mu)),
++	            return l = qt, n.substr(qt, 2) === Lu ? (u = Lu, qt += 2) : (u = null, 0 === Wt && e(Mu)),
+ 	            null !== u && (Lt = l, u = Du()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function W() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Hu ? (u = Hu, qt += 2) : (u = null, 0 === Wt && e(Ou)),
++	            return l = qt, n.substr(qt, 2) === Hu ? (u = Hu, qt += 2) : (u = null, 0 === Wt && e(Ou)),
+ 	            null !== u && (Lt = l, u = Wu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function z() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === zu ? (u = zu, qt += 2) : (u = null, 0 === Wt && e(Iu)),
++	            return l = qt, n.substr(qt, 2) === zu ? (u = zu, qt += 2) : (u = null, 0 === Wt && e(Iu)),
+ 	            null !== u && (Lt = l, u = Ju()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function I() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Ku ? (u = Ku, qt += 2) : (u = null, 0 === Wt && e(Nu)),
++	            return l = qt, n.substr(qt, 2) === Ku ? (u = Ku, qt += 2) : (u = null, 0 === Wt && e(Nu)),
+ 	            null !== u && (Lt = l, u = Pu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function J() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Vu ? (u = Vu, qt += 2) : (u = null, 0 === Wt && e(Xu)),
++	            return l = qt, n.substr(qt, 2) === Vu ? (u = Vu, qt += 2) : (u = null, 0 === Wt && e(Xu)),
+ 	            null !== u && (Lt = l, u = Yu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function K() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Zu ? (u = Zu, qt += 2) : (u = null, 0 === Wt && e(_u)),
++	            return l = qt, n.substr(qt, 2) === Zu ? (u = Zu, qt += 2) : (u = null, 0 === Wt && e(_u)),
+ 	            null !== u && (Lt = l, u = nt()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function N() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === lt ? (u = lt, qt += 2) : (u = null, 0 === Wt && e(ut)),
++	            return l = qt, n.substr(qt, 2) === lt ? (u = lt, qt += 2) : (u = null, 0 === Wt && e(ut)),
+ 	            null !== u && (Lt = l, u = tt()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function P() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === rt ? (u = rt, qt += 2) : (u = null, 0 === Wt && e(et)),
++	            return l = qt, n.substr(qt, 2) === rt ? (u = rt, qt += 2) : (u = null, 0 === Wt && e(et)),
+ 	            null !== u && (Lt = l, u = ot()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function V() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === ct ? (u = ct, qt += 2) : (u = null, 0 === Wt && e(it)),
++	            return l = qt, n.substr(qt, 2) === ct ? (u = ct, qt += 2) : (u = null, 0 === Wt && e(it)),
+ 	            null !== u && (Lt = l, u = at()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function X() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === ft ? (u = ft, qt += 2) : (u = null, 0 === Wt && e(st)),
++	            return l = qt, n.substr(qt, 2) === ft ? (u = ft, qt += 2) : (u = null, 0 === Wt && e(st)),
+ 	            null !== u && (Lt = l, u = ht()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function Y() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === dt ? (u = dt, qt += 2) : (u = null, 0 === Wt && e(pt)),
+-	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
+-	            null !== t ? (Lt = l, u = wt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, n.substr(qt, 2) === dt ? (u = dt, qt += 2) : (u = null, 0 === Wt && e(pt)),
++	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
++	            null !== t ? (Lt = l, u = wt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function Z() {
+ 	            var l, u, t;
+-	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
+-	            null !== u ? (gt.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(bt)),
+-	            null !== t ? (Lt = l, u = kt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
++	            null !== u ? (gt.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(bt)),
++	            null !== t ? (Lt = l, u = kt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function _() {
+ 	            var l, u, t, r;
+-	            if (l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
++	            if (l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
+ 	            null !== u) {
+-	                if (t = [], yt.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(mt)),
+-	                null !== r) for (;null !== r; ) t.push(r), yt.test(n.charAt(qt)) ? (r = n.charAt(qt),
++	                if (t = [], yt.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(mt)),
++	                null !== r) for (;null !== r; ) t.push(r), yt.test(n.charAt(qt)) ? (r = n.charAt(qt),
+ 	                qt++) : (r = null, 0 === Wt && e(mt)); else t = il;
+-	                null !== t ? (Lt = l, u = Rt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	                null !== t ? (Lt = l, u = Rt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il);
+ 	            } else qt = l, l = il;
+ 	            return l;
+ 	        }
+ 	        function nl() {
+ 	            var l, u, t, r;
+-	            if (l = qt, n.substr(qt, 2) === Ft ? (u = Ft, qt += 2) : (u = null, 0 === Wt && e(Qt)),
++	            if (l = qt, n.substr(qt, 2) === Ft ? (u = Ft, qt += 2) : (u = null, 0 === Wt && e(Qt)),
+ 	            null !== u) {
+-	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
+-	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
++	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
++	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
+ 	                qt++) : (r = null, 0 === Wt && e(Ut)); else t = il;
+-	                null !== t ? (Lt = l, u = Et(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	                null !== t ? (Lt = l, u = Et(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il);
+ 	            } else qt = l, l = il;
+ 	            return l;
+ 	        }
+ 	        function ll() {
+ 	            var l, u, t, r;
+-	            if (l = qt, n.substr(qt, 2) === Gt ? (u = Gt, qt += 2) : (u = null, 0 === Wt && e(Bt)),
++	            if (l = qt, n.substr(qt, 2) === Gt ? (u = Gt, qt += 2) : (u = null, 0 === Wt && e(Bt)),
+ 	            null !== u) {
+-	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
+-	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
++	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
++	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
+ 	                qt++) : (r = null, 0 === Wt && e(Ut)); else t = il;
+-	                null !== t ? (Lt = l, u = jt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	                null !== t ? (Lt = l, u = jt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il);
+ 	            } else qt = l, l = il;
+ 	            return l;
+ 	        }
+ 	        function ul() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
++	            return l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
+ 	            null !== u && (Lt = l, u = $t()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function tl() {
+ 	            var l, u, t;
+-	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
+-	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
+-	            null !== t ? (Lt = l, u = bu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
++	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
++	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
++	            null !== t ? (Lt = l, u = bu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        var rl, el = arguments.length > 1 ? arguments[1] : {}, ol = {
+@@ -7234,7 +7234,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	var Util = __webpack_require__(3)
+ 	var Random = __webpack_require__(5)
+ 	    /*
+-
++
+ 	    */
+ 	var Handler = {
+ 	    extend: Util.extend
+@@ -7481,7 +7481,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        return Random.integer(min, max)
+ 	    },
+ 	    /*
+-
++
+ 	    */
+ 	    charset: function(node, result, cache) {
+ 	        // node.invert
+@@ -7642,11 +7642,11 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	    ## valid(template, data)
+
+ 	    校验真实数据 data 是否与数据模板 template 匹配。
+-
++
+ 	    实现思路：
+ 	    1. 解析规则。
+ 	        先把数据模板 template 解析为更方便机器解析的 JSON-Schame
+-	        name               属性名
++	        name               属性名
+ 	        type               属性值类型
+ 	        template           属性值模板
+ 	        properties         对象属性数组
+@@ -7655,7 +7655,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	    2. 递归验证规则。
+ 	        然后用 JSON-Schema 校验真实数据，校验项包括属性名、值类型、值、值生成规则。
+
+-	    提示信息
++	    提示信息
+ 	    https://github.com/fge/json-schema-validator/blob/master/src/main/resources/com/github/fge/jsonschema/validator/validation.properties
+ 	    [JSON-Schama validator](http://json-schema-validator.herokuapp.com/)
+ 	    [Regexp Demo](http://demos.forbeslindesay.co.uk/regexp/)
+@@ -7693,8 +7693,8 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	                    +step
+ 	                    整数部分
+ 	                    小数部分
+-	                boolean
+-	                string
++	                boolean
++	                string
+ 	                    min-max
+ 	                    count
+ 	    ## properties
+@@ -7949,9 +7949,9 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	/*
+ 	    完善、友好的提示信息
+-
++
+ 	    Equal, not equal to, greater than, less than, greater than or equal to, less than or equal to
+-	    路径 验证类型 描述
++	    路径 验证类型 描述
+
+ 	    Expect path.name is less than or equal to expected, but path.name is actual.
+
+@@ -8264,7 +8264,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	Util.extend(MockXMLHttpRequest.prototype, {
+ 	    // https://xhr.spec.whatwg.org/#the-open()-method
+ 	    // Sets the request method, request URL, and synchronous flag.
+-	    open: function(method, url, async, username, password) {
++	    open: function(method, url, async = true, username, password) {
+ 	        var that = this
+
+ 	        Util.extend(this.custom, {
+@@ -8310,6 +8310,8 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            var xhr = createNativeXMLHttpRequest()
+ 	            this.custom.xhr = xhr
+
++                MockXMLHttpRequest.prototype.upload = xhr.upload
++
+ 	            // 初始化所有事件，用于监听原生 XHR 对象的事件
+ 	            for (var i = 0; i < XHR_EVENTS.length; i++) {
+ 	                xhr.addEventListener(XHR_EVENTS[i], handle)
+@@ -8360,6 +8362,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	        // 原生 XHR
+ 	        if (!this.match) {
++                this.custom.xhr.responseType = this.responseType || ''
+ 	            this.custom.xhr.send(data)
+ 	            return
+ 	        }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..0f7f49b
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,13561 @@
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+patchedDependencies:
+  mockjs@1.1.0:
+    hash: zljuuegabo7mnbroxnwxab3e2u
+    path: patches/mockjs@1.1.0.patch
+
+dependencies:
+  '@ant-design/icons-vue':
+    specifier: ^6.1.0
+    version: 6.1.0(vue@3.3.4)
+  '@antv/data-set':
+    specifier: ^0.11.8
+    version: 0.11.8
+  '@antv/g2':
+    specifier: ^4.2.10
+    version: 4.2.11
+  '@better-scroll/core':
+    specifier: ^2.5.1
+    version: 2.5.1
+  '@fast-crud/fast-crud':
+    specifier: ^1.19.3
+    version: 1.20.2(vue@3.3.4)
+  '@fast-crud/fast-extends':
+    specifier: ^1.19.3
+    version: 1.20.2(vue@3.3.4)
+  '@fast-crud/ui-interface':
+    specifier: ^1.19.3
+    version: 1.20.2
+  '@fast-crud/ui-naive':
+    specifier: ^1.19.3
+    version: 1.20.2
+  '@soybeanjs/vue-materials':
+    specifier: ^0.1.9
+    version: 0.1.16(vue@3.3.4)
+  '@vicons/ionicons5':
+    specifier: ^0.12.0
+    version: 0.12.0
+  '@vueuse/core':
+    specifier: ^10.1.2
+    version: 10.9.0(vue@3.3.4)
+  axios:
+    specifier: 1.4.0
+    version: 1.4.0
+  clipboard:
+    specifier: ^2.0.11
+    version: 2.0.11
+  colord:
+    specifier: ^2.9.3
+    version: 2.9.3
+  crypto-js:
+    specifier: ^4.1.1
+    version: 4.2.0
+  dayjs:
+    specifier: ^1.11.7
+    version: 1.11.11
+  echarts:
+    specifier: ^5.4.2
+    version: 5.5.0
+  form-data:
+    specifier: ^4.0.0
+    version: 4.0.0
+  fs:
+    specifier: 0.0.1-security
+    version: 0.0.1-security
+  html2canvas:
+    specifier: ^1.4.1
+    version: 1.4.1
+  lodash-es:
+    specifier: ^4.17.21
+    version: 4.17.21
+  mitt:
+    specifier: ^3.0.1
+    version: 3.0.1
+  moment:
+    specifier: ^2.30.1
+    version: 2.30.1
+  naive-ui:
+    specifier: 2.38.2
+    version: 2.38.2(vue@3.3.4)
+  pinia:
+    specifier: ^2.1.3
+    version: 2.1.7(typescript@5.0.4)(vue@3.3.4)
+  print-js:
+    specifier: ^1.6.0
+    version: 1.6.0
+  qs:
+    specifier: ^6.11.2
+    version: 6.12.1
+  swiper:
+    specifier: ^9.3.2
+    version: 9.4.1
+  typed.js:
+    specifier: ^2.1.0
+    version: 2.1.0
+  ua-parser-js:
+    specifier: ^1.0.35
+    version: 1.0.37
+  vditor:
+    specifier: ^3.9.2
+    version: 3.10.4
+  vue:
+    specifier: 3.3.4
+    version: 3.3.4
+  vue-codemirror:
+    specifier: ^6.1.1
+    version: 6.1.1(codemirror@6.0.1)(vue@3.3.4)
+  vue-i18n:
+    specifier: ^9.2.2
+    version: 9.13.1(vue@3.3.4)
+  vue-router:
+    specifier: ^4.2.1
+    version: 4.3.2(vue@3.3.4)
+  vuedraggable:
+    specifier: ^4.1.0
+    version: 4.1.0(vue@3.3.4)
+  wangeditor:
+    specifier: ^4.7.15
+    version: 4.7.15
+  xgplayer:
+    specifier: ^3.0.2
+    version: 3.0.18(core-js@3.37.1)
+
+devDependencies:
+  '@amap/amap-jsapi-types':
+    specifier: ^0.0.13
+    version: 0.0.13
+  '@iconify/json':
+    specifier: ^2.2.67
+    version: 2.2.213
+  '@iconify/vue':
+    specifier: ^4.1.1
+    version: 4.1.2(vue@3.3.4)
+  '@soybeanjs/cli':
+    specifier: ^0.1.9
+    version: 0.1.9
+  '@soybeanjs/vite-plugin-vue-page-route':
+    specifier: ^0.0.5
+    version: 0.0.5
+  '@types/bmapgl':
+    specifier: ^0.0.7
+    version: 0.0.7
+  '@types/crypto-js':
+    specifier: ^4.1.1
+    version: 4.2.2
+  '@types/jsonwebtoken':
+    specifier: ^9.0.6
+    version: 9.0.6
+  '@types/node':
+    specifier: 20.2.1
+    version: 20.2.1
+  '@types/qs':
+    specifier: ^6.9.7
+    version: 6.9.15
+  '@types/ua-parser-js':
+    specifier: ^0.7.36
+    version: 0.7.39
+  '@unocss/preset-uno':
+    specifier: ^0.52.0
+    version: 0.52.7
+  '@unocss/transformer-directives':
+    specifier: ^0.52.0
+    version: 0.52.7
+  '@unocss/vite':
+    specifier: ^0.52.0
+    version: 0.52.7(rollup@2.79.1)(vite@4.5.3)
+  '@vitejs/plugin-vue':
+    specifier: ^4.2.3
+    version: 4.6.2(vite@4.5.3)(vue@3.3.4)
+  '@vitejs/plugin-vue-jsx':
+    specifier: ^3.0.1
+    version: 3.1.0(vite@4.5.3)(vue@3.3.4)
+  conventional-changelog:
+    specifier: ^3.1.25
+    version: 3.1.25
+  cross-env:
+    specifier: ^7.0.3
+    version: 7.0.3
+  eslint:
+    specifier: ^8.41.0
+    version: 8.57.0
+  eslint-config-soybeanjs:
+    specifier: ^0.3.7
+    version: 0.3.8(eslint@8.57.0)(svelte@3.59.2)(typescript@5.0.4)
+  lint-staged:
+    specifier: 13.2.2
+    version: 13.2.2
+  mockjs:
+    specifier: ^1.1.0
+    version: 1.1.0(patch_hash=zljuuegabo7mnbroxnwxab3e2u)
+  rollup-plugin-visualizer:
+    specifier: ^5.9.0
+    version: 5.12.0(rollup@2.79.1)
+  sass:
+    specifier: ^1.62.1
+    version: 1.77.2
+  simple-git-hooks:
+    specifier: ^2.8.1
+    version: 2.11.1
+  standard-version:
+    specifier: ^9.5.0
+    version: 9.5.0
+  tsx:
+    specifier: ^3.12.7
+    version: 3.14.0
+  typescript:
+    specifier: 5.0.4
+    version: 5.0.4
+  unplugin-icons:
+    specifier: ^0.16.1
+    version: 0.16.6
+  unplugin-vue-components:
+    specifier: 0.24.1
+    version: 0.24.1(rollup@2.79.1)(vue@3.3.4)
+  vite:
+    specifier: ^4.3.8
+    version: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+  vite-plugin-compression:
+    specifier: ^0.5.1
+    version: 0.5.1(vite@4.5.3)
+  vite-plugin-mock:
+    specifier: 2.9.8
+    version: 2.9.8(mockjs@1.1.0)(vite@4.5.3)
+  vite-plugin-progress:
+    specifier: ^0.0.7
+    version: 0.0.7(vite@4.5.3)
+  vite-plugin-pwa:
+    specifier: ^0.15.0
+    version: 0.15.2(vite@4.5.3)(workbox-build@6.6.0)(workbox-window@6.6.0)
+  vite-plugin-svg-icons:
+    specifier: ^2.0.1
+    version: 2.0.1(vite@4.5.3)
+  vue-tsc:
+    specifier: 1.6.5
+    version: 1.6.5(typescript@5.0.4)
+
+packages:
+
+  /@amap/amap-jsapi-types@0.0.13:
+    resolution: {integrity: sha512-hwp36URjQT9vDTmoUPYph3SEAiOvoUB+PGK0jZeZamgvaxew7rgc1XZWL/HphyMfRAqKwIYsAvXm9v8DTSjjzA==}
+    dev: true
+
+  /@ampproject/remapping@2.3.0:
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+    dev: true
+
+  /@ant-design/colors@6.0.0:
+    resolution: {integrity: sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==}
+    dependencies:
+      '@ctrl/tinycolor': 3.6.1
+    dev: false
+
+  /@ant-design/icons-svg@4.4.2:
+    resolution: {integrity: sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==}
+    dev: false
+
+  /@ant-design/icons-vue@6.1.0(vue@3.3.4):
+    resolution: {integrity: sha512-EX6bYm56V+ZrKN7+3MT/ubDkvJ5rK/O2t380WFRflDcVFgsvl3NLH7Wxeau6R8DbrO5jWR6DSTC3B6gYFp77AA==}
+    peerDependencies:
+      vue: '>=3.0.3'
+    dependencies:
+      '@ant-design/colors': 6.0.0
+      '@ant-design/icons-svg': 4.4.2
+      vue: 3.3.4
+    dev: false
+
+  /@antfu/install-pkg@0.1.1:
+    resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
+    dependencies:
+      execa: 5.1.1
+      find-up: 5.0.0
+    dev: true
+
+  /@antfu/utils@0.7.8:
+    resolution: {integrity: sha512-rWQkqXRESdjXtc+7NRfK9lASQjpXJu1ayp7qi1d23zZorY+wBHVLHHoVcMsEnkqEBWTFqbztO7/QdJFzyEcLTg==}
+    dev: true
+
+  /@antv/adjust@0.2.5:
+    resolution: {integrity: sha512-MfWZOkD9CqXRES6MBGRNe27Q577a72EIwyMnE29wIlPliFvJfWwsrONddpGU7lilMpVKecS3WAzOoip3RfPTRQ==}
+    dependencies:
+      '@antv/util': 2.0.17
+      tslib: 1.14.1
+    dev: false
+
+  /@antv/attr@0.3.5:
+    resolution: {integrity: sha512-wuj2gUo6C8Q2ASSMrVBuTcb5LcV+Tc0Egiy6bC42D0vxcQ+ta13CLxgMmHz8mjD0FxTPJDXSciyszRSC5TdLsg==}
+    dependencies:
+      '@antv/color-util': 2.0.6
+      '@antv/scale': 0.3.18
+      '@antv/util': 2.0.17
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/color-util@2.0.6:
+    resolution: {integrity: sha512-KnPEaAH+XNJMjax9U35W67nzPI+QQ2x27pYlzmSIWrbj4/k8PGrARXfzDTjwoozHJY8qG62Z+Ww6Alhu2FctXQ==}
+    dependencies:
+      '@antv/util': 2.0.17
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/component@0.8.35:
+    resolution: {integrity: sha512-VnRa5X77nBPI952o2xePEEMSNZ6g2mcUDrQY8mVL2kino/8TFhqDq5fTRmDXZyWyIYd4ulJTz5zgeSwAnX/INQ==}
+    dependencies:
+      '@antv/color-util': 2.0.6
+      '@antv/dom-util': 2.0.4
+      '@antv/g-base': 0.5.16
+      '@antv/matrix-util': 3.1.0-beta.3
+      '@antv/path-util': 2.0.15
+      '@antv/scale': 0.3.18
+      '@antv/util': 2.0.17
+      fecha: 4.2.3
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/coord@0.3.1:
+    resolution: {integrity: sha512-rFE94C8Xzbx4xmZnHh2AnlB3Qm1n5x0VT3OROy257IH6Rm4cuzv1+tZaUBATviwZd99S+rOY9telw/+6C9GbRw==}
+    dependencies:
+      '@antv/matrix-util': 3.1.0-beta.3
+      '@antv/util': 2.0.17
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/data-set@0.11.8:
+    resolution: {integrity: sha512-8/YDsfk4wNQdo/J9tfmzOuo9Y5nl0mB+sSZO+tEZsHFLUhMrioJGBMPkuW51Pn0zcVZPNivuMBi2sQKYCpCeew==}
+    dependencies:
+      '@antv/hierarchy': 0.6.12
+      '@antv/util': 2.0.17
+      d3-composite-projections: 1.4.0
+      d3-dsv: 1.2.0
+      d3-geo: 1.6.4
+      d3-geo-projection: 2.1.2
+      d3-hexjson: 1.1.1
+      d3-hierarchy: 1.1.9
+      d3-sankey: 0.9.1
+      d3-voronoi: 1.1.4
+      dagre: 0.8.5
+      point-at-length: 1.1.0
+      regression: 2.0.1
+      simple-statistics: 6.1.1
+      topojson-client: 3.1.0
+      wolfy87-eventemitter: 5.2.9
+    dev: false
+
+  /@antv/dom-util@2.0.4:
+    resolution: {integrity: sha512-2shXUl504fKwt82T3GkuT4Uoc6p9qjCKnJ8gXGLSW4T1W37dqf9AV28aCfoVPHp2BUXpSsB+PAJX2rG/jLHsLQ==}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/event-emitter@0.1.3:
+    resolution: {integrity: sha512-4ddpsiHN9Pd4UIlWuKVK1C4IiZIdbwQvy9i7DUSI3xNJ89FPUFt8lxDYj8GzzfdllV0NkJTRxnG+FvLk0llidg==}
+    dev: false
+
+  /@antv/g-base@0.5.16:
+    resolution: {integrity: sha512-jP06wggTubDPHXoKwFg3/f1lyxBX9ywwN3E/HG74Nd7DXqOXQis8tsIWW+O6dS/h9vyuXLd1/wDWkMMm3ZzXdg==}
+    dependencies:
+      '@antv/event-emitter': 0.1.3
+      '@antv/g-math': 0.1.9
+      '@antv/matrix-util': 3.1.0-beta.3
+      '@antv/path-util': 2.0.15
+      '@antv/util': 2.0.17
+      '@types/d3-timer': 2.0.3
+      d3-ease: 1.0.7
+      d3-interpolate: 3.0.1
+      d3-timer: 1.0.10
+      detect-browser: 5.3.0
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/g-canvas@0.5.17:
+    resolution: {integrity: sha512-sXYJMWTOlb/Ycb6sTKu00LcJqInXJY4t99+kSM40u2OfqrXYmaXDjHR7D2V0roMkbK/QWiWS9UnEidCR1VtMOA==}
+    dependencies:
+      '@antv/g-base': 0.5.16
+      '@antv/g-math': 0.1.9
+      '@antv/matrix-util': 3.1.0-beta.3
+      '@antv/path-util': 2.0.15
+      '@antv/util': 2.0.17
+      gl-matrix: 3.4.3
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/g-math@0.1.9:
+    resolution: {integrity: sha512-KHMSfPfZ5XHM1PZnG42Q2gxXfOitYveNTA7L61lR6mhZ8Y/aExsYmHqaKBsSarU0z+6WLrl9C07PQJZaw0uljQ==}
+    dependencies:
+      '@antv/util': 2.0.17
+      gl-matrix: 3.4.3
+    dev: false
+
+  /@antv/g-svg@0.5.7:
+    resolution: {integrity: sha512-jUbWoPgr4YNsOat2Y/rGAouNQYGpw4R0cvlN0YafwOyacFFYy2zC8RslNd6KkPhhR3XHNSqJOuCYZj/YmLUwYw==}
+    dependencies:
+      '@antv/g-base': 0.5.16
+      '@antv/g-math': 0.1.9
+      '@antv/util': 2.0.17
+      detect-browser: 5.3.0
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/g2@4.2.11:
+    resolution: {integrity: sha512-QiqxLLYDWkv9c4oTcXscs6NMxBuWZ1JCarHPZ27J43IN2BV+qUKw8yce0A8CBR8fCILEFqQAfS00Szqpye036Q==}
+    dependencies:
+      '@antv/adjust': 0.2.5
+      '@antv/attr': 0.3.5
+      '@antv/color-util': 2.0.6
+      '@antv/component': 0.8.35
+      '@antv/coord': 0.3.1
+      '@antv/dom-util': 2.0.4
+      '@antv/event-emitter': 0.1.3
+      '@antv/g-base': 0.5.16
+      '@antv/g-canvas': 0.5.17
+      '@antv/g-svg': 0.5.7
+      '@antv/matrix-util': 3.1.0-beta.3
+      '@antv/path-util': 2.0.15
+      '@antv/scale': 0.3.18
+      '@antv/util': 2.0.17
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/hierarchy@0.6.12:
+    resolution: {integrity: sha512-WvWT9WYtm2SvYunm1HtzrHazvOozeP4cPFDhJWsnLzmTGMX/tNhsoCD3O+DDB3aeDY8fyM+wfZDvLv7+/4lIeA==}
+    dev: false
+
+  /@antv/matrix-util@3.0.4:
+    resolution: {integrity: sha512-BAPyu6dUliHcQ7fm9hZSGKqkwcjEDVLVAstlHULLvcMZvANHeLXgHEgV7JqcAV/GIhIz8aZChIlzM1ZboiXpYQ==}
+    dependencies:
+      '@antv/util': 2.0.17
+      gl-matrix: 3.4.3
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/matrix-util@3.1.0-beta.3:
+    resolution: {integrity: sha512-W2R6Za3A6CmG51Y/4jZUM/tFgYSq7vTqJL1VD9dKrvwxS4sE0ZcXINtkp55CdyBwJ6Cwm8pfoRpnD4FnHahN0A==}
+    dependencies:
+      '@antv/util': 2.0.17
+      gl-matrix: 3.4.3
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/path-util@2.0.15:
+    resolution: {integrity: sha512-R2VLZ5C8PLPtr3VciNyxtjKqJ0XlANzpFb5sE9GE61UQqSRuSVSzIakMxjEPrpqbgc+s+y8i+fmc89Snu7qbNw==}
+    dependencies:
+      '@antv/matrix-util': 3.0.4
+      '@antv/util': 2.0.17
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/scale@0.3.18:
+    resolution: {integrity: sha512-GHwE6Lo7S/Q5fgaLPaCsW+CH+3zl4aXpnN1skOiEY0Ue9/u+s2EySv6aDXYkAqs//i0uilMDD/0/4n8caX9U9w==}
+    dependencies:
+      '@antv/util': 2.0.17
+      fecha: 4.2.3
+      tslib: 2.6.2
+    dev: false
+
+  /@antv/util@2.0.17:
+    resolution: {integrity: sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q==}
+    dependencies:
+      csstype: 3.1.3
+      tslib: 2.6.2
+    dev: false
+
+  /@apideck/better-ajv-errors@0.3.6(ajv@8.13.0):
+    resolution: {integrity: sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      ajv: '>=8'
+    dependencies:
+      ajv: 8.13.0
+      json-schema: 0.4.0
+      jsonpointer: 5.0.1
+      leven: 3.1.0
+    dev: true
+
+  /@astrojs/compiler@1.8.2:
+    resolution: {integrity: sha512-o/ObKgtMzl8SlpIdzaxFnt7SATKPxu4oIP/1NL+HDJRzxfJcAkOTAb/ZKMRyULbz4q+1t2/DAebs2Z1QairkZw==}
+    dev: true
+
+  /@aws-crypto/crc32@3.0.0:
+    resolution: {integrity: sha512-IzSgsrxUcsrejQbPVilIKy16kAT52EwB6zSaI+M3xxIhKh5+aldEyvI+z6erM7TCLB2BJsFrtHjp6/4/sr+3dA==}
+    dependencies:
+      '@aws-crypto/util': 3.0.0
+      '@aws-sdk/types': 3.577.0
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-crypto/crc32c@3.0.0:
+    resolution: {integrity: sha512-ENNPPManmnVJ4BTXlOjAgD7URidbAznURqD0KvfREyc4o20DPYdEldU1f5cQ7Jbj0CJJSPaMIk/9ZshdB3210w==}
+    dependencies:
+      '@aws-crypto/util': 3.0.0
+      '@aws-sdk/types': 3.577.0
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-crypto/ie11-detection@3.0.0:
+    resolution: {integrity: sha512-341lBBkiY1DfDNKai/wXM3aujNBkXR7tq1URPQDL9wi3AUbI80NR74uF1TXHMm7po1AcnFk8iu2S2IeU/+/A+Q==}
+    dependencies:
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-crypto/sha1-browser@3.0.0:
+    resolution: {integrity: sha512-NJth5c997GLHs6nOYTzFKTbYdMNA6/1XlKVgnZoaZcQ7z7UJlOgj2JdbHE8tiYLS3fzXNCguct77SPGat2raSw==}
+    dependencies:
+      '@aws-crypto/ie11-detection': 3.0.0
+      '@aws-crypto/supports-web-crypto': 3.0.0
+      '@aws-crypto/util': 3.0.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-locate-window': 3.568.0
+      '@aws-sdk/util-utf8-browser': 3.259.0
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-crypto/sha256-browser@3.0.0:
+    resolution: {integrity: sha512-8VLmW2B+gjFbU5uMeqtQM6Nj0/F1bro80xQXCW6CQBWgosFWXTx77aeOF5CAIAmbOK64SdMBJdNr6J41yP5mvQ==}
+    dependencies:
+      '@aws-crypto/ie11-detection': 3.0.0
+      '@aws-crypto/sha256-js': 3.0.0
+      '@aws-crypto/supports-web-crypto': 3.0.0
+      '@aws-crypto/util': 3.0.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-locate-window': 3.568.0
+      '@aws-sdk/util-utf8-browser': 3.259.0
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-crypto/sha256-js@3.0.0:
+    resolution: {integrity: sha512-PnNN7os0+yd1XvXAy23CFOmTbMaDxgxXtTKHybrJ39Y8kGzBATgBFibWJKH6BhytLI/Zyszs87xCOBNyBig6vQ==}
+    dependencies:
+      '@aws-crypto/util': 3.0.0
+      '@aws-sdk/types': 3.577.0
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-crypto/supports-web-crypto@3.0.0:
+    resolution: {integrity: sha512-06hBdMwUAb2WFTuGG73LSC0wfPu93xWwo5vL2et9eymgmu3Id5vFAHBbajVWiGhPO37qcsdCap/FqXvJGJWPIg==}
+    dependencies:
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-crypto/util@3.0.0:
+    resolution: {integrity: sha512-2OJlpeJpCR48CC8r+uKVChzs9Iungj9wkZrl8Z041DWEWvyIHILYKCPNzJghKsivj+S3mLo6BVc7mBNzdxA46w==}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-utf8-browser': 3.259.0
+      tslib: 1.14.1
+    dev: false
+
+  /@aws-sdk/client-s3@3.583.0:
+    resolution: {integrity: sha512-pS7wncugSuIQ8RgtRIE9Dystdmd3mMnjfjiO1iA1UhGXkyAgoJzQ4jH0r+5X+eWmYHYQcfy9fUQXT2gqV3t9GA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-crypto/sha1-browser': 3.0.0
+      '@aws-crypto/sha256-browser': 3.0.0
+      '@aws-crypto/sha256-js': 3.0.0
+      '@aws-sdk/client-sso-oidc': 3.583.0(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/client-sts': 3.583.0
+      '@aws-sdk/core': 3.582.0
+      '@aws-sdk/credential-provider-node': 3.583.0(@aws-sdk/client-sso-oidc@3.583.0)(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/middleware-bucket-endpoint': 3.577.0
+      '@aws-sdk/middleware-expect-continue': 3.577.0
+      '@aws-sdk/middleware-flexible-checksums': 3.577.0
+      '@aws-sdk/middleware-host-header': 3.577.0
+      '@aws-sdk/middleware-location-constraint': 3.577.0
+      '@aws-sdk/middleware-logger': 3.577.0
+      '@aws-sdk/middleware-recursion-detection': 3.577.0
+      '@aws-sdk/middleware-sdk-s3': 3.582.0
+      '@aws-sdk/middleware-signing': 3.577.0
+      '@aws-sdk/middleware-ssec': 3.577.0
+      '@aws-sdk/middleware-user-agent': 3.583.0
+      '@aws-sdk/region-config-resolver': 3.577.0
+      '@aws-sdk/signature-v4-multi-region': 3.582.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-endpoints': 3.583.0
+      '@aws-sdk/util-user-agent-browser': 3.577.0
+      '@aws-sdk/util-user-agent-node': 3.577.0(aws-crt@1.21.2)
+      '@aws-sdk/xml-builder': 3.575.0
+      '@smithy/config-resolver': 3.0.0
+      '@smithy/core': 2.0.1
+      '@smithy/eventstream-serde-browser': 3.0.0
+      '@smithy/eventstream-serde-config-resolver': 3.0.0
+      '@smithy/eventstream-serde-node': 3.0.0
+      '@smithy/fetch-http-handler': 3.0.1
+      '@smithy/hash-blob-browser': 3.0.0
+      '@smithy/hash-node': 3.0.0
+      '@smithy/hash-stream-node': 3.0.0
+      '@smithy/invalid-dependency': 3.0.0
+      '@smithy/md5-js': 3.0.0
+      '@smithy/middleware-content-length': 3.0.0
+      '@smithy/middleware-endpoint': 3.0.0
+      '@smithy/middleware-retry': 3.0.1
+      '@smithy/middleware-serde': 3.0.0
+      '@smithy/middleware-stack': 3.0.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/node-http-handler': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/url-parser': 3.0.0
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.1
+      '@smithy/util-defaults-mode-node': 3.0.1
+      '@smithy/util-endpoints': 2.0.0
+      '@smithy/util-retry': 3.0.0
+      '@smithy/util-stream': 3.0.1
+      '@smithy/util-utf8': 3.0.0
+      '@smithy/util-waiter': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - aws-crt
+    dev: false
+
+  /@aws-sdk/client-sso-oidc@3.583.0(@aws-sdk/client-sts@3.583.0):
+    resolution: {integrity: sha512-LO3wmrFXPi2kNE46lD1XATfRrvdNxXd4DlTFouoWmr7lvqoUkcbmtkV2r/XChZA2z0HiDauphC1e8b8laJVeSg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-crypto/sha256-browser': 3.0.0
+      '@aws-crypto/sha256-js': 3.0.0
+      '@aws-sdk/client-sts': 3.583.0
+      '@aws-sdk/core': 3.582.0
+      '@aws-sdk/credential-provider-node': 3.583.0(@aws-sdk/client-sso-oidc@3.583.0)(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/middleware-host-header': 3.577.0
+      '@aws-sdk/middleware-logger': 3.577.0
+      '@aws-sdk/middleware-recursion-detection': 3.577.0
+      '@aws-sdk/middleware-user-agent': 3.583.0
+      '@aws-sdk/region-config-resolver': 3.577.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-endpoints': 3.583.0
+      '@aws-sdk/util-user-agent-browser': 3.577.0
+      '@aws-sdk/util-user-agent-node': 3.577.0(aws-crt@1.21.2)
+      '@smithy/config-resolver': 3.0.0
+      '@smithy/core': 2.0.1
+      '@smithy/fetch-http-handler': 3.0.1
+      '@smithy/hash-node': 3.0.0
+      '@smithy/invalid-dependency': 3.0.0
+      '@smithy/middleware-content-length': 3.0.0
+      '@smithy/middleware-endpoint': 3.0.0
+      '@smithy/middleware-retry': 3.0.1
+      '@smithy/middleware-serde': 3.0.0
+      '@smithy/middleware-stack': 3.0.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/node-http-handler': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/url-parser': 3.0.0
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.1
+      '@smithy/util-defaults-mode-node': 3.0.1
+      '@smithy/util-endpoints': 2.0.0
+      '@smithy/util-middleware': 3.0.0
+      '@smithy/util-retry': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sts'
+      - aws-crt
+    dev: false
+
+  /@aws-sdk/client-sso@3.583.0:
+    resolution: {integrity: sha512-FNJ2MmiBtZZwgkj4+GLVrzqwmD6D8FBptrFZk7PnGkSf7v1Q8txYNI6gY938RRhYJ4lBW4cNbhPvWoDxAl90Hw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-crypto/sha256-browser': 3.0.0
+      '@aws-crypto/sha256-js': 3.0.0
+      '@aws-sdk/core': 3.582.0
+      '@aws-sdk/middleware-host-header': 3.577.0
+      '@aws-sdk/middleware-logger': 3.577.0
+      '@aws-sdk/middleware-recursion-detection': 3.577.0
+      '@aws-sdk/middleware-user-agent': 3.583.0
+      '@aws-sdk/region-config-resolver': 3.577.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-endpoints': 3.583.0
+      '@aws-sdk/util-user-agent-browser': 3.577.0
+      '@aws-sdk/util-user-agent-node': 3.577.0(aws-crt@1.21.2)
+      '@smithy/config-resolver': 3.0.0
+      '@smithy/core': 2.0.1
+      '@smithy/fetch-http-handler': 3.0.1
+      '@smithy/hash-node': 3.0.0
+      '@smithy/invalid-dependency': 3.0.0
+      '@smithy/middleware-content-length': 3.0.0
+      '@smithy/middleware-endpoint': 3.0.0
+      '@smithy/middleware-retry': 3.0.1
+      '@smithy/middleware-serde': 3.0.0
+      '@smithy/middleware-stack': 3.0.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/node-http-handler': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/url-parser': 3.0.0
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.1
+      '@smithy/util-defaults-mode-node': 3.0.1
+      '@smithy/util-endpoints': 2.0.0
+      '@smithy/util-middleware': 3.0.0
+      '@smithy/util-retry': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - aws-crt
+    dev: false
+
+  /@aws-sdk/client-sts@3.583.0:
+    resolution: {integrity: sha512-xDMxiemPDWr9dY2Q4AyixkRnk/hvS6fs6OWxuVCz1WO47YhaAfOsEGAgQMgDLLaOfj/oLU5D14uTNBEPGh4rBA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-crypto/sha256-browser': 3.0.0
+      '@aws-crypto/sha256-js': 3.0.0
+      '@aws-sdk/client-sso-oidc': 3.583.0(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/core': 3.582.0
+      '@aws-sdk/credential-provider-node': 3.583.0(@aws-sdk/client-sso-oidc@3.583.0)(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/middleware-host-header': 3.577.0
+      '@aws-sdk/middleware-logger': 3.577.0
+      '@aws-sdk/middleware-recursion-detection': 3.577.0
+      '@aws-sdk/middleware-user-agent': 3.583.0
+      '@aws-sdk/region-config-resolver': 3.577.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-endpoints': 3.583.0
+      '@aws-sdk/util-user-agent-browser': 3.577.0
+      '@aws-sdk/util-user-agent-node': 3.577.0(aws-crt@1.21.2)
+      '@smithy/config-resolver': 3.0.0
+      '@smithy/core': 2.0.1
+      '@smithy/fetch-http-handler': 3.0.1
+      '@smithy/hash-node': 3.0.0
+      '@smithy/invalid-dependency': 3.0.0
+      '@smithy/middleware-content-length': 3.0.0
+      '@smithy/middleware-endpoint': 3.0.0
+      '@smithy/middleware-retry': 3.0.1
+      '@smithy/middleware-serde': 3.0.0
+      '@smithy/middleware-stack': 3.0.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/node-http-handler': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/url-parser': 3.0.0
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.1
+      '@smithy/util-defaults-mode-node': 3.0.1
+      '@smithy/util-endpoints': 2.0.0
+      '@smithy/util-middleware': 3.0.0
+      '@smithy/util-retry': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - aws-crt
+    dev: false
+
+  /@aws-sdk/core@3.582.0:
+    resolution: {integrity: sha512-ofmD96IQc9g1dbyqlCyxu5fCG7kIl9p1NoN5+vGBUyLdbmPCV3Pdg99nRHYEJuv2MgGx5AUFGDPMHcqbJpnZIw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/core': 2.0.1
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/signature-v4': 3.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      fast-xml-parser: 4.2.5
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/credential-provider-env@3.577.0:
+    resolution: {integrity: sha512-Jxu255j0gToMGEiqufP8ZtKI8HW90lOLjwJ3LrdlD/NLsAY0tOQf1fWc53u28hWmmNGMxmCrL2p66IOgMDhDUw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/credential-provider-http@3.582.0:
+    resolution: {integrity: sha512-kGOUKw5ryPkDIYB69PjK3SicVLTbWB06ouFN2W1EvqUJpkQGPAUGzYcomKtt3mJaCTf/1kfoaHwARAl6KKSP8Q==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/fetch-http-handler': 3.0.1
+      '@smithy/node-http-handler': 3.0.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/util-stream': 3.0.1
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/credential-provider-ini@3.583.0(@aws-sdk/client-sso-oidc@3.583.0)(@aws-sdk/client-sts@3.583.0):
+    resolution: {integrity: sha512-8I0oWNg/yps6ctjhEeL/qJ9BIa/+xXP7RPDQqFKZ2zBkWbmLLOoMWXRvl8uKUBD6qCe+DGmcu9skfVXeXSesEQ==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@aws-sdk/client-sts': ^3.583.0
+    dependencies:
+      '@aws-sdk/client-sts': 3.583.0
+      '@aws-sdk/credential-provider-env': 3.577.0
+      '@aws-sdk/credential-provider-process': 3.577.0
+      '@aws-sdk/credential-provider-sso': 3.583.0(@aws-sdk/client-sso-oidc@3.583.0)
+      '@aws-sdk/credential-provider-web-identity': 3.577.0(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/types': 3.577.0
+      '@smithy/credential-provider-imds': 3.0.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/shared-ini-file-loader': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sso-oidc'
+      - aws-crt
+    dev: false
+
+  /@aws-sdk/credential-provider-node@3.583.0(@aws-sdk/client-sso-oidc@3.583.0)(@aws-sdk/client-sts@3.583.0):
+    resolution: {integrity: sha512-yBNypBXny7zJH85SzxDj8s1mbLXv9c/Vbq0qR3R3POj2idZ6ywB/qlIRC1XwBuv49Wvg8kA1wKXk3K3jrpcVIw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/credential-provider-env': 3.577.0
+      '@aws-sdk/credential-provider-http': 3.582.0
+      '@aws-sdk/credential-provider-ini': 3.583.0(@aws-sdk/client-sso-oidc@3.583.0)(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/credential-provider-process': 3.577.0
+      '@aws-sdk/credential-provider-sso': 3.583.0(@aws-sdk/client-sso-oidc@3.583.0)
+      '@aws-sdk/credential-provider-web-identity': 3.577.0(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/types': 3.577.0
+      '@smithy/credential-provider-imds': 3.0.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/shared-ini-file-loader': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sso-oidc'
+      - '@aws-sdk/client-sts'
+      - aws-crt
+    dev: false
+
+  /@aws-sdk/credential-provider-process@3.577.0:
+    resolution: {integrity: sha512-Gin6BWtOiXxIgITrJ3Nwc+Y2P1uVT6huYR4EcbA/DJUPWyO0n9y5UFLewPvVbLkRn15JeEqErBLUrHclkiOKtw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/shared-ini-file-loader': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/credential-provider-sso@3.583.0(@aws-sdk/client-sso-oidc@3.583.0):
+    resolution: {integrity: sha512-G/1EvL9tBezSiU+06tG4K/kOvFfPjnheT4JSXqjPM7+vjKzgp2jxp1J9MMd69zs4jVWon932zMeGgjrCplzMEg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/client-sso': 3.583.0
+      '@aws-sdk/token-providers': 3.577.0(@aws-sdk/client-sso-oidc@3.583.0)
+      '@aws-sdk/types': 3.577.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/shared-ini-file-loader': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sso-oidc'
+      - aws-crt
+    dev: false
+
+  /@aws-sdk/credential-provider-web-identity@3.577.0(@aws-sdk/client-sts@3.583.0):
+    resolution: {integrity: sha512-ZGHGNRaCtJJmszb9UTnC7izNCtRUttdPlLdMkh41KPS32vfdrBDHs1JrpbZijItRj1xKuOXsiYSXLAaHGcLh8Q==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@aws-sdk/client-sts': ^3.577.0
+    dependencies:
+      '@aws-sdk/client-sts': 3.583.0
+      '@aws-sdk/types': 3.577.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-bucket-endpoint@3.577.0:
+    resolution: {integrity: sha512-twlkNX2VofM6kHXzDEiJOiYCc9tVABe5cbyxMArRWscIsCWG9mamPhC77ezG4XsN9dFEwVdxEYD5Crpm/5EUiw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-arn-parser': 3.568.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-config-provider': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-expect-continue@3.577.0:
+    resolution: {integrity: sha512-6dPp8Tv4F0of4un5IAyG6q++GrRrNQQ4P2NAMB1W0VO4JoEu1C8GievbbDLi88TFIFmtKpnHB0ODCzwnoe8JsA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-flexible-checksums@3.577.0:
+    resolution: {integrity: sha512-IHAUEipIfagjw92LV8SOSBiCF7ZnqfHcw14IkcZW2/mfrCy1Fh/k40MoS/t3Tro2tQ91rgQPwUoSgB/QCi2Org==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-crypto/crc32': 3.0.0
+      '@aws-crypto/crc32c': 3.0.0
+      '@aws-sdk/types': 3.577.0
+      '@smithy/is-array-buffer': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-host-header@3.577.0:
+    resolution: {integrity: sha512-9ca5MJz455CODIVXs0/sWmJm7t3QO4EUa1zf8pE8grLpzf0J94bz/skDWm37Pli13T3WaAQBHCTiH2gUVfCsWg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-location-constraint@3.577.0:
+    resolution: {integrity: sha512-DKPTD2D2s+t2QUo/IXYtVa/6Un8GZ+phSTBkyBNx2kfZz4Kwavhl/JJzSqTV3GfCXkVdFu7CrjoX7BZ6qWeTUA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-logger@3.577.0:
+    resolution: {integrity: sha512-aPFGpGjTZcJYk+24bg7jT4XdIp42mFXSuPt49lw5KygefLyJM/sB0bKKqPYYivW0rcuZ9brQ58eZUNthrzYAvg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-recursion-detection@3.577.0:
+    resolution: {integrity: sha512-pn3ZVEd2iobKJlR3H+bDilHjgRnNrQ6HMmK9ZzZw89Ckn3Dcbv48xOv4RJvu0aU8SDLl/SNCxppKjeLDTPGBNA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-sdk-s3@3.582.0:
+    resolution: {integrity: sha512-PJqQpLoLaZPRI4L/XZUeHkd9UVK8VAr9R38wv0osGeMTvzD9iwzzk0I2TtBqFda/5xEB1YgVYZwyqvmStXmttg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-arn-parser': 3.568.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/signature-v4': 3.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/util-config-provider': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-signing@3.577.0:
+    resolution: {integrity: sha512-QS/dh3+NqZbXtY0j/DZ867ogP413pG5cFGqBy9OeOhDMsolcwLrQbi0S0c621dc1QNq+er9ffaMhZ/aPkyXXIg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/signature-v4': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-ssec@3.577.0:
+    resolution: {integrity: sha512-i2BPJR+rp8xmRVIGc0h1kDRFcM2J9GnClqqpc+NLSjmYadlcg4mPklisz9HzwFVcRPJ5XcGf3U4BYs5G8+iTyg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/middleware-user-agent@3.583.0:
+    resolution: {integrity: sha512-xVNXXXDWvBVI/AeVtSdA9SVumqxiZaESk/JpUn9GMkmtTKfter0Cweap+1iQ9j8bRAO0vNhmIkbcvdB1S4WVUw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-endpoints': 3.583.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/region-config-resolver@3.577.0:
+    resolution: {integrity: sha512-4ChCFACNwzqx/xjg3zgFcW8Ali6R9C95cFECKWT/7CUM1D0MGvkclSH2cLarmHCmJgU6onKkJroFtWp0kHhgyg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-config-provider': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/s3-request-presigner@3.583.0:
+    resolution: {integrity: sha512-Xp48RdnUzERYraIczByhbV/92TtXeJNE7QXOyMGVdvQkVP+3rwuXRGg85FqNSkOq7TFaGhnuxPiYWvsTeEzZTg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/signature-v4-multi-region': 3.582.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-format-url': 3.577.0
+      '@smithy/middleware-endpoint': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/signature-v4-crt@3.582.0:
+    resolution: {integrity: sha512-FhMUIRl1UTLU+MBXffZ/TzlT2s6nQO9vbj9eLuOP0TalU6cAuxLXPOTSu2QbSPL5vEl25bwOL/qECAf5tveBzg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/signature-v4-multi-region': 3.582.0
+      '@aws-sdk/types': 3.577.0
+      '@aws-sdk/util-user-agent-node': 3.577.0(aws-crt@1.21.2)
+      '@smithy/querystring-parser': 3.0.0
+      '@smithy/signature-v4': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      aws-crt: 1.21.2
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - bufferutil
+      - debug
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@aws-sdk/signature-v4-multi-region@3.582.0:
+    resolution: {integrity: sha512-aFCOjjNqEX2l+V8QjOWy5F7CtHIC/RlYdBuv3No6yxn+pMvVUUe6zdMk2yHWcudVpHWsyvcZzAUBliAPeFLPsQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/middleware-sdk-s3': 3.582.0
+      '@aws-sdk/types': 3.577.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/signature-v4': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/token-providers@3.577.0(@aws-sdk/client-sso-oidc@3.583.0):
+    resolution: {integrity: sha512-0CkIZpcC3DNQJQ1hDjm2bdSy/Xjs7Ny5YvSsacasGOkNfk+FdkiQy6N67bZX3Zbc9KIx+Nz4bu3iDeNSNplnnQ==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@aws-sdk/client-sso-oidc': ^3.577.0
+    dependencies:
+      '@aws-sdk/client-sso-oidc': 3.583.0(@aws-sdk/client-sts@3.583.0)
+      '@aws-sdk/types': 3.577.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/shared-ini-file-loader': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/types@3.577.0:
+    resolution: {integrity: sha512-FT2JZES3wBKN/alfmhlo+3ZOq/XJ0C7QOZcDNrpKjB0kqYoKjhVKZ/Hx6ArR0czkKfHzBBEs6y40ebIHx2nSmA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/util-arn-parser@3.568.0:
+    resolution: {integrity: sha512-XUKJWWo+KOB7fbnPP0+g/o5Ulku/X53t7i/h+sPHr5xxYTJJ9CYnbToo95mzxe7xWvkLrsNtJ8L+MnNn9INs2w==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/util-endpoints@3.583.0:
+    resolution: {integrity: sha512-ZC9mb2jq6BFXPYsUsD2tmYcnlmd+9PGNwnFNn8jk4abna5Jjk2wDknN81ybktmBR5ttN9W8ugmktuKtvAMIDCQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-endpoints': 2.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/util-format-url@3.577.0:
+    resolution: {integrity: sha512-SyEGC2J+y/krFRuPgiF02FmMYhqbiIkOjDE6k4nYLJQRyS6XEAGxZoG+OHeOVEM+bsDgbxokXZiM3XKGu6qFIg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/querystring-builder': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/util-locate-window@3.568.0:
+    resolution: {integrity: sha512-3nh4TINkXYr+H41QaPelCceEB2FXP3fxp93YZXB/kqJvX0U9j0N0Uk45gvsjmEPzG8XxkPEeLIfT2I1M7A6Lig==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/util-user-agent-browser@3.577.0:
+    resolution: {integrity: sha512-zEAzHgR6HWpZOH7xFgeJLc6/CzMcx4nxeQolZxVZoB5pPaJd3CjyRhZN0xXeZB0XIRCWmb4yJBgyiugXLNMkLA==}
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/types': 3.0.0
+      bowser: 2.11.0
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/util-user-agent-node@3.577.0(aws-crt@1.21.2):
+    resolution: {integrity: sha512-XqvtFjbSMtycZTWVwDe8DRWovuoMbA54nhUoZwVU6rW9OSD6NZWGR512BUGHFaWzW0Wg8++Dj10FrKTG2XtqfA==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      aws-crt: '>=1.0.0'
+    peerDependenciesMeta:
+      aws-crt:
+        optional: true
+    dependencies:
+      '@aws-sdk/types': 3.577.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/types': 3.0.0
+      aws-crt: 1.21.2
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/util-utf8-browser@3.259.0:
+    resolution: {integrity: sha512-UvFa/vR+e19XookZF8RzFZBrw2EUkQWxiBW0yYQAhvk3C+QVGl0H3ouca8LDBlBfQKXwmW3huo/59H8rwb1wJw==}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@aws-sdk/xml-builder@3.575.0:
+    resolution: {integrity: sha512-cWgAwmbFYNCFzPwxL705+lWps0F3ZvOckufd2KKoEZUmtpVw9/txUXNrPySUXSmRTSRhoatIMABNfStWR043bQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@babel/code-frame@7.24.2:
+    resolution: {integrity: sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.24.5
+      picocolors: 1.0.1
+    dev: true
+
+  /@babel/compat-data@7.24.4:
+    resolution: {integrity: sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/core@7.24.5:
+    resolution: {integrity: sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.24.2
+      '@babel/generator': 7.24.5
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-module-transforms': 7.24.5(@babel/core@7.24.5)
+      '@babel/helpers': 7.24.5
+      '@babel/parser': 7.24.5
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.5
+      '@babel/types': 7.24.5
+      convert-source-map: 2.0.0
+      debug: 4.3.4
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/generator@7.24.5:
+    resolution: {integrity: sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 2.5.2
+    dev: true
+
+  /@babel/helper-annotate-as-pure@7.22.5:
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-builder-binary-assignment-operator-visitor@7.22.15:
+    resolution: {integrity: sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-compilation-targets@7.23.6:
+    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/compat-data': 7.24.4
+      '@babel/helper-validator-option': 7.23.5
+      browserslist: 4.23.0
+      lru-cache: 5.1.1
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-create-class-features-plugin@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-uRc4Cv8UQWnE4NXlYTIIdM7wfFkOqlFztcC/gVXDKohKoVB3OyonfelUBaJzSwpBntZ2KYGF/9S7asCHsXwW6g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-member-expression-to-functions': 7.24.5
+      '@babel/helper-optimise-call-expression': 7.22.5
+      '@babel/helper-replace-supers': 7.24.1(@babel/core@7.24.5)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/helper-split-export-declaration': 7.24.5
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.24.5):
+    resolution: {integrity: sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-annotate-as-pure': 7.22.5
+      regexpu-core: 5.3.2
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.24.5):
+    resolution: {integrity: sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-plugin-utils': 7.24.5
+      debug: 4.3.4
+      lodash.debounce: 4.0.8
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helper-environment-visitor@7.22.20:
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-function-name@7.23.0:
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.24.0
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-hoist-variables@7.22.5:
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-member-expression-to-functions@7.24.5:
+    resolution: {integrity: sha512-4owRteeihKWKamtqg4JmWSsEZU445xpFRXPEwp44HbgbxdWlUV1b4Agg4lkA806Lil5XM/e+FJyS0vj5T6vmcA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-module-imports@7.22.15:
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-module-imports@7.24.3:
+    resolution: {integrity: sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-module-transforms@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-module-imports': 7.24.3
+      '@babel/helper-simple-access': 7.24.5
+      '@babel/helper-split-export-declaration': 7.24.5
+      '@babel/helper-validator-identifier': 7.24.5
+    dev: true
+
+  /@babel/helper-optimise-call-expression@7.22.5:
+    resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-plugin-utils@7.24.5:
+    resolution: {integrity: sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-remap-async-to-generator@7.22.20(@babel/core@7.24.5):
+    resolution: {integrity: sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-wrap-function': 7.24.5
+    dev: true
+
+  /@babel/helper-replace-supers@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-member-expression-to-functions': 7.24.5
+      '@babel/helper-optimise-call-expression': 7.22.5
+    dev: true
+
+  /@babel/helper-simple-access@7.24.5:
+    resolution: {integrity: sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
+    resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-split-export-declaration@7.24.5:
+    resolution: {integrity: sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helper-string-parser@7.24.1:
+    resolution: {integrity: sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/helper-validator-identifier@7.24.5:
+    resolution: {integrity: sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/helper-validator-option@7.23.5:
+    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-wrap-function@7.24.5:
+    resolution: {integrity: sha512-/xxzuNvgRl4/HLNKvnFwdhdgN3cpLxgLROeLDl83Yx0AJ1SGvq1ak0OszTOjDfiB8Vx03eJbeDWh9r+jCCWttw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-function-name': 7.23.0
+      '@babel/template': 7.24.0
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/helpers@7.24.5:
+    resolution: {integrity: sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.5
+      '@babel/types': 7.24.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/highlight@7.24.5:
+    resolution: {integrity: sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.5
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+      picocolors: 1.0.1
+    dev: true
+
+  /@babel/parser@7.24.5:
+    resolution: {integrity: sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.24.5
+
+  /@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-LdXRi1wEMTrHVR4Zc9F8OewC3vdm5h4QB6L71zy6StmYeqGi1b3ttIO8UC+BfZKcH9jdr4aI249rBkm+3+YvHw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.13.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-transform-optional-chaining': 7.24.5(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.24.5):
+    resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.24.5):
+    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.24.5):
+    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-import-assertions@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-import-attributes@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.24.5):
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-jsx@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.24.5):
+    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.24.5):
+    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-typescript@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.24.5):
+    resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-arrow-functions@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-async-generator-functions@7.24.3(@babel/core@7.24.5):
+    resolution: {integrity: sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.24.5)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-async-to-generator@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-module-imports': 7.24.3
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-block-scoped-functions@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-block-scoping@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-sMfBc3OxghjC95BkYrYocHL3NaOplrcaunblzwXhGmlPwpmfsxr4vK+mBBt49r+S240vahmv+kUxkeKgs+haCw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-class-properties@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-class-features-plugin': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-class-static-block@7.24.4(@babel/core@7.24.5):
+    resolution: {integrity: sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.12.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-class-features-plugin': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-classes@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-gWkLP25DFj2dwe9Ck8uwMOpko4YsqyfZJrOmqqcegeDYEbp7rmn4U6UQZNj08UF6MaX39XenSpKRCvpDRBtZ7Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-replace-supers': 7.24.1(@babel/core@7.24.5)
+      '@babel/helper-split-export-declaration': 7.24.5
+      globals: 11.12.0
+    dev: true
+
+  /@babel/plugin-transform-computed-properties@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/template': 7.24.0
+    dev: true
+
+  /@babel/plugin-transform-destructuring@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-SZuuLyfxvsm+Ah57I/i1HVjveBENYK9ue8MJ7qkc7ndoNjqquJiElzA7f5yaAXjyW2hKojosOTAQQRX50bPSVg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-dotall-regex@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-duplicate-keys@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-dynamic-import@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-exponentiation-operator@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-builder-binary-assignment-operator-visitor': 7.22.15
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-export-namespace-from@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-for-of@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-function-name@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-json-strings@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-literals@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-logical-assignment-operators@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-member-expression-literals@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-modules-amd@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-module-transforms': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-modules-commonjs@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-module-transforms': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-simple-access': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-modules-systemjs@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-module-transforms': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-validator-identifier': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-modules-umd@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-module-transforms': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-named-capturing-groups-regex@7.22.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-new-target@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-nullish-coalescing-operator@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-numeric-separator@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-object-rest-spread@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-7EauQHszLGM3ay7a161tTQH7fj+3vVM/gThlz5HpFtnygTxjrlvoeq7MPVA1Vy9Q555OB8SnAOsMkLShNkkrHA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-transform-parameters': 7.24.5(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-object-super@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-replace-supers': 7.24.1(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-optional-catch-binding@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-optional-chaining@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-xWCkmwKT+ihmA6l7SSTpk8e4qQl/274iNbSKRRS8mpqFR32ksy36+a+LWY8OXCCEefF8WFlnOHVsaDI2231wBg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-parameters@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-9Co00MqZ2aoky+4j2jhofErthm6QVLKbpQrvz20c3CH9KQCLHyNB+t2ya4/UrRpQGR+Wrwjg9foopoeSdnHOkA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-private-methods@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-class-features-plugin': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-private-property-in-object@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-JM4MHZqnWR04jPMujQDTBVRnqxpLLpx2tkn7iPn+Hmsc0Gnb79yvRWOkvqFOx3Z7P7VxiRIR22c4eGSNj87OBQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-property-literals@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-regenerator@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      regenerator-transform: 0.15.2
+    dev: true
+
+  /@babel/plugin-transform-reserved-words@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-shorthand-properties@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-spread@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-sticky-regex@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-template-literals@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-typeof-symbol@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-UTGnhYVZtTAjdwOTzT+sCyXmTn8AhaxOS/MjG9REclZ6ULHWF9KoCZur0HSGU7hk8PdBFKKbYe6+gqdXWz84Jg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-typescript@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-E0VWu/hk83BIFUWnsKZ4D81KXjN5L3MobvevOHErASk9IPwKHOkTgvqzvNo1yP/ePJWqqK2SpUR5z+KQbl6NVw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.24.5(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-typescript': 7.24.1(@babel/core@7.24.5)
+    dev: true
+
+  /@babel/plugin-transform-unicode-escapes@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-property-regex@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-regex@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-sets-regex@7.24.1(@babel/core@7.24.5):
+    resolution: {integrity: sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.24.5)
+      '@babel/helper-plugin-utils': 7.24.5
+    dev: true
+
+  /@babel/preset-env@7.24.5(@babel/core@7.24.5):
+    resolution: {integrity: sha512-UGK2ifKtcC8i5AI4cH+sbLLuLc2ktYSFJgBAXorKAsHUZmrQ1q6aQ6i3BvU24wWs2AAKqQB6kq3N9V9Gw1HiMQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.24.4
+      '@babel/core': 7.24.5
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/helper-validator-option': 7.23.5
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.24.5)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.24.5)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.24.5)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.24.5)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-syntax-import-assertions': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-syntax-import-attributes': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.24.5)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.24.5)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.24.5)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.24.5)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.24.5)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.24.5)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.24.5)
+      '@babel/plugin-transform-arrow-functions': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-async-generator-functions': 7.24.3(@babel/core@7.24.5)
+      '@babel/plugin-transform-async-to-generator': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-block-scoped-functions': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-block-scoping': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-class-properties': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-class-static-block': 7.24.4(@babel/core@7.24.5)
+      '@babel/plugin-transform-classes': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-computed-properties': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-destructuring': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-dotall-regex': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-duplicate-keys': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-dynamic-import': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-exponentiation-operator': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-export-namespace-from': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-for-of': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-function-name': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-json-strings': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-literals': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-logical-assignment-operators': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-member-expression-literals': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-modules-amd': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-modules-commonjs': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-modules-systemjs': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-modules-umd': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-new-target': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-numeric-separator': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-object-rest-spread': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-object-super': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-optional-catch-binding': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-optional-chaining': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-parameters': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-private-methods': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-private-property-in-object': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-property-literals': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-regenerator': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-reserved-words': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-shorthand-properties': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-spread': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-sticky-regex': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-template-literals': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-typeof-symbol': 7.24.5(@babel/core@7.24.5)
+      '@babel/plugin-transform-unicode-escapes': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-unicode-property-regex': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-unicode-regex': 7.24.1(@babel/core@7.24.5)
+      '@babel/plugin-transform-unicode-sets-regex': 7.24.1(@babel/core@7.24.5)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.24.5)
+      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.24.5)
+      babel-plugin-polyfill-corejs3: 0.10.4(@babel/core@7.24.5)
+      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.24.5)
+      core-js-compat: 3.37.1
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.24.5):
+    resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/types': 7.24.5
+      esutils: 2.0.3
+    dev: true
+
+  /@babel/regjsgen@0.8.0:
+    resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
+    dev: true
+
+  /@babel/runtime-corejs2@7.24.5:
+    resolution: {integrity: sha512-cC9jiO6s/IN+xwCHYy1AGrcFJ4bwgIwb8HX1KaoEpRsznLlO4x9eBP6AX7RIeMSWlQqEj2WHox637OS8cDq6Ew==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      core-js: 2.6.12
+      regenerator-runtime: 0.14.1
+    dev: false
+
+  /@babel/runtime-corejs3@7.24.5:
+    resolution: {integrity: sha512-GWO0mgzNMLWaSYM4z4NVIuY0Cd1fl8cPnuetuddu5w/qGuvt5Y7oUi/kvvQGK9xgOkFJDQX2heIvTRn/OQ1XTg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      core-js-pure: 3.37.1
+      regenerator-runtime: 0.14.1
+    dev: false
+
+  /@babel/runtime@7.24.5:
+    resolution: {integrity: sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.1
+
+  /@babel/template@7.24.0:
+    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      '@babel/parser': 7.24.5
+      '@babel/types': 7.24.5
+    dev: true
+
+  /@babel/traverse@7.24.5:
+    resolution: {integrity: sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      '@babel/generator': 7.24.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.24.5
+      '@babel/parser': 7.24.5
+      '@babel/types': 7.24.5
+      debug: 4.3.4
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/types@7.24.5:
+    resolution: {integrity: sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.24.1
+      '@babel/helper-validator-identifier': 7.24.5
+      to-fast-properties: 2.0.0
+
+  /@better-scroll/core@2.5.1:
+    resolution: {integrity: sha512-koKOuYA55dQ04FJRIVUpMGDr1hbCfWmfX0MGp1hKagkQSWSRpwblqACiwtggVauoj9aaJRJZ9hDsTM4weaavlg==}
+    dependencies:
+      '@better-scroll/shared-utils': 2.5.1
+    dev: false
+
+  /@better-scroll/shared-utils@2.5.1:
+    resolution: {integrity: sha512-AplkfSjXVYP9LZiD6JsKgmgQJ/mG4uuLmBuwLz8W5OsYc7AYTfN8kw6GqZ5OwCGoXkVhBGyd8NeC4xwYItp0aw==}
+    dev: false
+
+  /@codemirror/autocomplete@6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1):
+    resolution: {integrity: sha512-P/LeCTtZHRTCU4xQsa89vSKWecYv1ZqwzOd5topheGRf+qtacFgBeIMQi3eL8Kt/BUNvxUWkx+5qP2jlGoARrg==}
+    peerDependencies:
+      '@codemirror/language': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      '@lezer/common': ^1.0.0
+    dependencies:
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.26.3
+      '@lezer/common': 1.2.1
+    dev: false
+
+  /@codemirror/commands@6.5.0:
+    resolution: {integrity: sha512-rK+sj4fCAN/QfcY9BEzYMgp4wwL/q5aj/VfNSoH1RWPF9XS/dUwBkvlL3hpWgEjOqlpdN1uLC9UkjJ4tmyjJYg==}
+    dependencies:
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.26.3
+      '@lezer/common': 1.2.1
+    dev: false
+
+  /@codemirror/language@6.10.1:
+    resolution: {integrity: sha512-5GrXzrhq6k+gL5fjkAwt90nYDmjlzTIJV8THnxNFtNKWotMIlzzN+CpqxqwXOECnUdOndmSeWntVrVcv5axWRQ==}
+    dependencies:
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.26.3
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
+      '@lezer/lr': 1.4.0
+      style-mod: 4.1.2
+    dev: false
+
+  /@codemirror/lint@6.8.0:
+    resolution: {integrity: sha512-lsFofvaw0lnPRJlQylNsC4IRt/1lI4OD/yYslrSGVndOJfStc58v+8p9dgGiD90ktOfL7OhBWns1ZETYgz0EJA==}
+    dependencies:
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.26.3
+      crelt: 1.0.6
+    dev: false
+
+  /@codemirror/search@6.5.6:
+    resolution: {integrity: sha512-rpMgcsh7o0GuCDUXKPvww+muLA1pDJaFrpq/CCHtpQJYz8xopu4D1hPcKRoDD0YlF8gZaqTNIRa4VRBWyhyy7Q==}
+    dependencies:
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.26.3
+      crelt: 1.0.6
+    dev: false
+
+  /@codemirror/state@6.4.1:
+    resolution: {integrity: sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A==}
+    dev: false
+
+  /@codemirror/view@6.26.3:
+    resolution: {integrity: sha512-gmqxkPALZjkgSxIeeweY/wGQXBfwTUaLs8h7OKtSwfbj9Ct3L11lD+u1sS7XHppxFQoMDiMDp07P9f3I2jWOHw==}
+    dependencies:
+      '@codemirror/state': 6.4.1
+      style-mod: 4.1.2
+      w3c-keyname: 2.2.8
+    dev: false
+
+  /@colors/colors@1.5.0:
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@css-render/plugin-bem@0.15.14(css-render@0.15.14):
+    resolution: {integrity: sha512-QK513CJ7yEQxm/P3EwsI+d+ha8kSOcjGvD6SevM41neEMxdULE+18iuQK6tEChAWMOQNQPLG/Rw3Khb69r5neg==}
+    peerDependencies:
+      css-render: ~0.15.14
+    dependencies:
+      css-render: 0.15.14
+    dev: false
+
+  /@css-render/vue3-ssr@0.15.14(vue@3.3.4):
+    resolution: {integrity: sha512-//8027GSbxE9n3QlD73xFY6z4ZbHbvrOVB7AO6hsmrEzGbg+h2A09HboUyDgu+xsmj7JnvJD39Irt+2D0+iV8g==}
+    peerDependencies:
+      vue: ^3.0.11
+    dependencies:
+      vue: 3.3.4
+    dev: false
+
+  /@ctrl/tinycolor@3.6.1:
+    resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /@emotion/hash@0.8.0:
+    resolution: {integrity: sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==}
+    dev: false
+
+  /@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.18.20:
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.18.20:
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.18.20:
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.18.20:
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.18.20:
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.14.54:
+    resolution: {integrity: sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.18.20:
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.18.20:
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.18.20:
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.18.20:
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.18.20:
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.18.20:
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.18.20:
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.18.20:
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.18.20:
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.57.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@eslint-community/regexpp@4.10.0:
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  /@eslint/eslintrc@2.1.4:
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.6.1
+      globals: 13.24.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@eslint/js@8.57.0:
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@fast-crud/fast-crud@1.20.2(vue@3.3.4):
+    resolution: {integrity: sha512-v+FNkY71jeHlpbnAkq0onSOlBIuvQg2AoUvzdVf2y4cJaAoggxNS6iCb4uTufuuF9CEeBDluk75YZ6e/viM/1A==}
+    dependencies:
+      file-saver: 2.0.5
+      lru-cache: 10.2.2
+      vuedraggable-es: 4.1.1(vue@3.3.4)
+      xlsx: 0.18.5
+    transitivePeerDependencies:
+      - vue
+    dev: false
+
+  /@fast-crud/fast-extends@1.20.2(vue@3.3.4):
+    resolution: {integrity: sha512-4jZ8ej5V3Zc+/rqrVpKEAZwld+EiCWgoON7/sT4/cF2SGFvpfY7eQXC41djO87QUtXI0nC5MuoB8sCwDVBCCsg==}
+    dependencies:
+      '@aws-sdk/client-s3': 3.583.0
+      '@aws-sdk/s3-request-presigner': 3.583.0
+      '@aws-sdk/signature-v4-crt': 3.582.0
+      '@soerenmartius/vue3-clipboard': 0.1.2
+      '@wangeditor/editor': 5.1.23
+      '@wangeditor/editor-for-vue': 5.1.12(@wangeditor/editor@5.1.23)(vue@3.3.4)
+      ali-oss: 6.20.0
+      cos-js-sdk-v5: 1.7.1
+      cropperjs: 1.6.2
+      dayjs: 1.11.11
+      glob: 10.4.1
+      humanize-duration: 3.32.0
+      jsoneditor: 9.10.5
+      lodash-es: 4.17.21
+      object-assign: 4.1.1
+      qiniu-js: 3.4.1
+      quill: 1.3.7
+      vue-cropperjs: 5.0.0(vue@3.3.4)
+    transitivePeerDependencies:
+      - aws-crt
+      - bufferutil
+      - debug
+      - proxy-agent
+      - supports-color
+      - utf-8-validate
+      - vue
+    dev: false
+
+  /@fast-crud/ui-interface@1.20.2:
+    resolution: {integrity: sha512-ukUcDgFG4HFXDK+WbESBpzMQTbknrgOI8OhuftTk8Fx2hG2iuVnw6pNizyOILwt/h//k7t3iP67pVZ0sUC+PCg==}
+    dependencies:
+      lodash-es: 4.17.21
+    dev: false
+
+  /@fast-crud/ui-naive@1.20.2:
+    resolution: {integrity: sha512-baj66QvEKpbPTVSwIYLip1n0ztTpNwxtUtutHY6bDqferBiOaIYU+MWDqGGNtFkehuDbpVPk4nhybbf67ExhPA==}
+    dev: false
+
+  /@gar/promisify@1.1.3:
+    resolution: {integrity: sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==}
+    dev: true
+
+  /@httptoolkit/websocket-stream@6.0.1:
+    resolution: {integrity: sha512-A0NOZI+Glp3Xgcz6Na7i7o09+/+xm2m0UCU8gdtM2nIv6/cjLmhMZMqehSpTlgbx9omtLmV8LVqOskPEyWnmZQ==}
+    dependencies:
+      '@types/ws': 8.5.10
+      duplexify: 3.7.1
+      inherits: 2.0.4
+      isomorphic-ws: 4.0.1(ws@8.17.0)
+      readable-stream: 2.3.8
+      safe-buffer: 5.2.1
+      ws: 8.17.0
+      xtend: 4.0.2
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+    dev: false
+
+  /@humanwhocodes/config-array@0.11.14:
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.3
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/module-importer@1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /@humanwhocodes/object-schema@2.0.3:
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    dev: true
+
+  /@hutson/parse-repository-url@3.0.2:
+    resolution: {integrity: sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@iconify/json@2.2.213:
+    resolution: {integrity: sha512-5tcEn+ZDoWlBXmlJidYjMsJyFXhXuVscbg7PRpaon86GqrDlwW/cl8mR682C06Oq4AfeypmfVI18YTnczwdqxA==}
+    dependencies:
+      '@iconify/types': 2.0.0
+      pathe: 1.1.2
+    dev: true
+
+  /@iconify/types@2.0.0:
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+    dev: true
+
+  /@iconify/utils@2.1.23:
+    resolution: {integrity: sha512-YGNbHKM5tyDvdWZ92y2mIkrfvm5Fvhe6WJSkWu7vvOFhMtYDP0casZpoRz0XEHZCrYsR4stdGT3cZ52yp5qZdQ==}
+    dependencies:
+      '@antfu/install-pkg': 0.1.1
+      '@antfu/utils': 0.7.8
+      '@iconify/types': 2.0.0
+      debug: 4.3.4
+      kolorist: 1.8.0
+      local-pkg: 0.5.0
+      mlly: 1.7.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@iconify/vue@4.1.2(vue@3.3.4):
+    resolution: {integrity: sha512-CQnYqLiQD5LOAaXhBrmj1mdL2/NCJvwcC4jtW2Z8ukhThiFkLDkutarTOV2trfc9EXqUqRs0KqXOL9pZ/IyysA==}
+    peerDependencies:
+      vue: '>=3'
+    dependencies:
+      '@iconify/types': 2.0.0
+      vue: 3.3.4
+    dev: true
+
+  /@intlify/core-base@9.13.1:
+    resolution: {integrity: sha512-+bcQRkJO9pcX8d0gel9ZNfrzU22sZFSA0WVhfXrf5jdJOS24a+Bp8pozuS9sBI9Hk/tGz83pgKfmqcn/Ci7/8w==}
+    engines: {node: '>= 16'}
+    dependencies:
+      '@intlify/message-compiler': 9.13.1
+      '@intlify/shared': 9.13.1
+    dev: false
+
+  /@intlify/message-compiler@9.13.1:
+    resolution: {integrity: sha512-SKsVa4ajYGBVm7sHMXd5qX70O2XXjm55zdZB3VeMFCvQyvLew/dLvq3MqnaIsTMF1VkkOb9Ttr6tHcMlyPDL9w==}
+    engines: {node: '>= 16'}
+    dependencies:
+      '@intlify/shared': 9.13.1
+      source-map-js: 1.2.0
+    dev: false
+
+  /@intlify/shared@9.13.1:
+    resolution: {integrity: sha512-u3b6BKGhE6j/JeRU6C/RL2FgyJfy6LakbtfeVF8fJXURpZZTzfh3e05J0bu0XPw447Q6/WUp3C4ajv4TMS4YsQ==}
+    engines: {node: '>= 16'}
+    dev: false
+
+  /@isaacs/cliui@8.0.2:
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: /string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: /strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: /wrap-ansi@7.0.0
+
+  /@jridgewell/gen-mapping@0.3.5:
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.25
+    dev: true
+
+  /@jridgewell/resolve-uri@3.1.2:
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/set-array@1.2.1:
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/source-map@0.3.6:
+    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+    dev: true
+
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  /@jridgewell/trace-mapping@0.3.25:
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /@juggle/resize-observer@3.4.0:
+    resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
+    dev: false
+
+  /@lezer/common@1.2.1:
+    resolution: {integrity: sha512-yemX0ZD2xS/73llMZIK6KplkjIjf2EvAHcinDi/TfJ9hS25G0388+ClHt6/3but0oOxinTcQHJLDXh6w1crzFQ==}
+    dev: false
+
+  /@lezer/highlight@1.2.0:
+    resolution: {integrity: sha512-WrS5Mw51sGrpqjlh3d4/fOwpEV2Hd3YOkp9DBt4k8XZQcoTHZFB7sx030A6OcahF4J1nDQAa3jXlTVVYH50IFA==}
+    dependencies:
+      '@lezer/common': 1.2.1
+    dev: false
+
+  /@lezer/lr@1.4.0:
+    resolution: {integrity: sha512-Wst46p51km8gH0ZUmeNrtpRYmdlRHUpN1DQd3GFAyKANi8WVz8c2jHYTf1CVScFaCjQw1iO3ZZdqGDxQPRErTg==}
+    dependencies:
+      '@lezer/common': 1.2.1
+    dev: false
+
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.17.1
+    dev: true
+
+  /@npmcli/fs@2.1.2:
+    resolution: {integrity: sha512-yOJKRvohFOaLqipNtwYB9WugyZKhC/DZC4VYPmpaCzDBrA8YpK3qHZ8/HGscMnE4GqbkLNuVcCnxkeQEdGt6LQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      '@gar/promisify': 1.1.3
+      semver: 7.6.2
+    dev: true
+
+  /@npmcli/fs@3.1.1:
+    resolution: {integrity: sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      semver: 7.6.2
+    dev: true
+
+  /@npmcli/git@4.1.0:
+    resolution: {integrity: sha512-9hwoB3gStVfa0N31ymBmrX+GuDGdVA/QWShZVqE0HK2Af+7QGGrCTbZia/SW0ImUTjTne7SP91qxDmtXvDHRPQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@npmcli/promise-spawn': 6.0.2
+      lru-cache: 7.18.3
+      npm-pick-manifest: 8.0.2
+      proc-log: 3.0.0
+      promise-inflight: 1.0.1
+      promise-retry: 2.0.1
+      semver: 7.6.2
+      which: 3.0.1
+    transitivePeerDependencies:
+      - bluebird
+    dev: true
+
+  /@npmcli/installed-package-contents@2.1.0:
+    resolution: {integrity: sha512-c8UuGLeZpm69BryRykLuKRyKFZYJsZSCT4aVY5ds4omyZqJ172ApzgfKJ5eV/r3HgLdUYgFVe54KSFVjKoe27w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      npm-bundled: 3.0.1
+      npm-normalize-package-bin: 3.0.1
+    dev: true
+
+  /@npmcli/move-file@2.0.1:
+    resolution: {integrity: sha512-mJd2Z5TjYWq/ttPLLGqArdtnC74J6bOzg4rMDnN+p1xTacZ2yPRCk2y0oSWQtygLR9YVQXgOcONrwtnk3JupxQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    deprecated: This functionality has been moved to @npmcli/fs
+    dependencies:
+      mkdirp: 1.0.4
+      rimraf: 3.0.2
+    dev: true
+
+  /@npmcli/node-gyp@3.0.0:
+    resolution: {integrity: sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /@npmcli/promise-spawn@6.0.2:
+    resolution: {integrity: sha512-gGq0NJkIGSwdbUt4yhdF8ZrmkGKVz9vAdVzpOfnom+V8PLSmSOVhZwbNvZZS1EYcJN5hzzKBxmmVVAInM6HQLg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      which: 3.0.1
+    dev: true
+
+  /@npmcli/run-script@6.0.2:
+    resolution: {integrity: sha512-NCcr1uQo1k5U+SYlnIrbAh3cxy+OQT1VtqiAbxdymSlptbzBb62AjH2xXgjNCoP073hoa1CfCAcwoZ8k96C4nA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@npmcli/node-gyp': 3.0.0
+      '@npmcli/promise-spawn': 6.0.2
+      node-gyp: 9.4.1
+      read-package-json-fast: 3.0.2
+      which: 3.0.1
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+    dev: true
+
+  /@pkgjs/parseargs@0.11.0:
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+    requiresBuild: true
+    optional: true
+
+  /@pkgr/core@0.1.1:
+    resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    dev: true
+
+  /@pnpm/config.env-replace@1.1.0:
+    resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==}
+    engines: {node: '>=12.22.0'}
+    dev: true
+
+  /@pnpm/network.ca-file@1.0.2:
+    resolution: {integrity: sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==}
+    engines: {node: '>=12.22.0'}
+    dependencies:
+      graceful-fs: 4.2.10
+    dev: true
+
+  /@pnpm/npm-conf@2.2.2:
+    resolution: {integrity: sha512-UA91GwWPhFExt3IizW6bOeY/pQ0BkuNwKjk9iQW9KqxluGCrg4VenZ0/L+2Y0+ZOtme72EVvg6v0zo3AMQRCeA==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@pnpm/config.env-replace': 1.1.0
+      '@pnpm/network.ca-file': 1.0.2
+      config-chain: 1.1.13
+    dev: true
+
+  /@polka/url@1.0.0-next.25:
+    resolution: {integrity: sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==}
+    dev: true
+
+  /@rollup/plugin-babel@5.3.1(@babel/core@7.24.5)(rollup@2.79.1):
+    resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
+    engines: {node: '>= 10.0.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      '@types/babel__core': ^7.1.9
+      rollup: ^1.20.0||^2.0.0
+    peerDependenciesMeta:
+      '@types/babel__core':
+        optional: true
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-module-imports': 7.24.3
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/plugin-node-resolve@11.2.1(rollup@2.79.1):
+    resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==}
+    engines: {node: '>= 10.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+    dependencies:
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      '@types/resolve': 1.17.1
+      builtin-modules: 3.3.0
+      deepmerge: 4.3.1
+      is-module: 1.0.0
+      resolve: 1.22.8
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/plugin-replace@2.4.2(rollup@2.79.1):
+    resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
+    peerDependencies:
+      rollup: ^1.20.0 || ^2.0.0
+    dependencies:
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      magic-string: 0.25.9
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/pluginutils@3.1.0(rollup@2.79.1):
+    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
+    engines: {node: '>= 8.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+    dependencies:
+      '@types/estree': 0.0.39
+      estree-walker: 1.0.1
+      picomatch: 2.3.1
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/pluginutils@5.1.0(rollup@2.79.1):
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.5
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 2.79.1
+    dev: true
+
+  /@sigstore/bundle@1.1.0:
+    resolution: {integrity: sha512-PFutXEy0SmQxYI4texPw3dd2KewuNqv7OuK1ZFtY2fM754yhvG2KdgwIhRnoEE2uHdtdGNQ8s0lb94dW9sELog==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@sigstore/protobuf-specs': 0.2.1
+    dev: true
+
+  /@sigstore/protobuf-specs@0.2.1:
+    resolution: {integrity: sha512-XTWVxnWJu+c1oCshMLwnKvz8ZQJJDVOlciMfgpJBQbThVjKTCG8dwyhgLngBD2KN0ap9F/gOV8rFDEx8uh7R2A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /@sigstore/sign@1.0.0:
+    resolution: {integrity: sha512-INxFVNQteLtcfGmcoldzV6Je0sbbfh9I16DM4yJPw3j5+TFP8X6uIiA18mvpEa9yyeycAKgPmOA3X9hVdVTPUA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@sigstore/bundle': 1.1.0
+      '@sigstore/protobuf-specs': 0.2.1
+      make-fetch-happen: 11.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@sigstore/tuf@1.0.3:
+    resolution: {integrity: sha512-2bRovzs0nJZFlCN3rXirE4gwxCn97JNjMmwpecqlbgV9WcxX7WRuIrgzx/X7Ib7MYRbyUTpBYE0s2x6AmZXnlg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@sigstore/protobuf-specs': 0.2.1
+      tuf-js: 1.1.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@sindresorhus/is@5.6.0:
+    resolution: {integrity: sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g==}
+    engines: {node: '>=14.16'}
+    dev: true
+
+  /@smithy/abort-controller@3.0.0:
+    resolution: {integrity: sha512-p6GlFGBt9K4MYLu72YuJ523NVR4A8oHlC5M2JO6OmQqN8kAc/uh1JqLE+FizTokrSJGg0CSvC+BrsmGzKtsZKA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/chunked-blob-reader-native@3.0.0:
+    resolution: {integrity: sha512-VDkpCYW+peSuM4zJip5WDfqvg2Mo/e8yxOv3VF1m11y7B8KKMKVFtmZWDe36Fvk8rGuWrPZHHXZ7rR7uM5yWyg==}
+    dependencies:
+      '@smithy/util-base64': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/chunked-blob-reader@3.0.0:
+    resolution: {integrity: sha512-sbnURCwjF0gSToGlsBiAmd1lRCmSn72nu9axfJu5lIx6RUEgHu6GwTMbqCdhQSi0Pumcm5vFxsi9XWXb2mTaoA==}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/config-resolver@3.0.0:
+    resolution: {integrity: sha512-2GzOfADwYLQugYkKQhIyZyQlM05K+tMKvRnc6eFfZcpJGRfKoMUMYdPlBKmqHwQFXQKBrGV6cxL9oymWgDzvFw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-config-provider': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/core@2.0.1:
+    resolution: {integrity: sha512-rcMkjvwxH/bER+oZUPR0yTA0ELD6m3A+d92+CFkdF6HJFCBB1bXo7P5pm21L66XwTN01B6bUhSCQ7cymWRD8zg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/middleware-endpoint': 3.0.0
+      '@smithy/middleware-retry': 3.0.1
+      '@smithy/middleware-serde': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/credential-provider-imds@3.0.0:
+    resolution: {integrity: sha512-lfmBiFQcA3FsDAPxNfY0L7CawcWtbyWsBOHo34nF095728JLkBX4Y9q/VPPE2r7fqMVK+drmDigqE2/SSQeVRA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/url-parser': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/eventstream-codec@3.0.0:
+    resolution: {integrity: sha512-PUtyEA0Oik50SaEFCZ0WPVtF9tz/teze2fDptW6WRXl+RrEenH8UbEjudOz8iakiMl3lE3lCVqYf2Y+znL8QFQ==}
+    dependencies:
+      '@aws-crypto/crc32': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-hex-encoding': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/eventstream-serde-browser@3.0.0:
+    resolution: {integrity: sha512-NB7AFiPN4NxP/YCAnrvYR18z2/ZsiHiF7VtG30gshO9GbFrIb1rC8ep4NGpJSWrz6P64uhPXeo4M0UsCLnZKqw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/eventstream-serde-universal': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/eventstream-serde-config-resolver@3.0.0:
+    resolution: {integrity: sha512-RUQG3vQ3LX7peqqHAbmayhgrF5aTilPnazinaSGF1P0+tgM3vvIRWPHmlLIz2qFqB9LqFIxditxc8O2Z6psrRw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/eventstream-serde-node@3.0.0:
+    resolution: {integrity: sha512-baRPdMBDMBExZXIUAoPGm/hntixjt/VFpU6+VmCyiYJYzRHRxoaI1MN+5XE+hIS8AJ2GCHLMFEIOLzq9xx1EgQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/eventstream-serde-universal': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/eventstream-serde-universal@3.0.0:
+    resolution: {integrity: sha512-HNFfShmotWGeAoW4ujP8meV9BZavcpmerDbPIjkJbxKbN8RsUcpRQ/2OyIxWNxXNH2GWCAxuSB7ynmIGJlQ3Dw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/eventstream-codec': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/fetch-http-handler@3.0.1:
+    resolution: {integrity: sha512-uaH74i5BDj+rBwoQaXioKpI0SHBJFtOVwzrCpxZxphOW0ki5jhj7dXvDMYM2IJem8TpdFvS2iC08sjOblfFGFg==}
+    dependencies:
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/querystring-builder': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-base64': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/hash-blob-browser@3.0.0:
+    resolution: {integrity: sha512-/Wbpdg+bwJvW7lxR/zpWAc1/x/YkcqguuF2bAzkJrvXriZu1vm8r+PUdE4syiVwQg7PPR2dXpi3CLBb9qRDaVQ==}
+    dependencies:
+      '@smithy/chunked-blob-reader': 3.0.0
+      '@smithy/chunked-blob-reader-native': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/hash-node@3.0.0:
+    resolution: {integrity: sha512-84qXstNemP3XS5jcof0el6+bDfjzuvhJPQTEfro3lgtbCtKgzPm3MgiS6ehXVPjeQ5+JS0HqmTz8f/RYfzHVxw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      '@smithy/util-buffer-from': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/hash-stream-node@3.0.0:
+    resolution: {integrity: sha512-J0i7de+EgXDEGITD4fxzmMX8CyCNETTIRXlxjMiNUvvu76Xn3GJ31wQR85ynlPk2wI1lqoknAFJaD1fiNDlbIA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/invalid-dependency@3.0.0:
+    resolution: {integrity: sha512-F6wBBaEFgJzj0s4KUlliIGPmqXemwP6EavgvDqYwCH40O5Xr2iMHvS8todmGVZtuJCorBkXsYLyTu4PuizVq5g==}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/is-array-buffer@3.0.0:
+    resolution: {integrity: sha512-+Fsu6Q6C4RSJiy81Y8eApjEB5gVtM+oFKTffg+jSuwtvomJJrhUJBu2zS8wjXSgH/g1MKEWrzyChTBe6clb5FQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/md5-js@3.0.0:
+    resolution: {integrity: sha512-Tm0vrrVzjlD+6RCQTx7D3Ls58S3FUH1ZCtU1MIh/qQmaOo1H9lMN2as6CikcEwgattnA9SURSdoJJ27xMcEfMA==}
+    dependencies:
+      '@smithy/types': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/middleware-content-length@3.0.0:
+    resolution: {integrity: sha512-3C4s4d/iGobgCtk2tnWW6+zSTOBg1PRAm2vtWZLdriwTroFbbWNSr3lcyzHdrQHnEXYCC5K52EbpfodaIUY8sg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/middleware-endpoint@3.0.0:
+    resolution: {integrity: sha512-aXOAWztw/5qAfp0NcA2OWpv6ZI/E+Dh9mByif7i91D/0iyYNUcKvskmXiowKESFkuZ7PIMd3VOR4fTibZDs2OQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/middleware-serde': 3.0.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/shared-ini-file-loader': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/url-parser': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/middleware-retry@3.0.1:
+    resolution: {integrity: sha512-hBhSEuL841FhJBK/19WpaGk5YWSzFk/P2UaVjANGKRv3eYNO8Y1lANWgqnuPWjOyCEWMPr58vELFDWpxvRKANw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/service-error-classification': 3.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      '@smithy/util-retry': 3.0.0
+      tslib: 2.6.2
+      uuid: 9.0.1
+    dev: false
+
+  /@smithy/middleware-serde@3.0.0:
+    resolution: {integrity: sha512-I1vKG1foI+oPgG9r7IMY1S+xBnmAn1ISqployvqkwHoSb8VPsngHDTOgYGYBonuOKndaWRUGJZrKYYLB+Ane6w==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/middleware-stack@3.0.0:
+    resolution: {integrity: sha512-+H0jmyfAyHRFXm6wunskuNAqtj7yfmwFB6Fp37enytp2q047/Od9xetEaUbluyImOlGnGpaVGaVfjwawSr+i6Q==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/node-config-provider@3.0.0:
+    resolution: {integrity: sha512-buqfaSdDh0zo62EPLf8rGDvcpKwGpO5ho4bXS2cdFhlOta7tBkWJt+O5uiaAeICfIOfPclNOndshDNSanX2X9g==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/property-provider': 3.0.0
+      '@smithy/shared-ini-file-loader': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/node-http-handler@3.0.0:
+    resolution: {integrity: sha512-3trD4r7NOMygwLbUJo4eodyQuypAWr7uvPnebNJ9a70dQhVn+US8j/lCnvoJS6BXfZeF7PkkkI0DemVJw+n+eQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/abort-controller': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/querystring-builder': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/property-provider@3.0.0:
+    resolution: {integrity: sha512-LmbPgHBswdXCrkWWuUwBm9w72S2iLWyC/5jet9/Y9cGHtzqxi+GVjfCfahkvNV4KXEwgnH8EMpcrD9RUYe0eLQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/protocol-http@4.0.0:
+    resolution: {integrity: sha512-qOQZOEI2XLWRWBO9AgIYuHuqjZ2csyr8/IlgFDHDNuIgLAMRx2Bl8ck5U5D6Vh9DPdoaVpuzwWMa0xcdL4O/AQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/querystring-builder@3.0.0:
+    resolution: {integrity: sha512-bW8Fi0NzyfkE0TmQphDXr1AmBDbK01cA4C1Z7ggwMAU5RDz5AAv/KmoRwzQAS0kxXNf/D2ALTEgwK0U2c4LtRg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      '@smithy/util-uri-escape': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/querystring-parser@3.0.0:
+    resolution: {integrity: sha512-UzHwthk0UEccV4dHzPySnBy34AWw3V9lIqUTxmozQ+wPDAO9csCWMfOLe7V9A2agNYy7xE+Pb0S6K/J23JSzfQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/service-error-classification@3.0.0:
+    resolution: {integrity: sha512-3BsBtOUt2Gsnc3X23ew+r2M71WwtpHfEDGhHYHSDg6q1t8FrWh15jT25DLajFV1H+PpxAJ6gqe9yYeRUsmSdFA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+    dev: false
+
+  /@smithy/shared-ini-file-loader@3.0.0:
+    resolution: {integrity: sha512-REVw6XauXk8xE4zo5aGL7Rz4ywA8qNMUn8RtWeTRQsgAlmlvbJ7CEPBcaXU2NDC3AYBgYAXrGyWD8XrN8UGDog==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/signature-v4@3.0.0:
+    resolution: {integrity: sha512-kXFOkNX+BQHe2qnLxpMEaCRGap9J6tUGLzc3A9jdn+nD4JdMwCKTJ+zFwQ20GkY+mAXGatyTw3HcoUlR39HwmA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/is-array-buffer': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-hex-encoding': 3.0.0
+      '@smithy/util-middleware': 3.0.0
+      '@smithy/util-uri-escape': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/smithy-client@3.0.1:
+    resolution: {integrity: sha512-KAiFY4Y4jdHxR+4zerH/VBhaFKM8pbaVmJZ/CWJRwtM/CmwzTfXfvYwf6GoUwiHepdv+lwiOXCuOl6UBDUEINw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/middleware-endpoint': 3.0.0
+      '@smithy/middleware-stack': 3.0.0
+      '@smithy/protocol-http': 4.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-stream': 3.0.1
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/types@3.0.0:
+    resolution: {integrity: sha512-VvWuQk2RKFuOr98gFhjca7fkBS+xLLURT8bUjk5XQoV0ZLm7WPwWPPY3/AwzTLuUBDeoKDCthfe1AsTUWaSEhw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/url-parser@3.0.0:
+    resolution: {integrity: sha512-2XLazFgUu+YOGHtWihB3FSLAfCUajVfNBXGGYjOaVKjLAuAxx3pSBY3hBgLzIgB17haf59gOG3imKqTy8mcrjw==}
+    dependencies:
+      '@smithy/querystring-parser': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-base64@3.0.0:
+    resolution: {integrity: sha512-Kxvoh5Qtt0CDsfajiZOCpJxgtPHXOKwmM+Zy4waD43UoEMA+qPxxa98aE/7ZhdnBFZFXMOiBR5xbcaMhLtznQQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/util-buffer-from': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-body-length-browser@3.0.0:
+    resolution: {integrity: sha512-cbjJs2A1mLYmqmyVl80uoLTJhAcfzMOyPgjwAYusWKMdLeNtzmMz9YxNl3/jRLoxSS3wkqkf0jwNdtXWtyEBaQ==}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-body-length-node@3.0.0:
+    resolution: {integrity: sha512-Tj7pZ4bUloNUP6PzwhN7K386tmSmEET9QtQg0TgdNOnxhZvCssHji+oZTUIuzxECRfG8rdm2PMw2WCFs6eIYkA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-buffer-from@3.0.0:
+    resolution: {integrity: sha512-aEOHCgq5RWFbP+UDPvPot26EJHjOC+bRgse5A8V3FSShqd5E5UN4qc7zkwsvJPPAVsf73QwYcHN1/gt/rtLwQA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/is-array-buffer': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-config-provider@3.0.0:
+    resolution: {integrity: sha512-pbjk4s0fwq3Di/ANL+rCvJMKM5bzAQdE5S/6RL5NXgMExFAi6UgQMPOm5yPaIWPpr+EOXKXRonJ3FoxKf4mCJQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-defaults-mode-browser@3.0.1:
+    resolution: {integrity: sha512-nW5kEzdJn1Bn5TF+gOPHh2rcPli8JU9vSSXLbfg7uPnfR1TMRQqs9zlYRhIb87NeSxIbpdXOI94tvXSy+fvDYg==}
+    engines: {node: '>= 10.0.0'}
+    dependencies:
+      '@smithy/property-provider': 3.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      bowser: 2.11.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-defaults-mode-node@3.0.1:
+    resolution: {integrity: sha512-TFk+Qb+elLc/MOhtSp+50fstyfZ6avQbgH2d96xUBpeScu+Al9elxv+UFAjaTHe0HQe5n+wem8ZLpXvU8lwV6Q==}
+    engines: {node: '>= 10.0.0'}
+    dependencies:
+      '@smithy/config-resolver': 3.0.0
+      '@smithy/credential-provider-imds': 3.0.0
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/property-provider': 3.0.0
+      '@smithy/smithy-client': 3.0.1
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-endpoints@2.0.0:
+    resolution: {integrity: sha512-+exaXzEY3DNt2qtA2OtRNSDlVrE4p32j1JSsQkzA5AdP0YtJNjkYbYhJxkFmPYcjI1abuwopOZCwUmv682QkiQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/node-config-provider': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-hex-encoding@3.0.0:
+    resolution: {integrity: sha512-eFndh1WEK5YMUYvy3lPlVmYY/fZcQE1D8oSf41Id2vCeIkKJXPcYDCZD+4+xViI6b1XSd7tE+s5AmXzz5ilabQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-middleware@3.0.0:
+    resolution: {integrity: sha512-q5ITdOnV2pXHSVDnKWrwgSNTDBAMHLptFE07ua/5Ty5WJ11bvr0vk2a7agu7qRhrCFRQlno5u3CneU5EELK+DQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-retry@3.0.0:
+    resolution: {integrity: sha512-nK99bvJiziGv/UOKJlDvFF45F00WgPLKVIGUfAK+mDhzVN2hb/S33uW2Tlhg5PVBoqY7tDVqL0zmu4OxAHgo9g==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/service-error-classification': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-stream@3.0.1:
+    resolution: {integrity: sha512-7F7VNNhAsfMRA8I986YdOY5fE0/T1/ZjFF6OLsqkvQVNP3vZ/szYDfGCyphb7ioA09r32K/0qbSFfNFU68aSzA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/fetch-http-handler': 3.0.1
+      '@smithy/node-http-handler': 3.0.0
+      '@smithy/types': 3.0.0
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-buffer-from': 3.0.0
+      '@smithy/util-hex-encoding': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-uri-escape@3.0.0:
+    resolution: {integrity: sha512-LqR7qYLgZTD7nWLBecUi4aqolw8Mhza9ArpNEQ881MJJIU2sE5iHCK6TdyqqzcDLy0OPe10IY4T8ctVdtynubg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-utf8@3.0.0:
+    resolution: {integrity: sha512-rUeT12bxFnplYDe815GXbq/oixEGHfRFFtcTF3YdDi/JaENIM6aSYYLJydG83UNzLXeRI5K8abYd/8Sp/QM0kA==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/util-buffer-from': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@smithy/util-waiter@3.0.0:
+    resolution: {integrity: sha512-+fEXJxGDLCoqRKVSmo0auGxaqbiCo+8oph+4auefYjaNxjOLKSY2MxVQfRzo65PaZv4fr+5lWg+au7vSuJJ/zw==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@smithy/abort-controller': 3.0.0
+      '@smithy/types': 3.0.0
+      tslib: 2.6.2
+    dev: false
+
+  /@soerenmartius/vue3-clipboard@0.1.2:
+    resolution: {integrity: sha512-a5er6cFGcFIQ/3qg6kWvU0yFqIz9iWoQGEVs9azjevyRyMAKvj1w3JuLH9y6+u0WhMNby3kn7nuR8nktSnDesg==}
+    dependencies:
+      clipboard: 2.0.11
+    dev: false
+
+  /@soybeanjs/cli@0.1.9:
+    resolution: {integrity: sha512-o6nSf6/yjwEsBLe9qf8enMnS2JPiOBTNS5cLQnMZRhTOXE8ykKCMpzgYHwau730tkJpy2ufNfftMQgxaJnjdMA==}
+    hasBin: true
+    dependencies:
+      commander: 10.0.1
+      enquirer: 2.4.1
+      execa: 7.1.1
+      kolorist: 1.8.0
+      minimist: 1.2.8
+      npm-check-updates: 16.14.20
+      rimraf: 5.0.7
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+    dev: true
+
+  /@soybeanjs/vite-plugin-vue-page-route@0.0.5:
+    resolution: {integrity: sha512-rMxbLh6oyGyj1iXf4Bw81ZRxAGBZmz/LSOhQei2vDLRfyyQLA/+lGl9Qr1fzKUkD1o6UQ0I+eURioBsNvOPHAw==}
+    dependencies:
+      '@swc/core': 1.5.7
+      chokidar: 3.6.0
+      execa: 5.1.1
+      fast-glob: 3.3.2
+      fs-extra: 11.2.0
+      kolorist: 1.8.0
+      magic-string: 0.27.0
+      micromatch: 4.0.7
+    transitivePeerDependencies:
+      - '@swc/helpers'
+    dev: true
+
+  /@soybeanjs/vue-materials@0.1.16(vue@3.3.4):
+    resolution: {integrity: sha512-ZkbI47oV2hwLzhnmD1D77Dxfymo/XpkhkqQbsNWWxe3S7dIiAcxY25AmICKQrDPwgr0w320znbstsioDiJs7aA==}
+    peerDependencies:
+      '@vue/composition-api': ^1.7.0
+      vue: ^2.0.0 || >=3.0.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      colord: 2.9.3
+      vue: 3.3.4
+      vue-demi: 0.14.5(vue@3.3.4)
+    dev: false
+
+  /@sphinxxxx/color-conversion@2.2.2:
+    resolution: {integrity: sha512-XExJS3cLqgrmNBIP3bBw6+1oQ1ksGjFh0+oClDKFYpCCqx/hlqwWO5KO/S63fzUo67SxI9dMrF0y5T/Ey7h8Zw==}
+    dev: false
+
+  /@surma/rollup-plugin-off-main-thread@2.2.3:
+    resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
+    dependencies:
+      ejs: 3.1.10
+      json5: 2.2.3
+      magic-string: 0.25.9
+      string.prototype.matchall: 4.0.11
+    dev: true
+
+  /@swc/core-darwin-arm64@1.5.7:
+    resolution: {integrity: sha512-bZLVHPTpH3h6yhwVl395k0Mtx8v6CGhq5r4KQdAoPbADU974Mauz1b6ViHAJ74O0IVE5vyy7tD3OpkQxL/vMDQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-darwin-x64@1.5.7:
+    resolution: {integrity: sha512-RpUyu2GsviwTc2qVajPL0l8nf2vKj5wzO3WkLSHAHEJbiUZk83NJrZd1RVbEknIMO7+Uyjh54hEh8R26jSByaw==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-arm-gnueabihf@1.5.7:
+    resolution: {integrity: sha512-cTZWTnCXLABOuvWiv6nQQM0hP6ZWEkzdgDvztgHI/+u/MvtzJBN5lBQ2lue/9sSFYLMqzqff5EHKlFtrJCA9dQ==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-arm64-gnu@1.5.7:
+    resolution: {integrity: sha512-hoeTJFBiE/IJP30Be7djWF8Q5KVgkbDtjySmvYLg9P94bHg9TJPSQoC72tXx/oXOgXvElDe/GMybru0UxhKx4g==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-arm64-musl@1.5.7:
+    resolution: {integrity: sha512-+NDhK+IFTiVK1/o7EXdCeF2hEzCiaRSrb9zD7X2Z7inwWlxAntcSuzZW7Y6BRqGQH89KA91qYgwbnjgTQ22PiQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-x64-gnu@1.5.7:
+    resolution: {integrity: sha512-25GXpJmeFxKB+7pbY7YQLhWWjkYlR+kHz5I3j9WRl3Lp4v4UD67OGXwPe+DIcHqcouA1fhLhsgHJWtsaNOMBNg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-x64-musl@1.5.7:
+    resolution: {integrity: sha512-0VN9Y5EAPBESmSPPsCJzplZHV26akC0sIgd3Hc/7S/1GkSMoeuVL+V9vt+F/cCuzr4VidzSkqftdP3qEIsXSpg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-arm64-msvc@1.5.7:
+    resolution: {integrity: sha512-RtoNnstBwy5VloNCvmvYNApkTmuCe4sNcoYWpmY7C1+bPR+6SOo8im1G6/FpNem8AR5fcZCmXHWQ+EUmRWJyuA==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-ia32-msvc@1.5.7:
+    resolution: {integrity: sha512-Xm0TfvcmmspvQg1s4+USL3x8D+YPAfX2JHygvxAnCJ0EHun8cm2zvfNBcsTlnwYb0ybFWXXY129aq1wgFC9TpQ==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-x64-msvc@1.5.7:
+    resolution: {integrity: sha512-tp43WfJLCsKLQKBmjmY/0vv1slVywR5Q4qKjF5OIY8QijaEW7/8VwPyUyVoJZEnDgv9jKtUTG5PzqtIYPZGnyg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core@1.5.7:
+    resolution: {integrity: sha512-U4qJRBefIJNJDRCCiVtkfa/hpiZ7w0R6kASea+/KLp+vkus3zcLSB8Ub8SvKgTIxjWpwsKcZlPf5nrv4ls46SQ==}
+    engines: {node: '>=10'}
+    requiresBuild: true
+    peerDependencies:
+      '@swc/helpers': ^0.5.0
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+    dependencies:
+      '@swc/counter': 0.1.3
+      '@swc/types': 0.1.7
+    optionalDependencies:
+      '@swc/core-darwin-arm64': 1.5.7
+      '@swc/core-darwin-x64': 1.5.7
+      '@swc/core-linux-arm-gnueabihf': 1.5.7
+      '@swc/core-linux-arm64-gnu': 1.5.7
+      '@swc/core-linux-arm64-musl': 1.5.7
+      '@swc/core-linux-x64-gnu': 1.5.7
+      '@swc/core-linux-x64-musl': 1.5.7
+      '@swc/core-win32-arm64-msvc': 1.5.7
+      '@swc/core-win32-ia32-msvc': 1.5.7
+      '@swc/core-win32-x64-msvc': 1.5.7
+    dev: true
+
+  /@swc/counter@0.1.3:
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+    dev: true
+
+  /@swc/types@0.1.7:
+    resolution: {integrity: sha512-scHWahbHF0eyj3JsxG9CFJgFdFNaVQCNAimBlT6PzS3n/HptxqREjsm4OH6AN3lYcffZYSPxXW8ua2BEHp0lJQ==}
+    dependencies:
+      '@swc/counter': 0.1.3
+    dev: true
+
+  /@szmarczak/http-timer@5.0.1:
+    resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      defer-to-connect: 2.0.1
+    dev: true
+
+  /@tootallnate/once@2.0.0:
+    resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
+    engines: {node: '>= 10'}
+    dev: true
+
+  /@transloadit/prettier-bytes@0.0.7:
+    resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==}
+    dev: false
+
+  /@trysound/sax@0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /@tufjs/canonical-json@1.0.0:
+    resolution: {integrity: sha512-QTnf++uxunWvG2z3UFNzAoQPHxnSXOwtaI3iJ+AohhV+5vONuArPjJE7aPXPVXfXJsqrVbZBu9b81AJoSd09IQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /@tufjs/models@1.0.4:
+    resolution: {integrity: sha512-qaGV9ltJP0EO25YfFUPhxRVK0evXFIAGicsVXuRim4Ed9cjPxYhNnNJ49SFmbeLgtxpslIkX317IgpfcHPVj/A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@tufjs/canonical-json': 1.0.0
+      minimatch: 9.0.4
+    dev: true
+
+  /@types/bmapgl@0.0.7:
+    resolution: {integrity: sha512-3R0wFbZtynfHBJq0v477amaNH3t2u2CzBo46ViIPDdOTEJJ+Ma/ql4X8tS2XjDZcZhDAr6QDWoqV8SZvp6STvA==}
+    dev: true
+
+  /@types/crypto-js@4.2.2:
+    resolution: {integrity: sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==}
+    dev: true
+
+  /@types/d3-timer@2.0.3:
+    resolution: {integrity: sha512-jhAJzaanK5LqyLQ50jJNIrB8fjL9gwWZTgYjevPvkDLMU+kTAZkYsobI59nYoeSrH1PucuyJEi247Pb90t6XUg==}
+    dev: false
+
+  /@types/estree@0.0.39:
+    resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
+    dev: true
+
+  /@types/estree@1.0.5:
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+    dev: true
+
+  /@types/event-emitter@0.3.5:
+    resolution: {integrity: sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==}
+    dev: false
+
+  /@types/http-cache-semantics@4.0.4:
+    resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==}
+    dev: true
+
+  /@types/json-schema@7.0.15:
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+    dev: true
+
+  /@types/json5@0.0.29:
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+    dev: true
+
+  /@types/jsonwebtoken@9.0.6:
+    resolution: {integrity: sha512-/5hndP5dCjloafCXns6SZyESp3Ldq7YjH3zwzwczYnjxIT0Fqzk5ROSYVGfFyczIue7IUEj8hkvLbPoLQ18vQw==}
+    dependencies:
+      '@types/node': 20.2.1
+    dev: true
+
+  /@types/katex@0.16.7:
+    resolution: {integrity: sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==}
+    dev: false
+
+  /@types/lodash-es@4.17.12:
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+    dependencies:
+      '@types/lodash': 4.17.4
+    dev: false
+
+  /@types/lodash@4.17.4:
+    resolution: {integrity: sha512-wYCP26ZLxaT3R39kiN2+HcJ4kTd3U1waI/cY7ivWYqFP6pW3ZNpvi6Wd6PHZx7T/t8z0vlkXMg3QYLa7DZ/IJQ==}
+    dev: false
+
+  /@types/minimist@1.2.5:
+    resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
+    dev: true
+
+  /@types/mockjs@1.0.10:
+    resolution: {integrity: sha512-SXgrhajHG7boLv6oU93CcmdDm0HYRiceuz6b+7z+/2lCJPTWDv0V5YiwFHT2ejE4bQqgSXQiVPQYPWv7LGsK1g==}
+    dev: true
+
+  /@types/node@10.17.60:
+    resolution: {integrity: sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==}
+    dev: true
+
+  /@types/node@20.2.1:
+    resolution: {integrity: sha512-DqJociPbZP1lbZ5SQPk4oag6W7AyaGMO6gSfRwq3PWl4PXTwJpRQJhDq4W0kzrg3w6tJ1SwlvGZ5uKFHY13LIg==}
+
+  /@types/normalize-package-data@2.4.4:
+    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+    dev: true
+
+  /@types/qs@6.9.15:
+    resolution: {integrity: sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==}
+    dev: true
+
+  /@types/resolve@1.17.1:
+    resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
+    dependencies:
+      '@types/node': 20.2.1
+    dev: true
+
+  /@types/semver-utils@1.1.3:
+    resolution: {integrity: sha512-T+YwkslhsM+CeuhYUxyAjWm7mJ5am/K10UX40RuA6k6Lc7eGtq8iY2xOzy7Vq0GOqhl/xZl5l2FwURZMTPTUww==}
+    dev: true
+
+  /@types/semver@7.5.8:
+    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
+    dev: true
+
+  /@types/svgo@2.6.4:
+    resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
+    dependencies:
+      '@types/node': 20.2.1
+    dev: true
+
+  /@types/trusted-types@2.0.7:
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+    dev: true
+
+  /@types/ua-parser-js@0.7.39:
+    resolution: {integrity: sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==}
+    dev: true
+
+  /@types/web-bluetooth@0.0.20:
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+    dev: false
+
+  /@types/ws@8.5.10:
+    resolution: {integrity: sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==}
+    dependencies:
+      '@types/node': 20.2.1
+    dev: false
+
+  /@typescript-eslint/eslint-plugin@5.59.7(@typescript-eslint/parser@5.59.7)(eslint@8.57.0)(typescript@5.0.4):
+    resolution: {integrity: sha512-BL+jYxUFIbuYwy+4fF86k5vdT9lT0CNJ6HtwrIvGh0PhH8s0yy5rjaKH2fDCrz5ITHy07WCzVGNvAmjJh4IJFA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 5.59.7(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/scope-manager': 5.59.7
+      '@typescript-eslint/type-utils': 5.59.7(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/utils': 5.59.7(eslint@8.57.0)(typescript@5.0.4)
+      debug: 4.3.4
+      eslint: 8.57.0
+      grapheme-splitter: 1.0.4
+      ignore: 5.3.1
+      natural-compare-lite: 1.4.0
+      semver: 7.6.2
+      tsutils: 3.21.0(typescript@5.0.4)
+      typescript: 5.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@5.59.7(eslint@8.57.0)(typescript@5.0.4):
+    resolution: {integrity: sha512-VhpsIEuq/8i5SF+mPg9jSdIwgMBBp0z9XqjiEay+81PYLJuroN+ET1hM5IhkiYMJd9MkTz8iJLt7aaGAgzWUbQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 5.59.7
+      '@typescript-eslint/types': 5.59.7
+      '@typescript-eslint/typescript-estree': 5.59.7(typescript@5.0.4)
+      debug: 4.3.4
+      eslint: 8.57.0
+      typescript: 5.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager@5.59.7:
+    resolution: {integrity: sha512-FL6hkYWK9zBGdxT2wWEd2W8ocXMu3K94i3gvMrjXpx+koFYdYV7KprKfirpgY34vTGzEPPuKoERpP8kD5h7vZQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.59.7
+      '@typescript-eslint/visitor-keys': 5.59.7
+    dev: true
+
+  /@typescript-eslint/scope-manager@5.62.0:
+    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/visitor-keys': 5.62.0
+    dev: true
+
+  /@typescript-eslint/type-utils@5.59.7(eslint@8.57.0)(typescript@5.0.4):
+    resolution: {integrity: sha512-ozuz/GILuYG7osdY5O5yg0QxXUAEoI4Go3Do5xeu+ERH9PorHBPSdvD3Tjp2NN2bNLh1NJQSsQu2TPu/Ly+HaQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 5.59.7(typescript@5.0.4)
+      '@typescript-eslint/utils': 5.59.7(eslint@8.57.0)(typescript@5.0.4)
+      debug: 4.3.4
+      eslint: 8.57.0
+      tsutils: 3.21.0(typescript@5.0.4)
+      typescript: 5.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types@5.59.7:
+    resolution: {integrity: sha512-UnVS2MRRg6p7xOSATscWkKjlf/NDKuqo5TdbWck6rIRZbmKpVNTLALzNvcjIfHBE7736kZOFc/4Z3VcZwuOM/A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/types@5.62.0:
+    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree@5.59.7(typescript@5.0.4):
+    resolution: {integrity: sha512-4A1NtZ1I3wMN2UGDkU9HMBL+TIQfbrh4uS0WDMMpf3xMRursDbqEf1ahh6vAAe3mObt8k3ZATnezwG4pdtWuUQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.59.7
+      '@typescript-eslint/visitor-keys': 5.59.7
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.6.2
+      tsutils: 3.21.0(typescript@5.0.4)
+      typescript: 5.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/typescript-estree@5.62.0(typescript@5.0.4):
+    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/visitor-keys': 5.62.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.6.2
+      tsutils: 3.21.0(typescript@5.0.4)
+      typescript: 5.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils@5.59.7(eslint@8.57.0)(typescript@5.0.4):
+    resolution: {integrity: sha512-yCX9WpdQKaLufz5luG4aJbOpdXf/fjwGMcLFXZVPUz3QqLirG5QcwwnIHNf8cjLjxK4qtzTO8udUtMQSAToQnQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.8
+      '@typescript-eslint/scope-manager': 5.59.7
+      '@typescript-eslint/types': 5.59.7
+      '@typescript-eslint/typescript-estree': 5.59.7(typescript@5.0.4)
+      eslint: 8.57.0
+      eslint-scope: 5.1.1
+      semver: 7.6.2
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@5.62.0(eslint@8.57.0)(typescript@5.0.4):
+    resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.8
+      '@typescript-eslint/scope-manager': 5.62.0
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.0.4)
+      eslint: 8.57.0
+      eslint-scope: 5.1.1
+      semver: 7.6.2
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys@5.59.7:
+    resolution: {integrity: sha512-tyN+X2jvMslUszIiYbF0ZleP+RqQsFVpGrKI6e0Eet1w8WmhsAtmzaqm8oM8WJQ1ysLwhnsK/4hYHJjOgJVfQQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.59.7
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@typescript-eslint/visitor-keys@5.62.0:
+    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.62.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@ungap/structured-clone@1.2.0:
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+    dev: true
+
+  /@unocss/config@0.52.7:
+    resolution: {integrity: sha512-VKj4VnJR88EK0ikJnQbfslZfMCqdGu6LhnErs3x0HjQPVQU1oFsB1IM4ySGLaGhM4WcfZf05gzMzIav3kFyopg==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.52.7
+      unconfig: 0.3.13
+    dev: true
+
+  /@unocss/core@0.52.7:
+    resolution: {integrity: sha512-dZonrlfu33SkUMsZXlsyYSM79tr2nLer/hBEU2ZaemRik2KchxIUNlZV6kX1f1k3m+gEtVQOyx1MImpgLS8PWg==}
+    dev: true
+
+  /@unocss/extractor-arbitrary-variants@0.52.7:
+    resolution: {integrity: sha512-nJ4iE7nIRpoOIQfD8S58yG4qJd6AhVPEfEOf7ksX1u8xLf71rrBIojwraRXvv7aPqNdZiWvXdh/znpA/QC5b9w==}
+    dependencies:
+      '@unocss/core': 0.52.7
+    dev: true
+
+  /@unocss/inspector@0.52.7:
+    resolution: {integrity: sha512-XuxoCerVpIw9XR1iO8PEPrCj+KLwEGLAziHedObnXkS5ANbHdd+eWXIPpsG8DbICdLGUDnalL7wfxB19X1S9AQ==}
+    dependencies:
+      gzip-size: 6.0.0
+      sirv: 2.0.4
+    dev: true
+
+  /@unocss/preset-mini@0.52.7:
+    resolution: {integrity: sha512-c5VRzPwyAmIBWwz2ufEboYwHGiheG+V9SCmJJLHlu/gcW5KndFsxoeJPE6nOfXVmbx4AGq/rkzV35ZXtH8Iecw==}
+    dependencies:
+      '@unocss/core': 0.52.7
+      '@unocss/extractor-arbitrary-variants': 0.52.7
+    dev: true
+
+  /@unocss/preset-uno@0.52.7:
+    resolution: {integrity: sha512-J5royXxvaPvwRplZ2zwEcB1jJETp3dTA3sIezf9ydSNr4px3h6Ul6TxFDuJpBUWlx/cxP7aRWM0p9+e2ivdRkA==}
+    dependencies:
+      '@unocss/core': 0.52.7
+      '@unocss/preset-mini': 0.52.7
+      '@unocss/preset-wind': 0.52.7
+    dev: true
+
+  /@unocss/preset-wind@0.52.7:
+    resolution: {integrity: sha512-IT36cDftK7B+zDUElL4qdZZEj6iwknIpetXwuVvW/X8ljS/ocY/qfyjSX7C8k163FLAw7nTARFjW3xL066NsLw==}
+    dependencies:
+      '@unocss/core': 0.52.7
+      '@unocss/preset-mini': 0.52.7
+    dev: true
+
+  /@unocss/scope@0.52.7:
+    resolution: {integrity: sha512-J8QMwfbm+lCt3Lpt52NllnXbuICvH8+Njl/L65wN9TfE6gHk0StA5nrEOlOB79R1aOhnRaoqG4MkAvFXK/1dcQ==}
+    dev: true
+
+  /@unocss/transformer-directives@0.52.7:
+    resolution: {integrity: sha512-v68nQjeU/8I8aOIQC6prIk5GJi8SpkaFsdh9p1UPSkJPL3rYv0bBLIkYrwBcmaqKUOvzL5joN0Cueolq/+GtUw==}
+    dependencies:
+      '@unocss/core': 0.52.7
+      css-tree: 2.3.1
+    dev: true
+
+  /@unocss/vite@0.52.7(rollup@2.79.1)(vite@4.5.3):
+    resolution: {integrity: sha512-Hn1u6/uPP2q0s5gfwA7KQFtclviEUrEKnEa3l1kFJA3S/tHXYjwQkzbDQObQzolVAXyzIhf1cQ8e1tEMyHm1qg==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@rollup/pluginutils': 5.1.0(rollup@2.79.1)
+      '@unocss/config': 0.52.7
+      '@unocss/core': 0.52.7
+      '@unocss/inspector': 0.52.7
+      '@unocss/scope': 0.52.7
+      '@unocss/transformer-directives': 0.52.7
+      chokidar: 3.6.0
+      fast-glob: 3.3.2
+      magic-string: 0.30.10
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@uppy/companion-client@2.2.2:
+    resolution: {integrity: sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==}
+    dependencies:
+      '@uppy/utils': 4.1.3
+      namespace-emitter: 2.0.1
+    dev: false
+
+  /@uppy/core@2.3.4:
+    resolution: {integrity: sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==}
+    dependencies:
+      '@transloadit/prettier-bytes': 0.0.7
+      '@uppy/store-default': 2.1.1
+      '@uppy/utils': 4.1.3
+      lodash.throttle: 4.1.1
+      mime-match: 1.0.2
+      namespace-emitter: 2.0.1
+      nanoid: 3.3.7
+      preact: 10.22.0
+    dev: false
+
+  /@uppy/store-default@2.1.1:
+    resolution: {integrity: sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==}
+    dev: false
+
+  /@uppy/utils@4.1.3:
+    resolution: {integrity: sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==}
+    dependencies:
+      lodash.throttle: 4.1.1
+    dev: false
+
+  /@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4):
+    resolution: {integrity: sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==}
+    peerDependencies:
+      '@uppy/core': ^2.3.3
+    dependencies:
+      '@uppy/companion-client': 2.2.2
+      '@uppy/core': 2.3.4
+      '@uppy/utils': 4.1.3
+      nanoid: 3.3.7
+    dev: false
+
+  /@vicons/ionicons5@0.12.0:
+    resolution: {integrity: sha512-Iy1EUVRpX0WWxeu1VIReR1zsZLMc4fqpt223czR+Rpnrwu7pt46nbnC2ycO7ItI/uqDLJxnbcMC7FujKs9IfFA==}
+    dev: false
+
+  /@vitejs/plugin-vue-jsx@3.1.0(vite@4.5.3)(vue@3.3.4):
+    resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0 || ^5.0.0
+      vue: ^3.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/plugin-transform-typescript': 7.24.5(@babel/core@7.24.5)
+      '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.5)
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+      vue: 3.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vitejs/plugin-vue@4.6.2(vite@4.5.3)(vue@3.3.4):
+    resolution: {integrity: sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0 || ^5.0.0
+      vue: ^3.2.25
+    dependencies:
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+      vue: 3.3.4
+    dev: true
+
+  /@volar/language-core@1.4.1:
+    resolution: {integrity: sha512-EIY+Swv+TjsWpxOxujjMf1ZXqOjg9MT2VMXZ+1dKva0wD8W0L6EtptFFcCJdBbcKmGMFkr57Qzz9VNMWhs3jXQ==}
+    dependencies:
+      '@volar/source-map': 1.4.1
+    dev: true
+
+  /@volar/source-map@1.4.1:
+    resolution: {integrity: sha512-bZ46ad72dsbzuOWPUtJjBXkzSQzzSejuR3CT81+GvTEI2E994D8JPXzM3tl98zyCNnjgs4OkRyliImL1dvJ5BA==}
+    dependencies:
+      muggle-string: 0.2.2
+    dev: true
+
+  /@volar/typescript@1.4.1-patch.2(typescript@5.0.4):
+    resolution: {integrity: sha512-lPFYaGt8OdMEzNGJJChF40uYqMO4Z/7Q9fHPQC/NRVtht43KotSXLrkPandVVMf9aPbiJ059eAT+fwHGX16k4w==}
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@volar/language-core': 1.4.1
+      typescript: 5.0.4
+    dev: true
+
+  /@volar/vue-language-core@1.6.5:
+    resolution: {integrity: sha512-IF2b6hW4QAxfsLd5mePmLgtkXzNi+YnH6ltCd80gb7+cbdpFMjM1I+w+nSg2kfBTyfu+W8useCZvW89kPTBpzg==}
+    dependencies:
+      '@volar/language-core': 1.4.1
+      '@volar/source-map': 1.4.1
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-sfc': 3.4.27
+      '@vue/reactivity': 3.4.27
+      '@vue/shared': 3.4.27
+      minimatch: 9.0.4
+      muggle-string: 0.2.2
+      vue-template-compiler: 2.7.16
+    dev: true
+
+  /@volar/vue-typescript@1.6.5(typescript@5.0.4):
+    resolution: {integrity: sha512-er9rVClS4PHztMUmtPMDTl+7c7JyrxweKSAEe/o/Noeq2bQx6v3/jZHVHBe8ZNUti5ubJL/+Tg8L3bzmlalV8A==}
+    deprecated: 'WARNING: This project has been renamed to @vue/typescript. Install using @vue/typescript instead.'
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@volar/typescript': 1.4.1-patch.2(typescript@5.0.4)
+      '@volar/vue-language-core': 1.6.5
+      typescript: 5.0.4
+    dev: true
+
+  /@vue/babel-helper-vue-transform-on@1.2.2:
+    resolution: {integrity: sha512-nOttamHUR3YzdEqdM/XXDyCSdxMA9VizUKoroLX6yTyRtggzQMHXcmwh8a7ZErcJttIBIc9s68a1B8GZ+Dmvsw==}
+    dev: true
+
+  /@vue/babel-plugin-jsx@1.2.2(@babel/core@7.24.5):
+    resolution: {integrity: sha512-nYTkZUVTu4nhP199UoORePsql0l+wj7v/oyQjtThUVhJl1U+6qHuoVhIvR3bf7eVKjbCK+Cs2AWd7mi9Mpz9rA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/plugin-syntax-jsx': 7.24.1(@babel/core@7.24.5)
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.5
+      '@babel/types': 7.24.5
+      '@vue/babel-helper-vue-transform-on': 1.2.2
+      '@vue/babel-plugin-resolve-type': 1.2.2(@babel/core@7.24.5)
+      camelcase: 6.3.0
+      html-tags: 3.3.1
+      svg-tags: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vue/babel-plugin-resolve-type@1.2.2(@babel/core@7.24.5):
+    resolution: {integrity: sha512-EntyroPwNg5IPVdUJupqs0CFzuf6lUrVvCspmv2J1FITLeGnUCuoGNNk78dgCusxEiYj6RMkTJflGSxk5aIC4A==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      '@babel/core': 7.24.5
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-plugin-utils': 7.24.5
+      '@babel/parser': 7.24.5
+      '@vue/compiler-sfc': 3.4.27
+    dev: true
+
+  /@vue/compiler-core@3.3.4:
+    resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==}
+    dependencies:
+      '@babel/parser': 7.24.5
+      '@vue/shared': 3.3.4
+      estree-walker: 2.0.2
+      source-map-js: 1.2.0
+
+  /@vue/compiler-core@3.4.27:
+    resolution: {integrity: sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==}
+    dependencies:
+      '@babel/parser': 7.24.5
+      '@vue/shared': 3.4.27
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.0
+    dev: true
+
+  /@vue/compiler-dom@3.3.4:
+    resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==}
+    dependencies:
+      '@vue/compiler-core': 3.3.4
+      '@vue/shared': 3.3.4
+
+  /@vue/compiler-dom@3.4.27:
+    resolution: {integrity: sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==}
+    dependencies:
+      '@vue/compiler-core': 3.4.27
+      '@vue/shared': 3.4.27
+    dev: true
+
+  /@vue/compiler-sfc@3.3.4:
+    resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==}
+    dependencies:
+      '@babel/parser': 7.24.5
+      '@vue/compiler-core': 3.3.4
+      '@vue/compiler-dom': 3.3.4
+      '@vue/compiler-ssr': 3.3.4
+      '@vue/reactivity-transform': 3.3.4
+      '@vue/shared': 3.3.4
+      estree-walker: 2.0.2
+      magic-string: 0.30.10
+      postcss: 8.4.38
+      source-map-js: 1.2.0
+
+  /@vue/compiler-sfc@3.4.27:
+    resolution: {integrity: sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==}
+    dependencies:
+      '@babel/parser': 7.24.5
+      '@vue/compiler-core': 3.4.27
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-ssr': 3.4.27
+      '@vue/shared': 3.4.27
+      estree-walker: 2.0.2
+      magic-string: 0.30.10
+      postcss: 8.4.38
+      source-map-js: 1.2.0
+    dev: true
+
+  /@vue/compiler-ssr@3.3.4:
+    resolution: {integrity: sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.4
+      '@vue/shared': 3.3.4
+
+  /@vue/compiler-ssr@3.4.27:
+    resolution: {integrity: sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==}
+    dependencies:
+      '@vue/compiler-dom': 3.4.27
+      '@vue/shared': 3.4.27
+    dev: true
+
+  /@vue/devtools-api@6.6.1:
+    resolution: {integrity: sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA==}
+    dev: false
+
+  /@vue/reactivity-transform@3.3.4:
+    resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==}
+    dependencies:
+      '@babel/parser': 7.24.5
+      '@vue/compiler-core': 3.3.4
+      '@vue/shared': 3.3.4
+      estree-walker: 2.0.2
+      magic-string: 0.30.10
+
+  /@vue/reactivity@3.3.4:
+    resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==}
+    dependencies:
+      '@vue/shared': 3.3.4
+
+  /@vue/reactivity@3.4.27:
+    resolution: {integrity: sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==}
+    dependencies:
+      '@vue/shared': 3.4.27
+    dev: true
+
+  /@vue/runtime-core@3.3.4:
+    resolution: {integrity: sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==}
+    dependencies:
+      '@vue/reactivity': 3.3.4
+      '@vue/shared': 3.3.4
+
+  /@vue/runtime-dom@3.3.4:
+    resolution: {integrity: sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==}
+    dependencies:
+      '@vue/runtime-core': 3.3.4
+      '@vue/shared': 3.3.4
+      csstype: 3.1.3
+
+  /@vue/server-renderer@3.3.4(vue@3.3.4):
+    resolution: {integrity: sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==}
+    peerDependencies:
+      vue: 3.3.4
+    dependencies:
+      '@vue/compiler-ssr': 3.3.4
+      '@vue/shared': 3.3.4
+      vue: 3.3.4
+
+  /@vue/shared@3.3.4:
+    resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
+
+  /@vue/shared@3.4.27:
+    resolution: {integrity: sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==}
+    dev: true
+
+  /@vueuse/core@10.9.0(vue@3.3.4):
+    resolution: {integrity: sha512-/1vjTol8SXnx6xewDEKfS0Ra//ncg4Hb0DaZiwKf7drgfMsKFExQ+FnnENcN6efPen+1kIzhLQoGSy0eDUVOMg==}
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 10.9.0
+      '@vueuse/shared': 10.9.0(vue@3.3.4)
+      vue-demi: 0.14.7(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@vueuse/metadata@10.9.0:
+    resolution: {integrity: sha512-iddNbg3yZM0X7qFY2sAotomgdHK7YJ6sKUvQqbvwnf7TmaVPxS4EJydcNsVejNdS8iWCtDk+fYXr7E32nyTnGA==}
+    dev: false
+
+  /@vueuse/shared@10.9.0(vue@3.3.4):
+    resolution: {integrity: sha512-Uud2IWncmAfJvRaFYzv5OHDli+FbOzxiVEQdLCKQKLyhz94PIyFC3CHcH7EDMwIn8NPtD06+PNbC/PiO0LGLtw==}
+    dependencies:
+      vue-demi: 0.14.7(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-url: 1.2.4
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/code-highlight@1.0.3(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      prismjs: 1.29.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==}
+    peerDependencies:
+      '@uppy/core': ^2.1.1
+      '@uppy/xhr-upload': ^2.0.3
+      dom7: ^3.0.0
+      is-hotkey: ^0.2.0
+      lodash.camelcase: ^4.3.0
+      lodash.clonedeep: ^4.5.0
+      lodash.debounce: ^4.0.8
+      lodash.foreach: ^4.5.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      lodash.toarray: ^4.4.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@types/event-emitter': 0.3.5
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      dom7: 3.0.0
+      event-emitter: 0.3.5
+      html-void-elements: 2.0.1
+      i18next: 20.6.1
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.7
+      scroll-into-view-if-needed: 2.2.31
+      slate: 0.72.8
+      slate-history: 0.66.0(slate@0.72.8)
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/editor-for-vue@5.1.12(@wangeditor/editor@5.1.23)(vue@3.3.4):
+    resolution: {integrity: sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==}
+    peerDependencies:
+      '@wangeditor/editor': '>=5.1.0'
+      vue: ^3.0.5
+    dependencies:
+      '@wangeditor/editor': 5.1.23
+      vue: 3.3.4
+    dev: false
+
+  /@wangeditor/editor@5.1.23:
+    resolution: {integrity: sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==}
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/code-highlight': 1.0.3(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/list-module': 1.0.5(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/table-module': 1.1.4(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/upload-image-module': 1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/basic-modules@1.1.7)(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/video-module': 1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/core@1.1.19)(dom7@3.0.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/list-module@1.0.5(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/table-module@1.1.4(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/upload-image-module@1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/basic-modules@1.1.7)(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==}
+    peerDependencies:
+      '@uppy/core': ^2.0.3
+      '@uppy/xhr-upload': ^2.0.3
+      '@wangeditor/basic-modules': 1.x
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.foreach: ^4.5.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.foreach: 4.5.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/video-module@1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/core@1.1.19)(dom7@3.0.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==}
+    peerDependencies:
+      '@uppy/core': ^2.1.4
+      '@uppy/xhr-upload': ^2.0.7
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@xmldom/xmldom@0.8.10:
+    resolution: {integrity: sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==}
+    engines: {node: '>=10.0.0'}
+    dev: false
+
+  /JSONStream@1.3.5:
+    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
+    hasBin: true
+    dependencies:
+      jsonparse: 1.3.1
+      through: 2.3.8
+    dev: true
+
+  /abbrev@1.1.1:
+    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
+    dev: true
+
+  /abs-svg-path@0.1.1:
+    resolution: {integrity: sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==}
+    dev: false
+
+  /ace-builds@1.34.1:
+    resolution: {integrity: sha512-hwRzr6BkRwsq5A19yA9E36KNNtn0+zESYolnWK3TADJsWVQS0T24nvbgdjXwqk2JEMQXE4PlqAw+ZgprvFtKjw==}
+    dev: false
+
+  /acorn-jsx@5.3.2(acorn@8.11.3):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.11.3
+    dev: true
+
+  /acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /add-stream@1.0.0:
+    resolution: {integrity: sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==}
+    dev: true
+
+  /address@1.2.2:
+    resolution: {integrity: sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==}
+    engines: {node: '>= 10.0.0'}
+    dev: false
+
+  /adler-32@1.3.1:
+    resolution: {integrity: sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /agent-base@6.0.2:
+    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
+    engines: {node: '>= 6.0.0'}
+    dependencies:
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /agentkeepalive@3.5.3:
+    resolution: {integrity: sha512-yqXL+k5rr8+ZRpOAntkaaRgWgE5o8ESAj5DyRmVTCSoZxXmqemb9Dd7T4i5UzwuERdLAJUy6XzR9zFVuf0kzkw==}
+    engines: {node: '>= 4.0.0'}
+    dependencies:
+      humanize-ms: 1.2.1
+    dev: false
+
+  /agentkeepalive@4.5.0:
+    resolution: {integrity: sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      humanize-ms: 1.2.1
+    dev: true
+
+  /aggregate-error@3.1.0:
+    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
+    engines: {node: '>=8'}
+    dependencies:
+      clean-stack: 2.2.0
+      indent-string: 4.0.0
+    dev: true
+
+  /ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  /ajv@8.13.0:
+    resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+    dev: true
+
+  /ali-oss@6.20.0:
+    resolution: {integrity: sha512-TzFXgGlw81sy2JvcCveSYsa2b2+6kv+HA6WTc+cXg6bu8nUAmVPfncRGbn3x2getSOniOFA+TyGy3V4l3Fks+Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      address: 1.2.2
+      agentkeepalive: 3.5.3
+      bowser: 1.9.4
+      copy-to: 2.0.1
+      dateformat: 2.2.0
+      debug: 4.3.4
+      destroy: 1.2.0
+      end-or-error: 1.0.1
+      get-ready: 1.0.0
+      humanize-ms: 1.2.1
+      is-type-of: 1.4.0
+      js-base64: 2.6.4
+      jstoxml: 2.2.9
+      lodash: 4.17.21
+      merge-descriptors: 1.0.3
+      mime: 2.6.0
+      platform: 1.3.6
+      pump: 3.0.0
+      qs: 6.12.1
+      sdk-base: 2.0.1
+      stream-http: 2.8.2
+      stream-wormhole: 1.1.0
+      urllib: 2.41.0
+      utility: 1.18.0
+      xml2js: 0.6.2
+    transitivePeerDependencies:
+      - proxy-agent
+      - supports-color
+    dev: false
+
+  /ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+    dependencies:
+      string-width: 4.2.3
+    dev: true
+
+  /ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.21.3
+    dev: true
+
+  /ansi-regex@2.1.1:
+    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  /ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+
+  /ansi-styles@2.2.1:
+    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: true
+
+  /ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+
+  /any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+    dev: false
+
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /aproba@2.0.0:
+    resolution: {integrity: sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==}
+    dev: true
+
+  /are-we-there-yet@3.0.1:
+    resolution: {integrity: sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      delegates: 1.0.0
+      readable-stream: 3.6.2
+    dev: true
+
+  /argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
+
+  /arr-diff@4.0.0:
+    resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-flatten@1.1.0:
+    resolution: {integrity: sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-union@3.1.0:
+    resolution: {integrity: sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /array-buffer-byte-length@1.0.1:
+    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
+    dev: true
+
+  /array-ify@1.0.0:
+    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
+    dev: true
+
+  /array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      is-string: 1.0.7
+    dev: true
+
+  /array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /array-unique@0.3.2:
+    resolution: {integrity: sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+    dev: true
+
+  /array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+    dev: true
+
+  /array.prototype.tosorted@1.1.3:
+    resolution: {integrity: sha512-/DdH4TiTmOKzyQbp/eadcCVexiCb36xJg7HshYOYJnNZFDj33GEv0P7GxsynpShhq4OLYJzbGcBDkLsDt7MnNg==}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.0.2
+    dev: true
+
+  /arraybuffer.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
+    dev: true
+
+  /arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /assign-symbols@1.0.0:
+    resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /astro-eslint-parser@0.14.0:
+    resolution: {integrity: sha512-3F8l1h7+5MNxzDg1cSQxEloalG7fj64K6vOERChUVG7RLnAzSoafADnPQlU8DpMM3WRNfRHSC4NwUCORk/aPrA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@astrojs/compiler': 1.8.2
+      '@typescript-eslint/scope-manager': 5.62.0
+      '@typescript-eslint/types': 5.62.0
+      astrojs-compiler-sync: 0.3.5(@astrojs/compiler@1.8.2)
+      debug: 4.3.4
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      semver: 7.6.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /astrojs-compiler-sync@0.3.5(@astrojs/compiler@1.8.2):
+    resolution: {integrity: sha512-y420rhIIJ2HHDkYeqKArBHSdJNIIGMztLH90KGIX3zjcJyt/cr9Z2wYA8CP5J1w6KE7xqMh0DAkhfjhNDpQb2Q==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@astrojs/compiler': '>=0.27.0'
+    dependencies:
+      '@astrojs/compiler': 1.8.2
+      synckit: 0.9.0
+    dev: true
+
+  /async-validator@4.2.5:
+    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+    dev: false
+
+  /async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
+    dev: true
+
+  /asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+    dev: false
+
+  /at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
+
+  /atob@2.1.2:
+    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
+    engines: {node: '>= 4.5.0'}
+    hasBin: true
+    dev: true
+
+  /available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      possible-typed-array-names: 1.0.0
+    dev: true
+
+  /aws-crt@1.21.2:
+    resolution: {integrity: sha512-/jq5yJwdethIaC+HyqCrgW2ZqxjUURBo/6CIfnD0HbpIE+vLIPQxENW/pp3Atu20Hm2WkjM9diJD4zJycK+olA==}
+    requiresBuild: true
+    dependencies:
+      '@aws-sdk/util-utf8-browser': 3.259.0
+      '@httptoolkit/websocket-stream': 6.0.1
+      axios: 1.7.2
+      buffer: 6.0.3
+      crypto-js: 4.2.0
+      mqtt: 4.3.8
+      process: 0.11.10
+    transitivePeerDependencies:
+      - bufferutil
+      - debug
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /axios@1.4.0:
+    resolution: {integrity: sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==}
+    dependencies:
+      follow-redirects: 1.15.6
+      form-data: 4.0.0
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
+  /axios@1.7.2:
+    resolution: {integrity: sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==}
+    dependencies:
+      follow-redirects: 1.15.6
+      form-data: 4.0.0
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
+  /babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.24.5):
+    resolution: {integrity: sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/compat-data': 7.24.4
+      '@babel/core': 7.24.5
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.24.5)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-corejs3@0.10.4(@babel/core@7.24.5):
+    resolution: {integrity: sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.24.5)
+      core-js-compat: 3.37.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.24.5):
+    resolution: {integrity: sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.24.5
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.24.5)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  /base64-arraybuffer@1.0.2:
+    resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
+  /base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+    dev: false
+
+  /base@0.11.2:
+    resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      cache-base: 1.0.1
+      class-utils: 0.3.6
+      component-emitter: 1.3.1
+      define-property: 1.0.0
+      isobject: 3.0.1
+      mixin-deep: 1.3.2
+      pascalcase: 0.1.1
+    dev: true
+
+  /big.js@5.2.2:
+    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
+    dev: true
+
+  /binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    dev: false
+
+  /bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+    dev: true
+
+  /boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+    dev: true
+
+  /bowser@1.9.4:
+    resolution: {integrity: sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ==}
+    dev: false
+
+  /bowser@2.11.0:
+    resolution: {integrity: sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==}
+    dev: false
+
+  /boxen@7.1.1:
+    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      ansi-align: 3.0.1
+      camelcase: 7.0.1
+      chalk: 5.3.0
+      cli-boxes: 3.0.0
+      string-width: 5.1.2
+      type-fest: 2.19.0
+      widest-line: 4.0.1
+      wrap-ansi: 8.1.0
+    dev: true
+
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+
+  /braces@2.3.2:
+    resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-flatten: 1.1.0
+      array-unique: 0.3.2
+      extend-shallow: 2.0.1
+      fill-range: 4.0.0
+      isobject: 3.0.1
+      repeat-element: 1.1.4
+      snapdragon: 0.8.2
+      snapdragon-node: 2.1.1
+      split-string: 3.1.0
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.1.1
+    dev: true
+
+  /browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001621
+      electron-to-chromium: 1.4.782
+      node-releases: 2.0.14
+      update-browserslist-db: 1.0.16(browserslist@4.23.0)
+    dev: true
+
+  /buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  /buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+    dev: false
+
+  /buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+    dev: false
+
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /builtin-status-codes@3.0.0:
+    resolution: {integrity: sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==}
+    dev: false
+
+  /builtins@5.1.0:
+    resolution: {integrity: sha512-SW9lzGTLvWTP1AY8xeAMZimqDrIaSdLQUcVr9DMef51niJ022Ri87SwRRKYm4A6iHfkPaiVUu/Duw2Wc4J7kKg==}
+    dependencies:
+      semver: 7.6.2
+    dev: true
+
+  /cacache@16.1.3:
+    resolution: {integrity: sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      '@npmcli/fs': 2.1.2
+      '@npmcli/move-file': 2.0.1
+      chownr: 2.0.0
+      fs-minipass: 2.1.0
+      glob: 8.1.0
+      infer-owner: 1.0.4
+      lru-cache: 7.18.3
+      minipass: 3.3.6
+      minipass-collect: 1.0.2
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      mkdirp: 1.0.4
+      p-map: 4.0.0
+      promise-inflight: 1.0.1
+      rimraf: 3.0.2
+      ssri: 9.0.1
+      tar: 6.2.1
+      unique-filename: 2.0.1
+    transitivePeerDependencies:
+      - bluebird
+    dev: true
+
+  /cacache@17.1.4:
+    resolution: {integrity: sha512-/aJwG2l3ZMJ1xNAnqbMpA40of9dj/pIH3QfiuQSqjfPJF747VR0J/bHn+/KdNnHKc6XQcWt/AfRSBft82W1d2A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@npmcli/fs': 3.1.1
+      fs-minipass: 3.0.3
+      glob: 10.4.1
+      lru-cache: 7.18.3
+      minipass: 7.1.2
+      minipass-collect: 1.0.2
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      p-map: 4.0.0
+      ssri: 10.0.6
+      tar: 6.2.1
+      unique-filename: 3.0.0
+    dev: true
+
+  /cache-base@1.0.1:
+    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      collection-visit: 1.0.0
+      component-emitter: 1.3.1
+      get-value: 2.0.6
+      has-value: 1.0.0
+      isobject: 3.0.1
+      set-value: 2.0.1
+      to-object-path: 0.3.0
+      union-value: 1.0.1
+      unset-value: 1.0.0
+    dev: true
+
+  /cacheable-lookup@7.0.0:
+    resolution: {integrity: sha512-+qJyx4xiKra8mZrcwhjMRMUhD5NR1R8esPkzIYxX96JiecFoxAXFuz/GpR3+ev4PE1WamHip78wV0vcmPQtp8w==}
+    engines: {node: '>=14.16'}
+    dev: true
+
+  /cacheable-request@10.2.14:
+    resolution: {integrity: sha512-zkDT5WAF4hSSoUgyfg5tFIxz8XQK+25W/TLVojJTMKBaxevLBBtLxgqguAuVQB8PVW79FVjHcU+GJ9tVbDZ9mQ==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      '@types/http-cache-semantics': 4.0.4
+      get-stream: 6.0.1
+      http-cache-semantics: 4.1.1
+      keyv: 4.5.4
+      mimic-response: 4.0.0
+      normalize-url: 8.0.1
+      responselike: 3.0.0
+    dev: true
+
+  /call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+
+  /callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camelcase-keys@6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
+    engines: {node: '>=8'}
+    dependencies:
+      camelcase: 5.3.1
+      map-obj: 4.3.0
+      quick-lru: 4.0.1
+    dev: true
+
+  /camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
+    engines: {node: '>=14.16'}
+    dev: true
+
+  /caniuse-lite@1.0.30001621:
+    resolution: {integrity: sha512-+NLXZiviFFKX0fk8Piwv3PfLPGtRqJeq2TiNoUff/qB5KJgwecJTvCXDpmlyP/eCI/GUEmp/h/y5j0yckiiZrA==}
+    dev: true
+
+  /cfb@1.2.2:
+    resolution: {integrity: sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      adler-32: 1.3.1
+      crc-32: 1.2.2
+    dev: false
+
+  /chalk@1.1.3:
+    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-styles: 2.2.1
+      escape-string-regexp: 1.0.5
+      has-ansi: 2.0.0
+      strip-ansi: 3.0.1
+      supports-color: 2.0.0
+    dev: true
+
+  /chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: true
+
+  /chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+
+  /chalk@5.2.0:
+    resolution: {integrity: sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
+  /chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /chownr@2.0.0:
+    resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /class-utils@0.3.6:
+    resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      define-property: 0.2.5
+      isobject: 3.0.1
+      static-extend: 0.1.2
+    dev: true
+
+  /clean-stack@2.2.0:
+    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+    dependencies:
+      restore-cursor: 3.1.0
+    dev: true
+
+  /cli-table3@0.6.5:
+    resolution: {integrity: sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==}
+    engines: {node: 10.* || >= 12.*}
+    dependencies:
+      string-width: 4.2.3
+    optionalDependencies:
+      '@colors/colors': 1.5.0
+    dev: true
+
+  /cli-truncate@2.1.0:
+    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
+    engines: {node: '>=8'}
+    dependencies:
+      slice-ansi: 3.0.0
+      string-width: 4.2.3
+    dev: true
+
+  /cli-truncate@3.1.0:
+    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 5.1.2
+    dev: true
+
+  /clipboard@2.0.11:
+    resolution: {integrity: sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==}
+    dependencies:
+      good-listener: 1.2.2
+      select: 1.1.2
+      tiny-emitter: 2.1.0
+    dev: false
+
+  /cliui@7.0.4:
+    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /clone@2.1.2:
+    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
+    engines: {node: '>=0.8'}
+
+  /codemirror@6.0.1(@lezer/common@1.2.1):
+    resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
+    dependencies:
+      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.5.0
+      '@codemirror/language': 6.10.1
+      '@codemirror/lint': 6.8.0
+      '@codemirror/search': 6.5.6
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.26.3
+    transitivePeerDependencies:
+      - '@lezer/common'
+    dev: false
+
+  /codepage@1.15.0:
+    resolution: {integrity: sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /collection-visit@1.0.0:
+    resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-visit: 1.0.0
+      object-visit: 1.0.1
+    dev: true
+
+  /color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: true
+
+  /color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+
+  /color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: true
+
+  /color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  /color-support@1.1.3:
+    resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
+    hasBin: true
+    dev: true
+
+  /colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+    dev: false
+
+  /colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+    dev: true
+
+  /combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: 1.0.0
+    dev: false
+
+  /commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /commander@12.1.0:
+    resolution: {integrity: sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==}
+    engines: {node: '>=18'}
+    dev: true
+
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
+  /commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+    dev: true
+
+  /commist@1.1.0:
+    resolution: {integrity: sha512-rraC8NXWOEjhADbZe9QBNzLAN5Q3fsTPQtBV+fEVj6xKIgDgNiEVE6ZNfHpZOqfQ21YUzfVNUXLOEZquYvQPPg==}
+    dependencies:
+      leven: 2.1.0
+      minimist: 1.2.8
+    dev: false
+
+  /common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+    dev: true
+
+  /compare-func@2.0.0:
+    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
+    dependencies:
+      array-ify: 1.0.0
+      dot-prop: 5.3.0
+    dev: true
+
+  /component-emitter@1.3.1:
+    resolution: {integrity: sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==}
+    dev: true
+
+  /compute-scroll-into-view@1.0.20:
+    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+    dev: false
+
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  /concat-stream@2.0.0:
+    resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
+    engines: {'0': node >= 6.0}
+    dependencies:
+      buffer-from: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      typedarray: 0.0.6
+
+  /confbox@0.1.7:
+    resolution: {integrity: sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==}
+    dev: true
+
+  /config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+    dev: true
+
+  /configstore@6.0.0:
+    resolution: {integrity: sha512-cD31W1v3GqUlQvbBCGcXmd2Nj9SvLDOP1oQ0YFuLETufzSPaKp11rYBsSOm7rCsW3OnIRAFM3OxRhceaXNYHkA==}
+    engines: {node: '>=12'}
+    dependencies:
+      dot-prop: 6.0.1
+      graceful-fs: 4.2.11
+      unique-string: 3.0.0
+      write-file-atomic: 3.0.3
+      xdg-basedir: 5.1.0
+    dev: true
+
+  /connect@3.7.0:
+    resolution: {integrity: sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==}
+    engines: {node: '>= 0.10.0'}
+    dependencies:
+      debug: 2.6.9
+      finalhandler: 1.1.2
+      parseurl: 1.3.3
+      utils-merge: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /console-control-strings@1.1.0:
+    resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
+    dev: true
+
+  /content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /conventional-changelog-angular@5.0.13:
+    resolution: {integrity: sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-atom@2.0.8:
+    resolution: {integrity: sha512-xo6v46icsFTK3bb7dY/8m2qvc8sZemRgdqLb/bjpBsH2UyOS8rKNTgcb5025Hri6IpANPApbXMg15QLb1LJpBw==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-codemirror@2.0.8:
+    resolution: {integrity: sha512-z5DAsn3uj1Vfp7po3gpt2Boc+Bdwmw2++ZHa5Ak9k0UKsYAO5mH1UBTN0qSCuJZREIhX6WU4E1p3IW2oRCNzQw==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-config-spec@2.1.0:
+    resolution: {integrity: sha512-IpVePh16EbbB02V+UA+HQnnPIohgXvJRxHcS5+Uwk4AT5LjzCZJm5sp/yqs5C6KZJ1jMsV4paEV13BN1pvDuxQ==}
+    dev: true
+
+  /conventional-changelog-conventionalcommits@4.6.3:
+    resolution: {integrity: sha512-LTTQV4fwOM4oLPad317V/QNQ1FY4Hju5qeBIM1uTHbrnCE+Eg4CdRZ3gO2pUeR+tzWdp80M2j3qFFEDWVqOV4g==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      lodash: 4.17.21
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-core@4.2.4:
+    resolution: {integrity: sha512-gDVS+zVJHE2v4SLc6B0sLsPiloR0ygU7HaDW14aNJE1v4SlqJPILPl/aJC7YdtRE4CybBf8gDwObBvKha8Xlyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      add-stream: 1.0.0
+      conventional-changelog-writer: 5.0.1
+      conventional-commits-parser: 3.2.4
+      dateformat: 3.0.3
+      get-pkg-repo: 4.2.1
+      git-raw-commits: 2.0.11
+      git-remote-origin-url: 2.0.0
+      git-semver-tags: 4.1.1
+      lodash: 4.17.21
+      normalize-package-data: 3.0.3
+      q: 1.5.1
+      read-pkg: 3.0.0
+      read-pkg-up: 3.0.0
+      through2: 4.0.2
+    dev: true
+
+  /conventional-changelog-ember@2.0.9:
+    resolution: {integrity: sha512-ulzIReoZEvZCBDhcNYfDIsLTHzYHc7awh+eI44ZtV5cx6LVxLlVtEmcO+2/kGIHGtw+qVabJYjdI5cJOQgXh1A==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-eslint@3.0.9:
+    resolution: {integrity: sha512-6NpUCMgU8qmWmyAMSZO5NrRd7rTgErjrm4VASam2u5jrZS0n38V7Y9CzTtLT2qwz5xEChDR4BduoWIr8TfwvXA==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-express@2.0.6:
+    resolution: {integrity: sha512-SDez2f3iVJw6V563O3pRtNwXtQaSmEfTCaTBPCqn0oG0mfkq0rX4hHBq5P7De2MncoRixrALj3u3oQsNK+Q0pQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-jquery@3.0.11:
+    resolution: {integrity: sha512-x8AWz5/Td55F7+o/9LQ6cQIPwrCjfJQ5Zmfqi8thwUEKHstEn4kTIofXub7plf1xvFA2TqhZlq7fy5OmV6BOMw==}
+    engines: {node: '>=10'}
+    dependencies:
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-jshint@2.0.9:
+    resolution: {integrity: sha512-wMLdaIzq6TNnMHMy31hql02OEQ8nCQfExw1SE0hYL5KvU+JCTuPaDO+7JiogGT2gJAxiUGATdtYYfh+nT+6riA==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-preset-loader@2.3.4:
+    resolution: {integrity: sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /conventional-changelog-writer@5.0.1:
+    resolution: {integrity: sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      conventional-commits-filter: 2.0.7
+      dateformat: 3.0.3
+      handlebars: 4.7.8
+      json-stringify-safe: 5.0.1
+      lodash: 4.17.21
+      meow: 8.1.2
+      semver: 6.3.1
+      split: 1.0.1
+      through2: 4.0.2
+    dev: true
+
+  /conventional-changelog@3.1.25:
+    resolution: {integrity: sha512-ryhi3fd1mKf3fSjbLXOfK2D06YwKNic1nC9mWqybBHdObPd8KJ2vjaXZfYj1U23t+V8T8n0d7gwnc9XbIdFbyQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      conventional-changelog-angular: 5.0.13
+      conventional-changelog-atom: 2.0.8
+      conventional-changelog-codemirror: 2.0.8
+      conventional-changelog-conventionalcommits: 4.6.3
+      conventional-changelog-core: 4.2.4
+      conventional-changelog-ember: 2.0.9
+      conventional-changelog-eslint: 3.0.9
+      conventional-changelog-express: 2.0.6
+      conventional-changelog-jquery: 3.0.11
+      conventional-changelog-jshint: 2.0.9
+      conventional-changelog-preset-loader: 2.3.4
+    dev: true
+
+  /conventional-commits-filter@2.0.7:
+    resolution: {integrity: sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==}
+    engines: {node: '>=10'}
+    dependencies:
+      lodash.ismatch: 4.4.0
+      modify-values: 1.0.1
+    dev: true
+
+  /conventional-commits-parser@3.2.4:
+    resolution: {integrity: sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      JSONStream: 1.3.5
+      is-text-path: 1.0.1
+      lodash: 4.17.21
+      meow: 8.1.2
+      split2: 3.2.2
+      through2: 4.0.2
+    dev: true
+
+  /conventional-recommended-bump@6.1.0:
+    resolution: {integrity: sha512-uiApbSiNGM/kkdL9GTOLAqC4hbptObFo4wW2QRyHsKciGAfQuLU1ShZ1BIVI/+K2BE/W1AWYQMCXAsv4dyKPaw==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      concat-stream: 2.0.0
+      conventional-changelog-preset-loader: 2.3.4
+      conventional-commits-filter: 2.0.7
+      conventional-commits-parser: 3.2.4
+      git-raw-commits: 2.0.11
+      git-semver-tags: 4.1.1
+      meow: 8.1.2
+      q: 1.5.1
+    dev: true
+
+  /convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+    dev: true
+
+  /copy-descriptor@0.1.1:
+    resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /copy-to@2.0.1:
+    resolution: {integrity: sha512-3DdaFaU/Zf1AnpLiFDeNCD4TOWe3Zl2RZaTzUvWiIk5ERzcCodOE20Vqq4fzCbNoHURFHT4/us/Lfq+S2zyY4w==}
+    dev: false
+
+  /core-js-compat@3.37.1:
+    resolution: {integrity: sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==}
+    dependencies:
+      browserslist: 4.23.0
+    dev: true
+
+  /core-js-pure@3.37.1:
+    resolution: {integrity: sha512-J/r5JTHSmzTxbiYYrzXg9w1VpqrYt+gexenBE9pugeyhwPZTAEJddyiReJWsLO6uNQ8xJZFbod6XC7KKwatCiA==}
+    requiresBuild: true
+    dev: false
+
+  /core-js@2.6.12:
+    resolution: {integrity: sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==}
+    deprecated: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
+    requiresBuild: true
+    dev: false
+
+  /core-js@3.37.1:
+    resolution: {integrity: sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==}
+    requiresBuild: true
+    dev: false
+
+  /core-util-is@1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+
+  /cors@2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+    dev: true
+
+  /cos-js-sdk-v5@1.7.1:
+    resolution: {integrity: sha512-0iEPck4nsgGA7FwTCsNMBYPctOCO1Qb04x6RZYYnRJ+tazUO7JIFElORjIsgFqCGpIov8pNsFS18WumGgQPzDQ==}
+    dependencies:
+      '@xmldom/xmldom': 0.8.10
+    dev: false
+
+  /crc-32@1.2.2:
+    resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+    dev: false
+
+  /crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+    dev: false
+
+  /cropperjs@1.6.2:
+    resolution: {integrity: sha512-nhymn9GdnV3CqiEHJVai54TULFAE3VshJTXSqSJKa8yXAKyBKDWdhHarnlIPrshJ0WMFTGuFvG02YjLXfPiuOA==}
+    dev: false
+
+  /cross-env@7.0.3:
+    resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
+    engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
+    hasBin: true
+    dependencies:
+      cross-spawn: 7.0.3
+    dev: true
+
+  /cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  /crypto-js@4.2.0:
+    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
+    dev: false
+
+  /crypto-random-string@2.0.0:
+    resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /crypto-random-string@4.0.0:
+    resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==}
+    engines: {node: '>=12'}
+    dependencies:
+      type-fest: 1.4.0
+    dev: true
+
+  /css-line-break@2.1.0:
+    resolution: {integrity: sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==}
+    dependencies:
+      utrie: 1.0.2
+    dev: false
+
+  /css-render@0.15.14:
+    resolution: {integrity: sha512-9nF4PdUle+5ta4W5SyZdLCCmFd37uVimSjg1evcTqKJCyvCEEj12WKzOSBNak6r4im4J4iYXKH1OWpUV5LBYFg==}
+    dependencies:
+      '@emotion/hash': 0.8.0
+      csstype: 3.0.11
+    dev: false
+
+  /css-select@4.3.0:
+    resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 4.3.1
+      domutils: 2.8.0
+      nth-check: 2.1.1
+    dev: true
+
+  /css-tree@1.1.3:
+    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      mdn-data: 2.0.14
+      source-map: 0.6.1
+    dev: true
+
+  /css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.0
+    dev: true
+
+  /css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /csso@4.2.0:
+    resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      css-tree: 1.1.3
+    dev: true
+
+  /csstype@3.0.11:
+    resolution: {integrity: sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==}
+    dev: false
+
+  /csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  /d3-array@1.2.4:
+    resolution: {integrity: sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw==}
+    dev: false
+
+  /d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+    dependencies:
+      internmap: 1.0.1
+    dev: false
+
+  /d3-collection@1.0.7:
+    resolution: {integrity: sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A==}
+    dev: false
+
+  /d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-composite-projections@1.4.0:
+    resolution: {integrity: sha512-csygyxdRfy7aUYRPea23veM6sjisdHI+DNd0nHcAGMd2LyL2lklr+xLRzHiJ+hy1HGp6YgAtbqdJR8CsLolrNQ==}
+    dependencies:
+      d3-geo: 2.0.2
+      d3-path: 2.0.0
+    dev: false
+
+  /d3-dsv@1.2.0:
+    resolution: {integrity: sha512-9yVlqvZcSOMhCYzniHE7EVUws7Fa1zgw+/EAV2BxJoG3ME19V6BQFBwI855XQDsxyOuG7NibqRMTtiF/Qup46g==}
+    hasBin: true
+    dependencies:
+      commander: 2.20.3
+      iconv-lite: 0.4.24
+      rw: 1.3.3
+    dev: false
+
+  /d3-ease@1.0.7:
+    resolution: {integrity: sha512-lx14ZPYkhNx0s/2HX5sLFUI3mbasHjSSpwO/KaaNACweVwxUruKyWVcb293wMv1RqTPZyZ8kSZ2NogUZNcLOFQ==}
+    dev: false
+
+  /d3-geo-projection@2.1.2:
+    resolution: {integrity: sha512-zft6RRvPaB1qplTodBVcSH5Ftvmvvg0qoDiqpt+fyNthGr/qr+DD30cizNDluXjW7jmo7EKUTjvFCAHofv08Ow==}
+    hasBin: true
+    dependencies:
+      commander: 2.20.3
+      d3-array: 1.2.4
+      d3-geo: 1.6.4
+    dev: false
+
+  /d3-geo@1.6.4:
+    resolution: {integrity: sha512-O5Q3iftLc6/EdU1MHUm+O29NoKKN/cyQtySnD9/yEEcinN+q4ng+H56e2Yn1YWdfZBoiaRVtR2NoJ3ivKX5ptQ==}
+    dependencies:
+      d3-array: 1.2.4
+    dev: false
+
+  /d3-geo@2.0.2:
+    resolution: {integrity: sha512-8pM1WGMLGFuhq9S+FpPURxic+gKzjluCD/CHTuUF3mXMeiCo0i6R0tO1s4+GArRFde96SLcW/kOFRjoAosPsFA==}
+    dependencies:
+      d3-array: 2.12.1
+    dev: false
+
+  /d3-hexjson@1.1.1:
+    resolution: {integrity: sha512-WMF1juFJwAx6LzdEVKlsCGZz+7QUG7VMJDtg8uD3cfNwWOTgMiy6qBRRGU7LSY2KbmEObu3BV5ZQbq9l/BvUZQ==}
+    dependencies:
+      d3-array: 1.2.4
+    dev: false
+
+  /d3-hierarchy@1.1.9:
+    resolution: {integrity: sha512-j8tPxlqh1srJHAtxfvOUwKNYJkQuBFdM1+JAUfq6xqH5eAqf93L7oG1NVqDa4CpFZNvnNKtCYEUC8KY9yEn9lQ==}
+    dev: false
+
+  /d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-color: 3.1.0
+    dev: false
+
+  /d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+    dev: false
+
+  /d3-path@2.0.0:
+    resolution: {integrity: sha512-ZwZQxKhBnv9yHaiWd6ZU4x5BtCQ7pXszEV9CU6kRgwIQVQGLMv1oiL4M+MK/n79sYzsj+gcgpPQSctJUsLN7fA==}
+    dev: false
+
+  /d3-sankey@0.9.1:
+    resolution: {integrity: sha512-nnRkDaUMjBdeuGg+kWGdA+tjG1AVTnJ+Ykw7ff7CZHVI17Hm5sy8n0UXykVffn13aNHwK5wPOdOt1gS1ZEaF+A==}
+    dependencies:
+      d3-array: 1.2.4
+      d3-collection: 1.0.7
+      d3-shape: 1.3.7
+    dev: false
+
+  /d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+    dependencies:
+      d3-path: 1.0.9
+    dev: false
+
+  /d3-timer@1.0.10:
+    resolution: {integrity: sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw==}
+    dev: false
+
+  /d3-voronoi@1.1.4:
+    resolution: {integrity: sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg==}
+    dev: false
+
+  /d@1.0.2:
+    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      es5-ext: 0.10.64
+      type: 2.7.2
+    dev: false
+
+  /dagre@0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+    dependencies:
+      graphlib: 2.1.8
+      lodash: 4.17.21
+    dev: false
+
+  /danmu.js@1.1.13:
+    resolution: {integrity: sha512-knFd0/cB2HA4FFWiA7eB2suc5vCvoHdqio33FyyCSfP7C+1A+zQcTvnvwfxaZhrxsGj4qaQI2I8XiTqedRaVmg==}
+    dependencies:
+      event-emitter: 0.3.5
+    dev: false
+
+  /dargs@7.0.0:
+    resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /data-view-buffer@1.0.1:
+    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /data-view-byte-length@1.0.1:
+    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /data-view-byte-offset@1.0.0:
+    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /date-fns-tz@2.0.1(date-fns@2.30.0):
+    resolution: {integrity: sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==}
+    peerDependencies:
+      date-fns: 2.x
+    dependencies:
+      date-fns: 2.30.0
+    dev: false
+
+  /date-fns@2.30.0:
+    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
+    engines: {node: '>=0.11'}
+    dependencies:
+      '@babel/runtime': 7.24.5
+    dev: false
+
+  /dateformat@2.2.0:
+    resolution: {integrity: sha512-GODcnWq3YGoTnygPfi02ygEiRxqUxpJwuRHjdhJYuxpcZmDq4rjBiXYmbCCzStxo176ixfLT6i4NPwQooRySnw==}
+    dev: false
+
+  /dateformat@3.0.3:
+    resolution: {integrity: sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==}
+    dev: true
+
+  /dayjs@1.11.11:
+    resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
+    dev: false
+
+  /de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+    dev: true
+
+  /debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.0.0
+
+  /debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.3
+    dev: true
+
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+
+  /decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      decamelize: 1.2.0
+      map-obj: 1.0.1
+    dev: true
+
+  /decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /decode-uri-component@0.2.2:
+    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      mimic-response: 3.1.0
+    dev: true
+
+  /deep-equal@1.1.2:
+    resolution: {integrity: sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-arguments: 1.1.1
+      is-date-object: 1.0.5
+      is-regex: 1.1.4
+      object-is: 1.1.6
+      object-keys: 1.1.1
+      regexp.prototype.flags: 1.5.2
+    dev: false
+
+  /deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+    dev: true
+
+  /deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /default-user-agent@1.0.0:
+    resolution: {integrity: sha512-bDF7bg6OSNcSwFWPu4zYKpVkJZQYVrAANMYB8bc9Szem1D0yKdm4sa/rOCs2aC9+2GMqQ7KnwtZRvDhmLF0dXw==}
+    engines: {node: '>= 0.10.0'}
+    dependencies:
+      os-name: 1.0.3
+    dev: false
+
+  /defer-to-connect@2.0.1:
+    resolution: {integrity: sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+
+  /define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  /define-property@0.2.5:
+    resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 0.1.7
+    dev: true
+
+  /define-property@1.0.0:
+    resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.3
+    dev: true
+
+  /define-property@2.0.2:
+    resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.3
+      isobject: 3.0.1
+    dev: true
+
+  /defu@6.1.4:
+    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
+    dev: true
+
+  /delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
+  /delegate@3.2.0:
+    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
+    dev: false
+
+  /delegates@1.0.0:
+    resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
+    dev: true
+
+  /destroy@1.2.0:
+    resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+    dev: false
+
+  /detect-browser@5.3.0:
+    resolution: {integrity: sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==}
+    dev: false
+
+  /detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /detect-newline@3.1.0:
+    resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /diff-match-patch@1.0.5:
+    resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
+    dev: false
+
+  /digest-header@1.1.0:
+    resolution: {integrity: sha512-glXVh42vz40yZb9Cq2oMOt70FIoWiv+vxNvdKdU8CwjLad25qHM3trLxhl9bVjdr6WaslIXhWpn0NO8T/67Qjg==}
+    engines: {node: '>= 8.0.0'}
+    dev: false
+
+  /dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-type: 4.0.0
+    dev: true
+
+  /doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /dom-serializer@0.2.2:
+    resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
+    dependencies:
+      domelementtype: 2.3.0
+      entities: 2.2.0
+    dev: true
+
+  /dom-serializer@1.4.1:
+    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+      entities: 2.2.0
+    dev: true
+
+  /dom7@3.0.0:
+    resolution: {integrity: sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==}
+    dependencies:
+      ssr-window: 3.0.0
+    dev: false
+
+  /domelementtype@1.3.1:
+    resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
+    dev: true
+
+  /domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: true
+
+  /domhandler@2.4.2:
+    resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
+    dependencies:
+      domelementtype: 1.3.1
+    dev: true
+
+  /domhandler@4.3.1:
+    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: true
+
+  /domutils@1.7.0:
+    resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
+    dependencies:
+      dom-serializer: 0.2.2
+      domelementtype: 1.3.1
+    dev: true
+
+  /domutils@2.8.0:
+    resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
+    dependencies:
+      dom-serializer: 1.4.1
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+    dev: true
+
+  /dot-prop@5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-obj: 2.0.0
+    dev: true
+
+  /dot-prop@6.0.1:
+    resolution: {integrity: sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==}
+    engines: {node: '>=10'}
+    dependencies:
+      is-obj: 2.0.0
+    dev: true
+
+  /dotgitignore@2.1.0:
+    resolution: {integrity: sha512-sCm11ak2oY6DglEPpCB8TixLjWAxd3kJTs6UIcSasNYxXdFPV+YKlye92c8H4kKFqV5qYMIh7d+cYecEg0dIkA==}
+    engines: {node: '>=6'}
+    dependencies:
+      find-up: 3.0.0
+      minimatch: 3.1.2
+    dev: true
+
+  /downloadjs@1.4.7:
+    resolution: {integrity: sha512-LN1gO7+u9xjU5oEScGFKvXhYf7Y/empUIIEAGBs1LzUq/rg5duiDrkuH5A2lQGd5jfMOb9X9usDa2oVXwJ0U/Q==}
+    dev: false
+
+  /duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+    dev: true
+
+  /duplexify@3.7.1:
+    resolution: {integrity: sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==}
+    dependencies:
+      end-of-stream: 1.4.4
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+      stream-shift: 1.0.3
+    dev: false
+
+  /duplexify@4.1.3:
+    resolution: {integrity: sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==}
+    dependencies:
+      end-of-stream: 1.4.4
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      stream-shift: 1.0.3
+    dev: false
+
+  /eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  /echarts@5.5.0:
+    resolution: {integrity: sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.5.0
+    dev: false
+
+  /ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  /ejs@3.1.10:
+    resolution: {integrity: sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      jake: 10.9.1
+    dev: true
+
+  /electron-to-chromium@1.4.782:
+    resolution: {integrity: sha512-JUfU61e8tr+i5Y1FKXcKs+Xe+rJ+CEqm4cgv1kMihPE2EvYHmYyVr3Im/+1+Z5B29Be2EEGCZCwAc6Tazdl1Yg==}
+    dev: true
+
+  /emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  /emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  /emojis-list@3.0.0:
+    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /encodeurl@1.0.2:
+    resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /encoding@0.1.13:
+    resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
+    requiresBuild: true
+    dependencies:
+      iconv-lite: 0.6.3
+    dev: true
+    optional: true
+
+  /end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+    dependencies:
+      once: 1.4.0
+    dev: false
+
+  /end-or-error@1.0.1:
+    resolution: {integrity: sha512-OclLMSug+k2A0JKuf494im25ANRBVW8qsjmwbgX7lQ8P82H21PQ1PWkoYwb9y5yMBS69BPlwtzdIFClo3+7kOQ==}
+    engines: {node: '>= 0.11.14'}
+    dev: false
+
+  /enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      ansi-colors: 4.1.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /entities@1.1.2:
+    resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
+    dev: true
+
+  /entities@2.2.0:
+    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
+    dev: true
+
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /err-code@2.0.3:
+    resolution: {integrity: sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==}
+    dev: true
+
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
+  /es-abstract@1.23.3:
+    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      arraybuffer.prototype.slice: 1.0.3
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      data-view-buffer: 1.0.1
+      data-view-byte-length: 1.0.1
+      data-view-byte-offset: 1.0.0
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-set-tostringtag: 2.0.3
+      es-to-primitive: 1.2.1
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.4
+      get-symbol-description: 1.0.2
+      globalthis: 1.0.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+      internal-slot: 1.0.7
+      is-array-buffer: 3.0.4
+      is-callable: 1.2.7
+      is-data-view: 1.0.1
+      is-negative-zero: 2.0.3
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.3
+      is-string: 1.0.7
+      is-typed-array: 1.1.13
+      is-weakref: 1.0.2
+      object-inspect: 1.13.1
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.2
+      safe-array-concat: 1.1.2
+      safe-regex-test: 1.0.3
+      string.prototype.trim: 1.2.9
+      string.prototype.trimend: 1.0.8
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.2
+      typed-array-byte-length: 1.0.1
+      typed-array-byte-offset: 1.0.2
+      typed-array-length: 1.0.6
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.15
+    dev: true
+
+  /es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  /es-object-atoms@1.0.0:
+    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+    dev: true
+
+  /es-set-tostringtag@2.0.3:
+    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+    dev: true
+
+  /es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+    dependencies:
+      hasown: 2.0.2
+    dev: true
+
+  /es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+    dev: true
+
+  /es5-ext@0.10.64:
+    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
+    engines: {node: '>=0.10'}
+    requiresBuild: true
+    dependencies:
+      es6-iterator: 2.0.3
+      es6-symbol: 3.1.4
+      esniff: 2.0.1
+      next-tick: 1.1.0
+    dev: false
+
+  /es6-iterator@2.0.3:
+    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-symbol: 3.1.4
+    dev: false
+
+  /es6-symbol@3.1.4:
+    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      d: 1.0.2
+      ext: 1.7.0
+    dev: false
+
+  /esbuild-android-64@0.14.54:
+    resolution: {integrity: sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-android-arm64@0.14.54:
+    resolution: {integrity: sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-64@0.14.54:
+    resolution: {integrity: sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-arm64@0.14.54:
+    resolution: {integrity: sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-64@0.14.54:
+    resolution: {integrity: sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-arm64@0.14.54:
+    resolution: {integrity: sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-32@0.14.54:
+    resolution: {integrity: sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-64@0.14.54:
+    resolution: {integrity: sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm64@0.14.54:
+    resolution: {integrity: sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm@0.14.54:
+    resolution: {integrity: sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-mips64le@0.14.54:
+    resolution: {integrity: sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-ppc64le@0.14.54:
+    resolution: {integrity: sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-riscv64@0.14.54:
+    resolution: {integrity: sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-s390x@0.14.54:
+    resolution: {integrity: sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-netbsd-64@0.14.54:
+    resolution: {integrity: sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-openbsd-64@0.14.54:
+    resolution: {integrity: sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-sunos-64@0.14.54:
+    resolution: {integrity: sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-32@0.14.54:
+    resolution: {integrity: sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-64@0.14.54:
+    resolution: {integrity: sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-arm64@0.14.54:
+    resolution: {integrity: sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild@0.14.54:
+    resolution: {integrity: sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/linux-loong64': 0.14.54
+      esbuild-android-64: 0.14.54
+      esbuild-android-arm64: 0.14.54
+      esbuild-darwin-64: 0.14.54
+      esbuild-darwin-arm64: 0.14.54
+      esbuild-freebsd-64: 0.14.54
+      esbuild-freebsd-arm64: 0.14.54
+      esbuild-linux-32: 0.14.54
+      esbuild-linux-64: 0.14.54
+      esbuild-linux-arm: 0.14.54
+      esbuild-linux-arm64: 0.14.54
+      esbuild-linux-mips64le: 0.14.54
+      esbuild-linux-ppc64le: 0.14.54
+      esbuild-linux-riscv64: 0.14.54
+      esbuild-linux-s390x: 0.14.54
+      esbuild-netbsd-64: 0.14.54
+      esbuild-openbsd-64: 0.14.54
+      esbuild-sunos-64: 0.14.54
+      esbuild-windows-32: 0.14.54
+      esbuild-windows-64: 0.14.54
+      esbuild-windows-arm64: 0.14.54
+    dev: true
+
+  /esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
+    dev: true
+
+  /escalade@3.1.2:
+    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /escape-goat@4.0.0:
+    resolution: {integrity: sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  /escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /eslint-config-prettier@8.8.0(eslint@8.57.0):
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
+  /eslint-config-soybeanjs@0.3.8(eslint@8.57.0)(svelte@3.59.2)(typescript@5.0.4):
+    resolution: {integrity: sha512-1L6nO17lNOlgTq5TelM4uaV9OPVlJQnh37iAQl3jkJ5vTa57sA4ry6ezFvARGzFfp/IJL59dcVWYjFWZhbjZqQ==}
+    peerDependencies:
+      eslint: '>=7.4.0'
+      typescript: '>=4.8.0'
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 5.59.7(@typescript-eslint/parser@5.59.7)(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/parser': 5.59.7(eslint@8.57.0)(typescript@5.0.4)
+      eslint: 8.57.0
+      eslint-config-prettier: 8.8.0(eslint@8.57.0)
+      eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.27.5)
+      eslint-plugin-astro: 0.27.0(eslint@8.57.0)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.59.7)(eslint@8.57.0)
+      eslint-plugin-jsonc: 2.8.0(eslint@8.57.0)
+      eslint-plugin-n: 16.0.0(eslint@8.57.0)
+      eslint-plugin-prettier: 4.2.1(eslint-config-prettier@8.8.0)(eslint@8.57.0)(prettier@2.8.8)
+      eslint-plugin-promise: 6.1.1(eslint@8.57.0)
+      eslint-plugin-react: 7.32.2(eslint@8.57.0)
+      eslint-plugin-react-hooks: 4.6.0(eslint@8.57.0)
+      eslint-plugin-react-native: 4.0.0(eslint@8.57.0)
+      eslint-plugin-solid: 0.12.1(eslint@8.57.0)(typescript@5.0.4)
+      eslint-plugin-svelte: 2.29.0(eslint@8.57.0)(svelte@3.59.2)
+      eslint-plugin-vue: 9.14.0(eslint@8.57.0)
+      prettier: 2.8.8
+      prettier-plugin-astro: 0.9.0
+      prettier-plugin-svelte: 2.10.0(prettier@2.8.8)(svelte@3.59.2)
+      typescript: 5.0.4
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+      - svelte
+      - ts-node
+    dev: true
+
+  /eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.27.5):
+    resolution: {integrity: sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==}
+    engines: {node: '>= 4'}
+    peerDependencies:
+      eslint-plugin-import: '>=1.4.0'
+    dependencies:
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.59.7)(eslint@8.57.0)
+    dev: true
+
+  /eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.13.1
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-module-utils@2.8.1(@typescript-eslint/parser@5.59.7)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0):
+    resolution: {integrity: sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.59.7(eslint@8.57.0)(typescript@5.0.4)
+      debug: 3.2.7
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-astro@0.27.0(eslint@8.57.0):
+    resolution: {integrity: sha512-r3PizFY+xwQMRWcEvRKCWQkfHNl2Q+7ANN1ZIpnvJZP97KUX8F2WUnTvPuk2jJGqnRa+zQ5NgoJ9aenFKcGP9A==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@typescript-eslint/types': 5.62.0
+      astro-eslint-parser: 0.14.0
+      eslint: 8.57.0
+      postcss: 8.4.38
+      postcss-selector-parser: 6.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-es-x@6.2.1(eslint@8.57.0):
+    resolution: {integrity: sha512-uR34zUhZ9EBoiSD2DdV5kHLpydVEvwWqjteUr9sXRgJknwbKZJZhdJ7uFnaTtd+Nr/2G3ceJHnHXrFhJ67n3Tw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=8'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/regexpp': 4.10.0
+      eslint: 8.57.0
+    dev: true
+
+  /eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.59.7)(eslint@8.57.0):
+    resolution: {integrity: sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.59.7(eslint@8.57.0)(typescript@5.0.4)
+      array-includes: 3.1.8
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@5.59.7)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0)
+      has: 1.0.4
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.values: 1.2.0
+      resolve: 1.22.8
+      semver: 6.3.1
+      tsconfig-paths: 3.15.0
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-plugin-jsonc@2.8.0(eslint@8.57.0):
+    resolution: {integrity: sha512-K4VsnztnNwpm+V49CcCu5laq8VjclJpuhfI9LFkOrOyK+BKdQHMzkWo43B4X4rYaVrChm4U9kw/tTU5RHh5Wtg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      eslint: 8.57.0
+      jsonc-eslint-parser: 2.4.0
+      natural-compare: 1.4.0
+    dev: true
+
+  /eslint-plugin-n@16.0.0(eslint@8.57.0):
+    resolution: {integrity: sha512-akkZTE3hsHBrq6CwmGuYCzQREbVUrA855kzcHqe6i0FLBkeY7Y/6tThCVkjUnjhvRBAlc+8lILcSe5QvvDpeZQ==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      builtins: 5.1.0
+      eslint: 8.57.0
+      eslint-plugin-es-x: 6.2.1(eslint@8.57.0)
+      ignore: 5.3.1
+      is-core-module: 2.13.1
+      minimatch: 3.1.2
+      resolve: 1.22.8
+      semver: 7.6.2
+    dev: true
+
+  /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.57.0)(prettier@2.8.8):
+    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: '>=7.28.0'
+      eslint-config-prettier: '*'
+      prettier: '>=2.0.0'
+    peerDependenciesMeta:
+      eslint-config-prettier:
+        optional: true
+    dependencies:
+      eslint: 8.57.0
+      eslint-config-prettier: 8.8.0(eslint@8.57.0)
+      prettier: 2.8.8
+      prettier-linter-helpers: 1.0.0
+    dev: true
+
+  /eslint-plugin-promise@6.1.1(eslint@8.57.0):
+    resolution: {integrity: sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
+  /eslint-plugin-react-hooks@4.6.0(eslint@8.57.0):
+    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
+  /eslint-plugin-react-native-globals@0.1.2:
+    resolution: {integrity: sha512-9aEPf1JEpiTjcFAmmyw8eiIXmcNZOqaZyHO77wgm0/dWfT/oxC1SrIq8ET38pMxHYrcB6Uew+TzUVsBeczF88g==}
+    dev: true
+
+  /eslint-plugin-react-native@4.0.0(eslint@8.57.0):
+    resolution: {integrity: sha512-kMmdxrSY7A1WgdqaGC+rY/28rh7kBGNBRsk48ovqkQmdg5j4K+DaFmegENDzMrdLkoufKGRNkKX6bgSwQTCAxQ==}
+    peerDependencies:
+      eslint: ^3.17.0 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      '@babel/traverse': 7.24.5
+      eslint: 8.57.0
+      eslint-plugin-react-native-globals: 0.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-react@7.32.2(eslint@8.57.0):
+    resolution: {integrity: sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.flatmap: 1.3.2
+      array.prototype.tosorted: 1.1.3
+      doctrine: 2.1.0
+      eslint: 8.57.0
+      estraverse: 5.3.0
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.8
+      object.fromentries: 2.0.8
+      object.hasown: 1.1.4
+      object.values: 1.2.0
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.5
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.11
+    dev: true
+
+  /eslint-plugin-solid@0.12.1(eslint@8.57.0)(typescript@5.0.4):
+    resolution: {integrity: sha512-fM0sEg9PcS1mcNbWklwc+W/lOv1/XyEwXf53HmFFy4GOA8E3u41h8JW+hc+Vv1m3kh01umKoTalOTET08zKdAQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.0.4)
+      eslint: 8.57.0
+      is-html: 2.0.0
+      jsx-ast-utils: 3.3.5
+      kebab-case: 1.0.2
+      known-css-properties: 0.24.0
+      style-to-object: 0.3.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-svelte@2.29.0(eslint@8.57.0)(svelte@3.59.2):
+    resolution: {integrity: sha512-ukEC5z9ZXwDtwD8L12ei9doF9P/mQVeiLZiUxExWN9ZNTLNwZgfmEKx+s0tNio0YnYHzKz6qELxFei4SqVbLkQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@jridgewell/sourcemap-codec': 1.4.15
+      debug: 4.3.4
+      eslint: 8.57.0
+      esutils: 2.0.3
+      known-css-properties: 0.27.0
+      postcss: 8.4.38
+      postcss-load-config: 3.1.4(postcss@8.4.38)
+      postcss-safe-parser: 6.0.0(postcss@8.4.38)
+      svelte: 3.59.2
+      svelte-eslint-parser: 0.29.0(svelte@3.59.2)
+    transitivePeerDependencies:
+      - supports-color
+      - ts-node
+    dev: true
+
+  /eslint-plugin-vue@9.14.0(eslint@8.57.0):
+    resolution: {integrity: sha512-4O7EuiqPGVQA1wYCzLvCzsBTv9JIPHLHhrf0k55DLzbwtmJbSw2TKS0G/l7pOwi9RWMSkjIT7ftChU5gZpgnJw==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      eslint: 8.57.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 6.1.0
+      semver: 7.6.2
+      vue-eslint-parser: 9.4.2(eslint@8.57.0)
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-scope@5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+    dev: true
+
+  /eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/regexpp': 4.10.0
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.57.0
+      '@humanwhocodes/config-array': 0.11.14
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.2.0
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.24.0
+      graphemer: 1.4.0
+      ignore: 5.3.1
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /esniff@2.0.1:
+    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      event-emitter: 0.3.5
+      type: 2.7.2
+    dev: false
+
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.11.3
+      acorn-jsx: 5.3.2(acorn@8.11.3)
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /estraverse@4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estree-walker@1.0.1:
+    resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
+    dev: true
+
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  /esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+    dev: true
+
+  /event-emitter@0.3.5:
+    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+    dev: false
+
+  /eventemitter3@2.0.3:
+    resolution: {integrity: sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==}
+    dev: false
+
+  /eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+    dev: false
+
+  /evtd@0.2.4:
+    resolution: {integrity: sha512-qaeGN5bx63s/AXgQo8gj6fBkxge+OoLddLniox5qtLAEY5HSnuSlISXVPxnSae1dWblvTh4/HoMIB+mbMsvZzw==}
+    dev: false
+
+  /execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+
+  /execa@7.1.1:
+    resolution: {integrity: sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==}
+    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 4.3.1
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.3.0
+      onetime: 6.0.0
+      signal-exit: 3.0.7
+      strip-final-newline: 3.0.0
+    dev: true
+
+  /execa@7.2.0:
+    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
+    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 4.3.1
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.3.0
+      onetime: 6.0.0
+      signal-exit: 3.0.7
+      strip-final-newline: 3.0.0
+    dev: true
+
+  /expand-brackets@2.1.4:
+    resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      posix-character-classes: 0.1.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /exponential-backoff@3.1.1:
+    resolution: {integrity: sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==}
+    dev: true
+
+  /ext@1.7.0:
+    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
+    dependencies:
+      type: 2.7.2
+    dev: false
+
+  /extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extendable: 0.1.1
+
+  /extend-shallow@3.0.2:
+    resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      assign-symbols: 1.0.0
+      is-extendable: 1.0.1
+    dev: true
+
+  /extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+    dev: false
+
+  /extglob@2.0.4:
+    resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      array-unique: 0.3.2
+      define-property: 1.0.0
+      expand-brackets: 2.1.4
+      extend-shallow: 2.0.1
+      fragment-cache: 0.2.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  /fast-diff@1.1.2:
+    resolution: {integrity: sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==}
+    dev: false
+
+  /fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+    dev: true
+
+  /fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.7
+    dev: true
+
+  /fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  /fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
+
+  /fast-memoize@2.5.2:
+    resolution: {integrity: sha512-Ue0LwpDYErFbmNnZSF0UH6eImUwDmogUO1jyE+JbN2gsQz/jICm1Ve7t9QT0rNSsfJt+Hs4/S3GnsDVjL4HVrw==}
+    dev: true
+
+  /fast-xml-parser@4.2.5:
+    resolution: {integrity: sha512-B9/wizE4WngqQftFPmdaMYlXoJlJOYxGQOanC77fq9k8+Z0v5dDSVh+3glErdIROP//s/jgb7ZuxKfB8nVyo0g==}
+    hasBin: true
+    dependencies:
+      strnum: 1.0.5
+    dev: false
+
+  /fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /fecha@4.2.3:
+    resolution: {integrity: sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==}
+    dev: false
+
+  /figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
+  /file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flat-cache: 3.2.0
+    dev: true
+
+  /file-saver@2.0.5:
+    resolution: {integrity: sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==}
+    dev: false
+
+  /filelist@1.0.4:
+    resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
+    dependencies:
+      minimatch: 5.1.6
+    dev: true
+
+  /fill-range@4.0.0:
+    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+      to-regex-range: 2.1.1
+    dev: true
+
+  /fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /finalhandler@1.1.2:
+    resolution: {integrity: sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      debug: 2.6.9
+      encodeurl: 1.0.2
+      escape-html: 1.0.3
+      on-finished: 2.3.0
+      parseurl: 1.3.3
+      statuses: 1.5.0
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /find-up@2.1.0:
+    resolution: {integrity: sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      locate-path: 2.0.0
+    dev: true
+
+  /find-up@3.0.0:
+    resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==}
+    engines: {node: '>=6'}
+    dependencies:
+      locate-path: 3.0.0
+    dev: true
+
+  /find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flatted: 3.3.1
+      keyv: 4.5.4
+      rimraf: 3.0.2
+    dev: true
+
+  /flatted@3.3.1:
+    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+    dev: true
+
+  /follow-redirects@1.15.6:
+    resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
+  /for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+    dependencies:
+      is-callable: 1.2.7
+    dev: true
+
+  /for-in@1.0.2:
+    resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /foreground-child@3.1.1:
+    resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
+    engines: {node: '>=14'}
+    dependencies:
+      cross-spawn: 7.0.3
+      signal-exit: 4.1.0
+
+  /form-data-encoder@2.1.4:
+    resolution: {integrity: sha512-yDYSgNMraqvnxiEXO4hi88+YZxaHC6QKzb5N84iRCTDeRO7ZALpir/lVmf/uXUhnwUr2O4HU8s/n6x+yNjQkHw==}
+    engines: {node: '>= 14.17'}
+    dev: true
+
+  /form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    dev: false
+
+  /formstream@1.4.0:
+    resolution: {integrity: sha512-nEJvWnCujHjFMZjn3woD3tFnojT/w0wvUgPFOuASPmFFCJ4fJacqXowppN7lvhBuZb+QF41ZRLT+N6A6SxHBgA==}
+    dependencies:
+      destroy: 1.2.0
+      mime: 2.6.0
+      pause-stream: 0.0.11
+    dev: false
+
+  /fp-and-or@0.1.4:
+    resolution: {integrity: sha512-+yRYRhpnFPWXSly/6V4Lw9IfOV26uu30kynGJ03PW+MnjOEQe45RZ141QcS0aJehYBYA50GfCDnsRbFJdhssRw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /frac@1.1.2:
+    resolution: {integrity: sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /fragment-cache@0.2.1:
+    resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-cache: 0.2.2
+    dev: true
+
+  /fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+    dev: true
+
+  /fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+    engines: {node: '>=14.14'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+    dev: true
+
+  /fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      at-least-node: 1.0.0
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+    dev: true
+
+  /fs-minipass@2.1.0:
+    resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /fs-minipass@3.0.3:
+    resolution: {integrity: sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minipass: 7.1.2
+    dev: true
+
+  /fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  /fs@0.0.1-security:
+    resolution: {integrity: sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==}
+    dev: false
+
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  /function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      functions-have-names: 1.2.3
+    dev: true
+
+  /functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
+  /gauge@4.0.4:
+    resolution: {integrity: sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      aproba: 2.0.0
+      color-support: 1.1.3
+      console-control-strings: 1.1.0
+      has-unicode: 2.0.1
+      signal-exit: 3.0.7
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wide-align: 1.1.5
+    dev: true
+
+  /gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
+
+  /get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+
+  /get-own-enumerable-property-symbols@3.0.2:
+    resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
+    dev: true
+
+  /get-pkg-repo@4.2.1:
+    resolution: {integrity: sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==}
+    engines: {node: '>=6.9.0'}
+    hasBin: true
+    dependencies:
+      '@hutson/parse-repository-url': 3.0.2
+      hosted-git-info: 4.1.0
+      through2: 2.0.5
+      yargs: 16.2.0
+    dev: true
+
+  /get-ready@1.0.0:
+    resolution: {integrity: sha512-mFXCZPJIlcYcth+N8267+mghfYN9h3EhsDa6JSnbA3Wrhh/XFpuowviFcsDeYZtKspQyWyJqfs4O6P8CHeTwzw==}
+    dev: false
+
+  /get-stdin@8.0.0:
+    resolution: {integrity: sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /get-symbol-description@1.0.2:
+    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+    dev: true
+
+  /get-tsconfig@4.7.5:
+    resolution: {integrity: sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==}
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+    dev: true
+
+  /get-value@2.0.6:
+    resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /git-raw-commits@2.0.11:
+    resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      dargs: 7.0.0
+      lodash: 4.17.21
+      meow: 8.1.2
+      split2: 3.2.2
+      through2: 4.0.2
+    dev: true
+
+  /git-remote-origin-url@2.0.0:
+    resolution: {integrity: sha512-eU+GGrZgccNJcsDH5LkXR3PB9M958hxc7sbA8DFJjrv9j4L2P/eZfKhM+QD6wyzpiv+b1BpK0XrYCxkovtjSLw==}
+    engines: {node: '>=4'}
+    dependencies:
+      gitconfiglocal: 1.0.0
+      pify: 2.3.0
+    dev: true
+
+  /git-semver-tags@4.1.1:
+    resolution: {integrity: sha512-OWyMt5zBe7xFs8vglMmhM9lRQzCWL3WjHtxNNfJTMngGym7pC1kh8sP6jevfydJ6LP3ZvGxfb6ABYgPUM0mtsA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      meow: 8.1.2
+      semver: 6.3.1
+    dev: true
+
+  /gitconfiglocal@1.0.0:
+    resolution: {integrity: sha512-spLUXeTAVHxDtKsJc8FkFVgFtMdEN9qPGpL23VfSHx4fP4+Ds097IXLvymbnDH8FnmxX5Nr9bPw3A+AQ6mWEaQ==}
+    dependencies:
+      ini: 1.3.8
+    dev: true
+
+  /gl-matrix@3.4.3:
+    resolution: {integrity: sha512-wcCp8vu8FT22BnvKVPjXa/ICBWRq/zjFfdofZy1WSpQZpphblv12/bOQLBC1rMM7SGOFS9ltVmKOHil5+Ml7gA==}
+    dev: false
+
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob@10.4.1:
+    resolution: {integrity: sha512-2jelhlq3E4ho74ZyVLN03oKdAZVUa6UDZzFLVH1H7dnoax+y9qyaq8zBkfDIggjniU19z0wU18y16jMB2eyVIw==}
+    engines: {node: '>=16 || 14 >=14.18'}
+    hasBin: true
+    dependencies:
+      foreground-child: 3.1.1
+      jackspeak: 3.1.2
+      minimatch: 9.0.4
+      minipass: 7.1.2
+      path-scurry: 1.11.1
+
+  /glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+
+  /glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 5.1.6
+      once: 1.4.0
+    dev: true
+
+  /global-dirs@3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ini: 2.0.0
+    dev: true
+
+  /globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
+  /globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.0.1
+    dev: true
+
+  /globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.2
+      ignore: 5.3.1
+      merge2: 1.4.1
+      slash: 3.0.0
+    dev: true
+
+  /good-listener@1.2.2:
+    resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
+    dependencies:
+      delegate: 3.2.0
+    dev: false
+
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  /got@12.6.1:
+    resolution: {integrity: sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      '@sindresorhus/is': 5.6.0
+      '@szmarczak/http-timer': 5.0.1
+      cacheable-lookup: 7.0.0
+      cacheable-request: 10.2.14
+      decompress-response: 6.0.0
+      form-data-encoder: 2.1.4
+      get-stream: 6.0.1
+      http2-wrapper: 2.2.1
+      lowercase-keys: 3.0.0
+      p-cancelable: 3.0.0
+      responselike: 3.0.0
+    dev: true
+
+  /graceful-fs@4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+    dev: true
+
+  /graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    dev: true
+
+  /grapheme-splitter@1.0.4:
+    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+    dev: true
+
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+    dev: true
+
+  /graphlib@2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+    dependencies:
+      lodash: 4.17.21
+    dev: false
+
+  /gzip-size@6.0.0:
+    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      duplexer: 0.1.2
+    dev: true
+
+  /handlebars@4.7.8:
+    resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.17.4
+    dev: true
+
+  /hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /has-ansi@2.0.0:
+    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
+  /has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
+
+  /has-flag@1.0.0:
+    resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+    dependencies:
+      es-define-property: 1.0.0
+
+  /has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+
+  /has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+
+  /has-unicode@2.0.1:
+    resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
+    dev: true
+
+  /has-value@0.3.1:
+    resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 0.1.4
+      isobject: 2.1.0
+    dev: true
+
+  /has-value@1.0.0:
+    resolution: {integrity: sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 1.0.0
+      isobject: 3.0.1
+    dev: true
+
+  /has-values@0.1.4:
+    resolution: {integrity: sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /has-values@1.0.0:
+    resolution: {integrity: sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      kind-of: 4.0.0
+    dev: true
+
+  /has-yarn@3.0.0:
+    resolution: {integrity: sha512-IrsVwUHhEULx3R8f/aA8AHuEzAorplsab/v8HBzEiIukwq5i/EC+xmOW+HfP1OaDP+2JkgT1yILHN2O3UFIbcA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /has@1.0.4:
+    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==}
+    engines: {node: '>= 0.4.0'}
+    dev: true
+
+  /hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+
+  /he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+    dev: true
+
+  /help-me@3.0.0:
+    resolution: {integrity: sha512-hx73jClhyk910sidBB7ERlnhMlFsJJIBqSVMFDwPN8o2v9nmp5KgLq1Xz1Bf1fCMMZ6mPrX159iG0VLy/fPMtQ==}
+    dependencies:
+      glob: 7.2.3
+      readable-stream: 3.6.2
+    dev: false
+
+  /highlight.js@11.9.0:
+    resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
+    engines: {node: '>=12.0.0'}
+    dev: false
+
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
+  /hosted-git-info@4.1.0:
+    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
+    engines: {node: '>=10'}
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /hosted-git-info@5.2.1:
+    resolution: {integrity: sha512-xIcQYMnhcx2Nr4JTjsFmwwnr9vldugPy9uVm0o87bjqqWMv9GaqsTeT+i99wTl0mk1uLxJtHxLb8kymqTENQsw==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      lru-cache: 7.18.3
+    dev: true
+
+  /hosted-git-info@6.1.1:
+    resolution: {integrity: sha512-r0EI+HBMcXadMrugk0GCQ+6BQV39PiWAZVfq7oIckeGiN7sjRGyQxPdft3nQekFTCQbYxLBH+/axZMeH8UX6+w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      lru-cache: 7.18.3
+    dev: true
+
+  /html-tags@3.3.1:
+    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+    dev: false
+
+  /html2canvas@1.4.1:
+    resolution: {integrity: sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      css-line-break: 2.1.0
+      text-segmentation: 1.0.3
+    dev: false
+
+  /htmlparser2@3.10.1:
+    resolution: {integrity: sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==}
+    dependencies:
+      domelementtype: 1.3.1
+      domhandler: 2.4.2
+      domutils: 1.7.0
+      entities: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    dev: true
+
+  /http-cache-semantics@4.1.1:
+    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
+    dev: true
+
+  /http-proxy-agent@5.0.0:
+    resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
+    engines: {node: '>= 6'}
+    dependencies:
+      '@tootallnate/once': 2.0.0
+      agent-base: 6.0.2
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /http2-wrapper@2.2.1:
+    resolution: {integrity: sha512-V5nVw1PAOgfI3Lmeaj2Exmeg7fenjhRUgz1lPSezy1CuhPYbgQtbQj4jZfEAEMlaL+vupsvhjqCyjzob0yxsmQ==}
+    engines: {node: '>=10.19.0'}
+    dependencies:
+      quick-lru: 5.1.1
+      resolve-alpn: 1.2.1
+    dev: true
+
+  /https-proxy-agent@5.0.1:
+    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      agent-base: 6.0.2
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
+
+  /human-signals@4.3.1:
+    resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==}
+    engines: {node: '>=14.18.0'}
+    dev: true
+
+  /humanize-duration@3.32.0:
+    resolution: {integrity: sha512-6WsXYTHJr7hXKqoqf5zoWza/lANRAqGlbnZnm0cjDykbXuez1JVXOQGmq0EPB45pXYAJyueRA3S3hfhmMbrMEQ==}
+    dev: false
+
+  /humanize-ms@1.2.1:
+    resolution: {integrity: sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==}
+    dependencies:
+      ms: 2.1.3
+
+  /i18next@20.6.1:
+    resolution: {integrity: sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==}
+    dependencies:
+      '@babel/runtime': 7.24.5
+    dev: false
+
+  /iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: false
+
+  /iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    requiresBuild: true
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: true
+    optional: true
+
+  /idb@7.1.1:
+    resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
+    dev: true
+
+  /ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+    dev: false
+
+  /ignore-walk@6.0.5:
+    resolution: {integrity: sha512-VuuG0wCnjhnylG1ABXT3dAuIpTNDs/G8jlpmwXY03fXoXy/8ZK8/T+hMzt8L4WnrLCJgdybqgPagnF/f97cg3A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minimatch: 9.0.4
+    dev: true
+
+  /ignore@5.3.1:
+    resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /image-size@0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dev: true
+
+  /immer@9.0.21:
+    resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==}
+    dev: false
+
+  /immutable@4.3.6:
+    resolution: {integrity: sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==}
+    dev: true
+
+  /import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
+  /import-lazy@4.0.0:
+    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
+
+  /indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /infer-owner@1.0.4:
+    resolution: {integrity: sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==}
+    dev: true
+
+  /inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
+  /ini@2.0.0:
+    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ini@4.1.3:
+    resolution: {integrity: sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /inline-style-parser@0.1.1:
+    resolution: {integrity: sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==}
+    dev: true
+
+  /internal-slot@1.0.7:
+    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.0.6
+    dev: true
+
+  /internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+    dev: false
+
+  /ip-address@9.0.5:
+    resolution: {integrity: sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==}
+    engines: {node: '>= 12'}
+    dependencies:
+      jsbn: 1.1.0
+      sprintf-js: 1.1.3
+    dev: true
+
+  /ip@1.1.9:
+    resolution: {integrity: sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==}
+    dev: false
+
+  /is-accessor-descriptor@1.0.1:
+    resolution: {integrity: sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      hasown: 2.0.2
+    dev: true
+
+  /is-arguments@1.1.1:
+    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+    dev: false
+
+  /is-array-buffer@3.0.4:
+    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+    dev: true
+
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
+  /is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    dependencies:
+      has-bigints: 1.0.2
+    dev: true
+
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.3.0
+    dev: true
+
+  /is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+    dev: true
+
+  /is-buffer@1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+    dev: true
+
+  /is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-ci@3.0.1:
+    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
+    hasBin: true
+    dependencies:
+      ci-info: 3.9.0
+    dev: true
+
+  /is-class-hotfix@0.0.6:
+    resolution: {integrity: sha512-0n+pzCC6ICtVr/WXnN2f03TK/3BfXY7me4cjCAqT8TYXEl0+JBRoqBo94JJHXcyDSLUeWbNX8Fvy5g5RJdAstQ==}
+    dev: false
+
+  /is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+    dependencies:
+      hasown: 2.0.2
+    dev: true
+
+  /is-data-descriptor@1.0.1:
+    resolution: {integrity: sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      hasown: 2.0.2
+    dev: true
+
+  /is-data-view@1.0.1:
+    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-typed-array: 1.1.13
+    dev: true
+
+  /is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  /is-descriptor@0.1.7:
+    resolution: {integrity: sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
+    dev: true
+
+  /is-descriptor@1.0.3:
+    resolution: {integrity: sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
+    dev: true
+
+  /is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dev: true
+
+  /is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+
+  /is-extendable@1.0.1:
+    resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-plain-object: 2.0.4
+    dev: true
+
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  /is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-hotkey@0.2.0:
+    resolution: {integrity: sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==}
+    dev: false
+
+  /is-html@2.0.0:
+    resolution: {integrity: sha512-S+OpgB5i7wzIue/YSE5hg0e5ZYfG3hhpNh9KGl6ayJ38p7ED6wxQLd1TV91xHpcTvw90KMJ9EwN3F/iNflHBVg==}
+    engines: {node: '>=8'}
+    dependencies:
+      html-tags: 3.3.1
+    dev: true
+
+  /is-installed-globally@0.4.0:
+    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      global-dirs: 3.0.1
+      is-path-inside: 3.0.3
+    dev: true
+
+  /is-lambda@1.0.1:
+    resolution: {integrity: sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==}
+    dev: true
+
+  /is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+    dev: true
+
+  /is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-npm@6.0.0:
+    resolution: {integrity: sha512-JEjxbSmtPSt1c8XTkVrlujcXdKV1/tvuQ7GwKcAlyiVLeYFQ2VHat8xfrDJsIkhCdF/tZ7CiIR3sy141c6+gPQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+    dev: true
+
+  /is-number@3.0.0:
+    resolution: {integrity: sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-obj@1.0.1:
+    resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-obj@2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-plain-object@2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  /is-regexp@1.0.0:
+    resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-shared-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+    dev: true
+
+  /is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+    dev: true
+
+  /is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /is-text-path@1.0.1:
+    resolution: {integrity: sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      text-extensions: 1.9.0
+    dev: true
+
+  /is-type-of@1.4.0:
+    resolution: {integrity: sha512-EddYllaovi5ysMLMEN7yzHEKh8A850cZ7pykrY1aNRQGn/CDjRDE9qEWbIdt7xGEVJmjBXzU/fNnC4ABTm8tEQ==}
+    dependencies:
+      core-util-is: 1.0.3
+      is-class-hotfix: 0.0.6
+      isstream: 0.1.2
+    dev: false
+
+  /is-typed-array@1.1.13:
+    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      which-typed-array: 1.1.15
+    dev: true
+
+  /is-typedarray@1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+    dev: true
+
+  /is-url@1.2.4:
+    resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
+    dev: false
+
+  /is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+    dependencies:
+      call-bind: 1.0.7
+    dev: true
+
+  /is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-docker: 2.2.1
+    dev: true
+
+  /is-yarn-global@0.4.1:
+    resolution: {integrity: sha512-/kppl+R+LO5VmhYSEWARUFjodS25D68gvj8W7z0I7OWhUla5xWu8KL6CtB2V0R6yqhnRgbcaREMr4EEM6htLPQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /isarray@0.0.1:
+    resolution: {integrity: sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==}
+    dev: false
+
+  /isarray@1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+
+  /isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+    dev: true
+
+  /isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  /isobject@2.1.0:
+    resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isarray: 1.0.0
+    dev: true
+
+  /isobject@3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /isomorphic-ws@4.0.1(ws@8.17.0):
+    resolution: {integrity: sha512-BhBvN2MBpWTaSHdWRb/bwdZJ1WaehQ2L1KngkCkfLUGF0mAWAT1sQUQacEmQ0jXkFw/czDXPNQSL5u2/Krsz1w==}
+    peerDependencies:
+      ws: '*'
+    dependencies:
+      ws: 8.17.0
+    dev: false
+
+  /isstream@0.1.2:
+    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
+    dev: false
+
+  /jackspeak@3.1.2:
+    resolution: {integrity: sha512-kWmLKn2tRtfYMF/BakihVVRzBKOxz4gJMiL2Rj91WnAB5TPZumSH99R/Yf1qE1u4uRimvCSJfm6hnxohXeEXjQ==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  /jake@10.9.1:
+    resolution: {integrity: sha512-61btcOHNnLnsOdtLgA5efqQWjnSi/vow5HbI7HMdKKWqvrKR1bLK3BPlJn9gcSaP2ewuamUSMB5XEy76KUIS2w==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      async: 3.2.5
+      chalk: 4.1.2
+      filelist: 1.0.4
+      minimatch: 3.1.2
+    dev: true
+
+  /javascript-natural-sort@0.7.1:
+    resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
+    dev: false
+
+  /jest-worker@26.6.2:
+    resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==}
+    engines: {node: '>= 10.13.0'}
+    dependencies:
+      '@types/node': 20.2.1
+      merge-stream: 2.0.0
+      supports-color: 7.2.0
+    dev: true
+
+  /jiti@1.21.0:
+    resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
+    hasBin: true
+    dev: true
+
+  /jju@1.4.0:
+    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
+    dev: true
+
+  /jmespath@0.16.0:
+    resolution: {integrity: sha512-9FzQjJ7MATs1tSpnco1K6ayiYE3figslrXA72G2HQ/n76RzvYlofyi5QM+iX4YRs/pu3yzxlVQSST23+dMDknw==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
+  /js-base64@2.6.4:
+    resolution: {integrity: sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==}
+
+  /js-sdsl@4.3.0:
+    resolution: {integrity: sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==}
+    dev: false
+
+  /js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+    dev: true
+
+  /js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+    dependencies:
+      argparse: 2.0.1
+    dev: true
+
+  /jsbn@1.1.0:
+    resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
+    dev: true
+
+  /jsesc@0.5.0:
+    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
+    hasBin: true
+    dev: true
+
+  /jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+    dev: true
+
+  /json-parse-better-errors@1.0.2:
+    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
+    dev: true
+
+  /json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
+
+  /json-parse-even-better-errors@3.0.2:
+    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /json-parse-helpfulerror@1.0.3:
+    resolution: {integrity: sha512-XgP0FGR77+QhUxjXkwOMkC94k3WtqEBfcnjWqhRd82qTat4SWKRE+9kUnynz/shm3I4ea2+qISvTIeGTNU7kJg==}
+    dependencies:
+      jju: 1.4.0
+    dev: true
+
+  /json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  /json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    dev: true
+
+  /json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+    dev: true
+
+  /json-source-map@0.6.1:
+    resolution: {integrity: sha512-1QoztHPsMQqhDq0hlXY5ZqcEdUzxQEIxgFkKl4WUp2pgShObl+9ovi4kRh2TfvAfxAoHOJ9vIMEqk3k4iex7tg==}
+    dev: false
+
+  /json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
+
+  /json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+    dev: true
+
+  /json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: true
+
+  /json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
+  /jsonc-eslint-parser@2.4.0:
+    resolution: {integrity: sha512-WYDyuc/uFcGp6YtM2H0uKmUwieOuzeE/5YocFJLnLfclZ4inf3mRn8ZVy1s7Hxji7Jxm6Ss8gqpexD/GlKoGgg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.11.3
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      semver: 7.6.2
+    dev: true
+
+  /jsoneditor@9.10.5:
+    resolution: {integrity: sha512-fVZ0NMt+zm4rqTKBv2x7zPdLeaRyKo1EjJkaR1QjK4gEM1rMwICILYSW1OPxSc1qqyAoDaA/eeNrluKoxOocCA==}
+    dependencies:
+      ace-builds: 1.34.1
+      ajv: 6.12.6
+      javascript-natural-sort: 0.7.1
+      jmespath: 0.16.0
+      json-source-map: 0.6.1
+      jsonrepair: 3.1.0
+      mobius1-selectr: 2.4.13
+      picomodal: 3.0.0
+      vanilla-picker: 2.12.3
+    dev: false
+
+  /jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+    dev: true
+
+  /jsonlines@0.1.1:
+    resolution: {integrity: sha512-ekDrAGso79Cvf+dtm+mL8OBI2bmAOt3gssYs833De/C9NmIpWDWyUO4zPgB5x2/OhY366dkhgfPMYfwZF7yOZA==}
+    dev: true
+
+  /jsonparse@1.3.1:
+    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
+    engines: {'0': node >= 0.2.0}
+    dev: true
+
+  /jsonpointer@5.0.1:
+    resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /jsonrepair@3.1.0:
+    resolution: {integrity: sha512-idqReg23J0PVRAADmZMc5xQM3xeOX5bTB6OTyMnzq33IXJXmn9iJuWIEvGmrN80rQf4d7uLTMEDwpzujNcI0Rg==}
+    hasBin: true
+    dev: false
+
+  /jstoxml@2.2.9:
+    resolution: {integrity: sha512-OYWlK0j+roh+eyaMROlNbS5cd5R25Y+IUpdl7cNdB8HNrkgwQzIS7L9MegxOiWNBj9dQhA/yAxiMwCC5mwNoBw==}
+    dev: false
+
+  /jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.flat: 1.3.2
+      object.assign: 4.1.5
+      object.values: 1.2.0
+    dev: true
+
+  /kebab-case@1.0.2:
+    resolution: {integrity: sha512-7n6wXq4gNgBELfDCpzKc+mRrZFs7D+wgfF5WRFLNAr4DA/qtr9Js8uOAVAfHhuLMfAcQ0pRKqbpjx+TcJVdE1Q==}
+    dev: true
+
+  /keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+    dependencies:
+      json-buffer: 3.0.1
+    dev: true
+
+  /kind-of@3.2.2:
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of@4.0.0:
+    resolution: {integrity: sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of@5.1.0:
+    resolution: {integrity: sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /known-css-properties@0.24.0:
+    resolution: {integrity: sha512-RTSoaUAfLvpR357vWzAz/50Q/BmHfmE6ETSWfutT0AJiw10e6CmcdYRQJlLRd95B53D0Y2aD1jSxD3V3ySF+PA==}
+    dev: true
+
+  /known-css-properties@0.27.0:
+    resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==}
+    dev: true
+
+  /kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+    dev: true
+
+  /latest-version@7.0.0:
+    resolution: {integrity: sha512-KvNT4XqAMzdcL6ka6Tl3i2lYeFDgXNCuIX+xNx6ZMVR1dFq+idXd9FLKNMOIx0t9mJ9/HudyX4oZWXZQ0UJHeg==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      package-json: 8.1.1
+    dev: true
+
+  /leven@2.1.0:
+    resolution: {integrity: sha512-nvVPLpIHUxCUoRLrFqTgSxXJ614d8AgQoWl7zPe/2VadE8+1dpU3LBhowRuBAcuwruWtOdD8oYC9jDNJjXDPyA==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /leven@3.1.0:
+    resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
+
+  /lint-staged@13.2.2:
+    resolution: {integrity: sha512-71gSwXKy649VrSU09s10uAT0rWCcY3aewhMaHyl2N84oBk4Xs9HgxvUp3AYu+bNsK4NrOYYxvSgg7FyGJ+jGcA==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      chalk: 5.2.0
+      cli-truncate: 3.1.0
+      commander: 10.0.1
+      debug: 4.3.4
+      execa: 7.2.0
+      lilconfig: 2.1.0
+      listr2: 5.0.8
+      micromatch: 4.0.7
+      normalize-path: 3.0.0
+      object-inspect: 1.13.1
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.4.2
+    transitivePeerDependencies:
+      - enquirer
+      - supports-color
+    dev: true
+
+  /listr2@5.0.8:
+    resolution: {integrity: sha512-mC73LitKHj9w6v30nLNGPetZIlfpUniNSsxxrbaPcWOjDb92SHPzJPi/t+v1YC/lxKz/AJ9egOjww0qUuFxBpA==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      enquirer: '>= 2.3.0 < 3'
+    peerDependenciesMeta:
+      enquirer:
+        optional: true
+    dependencies:
+      cli-truncate: 2.1.0
+      colorette: 2.0.20
+      log-update: 4.0.0
+      p-map: 4.0.0
+      rfdc: 1.3.1
+      rxjs: 7.8.1
+      through: 2.3.8
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /load-json-file@4.0.0:
+    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
+    engines: {node: '>=4'}
+    dependencies:
+      graceful-fs: 4.2.11
+      parse-json: 4.0.0
+      pify: 3.0.0
+      strip-bom: 3.0.0
+    dev: true
+
+  /loader-utils@1.4.2:
+    resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
+    engines: {node: '>=4.0.0'}
+    dependencies:
+      big.js: 5.2.2
+      emojis-list: 3.0.0
+      json5: 1.0.2
+    dev: true
+
+  /local-pkg@0.4.3:
+    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /local-pkg@0.5.0:
+    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
+    engines: {node: '>=14'}
+    dependencies:
+      mlly: 1.7.0
+      pkg-types: 1.1.1
+    dev: true
+
+  /locate-path@2.0.0:
+    resolution: {integrity: sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==}
+    engines: {node: '>=4'}
+    dependencies:
+      p-locate: 2.0.0
+      path-exists: 3.0.0
+    dev: true
+
+  /locate-path@3.0.0:
+    resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-locate: 3.0.0
+      path-exists: 3.0.0
+    dev: true
+
+  /locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: true
+
+  /locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-locate: 5.0.0
+    dev: true
+
+  /lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: false
+
+  /lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+    dev: false
+
+  /lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+    dev: false
+
+  /lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+
+  /lodash.foreach@4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
+    dev: false
+
+  /lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
+    dev: false
+
+  /lodash.ismatch@4.4.0:
+    resolution: {integrity: sha512-fPMfXjGQEV9Xsq/8MTSgUf255gawYRbjwMyDbcvDhXgV7enSZA0hynz6vMPnpAb5iONEzBHBPsT+0zes5Z301g==}
+    dev: true
+
+  /lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
+
+  /lodash.sortby@4.7.0:
+    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
+    dev: true
+
+  /lodash.throttle@4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
+    dev: false
+
+  /lodash.toarray@4.4.0:
+    resolution: {integrity: sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==}
+    dev: false
+
+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  /log-update@4.0.0:
+    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-escapes: 4.3.2
+      cli-cursor: 3.1.0
+      slice-ansi: 4.0.0
+      wrap-ansi: 6.2.0
+    dev: true
+
+  /loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+    dependencies:
+      js-tokens: 4.0.0
+    dev: true
+
+  /lowercase-keys@3.0.0:
+    resolution: {integrity: sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /lru-cache@10.2.2:
+    resolution: {integrity: sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==}
+    engines: {node: 14 || >=16.14}
+
+  /lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+    dependencies:
+      yallist: 3.1.1
+    dev: true
+
+  /lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+    dependencies:
+      yallist: 4.0.0
+
+  /lru-cache@7.18.3:
+    resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /magic-string@0.25.9:
+    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /magic-string@0.27.0:
+    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /magic-string@0.30.10:
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /make-fetch-happen@10.2.1:
+    resolution: {integrity: sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      agentkeepalive: 4.5.0
+      cacache: 16.1.3
+      http-cache-semantics: 4.1.1
+      http-proxy-agent: 5.0.0
+      https-proxy-agent: 5.0.1
+      is-lambda: 1.0.1
+      lru-cache: 7.18.3
+      minipass: 3.3.6
+      minipass-collect: 1.0.2
+      minipass-fetch: 2.1.2
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      negotiator: 0.6.3
+      promise-retry: 2.0.1
+      socks-proxy-agent: 7.0.0
+      ssri: 9.0.1
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+    dev: true
+
+  /make-fetch-happen@11.1.1:
+    resolution: {integrity: sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      agentkeepalive: 4.5.0
+      cacache: 17.1.4
+      http-cache-semantics: 4.1.1
+      http-proxy-agent: 5.0.0
+      https-proxy-agent: 5.0.1
+      is-lambda: 1.0.1
+      lru-cache: 7.18.3
+      minipass: 5.0.0
+      minipass-fetch: 3.0.5
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      negotiator: 0.6.3
+      promise-retry: 2.0.1
+      socks-proxy-agent: 7.0.0
+      ssri: 10.0.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /map-cache@0.2.2:
+    resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /map-visit@1.0.0:
+    resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-visit: 1.0.1
+    dev: true
+
+  /mdn-data@2.0.14:
+    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
+    dev: true
+
+  /mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+    dev: true
+
+  /meow@8.1.2:
+    resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      '@types/minimist': 1.2.5
+      camelcase-keys: 6.2.2
+      decamelize-keys: 1.1.1
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 3.0.3
+      read-pkg-up: 7.0.1
+      redent: 3.0.0
+      trim-newlines: 3.0.1
+      type-fest: 0.18.1
+      yargs-parser: 20.2.9
+    dev: true
+
+  /merge-descriptors@1.0.3:
+    resolution: {integrity: sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==}
+    dev: false
+
+  /merge-options@1.0.1:
+    resolution: {integrity: sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      is-plain-obj: 1.1.0
+    dev: true
+
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch@3.1.0:
+    resolution: {integrity: sha512-3StSelAE+hnRvMs8IdVW7Uhk8CVed5tp+kLLGlBP6WiRAXS21GPGu/Nat4WNPXj2Eoc24B02SaeoyozPMfj0/g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      braces: 2.3.2
+      define-property: 1.0.0
+      extend-shallow: 2.0.1
+      extglob: 2.0.4
+      fragment-cache: 0.2.1
+      kind-of: 5.1.0
+      nanomatch: 1.2.13
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /micromatch@4.0.7:
+    resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+    dev: true
+
+  /mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /mime-match@1.0.2:
+    resolution: {integrity: sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==}
+    dependencies:
+      wildcard: 1.1.2
+    dev: false
+
+  /mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: false
+
+  /mime@2.6.0:
+    resolution: {integrity: sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==}
+    engines: {node: '>=4.0.0'}
+    hasBin: true
+    dev: false
+
+  /mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /mimic-response@4.0.0:
+    resolution: {integrity: sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+
+  /minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimatch@7.4.6:
+    resolution: {integrity: sha512-sBz8G/YjVniEz6lKPNpKxXwazJe4c19fEfV2GDMX6AjFz+MX9uDWIZW8XreVhkFW3fkIdTv/gxWr/Kks5FFAVw==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimatch@9.0.4:
+    resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+
+  /minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
+    dependencies:
+      arrify: 1.0.1
+      is-plain-obj: 1.1.0
+      kind-of: 6.0.3
+    dev: true
+
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  /minipass-collect@1.0.2:
+    resolution: {integrity: sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==}
+    engines: {node: '>= 8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-fetch@2.1.2:
+    resolution: {integrity: sha512-LT49Zi2/WMROHYoqGgdlQIZh8mLPZmOrN2NdJjMXxYe4nkN6FUyuPuOAOedNJDrx0IRGg9+4guZewtp8hE6TxA==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      minipass: 3.3.6
+      minipass-sized: 1.0.3
+      minizlib: 2.1.2
+    optionalDependencies:
+      encoding: 0.1.13
+    dev: true
+
+  /minipass-fetch@3.0.5:
+    resolution: {integrity: sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minipass: 7.1.2
+      minipass-sized: 1.0.3
+      minizlib: 2.1.2
+    optionalDependencies:
+      encoding: 0.1.13
+    dev: true
+
+  /minipass-flush@1.0.5:
+    resolution: {integrity: sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-json-stream@1.0.1:
+    resolution: {integrity: sha512-ODqY18UZt/I8k+b7rl2AENgbWE8IDYam+undIJONvigAz8KR5GWblsFTEfQs0WODsjbSXWlm+JHEv8Gr6Tfdbg==}
+    dependencies:
+      jsonparse: 1.3.1
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-pipeline@1.2.4:
+    resolution: {integrity: sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass-sized@1.0.3:
+    resolution: {integrity: sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==}
+    engines: {node: '>=8'}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /minipass@3.3.6:
+    resolution: {integrity: sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==}
+    engines: {node: '>=8'}
+    dependencies:
+      yallist: 4.0.0
+    dev: true
+
+  /minipass@5.0.0:
+    resolution: {integrity: sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  /minizlib@2.1.2:
+    resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      minipass: 3.3.6
+      yallist: 4.0.0
+    dev: true
+
+  /mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+    dev: false
+
+  /mixin-deep@1.3.2:
+    resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      for-in: 1.0.2
+      is-extendable: 1.0.1
+    dev: true
+
+  /mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: false
+
+  /mkdirp@1.0.4:
+    resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dev: true
+
+  /mlly@1.7.0:
+    resolution: {integrity: sha512-U9SDaXGEREBYQgfejV97coK0UL1r+qnF2SyO9A3qcI8MzKnsIFKHNVEkrDyNncQTKQQumsasmeq84eNMdBfsNQ==}
+    dependencies:
+      acorn: 8.11.3
+      pathe: 1.1.2
+      pkg-types: 1.1.1
+      ufo: 1.5.3
+    dev: true
+
+  /mobius1-selectr@2.4.13:
+    resolution: {integrity: sha512-Mk9qDrvU44UUL0EBhbAA1phfQZ7aMZPjwtL7wkpiBzGh8dETGqfsh50mWoX9EkjDlkONlErWXArHCKfoxVg0Bw==}
+    dev: false
+
+  /mockjs@1.1.0(patch_hash=zljuuegabo7mnbroxnwxab3e2u):
+    resolution: {integrity: sha512-eQsKcWzIaZzEZ07NuEyO4Nw65g0hdWAyurVol1IPl1gahRwY+svqzfgfey8U8dahLwG44d6/RwEzuK52rSa/JQ==}
+    hasBin: true
+    dependencies:
+      commander: 12.1.0
+    dev: true
+    patched: true
+
+  /modify-values@1.0.1:
+    resolution: {integrity: sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /moment@2.30.1:
+    resolution: {integrity: sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==}
+    dev: false
+
+  /mqtt-packet@6.10.0:
+    resolution: {integrity: sha512-ja8+mFKIHdB1Tpl6vac+sktqy3gA8t9Mduom1BA75cI+R9AHnZOiaBQwpGiWnaVJLDGRdNhQmFaAqd7tkKSMGA==}
+    dependencies:
+      bl: 4.1.0
+      debug: 4.3.4
+      process-nextick-args: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /mqtt@4.3.8:
+    resolution: {integrity: sha512-2xT75uYa0kiPEF/PE0VPdavmEkoBzMT/UL9moid0rAvlCtV48qBwxD62m7Ld/4j8tSkIO1E/iqRl/S72SEOhOw==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    dependencies:
+      commist: 1.1.0
+      concat-stream: 2.0.0
+      debug: 4.3.4
+      duplexify: 4.1.3
+      help-me: 3.0.0
+      inherits: 2.0.4
+      lru-cache: 6.0.0
+      minimist: 1.2.8
+      mqtt-packet: 6.10.0
+      number-allocator: 1.0.14
+      pump: 3.0.0
+      readable-stream: 3.6.2
+      reinterval: 1.1.0
+      rfdc: 1.3.1
+      split2: 3.2.2
+      ws: 7.5.9
+      xtend: 4.0.2
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+
+  /ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  /muggle-string@0.2.2:
+    resolution: {integrity: sha512-YVE1mIJ4VpUMqZObFndk9CJu6DBJR/GB13p3tXuNbwD4XExaI5EOuRl6BHeIDxIqXZVxSfAC+y6U1Z/IxCfKUg==}
+    dev: true
+
+  /mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+    dev: false
+
+  /naive-ui@2.38.2(vue@3.3.4):
+    resolution: {integrity: sha512-WhZ+6DW61aYSmFyfH7evcSGFmd2xR68Yq1mNRrVdJwBhZsnNdAUsMN9IeNCVEPMCND/jzYZghkStoNoR5Xa09g==}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      '@css-render/plugin-bem': 0.15.14(css-render@0.15.14)
+      '@css-render/vue3-ssr': 0.15.14(vue@3.3.4)
+      '@types/katex': 0.16.7
+      '@types/lodash': 4.17.4
+      '@types/lodash-es': 4.17.12
+      async-validator: 4.2.5
+      css-render: 0.15.14
+      csstype: 3.1.3
+      date-fns: 2.30.0
+      date-fns-tz: 2.0.1(date-fns@2.30.0)
+      evtd: 0.2.4
+      highlight.js: 11.9.0
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      seemly: 0.3.8
+      treemate: 0.3.11
+      vdirs: 0.1.8(vue@3.3.4)
+      vooks: 0.2.12(vue@3.3.4)
+      vue: 3.3.4
+      vueuc: 0.4.58(vue@3.3.4)
+    dev: false
+
+  /namespace-emitter@2.0.1:
+    resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==}
+    dev: false
+
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  /nanomatch@1.2.13:
+    resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      fragment-cache: 0.2.1
+      is-windows: 1.0.2
+      kind-of: 6.0.3
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /natural-compare-lite@1.4.0:
+    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
+    dev: true
+
+  /natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
+
+  /negotiator@0.6.3:
+    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
+    engines: {node: '>= 0.6'}
+    dev: true
+
+  /neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+    dev: true
+
+  /next-tick@1.1.0:
+    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
+    dev: false
+
+  /node-gyp@9.4.1:
+    resolution: {integrity: sha512-OQkWKbjQKbGkMf/xqI1jjy3oCTgMKJac58G2+bjZb3fza6gW2YrCSdMQYaoTb70crvE//Gngr4f0AgVHmqHvBQ==}
+    engines: {node: ^12.13 || ^14.13 || >=16}
+    hasBin: true
+    dependencies:
+      env-paths: 2.2.1
+      exponential-backoff: 3.1.1
+      glob: 7.2.3
+      graceful-fs: 4.2.11
+      make-fetch-happen: 10.2.1
+      nopt: 6.0.0
+      npmlog: 6.0.2
+      rimraf: 3.0.2
+      semver: 7.6.2
+      tar: 6.2.1
+      which: 2.0.2
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+    dev: true
+
+  /node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+    dev: true
+
+  /nopt@6.0.0:
+    resolution: {integrity: sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      abbrev: 1.1.1
+    dev: true
+
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.8
+      semver: 5.7.2
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-package-data@3.0.3:
+    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
+    engines: {node: '>=10'}
+    dependencies:
+      hosted-git-info: 4.1.0
+      is-core-module: 2.13.1
+      semver: 7.6.2
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-package-data@5.0.0:
+    resolution: {integrity: sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      hosted-git-info: 6.1.1
+      is-core-module: 2.13.1
+      semver: 7.6.2
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize-url@8.0.1:
+    resolution: {integrity: sha512-IO9QvjUMWxPQQhs60oOu10CRkWCiZzSUkzbXGGV9pviYl1fXYcvkzQ5jV9z8Y6un8ARoVRl4EtC6v6jNqbaJ/w==}
+    engines: {node: '>=14.16'}
+    dev: true
+
+  /npm-bundled@3.0.1:
+    resolution: {integrity: sha512-+AvaheE/ww1JEwRHOrn4WHNzOxGtVp+adrg2AeZS/7KuxGUYFuBta98wYpfHBbJp6Tg6j1NKSEVHNcfZzJHQwQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      npm-normalize-package-bin: 3.0.1
+    dev: true
+
+  /npm-check-updates@16.14.20:
+    resolution: {integrity: sha512-sYbIhun4DrjO7NFOTdvs11nCar0etEhZTsEjL47eM0TuiGMhmYughRCxG2SpGRmGAQ7AkwN7bw2lWzoE7q6yOQ==}
+    engines: {node: '>=14.14'}
+    hasBin: true
+    dependencies:
+      '@types/semver-utils': 1.1.3
+      chalk: 5.3.0
+      cli-table3: 0.6.5
+      commander: 10.0.1
+      fast-memoize: 2.5.2
+      find-up: 5.0.0
+      fp-and-or: 0.1.4
+      get-stdin: 8.0.0
+      globby: 11.1.0
+      hosted-git-info: 5.2.1
+      ini: 4.1.3
+      js-yaml: 4.1.0
+      json-parse-helpfulerror: 1.0.3
+      jsonlines: 0.1.1
+      lodash: 4.17.21
+      make-fetch-happen: 11.1.1
+      minimatch: 9.0.4
+      p-map: 4.0.0
+      pacote: 15.2.0
+      parse-github-url: 1.0.2
+      progress: 2.0.3
+      prompts-ncu: 3.0.0
+      rc-config-loader: 4.1.3
+      remote-git-tags: 3.0.0
+      rimraf: 5.0.7
+      semver: 7.6.2
+      semver-utils: 1.1.4
+      source-map-support: 0.5.21
+      spawn-please: 2.0.2
+      strip-ansi: 7.1.0
+      strip-json-comments: 5.0.1
+      untildify: 4.0.0
+      update-notifier: 6.0.2
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+    dev: true
+
+  /npm-install-checks@6.3.0:
+    resolution: {integrity: sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      semver: 7.6.2
+    dev: true
+
+  /npm-normalize-package-bin@3.0.1:
+    resolution: {integrity: sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /npm-package-arg@10.1.0:
+    resolution: {integrity: sha512-uFyyCEmgBfZTtrKk/5xDfHp6+MdrqGotX/VoOyEEl3mBwiEE5FlBaePanazJSVMPT7vKepcjYBY2ztg9A3yPIA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      hosted-git-info: 6.1.1
+      proc-log: 3.0.0
+      semver: 7.6.2
+      validate-npm-package-name: 5.0.1
+    dev: true
+
+  /npm-packlist@7.0.4:
+    resolution: {integrity: sha512-d6RGEuRrNS5/N84iglPivjaJPxhDbZmlbTwTDX2IbcRHG5bZCdtysYMhwiPvcF4GisXHGn7xsxv+GQ7T/02M5Q==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      ignore-walk: 6.0.5
+    dev: true
+
+  /npm-pick-manifest@8.0.2:
+    resolution: {integrity: sha512-1dKY+86/AIiq1tkKVD3l0WI+Gd3vkknVGAggsFeBkTvbhMQ1OND/LKkYv4JtXPKUJ8bOTCyLiqEg2P6QNdK+Gg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      npm-install-checks: 6.3.0
+      npm-normalize-package-bin: 3.0.1
+      npm-package-arg: 10.1.0
+      semver: 7.6.2
+    dev: true
+
+  /npm-registry-fetch@14.0.5:
+    resolution: {integrity: sha512-kIDMIo4aBm6xg7jOttupWZamsZRkAqMqwqqbVXnUqstY5+tapvv6bkH/qMR76jdgV+YljEUCyWx3hRYMrJiAgA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      make-fetch-happen: 11.1.1
+      minipass: 5.0.0
+      minipass-fetch: 3.0.5
+      minipass-json-stream: 1.0.1
+      minizlib: 2.1.2
+      npm-package-arg: 10.1.0
+      proc-log: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-key: 3.1.1
+    dev: true
+
+  /npm-run-path@5.3.0:
+    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: 4.0.0
+    dev: true
+
+  /npmlog@6.0.2:
+    resolution: {integrity: sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    deprecated: This package is no longer supported.
+    dependencies:
+      are-we-there-yet: 3.0.1
+      console-control-strings: 1.1.0
+      gauge: 4.0.4
+      set-blocking: 2.0.0
+    dev: true
+
+  /nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+    dependencies:
+      boolbase: 1.0.0
+    dev: true
+
+  /number-allocator@1.0.14:
+    resolution: {integrity: sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==}
+    dependencies:
+      debug: 4.3.4
+      js-sdsl: 4.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  /object-copy@0.1.0:
+    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      copy-descriptor: 0.1.1
+      define-property: 0.2.5
+      kind-of: 3.2.2
+    dev: true
+
+  /object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+
+  /object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+    dev: false
+
+  /object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  /object-visit@1.0.1:
+    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+    dev: true
+
+  /object.entries@1.1.8:
+    resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /object.hasown@1.1.4:
+    resolution: {integrity: sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /object.pick@1.3.0:
+    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /object.values@1.2.0:
+    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /on-finished@2.3.0:
+    resolution: {integrity: sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      ee-first: 1.1.1
+    dev: true
+
+  /once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+
+  /onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: 2.1.0
+    dev: true
+
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: 4.0.0
+    dev: true
+
+  /open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+    dev: true
+
+  /optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+    dev: true
+
+  /os-name@1.0.3:
+    resolution: {integrity: sha512-f5estLO2KN8vgtTRaILIgEGBoBrMnZ3JQ7W9TMZCnOIGwHe8TRGSpcagnWDo+Dfhd/z08k9Xe75hvciJJ8Qaew==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      osx-release: 1.1.0
+      win-release: 1.1.1
+    dev: false
+
+  /osx-release@1.1.0:
+    resolution: {integrity: sha512-ixCMMwnVxyHFQLQnINhmIpWqXIfS2YOXchwQrk+OFzmo6nDjQ0E4KXAyyUh0T0MZgV4bUhkRrAbVqlE4yLVq4A==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: false
+
+  /p-cancelable@3.0.0:
+    resolution: {integrity: sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw==}
+    engines: {node: '>=12.20'}
+    dev: true
+
+  /p-limit@1.3.0:
+    resolution: {integrity: sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==}
+    engines: {node: '>=4'}
+    dependencies:
+      p-try: 1.0.0
+    dev: true
+
+  /p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: true
+
+  /p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      yocto-queue: 0.1.0
+    dev: true
+
+  /p-locate@2.0.0:
+    resolution: {integrity: sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==}
+    engines: {node: '>=4'}
+    dependencies:
+      p-limit: 1.3.0
+    dev: true
+
+  /p-locate@3.0.0:
+    resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
+  /p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
+  /p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-limit: 3.1.0
+    dev: true
+
+  /p-map@4.0.0:
+    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      aggregate-error: 3.1.0
+    dev: true
+
+  /p-try@1.0.0:
+    resolution: {integrity: sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /package-json@8.1.1:
+    resolution: {integrity: sha512-cbH9IAIJHNj9uXi196JVsRlt7cHKak6u/e6AkL/bkRelZ7rlL3X1YKxsZwa36xipOEKAsdtmaG6aAJoM1fx2zA==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      got: 12.6.1
+      registry-auth-token: 5.0.2
+      registry-url: 6.0.1
+      semver: 7.6.2
+    dev: true
+
+  /pacote@15.2.0:
+    resolution: {integrity: sha512-rJVZeIwHTUta23sIZgEIM62WYwbmGbThdbnkt81ravBplQv+HjyroqnLRNH2+sLJHcGZmLRmhPwACqhfTcOmnA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      '@npmcli/git': 4.1.0
+      '@npmcli/installed-package-contents': 2.1.0
+      '@npmcli/promise-spawn': 6.0.2
+      '@npmcli/run-script': 6.0.2
+      cacache: 17.1.4
+      fs-minipass: 3.0.3
+      minipass: 5.0.0
+      npm-package-arg: 10.1.0
+      npm-packlist: 7.0.4
+      npm-pick-manifest: 8.0.2
+      npm-registry-fetch: 14.0.5
+      proc-log: 3.0.0
+      promise-retry: 2.0.1
+      read-package-json: 6.0.4
+      read-package-json-fast: 3.0.2
+      sigstore: 1.9.0
+      ssri: 10.0.6
+      tar: 6.2.1
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+    dev: true
+
+  /parchment@1.1.4:
+    resolution: {integrity: sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==}
+    dev: false
+
+  /parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /parse-github-url@1.0.2:
+    resolution: {integrity: sha512-kgBf6avCbO3Cn6+RnzRGLkUsv4ZVqv/VfAYkRsyBcgkshNvVBkRn1FEZcW0Jb+npXQWm2vHPnnOqFteZxRRGNw==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dev: true
+
+  /parse-json@4.0.0:
+    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
+    engines: {node: '>=4'}
+    dependencies:
+      error-ex: 1.3.2
+      json-parse-better-errors: 1.0.2
+    dev: true
+
+  /parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+    dev: true
+
+  /parse-svg-path@0.1.2:
+    resolution: {integrity: sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ==}
+    dev: false
+
+  /parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /pascalcase@0.1.1:
+    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-exists@3.0.0:
+    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+
+  /path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
+
+  /path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+    dependencies:
+      lru-cache: 10.2.2
+      minipass: 7.1.2
+
+  /path-to-regexp@6.2.2:
+    resolution: {integrity: sha512-GQX3SSMokngb36+whdpRXE+3f9V8UzyAorlYvOGx87ufGHehNTn5lCxrKtLyZ4Yl/wEKnNnr98ZzOwwDZV5ogw==}
+    dev: true
+
+  /path-type@3.0.0:
+    resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      pify: 3.0.0
+    dev: true
+
+  /path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /pathe@0.2.0:
+    resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
+    dev: true
+
+  /pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+    dev: true
+
+  /pause-stream@0.0.11:
+    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
+    dependencies:
+      through: 2.3.8
+    dev: false
+
+  /picocolors@1.0.1:
+    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /picomodal@3.0.0:
+    resolution: {integrity: sha512-FoR3TDfuLlqUvcEeK5ifpKSVVns6B4BQvc8SDF6THVMuadya6LLtji0QgUDSStw0ZR2J7I6UGi5V2V23rnPWTw==}
+    dev: false
+
+  /pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
+  /pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /pify@3.0.0:
+    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /pinia@2.1.7(typescript@5.0.4)(vue@3.3.4):
+    resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
+    peerDependencies:
+      '@vue/composition-api': ^1.4.0
+      typescript: '>=4.4.4'
+      vue: ^2.6.14 || ^3.3.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@vue/devtools-api': 6.6.1
+      typescript: 5.0.4
+      vue: 3.3.4
+      vue-demi: 0.14.7(vue@3.3.4)
+    dev: false
+
+  /pkg-types@1.1.1:
+    resolution: {integrity: sha512-ko14TjmDuQJ14zsotODv7dBlwxKhUKQEhuhmbqo1uCi9BB0Z2alo/wAXg6q1dTR5TyuqYyWhjtfe/Tsh+X28jQ==}
+    dependencies:
+      confbox: 0.1.7
+      mlly: 1.7.0
+      pathe: 1.1.2
+    dev: true
+
+  /platform@1.3.6:
+    resolution: {integrity: sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==}
+    dev: false
+
+  /point-at-length@1.1.0:
+    resolution: {integrity: sha512-nNHDk9rNEh/91o2Y8kHLzBLNpLf80RYd2gCun9ss+V0ytRSf6XhryBTx071fesktjbachRmGuUbId+JQmzhRXw==}
+    dependencies:
+      abs-svg-path: 0.1.1
+      isarray: 0.0.1
+      parse-svg-path: 0.1.2
+    dev: false
+
+  /posix-character-classes@0.1.1:
+    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /possible-typed-array-names@1.0.0:
+    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /postcss-load-config@3.1.4(postcss@8.4.38):
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.1.0
+      postcss: 8.4.38
+      yaml: 1.10.2
+    dev: true
+
+  /postcss-prefix-selector@1.16.1(postcss@5.2.18):
+    resolution: {integrity: sha512-Umxu+FvKMwlY6TyDzGFoSUnzW+NOfMBLyC1tAkIjgX+Z/qGspJeRjVC903D7mx7TuBpJlwti2ibXtWuA7fKMeQ==}
+    peerDependencies:
+      postcss: '>4 <9'
+    dependencies:
+      postcss: 5.2.18
+    dev: true
+
+  /postcss-safe-parser@6.0.0(postcss@8.4.38):
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      postcss: 8.4.38
+    dev: true
+
+  /postcss-selector-parser@6.1.0:
+    resolution: {integrity: sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /postcss@5.2.18:
+    resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      chalk: 1.1.3
+      js-base64: 2.6.4
+      source-map: 0.5.7
+      supports-color: 3.2.3
+    dev: true
+
+  /postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
+
+  /posthtml-parser@0.2.1:
+    resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
+    dependencies:
+      htmlparser2: 3.10.1
+      isobject: 2.1.0
+    dev: true
+
+  /posthtml-rename-id@1.0.12:
+    resolution: {integrity: sha512-UKXf9OF/no8WZo9edRzvuMenb6AD5hDLzIepJW+a4oJT+T/Lx7vfMYWT4aWlGNQh0WMhnUx1ipN9OkZ9q+ddEw==}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
+  /posthtml-render@1.4.0:
+    resolution: {integrity: sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /posthtml-svg-mode@1.0.3:
+    resolution: {integrity: sha512-hEqw9NHZ9YgJ2/0G7CECOeuLQKZi8HjWLkBaSVtOWjygQ9ZD8P7tqeowYs7WrFdKsWEKG7o+IlsPY8jrr0CJpQ==}
+    dependencies:
+      merge-options: 1.0.1
+      posthtml: 0.9.2
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /posthtml@0.9.2:
+    resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /preact@10.22.0:
+    resolution: {integrity: sha512-RRurnSjJPj4rp5K6XoP45Ui33ncb7e4H7WiOHVpjbkvqvA3U+N8Z6Qbo0AE6leGYBV66n8EhEaFixvIu3SkxFw==}
+    dev: false
+
+  /prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
+
+  /prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      fast-diff: 1.3.0
+    dev: true
+
+  /prettier-plugin-astro@0.9.0:
+    resolution: {integrity: sha512-LZ47EzCz0RvJBzC2GhtP5MI4ygEci/N5z73MMWAZFIOfSrn53sWCz0pN2HDwDGI7tvGg5Q5dnaX4EBrzkdb2Hg==}
+    engines: {node: ^14.15.0 || >=16.0.0, pnpm: '>=7.14.0'}
+    dependencies:
+      '@astrojs/compiler': 1.8.2
+      prettier: 2.8.8
+      sass-formatter: 0.7.9
+      synckit: 0.8.8
+    dev: true
+
+  /prettier-plugin-svelte@2.10.0(prettier@2.8.8)(svelte@3.59.2):
+    resolution: {integrity: sha512-GXMY6t86thctyCvQq+jqElO+MKdB09BkL3hexyGP3Oi8XLKRFaJP1ud/xlWCZ9ZIa2BxHka32zhHfcuU+XsRQg==}
+    peerDependencies:
+      prettier: ^1.16.4 || ^2.0.0
+      svelte: ^3.2.0
+    dependencies:
+      prettier: 2.8.8
+      svelte: 3.59.2
+    dev: true
+
+  /prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dev: true
+
+  /pretty-bytes@5.6.0:
+    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /pretty-bytes@6.1.1:
+    resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /print-js@1.6.0:
+    resolution: {integrity: sha512-BfnOIzSKbqGRtO4o0rnj/K3681BSd2QUrsIZy/+WdCIugjIswjmx3lDEZpXB2ruGf9d4b3YNINri81+J0FsBWg==}
+    dev: false
+
+  /prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+    engines: {node: '>=6'}
+    dev: false
+
+  /proc-log@3.0.0:
+    resolution: {integrity: sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /process-nextick-args@2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+
+  /process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
+  /progress@2.0.3:
+    resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /promise-inflight@1.0.1:
+    resolution: {integrity: sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==}
+    peerDependencies:
+      bluebird: '*'
+    peerDependenciesMeta:
+      bluebird:
+        optional: true
+    dev: true
+
+  /promise-retry@2.0.1:
+    resolution: {integrity: sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      err-code: 2.0.3
+      retry: 0.12.0
+    dev: true
+
+  /prompts-ncu@3.0.0:
+    resolution: {integrity: sha512-qyz9UxZ5MlPKWVhWrCmSZ1ahm2GVYdjLb8og2sg0IPth1KRuhcggHGuijz0e41dkx35p1t1q3GRISGH7QGALFA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      kleur: 4.1.5
+      sisteransi: 1.0.5
+    dev: true
+
+  /prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+    dev: true
+
+  /proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+    dev: true
+
+  /proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+    dev: false
+
+  /pump@3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+    dependencies:
+      end-of-stream: 1.4.4
+      once: 1.4.0
+    dev: false
+
+  /punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  /pupa@3.1.0:
+    resolution: {integrity: sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug==}
+    engines: {node: '>=12.20'}
+    dependencies:
+      escape-goat: 4.0.0
+    dev: true
+
+  /q@1.5.1:
+    resolution: {integrity: sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==}
+    engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
+    dev: true
+
+  /qiniu-js@3.4.1:
+    resolution: {integrity: sha512-8vxrLqDPlJUk3fUAaTozh3TAT3ww9B5KqGogmGuTiFHnewXDoMxTCSY5z8Ab5UNdrCo6ZxDM07G/o++CICRUFw==}
+    dependencies:
+      '@babel/runtime-corejs2': 7.24.5
+      querystring: 0.2.1
+      spark-md5: 3.0.2
+    dev: false
+
+  /qs@6.12.1:
+    resolution: {integrity: sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.6
+    dev: false
+
+  /query-string@4.3.4:
+    resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-assign: 4.1.1
+      strict-uri-encode: 1.1.0
+    dev: true
+
+  /querystring@0.2.1:
+    resolution: {integrity: sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==}
+    engines: {node: '>=0.4.x'}
+    deprecated: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
+    dev: false
+
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /quick-lru@4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /quick-lru@5.1.1:
+    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /quill-delta@3.6.3:
+    resolution: {integrity: sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      deep-equal: 1.1.2
+      extend: 3.0.2
+      fast-diff: 1.1.2
+    dev: false
+
+  /quill@1.3.7:
+    resolution: {integrity: sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==}
+    dependencies:
+      clone: 2.1.2
+      deep-equal: 1.1.2
+      eventemitter3: 2.0.3
+      extend: 3.0.2
+      parchment: 1.1.4
+      quill-delta: 3.6.3
+    dev: false
+
+  /randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /rc-config-loader@4.1.3:
+    resolution: {integrity: sha512-kD7FqML7l800i6pS6pvLyIE2ncbk9Du8Q0gp/4hMPhJU6ZxApkoLcGD8ZeqgiAlfwZ6BlETq6qqe+12DUL207w==}
+    dependencies:
+      debug: 4.3.4
+      js-yaml: 4.1.0
+      json5: 2.2.3
+      require-from-string: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
+    dev: true
+
+  /rd@2.0.1:
+    resolution: {integrity: sha512-/XdKU4UazUZTXFmI0dpABt8jSXPWcEyaGdk340KdHnsEOdkTctlX23aAK7ChQDn39YGNlAJr1M5uvaKt4QnpNw==}
+    dependencies:
+      '@types/node': 10.17.60
+    dev: true
+
+  /react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+    dev: true
+
+  /read-package-json-fast@3.0.2:
+    resolution: {integrity: sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      json-parse-even-better-errors: 3.0.2
+      npm-normalize-package-bin: 3.0.1
+    dev: true
+
+  /read-package-json@6.0.4:
+    resolution: {integrity: sha512-AEtWXYfopBj2z5N5PbkAOeNHRPUg5q+Nen7QLxV8M2zJq1ym6/lCz3fYNTCXe19puu2d06jfHhrP7v/S2PtMMw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      glob: 10.4.1
+      json-parse-even-better-errors: 3.0.2
+      normalize-package-data: 5.0.0
+      npm-normalize-package-bin: 3.0.1
+    dev: true
+
+  /read-pkg-up@3.0.0:
+    resolution: {integrity: sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==}
+    engines: {node: '>=4'}
+    dependencies:
+      find-up: 2.1.0
+      read-pkg: 3.0.0
+    dev: true
+
+  /read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+    dev: true
+
+  /read-pkg@3.0.0:
+    resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
+    engines: {node: '>=4'}
+    dependencies:
+      load-json-file: 4.0.0
+      normalize-package-data: 2.5.0
+      path-type: 3.0.0
+    dev: true
+
+  /read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.4
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+    dev: true
+
+  /readable-stream@2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+
+  /readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+    dev: true
+
+  /regenerate-unicode-properties@10.1.1:
+    resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
+    engines: {node: '>=4'}
+    dependencies:
+      regenerate: 1.4.2
+    dev: true
+
+  /regenerate@1.4.2:
+    resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==}
+    dev: true
+
+  /regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
+
+  /regenerator-transform@0.15.2:
+    resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
+    dependencies:
+      '@babel/runtime': 7.24.5
+    dev: true
+
+  /regex-not@1.0.2:
+    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /regexp.prototype.flags@1.5.2:
+    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      set-function-name: 2.0.2
+
+  /regexpu-core@5.3.2:
+    resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      '@babel/regjsgen': 0.8.0
+      regenerate: 1.4.2
+      regenerate-unicode-properties: 10.1.1
+      regjsparser: 0.9.1
+      unicode-match-property-ecmascript: 2.0.0
+      unicode-match-property-value-ecmascript: 2.1.0
+    dev: true
+
+  /registry-auth-token@5.0.2:
+    resolution: {integrity: sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@pnpm/npm-conf': 2.2.2
+    dev: true
+
+  /registry-url@6.0.1:
+    resolution: {integrity: sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==}
+    engines: {node: '>=12'}
+    dependencies:
+      rc: 1.2.8
+    dev: true
+
+  /regjsparser@0.9.1:
+    resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
+    hasBin: true
+    dependencies:
+      jsesc: 0.5.0
+    dev: true
+
+  /regression@2.0.1:
+    resolution: {integrity: sha512-A4XYsc37dsBaNOgEjkJKzfJlE394IMmUPlI/p3TTI9u3T+2a+eox5Pr/CPUqF0eszeWZJPAc6QkroAhuUpWDJQ==}
+    dev: false
+
+  /reinterval@1.1.0:
+    resolution: {integrity: sha512-QIRet3SYrGp0HUHO88jVskiG6seqUGC5iAG7AwI/BV4ypGcuqk9Du6YQBUOUqm9c8pw1eyLoIaONifRua1lsEQ==}
+    dev: false
+
+  /remote-git-tags@3.0.0:
+    resolution: {integrity: sha512-C9hAO4eoEsX+OXA4rla66pXZQ+TLQ8T9dttgQj18yuKlPMTVkIkdYXvlMC55IuUsIkV6DpmQYi10JKFLaU+l7w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /repeat-element@1.1.4:
+    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /repeat-string@1.6.1:
+    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /resolve-alpn@1.2.1:
+    resolution: {integrity: sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==}
+    dev: true
+
+  /resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    dev: true
+
+  /resolve-url@0.2.1:
+    resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
+    deprecated: https://github.com/lydell/resolve-url#deprecated
+    dev: true
+
+  /resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.13.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.13.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /responselike@3.0.0:
+    resolution: {integrity: sha512-40yHxbNcl2+rzXvZuVkrYohathsSJlMTXKryG5y8uciHv1+xDLHQpgjG64JUO9nrEq2jGLH6IZ8BcZyw3wrweg==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      lowercase-keys: 3.0.0
+    dev: true
+
+  /restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+    dev: true
+
+  /ret@0.1.15:
+    resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /retry@0.12.0:
+    resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rfdc@1.3.1:
+    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
+
+  /rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rimraf@5.0.7:
+    resolution: {integrity: sha512-nV6YcJo5wbLW77m+8KjH8aB/7/rxQy9SZ0HY5shnwULfS+9nmTtVXAJET5NdZmCzA4fPI/Hm1wo/Po/4mopOdg==}
+    engines: {node: '>=14.18'}
+    hasBin: true
+    dependencies:
+      glob: 10.4.1
+    dev: true
+
+  /rollup-plugin-terser@7.0.2(rollup@2.79.1):
+    resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
+    deprecated: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
+    peerDependencies:
+      rollup: ^2.0.0
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      jest-worker: 26.6.2
+      rollup: 2.79.1
+      serialize-javascript: 4.0.0
+      terser: 5.31.0
+    dev: true
+
+  /rollup-plugin-visualizer@5.12.0(rollup@2.79.1):
+    resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    peerDependencies:
+      rollup: 2.x || 3.x || 4.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      open: 8.4.2
+      picomatch: 2.3.1
+      rollup: 2.79.1
+      source-map: 0.7.4
+      yargs: 17.7.2
+    dev: true
+
+  /rollup@2.79.1:
+    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+    dev: false
+
+  /rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+    dependencies:
+      tslib: 2.6.2
+    dev: true
+
+  /s.color@0.0.15:
+    resolution: {integrity: sha512-AUNrbEUHeKY8XsYr/DYpl+qk5+aM+DChopnWOPEzn8YKzOhv4l2zH6LzZms3tOZP3wwdOyc0RmTciyi46HLIuA==}
+    dev: true
+
+  /safe-array-concat@1.1.2:
+    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+    engines: {node: '>=0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      isarray: 2.0.5
+    dev: true
+
+  /safe-buffer@5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+
+  /safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  /safe-regex-test@1.0.3:
+    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-regex: 1.1.4
+    dev: true
+
+  /safe-regex@1.1.0:
+    resolution: {integrity: sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==}
+    dependencies:
+      ret: 0.1.15
+    dev: true
+
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  /sass-formatter@0.7.9:
+    resolution: {integrity: sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==}
+    dependencies:
+      suf-log: 2.5.3
+    dev: true
+
+  /sass@1.77.2:
+    resolution: {integrity: sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.6.0
+      immutable: 4.3.6
+      source-map-js: 1.2.0
+    dev: true
+
+  /sax@1.3.0:
+    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
+    dev: false
+
+  /scroll-into-view-if-needed@2.2.31:
+    resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
+    dependencies:
+      compute-scroll-into-view: 1.0.20
+    dev: false
+
+  /sdk-base@2.0.1:
+    resolution: {integrity: sha512-eeG26wRwhtwYuKGCDM3LixCaxY27Pa/5lK4rLKhQa7HBjJ3U3Y+f81MMZQRsDw/8SC2Dao/83yJTXJ8aULuN8Q==}
+    dependencies:
+      get-ready: 1.0.0
+    dev: false
+
+  /seemly@0.3.8:
+    resolution: {integrity: sha512-MW8Qs6vbzo0pHmDpFSYPna+lwpZ6Zk1ancbajw/7E8TKtHdV+1DfZZD+kKJEhG/cAoB/i+LiT+5msZOqj0DwRA==}
+    dev: false
+
+  /select@1.1.2:
+    resolution: {integrity: sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==}
+    dev: false
+
+  /semver-diff@4.0.0:
+    resolution: {integrity: sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA==}
+    engines: {node: '>=12'}
+    dependencies:
+      semver: 7.6.2
+    dev: true
+
+  /semver-utils@1.1.4:
+    resolution: {integrity: sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==}
+    dev: true
+
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+
+  /semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+    dev: true
+
+  /semver@7.6.2:
+    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dev: true
+
+  /serialize-javascript@4.0.0:
+    resolution: {integrity: sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==}
+    dependencies:
+      randombytes: 2.1.0
+    dev: true
+
+  /set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+    dev: true
+
+  /set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+
+  /set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
+  /set-value@2.0.1:
+    resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-extendable: 0.1.1
+      is-plain-object: 2.0.4
+      split-string: 3.1.0
+    dev: true
+
+  /shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+
+  /shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  /side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.1
+
+  /signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
+
+  /signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  /sigstore@1.9.0:
+    resolution: {integrity: sha512-0Zjz0oe37d08VeOtBIuB6cRriqXse2e8w+7yIy2XSXjshRKxbc2KkhXjL229jXSxEm7UbcjS76wcJDGQddVI9A==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      '@sigstore/bundle': 1.1.0
+      '@sigstore/protobuf-specs': 0.2.1
+      '@sigstore/sign': 1.0.0
+      '@sigstore/tuf': 1.0.3
+      make-fetch-happen: 11.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /simple-git-hooks@2.11.1:
+    resolution: {integrity: sha512-tgqwPUMDcNDhuf1Xf6KTUsyeqGdgKMhzaH4PAZZuzguOgTl5uuyeYe/8mWgAr6IBxB5V06uqEf6Dy37gIWDtDg==}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+
+  /simple-statistics@6.1.1:
+    resolution: {integrity: sha512-zGwn0DDRa9Zel4H4n2pjTFIyGoAGpnpjrGIctreCxj5XWrcx9v7Xy7270FkC967WMmcvuc8ZU7m0ZG+hGN7gAA==}
+    dev: false
+
+  /sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
+    engines: {node: '>= 10'}
+    dependencies:
+      '@polka/url': 1.0.0-next.25
+      mrmime: 2.0.0
+      totalist: 3.0.1
+    dev: true
+
+  /sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+    dev: true
+
+  /slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /slate-history@0.66.0(slate@0.72.8):
+    resolution: {integrity: sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==}
+    peerDependencies:
+      slate: '>=0.65.3'
+    dependencies:
+      is-plain-object: 5.0.0
+      slate: 0.72.8
+    dev: false
+
+  /slate@0.72.8:
+    resolution: {integrity: sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==}
+    dependencies:
+      immer: 9.0.21
+      is-plain-object: 5.0.0
+      tiny-warning: 1.0.3
+    dev: false
+
+  /slice-ansi@3.0.0:
+    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+    dev: true
+
+  /slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+    dev: true
+
+  /slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+    dev: true
+
+  /smart-buffer@4.2.0:
+    resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
+    engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
+    dev: true
+
+  /snabbdom@3.6.2:
+    resolution: {integrity: sha512-ig5qOnCDbugFntKi6c7Xlib8bA6xiJVk8O+WdFrV3wxbMqeHO0hXFQC4nAhPVWfZfi8255lcZkNhtIBINCc4+Q==}
+    engines: {node: '>=12.17.0'}
+    dev: false
+
+  /snapdragon-node@2.1.1:
+    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 1.0.0
+      isobject: 3.0.1
+      snapdragon-util: 3.0.1
+    dev: true
+
+  /snapdragon-util@3.0.1:
+    resolution: {integrity: sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /snapdragon@0.8.2:
+    resolution: {integrity: sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      base: 0.11.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      map-cache: 0.2.2
+      source-map: 0.5.7
+      source-map-resolve: 0.5.3
+      use: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /socks-proxy-agent@7.0.0:
+    resolution: {integrity: sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==}
+    engines: {node: '>= 10'}
+    dependencies:
+      agent-base: 6.0.2
+      debug: 4.3.4
+      socks: 2.8.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /socks@2.8.3:
+    resolution: {integrity: sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==}
+    engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
+    dependencies:
+      ip-address: 9.0.5
+      smart-buffer: 4.2.0
+    dev: true
+
+  /sortablejs@1.14.0:
+    resolution: {integrity: sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==}
+    dev: false
+
+  /source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+    engines: {node: '>=0.10.0'}
+
+  /source-map-resolve@0.5.3:
+    resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
+    deprecated: See https://github.com/lydell/source-map-resolve#deprecated
+    dependencies:
+      atob: 2.1.2
+      decode-uri-component: 0.2.2
+      resolve-url: 0.2.1
+      source-map-url: 0.4.1
+      urix: 0.1.0
+    dev: true
+
+  /source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+    dev: true
+
+  /source-map-url@0.4.1:
+    resolution: {integrity: sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==}
+    deprecated: See https://github.com/lydell/source-map-url#deprecated
+    dev: true
+
+  /source-map@0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map@0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /source-map@0.8.0-beta.0:
+    resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
+    engines: {node: '>= 8'}
+    dependencies:
+      whatwg-url: 7.1.0
+    dev: true
+
+  /sourcemap-codec@1.4.8:
+    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
+    deprecated: Please use @jridgewell/sourcemap-codec instead
+    dev: true
+
+  /spark-md5@3.0.2:
+    resolution: {integrity: sha512-wcFzz9cDfbuqe0FZzfi2or1sgyIrsDwmPwfZC4hiNidPdPINjeUwNfv5kldczoEAcjl9Y1L3SM7Uz2PUEQzxQw==}
+    dev: false
+
+  /spawn-please@2.0.2:
+    resolution: {integrity: sha512-KM8coezO6ISQ89c1BzyWNtcn2V2kAVtwIXd3cN/V5a0xPYc1F/vydrRc01wsKFEQ/p+V1a4sw4z2yMITIXrgGw==}
+    engines: {node: '>=14'}
+    dependencies:
+      cross-spawn: 7.0.3
+    dev: true
+
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.18
+    dev: true
+
+  /spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+    dev: true
+
+  /spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.18
+    dev: true
+
+  /spdx-license-ids@3.0.18:
+    resolution: {integrity: sha512-xxRs31BqRYHwiMzudOrpSiHtZ8i/GeionCBDSilhYRj+9gIcI8wCZTlXZKu9vZIVqViP3dcp9qE5G6AlIaD+TQ==}
+    dev: true
+
+  /split-string@3.1.0:
+    resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+    dev: true
+
+  /split2@3.2.2:
+    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
+    dependencies:
+      readable-stream: 3.6.2
+
+  /split@1.0.1:
+    resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
+    dependencies:
+      through: 2.3.8
+    dev: true
+
+  /sprintf-js@1.1.3:
+    resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
+    dev: true
+
+  /ssf@0.11.2:
+    resolution: {integrity: sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      frac: 1.1.2
+    dev: false
+
+  /ssr-window@3.0.0:
+    resolution: {integrity: sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==}
+    dev: false
+
+  /ssr-window@4.0.2:
+    resolution: {integrity: sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==}
+    dev: false
+
+  /ssri@10.0.6:
+    resolution: {integrity: sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      minipass: 7.1.2
+    dev: true
+
+  /ssri@9.0.1:
+    resolution: {integrity: sha512-o57Wcn66jMQvfHG1FlYbWeZWW/dHZhJXjpIcTfXldXEk5nz5lStPo3mK0OJQfGR3RbZUlbISexbljkJzuEj/8Q==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      minipass: 3.3.6
+    dev: true
+
+  /stable@0.1.8:
+    resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
+    deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
+    dev: true
+
+  /standard-version@9.5.0:
+    resolution: {integrity: sha512-3zWJ/mmZQsOaO+fOlsa0+QK90pwhNd042qEcw6hKFNoLFs7peGyvPffpEBbK/DSGPbyOvli0mUIFv5A4qTjh2Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      chalk: 2.4.2
+      conventional-changelog: 3.1.25
+      conventional-changelog-config-spec: 2.1.0
+      conventional-changelog-conventionalcommits: 4.6.3
+      conventional-recommended-bump: 6.1.0
+      detect-indent: 6.1.0
+      detect-newline: 3.1.0
+      dotgitignore: 2.1.0
+      figures: 3.2.0
+      find-up: 5.0.0
+      git-semver-tags: 4.1.1
+      semver: 7.6.2
+      stringify-package: 1.0.1
+      yargs: 16.2.0
+    dev: true
+
+  /static-extend@0.1.2:
+    resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 0.2.5
+      object-copy: 0.1.0
+    dev: true
+
+  /statuses@1.5.0:
+    resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
+    engines: {node: '>= 0.6'}
+
+  /stream-http@2.8.2:
+    resolution: {integrity: sha512-QllfrBhqF1DPcz46WxKTs6Mz1Bpc+8Qm6vbqOpVav5odAXwbyzwnEczoWqtxrsmlO+cJqtPrp/8gWKWjaKLLlA==}
+    dependencies:
+      builtin-status-codes: 3.0.0
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+      to-arraybuffer: 1.0.1
+      xtend: 4.0.2
+    dev: false
+
+  /stream-shift@1.0.3:
+    resolution: {integrity: sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==}
+    dev: false
+
+  /stream-wormhole@1.1.0:
+    resolution: {integrity: sha512-gHFfL3px0Kctd6Po0M8TzEvt3De/xu6cnRrjlfYNhwbhLPLwigI2t1nc6jrzNuaYg5C4YF78PPFuQPzRiqn9ew==}
+    engines: {node: '>=4.0.0'}
+    dev: false
+
+  /strict-uri-encode@1.1.0:
+    resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+    dev: true
+
+  /string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  /string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+
+  /string.prototype.matchall@4.0.11:
+    resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.7
+      regexp.prototype.flags: 1.5.2
+      set-function-name: 2.0.2
+      side-channel: 1.0.6
+    dev: true
+
+  /string.prototype.trim@1.2.9:
+    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /string.prototype.trimend@1.0.8:
+    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /string_decoder@1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+    dependencies:
+      safe-buffer: 5.1.2
+
+  /string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+    dependencies:
+      safe-buffer: 5.2.1
+
+  /stringify-object@3.3.0:
+    resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
+    engines: {node: '>=4'}
+    dependencies:
+      get-own-enumerable-property-symbols: 3.0.2
+      is-obj: 1.0.1
+      is-regexp: 1.0.0
+    dev: true
+
+  /stringify-package@1.0.1:
+    resolution: {integrity: sha512-sa4DUQsYciMP1xhKWGuFM04fB0LG/9DlluZoSVywUMRNvzid6XucHK0/90xGxRoHrAaROrcHK1aPKaijCtSrhg==}
+    deprecated: This module is not used anymore, and has been replaced by @npmcli/package-json
+    dev: true
+
+  /strip-ansi@3.0.1:
+    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
+  /strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+
+  /strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+
+  /strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /strip-comments@2.0.1:
+    resolution: {integrity: sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /strip-json-comments@5.0.1:
+    resolution: {integrity: sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==}
+    engines: {node: '>=14.16'}
+    dev: true
+
+  /strnum@1.0.5:
+    resolution: {integrity: sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==}
+    dev: false
+
+  /style-mod@4.1.2:
+    resolution: {integrity: sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==}
+    dev: false
+
+  /style-to-object@0.3.0:
+    resolution: {integrity: sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==}
+    dependencies:
+      inline-style-parser: 0.1.1
+    dev: true
+
+  /suf-log@2.5.3:
+    resolution: {integrity: sha512-KvC8OPjzdNOe+xQ4XWJV2whQA0aM1kGVczMQ8+dStAO6KfEB140JEVQ9dE76ONZ0/Ylf67ni4tILPJB41U0eow==}
+    dependencies:
+      s.color: 0.0.15
+    dev: true
+
+  /supports-color@2.0.0:
+    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /supports-color@3.2.3:
+    resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
+    engines: {node: '>=0.8.0'}
+    dependencies:
+      has-flag: 1.0.0
+    dev: true
+
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: true
+
+  /supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
+
+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /svelte-eslint-parser@0.29.0(svelte@3.59.2):
+    resolution: {integrity: sha512-2uzOw9vRpSO3fo6NkbH7UynfCopQbMz/7LO9KT05YPvkB0uuFvFHex8+Ccv3gSrxHRvKS7FwJmV4H8WNWIzgWQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+    dependencies:
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      svelte: 3.59.2
+    dev: true
+
+  /svelte@3.59.2:
+    resolution: {integrity: sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /svg-baker@1.7.0:
+    resolution: {integrity: sha512-nibslMbkXOIkqKVrfcncwha45f97fGuAOn1G99YwnwTj8kF9YiM6XexPcUso97NxOm6GsP0SIvYVIosBis1xLg==}
+    dependencies:
+      bluebird: 3.7.2
+      clone: 2.1.2
+      he: 1.2.0
+      image-size: 0.5.5
+      loader-utils: 1.4.2
+      merge-options: 1.0.1
+      micromatch: 3.1.0
+      postcss: 5.2.18
+      postcss-prefix-selector: 1.16.1(postcss@5.2.18)
+      posthtml-rename-id: 1.0.12
+      posthtml-svg-mode: 1.0.3
+      query-string: 4.3.4
+      traverse: 0.6.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+    dev: true
+
+  /svgo@2.8.0:
+    resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 4.3.0
+      css-tree: 1.1.3
+      csso: 4.2.0
+      picocolors: 1.0.1
+      stable: 0.1.8
+    dev: true
+
+  /swiper@9.4.1:
+    resolution: {integrity: sha512-1nT2T8EzUpZ0FagEqaN/YAhRj33F2x/lN6cyB0/xoYJDMf8KwTFT3hMOeoB8Tg4o3+P/CKqskP+WX0Df046fqA==}
+    engines: {node: '>= 4.7.0'}
+    dependencies:
+      ssr-window: 4.0.2
+    dev: false
+
+  /synckit@0.8.8:
+    resolution: {integrity: sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@pkgr/core': 0.1.1
+      tslib: 2.6.2
+    dev: true
+
+  /synckit@0.9.0:
+    resolution: {integrity: sha512-7RnqIMq572L8PeEzKeBINYEJDDxpcH8JEgLwUqBd3TkofhFRbkq4QLR0u+36avGAhCRbk2nnmjcW9SE531hPDg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@pkgr/core': 0.1.1
+      tslib: 2.6.2
+    dev: true
+
+  /tar@6.2.1:
+    resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
+    engines: {node: '>=10'}
+    dependencies:
+      chownr: 2.0.0
+      fs-minipass: 2.1.0
+      minipass: 5.0.0
+      minizlib: 2.1.2
+      mkdirp: 1.0.4
+      yallist: 4.0.0
+    dev: true
+
+  /temp-dir@2.0.0:
+    resolution: {integrity: sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /tempy@0.6.0:
+    resolution: {integrity: sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==}
+    engines: {node: '>=10'}
+    dependencies:
+      is-stream: 2.0.1
+      temp-dir: 2.0.0
+      type-fest: 0.16.0
+      unique-string: 2.0.0
+    dev: true
+
+  /terser@5.31.0:
+    resolution: {integrity: sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      '@jridgewell/source-map': 0.3.6
+      acorn: 8.11.3
+      commander: 2.20.3
+      source-map-support: 0.5.21
+    dev: true
+
+  /text-extensions@1.9.0:
+    resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /text-segmentation@1.0.3:
+    resolution: {integrity: sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==}
+    dependencies:
+      utrie: 1.0.2
+    dev: false
+
+  /text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
+
+  /thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      thenify: 3.3.1
+    dev: false
+
+  /thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+    dependencies:
+      any-promise: 1.3.0
+    dev: false
+
+  /through2@2.0.5:
+    resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
+    dependencies:
+      readable-stream: 2.3.8
+      xtend: 4.0.2
+    dev: true
+
+  /through2@4.0.2:
+    resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
+    dependencies:
+      readable-stream: 3.6.2
+    dev: true
+
+  /through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+
+  /tiny-emitter@2.1.0:
+    resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
+    dev: false
+
+  /tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+    dev: false
+
+  /to-arraybuffer@1.0.1:
+    resolution: {integrity: sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==}
+    dev: false
+
+  /to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  /to-object-path@0.3.0:
+    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /to-regex-range@2.1.1:
+    resolution: {integrity: sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+    dev: true
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /to-regex@3.0.2:
+    resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      regex-not: 1.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /topojson-client@3.1.0:
+    resolution: {integrity: sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==}
+    hasBin: true
+    dependencies:
+      commander: 2.20.3
+    dev: false
+
+  /totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /tr46@1.0.1:
+    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
+    dependencies:
+      punycode: 2.3.1
+    dev: true
+
+  /traverse@0.6.9:
+    resolution: {integrity: sha512-7bBrcF+/LQzSgFmT0X5YclVqQxtv7TDJ1f8Wj7ibBu/U6BMLeOpUxuZjV7rMc44UtKxlnMFigdhFAIszSX1DMg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      gopd: 1.0.1
+      typedarray.prototype.slice: 1.0.3
+      which-typed-array: 1.1.15
+    dev: true
+
+  /treemate@0.3.11:
+    resolution: {integrity: sha512-M8RGFoKtZ8dF+iwJfAJTOH/SM4KluKOKRJpjCMhI8bG3qB74zrFoArKZ62ll0Fr3mqkMJiQOmWYkdYgDeITYQg==}
+    dev: false
+
+  /trim-newlines@3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+    dev: true
+
+  /tslib@1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+
+  /tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: false
+
+  /tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+
+  /tsutils@3.21.0(typescript@5.0.4):
+    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
+    engines: {node: '>= 6'}
+    peerDependencies:
+      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
+    dependencies:
+      tslib: 1.14.1
+      typescript: 5.0.4
+    dev: true
+
+  /tsx@3.14.0:
+    resolution: {integrity: sha512-xHtFaKtHxM9LOklMmJdI3BEnQq/D5F73Of2E1GDrITi9sgoVkvIsrQUTY1G8FlmGtA+awCI4EBlTRRYxkL2sRg==}
+    hasBin: true
+    dependencies:
+      esbuild: 0.18.20
+      get-tsconfig: 4.7.5
+      source-map-support: 0.5.21
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /tuf-js@1.1.7:
+    resolution: {integrity: sha512-i3P9Kgw3ytjELUfpuKVDNBJvk4u5bXL6gskv572mcevPbSKCV3zt3djhmlEQ65yERjIbOSncy7U4cQJaB1CBCg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      '@tufjs/models': 1.0.4
+      debug: 4.3.4
+      make-fetch-happen: 11.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+    dev: true
+
+  /type-fest@0.16.0:
+    resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.18.1:
+    resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@1.4.0:
+    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+    dev: true
+
+  /type@2.7.2:
+    resolution: {integrity: sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==}
+    dev: false
+
+  /typed-array-buffer@1.0.2:
+    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-typed-array: 1.1.13
+    dev: true
+
+  /typed-array-byte-length@1.0.1:
+    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+    dev: true
+
+  /typed-array-byte-offset@1.0.2:
+    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+    dev: true
+
+  /typed-array-length@1.0.6:
+    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+      possible-typed-array-names: 1.0.0
+    dev: true
+
+  /typed.js@2.1.0:
+    resolution: {integrity: sha512-bDuXEf7YcaKN4g08NMTUM6G90XU25CK3bh6U0THC/Mod/QPKlEt9g/EjvbYB8x2Qwr2p6J6I3NrsoYaVnY6wsQ==}
+    dev: false
+
+  /typedarray-to-buffer@3.1.5:
+    resolution: {integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==}
+    dependencies:
+      is-typedarray: 1.0.0
+    dev: true
+
+  /typedarray.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-8WbVAQAUlENo1q3c3zZYuy5k9VzBQvp8AX9WOtbvyWlLM1v5JaSRmjubLjzHF4JFtptjH/5c/i95yaElvcjC0A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      typed-array-buffer: 1.0.2
+      typed-array-byte-offset: 1.0.2
+    dev: true
+
+  /typedarray@0.0.6:
+    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
+
+  /typescript@5.0.4:
+    resolution: {integrity: sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==}
+    engines: {node: '>=12.20'}
+    hasBin: true
+
+  /ua-parser-js@1.0.37:
+    resolution: {integrity: sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==}
+    dev: false
+
+  /ufo@1.5.3:
+    resolution: {integrity: sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==}
+    dev: true
+
+  /uglify-js@3.17.4:
+    resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+    dependencies:
+      call-bind: 1.0.7
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+    dev: true
+
+  /unconfig@0.3.13:
+    resolution: {integrity: sha512-N9Ph5NC4+sqtcOjPfHrRcHekBCadCXWTBzp2VYYbySOHW0PfD9XLCeXshTXjkPYwLrBr9AtSeU0CZmkYECJhng==}
+    dependencies:
+      '@antfu/utils': 0.7.8
+      defu: 6.1.4
+      jiti: 1.21.0
+    dev: true
+
+  /unescape@1.0.1:
+    resolution: {integrity: sha512-O0+af1Gs50lyH1nUu3ZyYS1cRh01Q/kUKatTOkSs7jukXE6/NebucDVxyiDsA9AQ4JC1V1jUH9EO8JX2nMDgGQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+    dev: false
+
+  /unicode-canonical-property-names-ecmascript@2.0.0:
+    resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /unicode-match-property-ecmascript@2.0.0:
+    resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==}
+    engines: {node: '>=4'}
+    dependencies:
+      unicode-canonical-property-names-ecmascript: 2.0.0
+      unicode-property-aliases-ecmascript: 2.1.0
+    dev: true
+
+  /unicode-match-property-value-ecmascript@2.1.0:
+    resolution: {integrity: sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /unicode-property-aliases-ecmascript@2.1.0:
+    resolution: {integrity: sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /union-value@1.0.1:
+    resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      get-value: 2.0.6
+      is-extendable: 0.1.1
+      set-value: 2.0.1
+    dev: true
+
+  /unique-filename@2.0.1:
+    resolution: {integrity: sha512-ODWHtkkdx3IAR+veKxFV+VBkUMcN+FaqzUUd7IZzt+0zhDZFPFxhlqwPF3YQvMHx1TD0tdgYl+kuPnJ8E6ql7A==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      unique-slug: 3.0.0
+    dev: true
+
+  /unique-filename@3.0.0:
+    resolution: {integrity: sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      unique-slug: 4.0.0
+    dev: true
+
+  /unique-slug@3.0.0:
+    resolution: {integrity: sha512-8EyMynh679x/0gqE9fT9oilG+qEt+ibFyqjuVTsZn1+CMxH+XLlpvr2UZx4nVcCwTpx81nICr2JQFkM+HPLq4w==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+    dev: true
+
+  /unique-slug@4.0.0:
+    resolution: {integrity: sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+    dev: true
+
+  /unique-string@2.0.0:
+    resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
+    engines: {node: '>=8'}
+    dependencies:
+      crypto-random-string: 2.0.0
+    dev: true
+
+  /unique-string@3.0.0:
+    resolution: {integrity: sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      crypto-random-string: 4.0.0
+    dev: true
+
+  /universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
+  /unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /unplugin-icons@0.16.6:
+    resolution: {integrity: sha512-jL70sAC7twp4hI/MTfm+vyvTRtHqiEIzf3XOjJz7yzhMEEQnk5Ey5YIXRAU03Mc4BF99ITvvnBzfyRZee86OeA==}
+    peerDependencies:
+      '@svgr/core': '>=7.0.0'
+      '@svgx/core': ^1.0.1
+      '@vue/compiler-sfc': ^3.0.2 || ^2.7.0
+      vue-template-compiler: ^2.6.12
+      vue-template-es2015-compiler: ^1.9.0
+    peerDependenciesMeta:
+      '@svgr/core':
+        optional: true
+      '@svgx/core':
+        optional: true
+      '@vue/compiler-sfc':
+        optional: true
+      vue-template-compiler:
+        optional: true
+      vue-template-es2015-compiler:
+        optional: true
+    dependencies:
+      '@antfu/install-pkg': 0.1.1
+      '@antfu/utils': 0.7.8
+      '@iconify/utils': 2.1.23
+      debug: 4.3.4
+      kolorist: 1.8.0
+      local-pkg: 0.4.3
+      unplugin: 1.10.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /unplugin-vue-components@0.24.1(rollup@2.79.1)(vue@3.3.4):
+    resolution: {integrity: sha512-T3A8HkZoIE1Cja95xNqolwza0yD5IVlgZZ1PVAGvVCx8xthmjsv38xWRCtHtwl+rvZyL9uif42SRkDGw9aCfMA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/parser': ^7.15.8
+      '@nuxt/kit': ^3.2.2
+      vue: 2 || 3
+    peerDependenciesMeta:
+      '@babel/parser':
+        optional: true
+      '@nuxt/kit':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.7.8
+      '@rollup/pluginutils': 5.1.0(rollup@2.79.1)
+      chokidar: 3.6.0
+      debug: 4.3.4
+      fast-glob: 3.3.2
+      local-pkg: 0.4.3
+      magic-string: 0.30.10
+      minimatch: 7.4.6
+      resolve: 1.22.8
+      unplugin: 1.10.1
+      vue: 3.3.4
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
+  /unplugin@1.10.1:
+    resolution: {integrity: sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==}
+    engines: {node: '>=14.0.0'}
+    dependencies:
+      acorn: 8.11.3
+      chokidar: 3.6.0
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.6.1
+    dev: true
+
+  /unset-value@1.0.0:
+    resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      has-value: 0.3.1
+      isobject: 3.0.1
+    dev: true
+
+  /untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /upath@1.2.0:
+    resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /update-browserslist-db@1.0.16(browserslist@4.23.0):
+    resolution: {integrity: sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.23.0
+      escalade: 3.1.2
+      picocolors: 1.0.1
+    dev: true
+
+  /update-notifier@6.0.2:
+    resolution: {integrity: sha512-EDxhTEVPZZRLWYcJ4ZXjGFN0oP7qYvbXWzEgRm/Yql4dHX5wDbvh89YHP6PK1lzZJYrMtXUuZZz8XGK+U6U1og==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      boxen: 7.1.1
+      chalk: 5.3.0
+      configstore: 6.0.0
+      has-yarn: 3.0.0
+      import-lazy: 4.0.0
+      is-ci: 3.0.1
+      is-installed-globally: 0.4.0
+      is-npm: 6.0.0
+      is-yarn-global: 0.4.1
+      latest-version: 7.0.0
+      pupa: 3.1.0
+      semver: 7.6.2
+      semver-diff: 4.0.0
+      xdg-basedir: 5.1.0
+    dev: true
+
+  /uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.3.1
+
+  /urix@0.1.0:
+    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
+    deprecated: Please see https://github.com/lydell/urix#deprecated
+    dev: true
+
+  /urllib@2.41.0:
+    resolution: {integrity: sha512-pNXdxEv52L67jahLT+/7QE+Fup1y2Gc6EdmrAhQ6OpQIC2rl14oWwv9hvk1GXOZqEnJNwRXHABuwgPOs1CtL7g==}
+    engines: {node: '>= 0.10.0'}
+    peerDependencies:
+      proxy-agent: ^5.0.0
+    peerDependenciesMeta:
+      proxy-agent:
+        optional: true
+    dependencies:
+      any-promise: 1.3.0
+      content-type: 1.0.5
+      debug: 2.6.9
+      default-user-agent: 1.0.0
+      digest-header: 1.1.0
+      ee-first: 1.1.1
+      formstream: 1.4.0
+      humanize-ms: 1.2.1
+      iconv-lite: 0.4.24
+      ip: 1.1.9
+      pump: 3.0.0
+      qs: 6.12.1
+      statuses: 1.5.0
+      utility: 1.18.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /use@3.1.1:
+    resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  /utility@1.18.0:
+    resolution: {integrity: sha512-PYxZDA+6QtvRvm//++aGdmKG/cI07jNwbROz0Ql+VzFV1+Z0Dy55NI4zZ7RHc9KKpBePNFwoErqIuqQv/cjiTA==}
+    engines: {node: '>= 0.12.0'}
+    dependencies:
+      copy-to: 2.0.1
+      escape-html: 1.0.3
+      mkdirp: 0.5.6
+      mz: 2.7.0
+      unescape: 1.0.1
+    dev: false
+
+  /utils-merge@1.0.1:
+    resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
+    engines: {node: '>= 0.4.0'}
+    dev: true
+
+  /utrie@1.0.2:
+    resolution: {integrity: sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==}
+    dependencies:
+      base64-arraybuffer: 1.0.2
+    dev: false
+
+  /uuid@9.0.1:
+    resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
+    hasBin: true
+    dev: false
+
+  /validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+    dev: true
+
+  /validate-npm-package-name@5.0.1:
+    resolution: {integrity: sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /vanilla-picker@2.12.3:
+    resolution: {integrity: sha512-qVkT1E7yMbUsB2mmJNFmaXMWE2hF8ffqzMMwe9zdAikd8u2VfnsVY2HQcOUi2F38bgbxzlJBEdS1UUhOXdF9GQ==}
+    dependencies:
+      '@sphinxxxx/color-conversion': 2.2.2
+    dev: false
+
+  /vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /vdirs@0.1.8(vue@3.3.4):
+    resolution: {integrity: sha512-H9V1zGRLQZg9b+GdMk8MXDN2Lva0zx72MPahDKc30v+DtwKjfyOSXWRIX4t2mhDubM1H09gPhWeth/BJWPHGUw==}
+    peerDependencies:
+      vue: ^3.0.11
+    dependencies:
+      evtd: 0.2.4
+      vue: 3.3.4
+    dev: false
+
+  /vditor@3.10.4:
+    resolution: {integrity: sha512-NWaMom0buUvRjOCaK/jKeJEVfZNmfTgblK4+pxBoeTdiCYn5yWokcGYMh9GzHIvt5gy6FiQFc1VQvytIwyeIwA==}
+    dependencies:
+      diff-match-patch: 1.0.5
+    dev: false
+
+  /vite-plugin-compression@0.5.1(vite@4.5.3):
+    resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      chalk: 4.1.2
+      debug: 4.3.4
+      fs-extra: 10.1.0
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-plugin-mock@2.9.8(mockjs@1.1.0)(vite@4.5.3):
+    resolution: {integrity: sha512-YTQM5Sn7t+/DNOwTkr+W26QGTCk1PrDkhGHslTJ90lIPJhJtDTwuSkEYMAuLP9TcVQ/qExTFx/x/GE3kxJ05sw==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      mockjs: '>=1.1.0'
+      vite: '>=2.0.0'
+    dependencies:
+      '@types/mockjs': 1.0.10
+      chalk: 4.1.2
+      chokidar: 3.6.0
+      connect: 3.7.0
+      debug: 4.3.4
+      esbuild: 0.14.54
+      fast-glob: 3.3.2
+      mockjs: 1.1.0(patch_hash=zljuuegabo7mnbroxnwxab3e2u)
+      path-to-regexp: 6.2.2
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-plugin-progress@0.0.7(vite@4.5.3):
+    resolution: {integrity: sha512-zyvKdcc/X+6hnw3J1HVV1TKrlFKC4Rh8GnDnWG/2qhRXjqytTcM++xZ+SAPnoDsSyWl8O93ymK0wZRgHAoglEQ==}
+    engines: {node: '>=14', pnpm: '>=7.0.0'}
+    peerDependencies:
+      vite: '>2.0.0-0'
+    dependencies:
+      picocolors: 1.0.1
+      progress: 2.0.3
+      rd: 2.0.1
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+    dev: true
+
+  /vite-plugin-pwa@0.15.2(vite@4.5.3)(workbox-build@6.6.0)(workbox-window@6.6.0):
+    resolution: {integrity: sha512-l1srtaad5NMNrAtAuub6ArTYG5Ci9AwofXXQ6IsbpCMYQ/0HUndwI7RB2x95+1UBFm7VGttQtT7woBlVnNhBRw==}
+    peerDependencies:
+      vite: ^3.1.0 || ^4.0.0
+      workbox-build: ^6.5.4
+      workbox-window: ^6.5.4
+    dependencies:
+      debug: 4.3.4
+      fast-glob: 3.3.2
+      pretty-bytes: 6.1.1
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+      workbox-build: 6.6.0
+      workbox-window: 6.6.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-plugin-svg-icons@2.0.1(vite@4.5.3):
+    resolution: {integrity: sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      '@types/svgo': 2.6.4
+      cors: 2.8.5
+      debug: 4.3.4
+      etag: 1.8.1
+      fs-extra: 10.1.0
+      pathe: 0.2.0
+      svg-baker: 1.7.0
+      svgo: 2.8.0
+      vite: 4.5.3(@types/node@20.2.1)(sass@1.77.2)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite@4.5.3(@types/node@20.2.1)(sass@1.77.2):
+    resolution: {integrity: sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.2.1
+      esbuild: 0.18.20
+      postcss: 8.4.38
+      rollup: 3.29.4
+      sass: 1.77.2
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /vooks@0.2.12(vue@3.3.4):
+    resolution: {integrity: sha512-iox0I3RZzxtKlcgYaStQYKEzWWGAduMmq+jS7OrNdQo1FgGfPMubGL3uGHOU9n97NIvfFDBGnpSvkWyb/NSn/Q==}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      evtd: 0.2.4
+      vue: 3.3.4
+    dev: false
+
+  /vue-codemirror@6.1.1(codemirror@6.0.1)(vue@3.3.4):
+    resolution: {integrity: sha512-rTAYo44owd282yVxKtJtnOi7ERAcXTeviwoPXjIc6K/IQYUsoDkzPvw/JDFtSP6T7Cz/2g3EHaEyeyaQCKoDMg==}
+    peerDependencies:
+      codemirror: 6.x
+      vue: 3.x
+    dependencies:
+      '@codemirror/commands': 6.5.0
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.26.3
+      codemirror: 6.0.1(@lezer/common@1.2.1)
+      vue: 3.3.4
+    dev: false
+
+  /vue-cropperjs@5.0.0(vue@3.3.4):
+    resolution: {integrity: sha512-RhnC8O33uRZNkn74aiHZwNHnBJOXWlS4P6gsRI0lw4cZlWjKSCywZI9oSI9POlIPI6OYv30jvnHMXGch85tw7w==}
+    peerDependencies:
+      vue: '>=3.0.0'
+    dependencies:
+      cropperjs: 1.6.2
+      vue: 3.3.4
+    dev: false
+
+  /vue-demi@0.14.5(vue@3.3.4):
+    resolution: {integrity: sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.3.4
+    dev: false
+
+  /vue-demi@0.14.7(vue@3.3.4):
+    resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.3.4
+    dev: false
+
+  /vue-eslint-parser@9.4.2(eslint@8.57.0):
+    resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4
+      eslint: 8.57.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      lodash: 4.17.21
+      semver: 7.6.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vue-i18n@9.13.1(vue@3.3.4):
+    resolution: {integrity: sha512-mh0GIxx0wPtPlcB1q4k277y0iKgo25xmDPWioVVYanjPufDBpvu5ySTjP5wOrSvlYQ2m1xI+CFhGdauv/61uQg==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      '@intlify/core-base': 9.13.1
+      '@intlify/shared': 9.13.1
+      '@vue/devtools-api': 6.6.1
+      vue: 3.3.4
+    dev: false
+
+  /vue-router@4.3.2(vue@3.3.4):
+    resolution: {integrity: sha512-hKQJ1vDAZ5LVkKEnHhmm1f9pMiWIBNGF5AwU67PdH7TyXCj/a4hTccuUuYCAMgJK6rO/NVYtQIEN3yL8CECa7Q==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@vue/devtools-api': 6.6.1
+      vue: 3.3.4
+    dev: false
+
+  /vue-template-compiler@2.7.16:
+    resolution: {integrity: sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==}
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+    dev: true
+
+  /vue-tsc@1.6.5(typescript@5.0.4):
+    resolution: {integrity: sha512-Wtw3J7CC+JM2OR56huRd5iKlvFWpvDiU+fO1+rqyu4V2nMTotShz4zbOZpW5g9fUOcjnyZYfBo5q5q+D/q27JA==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@volar/vue-language-core': 1.6.5
+      '@volar/vue-typescript': 1.6.5(typescript@5.0.4)
+      semver: 7.6.2
+      typescript: 5.0.4
+    dev: true
+
+  /vue@3.3.4:
+    resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.4
+      '@vue/compiler-sfc': 3.3.4
+      '@vue/runtime-dom': 3.3.4
+      '@vue/server-renderer': 3.3.4(vue@3.3.4)
+      '@vue/shared': 3.3.4
+
+  /vuedraggable-es@4.1.1(vue@3.3.4):
+    resolution: {integrity: sha512-F35pjSwC8HS/lnaOd+B59nYR4FZmwuhWAzccK9xftRuWds8SU1TZh5myKVM86j5dFOI7S26O64Kwe7LUHnXjlA==}
+    peerDependencies:
+      vue: ^3.2.31
+    dependencies:
+      sortablejs: 1.14.0
+      vue: 3.3.4
+    dev: false
+
+  /vuedraggable@4.1.0(vue@3.3.4):
+    resolution: {integrity: sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==}
+    peerDependencies:
+      vue: ^3.0.1
+    dependencies:
+      sortablejs: 1.14.0
+      vue: 3.3.4
+    dev: false
+
+  /vueuc@0.4.58(vue@3.3.4):
+    resolution: {integrity: sha512-Wnj/N8WbPRSxSt+9ji1jtDHPzda5h2OH/0sFBhvdxDRuyCZbjGg3/cKMaKqEoe+dErTexG2R+i6Q8S/Toq1MYg==}
+    peerDependencies:
+      vue: ^3.0.11
+    dependencies:
+      '@css-render/vue3-ssr': 0.15.14(vue@3.3.4)
+      '@juggle/resize-observer': 3.4.0
+      css-render: 0.15.14
+      evtd: 0.2.4
+      seemly: 0.3.8
+      vdirs: 0.1.8(vue@3.3.4)
+      vooks: 0.2.12(vue@3.3.4)
+      vue: 3.3.4
+    dev: false
+
+  /w3c-keyname@2.2.8:
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+    dev: false
+
+  /wangeditor@4.7.15:
+    resolution: {integrity: sha512-aPTdREd8BxXVyJ5MI+LU83FQ7u1EPd341iXIorRNYSOvoimNoZ4nPg+yn3FGbB93/owEa6buLw8wdhYnMCJQLg==}
+    dependencies:
+      '@babel/runtime': 7.24.5
+      '@babel/runtime-corejs3': 7.24.5
+      tslib: 2.6.2
+    dev: false
+
+  /webidl-conversions@4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
+    dev: true
+
+  /webpack-sources@3.2.3:
+    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /webpack-virtual-modules@0.6.1:
+    resolution: {integrity: sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==}
+    dev: true
+
+  /whatwg-url@7.1.0:
+    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
+    dependencies:
+      lodash.sortby: 4.7.0
+      tr46: 1.0.1
+      webidl-conversions: 4.0.2
+    dev: true
+
+  /which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+    dev: true
+
+  /which-typed-array@1.1.15:
+    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.2
+    dev: true
+
+  /which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+
+  /which@3.0.1:
+    resolution: {integrity: sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /wide-align@1.1.5:
+    resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
+    dependencies:
+      string-width: 4.2.3
+    dev: true
+
+  /widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 5.1.2
+    dev: true
+
+  /wildcard@1.1.2:
+    resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==}
+    dev: false
+
+  /win-release@1.1.1:
+    resolution: {integrity: sha512-iCRnKVvGxOQdsKhcQId2PXV1vV3J/sDPXKA4Oe9+Eti2nb2ESEsYHRYls/UjoUW3bIc5ZDO8dTH50A/5iVN+bw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      semver: 5.7.2
+    dev: false
+
+  /wmf@1.0.2:
+    resolution: {integrity: sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /wolfy87-eventemitter@5.2.9:
+    resolution: {integrity: sha512-P+6vtWyuDw+MB01X7UeF8TaHBvbCovf4HPEMF/SV7BdDc1SMTiBy13SRD71lQh4ExFTG1d/WNzDGDCyOKSMblw==}
+    dev: false
+
+  /word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /word@0.3.0:
+    resolution: {integrity: sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+    dev: true
+
+  /workbox-background-sync@6.6.0:
+    resolution: {integrity: sha512-jkf4ZdgOJxC9u2vztxLuPT/UjlH7m/nWRQ/MgGL0v8BJHoZdVGJd18Kck+a0e55wGXdqyHO+4IQTk0685g4MUw==}
+    dependencies:
+      idb: 7.1.1
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-broadcast-update@6.6.0:
+    resolution: {integrity: sha512-nm+v6QmrIFaB/yokJmQ/93qIJ7n72NICxIwQwe5xsZiV2aI93MGGyEyzOzDPVz5THEr5rC3FJSsO3346cId64Q==}
+    dependencies:
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-build@6.6.0:
+    resolution: {integrity: sha512-Tjf+gBwOTuGyZwMz2Nk/B13Fuyeo0Q84W++bebbVsfr9iLkDSo6j6PST8tET9HYA58mlRXwlMGpyWO8ETJiXdQ==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      '@apideck/better-ajv-errors': 0.3.6(ajv@8.13.0)
+      '@babel/core': 7.24.5
+      '@babel/preset-env': 7.24.5(@babel/core@7.24.5)
+      '@babel/runtime': 7.24.5
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.24.5)(rollup@2.79.1)
+      '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1)
+      '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
+      '@surma/rollup-plugin-off-main-thread': 2.2.3
+      ajv: 8.13.0
+      common-tags: 1.8.2
+      fast-json-stable-stringify: 2.1.0
+      fs-extra: 9.1.0
+      glob: 7.2.3
+      lodash: 4.17.21
+      pretty-bytes: 5.6.0
+      rollup: 2.79.1
+      rollup-plugin-terser: 7.0.2(rollup@2.79.1)
+      source-map: 0.8.0-beta.0
+      stringify-object: 3.3.0
+      strip-comments: 2.0.1
+      tempy: 0.6.0
+      upath: 1.2.0
+      workbox-background-sync: 6.6.0
+      workbox-broadcast-update: 6.6.0
+      workbox-cacheable-response: 6.6.0
+      workbox-core: 6.6.0
+      workbox-expiration: 6.6.0
+      workbox-google-analytics: 6.6.0
+      workbox-navigation-preload: 6.6.0
+      workbox-precaching: 6.6.0
+      workbox-range-requests: 6.6.0
+      workbox-recipes: 6.6.0
+      workbox-routing: 6.6.0
+      workbox-strategies: 6.6.0
+      workbox-streams: 6.6.0
+      workbox-sw: 6.6.0
+      workbox-window: 6.6.0
+    transitivePeerDependencies:
+      - '@types/babel__core'
+      - supports-color
+    dev: true
+
+  /workbox-cacheable-response@6.6.0:
+    resolution: {integrity: sha512-JfhJUSQDwsF1Xv3EV1vWzSsCOZn4mQ38bWEBR3LdvOxSPgB65gAM6cS2CX8rkkKHRgiLrN7Wxoyu+TuH67kHrw==}
+    deprecated: workbox-background-sync@6.6.0
+    dependencies:
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-core@6.6.0:
+    resolution: {integrity: sha512-GDtFRF7Yg3DD859PMbPAYPeJyg5gJYXuBQAC+wyrWuuXgpfoOrIQIvFRZnQ7+czTIQjIr1DhLEGFzZanAT/3bQ==}
+    dev: true
+
+  /workbox-expiration@6.6.0:
+    resolution: {integrity: sha512-baplYXcDHbe8vAo7GYvyAmlS4f6998Jff513L4XvlzAOxcl8F620O91guoJ5EOf5qeXG4cGdNZHkkVAPouFCpw==}
+    dependencies:
+      idb: 7.1.1
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-google-analytics@6.6.0:
+    resolution: {integrity: sha512-p4DJa6OldXWd6M9zRl0H6vB9lkrmqYFkRQ2xEiNdBFp9U0LhsGO7hsBscVEyH9H2/3eZZt8c97NB2FD9U2NJ+Q==}
+    dependencies:
+      workbox-background-sync: 6.6.0
+      workbox-core: 6.6.0
+      workbox-routing: 6.6.0
+      workbox-strategies: 6.6.0
+    dev: true
+
+  /workbox-navigation-preload@6.6.0:
+    resolution: {integrity: sha512-utNEWG+uOfXdaZmvhshrh7KzhDu/1iMHyQOV6Aqup8Mm78D286ugu5k9MFD9SzBT5TcwgwSORVvInaXWbvKz9Q==}
+    dependencies:
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-precaching@6.6.0:
+    resolution: {integrity: sha512-eYu/7MqtRZN1IDttl/UQcSZFkHP7dnvr/X3Vn6Iw6OsPMruQHiVjjomDFCNtd8k2RdjLs0xiz9nq+t3YVBcWPw==}
+    dependencies:
+      workbox-core: 6.6.0
+      workbox-routing: 6.6.0
+      workbox-strategies: 6.6.0
+    dev: true
+
+  /workbox-range-requests@6.6.0:
+    resolution: {integrity: sha512-V3aICz5fLGq5DpSYEU8LxeXvsT//mRWzKrfBOIxzIdQnV/Wj7R+LyJVTczi4CQ4NwKhAaBVaSujI1cEjXW+hTw==}
+    dependencies:
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-recipes@6.6.0:
+    resolution: {integrity: sha512-TFi3kTgYw73t5tg73yPVqQC8QQjxJSeqjXRO4ouE/CeypmP2O/xqmB/ZFBBQazLTPxILUQ0b8aeh0IuxVn9a6A==}
+    dependencies:
+      workbox-cacheable-response: 6.6.0
+      workbox-core: 6.6.0
+      workbox-expiration: 6.6.0
+      workbox-precaching: 6.6.0
+      workbox-routing: 6.6.0
+      workbox-strategies: 6.6.0
+    dev: true
+
+  /workbox-routing@6.6.0:
+    resolution: {integrity: sha512-x8gdN7VDBiLC03izAZRfU+WKUXJnbqt6PG9Uh0XuPRzJPpZGLKce/FkOX95dWHRpOHWLEq8RXzjW0O+POSkKvw==}
+    dependencies:
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-strategies@6.6.0:
+    resolution: {integrity: sha512-eC07XGuINAKUWDnZeIPdRdVja4JQtTuc35TZ8SwMb1ztjp7Ddq2CJ4yqLvWzFWGlYI7CG/YGqaETntTxBGdKgQ==}
+    dependencies:
+      workbox-core: 6.6.0
+    dev: true
+
+  /workbox-streams@6.6.0:
+    resolution: {integrity: sha512-rfMJLVvwuED09CnH1RnIep7L9+mj4ufkTyDPVaXPKlhi9+0czCu+SJggWCIFbPpJaAZmp2iyVGLqS3RUmY3fxg==}
+    dependencies:
+      workbox-core: 6.6.0
+      workbox-routing: 6.6.0
+    dev: true
+
+  /workbox-sw@6.6.0:
+    resolution: {integrity: sha512-R2IkwDokbtHUE4Kus8pKO5+VkPHD2oqTgl+XJwh4zbF1HyjAbgNmK/FneZHVU7p03XUt9ICfuGDYISWG9qV/CQ==}
+    dev: true
+
+  /workbox-window@6.6.0:
+    resolution: {integrity: sha512-L4N9+vka17d16geaJXXRjENLFldvkWy7JyGxElRD0JvBxvFEd8LOhr+uXCcar/NzAmIBRv9EZ+M+Qr4mOoBITw==}
+    dependencies:
+      '@types/trusted-types': 2.0.7
+      workbox-core: 6.6.0
+    dev: true
+
+  /wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  /wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+
+  /wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  /write-file-atomic@3.0.3:
+    resolution: {integrity: sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==}
+    dependencies:
+      imurmurhash: 0.1.4
+      is-typedarray: 1.0.0
+      signal-exit: 3.0.7
+      typedarray-to-buffer: 3.1.5
+    dev: true
+
+  /ws@7.5.9:
+    resolution: {integrity: sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: ^5.0.2
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dev: false
+
+  /ws@8.17.0:
+    resolution: {integrity: sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dev: false
+
+  /xdg-basedir@5.1.0:
+    resolution: {integrity: sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /xgplayer-subtitles@3.0.18(core-js@3.37.1):
+    resolution: {integrity: sha512-8xGt3RB1FIu7393Qmfejd9f2JMogEzHjjxv+mzskWHmfT7N9X1xm6JmwCVnfMQXhKZSTtZsinEGCl1VqRjkE1g==}
+    peerDependencies:
+      core-js: '>=3.12.1'
+    dependencies:
+      core-js: 3.37.1
+      eventemitter3: 4.0.7
+    dev: false
+
+  /xgplayer@3.0.18(core-js@3.37.1):
+    resolution: {integrity: sha512-6GXcA8r9c1ANfOch0bsGO9y74YFGO0b2aLRPhhSA7BY8BCWBF1YzF6wQjssCUzVHfBtlS8p73RldL2Mpnggfiw==}
+    peerDependencies:
+      core-js: '>=3.12.1'
+    dependencies:
+      core-js: 3.37.1
+      danmu.js: 1.1.13
+      delegate: 3.2.0
+      downloadjs: 1.4.7
+      eventemitter3: 4.0.7
+      xgplayer-subtitles: 3.0.18(core-js@3.37.1)
+    dev: false
+
+  /xlsx@0.18.5:
+    resolution: {integrity: sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+    dependencies:
+      adler-32: 1.3.1
+      cfb: 1.2.2
+      codepage: 1.15.0
+      crc-32: 1.2.2
+      ssf: 0.11.2
+      wmf: 1.0.2
+      word: 0.3.0
+    dev: false
+
+  /xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /xml2js@0.6.2:
+    resolution: {integrity: sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==}
+    engines: {node: '>=4.0.0'}
+    dependencies:
+      sax: 1.3.0
+      xmlbuilder: 11.0.1
+    dev: false
+
+  /xmlbuilder@11.0.1:
+    resolution: {integrity: sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==}
+    engines: {node: '>=4.0'}
+    dev: false
+
+  /xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+
+  /y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+    dev: true
+
+  /yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
+  /yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /yaml@2.4.2:
+    resolution: {integrity: sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==}
+    engines: {node: '>= 14'}
+    hasBin: true
+    dev: true
+
+  /yargs-parser@20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /yargs@16.2.0:
+    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
+    engines: {node: '>=10'}
+    dependencies:
+      cliui: 7.0.4
+      escalade: 3.1.2
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 20.2.9
+    dev: true
+
+  /yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.1.2
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+    dev: true
+
+  /yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /zrender@5.5.0:
+    resolution: {integrity: sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==}
+    dependencies:
+      tslib: 2.3.0
+    dev: false
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..18e3c74
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="590.63px" height="600px" viewBox="0 0 504 512"><path fill="#1890ff" d="M322.125 502.369L492.617 343.76c8.685-9.142 13.256-23.768 10.513-35.652L454.222 96.02c-2.742-11.427-13.255-23.311-25.14-26.51L206.483.946c-13.062-2.586-26.205.467-35.653 8.684L11.307 158.184C2.622 165.954-1.95 181.495.794 192.465l52.108 227.171c2.742 11.428 13.255 23.312 25.14 26.511l208.43 64.906c16.582 3.149 27.076-1.535 35.653-8.684M229.793 51.226l153.124 47.08c5.942 1.828 5.942 4.57 0 5.942L302.47 122.53c-5.942 1.828-14.627-.914-18.74-5.485L227.964 56.71c-5.028-5.028-4.114-7.314 1.828-5.485m95.531 274.25c1.829 5.943-2.285 9.6-8.227 7.771l-165.008-51.193c-5.942-1.829-7.313-6.857-2.743-10.97l126.156-117.471c4.57-4.571 9.599-2.743 10.97 3.2zM53.36 176.01L187.285 51.226c4.57-4.571 11.427-3.657 15.998.457l67.191 72.676c4.57 4.571 3.657 11.428-.457 15.998L136.09 265.142c-4.57 4.57-11.427 3.656-15.998-.457l-67.191-72.677c-4.571-5.028-4.114-12.341.457-15.998m32.453 197.46L50.616 218.063c-1.828-5.942.914-7.314 5.028-2.743l55.764 60.336c4.571 4.57 5.943 13.255 4.571 19.197l-24.225 78.619c-1.829 6.399-4.571 6.399-5.942 0m196.09 91.418l-175.064-54.393c-5.943-1.829-9.6-8.228-7.77-14.627l29.253-94.16c1.828-5.942 8.227-9.599 14.626-7.77l175.064 53.936c5.942 1.828 9.599 8.227 7.77 14.627l-29.253 94.16c-2.286 5.941-8.228 9.598-14.627 8.227M437.31 337.36L320.296 446.147c-4.57 4.571-6.856 2.743-5.028-3.2l24.226-78.618c1.828-5.942 8.227-12.341 14.627-13.256l80.447-18.283c5.942-2.285 6.856.457 2.742 4.571m12.798-23.768l-96.445 21.94c-5.942 1.828-12.34-2.286-13.712-8.228l-41.138-178.263c-1.828-5.942 2.286-12.341 8.228-13.713l96.445-21.94c5.942-1.828 12.341 2.286 13.712 8.228l41.138 178.263c1.371 6.856-2.285 12.798-8.228 13.713"/></svg>
\ No newline at end of file
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..b78c51a
Binary files /dev/null and b/public/logo.png differ
diff --git "a/public/\345\225\206\345\223\201\347\261\273\345\236\213QA-\350\241\250\346\240\274.xlsx" "b/public/\345\225\206\345\223\201\347\261\273\345\236\213QA-\350\241\250\346\240\274.xlsx"
new file mode 100644
index 0000000..caed971
Binary files /dev/null and "b/public/\345\225\206\345\223\201\347\261\273\345\236\213QA-\350\241\250\346\240\274.xlsx" differ
diff --git "a/public/\351\227\256\347\255\224\347\261\273\345\236\213QA-\350\241\250\346\240\274.xlsx" "b/public/\351\227\256\347\255\224\347\261\273\345\236\213QA-\350\241\250\346\240\274.xlsx"
new file mode 100644
index 0000000..bf679a9
Binary files /dev/null and "b/public/\351\227\256\347\255\224\347\261\273\345\236\213QA-\350\241\250\346\240\274.xlsx" differ
diff --git a/rag.py b/rag.py
deleted file mode 100644
index 1953638..0000000
--- a/rag.py
+++ /dev/null
@@ -1,8 +0,0 @@
-from langchain_community.embeddings import HuggingFaceHubEmbeddings
-
-embeddings = HuggingFaceHubEmbeddings(model="http://localhost:8080")
-
-text = "What is deep learning?"
-
-
-
diff --git a/scripts/logo.ts b/scripts/logo.ts
new file mode 100644
index 0000000..4edf7c4
--- /dev/null
+++ b/scripts/logo.ts
@@ -0,0 +1,12 @@
+import { readFile, writeFile } from 'fs/promises';
+import themeSettings from '../src/settings/theme.json';
+
+async function updateFavicon(svgPath: string, color: string) {
+  const svgStr = await readFile(svgPath, 'utf-8');
+
+  const svgStrWithColor = svgStr.replace(/currentColor/g, color);
+
+  await writeFile('./public/favicon.svg', svgStrWithColor);
+}
+
+updateFavicon('./src/assets/svg-icon/logo.svg', themeSettings.themeColor);
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..1b7c496
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,40 @@
+<template>
+  <n-config-provider
+    :theme="theme.naiveTheme"
+    :theme-overrides="theme.naiveThemeOverrides"
+    :locale="zhCN"
+    :date-locale="dateZhCN"
+    class="h-full"
+  >
+    <naive-provider>
+      <fs-ui-context>
+        <router-view />
+      </fs-ui-context>
+    </naive-provider>
+  </n-config-provider>
+</template>
+
+<script setup lang="ts">
+import { watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { dateZhCN, zhCN } from 'naive-ui';
+import { useI18n } from 'vue-i18n';
+import { subscribeStore, useThemeStore } from '@/store';
+import { useGlobalEvents } from '@/composables';
+
+const theme = useThemeStore();
+const { locale, t } = useI18n();
+const route = useRoute();
+
+subscribeStore();
+useGlobalEvents();
+
+watch(
+  () => locale.value,
+  () => {
+    document.title = route.meta.i18nTitle ? t(route.meta.i18nTitle) : route.meta.title;
+  }
+);
+</script>
+
+<style scoped></style>
diff --git a/src/assets/fonts/aguazyuan-bold.ttf b/src/assets/fonts/aguazyuan-bold.ttf
new file mode 100644
index 0000000..d9bd718
Binary files /dev/null and b/src/assets/fonts/aguazyuan-bold.ttf differ
diff --git a/src/assets/fonts/aguazyuan-light.ttf b/src/assets/fonts/aguazyuan-light.ttf
new file mode 100644
index 0000000..85e2e5d
Binary files /dev/null and b/src/assets/fonts/aguazyuan-light.ttf differ
diff --git a/src/assets/fonts/aguazyuan-regular.ttf b/src/assets/fonts/aguazyuan-regular.ttf
new file mode 100644
index 0000000..f01c6fe
Binary files /dev/null and b/src/assets/fonts/aguazyuan-regular.ttf differ
diff --git a/src/assets/images/ai-pic.png b/src/assets/images/ai-pic.png
new file mode 100644
index 0000000..e552698
Binary files /dev/null and b/src/assets/images/ai-pic.png differ
diff --git a/src/assets/images/data-wd.png b/src/assets/images/data-wd.png
new file mode 100644
index 0000000..45c7872
Binary files /dev/null and b/src/assets/images/data-wd.png differ
diff --git a/src/assets/images/file-type-csv.png b/src/assets/images/file-type-csv.png
new file mode 100644
index 0000000..09800df
Binary files /dev/null and b/src/assets/images/file-type-csv.png differ
diff --git a/src/assets/images/file-type-md.png b/src/assets/images/file-type-md.png
new file mode 100644
index 0000000..5a94f52
Binary files /dev/null and b/src/assets/images/file-type-md.png differ
diff --git a/src/assets/images/file-type-pdf.png b/src/assets/images/file-type-pdf.png
new file mode 100644
index 0000000..c30d45d
Binary files /dev/null and b/src/assets/images/file-type-pdf.png differ
diff --git a/src/assets/images/file-type-txt.png b/src/assets/images/file-type-txt.png
new file mode 100644
index 0000000..e7b6e37
Binary files /dev/null and b/src/assets/images/file-type-txt.png differ
diff --git a/src/assets/images/file-type-unknown.png b/src/assets/images/file-type-unknown.png
new file mode 100644
index 0000000..0a3a393
Binary files /dev/null and b/src/assets/images/file-type-unknown.png differ
diff --git a/src/assets/images/file-type-word.png b/src/assets/images/file-type-word.png
new file mode 100644
index 0000000..4c1674d
Binary files /dev/null and b/src/assets/images/file-type-word.png differ
diff --git a/src/assets/images/file-type-xlsx.png b/src/assets/images/file-type-xlsx.png
new file mode 100644
index 0000000..264027c
Binary files /dev/null and b/src/assets/images/file-type-xlsx.png differ
diff --git a/src/assets/images/kb-book.png b/src/assets/images/kb-book.png
new file mode 100644
index 0000000..e6ef29c
Binary files /dev/null and b/src/assets/images/kb-book.png differ
diff --git a/src/assets/images/kb-help.png b/src/assets/images/kb-help.png
new file mode 100644
index 0000000..a8f2780
Binary files /dev/null and b/src/assets/images/kb-help.png differ
diff --git a/src/assets/images/kb-notification.png b/src/assets/images/kb-notification.png
new file mode 100644
index 0000000..f55ecdf
Binary files /dev/null and b/src/assets/images/kb-notification.png differ
diff --git a/src/assets/images/kb-seal.png b/src/assets/images/kb-seal.png
new file mode 100644
index 0000000..1eaf3f8
Binary files /dev/null and b/src/assets/images/kb-seal.png differ
diff --git a/src/assets/images/kb-tags.png b/src/assets/images/kb-tags.png
new file mode 100644
index 0000000..13172a2
Binary files /dev/null and b/src/assets/images/kb-tags.png differ
diff --git a/src/assets/images/kb-wrench.png b/src/assets/images/kb-wrench.png
new file mode 100644
index 0000000..104d705
Binary files /dev/null and b/src/assets/images/kb-wrench.png differ
diff --git a/src/assets/images/know-wd.png b/src/assets/images/know-wd.png
new file mode 100644
index 0000000..6dceb80
Binary files /dev/null and b/src/assets/images/know-wd.png differ
diff --git a/src/assets/images/subsection-type1.png b/src/assets/images/subsection-type1.png
new file mode 100644
index 0000000..a7e66c1
Binary files /dev/null and b/src/assets/images/subsection-type1.png differ
diff --git a/src/assets/images/subsection-type2.png b/src/assets/images/subsection-type2.png
new file mode 100644
index 0000000..bb31960
Binary files /dev/null and b/src/assets/images/subsection-type2.png differ
diff --git a/src/assets/images/subsection-type3.png b/src/assets/images/subsection-type3.png
new file mode 100644
index 0000000..d4bfd20
Binary files /dev/null and b/src/assets/images/subsection-type3.png differ
diff --git a/src/assets/images/subsection-type4.png b/src/assets/images/subsection-type4.png
new file mode 100644
index 0000000..e27d602
Binary files /dev/null and b/src/assets/images/subsection-type4.png differ
diff --git a/src/assets/images/test.jpg b/src/assets/images/test.jpg
new file mode 100644
index 0000000..95e4889
Binary files /dev/null and b/src/assets/images/test.jpg differ
diff --git a/src/assets/images/zsk.png b/src/assets/images/zsk.png
new file mode 100644
index 0000000..aaba266
Binary files /dev/null and b/src/assets/images/zsk.png differ
diff --git a/src/assets/svg-icon/activity.svg b/src/assets/svg-icon/activity.svg
new file mode 100644
index 0000000..abe892f
--- /dev/null
+++ b/src/assets/svg-icon/activity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
diff --git a/src/assets/svg-icon/at-sign.svg b/src/assets/svg-icon/at-sign.svg
new file mode 100644
index 0000000..625214d
--- /dev/null
+++ b/src/assets/svg-icon/at-sign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="prefix__prefix__feather prefix__prefix__feather-at-sign"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 006 0v-1a10 10 0 10-3.92 7.94"/></svg>
diff --git a/src/assets/svg-icon/avatar.svg b/src/assets/svg-icon/avatar.svg
new file mode 100644
index 0000000..66fe6f2
--- /dev/null
+++ b/src/assets/svg-icon/avatar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134.49 134.49"><path d="M134.49 67.25A67.25 67.25 0 1167.25 0a67.23 67.23 0 0167.24 67.25" fill="#f3f3f2"/><path fill="#f1caae" d="M64.47 103.16zm2.4-13.01c8.11-6.21 11-10.25 12.24-11a17.94 17.94 0 01-.69-4.23c-4 3.34-5.73 4.49-11 4.31-5.69.19-7.28-1.15-12-5.14l-.07-.09a19 19 0 01-.72 5.14c1.23.75 4.13 4.79 12.24 11.01z"/><path d="M61.56 121.66c.31-2 .61-4 .9-5.91v-.11c.93-6 1.7-10.86 2-12.48a1.17 1.17 0 01-.36-.34.6.6 0 01-.09-.13c-.16-.36-.32-.69-.48-1 0-.06-.07-.13-.1-.2a16.73 16.73 0 01-2-4.43c0-.15 0-.3-.07-.46a4 4 0 00-1 2.65c.33 3.56-10.83-9.56-10.65-14.6a38.55 38.55 0 01-4 1.9 219.52 219.52 0 0015.85 35.11zm-37.93-27.6h-.09.05s.03.01.04 0zM73.3 99.2a4 4 0 00-1-2.64c0 .16 0 .31-.06.46A7.17 7.17 0 0172 98a27.91 27.91 0 01-1.71 3.52l-.11.21c-.16.31-.32.65-.48 1a1 1 0 01-.09.13 1.1 1.1 0 01-.37.34c.29 1.6 1.06 6.35 2 12.32a2.34 2.34 0 000 .26c.23 1.54.48 3.15.73 4.81a208.85 208.85 0 0015.5-34.21A37.69 37.69 0 0184 84.7c0 5.12-11 18.03-10.7 14.5zm36.4-5.09a5.22 5.22 0 01.63.11l-.73-.28s.08.06.1.17z" fill="#9d9d9d"/><path d="M23.6 94.09h-.05a4.67 4.67 0 00-.84.15c-3 .81-5.08 8.11-6.94 16.26a67.51 67.51 0 0016.1 13.93 33.36 33.36 0 00-.42-4.63c-1.13-6.25-8.79-24.87-7.85-25.71zm94.03 17.67c-2-8.62-4-16.67-7.21-17.52h-.09a5.22 5.22 0 00-.63-.11c.39 1.91-6.82 19.65-7.91 25.69a34.76 34.76 0 00-.44 5.4" fill="#959494"/><path d="M71.29 119.06h-1.65v-3.73h1.58v.15c-.92-6-1.69-10.72-2-12.32l-.1.07a1.29 1.29 0 01-.28.08v.09H68l-.89.06h-.56l-.88-.06h-.86v-.09a1.2 1.2 0 01-.27-.08l-.11-.07c-.29 1.62-1.06 6.44-2 12.48v-.31h1.59v3.73h-1.56v-3.31c-.29 1.87-.59 3.86-.9 5.91 0-.34.1-.69.15-1v1.28l.75 1.25v-2.62h1.65v3.73h-1c.57.91 1.14 1.78 1.7 2.58v-1.09h1.69v2.82c.25-.29.5-.6.75-.91v-1.91h1.42c.34-.48.68-1 1-1.49v-3.73h1.65v1.22l.73-1.22c-.25-1.66-.5-3.27-.73-4.81zm-1.65-13.74c.15.91.33 2 .53 3.3h-.53zm0 4.79h.77c.18 1.16.38 2.4.58 3.73h-1.35zm-3.14-5.22v3.73h-1.65v-3.73zm-2.39 9h-1.36c.21-1.33.4-2.57.59-3.73h.77zm0-5.22h-.54l.54-3.31zm2.39 15.66h-1.65v-3.73h1.65zm0-5.22h-1.65v-3.73h1.65zm0-5.22h-1.65v-3.73h1.65zm2.39 10.44h-1.64v-3.73h1.64zm0-5.22h-1.64v-3.73h1.64zm0-5.22h-1.64v-3.73h1.64zm0-5.22h-1.64v-3.73h1.64z" fill="#f0f0f0"/><path d="M63.53 101.69zm-2.12-5.14zm10.86.51A7.17 7.17 0 0172 98a7.17 7.17 0 00.27-.94zm.07-.5zm-2.13 5.14zm-5.63 1.53a1.2 1.2 0 00.27.08v-3.64h1.65v3.73h-.79l.88.06h.56l.89-.06h-.79v-3.73h1.64v3.64a1.29 1.29 0 00.28-.08l.1-.07a1.1 1.1 0 00.37-.34v-3.15h1.64c-.29.57-.62 1.16-1 1.82A27.91 27.91 0 0072 98v-1.85c-.23-.29-.48-.57-.74-.86v2.89h-1.62v-3.73h.82c-.55-.52-1.11-1-1.63-1.49h-1.58v-1.5a3.56 3.56 0 01-.38-.47 2.79 2.79 0 01-.37.47V93h-1.59c-.52.47-1.08 1-1.62 1.49h.82v3.73h-1.65v-2.93c-.27.28-.52.57-.75.86V98a7.13 7.13 0 01-.23-.91 16.73 16.73 0 002 4.43c-.34-.65-.67-1.25-1-1.82h1.64v3.15a1.17 1.17 0 00.36.34zm2.67-8.78h1.64v3.73h-1.64zm-2.4 0h1.65v3.73h-1.65z" fill="#fff"/><path fill="#040000" d="M66.5 99.67h-1.65v3.73h1.65v-3.73zm-1.65 5.22h1.65v3.73h-1.65zm0-10.44h1.65v3.73h-1.65zm0 15.66h1.65v3.73h-1.65zm0 15.66v1.09c.49.7 1 1.35 1.45 2l.2-.23v-2.82zm0-5.22h1.65v3.73h-1.65zm0-5.22h1.65v3.73h-1.65zm-3.29 6.33l.15.26v-1.28c-.05.36-.1.68-.15 1.02zm.9-23.48h1.65v-3.73h-.82c-.29.28-.56.56-.83.84zm-.75-2.03l-.3.4c0 .16 0 .31.07.46a7.13 7.13 0 00.23.91zm2.4 3.52h-1.64c.29.57.62 1.17 1 1.82 0 .07.07.14.1.2.16.32.32.65.48 1a.6.6 0 00.09.13zm0 20.88h-1.65v2.62q.34.57.69 1.11h1zm0-1.49v-3.73h-1.59v3.73zm0-10.44v-3.31l-.54 3.31zm-1.36 5.22h1.36v-3.73h-.77c-.19 1.16-.34 2.4-.59 3.73zm6.89 6.71v3.73c.53-.8 1.06-1.63 1.6-2.51v-1.22zm0-5.22v3.73h1.65v-3.32a2.34 2.34 0 010-.26v-.15zM66.5 91.46c-.4.43-1 .94-1.59 1.5h1.59zM68.83 93c-.63-.56-1.19-1.07-1.58-1.5V93zm-1.58 17.11h1.65v3.73h-1.65zm0 10.44h1.65v3.73h-1.65zm0-5.22h1.65v3.73h-1.65zm1.64-15.66h-1.64v3.73h1.64v-3.73zm-1.64 5.22h1.65v3.73h-1.65zm0 22.79c.47-.6.94-1.23 1.42-1.91h-1.42zm0-33.23h1.65v3.73h-1.65zm2.39 10.87v3.3h.53c-.17-1.27-.38-2.39-.53-3.3zm0-5.65v3.15a1 1 0 00.09-.13c.16-.36.32-.68.48-1l.11-.21c.34-.66.67-1.25 1-1.82zM72 98a7.17 7.17 0 00.24-.91c0-.15 0-.3.06-.46-.1-.13-.2-.27-.31-.4V98zm-2.36.18h1.65v-2.89l-.83-.84h-.82zm.77 11.93h-.77v3.73H71c-.21-1.33-.41-2.57-.59-3.73z"/><path d="M60.45 99.2a4 4 0 011-2.65l.3-.4c.23-.29.48-.58.75-.86s.54-.56.83-.84c.54-.52 1.1-1 1.62-1.49s1.19-1.07 1.59-1.5a2.79 2.79 0 00.37-.47 3.56 3.56 0 00.38.47c.39.43 1 .94 1.58 1.5s1.08 1 1.63 1.49l.83.84c.26.29.51.57.74.86.11.13.21.27.31.4a4 4 0 011 2.64C73 102.73 84 89.82 84 84.7v-.36c-.09-.72-2.2-1.82-4.15-5.11-.15-.26-.36-.27-.68-.08-1.23.75-4.13 4.79-12.24 11-8.11-6.22-11-10.26-12.24-11-.31-.19-.53-.18-.68.08-2 3.29-4.05 4.39-4.14 5.11a2.17 2.17 0 000 .26c-.25 5.04 10.91 18.16 10.58 14.6z" fill="#838384"/><path d="M62.49 132.11a13.73 13.73 0 003.81-3.29c-.47-.61-1-1.26-1.45-2s-1.13-1.67-1.7-2.58q-.34-.54-.69-1.11l-.75-1.25-.15-.26A219.52 219.52 0 0145.81 86.5c-.49-1.25-21 7-22.17 7.56-.94.84 6.72 19.46 7.85 25.71a33.36 33.36 0 01.42 4.63A66.72 66.72 0 0062 134.27c.15-1.27.3-2.06.49-2.16z" fill="#282629"/><path d="M101.35 125.2a34.76 34.76 0 01.44-5.4c1.09-6 8.3-23.78 7.91-25.69 0-.08 0-.15-.09-.17-1.17-.52-21.69-8.84-22.13-7.56A208.85 208.85 0 0172 120.55l-.73 1.22c-.54.88-1.07 1.71-1.6 2.51-.34.51-.68 1-1 1.49-.48.68-1 1.31-1.42 1.91-.25.31-.5.62-.75.91l-.2.23a13.73 13.73 0 01-3.81 3.29c-.19.1-.34.89-.47 2.16 1.73.13 3.47.22 5.23.22a66.88 66.88 0 0034.1-9.29" fill="#1a1a1b"/><path d="M67.41 79.23c5.28.18 7-1 11-4.31l1-.83c4.93-4.19 2.44-12.94 5.44-12.39s6.29-7.44 4.18-9.45c-1-.09-1.87.88-2.66 2.2-.89 1.49-.54 3.79-1.42 3.74-1.19-4-.93-7.62-.69-11.81C76 48.8 67.47 50.06 60.59 45c-1.41-1-2.77-2.4-4.91-2.36-2.47 0-3.46 1.5-3.11 3.87.17 1.19.25 2.8.32 3.5A10.07 10.07 0 0151 56.1c-.37.38-1.27 2-1.8 2.09s-.14-2.47-1.62-4.69c-1.16-1.75-1.7-1.37-1.7-1.37C43.56 54 47 62.25 50 61.7s.55 8.1 5.37 12.31l.08.08c4.68 3.99 6.27 5.33 11.96 5.14z" fill="#f9d2b5"/><path d="M47.61 53.5c1.48 2.22 1.18 4.8 1.62 4.69s1.43-1.71 1.8-2.09a10.07 10.07 0 001.86-6.1c-.07-.7-.15-2.31-.32-3.5-.35-2.37.64-3.83 3.11-3.87 2.14 0 3.5 1.32 4.91 2.36 6.88 5.05 15.4 3.79 23.66 1.37-.24 4.19-.5 7.78.69 11.81.88.05.53-2.25 1.42-3.74.79-1.32 1.63-2.29 2.66-2.2a2.87 2.87 0 01.38.08c2.46-5.22 2.72-13.7.29-18.93s-6.3-7.68-10.14-12c.35 1.18-1.24 2.95-2.75 3.08-1.26.12-3.35-.56-4.61-.71-6.36-.77-10-1.06-15.18.77a19.36 19.36 0 00-7.22 4.22 19.88 19.88 0 00-5.18 10.65 26.75 26.75 0 00-.19 6.38c.12 1.14.81 5.36 1.49 6.38 0-.02.54-.4 1.7 1.35z" fill="#554c44"/></svg>
diff --git a/src/assets/svg-icon/banner.svg b/src/assets/svg-icon/banner.svg
new file mode 100644
index 0000000..192b637
--- /dev/null
+++ b/src/assets/svg-icon/banner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="#ebebeb" d="M0 382.4h500v.25H0zM416.78 398.49h33.12v.25h-33.12zM322.53 401.21h8.69v.25h-8.69zM396.59 389.21h19.19v.25h-19.19zM52.46 390.89h43.19v.25H52.46zM104.56 390.89h6.33v.25h-6.33zM131.47 395.11h93.68v.25h-93.68zM237 337.8H43.91a5.71 5.71 0 01-5.7-5.71V60.66a5.71 5.71 0 015.7-5.66H237a5.71 5.71 0 015.71 5.71v271.38a5.71 5.71 0 01-5.71 5.71zM43.91 55.2a5.46 5.46 0 00-5.45 5.46v271.43a5.46 5.46 0 005.45 5.46H237a5.47 5.47 0 005.46-5.46V60.66A5.47 5.47 0 00237 55.2zM453.31 337.8h-193.1a5.72 5.72 0 01-5.71-5.71V60.66a5.72 5.72 0 015.71-5.66h193.1a5.71 5.71 0 015.69 5.66v271.43a5.71 5.71 0 01-5.69 5.71zM260.21 55.2a5.47 5.47 0 00-5.46 5.46v271.43a5.47 5.47 0 005.46 5.46h193.1a5.47 5.47 0 005.46-5.46V60.66a5.47 5.47 0 00-5.46-5.46z"/><path fill="#e6e6e6" d="M409.9 275.41H301.09V78.79H409.9z"/><path fill="#f0f0f0" d="M407.56 275.41H296.08V78.79h111.48z"/><path fill="#e6e6e6" d="M409.9 280.07H301.09v-4.66H409.9z"/><path fill="#f0f0f0" d="M405.75 280.07H294.27v-4.66h111.48z"/><path fill="#fafafa" d="M400.52 85.82v182.56H303.1V85.82z"/><path fill="#fff" d="M330.66 268.38l27.42-182.56h19.48l-27.43 182.56h-19.47z"/><path fill="#fff" d="M333.75 268.38l27.43-182.56h19.47l-27.43 182.56h-19.47zM354.31 268.38l27.43-182.56h7.59l-27.42 182.56h-7.6z"/><path fill="#e6e6e6" d="M304 85.82v182.56h-.89V85.82z"/><path fill="#ebebeb" opacity=".6" d="M294.41 91.12h108.81l.64-2.57h-108.8l-.65 2.57zM294.41 95.32h108.81l.64-2.56h-108.8l-.65 2.56zM294.41 99.53h108.81l.64-2.56h-108.8l-.65 2.56zM294.41 103.74h108.81l.64-2.57h-108.8l-.65 2.57zM294.41 107.95h108.81l.64-2.57h-108.8l-.65 2.57zM294.41 112.15h108.81l.64-2.56h-108.8l-.65 2.56z"/><path fill="#f0f0f0" d="M274.53 67h156.92v3.79H274.53z"/><path fill="#fafafa" opacity=".8" d="M420.36 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M420.36 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M412.11 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M412.11 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M403.86 63.81h8.25v242.84h-8.25zM292.84 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M292.84 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M284.6 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M284.6 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M276.35 63.81h8.25v242.84h-8.25z"/><path fill="#e6e6e6" d="M194.15 275.41H85.34V78.79h108.81z"/><path fill="#f0f0f0" d="M191.8 275.41H80.32V78.79H191.8z"/><path fill="#e6e6e6" d="M194.15 280.07H85.34v-4.66h108.81z"/><path fill="#f0f0f0" d="M189.99 280.07H78.51v-4.66h111.48z"/><path fill="#fafafa" d="M184.77 85.82v182.56H87.35V85.82z"/><path fill="#fff" d="M114.91 268.38l27.42-182.56h19.48l-27.43 182.56h-19.47z"/><path fill="#fff" d="M118 268.38l27.42-182.56h19.48l-27.43 182.56H118zM138.56 268.38l27.43-182.56h7.59l-27.42 182.56h-7.6z"/><path fill="#e6e6e6" d="M88.25 85.81v182.56h-.89V85.81z"/><path fill="#ebebeb" opacity=".6" d="M78.66 91.12h108.81l.64-2.57H79.31l-.65 2.57zM78.66 95.32h108.81l.64-2.56H79.31l-.65 2.56zM78.66 99.53h108.81l.64-2.56H79.31l-.65 2.56zM78.66 103.74h108.81l.64-2.57H79.31l-.65 2.57zM78.66 107.95h108.81l.64-2.57H79.31l-.65 2.57zM78.66 112.15h108.81l.64-2.56H79.31l-.65 2.56z"/><path fill="#f0f0f0" d="M58.78 67H215.7v3.79H58.78z"/><path fill="#fafafa" opacity=".8" d="M204.61 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M204.61 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M196.36 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M196.36 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M188.11 63.81h8.25v242.84h-8.25zM77.09 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M77.09 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M68.84 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" opacity=".8" d="M68.84 63.81h2.14v242.84h-2.14z"/><path fill="#fafafa" opacity=".8" d="M60.59 63.81h8.25v242.84h-8.25z"/><path fill="#f0f0f0" d="M392.58 375.61h-16.81v-84h16.81z"/><path fill="#f0f0f0" d="M386.44 382.4H243.98v-6.79h142.46z"/><path fill="#f5f5f5" d="M237.85 291.61h137.92v84H237.85z"/><path fill="#f0f0f0" d="M250.41 300.51H363.2v27.94H250.41zM250.41 334.85H363.2v27.94H250.41z"/><path d="M293.44 304.36h26.73a2.41 2.41 0 002.41-2.41 2.42 2.42 0 00-2.41-2.41h-26.73A2.42 2.42 0 00291 302a2.41 2.41 0 002.44 2.36zM293.44 338.71h26.73a2.42 2.42 0 002.41-2.41 2.41 2.41 0 00-2.41-2.41h-26.73a2.41 2.41 0 00-2.44 2.41 2.42 2.42 0 002.44 2.41z" fill="#f5f5f5"/><path fill="#f0f0f0" d="M375.76 291.62H233.58v-3.28h142.18z"/><path fill="#e6e6e6" d="M375.76 288.33h21.28v3.28h-21.28z"/><path d="M108.34 376.83a7.25 7.25 0 01-7.23-7.23v-70.76a7.25 7.25 0 017.23-7.23 7.24 7.24 0 017.22 7.23v70.76a7.24 7.24 0 01-7.22 7.23z" fill="#f5f5f5"/><path d="M112.47 374a4.9 4.9 0 01-4.88-4.88v-69.78a4.9 4.9 0 014.88-4.88 4.9 4.9 0 014.89 4.88v69.76a4.9 4.9 0 01-4.89 4.9z" fill="#ebebeb"/><path d="M118.83 376.83a7.24 7.24 0 01-7.22-7.23v-70.76a7.24 7.24 0 017.22-7.23 7.25 7.25 0 017.23 7.23v70.76a7.25 7.25 0 01-7.23 7.23z" fill="#f5f5f5"/><path d="M123 374a4.89 4.89 0 01-4.88-4.88v-69.78a4.89 4.89 0 014.88-4.88 4.89 4.89 0 014.88 4.88v69.76A4.89 4.89 0 01123 374z" fill="#ebebeb"/><rect x="122.1" y="291.61" width="14.45" height="85.22" rx="7.23" fill="#f5f5f5"/><path d="M133.47 374a4.89 4.89 0 01-4.88-4.88v-69.78a4.89 4.89 0 014.88-4.88 4.89 4.89 0 014.88 4.88v69.76a4.89 4.89 0 01-4.88 4.9z" fill="#ebebeb"/><path d="M139.83 376.83a7.25 7.25 0 01-7.23-7.23v-70.76a7.25 7.25 0 017.23-7.23 7.25 7.25 0 017.23 7.23v70.76a7.25 7.25 0 01-7.23 7.23z" fill="#f5f5f5"/><path d="M144 374a4.9 4.9 0 01-4.89-4.88v-69.78a4.9 4.9 0 014.89-4.88 4.9 4.9 0 014.88 4.88v69.76A4.9 4.9 0 01144 374z" fill="#ebebeb"/><path d="M150.33 376.83a7.25 7.25 0 01-7.23-7.23v-70.76a7.25 7.25 0 017.23-7.23 7.25 7.25 0 017.23 7.23v70.76a7.25 7.25 0 01-7.23 7.23z" fill="#f5f5f5"/><path d="M154.47 374a4.9 4.9 0 01-4.89-4.88v-69.78a4.9 4.9 0 014.89-4.88 4.9 4.9 0 014.88 4.88v69.76a4.9 4.9 0 01-4.88 4.9z" fill="#ebebeb"/><path d="M160.83 376.83a7.25 7.25 0 01-7.23-7.23v-70.76a7.25 7.25 0 017.23-7.23 7.24 7.24 0 017.22 7.23v70.76a7.24 7.24 0 01-7.22 7.23z" fill="#f5f5f5"/><path d="M165 374a4.9 4.9 0 01-4.88-4.88v-69.78a4.9 4.9 0 014.88-4.88 4.9 4.9 0 014.89 4.88v69.76A4.9 4.9 0 01165 374z" fill="#ebebeb"/><path d="M171.33 376.83a7.25 7.25 0 01-7.23-7.23v-70.76a7.25 7.25 0 017.23-7.23 7.24 7.24 0 017.22 7.23v70.76a7.24 7.24 0 01-7.22 7.23z" fill="#f5f5f5"/><rect x="157.39" y="364.15" width="24.4" height="3.2" rx="1.6" fill="#f5f5f5"/><path d="M180.19 306.38H159a1.6 1.6 0 01-1.6-1.6 1.6 1.6 0 011.6-1.6h21.2a1.6 1.6 0 011.6 1.6 1.6 1.6 0 01-1.61 1.6z" fill="#f5f5f5"/><g><ellipse cx="250" cy="416.24" rx="193.89" ry="11.32" fill="#f5f5f5"/></g><g><path d="M409.83 248.66h-239a9.25 9.25 0 01-9.32-9.93l8.76-141.08a10.75 10.75 0 0110.55-9.94h239a9.26 9.26 0 019.32 9.94l-8.76 141.08a10.75 10.75 0 01-10.55 9.93z" fill="currentColor"/><path d="M409.83 248.66h-239a9.25 9.25 0 01-9.32-9.93l8.76-141.08a10.75 10.75 0 0110.55-9.94h239a9.26 9.26 0 019.32 9.94l-8.76 141.08a10.75 10.75 0 01-10.55 9.93z" fill="#fff" opacity=".8"/><path d="M201.46 128.36H173a2.61 2.61 0 01-2.64-2.81l.81-13a3 3 0 013-2.82h28.46z" fill="#fff" opacity=".4"/><path d="M419.67 90.2H211.28a8 8 0 00-7.91 7.45l-2 32.37H172.9a3 3 0 00-3 2.82l-.75 12.2a2.61 2.61 0 002.64 2.82h28.46l-5.64 90.87a6.92 6.92 0 007 7.45H410a8 8 0 007.91-7.45l8.76-141.08a6.91 6.91 0 00-7-7.45z" fill="#fff"/><path d="M199 167.36h-28.42a2.62 2.62 0 01-2.65-2.82l.76-12.2a3 3 0 013-2.82h28.46zM197.83 186.86h-28.46a2.62 2.62 0 01-2.65-2.82l.76-12.21a3 3 0 013-2.81h28.46zM196.62 206.36h-28.46a2.63 2.63 0 01-2.65-2.82l.76-12.21a3.05 3.05 0 013-2.82h28.46zM195.41 225.85H167a2.62 2.62 0 01-2.7-2.85l.76-12.2a3 3 0 013-2.82h28.47z" fill="#fff" opacity=".4"/><path d="M172.63 145.59a1.13 1.13 0 01-1.15-1.23l.66-10.71a1.48 1.48 0 011.44-1.36h24.12a1.13 1.13 0 011.15 1.23l-.66 10.72a1.48 1.48 0 01-1.44 1.35z" fill="currentColor" opacity=".2"/><path d="M253 107h-34.43a4.47 4.47 0 01-4.49-4.79 5.17 5.17 0 015.08-4.78h34.41a4.46 4.46 0 014.49 4.78A5.19 5.19 0 01253 107z" fill="currentColor" opacity=".3"/><path d="M417 102.22a5.17 5.17 0 01-5.08 4.79 4.46 4.46 0 01-4.49-4.79 5.16 5.16 0 015.08-4.78 4.45 4.45 0 014.49 4.78z" fill="currentColor"/><path d="M319.53 188.84H218a8.83 8.83 0 01-8.9-9.49l3.05-49.35a10.23 10.23 0 0110.07-9.48h101.56a8.81 8.81 0 018.89 9.48l-3.06 49.34a10.26 10.26 0 01-10.08 9.5zm-97.34-67.9a9.79 9.79 0 00-9.63 9.07l-3.06 49.34a8.43 8.43 0 008.51 9.07h101.55a9.79 9.79 0 009.63-9.07l3.07-49.35a8.44 8.44 0 00-8.51-9.07z" fill="currentColor" opacity=".4"/><path d="M230.33 153.34l14.57 9.43a33 33 0 0111.33-10.27L248.4 137a52.81 52.81 0 00-18.07 16.34z" fill="currentColor"/><path d="M230.33 153.34l14.57 9.43a33 33 0 0111.33-10.27L248.4 137a52.81 52.81 0 00-18.07 16.34z" fill="#fff" opacity=".8"/><path d="M221.55 178.6h17.84a31.51 31.51 0 015.51-15.83l-14.57-9.43a50.28 50.28 0 00-8.78 25.26z" fill="#263238"/><path d="M272.36 130.76a49.82 49.82 0 00-24 6.22l7.83 15.52a31.31 31.31 0 0115-3.89 27.86 27.86 0 0128.13 30h17.84c1.72-26.43-18.37-47.85-44.8-47.85zM260.78 207h-52.3a.85.85 0 01-.85-.91l.23-3.68a1 1 0 011-.91h52.3z" fill="currentColor"/><path d="M260.78 207h66a1 1 0 001-.91l.23-3.68a.85.85 0 00-.85-.91h-66z" fill="currentColor" opacity=".2"/><path d="M296.3 221.51h-88.72a.84.84 0 01-.85-.91l.23-3.67a1 1 0 011-.91h88.72z" fill="currentColor"/><path d="M296.3 221.51h29.58a1 1 0 001-.91l.23-3.67a.84.84 0 00-.85-.91h-29.62z" fill="currentColor" opacity=".2"/><path d="M217.1 236h-10.42a.85.85 0 01-.85-.91l.23-3.68a1 1 0 011-.91h10.42z" fill="currentColor"/><path d="M217.1 236H325a1 1 0 001-.91l.23-3.68a.85.85 0 00-.86-.91H217.44z" fill="currentColor" opacity=".2"/><path d="M348.77 236.45a.38.38 0 01-.39-.41l7.16-115.31a.44.44 0 01.44-.41.38.38 0 01.38.41L349.2 236a.44.44 0 01-.43.45z" fill="currentColor"/><path d="M356.83 150.94a3 3 0 01-2.93 2.76 2.57 2.57 0 01-2.59-2.76 3 3 0 012.94-2.76 2.55 2.55 0 012.58 2.76z" fill="#fff"/><path d="M353.88 154.11a3 3 0 01-3-3.17 3.43 3.43 0 013.37-3.18 3 3 0 013 3.18 3.42 3.42 0 01-3.37 3.17zm.34-5.52a2.53 2.53 0 00-2.49 2.35 2.18 2.18 0 002.2 2.34 2.53 2.53 0 002.49-2.34 2.18 2.18 0 00-2.2-2.35z" fill="currentColor"/><path d="M355.29 175.78a3 3 0 01-2.93 2.76 2.57 2.57 0 01-2.59-2.76 3 3 0 012.93-2.78 2.56 2.56 0 012.59 2.78z" fill="#fff"/><path d="M352.34 179a3 3 0 01-3-3.17 3.43 3.43 0 013.37-3.18 3 3 0 013 3.18 3.42 3.42 0 01-3.37 3.17zm.34-5.52a2.53 2.53 0 00-2.49 2.35 2.17 2.17 0 002.2 2.34 2.53 2.53 0 002.49-2.34 2.18 2.18 0 00-2.2-2.4z" fill="currentColor"/><path fill="#fff" d="M351.78 187.86l-3.65 5.71h6.6l-2.95-5.71z"/><path d="M354.7 194h-6.6a.39.39 0 01-.34-.2.42.42 0 010-.42l3.66-5.71a.42.42 0 01.71 0l3 5.71a.44.44 0 01-.4.62zm-5.83-.82H354l-2.3-4.48zM398.45 236.45a.38.38 0 01-.39-.41l7.16-115.31a.44.44 0 01.44-.41.38.38 0 01.39.41L398.89 236a.45.45 0 01-.44.45z" fill="currentColor"/><path d="M403.67 196.71a2.56 2.56 0 00-2.58-2.76 3 3 0 00-2.94 2.76 2.57 2.57 0 002.59 2.76 3 3 0 002.93-2.76z" fill="#fff"/><path d="M400.72 199.88a3 3 0 01-3-3.17 3.42 3.42 0 013.37-3.17 3 3 0 013 3.17 3.42 3.42 0 01-3.37 3.17zm.34-5.52a2.54 2.54 0 00-2.49 2.35 2.19 2.19 0 002.2 2.35 2.54 2.54 0 002.49-2.35 2.19 2.19 0 00-2.2-2.35z" fill="currentColor"/><path d="M407.53 134.6a2.56 2.56 0 00-2.59-2.76 3 3 0 00-2.94 2.76 2.57 2.57 0 002.59 2.76 3 3 0 002.94-2.76z" fill="#fff"/><path d="M404.57 137.77a2.94 2.94 0 01-3-3.17 3.43 3.43 0 013.37-3.18 3 3 0 013 3.18 3.43 3.43 0 01-3.37 3.17zm.35-5.52a2.53 2.53 0 00-2.49 2.35 2.17 2.17 0 002.2 2.34 2.53 2.53 0 002.49-2.34 2.18 2.18 0 00-2.2-2.35z" fill="currentColor"/><path fill="#fff" d="M402.64 168.92l-2.94-5.72h6.59l-3.65 5.72z"/><path d="M402.61 169.33a.38.38 0 01-.34-.21l-2.95-5.71a.43.43 0 010-.41.44.44 0 01.37-.21h6.6a.39.39 0 01.35.21.43.43 0 010 .41l-3.64 5.71a.47.47 0 01-.39.21zm-2.22-5.71l2.3 4.47 2.86-4.47zM373.61 236.45a.38.38 0 01-.39-.41l7.16-115.31a.44.44 0 01.44-.41.37.37 0 01.38.41L374.05 236a.45.45 0 01-.44.45z" fill="currentColor"/><path d="M381.24 158a3 3 0 01-2.94 2.76 2.55 2.55 0 01-2.58-2.76 3 3 0 012.93-2.76 2.57 2.57 0 012.59 2.76z" fill="#fff"/><path d="M378.28 161.2a3 3 0 01-3-3.18 3.42 3.42 0 013.37-3.17 3 3 0 013 3.17 3.43 3.43 0 01-3.37 3.18zm.34-5.53a2.54 2.54 0 00-2.49 2.35 2.19 2.19 0 002.2 2.35 2.54 2.54 0 002.49-2.35 2.18 2.18 0 00-2.2-2.35z" fill="currentColor"/><path d="M377.81 213.26a3 3 0 01-2.93 2.76 2.56 2.56 0 01-2.59-2.76 3 3 0 012.93-2.76 2.57 2.57 0 012.59 2.76z" fill="#fff"/><path d="M374.85 216.43a3 3 0 01-3-3.17 3.43 3.43 0 013.37-3.18 3 3 0 013 3.18 3.42 3.42 0 01-3.37 3.17zm.34-5.52a2.53 2.53 0 00-2.49 2.35 2.18 2.18 0 002.2 2.34 2.53 2.53 0 002.49-2.34 2.18 2.18 0 00-2.2-2.35z" fill="currentColor"/><path fill="#fff" d="M380.46 126.12l-3.66 5.72h6.6l-2.94-5.72z"/><path d="M383.37 132.25h-6.59a.39.39 0 01-.35-.21.43.43 0 010-.41l3.65-5.71a.43.43 0 01.72 0l2.94 5.71a.4.4 0 010 .41.47.47 0 01-.37.21zm-5.82-.83h5.16L380.4 127z" fill="currentColor"/></g><g><path d="M111.54 155.81l-1 4.87-1 5c-.66 3.32-1.22 6.64-1.73 9.9-.26 1.63-.46 3.24-.63 4.83s-.32 3.13-.4 4.62a40 40 0 000 4.08c0 1.17.26 2.17.21 2.28l-.67-1.15c-.3-.3-.85-.58-.94-.45s.26.36.9.53a13.51 13.51 0 002.51.35 29.74 29.74 0 003.22-.08 65.84 65.84 0 007.23-1c1.25-.24 2.52-.49 3.78-.77l3.74-.81.5-.11a5.25 5.25 0 014.24 9.34l-1.87 1.38-1.84 1.26c-1.26.8-2.53 1.58-3.85 2.3a55.3 55.3 0 01-8.46 3.78 41.08 41.08 0 01-4.87 1.31 26.44 26.44 0 01-5.69.54 20.16 20.16 0 01-7-1.34 16.42 16.42 0 01-7.2-5.61 7.56 7.56 0 01-.52-.86l-.15-.29a28 28 0 01-2.55-8 47.2 47.2 0 01-.64-6.62q-.11-3.13 0-6.1t.41-5.85c.34-3.84.91-7.58 1.56-11.29.34-1.85.68-3.69 1.1-5.52.2-.92.4-1.84.63-2.76l.74-2.83a10.47 10.47 0 0120.39 4.73z" fill="currentColor"/><path d="M111.54 155.81l-1 4.87-1 5c-.66 3.32-1.22 6.64-1.73 9.9-.26 1.63-.46 3.24-.63 4.83s-.32 3.13-.4 4.62a40 40 0 000 4.08c0 1.17.26 2.17.21 2.28l-.67-1.15c-.3-.3-.85-.58-.94-.45s.26.36.9.53a13.51 13.51 0 002.51.35 29.74 29.74 0 003.22-.08 65.84 65.84 0 007.23-1c1.25-.24 2.52-.49 3.78-.77l3.74-.81.5-.11a5.25 5.25 0 014.24 9.34l-1.87 1.38-1.84 1.26c-1.26.8-2.53 1.58-3.85 2.3a55.3 55.3 0 01-8.46 3.78 41.08 41.08 0 01-4.87 1.31 26.44 26.44 0 01-5.69.54 20.16 20.16 0 01-7-1.34 16.42 16.42 0 01-7.2-5.61 7.56 7.56 0 01-.52-.86l-.15-.29a28 28 0 01-2.55-8 47.2 47.2 0 01-.64-6.62q-.11-3.13 0-6.1t.41-5.85c.34-3.84.91-7.58 1.56-11.29.34-1.85.68-3.69 1.1-5.52.2-.92.4-1.84.63-2.76l.74-2.83a10.47 10.47 0 0120.39 4.73z" opacity=".2"/><path d="M86.23 411.58S76.77 403 77 400.28l-7.86-4-4.68 8.08 4.34 2.43 1.2-.39.79 1.37c3.92 2 12.48 5.91 15.47 5.8a1.92 1.92 0 00-.03-1.99z" fill="#263238"/><path d="M86.91 310.62c5.72-41 3.85-65.87 9.86-86.06l37.2-3s-16.49 65-24 92.06-31.23 88.42-31.23 88.42l-10.35-5.3s8.45-54.42 18.52-86.12z" fill="#263238"/><path d="M117.25 251.87c-2.53 5.85-7.47 43.42-7.45 62.18 0-.13.08-.28.12-.42 2.65-9.51 6.42-23.72 10.18-38.13z" opacity=".2"/><path d="M146 412.92s-15.43-3.5-16.14-6h-9.79l-.81 9.33h5.44l1-.86 1.22.86c4.4 0 17.12 0 19.86-1.6.02-1.42-.78-1.73-.78-1.73z" fill="#263238"/><path d="M119.87 311.77c-8.17-55.51-8.17-89.88-8.17-89.88l36.4-.59s-4.37 66.2-5.89 93.93c-1.57 28.83-10.57 92.29-10.57 92.29H119s-3-60.1.87-95.75z" fill="#263238"/><path d="M115.92 117.67c-1.73 10.89-4.87 16.73-7 22.14 3.67 3.42 11.53 7.65 19.46 7.54s6.49-5.48 4.36-8.25c-5.69-2.87-5.91-5.77-4.52-8.31z" fill="#7f3e3b"/><path d="M102.32 141.35s5.06-5.95 7.06-6.95 17.13 1 20.7 1.72 7.92 6 7.92 6zM141 116.76c-.16.72.09 1.38.56 1.48s1-.4 1.14-1.12-.09-1.38-.56-1.48-1 .36-1.14 1.12z" fill="#263238"/><path d="M140.71 117.75a26.08 26.08 0 002.06 6.87c-1.54.91-3.58-.1-3.58-.1z" fill="#630f0f"/><path d="M143.46 112.63a.41.41 0 01-.4 0 3.39 3.39 0 00-3.11.1.42.42 0 01-.59-.12.43.43 0 01.12-.6 4.23 4.23 0 013.92-.18.43.43 0 01.22.57.38.38 0 01-.16.23z" fill="#263238"/><path d="M117.18 109.46c-1.43 8.92-2.73 14.07.72 19.55 5.18 8.24 17 6.56 21.07-1.78 3.68-7.5 5.41-20.83-2.45-26.19a12.46 12.46 0 00-19.34 8.42z" fill="#7f3e3b"/><path d="M133.39 118c7.22 1.56 5.12-7.36 3.39-8.25 4.34 2.6 7.22-.42 7-3.14 3.32-.55 3.15-6 .87-6.17-1.44-3.77-8.17-6.94-9.42-4.61-3.63-4.22-13.35-3.5-11.94-.44-3.69-.72-11.55-.39-8.92 5.17-5.61.72-5.34 10.32-1.68 11.32-3.83 2.12-.12 9.36 1.53 13.9s18.09.5 19.17-7.78z" fill="#263238"/><path d="M129.28 117.09a7.61 7.61 0 001.18 5.45c1.41 2 3.59.75 4.44-1.66.76-2.16.94-5.8-1.07-6.89s-4.18.66-4.55 3.1z" fill="#7f3e3b"/><path d="M102.83 140.35c12.3-1.51 29.75-1.38 41.33.64A13.17 13.17 0 01155 152.91c1.44 17.67-2.47 48.55-5.85 79.64-27.25 9.14-54.91-.13-54.91-.13-.61-6.27 2.77-26.82 4.88-37.79-1.55-11.32-5.48-24.29-7.69-39.34a13.15 13.15 0 0111.4-14.94z" fill="currentColor"/><path d="M139.84 165.09c1.86 10.64 7.75 23.32 13.14 31.71.74-7.35 1.36-14.35 1.75-20.81z" opacity=".2"/><path d="M229.93 140.44a17.77 17.77 0 00-19.06 30c-1.78 2.4-7 9.45-8.59 12.17-2 3.29-3 6.25-1.62 7.07s3.48-1.51 5.43-4.8c1.62-2.71 5.34-10.65 6.59-13.37a17.77 17.77 0 0017.25-31.06zm4.27 23.23a15.54 15.54 0 11-5.41-21.31 15.53 15.53 0 015.41 21.31z" fill="currentColor"/><path d="M234.93 164.1a16.39 16.39 0 11-5.71-22.46 16.38 16.38 0 015.71 22.46z" fill="currentColor" opacity=".2"/><path d="M209.43 179.66l-2.17-1.92a3.36 3.36 0 00-3-.76l-5 1.14a6.28 6.28 0 00-4.4 3.72l-.48 1.16c3.37 3.43 9.54 4.66 9.54 4.66l1.73.54a2.79 2.79 0 003.57-1.76l1.13-3.39a3.27 3.27 0 00-.92-3.39z" fill="#7f3e3b"/><path d="M154.47 149.29l2 4.39 2.11 4.48c1.41 3 2.9 5.89 4.39 8.72q1.13 2.12 2.32 4.11c.77 1.33 1.56 2.61 2.36 3.79a38.85 38.85 0 002.35 3.12c.7.86 1.42 1.48 1.44 1.58l-1.24-.51a12 12 0 004.36 1.1 43.06 43.06 0 006.37.08c2.28-.1 4.63-.34 7-.62 1.19-.15 2.4-.29 3.61-.47l3.58-.48.49-.07a5.26 5.26 0 013.6 9.6l-1.82 1.2-1.79 1.08c-1.21.69-2.43 1.36-3.69 2s-2.53 1.21-3.84 1.75-2.66 1-4 1.49a46 46 0 01-8.9 2 28.27 28.27 0 01-10.86-.66 4.81 4.81 0 01-.75-.28l-.48-.23a26.69 26.69 0 01-6.86-4.74 46.93 46.93 0 01-4.48-4.82 83.07 83.07 0 01-6.74-9.64c-2-3.23-3.74-6.51-5.39-9.8-.81-1.66-1.62-3.31-2.36-5-.37-.84-.75-1.69-1.1-2.54l-1.08-2.67a10.47 10.47 0 0119.22-8.3z" fill="currentColor"/></g><g><path d="M362.85 378.84c-1.54-12.09 5.2-21.84 11.72-31.28 7.67-11.1 15.6-22.57 10.91-38.32a33 33 0 00-6.31-11.77 40.88 40.88 0 01-13.75 18c-8.7 6.48-19 8.52-26.17 5.21-4.05-1.86-9-6.25-9.75-16.53-.74-10.52 5.37-18 16.33-20s24.27 2 33 11.41a43.49 43.49 0 001.84-20.25l1-.14a44.23 44.23 0 01-2.07 21.24 33.94 33.94 0 016.84 12.59c4.83 16.2-3.24 27.88-11.05 39.17-6.71 9.71-13 18.88-11.55 30.58zm-11.33-94.2a31.2 31.2 0 00-5.51.48c-10.41 1.89-16.21 9-15.52 18.93.54 7.75 3.71 13.18 9.18 15.69 6.87 3.16 16.75 1.16 25.16-5.1a39.92 39.92 0 0013.6-18 36.79 36.79 0 00-26.91-12z" fill="#263238"/><path d="M381.57 278.67c-7.92-7.07-8.83-16.4-4.19-18.37 6.43-2.73 8.83 8.63 4.19 18.37zM375.56 347c-5.66-9-6-20.22.91-21 6.29-.74 7.67 9.92-.91 21z" fill="currentColor"/><path d="M381.75 281.64c-1.09-6.71 2.21-11.71 5.31-10.82 4.29 1.23.94 7.84-5.31 10.82zM366.18 314.07c-3.47-7.48-1.25-14.41 2.67-14.39 5.42.04 3.63 8.87-2.67 14.39zM352.86 284.24c-7.14 1.21-12.5-2.28-11.57-5.59 1.29-4.59 8.36-1.03 11.57 5.59z" fill="currentColor"/><path d="M352.86 284.24c-4.38-2.34-5-5.82-2.76-6.75 3.15-1.29 4.65 2.9 2.76 6.75zM387.28 314c-1.73-4.67.1-7.7 2.41-6.89 3.21 1.13 1.56 5.25-2.41 6.89zM331.11 310.73c-4.95.54-7.44-2-6.09-4 1.88-2.86 5.48-.25 6.09 4zM392.202 396.072l2.36-17.36.99.135-2.36 17.36zM390.413 408.877l1.141-8.393.991.135-1.14 8.393zM344 371.23l5.79 42.34a3.09 3.09 0 003.06 2.67h31.26a3.09 3.09 0 003.06-2.67l5.79-42.34a3.09 3.09 0 00-3.06-3.5H347a3.09 3.09 0 00-3 3.5z" fill="currentColor"/></g></svg>
diff --git a/src/assets/svg-icon/cast.svg b/src/assets/svg-icon/cast.svg
new file mode 100644
index 0000000..4f008d3
--- /dev/null
+++ b/src/assets/svg-icon/cast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="prefix__prefix__feather prefix__prefix__feather-cast"><path d="M2 16.1A5 5 0 015.9 20M2 12.05A9 9 0 019.95 20M2 8V6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2h-6M2 20h.01"/></svg>
diff --git a/src/assets/svg-icon/chrome.svg b/src/assets/svg-icon/chrome.svg
new file mode 100644
index 0000000..6314173
--- /dev/null
+++ b/src/assets/svg-icon/chrome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="4"/><path d="M21.17 8H12M3.95 6.06L8.54 14m2.34 7.94L15.46 14"/></svg>
diff --git a/src/assets/svg-icon/copy.svg b/src/assets/svg-icon/copy.svg
new file mode 100644
index 0000000..ab25601
--- /dev/null
+++ b/src/assets/svg-icon/copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
diff --git a/src/assets/svg-icon/custom-icon.svg b/src/assets/svg-icon/custom-icon.svg
new file mode 100644
index 0000000..b33a43f
--- /dev/null
+++ b/src/assets/svg-icon/custom-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24"><path fill="currentColor" d="M19 10c0 1.38-2.12 2.5-3.5 2.5s-2.75-1.12-2.75-2.5h-1.5c0 1.38-1.37 2.5-2.75 2.5S5 11.38 5 10h-.75c-.16.64-.25 1.31-.25 2a8 8 0 008 8 8 8 0 008-8c0-.69-.09-1.36-.25-2H19m-7-6C9.04 4 6.45 5.61 5.07 8h13.86C17.55 5.61 14.96 4 12 4m10 8a10 10 0 01-10 10A10 10 0 012 12 10 10 0 0112 2a10 10 0 0110 10m-10 5.23c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81z"/></svg>
diff --git a/src/assets/svg-icon/download.svg b/src/assets/svg-icon/download.svg
new file mode 100644
index 0000000..76dc307
--- /dev/null
+++ b/src/assets/svg-icon/download.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="1708437160668" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6824" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M896 874.667A21.333 21.333 0 0 1 874.667 896H149.333A21.333 21.333 0 0 1 128 874.667V512h85.333v298.667h597.334V512H896v362.667z" p-id="6825" fill="#4f555e"></path><path d="M554.667 426.667V128h-85.334v298.667H363.52a10.667 10.667 0 0 0-8.32 17.322l148.48 185.6a10.667 10.667 0 0 0 16.64 0l148.48-185.6a10.667 10.667 0 0 0-8.32-17.322H554.667z" p-id="6826" fill="#4f555e"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/empty-data.svg b/src/assets/svg-icon/empty-data.svg
new file mode 100644
index 0000000..293486c
--- /dev/null
+++ b/src/assets/svg-icon/empty-data.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><ellipse cx="250.11" cy="316.94" rx="236.67" ry="136.64" fill="#f5f5f5"/><g fill="#e6e6e6"><ellipse cx="428.84" cy="396.29" rx="47.07" ry="27.17"/><path d="M129.09 343.48l119.83 69.19a9.49 9.49 0 008.56 0l156.35-90c2.36-1.36 2.36-3.56 0-4.92l-120.39-69.33a9.49 9.49 0 00-8.56 0l-155.79 90.12c-2.36 1.37-2.36 3.58 0 4.94zM103.61 326.57l-60.4-34.87c-2.39-1.38-2.39-3.63 0-5 15-8.73 64.11-37.21 64.74-37.36s49.86 28.63 64.9 37.43c2.38 1.4 2.37 3.64 0 5l-60.55 34.79a9.57 9.57 0 01-8.69.01zM311.3 219.16c13.35-7.7 35-7.7 48.33 0 11.31 6.53 13 16.5 5.16 24.08a5.74 5.74 0 011.27.52l42.16 24.34c1.79 1 1.79 2.71 0 3.74l-2.64 1.52a6.62 6.62 0 01-6.37-.18L360 247.49a2.37 2.37 0 01-.45-.36c-13.36 7.63-34.9 7.61-48.2-.07s-13.35-20.19-.05-27.9z"/></g><path d="M305.55 224.18v8.3c0 4.5 3 9 8.93 12.45 11.91 6.87 31.22 6.87 43.13 0 5.95-3.44 8.93-8 8.93-12.45v-8.3c0-4.51-3-9-8.93-12.45-11.91-6.88-31.22-6.88-43.13 0-6 3.43-8.93 7.94-8.93 12.45zm58 0c0 3.6-2.65 7.12-7.45 9.89-5.32 3.07-12.46 4.76-20.09 4.76s-14.78-1.69-20.09-4.76c-4.81-2.77-7.46-6.29-7.46-9.89s2.65-7.12 7.46-9.9c5.31-3.07 12.45-4.76 20.09-4.76s14.77 1.69 20.09 4.76c4.84 2.78 7.49 6.29 7.49 9.9z" fill="currentColor"/><path d="M337 241.77v8.29c-8.13.15-16.35-1.55-22.56-5.13-6-3.44-8.93-8-8.93-12.45v-8.3a8.06 8.06 0 010-.85c-.39 4.78 2.57 9.64 8.9 13.3s14.5 5.29 22.59 5.14z" opacity=".05"/><path d="M357.61 211.73c-11.91-6.88-31.22-6.88-43.13 0s-11.91 18 0 24.9 31.22 6.87 43.13 0 11.91-18.03 0-24.9zm-1.47 22.34c-5.32 3.07-12.46 4.76-20.09 4.76s-14.77-1.69-20.09-4.76c-4.81-2.77-7.46-6.29-7.46-9.89s2.65-7.12 7.46-9.9c5.32-3.07 12.45-4.76 20.09-4.76s14.77 1.69 20.09 4.76c4.81 2.78 7.45 6.29 7.45 9.9s-2.59 7.12-7.45 9.89z" fill="#fff" opacity=".6"/><path d="M363.6 224.18a8.16 8.16 0 01-1.2 4.15 16.47 16.47 0 00-6.27-5.75c-5.31-3.07-12.45-4.76-20.09-4.76s-14.76 1.69-20.08 4.76a16.74 16.74 0 00-6.28 5.75 8.33 8.33 0 01-1.18-4.15c0-3.61 2.65-7.12 7.46-9.9 5.32-3.07 12.45-4.76 20.08-4.76s14.78 1.69 20.09 4.76c4.87 2.78 7.47 6.29 7.47 9.9z" fill="currentColor"/><path d="M356.14 218c-5.32-3.07-12.46-4.76-20.09-4.76S321.28 215 316 218c-4 2.29-6.46 5.08-7.21 8 .75 2.93 3.24 5.72 7.21 8 5.32 3.07 12.45 4.76 20.09 4.76s14.77-1.69 20.09-4.76c4-2.29 6.46-5.08 7.21-8-.79-2.88-3.28-5.67-7.25-8z" fill="#fff" opacity=".5"/><path d="M356.7 241.91a4.77 4.77 0 012.12-3.71 1.51 1.51 0 011.51-.16l10.26 5.85a1.53 1.53 0 01.63 1.38 4.75 4.75 0 01-2.13 3.71 1.51 1.51 0 01-1.51.15l-10.26-5.86a1.51 1.51 0 01-.62-1.36z" fill="#37474f"/><path d="M357.34 243.29a1.51 1.51 0 01-.64-1.38 4.13 4.13 0 01.37-1.6l13.23 7.57a4.07 4.07 0 01-1.19 1.12 1.51 1.51 0 01-1.51.15l-10.26-5.86z" fill="#263238"/><path d="M368.31 246l-.22.35z"/><path d="M403.69 266.47L368.32 246a5.37 5.37 0 011.82-1.9 2 2 0 011.93-.22l34 18.18z" fill="currentColor"/><path d="M403.69 266.47L368.32 246a5.37 5.37 0 011.82-1.9 2 2 0 011.93-.22l34 18.18z" fill="#fff" opacity=".6"/><path d="M403.69 266.47l-2.61 4.62-32.87-20.32a2 2 0 01-.83-1.8 5.17 5.17 0 01.27-1.56c0-.09.08-.2.11-.29.11-.25.22-.49.34-.73l.21-.35z" fill="currentColor"/><path d="M403.69 266.47l-2.61 4.62-32.87-20.32a2 2 0 01-.83-1.8 5.17 5.17 0 01.27-1.56c0-.09.08-.2.11-.29.11-.25.22-.49.34-.73l.21-.35z" opacity=".05"/><path d="M403.64 270.83a8.06 8.06 0 003.62-6.34c0-2.32-1.64-3.26-3.65-2.09a8.06 8.06 0 00-3.62 6.33c.01 2.33 1.64 3.27 3.65 2.1z" fill="currentColor"/><path d="M403.64 270.83a8.06 8.06 0 003.62-6.34c0-2.32-1.64-3.26-3.65-2.09a8.06 8.06 0 00-3.62 6.33c.01 2.33 1.64 3.27 3.65 2.1z" opacity=".3"/><g><g fill="currentColor"><path d="M172.93 385.59a5.81 5.81 0 01-2.85-.69l-92.29-53.29a2.07 2.07 0 010-3.86l21.76-12.57.5.87-21.76 12.56a1.37 1.37 0 00-.83 1.07 1.4 1.4 0 00.83 1.07L170.58 384a5.25 5.25 0 004.7 0L193 373.8l.5.87-17.72 10.23a5.84 5.84 0 01-2.85.69z"/><path d="M172.93 395a5.81 5.81 0 01-2.85-.69l-108.54-62.7a2.07 2.07 0 010-3.86l29.9-17.27.5.87L62 328.61a1.1 1.1 0 000 2.14l108.54 62.66a5.25 5.25 0 004.7 0l25.83-14.91.5.86-25.83 14.92a5.84 5.84 0 01-2.81.72z"/><path d="M172.93 404.35a5.81 5.81 0 01-2.85-.69L45.29 331.61a2.29 2.29 0 01-1.29-1.93 2.32 2.32 0 011.32-1.94l38-21.95.5.87-38 21.95a1.1 1.1 0 000 2.13l124.79 72.05a5.25 5.25 0 004.7 0l34-19.6.5.86-34 19.61a5.84 5.84 0 01-2.88.69z"/></g></g><g><path fill="#263238" d="M42.94 268.7l65 37.53 64.99-37.53-64.99-37.52-65 37.52z"/><path d="M107.93 306.22v17.3a8.84 8.84 0 01-4.32-1l-28.17-16.29L45.54 289a5.73 5.73 0 01-2.6-4.5v-15.8l63.2 36.49z" fill="#455a64"/><path d="M172.93 268.7v15.76a5.76 5.76 0 01-2.6 4.5l-25.84 14.92-32.23 18.61a8.86 8.86 0 01-4.33 1v-17.3l2-1.16z" fill="#37474f"/><path d="M47 276.24v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25V277a1 1 0 00-.43-.75l-.49-.28c-.23-.12-.43.03-.43.27zM49.19 277.5v2.12a.94.94 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM51.38 278.76v2.13a1 1 0 00.43.75l.49.28c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM53.57 280v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.11a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.02-.43.23z" fill="currentColor"/><path d="M55.76 281.28v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.19-.13-.43-.03-.43.25z" fill="#263238"/><path d="M58 282.54v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.29c-.29-.13-.43-.02-.43.25z" fill="currentColor"/><path d="M60.14 283.81v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM62.32 285.07v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM64.51 286.33v2.12a1 1 0 00.43.75l.49.29c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="#263238"/><path d="M66.7 287.59v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM68.89 288.85V291a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.16-.43-.04-.43.23z" fill="currentColor"/><path d="M71.08 290.11v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25zM73.27 291.38v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.13-.43-.03-.43.25z" fill="#263238"/><path d="M75.45 292.64v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM77.64 293.9v2.1a.94.94 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.12-.44-.01-.44.27zM79.83 295.16v2.13a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.25zM82 296.42v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.22-.17-.43-.02-.43.25zM47 282.54v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.29c-.23-.13-.43-.02-.43.25z" fill="currentColor"/><path d="M49.19 283.81v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25z" fill="#263238"/><path d="M51.38 285.07v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M53.57 286.33v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM55.76 287.59v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.03-.43.25z" fill="#263238"/><path d="M58 288.85V291a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.29-.16-.43-.04-.43.23zM60.14 290.11v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25zM62.32 291.38v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.28c-.24-.13-.44-.03-.44.25zM64.51 292.64v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M66.7 293.9v2.1a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.12-.43-.01-.43.27zM68.89 295.16v2.13a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25z" fill="#263238"/><path d="M71.08 296.42v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.17-.43-.02-.43.25zM73.27 297.68v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.13-.43-.02-.43.25z" fill="currentColor"/><path d="M75.45 298.94v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25zM77.64 300.21v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25V301a1 1 0 00-.44-.75l-.48-.28c-.24-.15-.44-.04-.44.24zM79.83 301.47v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.25zM82 302.73v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.03-.43.25z" fill="#263238"/><path d="M89.33 303.62l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.3 1.3 0 01-.55 1.21l-.92.53-.17-.27a2.3 2.3 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" fill="currentColor"/><path d="M89.33 303.62l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.3 1.3 0 01-.55 1.21l-.92.53-.17-.27a2.3 2.3 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" opacity=".2"/><path d="M90.7 303.73a4.14 4.14 0 011.88 3.27c0 1.2-.84 1.68-1.88 1.08a4.16 4.16 0 01-1.88-3.26c0-1.21.84-1.69 1.88-1.09zM97.5 308.33l1-.57a1.29 1.29 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.8 1.8 0 01.06-.48z" fill="currentColor"/><path d="M97.5 308.33l1-.57a1.29 1.29 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.8 1.8 0 01.06-.48z" opacity=".2"/><path d="M98.87 308.44a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.69-1.88 1.09a4.17 4.17 0 01-1.87-3.26c0-1.2.83-1.69 1.87-1.09z" fill="currentColor"/><path fill="#263238" d="M42.94 240.56l65 37.52 64.99-37.52-64.99-37.52-65 37.52z"/><path fill="#455a64" d="M42.94 259.32l65 37.53v-18.77l-65-37.52v18.76z"/><path fill="#37474f" d="M107.94 296.85l64.99-37.53v-18.76l-64.99 37.52v18.77z"/><path fill="currentColor" d="M51.07 268.7v-4.69l56.87 32.84v4.69L51.07 268.7zM168.87 261.67v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path opacity=".2" d="M168.87 261.67v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path d="M47 248.1v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="#263238"/><path d="M49.19 249.36v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.11-.44-.03-.44.25zM51.38 250.62v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M53.57 251.88V254a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.13-.43-.02-.43.26zM55.76 253.14v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.02-.43.25z" fill="#263238"/><path d="M58 254.4v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.29-.15-.43-.02-.43.25zM60.14 255.66v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25zM62.32 256.93v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM64.51 258.19v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25V259a1 1 0 00-.44-.75l-.49-.28c-.23-.17-.43-.06-.43.22z" fill="currentColor"/><path d="M66.7 259.45v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM68.89 260.71v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM71.08 262v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13A1 1 0 0072 262l-.49-.28c-.24-.14-.43-.02-.43.28z" fill="#263238"/><path d="M73.27 263.23v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25V264a1 1 0 00-.43-.75l-.49-.25c-.24-.15-.43 0-.43.23zM75.45 264.5v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM77.64 265.76v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25z" fill="currentColor"/><path d="M79.83 267v2.12a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.1a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.23z" fill="#263238"/><path d="M82 268.28v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.03-.43.25zM47 254.4v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.23-.15-.43-.02-.43.25zM49.19 255.66v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25zM51.38 256.93v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM53.57 258.19v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25V259a1 1 0 00-.43-.75l-.49-.28c-.24-.17-.43-.06-.43.22z" fill="currentColor"/><path d="M55.76 259.45v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.03-.43.25zM58 260.71v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.29-.14-.43-.03-.43.25z" fill="#263238"/><path d="M60.14 262v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.17-.43-.05-.43.25zM62.32 263.23v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25V264a.94.94 0 00-.44-.75l-.48-.29c-.24-.11-.44.04-.44.27zM64.51 264.5v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM66.7 265.76v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM68.89 267v2.12a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.1a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.23z" fill="currentColor"/><path d="M71.08 268.28v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25z" fill="#263238"/><path d="M73.27 269.54v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.02-.43.25zM75.45 270.8v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28a.27.27 0 00-.44.25zM77.64 272.06v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25zM79.83 273.33v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.25zM82 274.59v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.03-.43.25zM89.33 275.48l1-.58a1.32 1.32 0 011.32.14 4.14 4.14 0 011.88 3.25 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.86 1.86 0 01.06-.48z" fill="currentColor"/><path d="M89.33 275.48l1-.58a1.32 1.32 0 011.32.14 4.14 4.14 0 011.88 3.25 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.86 1.86 0 01.06-.48z" opacity=".2"/><path d="M90.7 275.58a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.69-1.88 1.09a4.16 4.16 0 01-1.88-3.26c0-1.2.84-1.67 1.88-1.09zM97.5 280.19l1-.57a1.29 1.29 0 011.32.13 4.16 4.16 0 011.88 3.25 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" fill="currentColor"/><path d="M97.5 280.19l1-.57a1.29 1.29 0 011.32.13 4.16 4.16 0 011.88 3.25 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" opacity=".2"/><path d="M98.87 280.3a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.68-1.88 1.08a4.15 4.15 0 01-1.87-3.25c0-1.21.83-1.69 1.87-1.09z" fill="currentColor"/><path fill="#263238" d="M42.94 212.42l65 37.52 64.99-37.52-64.99-37.53-65 37.53z"/><path fill="#455a64" d="M42.94 231.18l65 37.52v-18.76l-65-37.52v18.76z"/><path fill="#37474f" d="M107.94 268.7l64.99-37.52v-18.76l-64.99 37.52v18.76z"/><path fill="currentColor" d="M51.07 240.56v-4.69l56.87 32.83v4.69l-56.87-32.83zM168.87 233.52v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path opacity=".2" d="M168.87 233.52v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path d="M47 220v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.23-.19-.43-.07-.43.25zM49.19 221.21v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25V222a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25zM51.38 222.48v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M53.57 223.74v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM55.76 225v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.03-.43.25z" fill="#263238"/><path d="M58 226.26v2.13a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25V227a1 1 0 00-.43-.75l-.49-.28c-.29-.1-.43.03-.43.29zM60.14 227.52v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.02-.43.25zM62.32 228.78v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.13-.44-.02-.44.25zM64.51 230.05v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM66.7 231.31v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.06-.43.25zM68.89 232.57v2.12a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM71.08 233.83V236a.93.93 0 00.43.75l.49.25c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.15-.43-.04-.43.24z" fill="currentColor"/><path d="M73.27 235.09v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25z" fill="#263238"/><path d="M75.45 236.35v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28a.27.27 0 00-.44.25zM77.64 237.61v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25zM79.83 238.88V241a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.25zM82 240.14v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.03-.43.25zM47 226.26v2.13a1 1 0 00.43.75l.49.28a.27.27 0 00.43-.25V227a1 1 0 00-.43-.75l-.49-.28c-.23-.1-.43.03-.43.29z" fill="currentColor"/><path d="M49.19 227.52v2.13a1 1 0 00.44.75l.48.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28a.27.27 0 00-.44.25zM51.38 228.78v2.13a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28a.27.27 0 00-.43.25z" fill="#263238"/><path d="M53.57 230.05v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM55.76 231.31v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.06-.43.25z" fill="currentColor"/><path d="M58 232.57v2.12a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.29-.14-.43-.03-.43.25z" fill="#263238"/><path d="M60.14 233.83V236a.93.93 0 00.43.75l.49.29a.27.27 0 00.43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.19-.43-.08-.43.2zM62.32 235.09v2.13a1 1 0 00.44.75l.48.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM64.51 236.35v2.13a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28c-.23-.1-.43-.02-.43.25zM66.7 237.61v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25z" fill="currentColor"/><path d="M68.89 238.88V241a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM71.08 240.14v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25z" fill="#263238"/><path d="M73.27 241.4v2.12a.93.93 0 00.43.75l.49.29a.27.27 0 00.43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.15-.43-.03-.43.25zM75.45 242.66v2.13a1 1 0 00.44.75l.48.28c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM77.64 243.92v2.13a1 1 0 00.44.75l.48.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28a.27.27 0 00-.44.25z" fill="currentColor"/><path d="M79.83 245.18v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25V246a1 1 0 00-.43-.75l-.49-.28c-.26-.17-.43-.06-.43.21z" fill="#263238"/><path d="M82 246.44v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.29c-.22-.13-.43-.02-.43.25zM89.33 247.33l1-.57a1.32 1.32 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.8 1.8 0 01.06-.48z" fill="currentColor"/><path d="M89.33 247.33l1-.57a1.32 1.32 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.8 1.8 0 01.06-.48z" opacity=".2"/><path d="M90.7 247.44a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.69-1.88 1.09a4.16 4.16 0 01-1.88-3.26c0-1.2.84-1.69 1.88-1.09zM97.5 252.05l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.3 1.3 0 01-.55 1.21l-.92.52-.17-.27a2.3 2.3 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" fill="currentColor"/><path d="M97.5 252.05l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.3 1.3 0 01-.55 1.21l-.92.52-.17-.27a2.3 2.3 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" opacity=".2"/><path d="M98.87 252.16a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.68-1.88 1.08a4.17 4.17 0 01-1.87-3.26c0-1.24.83-1.68 1.87-1.08z" fill="currentColor"/><path fill="#263238" d="M42.94 184.27l65 37.53 64.99-37.53-64.99-37.52-65 37.52z"/><path fill="#455a64" d="M42.94 203.04l65 37.52V221.8l-65-37.53v18.77z"/><path fill="#37474f" d="M107.94 240.56l64.99-37.52v-18.77l-64.99 37.53v18.76z"/><path fill="currentColor" d="M51.07 212.42v-4.7l56.87 32.84v4.69l-56.87-32.83zM168.87 205.38v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path opacity=".2" d="M168.87 205.38v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path d="M47 191.81v2.13a1 1 0 00.43.75l.49.28a.27.27 0 00.43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M49.19 193.07v2.13a1 1 0 00.44.75l.48.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28a.27.27 0 00-.44.25z" fill="#263238"/><path d="M51.38 194.33v2.13a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28a.27.27 0 00-.43.25z" fill="currentColor"/><path d="M53.57 195.59v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25zM55.76 196.86V199a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.19-.16-.43-.05-.43.23zM58 198.12v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.29-.14-.43-.03-.43.25zM60.14 199.38v2.12a.93.93 0 00.43.75l.49.29a.27.27 0 00.43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.13-.43-.03-.43.25z" fill="#263238"/><path d="M62.32 200.64v2.13a1 1 0 00.44.75l.48.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM64.51 201.9v2.1a1 1 0 00.43.75l.49.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28c-.23-.11-.43.01-.43.28zM66.7 203.16v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25V204a.93.93 0 00-.43-.75l-.49-.29c-.24-.18-.43-.07-.43.2zM68.89 204.43v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.28c-.24-.18-.43-.03-.43.25z" fill="currentColor"/><path d="M71.08 205.69v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM73.27 207v2.12a.93.93 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.19-.43-.08-.43.25zM75.45 208.21v2.13a1 1 0 00.44.75l.48.28c.24.13.44 0 .44-.25V209a1 1 0 00-.44-.75l-.48-.28c-.24-.15-.44-.04-.44.24z" fill="#263238"/><path d="M77.64 209.47v2.13a1 1 0 00.44.75l.48.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28a.27.27 0 00-.44.25z" fill="currentColor"/><path d="M79.83 210.73v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.02-.43.25zM82 212v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.29c-.22-.14-.43-.03-.43.25zM47 198.12v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM49.19 199.38v2.12a.94.94 0 00.44.75l.48.29c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.13-.44-.03-.44.25z" fill="#263238"/><path d="M51.38 200.64v2.13a1 1 0 00.43.75l.49.28a.27.27 0 00.44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M53.57 201.9v2.1a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.11-.43.01-.43.28zM55.76 203.16v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25V204a.93.93 0 00-.43-.75l-.49-.29c-.19-.18-.43-.07-.43.2zM58 204.43v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.28c-.29-.18-.43-.03-.43.25zM60.14 205.69v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25z" fill="#263238"/><path d="M62.32 207v2.12a.94.94 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.19-.44-.08-.44.25z" fill="currentColor"/><path d="M64.51 208.21v2.13a1 1 0 00.43.75l.49.28c.24.13.44 0 .44-.25V209a1 1 0 00-.44-.75l-.49-.28c-.23-.15-.43-.04-.43.24zM66.7 209.47v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.02-.43.25zM68.89 210.73v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.02-.43.25z" fill="#263238"/><path d="M71.08 212v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12A.93.93 0 0072 212l-.49-.29c-.24-.1-.43.01-.43.29zM73.27 213.26v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25V214a1 1 0 00-.43-.75l-.49-.25c-.24-.13-.43 0-.43.26z" fill="currentColor"/><path d="M75.45 214.52v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM77.64 215.78v2.12a.94.94 0 00.44.75l.48.29c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM79.83 217v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.26-.1-.43.01-.43.25zM82 218.3v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.05-.43.25z" fill="#263238"/><path d="M89.33 219.19l1-.57a1.29 1.29 0 011.32.13 4.16 4.16 0 011.88 3.25 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" fill="currentColor"/><path d="M89.33 219.19l1-.57a1.29 1.29 0 011.32.13 4.16 4.16 0 011.88 3.25 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" opacity=".2"/><path d="M90.7 219.3a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.68-1.88 1.08a4.14 4.14 0 01-1.88-3.25c0-1.2.84-1.69 1.88-1.09zM97.5 223.91l1-.58a1.34 1.34 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.86 1.86 0 01.06-.48z" fill="currentColor"/><path d="M97.5 223.91l1-.58a1.34 1.34 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.86 1.86 0 01.06-.48z" opacity=".2"/><path d="M98.87 224a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.69-1.88 1.09A4.17 4.17 0 0197 225.1c0-1.2.83-1.69 1.87-1.1z" fill="currentColor"/><path fill="#263238" d="M42.94 156.13l65 37.53 64.99-37.53-64.99-37.52-65 37.52z"/><path fill="#455a64" d="M42.94 174.89l65 37.53v-18.76l-65-37.53v18.76z"/><path fill="#37474f" d="M107.94 212.42l64.99-37.53v-18.76l-64.99 37.53v18.76z"/><path fill="currentColor" d="M51.07 184.27v-4.69l56.87 32.84v4.69l-56.87-32.84zM168.87 177.24v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path opacity=".2" d="M168.87 177.24v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path d="M47 163.67v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM49.19 164.93v2.12a.94.94 0 00.44.75l.48.29c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25z" fill="currentColor"/><path d="M51.38 166.19v2.13a1 1 0 00.43.75l.49.28c.24.13.44 0 .44-.25V167a1 1 0 00-.44-.75l-.49-.28c-.23-.17-.43-.06-.43.22z" fill="#263238"/><path d="M53.57 167.45v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.02-.43.25zM55.76 168.71v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.19-.13-.43-.02-.43.25z" fill="currentColor"/><path d="M58 170v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.28c-.29-.16-.43-.05-.43.25zM60.14 171.24v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25V172a1 1 0 00-.43-.75l-.49-.28c-.24-.12-.43.03-.43.27z" fill="#263238"/><path d="M62.32 172.5v2.12a.94.94 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25z" fill="currentColor"/><path d="M64.51 173.76v2.12a1 1 0 00.43.75l.49.29c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="#263238"/><path d="M66.7 175v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.11a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.02-.43.23zM68.89 176.28v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM71.08 177.54v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25zM73.27 178.81v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M75.45 180.07v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM77.64 181.33v2.12a.94.94 0 00.44.75l.48.29c.24.13.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM79.83 182.59v2.13a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.25z" fill="#263238"/><path d="M82 183.85V186a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.22-.16-.43-.04-.43.23zM47 170v2.12a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.23-.16-.43-.05-.43.25zM49.19 171.24v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25V172a1 1 0 00-.44-.75l-.48-.28c-.24-.12-.44.03-.44.27zM51.38 172.5v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M53.57 173.76v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM55.76 175v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.11a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.02-.43.23z" fill="#263238"/><path d="M58 176.28v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.29-.14-.43-.03-.43.25zM60.14 177.54v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25zM62.32 178.81v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25z" fill="currentColor"/><path d="M64.51 180.07v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM66.7 181.33v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM68.89 182.59v2.13a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM71.08 183.85V186a1 1 0 00.43.75l.49.25c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.13-.43-.01-.43.26z" fill="#263238"/><path d="M73.27 185.11v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.13-.43-.02-.43.25zM75.45 186.37v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.12-.44-.02-.44.25zM77.64 187.64v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM79.83 188.9v2.1a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.26-.12-.43-.01-.43.27zM82 190.16v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.03-.43.25zM89.33 191.05l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.3 1.3 0 01-.55 1.21l-.92.52-.17-.27a2.3 2.3 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" fill="currentColor"/><path d="M89.33 191.05l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.3 1.3 0 01-.55 1.21l-.92.52-.17-.27a2.3 2.3 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" opacity=".2"/><path d="M90.7 191.16a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.68-1.88 1.08a4.16 4.16 0 01-1.88-3.26c0-1.24.84-1.68 1.88-1.08zM97.5 195.76l1-.57a1.32 1.32 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.8 1.8 0 01.06-.48z" fill="currentColor"/><path d="M97.5 195.76l1-.57a1.32 1.32 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.8 1.8 0 01.06-.48z" opacity=".2"/><path d="M98.87 195.87a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.69-1.88 1.09A4.17 4.17 0 0197 197c0-1.24.83-1.73 1.87-1.13z" fill="currentColor"/><path d="M170.33 126.49L110.5 92a5.8 5.8 0 00-5.2 0l-59.76 34.49a5.76 5.76 0 00-2.6 4.5v15.76l65 37.52 65-37.52V131a5.76 5.76 0 00-2.61-4.51z" fill="#37474f"/><path d="M108 164.63v19.64l-65-37.52V131a5.81 5.81 0 012.13-4.17c-1 .83-.79 1.94.47 2.67l59.78 34.5a5.31 5.31 0 002.62.63z" fill="#455a64"/><path d="M45.54 129.49L105.38 164a5.72 5.72 0 005.19 0l59.76-34.52c1.44-.83 1.44-2.17 0-3L110.5 92a5.8 5.8 0 00-5.2 0l-59.76 34.49c-1.44.83-1.44 2.17 0 3z" fill="#263238"/><path fill="currentColor" d="M51.07 156.13v-4.69l56.87 32.83v4.69l-56.87-32.83zM168.87 149.09v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path opacity=".2" d="M168.87 149.09v4.69l-60.93 35.18v-4.69l60.93-35.18z"/><path d="M47 135.52v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.29c-.23-.13-.43-.02-.43.25zM49.19 136.79v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.48-.28c-.24-.14-.44-.03-.44.25zM51.38 138.05v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25z" fill="#263238"/><path d="M53.57 139.31v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.06-.43.25zM55.76 140.57v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M58 141.83V144a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.29-.18-.43-.06-.43.21zM60.14 143.09v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.29c-.24-.13-.43-.02-.43.25zM62.32 144.36v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.28c-.24-.11-.44-.03-.44.25zM64.51 145.62v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a1 1 0 00-.44-.75l-.49-.28c-.23-.14-.43-.03-.43.25zM66.7 146.88V149a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25z" fill="#263238"/><path d="M68.89 148.14v2.13a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM71.08 149.4v2.13a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.15-.43-.02-.43.25z" fill="currentColor"/><path d="M73.27 150.66v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.13-.43-.02-.43.25z" fill="#263238"/><path d="M75.45 151.92v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25z" fill="currentColor"/><path d="M77.64 153.19v2.12a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25V154a1 1 0 00-.44-.75l-.48-.28c-.24-.17-.44-.06-.44.22zM79.83 154.45v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.25zM82 155.71v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.03-.43.25z" fill="#263238"/><path d="M47 141.83V144a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.23-.18-.43-.06-.43.21z" fill="currentColor"/><path d="M49.19 143.09v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25zM51.38 144.36v2.12a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.49-.28c-.23-.11-.43-.03-.43.25zM53.57 145.62v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM55.76 146.88V149a.93.93 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.19-.14-.43-.03-.43.25z" fill="#263238"/><path d="M58 148.14v2.13a1 1 0 00.43.75l.49.28c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.29-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M60.14 149.4v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.15-.43-.02-.43.25z" fill="#263238"/><path d="M62.32 150.66v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.13a1 1 0 00-.44-.75l-.48-.28c-.24-.13-.44-.02-.44.25z" fill="currentColor"/><path d="M64.51 151.92v2.13a1 1 0 00.43.75l.49.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.49-.29a.27.27 0 00-.43.25z" fill="#263238"/><path d="M66.7 153.19v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25V154a1 1 0 00-.43-.75l-.49-.28c-.24-.17-.43-.06-.43.22z" fill="currentColor"/><path d="M68.89 154.45v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM71.08 155.71v2.12a.93.93 0 00.43.75l.49.29c.24.13.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.14-.43-.03-.43.25zM73.27 157v2.13a1 1 0 00.43.75l.49.28c.23.14.43 0 .43-.25v-2.13a1 1 0 00-.43-.75l-.49-.28c-.24-.17-.43-.06-.43.25zM75.45 158.23v2.13a1 1 0 00.44.75l.48.28a.27.27 0 00.44-.25V159a1 1 0 00-.44-.75l-.48-.28a.27.27 0 00-.44.26zM77.64 159.49v2.13a1 1 0 00.44.75l.48.28c.24.14.44 0 .44-.25v-2.12a.94.94 0 00-.44-.75l-.48-.29c-.24-.13-.44-.02-.44.25z" fill="#263238"/><path d="M79.83 160.76v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.12a.93.93 0 00-.43-.75l-.49-.28c-.26-.14-.43-.03-.43.25z" fill="currentColor"/><path d="M82 162v2.12a1 1 0 00.43.75l.49.28c.24.14.43 0 .43-.25v-2.1a1 1 0 00-.43-.75l-.49-.28c-.22-.14-.43-.03-.43.23z" fill="#263238"/><path d="M89.33 162.91l1-.58a1.34 1.34 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.86 1.86 0 01.06-.48z" fill="currentColor"/><path d="M89.33 162.91l1-.58a1.34 1.34 0 011.32.13 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.86 1.86 0 01.06-.48z" opacity=".2"/><path d="M90.7 163a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.69-1.88 1.09a4.16 4.16 0 01-1.88-3.26c0-1.19.84-1.68 1.88-1.09zM97.5 167.62l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" fill="currentColor"/><path d="M97.5 167.62l1-.57a1.32 1.32 0 011.32.14 4.16 4.16 0 011.88 3.26 1.33 1.33 0 01-.55 1.22l-.92.53-.17-.28a1.93 1.93 0 01-.54-.21 4.16 4.16 0 01-1.88-3.26 1.75 1.75 0 01.06-.48z" opacity=".2"/><path d="M98.87 167.73a4.16 4.16 0 011.88 3.26c0 1.2-.84 1.68-1.88 1.08a4.17 4.17 0 01-1.87-3.26c0-1.2.83-1.68 1.87-1.08z" fill="currentColor"/></g><g><path d="M134.91 338.6a8.43 8.43 0 003.94 6.54l110.29 63.68a8.75 8.75 0 007.88 0l150.91-87.13a7.4 7.4 0 000-13.08l-110.3-63.67a8.67 8.67 0 00-7.87 0l-150.91 87.13a8.42 8.42 0 00-3.94 6.53z" fill="currentColor"/><path d="M253.08 401.24v8.52a8 8 0 01-3.94-.94l-110.29-63.68a7.37 7.37 0 01-.4-12.82c-1.77 1.26-1.63 3.12.4 4.29l110.29 63.68a8 8 0 003.94.95z" fill="#fff" opacity=".2"/><path d="M131.22 332.21a8.45 8.45 0 01-3.69-6.68V193.91a8.72 8.72 0 013.93-6.82L282.38 100a7.4 7.4 0 0111.32 6.54v131.58a8.7 8.7 0 01-3.94 6.82l-150.91 87.13a8.48 8.48 0 01-7.63.14z" fill="currentColor"/><path d="M138.38 332.3a7.37 7.37 0 01-10.85-6.77V193.91a8 8 0 011.15-3.88l7.39 4.26a8 8 0 00-1.16 3.87v131.63c0 2.33 1.52 3.38 3.47 2.51z" fill="#fff" opacity=".2"/><path d="M134.91 198.17v131.62c0 2.51 1.76 3.53 3.94 2.28l150.91-87.13a8.7 8.7 0 003.94-6.82V106.5c0-2.51-1.76-3.53-3.94-2.27l-150.91 87.12a8.7 8.7 0 00-3.94 6.82z" fill="#fff" opacity=".4"/><path d="M138.85 336.61l110.29 63.68a8.75 8.75 0 007.88 0l150.91-87.13c2.17-1.26 2.17-3.29 0-4.55l-110.3-63.67a8.67 8.67 0 00-7.87 0l-150.91 87.13c-2.18 1.25-2.18 3.29 0 4.54z" fill="currentColor"/><path d="M138.85 336.61l110.29 63.68a8.75 8.75 0 007.88 0l150.91-87.13c2.17-1.26 2.17-3.29 0-4.55l-110.3-63.67a8.67 8.67 0 00-7.87 0l-150.91 87.13c-2.18 1.25-2.18 3.29 0 4.54z" fill="#fff" opacity=".6"/><path d="M141 198.66l145.5-84c1.3-.76 2.36-.15 2.36 1.36V230a5.23 5.23 0 01-2.36 4.09l-145.5 84c-1.31.75-2.37.14-2.37-1.36V202.75a5.2 5.2 0 012.37-4.09z" fill="#455a64"/><path d="M151.65 333.2l140.08-80.87a4.34 4.34 0 013.94 0l7.16 4.13a1.2 1.2 0 010 2.28l-140.1 80.86a4.34 4.34 0 01-3.94 0l-7.14-4.13a1.2 1.2 0 010-2.27z" fill="currentColor"/><path d="M151.65 333.2l140.08-80.87a4.34 4.34 0 013.94 0l7.16 4.13a1.2 1.2 0 010 2.28l-140.1 80.86a4.34 4.34 0 01-3.94 0l-7.14-4.13a1.2 1.2 0 010-2.27z" fill="#fff" opacity=".4"/><path d="M170.12 343.86L310.19 263a4.34 4.34 0 013.94 0l44.07 25.44a1.2 1.2 0 010 2.27l-139.92 80.76a4.37 4.37 0 01-3.94 0l-44.22-25.34a1.2 1.2 0 010-2.27z" fill="currentColor"/><path d="M170.12 343.86L310.19 263a4.34 4.34 0 013.94 0l44.07 25.44a1.2 1.2 0 010 2.27l-139.92 80.76a4.37 4.37 0 01-3.94 0l-44.22-25.34a1.2 1.2 0 010-2.27z" fill="#fff" opacity=".4"/><path d="M295.68 299.37l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.41 2.49c-.19.1-.18.29 0 .4l5.07 2.93a.78.78 0 00.72.04zM287 289.31l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.69-.01zm-14.17 8.18l-7.42 4.29c-.19.11-.18.29 0 .4l5.07 2.93a.75.75 0 00.7 0l7.42-4.28c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.67-.01zm7.76-4.48l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.03-2.95a.79.79 0 00-.7 0zM263.41 303l-4.41 2.48c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.39-2.54c.18-.1.17-.29 0-.4l-5.05-2.87a.78.78 0 00-.7 0zm-6.41 3.7l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.41-2.56c.18-.1.17-.28 0-.4l-5.07-2.93a.78.78 0 00-.73-.02zm20 11.85l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.7 0zm-6.41 3.71l4.39-2.54c.18-.1.17-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.65.01zm-6.41 3.7l4.39-2.54c.18-.1.17-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.65.05zm-6.41 3.7l4.39-2.53c.18-.11.17-.29 0-.41l-5.16-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.74.01zm31.55-26.59l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.75.75 0 00.64 0zm-5.91 11.78l9.78-5.65c.19-.1.18-.28 0-.4l-12.32-7.11a.75.75 0 00-.7 0L275 304.6c-.18.11-.17.29 0 .4l6.52 3.77c.2.11.21.29 0 .4l-4.05 2.34c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.82.01zm-32.77-4.5l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.76.01zm-6.41 3.7l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.92a.76.76 0 00.7 0l4.38-2.51c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.75-.01zm-32 41.5a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.1-.17.29 0 .4zm-19.33-11.89l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.42-2.52c.18-.1.17-.29 0-.4l-5.07-2.93a.78.78 0 00-.73-.01zm10.32 8.68a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.41 2.52c-.19.11-.17.29 0 .4zm20.25 5.46l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.71.01zm-7.11 3.69a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zM199.31 340l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4L200 340a.75.75 0 00-.69 0zm32.05-18.51L227 324c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.73-.03zm-25.64 14.81l-4.39 2.53c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.75.75 0 00-.7-.04zm32.05-18.51l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.71-.03zM225 325.15l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.71-.01zm-6.41 3.7l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.76-.01zm-6.41 3.7l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.76-.01zm32.77 4.51l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.02 2.87a.75.75 0 00.7.06zm56.3-55.93l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.74 0zm-7.76 4.48l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.74-.01zm14.17-8.18l-4.44 2.57c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.69-.03zm-33.18 34.21l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.66 0zm40.29-37.9a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41zm-63.41 59.62l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.47 2.51c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.73.03zM329.92 288l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.71 0zm-13.66-.48l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.69-.04zm5.7-9.56a.75.75 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.41zm1.35-.78l12.32 7.11a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-12.32-7.11a.75.75 0 00-.7 0l-4.38 2.53c-.21.07-.2.22 0 .37zm-14.87 8.16l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.71-.04zm-48.24 27.83l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.69.01zm62.61-21.51a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm-56.2 17.81l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.69.01zm-48.05 42.38a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.1-2.92a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4zm-9.64-9.07l-4.39 2.53c-.19.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.69 0zm16.75 5.38l4.38-2.53c.19-.11.18-.29 0-.4L225 342.3a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.69-.01zm6.41-3.7l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7-.01zm6.41-3.7l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7-.01zm-23.16-1.69l-4.39 2.54c-.19.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.09-2.92a.79.79 0 00-.67-.02zm6.41-3.7l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.69-.01zm25.64-14.8L243 323.1c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7.01zm-6.41 3.7l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.66.01zm12.82-7.4l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.69.01zm-25.64 14.8l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.69-.01zm6.41-3.7l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.06-2.9a.76.76 0 00-.7 0zm-4.68 26.13l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.71.01zm-37.62-3.8l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.39-2.54c.21-.09.2-.27 0-.39zm9.61 2.82l-5.07-2.93a.78.78 0 00-.7 0l-6.75 3.89c-.19.11-.18.29 0 .41l5.08 2.92a.75.75 0 00.7 0l6.74-3.9c.21-.09.2-.28 0-.39zm-17.39-8.48l-5.07-2.93a.78.78 0 00-.7 0l-5.4 3.11c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l5.4-3.12c.21-.1.2-.29 0-.4zm4.14-2.39a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm22.18 14.08l-5.07-2.93a.75.75 0 00-.7 0l-8.44 4.87c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l8.43-4.87c.21-.11.21-.29.01-.4zm4.21 5.93l-5.07-2.92a.76.76 0 00-.7 0l-5.4 3.12c-.19.11-.18.29 0 .4l5.08 2.93a.75.75 0 00.7 0l5.39-3.11c.21-.12.2-.3-.01-.42zm21.27-47.53a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zm-12.82 7.41a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zM195 338.55a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4L195 332.7a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.29 0 .4zm34.84-20.12a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zm-12.82 7.41a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41L217 320a.76.76 0 00-.7 0l-4.3 2.5c-.18.11-.17.29 0 .41zm1.48 36.9a.75.75 0 00-.7 0l-6.75 3.89c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l6.75-3.9c.18-.11.17-.29 0-.4zm-10.68-31.59a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4zm-6.41 3.7a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.06-2.92a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4zm135.85-40.67a.76.76 0 00-.7 0l-10.8 6.23c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l10.79-6.23c.19-.11.18-.29 0-.41zm-14.17 8.18a.76.76 0 00-.7 0l-4.39 2.51c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41zm-86.83 48l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.74.05zm74-40.64a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4zm33.4-19.28a.76.76 0 00-.7 0l-4.35 2.56c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41zm11.48-.78l-12.32-7.11a.78.78 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .4l12.32 7.11a.75.75 0 00.7 0l4.38-2.53c.25-.06.24-.24.04-.36zm-68.84 33.89a.79.79 0 00-.7 0l-5.39 3.12c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l5.4-3.12c.19-.11.18-.29 0-.4zm16.2-9.35a.79.79 0 00-.7 0l-6.75 3.9c-.19.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l6.74-3.9c.19-.11.18-.29 0-.4zm-31 17.92a.79.79 0 00-.7 0L234.7 353c-.19.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l36.1-20.84c.18-.11.17-.29 0-.4zm-38.12 22a.79.79 0 00-.7 0l-5.4 3.12c-.19.11-.18.29 0 .41l5.07 2.92a.76.76 0 00.7 0l5.4-3.12c.19-.11.18-.29 0-.4zm45.54-26.3a.78.78 0 00-.7 0l-5.4 3.12c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l5.4-3.11c.18-.11.17-.29 0-.41zm-53 30.58a.78.78 0 00-.7 0l-5.39 3.12c-.19.1-.18.29 0 .4l5.07 2.93a.78.78 0 00.7 0l5.4-3.11c.19-.11.18-.29 0-.41zm67.82-39.15a.78.78 0 00-.7 0l-5.4 3.12c-.19.1-.18.28 0 .4l5.08 2.93a.76.76 0 00.69 0l5.4-3.11c.19-.11.18-.29 0-.41zm22.94-13.24a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4zm14-10.2l4.39-2.54c.19-.1.17-.28 0-.4L330 290a.78.78 0 00-.7 0l-4.3 2.51c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.68.02zm-28.66-.19l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.76.04zm-14.52 25.12l12.82-7.4c.19-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-12.82 7.4c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.77.04zm36.07-21.25a.76.76 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41zm-6.54-4.16l4.38-2.54c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0L311.3 292c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.73.05zm-35.94 29.11l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.78.04zm28.31-16.77a.76.76 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41zM249.11 343l4.38-2.54c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.71.01zm6.41-3.71l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.41 2.57c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.73-.04zm-12.82 7.41l4.38-2.54c.19-.1.18-.28 0-.4l-5.08-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.72.01zm25.64-14.81l4.38-2.53c.19-.11.18-.29 0-.4l-5.09-2.96a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.73.02zm-6.41 3.7l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.71-.01zm12.82-7.4l4.38-2.53c.19-.11.18-.29 0-.4l-5.13-2.93a.76.76 0 00-.7 0l-4.3 2.52c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.68.01zm29.33-54.75a.76.76 0 00.69 0l4.39-2.54c.19-.1.18-.28 0-.4l-1.35-.78a.78.78 0 00-.7 0l-4.39 2.53c-.19.11-.17.29 0 .4zm-31.54 20.36a.75.75 0 00.7 0l4.38-2.53c.19-.1.18-.29 0-.4l-5.09-2.87a.75.75 0 00-.7 0l-4.39 2.53c-.19.11-.18.29 0 .4zm12.82-7.4a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.39 2.54c-.19.1-.18.29 0 .4zm-20.65 11.92a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.41 2.54c-.18.1-.17.29 0 .4zM279 290.1a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.08-2.93a.73.73 0 00-.69 0l-4.39 2.53c-.19.11-.18.29 0 .4zm-27.06 15.62a.79.79 0 00.7 0l4.36-2.52c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm6.41-3.7a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm32.95-21.18a.76.76 0 00.7 0l4.39-2.53c.19-.11.18-.29 0-.41l-1.35-.78a.78.78 0 00-.7 0l-4.39 2.53c-.19.11-.18.29 0 .4zm19.24-11.1a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-1.42-.8a.75.75 0 00-.7 0l-4.39 2.53c-.19.11-.17.29 0 .4zm10.65 6.15a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.14-2.95a.78.78 0 00-.7 0l-4.43 2.56c-.18.11-.17.29 0 .4zm16 16.27l4.39-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.66.01zm-39.49-15a.74.74 0 00.69 0l4.39-2.53c.19-.11.18-.29 0-.41l-1.35-.78a.78.78 0 00-.7 0l-4.44 2.56c-.19.11-.18.29 0 .4zm-52.19 32.28a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4z" fill="currentColor"/><path d="M295.68 299.37l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.41 2.49c-.19.1-.18.29 0 .4l5.07 2.93a.78.78 0 00.72.04zM287 289.31l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.69-.01zm-14.17 8.18l-7.42 4.29c-.19.11-.18.29 0 .4l5.07 2.93a.75.75 0 00.7 0l7.42-4.28c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.67-.01zm7.76-4.48l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.03-2.95a.79.79 0 00-.7 0zM263.41 303l-4.41 2.48c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.39-2.54c.18-.1.17-.29 0-.4l-5.05-2.87a.78.78 0 00-.7 0zm-6.41 3.7l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.41-2.56c.18-.1.17-.28 0-.4l-5.07-2.93a.78.78 0 00-.73-.02zm20 11.85l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.7 0zm-6.41 3.71l4.39-2.54c.18-.1.17-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.65.01zm-6.41 3.7l4.39-2.54c.18-.1.17-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.65.05zm-6.41 3.7l4.39-2.53c.18-.11.17-.29 0-.41l-5.16-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.74.01zm31.55-26.59l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.75.75 0 00.64 0zm-5.91 11.78l9.78-5.65c.19-.1.18-.28 0-.4l-12.32-7.11a.75.75 0 00-.7 0L275 304.6c-.18.11-.17.29 0 .4l6.52 3.77c.2.11.21.29 0 .4l-4.05 2.34c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.82.01zm-32.77-4.5l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.76.01zm-6.41 3.7l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.92a.76.76 0 00.7 0l4.38-2.51c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.75-.01zm-32 41.5a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.1-.17.29 0 .4zm-19.33-11.89l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.42-2.52c.18-.1.17-.29 0-.4l-5.07-2.93a.78.78 0 00-.73-.01zm10.32 8.68a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.41 2.52c-.19.11-.17.29 0 .4zm20.25 5.46l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.71.01zm-7.11 3.69a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zM199.31 340l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4L200 340a.75.75 0 00-.69 0zm32.05-18.51L227 324c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.73-.03zm-25.64 14.81l-4.39 2.53c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.75.75 0 00-.7-.04zm32.05-18.51l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.71-.03zM225 325.15l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.71-.01zm-6.41 3.7l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.76-.01zm-6.41 3.7l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.76-.01zm32.77 4.51l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.02 2.87a.75.75 0 00.7.06zm56.3-55.93l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.74 0zm-7.76 4.48l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.74-.01zm14.17-8.18l-4.44 2.57c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.69-.03zm-33.18 34.21l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.66 0zm40.29-37.9a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41zm-63.41 59.62l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.47 2.51c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.73.03zM329.92 288l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.71 0zm-13.66-.48l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.69-.04zm5.7-9.56a.75.75 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.41zm1.35-.78l12.32 7.11a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-12.32-7.11a.75.75 0 00-.7 0l-4.38 2.53c-.21.07-.2.22 0 .37zm-14.87 8.16l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.71-.04zm-48.24 27.83l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.69.01zm62.61-21.51a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm-56.2 17.81l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.69.01zm-48.05 42.38a.78.78 0 00.7 0l4.39-2.53c.18-.11.17-.29 0-.4l-5.1-2.92a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4zm-9.64-9.07l-4.39 2.53c-.19.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.69 0zm16.75 5.38l4.38-2.53c.19-.11.18-.29 0-.4L225 342.3a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.69-.01zm6.41-3.7l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7-.01zm6.41-3.7l4.39-2.53c.18-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7-.01zm-23.16-1.69l-4.39 2.54c-.19.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.09-2.92a.79.79 0 00-.67-.02zm6.41-3.7l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.69-.01zm25.64-14.8L243 323.1c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7.01zm-6.41 3.7l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.66.01zm12.82-7.4l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.69.01zm-25.64 14.8l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.69-.01zm6.41-3.7l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.06-2.9a.76.76 0 00-.7 0zm-4.68 26.13l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.71.01zm-37.62-3.8l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l4.39-2.54c.21-.09.2-.27 0-.39zm9.61 2.82l-5.07-2.93a.78.78 0 00-.7 0l-6.75 3.89c-.19.11-.18.29 0 .41l5.08 2.92a.75.75 0 00.7 0l6.74-3.9c.21-.09.2-.28 0-.39zm-17.39-8.48l-5.07-2.93a.78.78 0 00-.7 0l-5.4 3.11c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l5.4-3.12c.21-.1.2-.29 0-.4zm4.14-2.39a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm22.18 14.08l-5.07-2.93a.75.75 0 00-.7 0l-8.44 4.87c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l8.43-4.87c.21-.11.21-.29.01-.4zm4.21 5.93l-5.07-2.92a.76.76 0 00-.7 0l-5.4 3.12c-.19.11-.18.29 0 .4l5.08 2.93a.75.75 0 00.7 0l5.39-3.11c.21-.12.2-.3-.01-.42zm21.27-47.53a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zm-12.82 7.41a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.76.76 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zM195 338.55a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4L195 332.7a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.29 0 .4zm34.84-20.12a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41zm-12.82 7.41a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41L217 320a.76.76 0 00-.7 0l-4.3 2.5c-.18.11-.17.29 0 .41zm1.48 36.9a.75.75 0 00-.7 0l-6.75 3.89c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l6.75-3.9c.18-.11.17-.29 0-.4zm-10.68-31.59a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4zm-6.41 3.7a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.06-2.92a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4zm135.85-40.67a.76.76 0 00-.7 0l-10.8 6.23c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l10.79-6.23c.19-.11.18-.29 0-.41zm-14.17 8.18a.76.76 0 00-.7 0l-4.39 2.51c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41zm-86.83 48l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.74.05zm74-40.64a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4zm33.4-19.28a.76.76 0 00-.7 0l-4.35 2.56c-.18.11-.17.29 0 .41l5.07 2.92a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.41zm11.48-.78l-12.32-7.11a.78.78 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .4l12.32 7.11a.75.75 0 00.7 0l4.38-2.53c.25-.06.24-.24.04-.36zm-68.84 33.89a.79.79 0 00-.7 0l-5.39 3.12c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.7 0l5.4-3.12c.19-.11.18-.29 0-.4zm16.2-9.35a.79.79 0 00-.7 0l-6.75 3.9c-.19.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.7 0l6.74-3.9c.19-.11.18-.29 0-.4zm-31 17.92a.79.79 0 00-.7 0L234.7 353c-.19.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l36.1-20.84c.18-.11.17-.29 0-.4zm-38.12 22a.79.79 0 00-.7 0l-5.4 3.12c-.19.11-.18.29 0 .41l5.07 2.92a.76.76 0 00.7 0l5.4-3.12c.19-.11.18-.29 0-.4zm45.54-26.3a.78.78 0 00-.7 0l-5.4 3.12c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l5.4-3.11c.18-.11.17-.29 0-.41zm-53 30.58a.78.78 0 00-.7 0l-5.39 3.12c-.19.1-.18.29 0 .4l5.07 2.93a.78.78 0 00.7 0l5.4-3.11c.19-.11.18-.29 0-.41zm67.82-39.15a.78.78 0 00-.7 0l-5.4 3.12c-.19.1-.18.28 0 .4l5.08 2.93a.76.76 0 00.69 0l5.4-3.11c.19-.11.18-.29 0-.41zm22.94-13.24a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4zm14-10.2l4.39-2.54c.19-.1.17-.28 0-.4L330 290a.78.78 0 00-.7 0l-4.3 2.51c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.68.02zm-28.66-.19l4.39-2.53c.19-.11.17-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.38 2.54c-.19.1-.18.28 0 .4l5.07 2.93a.78.78 0 00.76.04zm-14.52 25.12l12.82-7.4c.19-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-12.82 7.4c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.77.04zm36.07-21.25a.76.76 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.41l-5.07-2.93a.78.78 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41zm-6.54-4.16l4.38-2.54c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0L311.3 292c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.73.05zm-35.94 29.11l4.38-2.53c.19-.11.18-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .41l5.07 2.93a.78.78 0 00.78.04zm28.31-16.77a.76.76 0 00.7 0l4.39-2.53c.19-.11.17-.29 0-.41l-5.07-2.92a.75.75 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .41zM249.11 343l4.38-2.54c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.71.01zm6.41-3.71l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.41 2.57c-.18.11-.17.29 0 .4l5.07 2.93a.75.75 0 00.73-.04zm-12.82 7.41l4.38-2.54c.19-.1.18-.28 0-.4l-5.08-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4l5.07 2.93a.79.79 0 00.72.01zm25.64-14.81l4.38-2.53c.19-.11.18-.29 0-.4l-5.09-2.96a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.73.02zm-6.41 3.7l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.39 2.54c-.18.1-.17.29 0 .4l5.07 2.93a.78.78 0 00.71-.01zm12.82-7.4l4.38-2.53c.19-.11.18-.29 0-.4l-5.13-2.93a.76.76 0 00-.7 0l-4.3 2.52c-.18.1-.17.28 0 .4l5.07 2.93a.78.78 0 00.68.01zm29.33-54.75a.76.76 0 00.69 0l4.39-2.54c.19-.1.18-.28 0-.4l-1.35-.78a.78.78 0 00-.7 0l-4.39 2.53c-.19.11-.17.29 0 .4zm-31.54 20.36a.75.75 0 00.7 0l4.38-2.53c.19-.1.18-.29 0-.4l-5.09-2.87a.75.75 0 00-.7 0l-4.39 2.53c-.19.11-.18.29 0 .4zm12.82-7.4a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.79.79 0 00-.7 0l-4.39 2.54c-.19.1-.18.29 0 .4zm-20.65 11.92a.78.78 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.41 2.54c-.18.1-.17.29 0 .4zM279 290.1a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.08-2.93a.73.73 0 00-.69 0l-4.39 2.53c-.19.11-.18.29 0 .4zm-27.06 15.62a.79.79 0 00.7 0l4.36-2.52c.19-.1.18-.29 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm6.41-3.7a.75.75 0 00.7 0l4.38-2.53c.19-.11.18-.29 0-.4l-5.07-2.93a.75.75 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4zm32.95-21.18a.76.76 0 00.7 0l4.39-2.53c.19-.11.18-.29 0-.41l-1.35-.78a.78.78 0 00-.7 0l-4.39 2.53c-.19.11-.18.29 0 .4zm19.24-11.1a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-1.42-.8a.75.75 0 00-.7 0l-4.39 2.53c-.19.11-.17.29 0 .4zm10.65 6.15a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.14-2.95a.78.78 0 00-.7 0l-4.43 2.56c-.18.11-.17.29 0 .4zm16 16.27l4.39-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.38 2.53c-.19.11-.18.29 0 .4l5.07 2.93a.79.79 0 00.66.01zm-39.49-15a.74.74 0 00.69 0l4.39-2.53c.19-.11.18-.29 0-.41l-1.35-.78a.78.78 0 00-.7 0l-4.44 2.56c-.19.11-.18.29 0 .4zm-52.19 32.28a.79.79 0 00.7 0l4.38-2.54c.19-.1.18-.28 0-.4l-5.07-2.93a.78.78 0 00-.7 0l-4.39 2.53c-.18.11-.17.29 0 .4z" fill="#fff" opacity=".8"/><path d="M273.9 347.9l43.29-25a5.23 5.23 0 014.72 0l24.82 14.33c1.3.75 1.3 2 0 2.73l-43.28 25a5.19 5.19 0 01-4.73 0l-24.82-14.33c-1.3-.76-1.3-1.98 0-2.73z" fill="currentColor"/><path d="M273.9 347.9l43.29-25a5.23 5.23 0 014.72 0l24.82 14.33c1.3.75 1.3 2 0 2.73l-43.28 25a5.19 5.19 0 01-4.73 0l-24.82-14.33c-1.3-.76-1.3-1.98 0-2.73z" fill="#fff" opacity=".4"/><path d="M131.22 332.2a6 6 0 001.21.52 5.5 5.5 0 01-1.21-.51 2.4 2.4 0 01-.37-.25 3.37 3.37 0 00.37.24z" fill="currentColor"/><path d="M293.66 105.86c-.28-2-1.92-2.78-3.9-1.64l-150.91 87.14a7.93 7.93 0 00-2.79 2.92l-7.38-4.28a8 8 0 012.78-2.94L282.38 100a7.36 7.36 0 0111.28 5.9z" fill="#fff" opacity=".6"/><path d="M138.11 332.57l.06-.05z" fill="currentColor"/><path d="M411.87 315.15a8.45 8.45 0 01-3.94 6.54L257 408.82a8.13 8.13 0 01-3.94.92v-8.51a8 8 0 003.94-.94l150.91-87.13c2-1.18 2.16-3 .4-4.29a8.52 8.52 0 013.56 6.28z" fill="#fff" opacity=".8"/><g><path d="M144.37 303.34c0 1.86 1.31 2.61 2.92 1.68L280.78 228a6.45 6.45 0 002.92-5v-90l-139.33 80.47z" fill="#37474f"/><path d="M195.13 194.51v4.32c0 .88.63 1.24 1.39.8l27.72-16.09V176l-27.72 16.1a3.1 3.1 0 00-1.39 2.41z" fill="#fafafa"/><path d="M231.55 171.79c.77-.44 1.39-.08 1.39.8v4.32a3.06 3.06 0 01-1.39 2.41l-7.31 4.22V176z" fill="currentColor"/><path d="M231 177.72l-.82-.26a4.14 4.14 0 00.13-1.05 1.92 1.92 0 00-.74-1.74 1.16 1.16 0 00-1.19.06 4.17 4.17 0 00-1.63 3.39 1.92 1.92 0 00.75 1.74 1 1 0 00.51.14 1.33 1.33 0 00.67-.2A3.41 3.41 0 00230 178l.82.25h.09a.32.32 0 00.29-.22.29.29 0 00-.2-.31zm-2.62 1.56a.54.54 0 01-.58.05 1.4 1.4 0 01-.44-1.21 3.67 3.67 0 011.32-2.87.85.85 0 01.37-.11.54.54 0 01.22.05 1.44 1.44 0 01.44 1.22 3.65 3.65 0 01-1.32 2.87z" fill="#fafafa"/><path d="M144.37 207.37a6.45 6.45 0 012.92-5l133.49-77.08c1.61-.93 2.92-.17 2.92 1.68V133l-139.33 80.47z" fill="#263238"/><path d="M267.31 136.18a3 3 0 00-1.37 2.37c0 .87.61 1.22 1.37.79a3 3 0 001.36-2.37c0-.87-.61-1.22-1.36-.79zM272.09 133.43a3 3 0 00-1.37 2.36c0 .88.61 1.23 1.37.79a3 3 0 001.36-2.36c0-.87-.61-1.22-1.36-.79zM276.87 130.68a3 3 0 00-1.37 2.32c0 .87.61 1.23 1.37.79a3 3 0 001.36-2.37c0-.83-.61-1.18-1.36-.74z" fill="currentColor"/><path d="M147.29 305l133.49-77a6.45 6.45 0 002.92-5v-65.15l-139.33 80.43v65.06c0 1.86 1.31 2.66 2.92 1.66z" fill="#fafafa"/><path d="M198.83 193l20.36-11.75c.78-.45 1.41-.14 1.41.71a3 3 0 01-1.41 2.35l-20.33 11.67c-.79.45-1.43.15-1.43-.67a3 3 0 011.4-2.31z" fill="#455a64" opacity=".4"/><path d="M195.26 244.81c-.13.07-.23.08-.3 0l-.16-.17-3.3-5.64v7.49a.85.85 0 01-.1.4.56.56 0 01-.22.27l-1 .56a.17.17 0 01-.22 0 .4.4 0 01-.09-.29v-11.76a.93.93 0 01.09-.4.6.6 0 01.22-.28l.83-.47c.13-.08.24-.09.31 0l.15.17 3.31 5.65v-7.49a1 1 0 01.09-.4.62.62 0 01.22-.27l1-.55a.17.17 0 01.22 0 .37.37 0 01.1.29v11.74a.82.82 0 01-.1.4.54.54 0 01-.22.28zM198 235.26a12 12 0 01.25-2.06 8.77 8.77 0 01.65-1.93 7.27 7.27 0 011.06-1.67 5.4 5.4 0 011.51-1.26 2.89 2.89 0 011.5-.49 1.51 1.51 0 011.06.44 2.82 2.82 0 01.65 1.19 7 7 0 01.26 1.78v3.25a12 12 0 01-.25 2.06 8.85 8.85 0 01-.65 1.94 7 7 0 01-1.07 1.66 5.81 5.81 0 01-1.5 1.25 3 3 0 01-1.51.49 1.48 1.48 0 01-1.06-.43 2.6 2.6 0 01-.65-1.19 7.7 7.7 0 01-.25-1.77v-.75-.86-.87-.78zm5.35-3a2.39 2.39 0 00-.55-1.71c-.34-.29-.78-.27-1.33.05a3.45 3.45 0 00-1.33 1.48 5.73 5.73 0 00-.55 2.35V237.5a2.32 2.32 0 00.55 1.7c.34.28.78.26 1.33-.06a3.45 3.45 0 001.33-1.48 5.75 5.75 0 00.55-2.33v-1.55c0-.55-.02-1.06-.03-1.51zM212.39 222.19a3.43 3.43 0 011.52-.52 1.47 1.47 0 011.08.39 2.73 2.73 0 01.66 1.2 8.35 8.35 0 01.27 1.91v2.69a13.08 13.08 0 01-.27 2.23 9.6 9.6 0 01-.66 2 6.57 6.57 0 01-1.06 1.62 5.81 5.81 0 01-1.48 1.21l-3 1.72a.18.18 0 01-.23 0 .39.39 0 01-.09-.29v-11.8a1 1 0 01.09-.4.63.63 0 01.23-.27zm1.94 3.9a4.13 4.13 0 00-.15-1 1.49 1.49 0 00-.36-.66.87.87 0 00-.61-.23 1.88 1.88 0 00-.87.3l-1.59.91v8.18l1.64-1a2.82 2.82 0 00.84-.69 3.84 3.84 0 00.59-.91 4.9 4.9 0 00.36-1.08 6.68 6.68 0 00.15-1.18c.03-.86.03-1.73 0-2.64zM221.18 217.12c.12-.07.22-.07.28 0a1 1 0 01.17.37l2.89 9.82a.41.41 0 010 .12 1 1 0 01-.09.4.63.63 0 01-.23.27l-.85.49c-.16.09-.27.11-.33 0a.56.56 0 01-.13-.22l-.51-1.73-3.73 2.15-.5 2.32a1.94 1.94 0 01-.14.37.79.79 0 01-.33.35l-.85.49a.17.17 0 01-.22 0 .4.4 0 01-.09-.29.53.53 0 010-.13l2.89-13.16a3.26 3.26 0 01.16-.56.7.7 0 01.29-.32zm.65 7.61l-1.3-4.43-1.3 5.93zM230.27 211.87a.17.17 0 01.22 0 .4.4 0 01.1.29v1.29a1 1 0 01-.1.4.65.65 0 01-.22.28l-2.13 1.22v10a.93.93 0 01-.09.4.61.61 0 01-.23.28l-.95.55a.18.18 0 01-.23 0 .39.39 0 01-.09-.29v-10l-2.13 1.23a.17.17 0 01-.22 0 .39.39 0 01-.1-.29v-1.29a1 1 0 01.1-.4.62.62 0 01.22-.27zM234.81 209.25c.13-.07.22-.08.28 0a.85.85 0 01.17.37l2.89 9.82a.37.37 0 010 .12 1 1 0 01-.1.4.62.62 0 01-.22.27l-.85.49c-.16.09-.27.1-.33 0a.45.45 0 01-.13-.23l-.52-1.69-3.7 2.2-.51 2.31a1.9 1.9 0 01-.13.38.72.72 0 01-.33.34l-.85.49a.17.17 0 01-.22 0 .37.37 0 01-.1-.29.61.61 0 010-.14l2.89-13.15a2.92 2.92 0 01.17-.56.68.68 0 01.28-.32zm.65 7.6l-1.3-4.43-1.3 5.93z" fill="currentColor"/></g></g><g><path d="M458.41 276.92c1.42-28.8-.73-35.76-8.29-41.21l-3.34 16.63s3.05 19.75 2.52 26.3c-.45 5.75-1.18 12.94-2.64 17.56a3.55 3.55 0 01-1.57 1.94c-2 1.18-2.8 2.41-4.31 3.92-1.18 1.18-2.16 1.46-2 1.85a1.9 1.9 0 002.41.91 13.08 13.08 0 002.8-1.44 17.63 17.63 0 01-2.94 4.81c-2.82 3.3-3 5.36 2.54 5.53 3.47.11 6.28-2 9.06-9.54a61.67 61.67 0 002.63-8.52c1.47-7.53 2.9-14.11 3.13-18.74z" fill="#a35b5a"/><path d="M443.72 233.38c3.67-.45 8.63.43 11.72 6.25s3.65 15.73 3.79 25.58c0 0-6.5 5.19-14.11 2.39z" fill="currentColor"/><path d="M443.72 233.38c3.67-.45 8.63.43 11.72 6.25s3.65 15.73 3.79 25.58c0 0-6.5 5.19-14.11 2.39z" opacity=".5"/><path d="M450.79 384.23c.54.22.66 1.28.7 3.37 0 1.59.3 4.36-1.57 4.87s-4.58.17-5.73-1.35a73.53 73.53 0 00-4.48-5.88c-1.79-2-3.74-3.9-4.42-6.69-.61-2.51 0-3.58 1.69-4.27 2.37-.95 6 2.4 7.81 3 1.57.43 5.45 6.72 6 6.95z" fill="#263238"/><path d="M450.83 382.29l-.06 2.57a6.31 6.31 0 01-6.5 0c-.1-.25-.59-3.69-.59-3.69z" fill="#a35b5a"/><path d="M429.64 398.57s.68 2.25 1 4.22c.28 1.56.67 4.17.1 5.32s-2.71 1.87-6 1.77c-2.13-.07-5.48 1.31-7.79 2.52s-7.27 1.67-9.75 1.33c-2.92-.41-5.92-2.18-6.36-3.4s.21-2.47 7.18-5.26c.06 0 9.66-2.91 13.08-6.52z" fill="#263238"/><path d="M429.7 395.79s-.05 1.91-.07 3-1.34 2.69-4.67 2.49c-2.34-.13-4-.8-3.82-2.73l.06-2.77z" fill="#a35b5a"/><path d="M453.27 348.22a70.32 70.32 0 00-2.73-13.46s1.17-11.53 1.86-22.47c.74-11.82.58-26.7.87-29.64 0 0-38-8.58-39 5.07s.41 48.52.73 54.54 1.23 11.35 2.25 21.11 3.93 32.41 3.93 32.41a9 9 0 008.5 0s3.3-27.28 3.18-34.21a59.54 59.54 0 00-2.29-15.19s1-11.26 1.83-21.05 1.65-14.49 1.89-18.75l.83-.39s.46 16.94.77 22.95 1.15 11.8 2.63 23c1.29 9.71 5.32 30.29 5.32 30.29 4.31 2.46 7-.15 7-.15s3.42-25.64 2.43-34.06z" fill="currentColor"/><path d="M453.27 348.22a70.32 70.32 0 00-2.73-13.46s1.17-11.53 1.86-22.47c.74-11.82.58-26.7.87-29.64 0 0-38-8.58-39 5.07s.41 48.52.73 54.54 1.23 11.35 2.25 21.11 3.93 32.41 3.93 32.41a9 9 0 008.5 0s3.3-27.28 3.18-34.21a59.54 59.54 0 00-2.29-15.19s1-11.26 1.83-21.05 1.65-14.49 1.89-18.75l.83-.39s.46 16.94.77 22.95 1.15 11.8 2.63 23c1.29 9.71 5.32 30.29 5.32 30.29 4.31 2.46 7-.15 7-.15s3.42-25.64 2.43-34.06z" opacity=".7"/><path d="M434.31 306.59s9.36-4.36 14.09-8.37c0 0-4.44 6-10.15 8.53 0 0-2.48 21-2.46 20.56l-.69-20.74z" opacity=".4"/><path fill="#a35b5a" d="M427.82 228.64l1.98 12.48 11.25-.57-1.31-14.6-11.92 2.69z"/><path d="M452.93 239.91c-1-3.4-5.24-7.18-9.55-6.48-1 .16-2 .33-2.93.5-.51 2.1-5.89 3.72-11.4 2.43-1.66.43-3.19.88-4.57 1.34-4 1.31-7.61 4.63-8.23 17.54 0 0-2 30.1-2.15 35.92 9.78 4.13 20 4.24 25.74 3.13 11.86-2.31 13.4-7.18 13.4-7.18s.64-21.66.49-31c-.12-7.98-.09-13.86-.8-16.2z" fill="#263238"/><path d="M419.5 213.32s-2.95 4.48-2.61 4.92 2.5.83 2.5.83z" fill="#8c3f3e"/><path d="M420.88 216.2a3.52 3.52 0 113.51-3.52 3.52 3.52 0 01-3.51 3.52zm0-6.25a2.74 2.74 0 102.73 2.73 2.73 2.73 0 00-2.73-2.68z" fill="#263238"/><path d="M427.69 200.94c-6 1.26-7.69 3.88-8.25 13.37-.59 9.9.42 13 1.72 14.35.88.9 5.76 1.06 8.23.39 3.08-.85 10.05-3.32 13.31-8.31 3.84-5.86 4.85-13.81.74-17.07-5.79-4.58-13.32-3.24-15.75-2.73z" fill="#a35b5a"/><path d="M422.27 229.15a17.81 17.81 0 005.71.16 4.74 4.74 0 001.92-2.19s-1.13 1.58-7.63 2.03z" fill="#8c3f3e"/><path fill="#263238" d="M417.69 211.95l10.62 1.37-.43.75-10.19-1.32v-.8z"/><path d="M416.64 205.61a9 9 0 003.39 3.25c1.49.78 3 .82 4.64 2.42a7.42 7.42 0 011.46 2.09c.07.17 1.33 1.87 1.4 1.61 0 0 .94-3.66 4-3.2s3.53 4.42 1.57 6.83-3.79 1.48-3.79 1.48.1 5.24 2.42 8.2c0 0 2.64.86 7.49-.18 3-.64 7.21-4.37 9-8.31 3.75-8.36 4-15.88-1.32-18.13-.58-3.85-3.61-5.58-7.06-6.37a17.06 17.06 0 00-5.57-.07 15.48 15.48 0 01-6.2-.58 8.83 8.83 0 00-3.32-.7c-1.13.11-2.29 1.06-2.13 2.18a5.32 5.32 0 00-6 .12c-2.12 1.58-2.16 3.95-1.38 6.31a14.3 14.3 0 001.4 3.05z" fill="#263238"/><path d="M447 203l3.58-2.11A2.08 2.08 0 00447 203zM427.47 217.07l.11-4.15a2.08 2.08 0 10-.11 4.15z" fill="#263238"/><path d="M423.88 240.14c-7.53-5.08-22.38-16-24.18-17.14-2.5-1.53-6.33-1.88-8.68-.63-2.18 1.17-.95 4.09 3.27 9.07 4.09 4.82 21.86 23 21.86 23z" fill="#a35b5a"/><path d="M424.29 238.36c-5.24-3.32-16-10-16-10s-7.42 5.33-5.7 14.28c0 0 10.78 10.33 14 13 2.18 1.76 8.47-1 9.36-7.32 1.17-7.81-1.66-9.96-1.66-9.96z" fill="currentColor"/><path d="M424.29 238.36c-5.24-3.32-16-10-16-10s-7.42 5.33-5.7 14.28c0 0 10.78 10.33 14 13 2.18 1.76 8.47-1 9.36-7.32 1.17-7.81-1.66-9.96-1.66-9.96z" opacity=".5"/><path d="M390.12 224.05c.57-4.13 13.26-12.87 17.6-15.56a32.39 32.39 0 005.45-4.17c.66-.64 1.24-1.35 1.89-2s1.21-1.54 2-2.22a13.68 13.68 0 013.16-2.3 10.76 10.76 0 017-.5c.54.12 1.08.27 1.64.34 1.17.15 2.5 0 3.41.72a.82.82 0 01.36.6c0 .38-.37.62-.71.79-2.67 1.3-5.82 1.74-8.05 3.71-.17.15-1.21 1.52-.64 1.67s2.51-.65 4.61-.59c2.53.07.86 1.53 0 2a15.3 15.3 0 01-4.38 1.69c-2.36.57-4.42.83-6 1.88s-15.64 15.27-15.64 15.27z" fill="#a35b5a"/></g></svg>
diff --git a/src/assets/svg-icon/fa-upload.svg b/src/assets/svg-icon/fa-upload.svg
new file mode 100644
index 0000000..bb7e9a8
--- /dev/null
+++ b/src/assets/svg-icon/fa-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="100" viewBox="0 0 1664 1600"><path fill="black" d="M1280 1408q0-26-19-45t-45-19t-45 19t-19 45t19 45t45 19t45-19t19-45m256 0q0-26-19-45t-45-19t-45 19t-19 45t19 45t45 19t45-19t19-45m128-224v320q0 40-28 68t-68 28H96q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h427q21 56 70.5 92t110.5 36h256q61 0 110.5-36t70.5-92h427q40 0 68 28t28 68m-325-648q-17 40-59 40h-256v448q0 26-19 45t-45 19H704q-26 0-45-19t-19-45V576H384q-42 0-59-40q-17-39 14-69L787 19q18-19 45-19t45 19l448 448q31 30 14 69"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/full-screen-exit.svg b/src/assets/svg-icon/full-screen-exit.svg
new file mode 100644
index 0000000..98a2c42
--- /dev/null
+++ b/src/assets/svg-icon/full-screen-exit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/full-screen-filled.svg b/src/assets/svg-icon/full-screen-filled.svg
new file mode 100644
index 0000000..ebb4adf
--- /dev/null
+++ b/src/assets/svg-icon/full-screen-filled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/heart.svg b/src/assets/svg-icon/heart.svg
new file mode 100644
index 0000000..56e59b4
--- /dev/null
+++ b/src/assets/svg-icon/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
diff --git a/src/assets/svg-icon/k-type1.svg b/src/assets/svg-icon/k-type1.svg
new file mode 100644
index 0000000..9ee8a5d
--- /dev/null
+++ b/src/assets/svg-icon/k-type1.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="1715498941513" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11064" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M263.959212 878.072578H128.16635c-10.236929 0-19.962011-4.043587-27.230231-11.158252a37.569529 37.569529 0 0 1-11.209437-26.820754V183.548136c0-20.985704 17.249225-37.927822 38.439668-37.927822h135.844047c28.86814 0 52.259522-19.859642 52.259522-44.377087s-23.391383-44.377087-52.259522-44.377087H81.997801C36.69939 56.86614 0 93.207238 0 137.942617v747.807658c0 44.786564 36.69939 81.076477 81.997801 81.076477h182.012596c28.86814 0 52.259522-19.859642 52.259522-44.377087 0-24.46626-23.391383-44.377087-52.310707-44.377087zM330.448066 468.851345a9.110867 9.110867 0 0 1-9.162052-9.059682V347.03189c0-13.052084-7.626512-16.174348-16.942117-6.961111l-162.76717 160.873338a17.249225 17.249225 0 0 0 0 24.46626l162.76717 160.873338c9.315605 9.213236 16.942117 6.142157 16.942117-6.961112V566.614016c0-4.964911 4.094772-9.059682 9.162052-9.059682h66.335299c6.50045 0 11.772468-5.220834 11.772468-11.618915V480.470259a11.516545 11.516545 0 0 0-3.429371-8.240728 11.926022 11.926022 0 0 0-8.343097-3.429371H330.448066zM941.695091 56.814956h-182.012596c-28.86814 0-52.259522 19.859642-52.259522 44.377086s23.391383 44.377087 52.259522 44.377087h135.895232c21.190443 0 38.388483 16.993302 38.388483 37.927822v656.545436a37.518344 37.518344 0 0 1-11.260622 26.820754 38.797961 38.797961 0 0 1-27.127861 11.158253h-135.844047c-28.919324 0-52.310707 19.859642-52.310707 44.377086s23.391383 44.377087 52.310707 44.377087h181.961411c45.29841 0 81.997801-36.341098 81.997801-81.076477V137.942617c0-44.786564-36.69939-81.076477-81.997801-81.076477zM719.40018 686.386084l162.76717-160.873338a17.198041 17.198041 0 0 0 0-24.568629l-162.76717-160.822154c-9.36679-9.213236-16.993302-6.090973-16.993302 6.961112v112.759772c0 4.964911-4.094772 9.008497-9.162051 9.059682H627.011896a11.772468 11.772468 0 0 0-11.772468 11.618915v65.46516a11.772468 11.772468 0 0 0 11.772468 11.618914h66.284115c5.06728 0 9.162051 4.094772 9.162052 9.059682v112.759773c0 13.052084 7.677697 16.174348 16.993302 6.961111z" fill="#1890ff" p-id="11065"></path><path d="M544.143957 991.651305V31.939218a32.246326 32.246326 0 0 0-32.246326-31.939218 32.246326 32.246326 0 0 0-32.246326 31.888034v959.916825a32.246326 32.246326 0 1 0 64.492652-0.10237z" fill="#1890ff" fill-opacity=".5" p-id="11066"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/k-type2.svg b/src/assets/svg-icon/k-type2.svg
new file mode 100644
index 0000000..c610d13
--- /dev/null
+++ b/src/assets/svg-icon/k-type2.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="1715499121500" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20062" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M79.084173 949.307857l362.873588 0L441.957761 586.442456 79.084173 586.442456 79.084173 949.307857zM79.084173 465.487663l362.873588 0L441.957761 102.622262 79.084173 102.622262 79.084173 465.487663zM562.904367 949.307857l362.873588 0L925.777955 586.442456 562.904367 586.442456 562.904367 949.307857zM1000.923422 284.054451 744.344742 27.468608 487.758899 284.054451l256.585843 256.585843L1000.923422 284.054451z" fill="#1890ff" p-id="20063"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/k-type3.svg b/src/assets/svg-icon/k-type3.svg
new file mode 100644
index 0000000..cbd3407
--- /dev/null
+++ b/src/assets/svg-icon/k-type3.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="1715499056878" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16987" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m36.394667-283.093333l80.810666 48.085333c19.968 11.904 34.602667 2.688 32.426667-20.736l-9.130667-98.048c-2.218667-23.509333 8.96-56.277333 24.96-73.386666l61.610667-66.005334c16.128-17.322667 10.410667-34.986667-12.373333-39.850666l-88.064-18.858667c-23.04-4.949333-50.176-25.941333-61.098667-47.018667l-45.738667-88.234666c-10.965333-21.205333-28.672-21.077333-39.594666 0l-45.738667 88.234666c-10.965333 21.162667-38.314667 42.112-61.098667 47.018667l-88.064 18.858667c-23.04 4.949333-28.373333 22.698667-12.373333 39.850666l61.610667 66.005334c16.128 17.28 27.136 49.962667 24.96 73.386666l-9.130667 98.048c-2.218667 23.509333 12.330667 32.725333 32.426667 20.736l80.810666-48.085333c19.968-11.904 52.693333-11.946667 72.789334 0z" p-id="16988" fill="#1890ff"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/k-type4.svg b/src/assets/svg-icon/k-type4.svg
new file mode 100644
index 0000000..1d151e9
--- /dev/null
+++ b/src/assets/svg-icon/k-type4.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="1715498703518" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9617" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M319.9 472.2l-51.2-63h-64l83.2 102.4L204.8 614h64l51.2-63 51.2 63h64L352 511.6l83.2-102.4h-64l-51.3 63zM204.8 716.4h-51.2c-14.1 0-25.6-11.5-25.6-25.6V332.4c0-14.1 11.5-25.6 25.6-25.6h51.2V153.2c0-28.3 22.9-51.2 51.2-51.2h588.8c28.3 0 51.2 22.9 51.2 51.2V870c0 28.3-22.9 51.2-51.2 51.2H255.9c-28.3 0-51.2-22.9-51.2-51.2V716.4z m25.5 0V870c0 14.1 11.5 25.6 25.6 25.6h588.8c14.1 0 25.6-11.5 25.6-25.6V153.2c0-14.1-11.5-25.6-25.6-25.6H255.9c-14.1 0-25.6 11.5-25.6 25.6v153.6h256c14.1 0 25.6 11.5 25.6 25.6v358.4c0 14.1-11.5 25.6-25.6 25.6h-256z m358.5-320h204.8c7.1 0 12.8 5.7 12.8 12.8 0 7.1-5.7 12.8-12.8 12.8H588.8c-7.1 0-12.8-5.7-12.8-12.8-0.1-7.1 5.7-12.8 12.8-12.8z m0 102.4h204.8c7.1 0 12.8 5.7 12.8 12.8 0 7.1-5.7 12.8-12.8 12.8H588.8c-7.1 0-12.8-5.7-12.8-12.8-0.1-7.1 5.7-12.8 12.8-12.8z m0 102.4h204.8c7.1 0 12.8 5.7 12.8 12.8 0 7.1-5.7 12.8-12.8 12.8H588.8c-7.1 0-12.8-5.7-12.8-12.8-0.1-7.1 5.7-12.8 12.8-12.8z m0 0" fill="#1890ff" p-id="9618"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/kb-selected.svg b/src/assets/svg-icon/kb-selected.svg
new file mode 100644
index 0000000..b7af83b
--- /dev/null
+++ b/src/assets/svg-icon/kb-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="1713021706998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6527" width="64" height="64" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512 922.182057c-226.53748 0-410.18308-183.644577-410.18308-410.18308S285.46252 101.81692 512 101.81692s410.18308 183.644577 410.18308 410.18308S738.53748 922.182057 512 922.182057zM729.058594 327.418075 466.190675 594.737376 315.981604 441.983343l-50.091862 51.280944 199.931518 203.317639 312.797076-318.094732L729.058594 327.418075z" fill="#ffffff" p-id="6528"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/ksh.svg b/src/assets/svg-icon/ksh.svg
new file mode 100644
index 0000000..19bbd16
--- /dev/null
+++ b/src/assets/svg-icon/ksh.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="1711884846745" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6294" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M889 845H135C60.6 845 0 784.4 0 710V135C0 60.6 60.6 0 135 0h754c74.4 0 135 60.6 135 135v575c0 74.4-60.6 135-135 135zM135 90c-24.8 0-45 20.2-45 45v575c0 24.8 20.2 45 45 45h754c24.8 0 45-20.2 45-45V135c0-24.8-20.2-45-45-45H135zM852 1024H172c-24.9 0-45-20.1-45-45s20.1-45 45-45h680c24.9 0 45 20.1 45 45s-20.1 45-45 45z" p-id="6295" fill="#333639"></path><path d="M214 612.2c-9 0-18.2-2.7-26.1-8.4-20.2-14.4-24.9-42.5-10.5-62.8l129.3-181.3c16.1-22.7 40.2-37.7 67.6-42.3 27.4-4.6 55 1.8 77.7 17.9l161.9 115.4c6.4 4.5 15.2 3.1 19.8-3.3l139.8-195.7c14.4-20.2 42.5-24.9 62.8-10.5 20.2 14.4 24.9 42.5 10.5 62.8L706.9 499.7c-33.3 46.7-98.5 57.7-145.3 24.3L399.7 408.6c-4.2-3-8.4-2.8-10.6-2.4-2.2 0.4-6.2 1.6-9.2 5.8L250.6 593.3c-8.7 12.3-22.6 18.9-36.6 18.9z" p-id="6296" fill="#333639"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/logo-fill.svg b/src/assets/svg-icon/logo-fill.svg
new file mode 100644
index 0000000..18e3c74
--- /dev/null
+++ b/src/assets/svg-icon/logo-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="590.63px" height="600px" viewBox="0 0 504 512"><path fill="#1890ff" d="M322.125 502.369L492.617 343.76c8.685-9.142 13.256-23.768 10.513-35.652L454.222 96.02c-2.742-11.427-13.255-23.311-25.14-26.51L206.483.946c-13.062-2.586-26.205.467-35.653 8.684L11.307 158.184C2.622 165.954-1.95 181.495.794 192.465l52.108 227.171c2.742 11.428 13.255 23.312 25.14 26.511l208.43 64.906c16.582 3.149 27.076-1.535 35.653-8.684M229.793 51.226l153.124 47.08c5.942 1.828 5.942 4.57 0 5.942L302.47 122.53c-5.942 1.828-14.627-.914-18.74-5.485L227.964 56.71c-5.028-5.028-4.114-7.314 1.828-5.485m95.531 274.25c1.829 5.943-2.285 9.6-8.227 7.771l-165.008-51.193c-5.942-1.829-7.313-6.857-2.743-10.97l126.156-117.471c4.57-4.571 9.599-2.743 10.97 3.2zM53.36 176.01L187.285 51.226c4.57-4.571 11.427-3.657 15.998.457l67.191 72.676c4.57 4.571 3.657 11.428-.457 15.998L136.09 265.142c-4.57 4.57-11.427 3.656-15.998-.457l-67.191-72.677c-4.571-5.028-4.114-12.341.457-15.998m32.453 197.46L50.616 218.063c-1.828-5.942.914-7.314 5.028-2.743l55.764 60.336c4.571 4.57 5.943 13.255 4.571 19.197l-24.225 78.619c-1.829 6.399-4.571 6.399-5.942 0m196.09 91.418l-175.064-54.393c-5.943-1.829-9.6-8.228-7.77-14.627l29.253-94.16c1.828-5.942 8.227-9.599 14.626-7.77l175.064 53.936c5.942 1.828 9.599 8.227 7.77 14.627l-29.253 94.16c-2.286 5.941-8.228 9.598-14.627 8.227M437.31 337.36L320.296 446.147c-4.57 4.571-6.856 2.743-5.028-3.2l24.226-78.618c1.828-5.942 8.227-12.341 14.627-13.256l80.447-18.283c5.942-2.285 6.856.457 2.742 4.571m12.798-23.768l-96.445 21.94c-5.942 1.828-12.34-2.286-13.712-8.228l-41.138-178.263c-1.828-5.942 2.286-12.341 8.228-13.713l96.445-21.94c5.942-1.828 12.341 2.286 13.712 8.228l41.138 178.263c1.371 6.856-2.285 12.798-8.228 13.713"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/logo.svg b/src/assets/svg-icon/logo.svg
new file mode 100644
index 0000000..18e3c74
--- /dev/null
+++ b/src/assets/svg-icon/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="590.63px" height="600px" viewBox="0 0 504 512"><path fill="#1890ff" d="M322.125 502.369L492.617 343.76c8.685-9.142 13.256-23.768 10.513-35.652L454.222 96.02c-2.742-11.427-13.255-23.311-25.14-26.51L206.483.946c-13.062-2.586-26.205.467-35.653 8.684L11.307 158.184C2.622 165.954-1.95 181.495.794 192.465l52.108 227.171c2.742 11.428 13.255 23.312 25.14 26.511l208.43 64.906c16.582 3.149 27.076-1.535 35.653-8.684M229.793 51.226l153.124 47.08c5.942 1.828 5.942 4.57 0 5.942L302.47 122.53c-5.942 1.828-14.627-.914-18.74-5.485L227.964 56.71c-5.028-5.028-4.114-7.314 1.828-5.485m95.531 274.25c1.829 5.943-2.285 9.6-8.227 7.771l-165.008-51.193c-5.942-1.829-7.313-6.857-2.743-10.97l126.156-117.471c4.57-4.571 9.599-2.743 10.97 3.2zM53.36 176.01L187.285 51.226c4.57-4.571 11.427-3.657 15.998.457l67.191 72.676c4.57 4.571 3.657 11.428-.457 15.998L136.09 265.142c-4.57 4.57-11.427 3.656-15.998-.457l-67.191-72.677c-4.571-5.028-4.114-12.341.457-15.998m32.453 197.46L50.616 218.063c-1.828-5.942.914-7.314 5.028-2.743l55.764 60.336c4.571 4.57 5.943 13.255 4.571 19.197l-24.225 78.619c-1.829 6.399-4.571 6.399-5.942 0m196.09 91.418l-175.064-54.393c-5.943-1.829-9.6-8.228-7.77-14.627l29.253-94.16c1.828-5.942 8.227-9.599 14.626-7.77l175.064 53.936c5.942 1.828 9.599 8.227 7.77 14.627l-29.253 94.16c-2.286 5.941-8.228 9.598-14.627 8.227M437.31 337.36L320.296 446.147c-4.57 4.571-6.856 2.743-5.028-3.2l24.226-78.618c1.828-5.942 8.227-12.341 14.627-13.256l80.447-18.283c5.942-2.285 6.856.457 2.742 4.571m12.798-23.768l-96.445 21.94c-5.942 1.828-12.34-2.286-13.712-8.228l-41.138-178.263c-1.828-5.942 2.286-12.341 8.228-13.713l96.445-21.94c5.942-1.828 12.341 2.286 13.712 8.228l41.138 178.263c1.371 6.856-2.285 12.798-8.228 13.713"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/network-error.svg b/src/assets/svg-icon/network-error.svg
new file mode 100644
index 0000000..52f97ab
--- /dev/null
+++ b/src/assets/svg-icon/network-error.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M464.5 113.47q-2.38-4-5-7.9c-23.17-34.35-63.06-57.84-102.3-68.46a231.87 231.87 0 00-52.71-7.69c-116.62-4-163.07 88-201.61 111.67S5 205.33 9 290.32s65.22 165 183.81 170 126.5-48.42 192.71-68.19c43.82-13.08 75-57.26 90.2-98.09 20.78-55.66 19.8-127.93-11.22-180.57z" fill="currentColor"/><path d="M464.5 113.47q-2.38-4-5-7.9c-23.17-34.35-63.06-57.84-102.3-68.46a231.87 231.87 0 00-52.71-7.69c-116.62-4-163.07 88-201.61 111.67S5 205.33 9 290.32s65.22 165 183.81 170 126.5-48.42 192.71-68.19c43.82-13.08 75-57.26 90.2-98.09 20.78-55.66 19.8-127.93-11.22-180.57z" fill="#fff" opacity=".7"/><g fill="#263238" stroke="#263238" stroke-miterlimit="10"><path d="M438.56 121.49v-3.29H377.7V69.42h-1.98v48.78h-60.43v3.29h60.43v45.16h-60.43v3.3h60.43v45.16h-60.43v3.29h60.43v47.45h1.98V218.4h60.86v-3.29H377.7v-45.16h60.86v-3.3H377.7v-45.16h60.86z"/><path d="M311.12 65.46v205.67H442.3V65.46zm126.75 198.72H315.55V72.4h122.32z"/></g><path d="M254 323.92a.1.1 0 00-.06-.13.1.1 0 00-.13.06 132 132 0 00-6.94 21.75 202 202 0 00-3.87 22.55l-.54 5.7c-.08.95-.19 1.9-.26 2.85l-.15 2.86c-.08 1.91-.2 3.82-.26 5.73l.06 5.73.06 2.86c0 .95.11 1.91.18 2.86.14 1.9.26 3.81.43 5.71.37 3.8.94 7.57 1.52 11.34a.11.11 0 00.1.08.09.09 0 00.1-.1c0-1.91-.09-3.8-.13-5.71s-.22-3.78-.19-5.68 0-3.8-.06-5.69l-.06-2.84v-8.52l.15-5.67.06-2.84c0-.95.11-1.89.16-2.84l.35-5.67a200.9 200.9 0 013.21-22.49 131.72 131.72 0 016.27-21.9zM254.81 353.6a.1.1 0 00-.06-.12.1.1 0 00-.13.06 132.44 132.44 0 00-6.43 29.24c-.5 5-1.06 9.94-1.13 14.94a127.13 127.13 0 00.53 15 .11.11 0 00.09.08.09.09 0 00.11-.08c.58-5 .93-9.94 1.28-14.9s.4-9.93.72-14.89a148.32 148.32 0 015-29.31zM271.27 364.05a.1.1 0 00-.14 0 50.06 50.06 0 00-11 9.59 44.64 44.64 0 00-4.3 6l-.88 1.67-.7 1.74a15.71 15.71 0 00-.6 1.75c-.18.6-.38 1.18-.54 1.78a71 71 0 00-2.27 14.52 84 84 0 00.54 14.62.11.11 0 00.1.08.09.09 0 00.1-.09l1.26-14.47a127.64 127.64 0 011.83-14.27c.13-.59.3-1.15.45-1.73a16 16 0 01.5-1.71l.59-1.67.76-1.58a43.25 43.25 0 013.94-6 49.72 49.72 0 0110.33-10.05.11.11 0 00.03-.18z" fill="#263238"/><path d="M263.3 382.64a16.06 16.06 0 00-5 6 35.33 35.33 0 00-2.81 7.37c-.19.63-.35 1.27-.49 1.91l-.45 1.92a34.52 34.52 0 00-.49 3.91c0 1.32-.05 2.63 0 3.94a34.57 34.57 0 00.51 3.91.13.13 0 00.08.08.1.1 0 00.12-.08 35.91 35.91 0 00.7-3.85c.2-1.28.4-2.54.55-3.81s.35-2.52.45-3.79.27-2.54.55-3.78a34.19 34.19 0 012.14-7.3 16.18 16.18 0 014.2-6.27.09.09 0 000-.13.11.11 0 00-.06-.03zM240.22 397.14c-.54-6.42-1.6-12.79-2.6-19.14s-2.12-12.7-3.28-19-2.46-12.63-3.83-18.91a.1.1 0 10-.19 0c1.1 6.34 2.09 12.69 3 19.05s1.87 12.71 2.68 19.08 1.4 12.77 2.19 19.13l2.35 19.13a.12.12 0 00.1.09.11.11 0 00.11-.1c.07-1.61.07-3.22.11-4.84s-.07-3.22-.09-4.83c-.03-3.23-.31-6.44-.55-9.66zM236.37 397.05c-.35-2.55-.81-5.08-1.3-7.6l-.9-3.75c-.3-1.25-.58-2.5-.94-3.74a105.84 105.84 0 00-4.92-14.61l-.77-1.77-.85-1.73c-.55-1.16-1.2-2.27-1.83-3.4a28.58 28.58 0 00-4.64-6.14.09.09 0 00-.13 0 .1.1 0 000 .14 28 28 0 014.24 6.29c.56 1.14 1.15 2.26 1.63 3.44l.76 1.75.67 1.79a105.45 105.45 0 014.28 14.61c.58 2.47 1 5 1.45 7.49l.6 3.76c.22 1.25.49 2.5.66 3.76.4 2.51.87 5 1.3 7.53s.85 5 1.39 7.55a.11.11 0 00.09.09.11.11 0 00.11-.1q0-3.85-.18-7.7c-.15-2.56-.46-5.11-.72-7.66zM231.05 397.38c-1.19-3.38-2.57-6.68-4.07-9.91a86.8 86.8 0 00-5.12-9.38.1.1 0 10-.17.1 87.62 87.62 0 014.37 9.68c1.3 3.28 2.48 6.62 3.46 10s1.73 6.83 2.63 10.23 1.71 6.83 2.76 10.27a.1.1 0 00.09.07.11.11 0 00.11-.1 51.83 51.83 0 00-1-10.69 66.72 66.72 0 00-3.06-10.27zM230.83 408.61a23.15 23.15 0 00-2.83-5.94 24.44 24.44 0 00-4.12-5.11 19.36 19.36 0 00-2.62-2 10.92 10.92 0 00-3-1.34.1.1 0 00-.11.06.1.1 0 000 .13 14.89 14.89 0 014.93 3.83 23.66 23.66 0 013.43 5.2c1 1.84 1.48 3.88 2.33 5.79.37 1 .74 1.95 1.18 2.93a23.09 23.09 0 001.29 3 .11.11 0 00.09.05.09.09 0 00.1-.09 22.57 22.57 0 00-.12-3.29c-.07-1.09-.29-2.16-.55-3.22z" fill="#263238"/><path d="M231.23 349.25a18.29 18.29 0 01-13-13.76c-2.43-11.34 5.4-6.48-1.62-24.3s-5.4-21.87-3-27 3.78-3.51 5.94 3.24 10 17.28 13 37-1.32 24.82-1.32 24.82zM252 330.09s-7-2.43-7.29-15.66 5.13-10.53 5.94-27 1.89-28.08 4.86-28.35 10.8 8.1 13.5 26.46-3.51 30.51-8.91 35.91-8.1 8.64-8.1 8.64zM227.45 365.18s-1.62-9.72-4.86-14.31-10.26-8.64-14.85-17.54-9.72-13.23-9.45-.54 5.94 19.16 13 23.48 16.16 8.91 16.16 8.91zM224.48 381.92s-6.48-12.42-15.93-21.6-17-13.77-14.31-9.18 5.94 4.32 10.53 12.42 3.24 14 9.72 18.63 9.99-.27 9.99-.27zM223.67 397.85c-.27-.81-.54-6.75-9.72-11.61s-17.82-3-16.74-.54 6.75 6.48 12.42 8.91 14.04 3.24 14.04 3.24zM251.47 365.72s-4.05-5.13-1.89-15.93 7-8.1 12.42-13.77 4.32-6.47 9.72-12.41 10.26-9.18 12.42-6.75-1.08 10-4.32 14.31-8.37 6.47-10.82 11.83-1.35 14-7.56 18.09-9.97 4.63-9.97 4.63zM265 368.69s9.72-11.07 16.74-19.17 9.72-14.3 10-8.91 2.43 9.72-3.24 16.74-23.5 11.34-23.5 11.34zM259.84 386.51s-.27-4.32 15.12-14.31 21.87-11.88 20.25-7.83-8.37 8.1-15.66 15.39-19.71 6.75-19.71 6.75z" fill="currentColor"/><path d="M231.87 348.1s-3.61-19.36-7.39-33.13-6.21-22.14-6.21-22.14M251.39 330.29s6.56-21 8.72-33.68-.27-22.14-1.35-27.81M226.6 364.78a101.76 101.76 0 00-9.95-14.18c-5.94-7-10.53-10.8-13.23-17.54M251.47 365.72s2.16-13 7.29-19.71 15.39-17.27 19.44-24M223 397.55s-9.08-5.91-15.56-9.15" fill="none" stroke="#263238" stroke-linecap="round" stroke-linejoin="round"/><path fill="#263238" stroke="#263238" stroke-linecap="round" stroke-linejoin="round" d="M252.89 454.81h-18.76l-9.38-46.97h37.52l-9.38 46.97z"/><g fill="none" stroke="#263238" stroke-miterlimit="10"><path d="M64.8 454.81h425.18M31.18 454.81h26.37"/></g><g><path d="M216.14 167v-31.5h-2.85V95.19a24.85 24.85 0 00-24.85-24.86H54.92a24.86 24.86 0 00-24.86 24.86v317.43a24.86 24.86 0 0024.86 24.86h133.52a24.85 24.85 0 0024.85-24.86V193.85h2.85v-18.61h-2.85V167z" fill="#707070" stroke="#263238" stroke-linejoin="round"/><path d="M184.08 434.05H59.27a26.33 26.33 0 01-26.33-26.33V100.09c0-14.55 7.46-26.34 26.33-26.34h124.81c17.31-.23 26.34 11.79 26.34 26.34v307.63a26.33 26.33 0 01-26.34 26.33z" fill="#263238" stroke="#263238" stroke-linejoin="round"/><path d="M131.34 77.8l-.05.19c-1.46 5.44-4.82 9-8.54 9h-2.14c-3.72 0-7.08-3.52-8.54-9v-.19l-52.08-.18A21.92 21.92 0 0038 99.53l-.07 304.94c0 14.21 11.12 25.73 24.85 25.73h117.84c13.73 0 24.86-11.52 24.86-25.73V97.34a19 19 0 00-18.78-19z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M205.46 102.88v-5.54a19 19 0 00-18.78-19l-55.34-.57-.05.19c-1.46 5.44-4.82 9-8.54 9h-2.14c-3.72 0-7.08-3.52-8.54-9v-.19l-52.08-.18A21.92 21.92 0 0038 99.53v3.35z" fill="#dbdbdb" stroke="#263238" stroke-miterlimit="10"/><path d="M123.5 77.2a2.34 2.34 0 10-2.33 2.34 2.33 2.33 0 002.33-2.34z" fill="#707070"/><path d="M54.4 83.14c0 2.37-2.65 3.22-2.66 5v.12h2.57v.79h-3.43v-.65c0-2.53 2.65-3 2.65-5.22 0-.81-.27-1.23-.92-1.23s-.92.46-.92 1.15v.69h-.81v-.63c0-1.2.54-2 1.75-2s1.77.84 1.77 1.98zM58.69 83.13v.2a1.57 1.57 0 01-1 1.62 1.55 1.55 0 011 1.62v.6c0 1.2-.56 2-1.77 2s-1.76-.78-1.76-2v-.53H56v.59c0 .7.29 1.13.92 1.13s.91-.42.91-1.21v-.6c0-.78-.32-1.15-1-1.17h-.47v-.78h.51a.94.94 0 00.94-1.08v-.35c0-.81-.28-1.22-.91-1.22s-.92.43-.92 1.14v.4h-.82v-.36c0-1.19.56-2 1.76-2s1.77.81 1.77 2zM60.38 83.73v1.08h-.84v-1.08zm0 4.26v1.08h-.84V88zM62.14 84.43a1.28 1.28 0 011.17-.65c1 0 1.45.74 1.45 1.86v1.53c0 1.2-.57 2-1.76 2s-1.76-.78-1.76-2v-.52h.81v.58c0 .7.3 1.13.92 1.13s.92-.43.92-1.13v-1.52c0-.71-.29-1.13-.92-1.13a.84.84 0 00-.88.84v.17h-.82l.21-4.35h3.09V82h-2.3zM69.12 83.12v.15h-.82v-.2c0-.71-.29-1.12-.93-1.12s-1 .42-1 1.26V85a1.26 1.26 0 011.26-.84c1 0 1.46.73 1.46 1.86v1.18c0 1.2-.59 2-1.79 2s-1.8-.78-1.8-2v-4c0-1.24.56-2 1.8-2s1.82.72 1.82 1.92zm-2.7 2.93v1.18c0 .7.29 1.13.93 1.13s.93-.43.93-1.13v-1.18c0-.7-.3-1.13-.93-1.13s-.93.43-.93 1.13zM152.41 83.47h2.21V89h-2.21zM155.36 82.36h2.21V89h-2.21zM158.31 81.57h2.21v7.42h-2.21zM161.25 80.2h2.21v8.79h-2.21zM190.83 88.84h-13.27v-8.11h13.27zm-12.53-.73h11.79v-6.64H178.3z" fill="#263238"/><path fill="#263238" d="M179.41 82.27h7v5.03h-7zM190.37 83.83h1.67v1.91h-1.67zM172.7 87.08a.48.48 0 01-.26-.07c-2.7-1.61-4.48-.12-4.56-.05a.49.49 0 01-.69 0 .5.5 0 010-.7c.1-.08 2.38-2 5.72 0a.5.5 0 01-.25.92z"/><path d="M173.7 85.41a.48.48 0 01-.26-.07c-3.9-2.32-6.53-.07-6.55 0a.5.5 0 01-.66-.74s3.2-2.74 7.72-.06a.49.49 0 01.17.68.48.48 0 01-.42.19z" fill="#263238"/><path d="M174.6 83.48a.47.47 0 01-.25-.07c-4.94-2.94-8.23-.17-8.37 0a.49.49 0 01-.7 0 .48.48 0 01.05-.69s3.94-3.38 9.53-.06a.5.5 0 01.17.68.49.49 0 01-.43.14zM171.21 87.91a1.25 1.25 0 11-1.21-1.24 1.24 1.24 0 011.21 1.24zM121.53 217.66c22 .34 40.33 8.68 54.78 25.36a5.08 5.08 0 01-.47 7.33 5 5 0 01-7.15-.66 62.94 62.94 0 00-18.47-14.9 61.21 61.21 0 00-68.4 7.45 92.38 92.38 0 00-7.42 7.39 5.17 5.17 0 01-7.32.66 5.1 5.1 0 01-.36-7.33 71.44 71.44 0 0145.7-24.87c1.44-.19 2.89-.35 4.34-.41s3.18-.02 4.77-.02z" fill="#263238"/><path d="M123.35 238.05c13.9.36 27 6.29 37.24 18.17a5 5 0 01-.46 7.3 5 5 0 01-7.22-.7 39.62 39.62 0 00-19.8-12.9c-16.11-4.36-30.11-.38-41.81 11.57-.44.45-.84.93-1.25 1.39a5.08 5.08 0 11-7.68-6.65 51.11 51.11 0 0116.38-12.85c7.19-3.57 14.82-5.3 24.6-5.33z" fill="#263238"/><path d="M146.21 272.81a5.08 5.08 0 01-3.25 4.76 5 5 0 01-5.66-1.42 21.34 21.34 0 00-7.76-5.77C121.2 266.84 112 269 105.79 276a4.92 4.92 0 01-5.43 1.63 5.07 5.07 0 01-2.36-8.11 30.52 30.52 0 0147 .08 14.27 14.27 0 011.5 3.09z" fill="#263238"/><path d="M121.52 299.5a10.2 10.2 0 1110.17-10.15 10.14 10.14 0 01-10.17 10.15z" fill="#263238"/><path d="M121.58 182a72.72 72.72 0 1072.71 72.71A72.8 72.8 0 00121.58 182zm-62.72 72.75A62.68 62.68 0 01164 208.56l-88.61 88.57a62.52 62.52 0 01-16.53-42.38zm62.72 62.72a62.4 62.4 0 01-38.85-13.54l88-88a62.67 62.67 0 01-49.18 101.57z" fill="currentColor"/></g><g><path fill="#263238" stroke="#263238" stroke-miterlimit="10" d="M427.5 454.81h-9.48l-2.03-22.56h13.54l-2.03 22.56zM466.98 454.81h-9.48l-2.03-22.56h13.54l-2.03 22.56zM372.23 454.81h-9.48l-2.02-22.56h13.53l-2.03 22.56zM329.93 454.81h-9.47l-2.03-22.56h13.53l-2.03 22.56z"/><path d="M375.17 286.9h98.52s.39 34.25-4.68 58.5-11.28 38.91-11.28 38.91h-93.62s13.89-53.64 11.06-97.41z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M416.06 292.13c-8.64-.68-12.07-2.42-18.53-6-8.41-4.61-10.21-1.54-9.61 3.07s-8.17 35-10 50.3-1.21 23.53-1.21 23.53-5.4 4.61-1.8 6.14a32.28 32.28 0 007.21 2.05h69.66s12.38-63.61 13.58-73.84-4.2-11.25-7.21-9.72-3.6 2.56-7.81 3.07c-9.84 1.27-22.44 2.32-34.28 1.4z" fill="currentColor"/><path d="M393.63 293.16a16.26 16.26 0 003.69-7.1c-.84-.45-1.61-.82-2.32-1.12a13.69 13.69 0 01-3.26 6.61 14.3 14.3 0 01-4.54 3.65c-.18.91-.38 1.9-.6 3a16.06 16.06 0 007.03-5.04zM456 313.06c-4.41 5.18-4.24 9.78-4.08 14.24.16 4.16.3 8.08-3.48 12.53s-7.69 4.92-11.82 5.44c-4.42.54-9 1.11-13.4 6.29s-4.25 9.78-4.08 14.23a28.53 28.53 0 01-.15 5.47h2.52a33.48 33.48 0 00.11-5.56c-.15-4.16-.3-8.09 3.49-12.53s7.68-4.93 11.82-5.44c4.42-.54 9-1.11 13.4-6.29s4.24-9.78 4.08-14.24c-.16-4.16-.3-8.09 3.49-12.53a14 14 0 015.34-4c.17-1 .34-1.92.5-2.83a16.07 16.07 0 00-7.74 5.22zM385.23 370.14c4.43-.55 9-1.12 13.41-6.3s4.24-9.78 4.08-14.23c-.16-4.16-.3-8.09 3.48-12.53s7.69-4.93 11.82-5.44c4.42-.55 9-1.11 13.4-6.29s4.25-9.79 4.08-14.24c-.15-4.16-.3-8.09 3.49-12.53s7.69-4.93 11.82-5.44 8.26-1 12.34-5.14a4.35 4.35 0 00-2.74-.86 14.82 14.82 0 01-7.92 3.27 19.67 19.67 0 01-2.12.36l-3 .35A16.3 16.3 0 00437.1 297c-4.42 5.19-4.25 9.79-4.08 14.24.15 4.16.3 8.09-3.49 12.54s-7.68 4.92-11.82 5.43c-4.42.55-9 1.11-13.4 6.29s-4.24 9.79-4.08 14.24c.16 4.16.3 8.09-3.48 12.53s-7.69 4.93-11.82 5.44a23.21 23.21 0 00-8.38 2.16 32.7 32.7 0 004 1.12 32.06 32.06 0 014.68-.85zM379.74 347.75c4.41-5.18 4.24-9.78 4.08-14.23-.15-4.17-.3-8.09 3.49-12.54s7.68-4.92 11.81-5.43c4.42-.55 9-1.12 13.41-6.3s4.24-9.78 4.08-14.23c0-1-.07-1.91-.06-2.86h-.49l-2-.19c0 1.07 0 2.12.05 3.17.16 4.16.3 8.09-3.48 12.53s-7.69 4.93-11.82 5.44c-4.42.55-9 1.11-13.41 6.29s-4.24 9.78-4.07 14.24c.15 4.16.29 8.09-3.49 12.53-.21.25-.42.48-.64.7-.1 1.27-.19 2.47-.26 3.59a18.26 18.26 0 002.8-2.71z" fill="#fff"/><path d="M416.06 292.13c-8.64-.68-12.07-2.42-18.53-6-8.41-4.61-10.21-1.54-9.61 3.07s-8.17 35-10 50.3-1.21 23.53-1.21 23.53-5.4 4.61-1.8 6.14a32.28 32.28 0 007.21 2.05h69.66s12.38-63.61 13.58-73.84-4.2-11.25-7.21-9.72-3.6 2.56-7.81 3.07c-9.84 1.27-22.44 2.32-34.28 1.4z" fill="none" stroke="#263238" stroke-miterlimit="10"/><path d="M375.17 286.9h-5.57a4.49 4.49 0 00-4.37 3.45l-6.92 29c-1.28 5.38-5.66 20.88-10.48 23.59h0a19.79 19.79 0 01-9.69 2.53h-20.88l8.88 90.77h38l10-144.53a5.11 5.11 0 000-1h1.13z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M322.83 345.46h20.89a19.82 19.82 0 009.69-2.53h0c4.82-2.71 9.19-18.21 10.48-23.59l6.91-29a4.5 4.5 0 014.37-3.45h0a4.49 4.49 0 014.48 4.8L369.4 436.23h-38z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path fill="#fff" stroke="#263238" stroke-miterlimit="10" d="M412.04 436.28l2.17-65.02-87.11-.77 2.18 65.79h82.76zM479.26 286.9h-5.57a4.5 4.5 0 00-4.37 3.45l-6.92 29c-1.28 5.38-5.65 20.88-10.48 23.59h0a19.76 19.76 0 01-9.69 2.53h-20.88l3.65 90.76h42.82l10.35-144.53a4.39 4.39 0 000-1h1.13z"/><path d="M426.92 345.46h20.89a19.82 19.82 0 009.69-2.53h0c4.82-2.71 9.2-18.21 10.48-23.59l6.92-29a4.49 4.49 0 014.36-3.45h0a4.48 4.48 0 014.48 4.8L473.58 434a2.39 2.39 0 01-2.37 2.21h-40.88z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M414.21 352L412 436.28h18.29l3.18-84.28a6.54 6.54 0 00-6.55-6.54h-6.16a6.54 6.54 0 00-6.55 6.54zM307.94 352l3.14 84.28h18.29L327.19 352a6.54 6.54 0 00-6.54-6.54h-6.16a6.54 6.54 0 00-6.55 6.54z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path fill="none" stroke="#263238" stroke-miterlimit="10" d="M327.54 399.23h85.84"/></g><g><path d="M285.55 287.23s-7.94 44.12-9.68 51.58-6 45.49-6 54.94.74 38 .74 38-3.23 1.49-3.23 2.73 2.49 9.2 2.49 9.2l14.66 5.47s3-7 3.23-9.45-1.74-3.48-1.74-7.71 7.46-53.44 9.7-61.64 8.7-32.81 9.94-35.05 7.46-18.64 7.46-18.64l3.48 1.74s2.23 51.7 3.48 54.93S338 429.2 338 429.2s-2.73 1.24-1 4.23 4.72 9.69 4.72 9.69 2.74-3.73 6-4.47 8.7 2.48 8.7 2.48 3.23-7.46 2.48-10.93-4-9.45-4.22-11.19-7-51.86-7-51.86 1.74-70.1 1.74-74.82a31.49 31.49 0 00-1.74-9.45 117.57 117.57 0 01-32.32 6.22c-17.65.74-27.34-6.46-27.34-6.46z" fill="#263238" stroke="#263238" stroke-miterlimit="10"/><path d="M269.91 443.71s-8.21 7.45-9.7 8.45-11.93 5-11.68 7 3 3.23 3 3.23h33.81s.24-1 .74-5.72a18.86 18.86 0 00-1.49-8.95z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M285.83 458.76l-37.12 1a6.16 6.16 0 002.8 2.57h33.81s.17-.67.51-3.57zM341.74 443.12s-.25 6.21-.25 9.45-.49 7-.25 7.7.75 2 .75 2h19.64s.74-2-.25-5.72-2.74-5.71-3.23-9a36.31 36.31 0 00-1.74-6.46s-9.7-7.66-14.67 2.03z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M361.89 459.91c-7.47 0-16.77-.24-20.72-.34a3.34 3.34 0 00.07.7c.25.75.75 2 .75 2h19.64a7.22 7.22 0 00.26-2.36z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M278.5 193.64s-21.12 19.83-20.2 21.68 6.7 16.86 6.7 16.86 1.66 10 .74 16.31a64.54 64.54 0 00-.56 12.05 25.59 25.59 0 007 6.11c4.08 2.23 7.23 6.12 9.83-.18s1.48-17.61 1.48-17.61 3.51 13.72 4.1 16.14-2 22.24-2 22.24S298.33 298 320 295.56s28.54-10 28.54-10-2.23-24.28-2.23-27.06a54 54 0 00-.37-5.75s7.6 7.79 11.31 7.42 10.19-15.57 8.52-18-7.41-12.25-10.93-19.29a85.73 85.73 0 01-5.28-13.19s-6.12-20.76-8-22.24-22.7-1.25-26.41-2.17a124.1 124.1 0 00-14.83-2c-1.24-.02-17.74 3.87-21.82 10.36z" fill="currentColor" stroke="#263238" stroke-miterlimit="10"/><path d="M340.8 221.39c-.1-5.32-.12-9.46-.12-9.46M346 252.75a78.12 78.12 0 01-3.7-8.89c-.74-2.21-1.13-10.1-1.34-17.49M272.93 230.8c-1.89-3.3-3.33-5.88-3.51-6.4M283.51 248.86s-4.74-8-8.72-14.84M307.6 185.85a92.16 92.16 0 01.19 19.65M320.07 277.32c2.23.45 4.62.86 7.17 1.19M293.14 265.36s6 6.58 22 10.8M309.45 279.44a50.88 50.88 0 0021.87 4.45" fill="none" stroke="#263238" stroke-miterlimit="10"/><path d="M265.16 163.61s2.22 10.38 2.41 12.61.74 5.19 3.52 9.63 10 14.27 11.49 14.83 7.23-.93 7.23-.93 6.11 12.05 7.78 11.68 5.93-14.09 6.49-19.65a39.64 39.64 0 00.18-8.34l-2.59-9.26s-2.22-13-2.22-13.9 1.29-7.6-5.93-10.38-16.13-3-22.06 3.89-6.3 9.82-6.3 9.82z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M285 151.94a33.32 33.32 0 01-10 9.82c-6.85 4.45-3.52-.37-3.52-.37s-4.82 3-8.71 5-2.41 2.6-3.89 2-7-16.38 5.39-24 21.43-5.61 21.43-5.61-5.38-2.41-.56-2.41S292 139 292 139s2.59-.74 3.7.74a4.4 4.4 0 001.77 1.17c6 2.54 8.09 8.22 9.22 14.15.74 3.89-2.41 13.16-2.41 13.16l-5.2 2.78a12.88 12.88 0 01-3-4.08 15.94 15.94 0 01-.74-4.63s-3.15 4.07-3.71 1.11l-2-10.56s.56 3-1.29 3-3.34-3.9-3.34-3.9z" fill="#263238" stroke="#263238" stroke-miterlimit="10"/><path d="M298.7 172.32s-.18-6.3 3.53-8.34 6.3.19 5.18 6.12-7.78 8.15-7.78 8.15" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path fill="#263238" stroke="#263238" stroke-miterlimit="10" d="M289.81 199.75l9.82-9.82-6.49 15.01-3.33-5.19z"/><path d="M285.27 189.82a1.66 1.66 0 01-.51 2.2c-.67.27-1.52-.28-1.9-1.23s-.15-1.94.51-2.21 1.51.29 1.9 1.24zM287.83 172.66c.36 1.18.1 2.3-.57 2.51s-1.53-.58-1.89-1.75-.1-2.29.57-2.5 1.53.57 1.89 1.74zM275.66 174.72c.36 1.18.1 2.3-.58 2.51s-1.52-.57-1.88-1.75-.11-2.29.57-2.5 1.52.57 1.89 1.74z" fill="#263238"/><path d="M276.1 170.1a7.06 7.06 0 012.59 5.56c0 3.71-.56 9.27-.56 9.27l6.68-.93M280.54 167.69s3.34-5.93 8.53-4.82M274.61 168.8s-4.07-1.29-6.85.37" fill="none" stroke="#263238" stroke-miterlimit="10"/><path d="M388 216.43s4.08-1.48 5.56-2 3 .37 5.56-.92 5.56-3.9 5.75-2-.75 2.59-2.23 3.52-3.89 2.78-3.89 2.78l-.74 1.85-11.12-.92s.21-1.74 1.11-2.31zM410.35 221.22s5.11-4.05 5.85-5.9-.56-2-1.85-1.3-5.35 4.08-5.35 4.08z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M406.17 222.1s3.8.4 4.18-.88 3.38-9.34 2.89-10.35-1.44-.92-2.49.75a57.18 57.18 0 00-2.9 7.07s-2.54.57-3.18 2.31 1.5 1.1 1.5 1.1z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M401.37 223.1s3.53 1.49 4.27.37 5.93-8 5.74-9.08-1.11-1.29-2.59 0a55.84 55.84 0 00-4.82 5.93s-2.6-.18-3.71 1.3 1.11 1.48 1.11 1.48z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M349.67 253.5a23.39 23.39 0 0110.38-14.27c8.89-5.75 20.95-16.13 20.95-16.13s4.08-5.74 7-6.67 12.6 1.85 12.6 1.85 7.79-7.78 8-6.11-3.7 7.6-5.56 9.82-7.6 2.78-8.89 2.78a67 67 0 00-6.86.56c-.74.18-13 16.86-18.53 25s-8 9.63-11.49 9.82-7.23-2.6-8.16-3.89.56-2.76.56-2.76z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path d="M233.77 222.82l11.68 25.34a1.86 1.86 0 002 1l9.69-1.79a1.85 1.85 0 001.36-2.52L248 220.12a1.82 1.82 0 00-1.89-1.11l-10.89 1.21a1.84 1.84 0 00-1.45 2.6z" fill="#263238" stroke="#263238" stroke-miterlimit="10"/><path d="M241.44 244.51s-4.19-6.42-4.19-7.86 2.44-4.85 3.87-7.93 1.65-5.14 2.88-4.72 1 1.64.61 3.69a79.85 79.85 0 01-2.66 7.8l.41 2.47a26.4 26.4 0 013.69-5.55c1.85-1.84 3.9-4.92 5.34-4.31s2.05 1 .82 2.47a42.71 42.71 0 00-4.14 5.91 36.87 36.87 0 00-2.79 5.58 42.73 42.73 0 014.37-3.66c2-1.44 4.82-3.52 6-2.7s1.44 1.64.21 2.67-2.35 1.73-4 3.17a60.68 60.68 0 00-4.84 5.45 17.87 17.87 0 014.84-2.66c3.49-1.43 6.68-1.27 6.81-.17s-3.67 2.1-3.67 2.1c-2.72.62-2.85 1.55-2.85 1.55s2.26 4.52 1.85 6c0 0 9.12-1.43 12.61-2.45s8.94 1 10.59 2.65c3.49 3.49 5.13 8.83 3.29 13.35s-1.85 3.08-16.43-1-14.3-5.54-17.86-11.5c-1.29-2.32-4.76-10.35-4.76-10.35z" fill="#fff" stroke="#263238" stroke-miterlimit="10"/><path fill="none" stroke="#263238" stroke-miterlimit="10" d="M254.06 253.77l-.31 3.76"/></g></svg>
diff --git a/src/assets/svg-icon/no-icon.svg b/src/assets/svg-icon/no-icon.svg
new file mode 100644
index 0000000..f6dcdd0
--- /dev/null
+++ b/src/assets/svg-icon/no-icon.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#svgIDa)"><path fill="url(#svgIDb)" d="M15.268 25.734a.91.91 0 0 1 .188-.555l1.211-1.855c.245-.316.256-.647.063-.993l-2.485-4.914c-.214-.386-.067-.592.086-.765c.45-.509 1.344-1.696 1.69-2.139l.633-.803c.225-.274.276-.65.153-.986c-.497-1.329-1.078-2.919-1.624-4.408c-.185-.504-.35-1.079-.735-1.438c-.74-.691-2.076-1.416-3.099-1.594C4.27 3.777 1.577 9.98 2.534 14.94c1.39 6.086 7.969 12.148 11.961 14.16c.45.226.75.06.75-.309l.024-3.058Z"/><path fill="url(#svgIDc)" d="M15.268 25.734a.91.91 0 0 1 .188-.555l1.211-1.855c.245-.316.256-.647.063-.993l-2.485-4.914c-.214-.386-.067-.592.086-.765c.45-.509 1.344-1.696 1.69-2.139l.633-.803c.225-.274.276-.65.153-.986c-.497-1.329-1.078-2.919-1.624-4.408c-.185-.504-.35-1.079-.735-1.438c-.74-.691-2.076-1.416-3.099-1.594C4.27 3.777 1.577 9.98 2.534 14.94c1.39 6.086 7.969 12.148 11.961 14.16c.45.226.75.06.75-.309l.024-3.058Z"/><path fill="url(#svgIDd)" d="M15.268 25.734a.91.91 0 0 1 .188-.555l1.211-1.855c.245-.316.256-.647.063-.993l-2.485-4.914c-.214-.386-.067-.592.086-.765c.45-.509 1.344-1.696 1.69-2.139l.633-.803c.225-.274.276-.65.153-.986c-.497-1.329-1.078-2.919-1.624-4.408c-.185-.504-.35-1.079-.735-1.438c-.74-.691-2.076-1.416-3.099-1.594C4.27 3.777 1.577 9.98 2.534 14.94c1.39 6.086 7.969 12.148 11.961 14.16c.45.226.75.06.75-.309l.024-3.058Z"/><path fill="url(#svgIDe)" d="M15.268 25.734a.91.91 0 0 1 .188-.555l1.211-1.855c.245-.316.256-.647.063-.993l-2.485-4.914c-.214-.386-.067-.592.086-.765c.45-.509 1.344-1.696 1.69-2.139l.633-.803c.225-.274.276-.65.153-.986c-.497-1.329-1.078-2.919-1.624-4.408c-.185-.504-.35-1.079-.735-1.438c-.74-.691-2.076-1.416-3.099-1.594C4.27 3.777 1.577 9.98 2.534 14.94c1.39 6.086 7.969 12.148 11.961 14.16c.45.226.75.06.75-.309l.024-3.058Z"/><path fill="url(#svgIDf)" d="M21.815 5.09c-1.64.283-3.489 1.394-4.428 2.377c0 0-.123.102-.123.254c0 .06.02.142.03.152l1.943 5.341a.657.657 0 0 1-.07.703c-.725.898-1.524 1.969-2.227 2.871c-.31.315-.341.681-.125 1.067l2.422 4.675c.196.355.117.594-.043.829l-1.554 2.37c-.135.173-.266.516-.266.731l-.027 2.524c0 .316.482.348.875.074c3.828-2.094 10.411-7.917 11.78-14.063c1.126-5.047-1.75-10.78-8.187-9.906Z"/><path fill="url(#svgIDg)" d="M21.815 5.09c-1.64.283-3.489 1.394-4.428 2.377c0 0-.123.102-.123.254c0 .06.02.142.03.152l1.943 5.341a.657.657 0 0 1-.07.703c-.725.898-1.524 1.969-2.227 2.871c-.31.315-.341.681-.125 1.067l2.422 4.675c.196.355.117.594-.043.829l-1.554 2.37c-.135.173-.266.516-.266.731l-.027 2.524c0 .316.482.348.875.074c3.828-2.094 10.411-7.917 11.78-14.063c1.126-5.047-1.75-10.78-8.187-9.906Z"/><path fill="url(#svgIDh)" d="M21.815 5.09c-1.64.283-3.489 1.394-4.428 2.377c0 0-.123.102-.123.254c0 .06.02.142.03.152l1.943 5.341a.657.657 0 0 1-.07.703c-.725.898-1.524 1.969-2.227 2.871c-.31.315-.341.681-.125 1.067l2.422 4.675c.196.355.117.594-.043.829l-1.554 2.37c-.135.173-.266.516-.266.731l-.027 2.524c0 .316.482.348.875.074c3.828-2.094 10.411-7.917 11.78-14.063c1.126-5.047-1.75-10.78-8.187-9.906Z"/><path fill="url(#svgIDi)" d="M21.815 5.09c-1.64.283-3.489 1.394-4.428 2.377c0 0-.123.102-.123.254c0 .06.02.142.03.152l1.943 5.341a.657.657 0 0 1-.07.703c-.725.898-1.524 1.969-2.227 2.871c-.31.315-.341.681-.125 1.067l2.422 4.675c.196.355.117.594-.043.829l-1.554 2.37c-.135.173-.266.516-.266.731l-.027 2.524c0 .316.482.348.875.074c3.828-2.094 10.411-7.917 11.78-14.063c1.126-5.047-1.75-10.78-8.187-9.906Z"/><g filter="url(#svgIDj)"><ellipse cx="24.453" cy="12.672" fill="url(#svgIDk)" rx="4.04" ry="5.171" transform="rotate(41.528 24.453 12.672)"/></g><g filter="url(#svgIDl)"><ellipse cx="12.11" cy="11.281" fill="url(#svgIDm)" rx="2.968" ry="4.662" transform="rotate(150.611 12.11 11.281)"/></g><g filter="url(#svgIDn)"><path stroke="url(#svgIDo)" stroke-linecap="round" stroke-width=".25" d="m16.41 22.606l-2.75-5.438"/></g><g filter="url(#svgIDp)"><path stroke="url(#svgIDq)" stroke-linecap="round" stroke-opacity=".75" stroke-width=".15" d="m13.815 16.511l2.688-3.313l-1.375-3.78"/></g></g><defs><radialGradient id="svgIDd" cx="0" cy="0" r="1" gradientTransform="rotate(-138.643 11.823 5.79) scale(23.9312 14.1578)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".785" stop-color="#FF96D7"/></radialGradient><radialGradient id="svgIDe" cx="0" cy="0" r="1" gradientTransform="rotate(178.046 10.034 10.148) scale(25.1878 31.5353)" gradientUnits="userSpaceOnUse"><stop offset=".536" stop-color="#AB1F51" stop-opacity="0"/><stop offset=".814" stop-color="#AB1F51"/></radialGradient><radialGradient id="svgIDh" cx="0" cy="0" r="1" gradientTransform="matrix(39.74996 -6.5 3.74657 22.9117 2.972 16.136)" gradientUnits="userSpaceOnUse"><stop offset=".67" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".735" stop-color="#FF96D7"/></radialGradient><radialGradient id="svgIDi" cx="0" cy="0" r="1" gradientTransform="matrix(-16.37517 -20.43737 54.0988 -43.34597 25.66 24.948)" gradientUnits="userSpaceOnUse"><stop offset=".607" stop-color="#AB1F51" stop-opacity="0"/><stop offset=".814" stop-color="#AB1F51"/></radialGradient><radialGradient id="svgIDk" cx="0" cy="0" r="1" gradientTransform="rotate(99.933 9.313 14.79) scale(9.0832 29.5242)" gradientUnits="userSpaceOnUse"><stop stop-color="#EF6E9D"/><stop offset="1" stop-color="#EF6E9D" stop-opacity="0"/></radialGradient><radialGradient id="svgIDm" cx="0" cy="0" r="1" gradientTransform="rotate(96.854 2.12 10.142) scale(8.73812 23.3563)" gradientUnits="userSpaceOnUse"><stop offset=".229" stop-color="#EC5A8F"/><stop offset="1" stop-color="#EC5A8F" stop-opacity="0"/></radialGradient><linearGradient id="svgIDb" x1="9.765" x2="9.765" y1="29.266" y2="5.164" gradientUnits="userSpaceOnUse"><stop offset=".026" stop-color="#EC008C"/><stop offset=".198" stop-color="#FF1F50"/><stop offset=".536" stop-color="#FF2868"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="svgIDc" x1="17.784" x2="14.329" y1="14.744" y2="14.744" gradientUnits="userSpaceOnUse"><stop stop-color="#C6162A"/><stop offset="1" stop-color="#C6162A" stop-opacity="0"/></linearGradient><linearGradient id="svgIDf" x1="23.302" x2="23.302" y1="29.26" y2="5.156" gradientUnits="userSpaceOnUse"><stop stop-color="#FF2657"/><stop offset=".444" stop-color="#FF2F67"/><stop offset="1" stop-color="#EC008C"/></linearGradient><linearGradient id="svgIDg" x1="16.284" x2="19.097" y1="14.728" y2="14.728" gradientUnits="userSpaceOnUse"><stop stop-color="#C01567"/><stop offset="1" stop-color="#C01567" stop-opacity="0"/></linearGradient><linearGradient id="svgIDo" x1="14.597" x2="12.803" y1="19.262" y2="16.218" gradientUnits="userSpaceOnUse"><stop stop-color="#FF757B"/><stop offset="1" stop-color="#FF757B" stop-opacity="0"/></linearGradient><linearGradient id="svgIDq" x1="15.675" x2="13.659" y1="14.573" y2="9.039" gradientUnits="userSpaceOnUse"><stop stop-color="#FF989D"/><stop offset="1" stop-color="#FF989D" stop-opacity="0"/></linearGradient><filter id="svgIDj" width="15.144" height="15.416" x="16.881" y="4.964" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7133_6142" stdDeviation="1.5"/></filter><filter id="svgIDl" width="12.906" height="14.633" x="5.657" y="3.965" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7133_6142" stdDeviation="1.5"/></filter><filter id="svgIDn" width="3.7" height="6.388" x="13.184" y="16.693" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7133_6142" stdDeviation=".175"/></filter><filter id="svgIDp" width="3.547" height="7.944" x="13.39" y="8.992" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7133_6142" stdDeviation=".175"/></filter><clipPath id="svgIDa"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
diff --git a/src/assets/svg-icon/no-permission.svg b/src/assets/svg-icon/no-permission.svg
new file mode 100644
index 0000000..4c408ca
--- /dev/null
+++ b/src/assets/svg-icon/no-permission.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><ellipse cx="250" cy="384.61" rx="209.73" ry="94.79" fill="#f5f5f5"/><g fill="#e0e0e0"><ellipse cx="352.36" cy="395.73" rx="56.05" ry="32.36"/><path d="M91.71 412.52c-9.53 5.57-9.53 14.59 0 20.15s25 5.56 34.51 0 9.53-14.58 0-20.15-24.98-5.52-34.51 0z"/></g><g fill="#e0e0e0"><path d="M103.87 225.91v3.46c0 1.09.77 1.53 1.71 1l3.34-1.92V221l-3.34 2a3.78 3.78 0 00-1.71 2.91zM93.28 223v3.45c0 1.09.77 1.53 1.71 1l13.93-8V212L95 220a3.78 3.78 0 00-1.72 3zM100.82 262.05L85 271.18a3.8 3.8 0 00-1.71 3v3.46c0 1.09.77 1.53 1.71 1l15.82-9.13a3.78 3.78 0 001.71-3V263c0-1.06-.77-1.5-1.71-.95zM108.92 302.88l-13.93 8a3.78 3.78 0 00-1.71 3v3.46c0 1.09.77 1.53 1.71 1l13.93-8zM93.28 186.59V190c0 1.09.77 1.53 1.71 1l13.93-8v-7.4l-13.93 8a3.78 3.78 0 00-1.71 2.99zM77.44 295.91v3.46c0 1.09.76 1.53 1.71 1L95 291.23a3.77 3.77 0 001.71-3v-3.46c0-1.09-.76-1.53-1.71-1L79.15 293a3.77 3.77 0 00-1.71 2.91zM93.28 259.32v3.46c0 1.09.77 1.53 1.71 1l13.93-8v-7.41l-13.92 8a3.78 3.78 0 00-1.72 2.95zM91.94 318.09v-3.45c0-1.09-.76-1.54-1.71-1l-15.82 9.13a3.8 3.8 0 00-1.71 3v3.46c0 1.09.77 1.53 1.71 1l15.82-9.14a3.75 3.75 0 001.71-3zM92 176.33l-15.8 9.13a3.8 3.8 0 00-1.71 3v3.46c0 1.09.77 1.53 1.71 1l15.8-9.18a3.8 3.8 0 001.71-3v-3.46c.02-1.05-.71-1.49-1.71-.95zM100.82 189.31L85 198.44a3.8 3.8 0 00-1.71 3v3.46c0 1.09.77 1.53 1.71 1l15.82-9.14a3.78 3.78 0 001.71-3v-3.46c0-1.1-.77-1.54-1.71-.99zM100.82 225.68L85 234.81a3.8 3.8 0 00-1.71 3v3.46c0 1.09.77 1.53 1.71 1l15.82-9.13a3.78 3.78 0 001.71-3v-3.46c0-1.11-.77-1.55-1.71-1zM85 333.14l15.82-9.14a3.8 3.8 0 001.71-3v-3.46c0-1.09-.77-1.53-1.71-1L85 325.73a3.8 3.8 0 00-1.71 3v3.46c0 1.05.77 1.49 1.71.95zM235.65 161.92v3.46a3.77 3.77 0 01-1.7 3l-3.34 1.93v-7.41l3.34-1.92c.94-.59 1.7-.15 1.7.94zM230.61 281.09l13.93-8c.94-.55 1.7-.1 1.7 1v3.45a3.77 3.77 0 01-1.7 3l-13.93 8zM246.24 146.74v3.46a3.79 3.79 0 01-1.7 3l-13.93 8v-7.4l13.93-8c.94-.59 1.7-.15 1.7.94zM238.71 194.54l15.82-9.14c.94-.54 1.71-.1 1.71 1v3.46a3.8 3.8 0 01-1.71 3l-15.82 9.13c-1 .55-1.71.1-1.71-1v-3.49a3.75 3.75 0 011.71-2.96zM230.61 244.72l13.93-8c.94-.54 1.7-.1 1.7 1v3.45a3.77 3.77 0 01-1.7 3l-13.93 8zM246.24 110.37v3.46a3.77 3.77 0 01-1.7 3l-13.93 8v-7.4l13.93-8c.94-.59 1.7-.15 1.7.94zM262.09 201.4v3.46a3.77 3.77 0 01-1.71 3L244.56 217c-.94.55-1.7.11-1.7-1v-3.46a3.77 3.77 0 011.7-3l15.82-9.13c.95-.54 1.71-.1 1.71.99zM246.24 183.11v3.46a3.79 3.79 0 01-1.7 3l-13.93 8v-7.4l13.93-8c.94-.59 1.7-.17 1.7.94zM247.59 240.33v-3.46a3.77 3.77 0 011.71-3l15.82-9.13c.94-.55 1.71-.11 1.71 1v3.46a3.78 3.78 0 01-1.71 3l-15.82 9.14c-.95.52-1.71.08-1.71-1.01zM238.71 121.8l15.82-9.14c.94-.54 1.71-.1 1.71 1v3.46a3.8 3.8 0 01-1.71 3l-15.82 9.13c-1 .55-1.71.1-1.71-1v-3.46a3.75 3.75 0 011.71-2.99zM238.71 158.17l15.82-9.17c.94-.54 1.71-.1 1.71 1v3.46a3.8 3.8 0 01-1.71 3l-15.82 9.13c-1 .55-1.71.1-1.71-1v-3.45a3.75 3.75 0 011.71-2.97zM254.53 247.36l-15.82 9.14c-1 .54-1.71.1-1.71-1v-3.46a3.77 3.77 0 011.71-3l15.82-9.04c.94-.55 1.71-.1 1.71 1v3.46a3.78 3.78 0 01-1.71 2.9zM230.61 299.27l13.93-8c.94-.54 1.7-.1 1.7 1v3.46a3.79 3.79 0 01-1.7 3l-13.93 8z"/></g><path d="M108.92 413V165.44a12 12 0 015.42-9.38l107.12-61.85a3.83 3.83 0 013.83-.38L229 96a3.79 3.79 0 011.6 3.51v247.55l-7.81 4.51-6.34-3.67-96 55.42v7.33l-7.81 4.51z" fill="#37474f"/><path d="M134.28 395.32l-13.85 8v7.33l-7.81 4.51-3.7-2.14V165.44a11 11 0 011.6-5.35l23.58 13.62z" fill="#263238"/><path d="M112.62 167.59v247.55l7.81-4.5v-7.32l96-55.42 6.34 3.66 7.81-4.5V99.48c0-3.47-2.43-4.85-5.4-3.13L118 158.21a12 12 0 00-5.38 9.38z" fill="#455a64"/><path fill="currentColor" d="M120.43 168.9v237.48l98.67-56.96V111.95l-98.67 56.95z"/><path fill="#fff" opacity=".7" d="M120.43 168.9v237.48l98.67-56.96V111.95l-98.67 56.95z"/><g opacity=".43"><path d="M137.25 377.26V178.61l65-37.54v198.64zM140 180.19v192.34l59.59-34.4V145.8z" fill="currentColor"/><path d="M137.25 178.61v198.65l65-37.55V141.07zm62.31 159.52L140 372.53V180.19l59.59-34.39z" opacity=".1"/></g><path fill="#263238" d="M219.1 349.42V111.95l3.65-2.12.01 241.74-3.66-2.15z"/><path fill="#e0e0e0" d="M120.43 410.64l102.33-59.07-3.66-2.15-98.67 56.96v4.26z"/><g><path fill="#e0e0e0" d="M122.34 258.22l1.97 1.14.01 32.73-1.98-1.14v-32.73z"/><path fill="#fafafa" d="M124.31 259.36l10.63-6.14.01 32.73-10.63 6.14-.01-32.73z"/><path d="M135 262.23l-4.66 2.68v5.32a.64.64 0 001 .55l3.7-2.13z" opacity=".05"/><path fill="#ebebeb" d="M134.94 253.22l-1.97-1.14-10.63 6.14 1.97 1.14 10.63-6.14z"/><path d="M128.39 263.82l4.88 2.81 1.95-3.38-4.88-2.81a.94.94 0 00-1 .09 3 3 0 00-1.38 2.39 1 1 0 00.43.9z" fill="#e0e0e0"/><path opacity=".1" d="M130.29 264.91l1.77 1.03v-2.33l1.89-1.09-1.77-1.02-1.89 1.08v2.33z"/><path fill="#fafafa" d="M132.65 263.98v5.11l19.5-11.25v-5.11l-19.5 11.25z"/><path fill="#e0e0e0" d="M132.65 263.98l-1.77-1.03v5.12l1.77 1.02v-5.11z"/><path fill="#ebebeb" d="M152.15 252.73l-1.77-1.03-19.5 11.25 1.77 1.03 19.5-11.25z"/><path d="M127.84 278.23a4 4 0 011.79-3.1c1-.57 1.79-.11 1.79 1a3.92 3.92 0 01-1.08 2.52V282a1.35 1.35 0 01-.61 1.05l-.2.12c-.34.19-.61 0-.61-.35v-3.34c-.64.08-1.08-.4-1.08-1.25z" fill="#455a64"/></g><g><path d="M155.5 200.16l30.07-17.36c1.79-1 3.25-.2 3.25 1.87v20.65a7.21 7.21 0 01-3.25 5.63l-30.07 17.36c-1.79 1-3.25.19-3.25-1.88v-20.65a7.17 7.17 0 013.25-5.62z" opacity=".15"/><path d="M156.65 201l30.07-17.36c1.79-1 3.25-.2 3.25 1.87v20.65a7.21 7.21 0 01-3.25 5.63l-30.07 17.36c-1.8 1-3.25.19-3.25-1.88v-20.61a7.15 7.15 0 013.25-5.66z" fill="#455a64"/><path d="M165.59 198h-.08a.37.37 0 01-.29-.45l6.1-26.68a.36.36 0 01.35-.29.37.37 0 01.36.26l6.1 19.65a.38.38 0 11-.72.22l-5.68-18.31-5.73 25.34a.38.38 0 01-.41.26z" fill="#263238"/><path d="M157.66 220.88a.72.72 0 01-.09-.44v-10.81a1.37 1.37 0 01.09-.55.58.58 0 01.29-.31l3.27-1.89c.11-.06.18 0 .23.05a1.51 1.51 0 01.06.52v.45a2.41 2.41 0 01-.06.6.5.5 0 01-.23.31l-2.16 1.25v3L161 212c.1-.06.18 0 .22.05a1.3 1.3 0 01.07.53v.42a1.89 1.89 0 01-.07.6.55.55 0 01-.22.32l-1.94 1.08v3.28l2.17-1.26a.15.15 0 01.22 0 1.54 1.54 0 01.06.53v.45a2.34 2.34 0 01-.06.61.54.54 0 01-.22.3l-3.28 1.9c-.14.12-.24.13-.29.07zM162.78 217.6v-11a1.19 1.19 0 01.1-.53.72.72 0 01.29-.33l1.81-1q2.25-1.31 2.25 2a5.9 5.9 0 01-1 3.53v.07c.3.08.55.56.76 1.44l.68 2.95a.44.44 0 000 .1.34.34 0 010 .1c0 .27-.2.52-.61.75l-.32.19c-.35.2-.55.18-.58-.06l-.62-3a1.21 1.21 0 00-.31-.64c-.12-.08-.29-.05-.53.09l-.42.24v4.26a1 1 0 01-.59.85l-.31.17c-.38.22-.6.15-.6-.18zm2.28-7.69a1.4 1.4 0 00.51-.76 3.86 3.86 0 00.22-1.37 2 2 0 00-.21-1.1q-.21-.27-.57-.06l-.76.44v3.32zM168.65 214.21v-11a1.38 1.38 0 01.09-.54.8.8 0 01.3-.33l1.81-1q2.25-1.31 2.25 2a5.94 5.94 0 01-1 3.53v.06c.3.09.55.57.76 1.45l.67 2.94V211.53c0 .26-.2.51-.61.74l-.32.19c-.36.2-.55.18-.59-.06l-.61-3a1.19 1.19 0 00-.31-.63c-.12-.08-.3-.06-.54.08l-.41.24v4.27a1 1 0 01-.6.84l-.3.18c-.4.22-.59.17-.59-.17zm2.28-7.69a1.36 1.36 0 00.51-.76 4.07 4.07 0 00.21-1.37 1.92 1.92 0 00-.2-1.09.39.39 0 00-.57-.07l-.76.44V207zM174.29 205.36q0-6.15 2.89-7.82t2.89 4.48q0 6.18-2.89 7.85t-2.89-4.51zm3.93 1a13.59 13.59 0 00.33-3.46 9.2 9.2 0 00-.33-3.07q-.33-.77-1-.36a2.49 2.49 0 00-1 1.56 13.45 13.45 0 00-.33 3.45 9.36 9.36 0 00.33 3.08c.23.52.57.64 1 .37a2.55 2.55 0 001-1.57zM181.35 206.88v-11a1.38 1.38 0 01.09-.54.68.68 0 01.3-.33l1.8-1q2.27-1.31 2.26 2a5.94 5.94 0 01-1.05 3.53v.06c.29.09.55.57.76 1.45l.67 2.94a.3.3 0 010 .1.41.41 0 010 .11c0 .26-.2.51-.6.74l-.33.19c-.35.2-.54.18-.58-.06l-.62-3a1.13 1.13 0 00-.31-.63c-.11-.09-.29-.06-.53.08l-.41.24V206a1 1 0 01-.6.84l-.3.17c-.36.26-.55.2-.55-.13zm2.27-7.69a1.32 1.32 0 00.52-.76 4.11 4.11 0 00.21-1.37 2 2 0 00-.21-1.1.39.39 0 00-.56-.06l-.76.44v3.32z" fill="#fafafa"/></g><g><path opacity=".2" d="M112.53 369.86l-3.7-2.11.01 12.45 3.69 2.11v-12.45z"/><path fill="currentColor" d="M112.53 366.54l-4.18-2.44.01 12.45 4.17 2.44v-12.45z"/><path opacity=".2" d="M112.53 366.54l-4.18-2.44.01 12.45 4.17 2.44v-12.45z"/><path opacity=".25" d="M230.53 215.01l-118 154.85.01 12.45 117.99-154.84v-12.46z"/><path fill="currentColor" d="M230.53 211.7l-118 154.84.01 12.45 117.99-154.84V211.7z"/><path fill="#455a64" d="M230.53 224.13v-5.65l-5.85.9-4.87 6.39 10.72-1.64zM215.94 243.32l-10.76 1.65-4.88 6.4 10.77-1.66 4.87-6.39zM225.69 230.52l-10.76 1.65-4.88 6.4 10.77-1.65 4.87-6.4zM206.19 256.11l-10.76 1.66-4.88 6.39 10.77-1.65 4.87-6.4zM196.44 268.91l-10.77 1.65-4.87 6.4 10.76-1.65 4.88-6.4zM186.69 281.71l-10.77 1.65-4.87 6.4 10.76-1.65 4.88-6.4zM176.94 294.5l-10.77 1.66-4.88 6.39 10.77-1.65 4.88-6.4zM167.18 307.3l-10.76 1.65-4.88 6.4 10.77-1.65 4.87-6.4zM157.43 320.1l-10.76 1.65-4.88 6.4 10.77-1.65 4.87-6.4zM147.68 332.89l-10.77 1.66-4.87 6.39 10.77-1.65 4.87-6.4zM137.93 345.69l-10.77 1.65-4.87 6.4 10.76-1.65 4.88-6.4zM128.18 358.49l-10.77 1.65-4.88 6.4 10.77-1.66 4.88-6.39zM118.41 371.29l-5.88.9v6.8l1-1.31 4.88-6.39z"/><path opacity=".25" d="M112.53 283.52l118 15.41v12.45l-118-15.4v-12.46z"/><path fill="currentColor" d="M112.53 281.42l118 15.4v12.45l-118-15.4v-12.45z"/><path opacity=".2" d="M112.53 283.52l-3.7-2.17.01 12.46 3.69 2.16v-12.45z"/><path fill="currentColor" d="M112.53 281.42l-4.18-2.45.01 12.46 4.17 2.44v-12.45z"/><path opacity=".2" d="M112.53 281.42l-4.18-2.45.01 12.46 4.17 2.44v-12.45z"/><path d="M117.8 284.78s.06 0 .07.09a.54.54 0 010 .22l-.17 1.15a.52.52 0 01-.06.2c0 .06-.07.08-.1.08l-1.34-.17-.22 1.48 1.25.16s.06 0 .08.1a.74.74 0 010 .21l-.17 1.16a.66.66 0 01-.06.2s-.07.08-.1.07l-1.25-.16-.34 2.35a.77.77 0 01-.07.2c0 .06-.07.09-.1.08l-.59-.07-.07-.1a.49.49 0 010-.21l1-7a.59.59 0 01.06-.2s.07-.08.1-.08zM118.2 287.72a7.33 7.33 0 01.27-1.14 4.74 4.74 0 01.41-.9 1.83 1.83 0 01.53-.57.8.8 0 01.59-.11.81.81 0 01.55.31 1.82 1.82 0 01.35.68 4.55 4.55 0 01.13 1 7.67 7.67 0 010 1.16c0 .32-.09.64-.14 1s-.1.66-.15 1a7.47 7.47 0 01-.27 1.13 4.85 4.85 0 01-.41.91 2 2 0 01-.53.57.86.86 0 01-.61.16.84.84 0 01-.56-.31 1.88 1.88 0 01-.34-.68 4 4 0 01-.13-1 7.78 7.78 0 010-1.16c0-.3.08-.62.13-1s.12-.77.18-1.05zm1.69 2.13c0-.13 0-.28.07-.43s.06-.33.08-.49 0-.33.07-.49 0-.29 0-.42a2.9 2.9 0 000-.5 1.58 1.58 0 00-.05-.41.71.71 0 00-.13-.29.34.34 0 00-.48-.06.74.74 0 00-.22.24 2.29 2.29 0 00-.16.38 3.33 3.33 0 00-.12.5 3.86 3.86 0 00-.07.41c0 .16 0 .32-.08.49s0 .33-.07.49 0 .3 0 .43a2.79 2.79 0 000 .93c0 .25.17.39.36.41a.47.47 0 00.46-.31 2.93 2.93 0 00.34-.88zM123.63 285.52a1 1 0 01.5.22 1.3 1.3 0 01.34.51 2.92 2.92 0 01.13.81 5.59 5.59 0 01-.07 1.11 5.42 5.42 0 01-.34 1.34 1.91 1.91 0 01-.51.77l.18 2.66v.12a.38.38 0 01-.06.16s0 .07-.08.07l-.61-.08a.13.13 0 01-.11-.12.69.69 0 010-.2l-.16-2.39-.42-.05-.34 2.32a.52.52 0 01-.06.2c0 .06-.07.09-.1.08l-.59-.07-.07-.1a.49.49 0 010-.21l1-7a.59.59 0 01.06-.2c0-.05.07-.08.1-.08zm-1 3.23l.51.07a.37.37 0 00.33-.14 1.11 1.11 0 00.22-.61 1.27 1.27 0 000-.65.35.35 0 00-.29-.21l-.51-.07zM124.75 293.42a.12.12 0 01-.07-.1.48.48 0 010-.21l1-7a.93.93 0 01.07-.2c0-.05.07-.08.1-.07l1.44.18a.69.69 0 01.48.27 1.37 1.37 0 01.25.56 2.93 2.93 0 01.08.75 7.35 7.35 0 01-.07.82 3.19 3.19 0 01-.11.54 4 4 0 01-.12.4c0 .11-.09.19-.13.26l-.09.15a2 2 0 01.15.71 7.05 7.05 0 01-.07.94 6.25 6.25 0 01-.18.86 3.27 3.27 0 01-.29.73 1.32 1.32 0 01-.4.49.63.63 0 01-.51.14zm1-1.6l.74.1c.09 0 .17-.05.24-.17a1.24 1.24 0 00.15-.46 1.26 1.26 0 000-.48c0-.14-.1-.21-.19-.22l-.74-.09zm1.49-3.49a1.17 1.17 0 000-.46c0-.12-.09-.19-.18-.2l-.7-.09-.18 1.24.7.09c.09 0 .16 0 .23-.14a1.44 1.44 0 00.09-.44zM128.27 293.87s-.05 0-.07-.1a.49.49 0 010-.21l1-7a.59.59 0 01.06-.2c0-.05.07-.08.1-.07l.59.07a.12.12 0 01.07.1.48.48 0 010 .21l-1 7a.86.86 0 01-.07.21c0 .05-.07.08-.1.07zM132.37 286.64a.83.83 0 01.53.29 1.72 1.72 0 01.35.69 3.94 3.94 0 01.16 1 8.93 8.93 0 01-.06 1.24q0 .24-.06.42v.37c0 .12 0 .23-.06.36a3.55 3.55 0 01-.06.4 7.41 7.41 0 01-.29 1.21 4.66 4.66 0 01-.43.92 1.94 1.94 0 01-.52.57.81.81 0 01-.59.15l-1.22-.15-.07-.1a.7.7 0 010-.21l1-7a.59.59 0 01.06-.2c0-.05.07-.08.1-.07zm.15 3.06c.11-.83 0-1.28-.42-1.32l-.46-.06-.6 4.13.48.06c.37.05.63-.34.77-1.18l.06-.42.06-.4.06-.38c.02-.13.03-.27.05-.43zM136 287.1a.79.79 0 01.53.29 1.75 1.75 0 01.35.68 4.1 4.1 0 01.16 1 8.93 8.93 0 01-.06 1.24c0 .16 0 .29-.06.42s0 .25 0 .37 0 .23-.05.35 0 .26-.07.41a7.67 7.67 0 01-.29 1.21 4.66 4.66 0 01-.43.92 1.94 1.94 0 01-.52.57.81.81 0 01-.59.15l-1.22-.15-.07-.1a.49.49 0 010-.21l1-7a.59.59 0 01.06-.2s.07-.08.1-.07zm.15 3.06c.11-.83 0-1.28-.42-1.33l-.46-.05-.6 4.13.48.06c.37 0 .63-.34.77-1.18l.06-.43.02-.36.06-.38c.02-.16.03-.3.05-.46zM139.62 293.55l.07.09a.49.49 0 010 .21l-.16 1.16a.93.93 0 01-.07.2.14.14 0 01-.1.08l-2.13-.28-.07-.1a.67.67 0 010-.2l1-7a.52.52 0 01.06-.2c0-.06.07-.08.1-.08l2.09.27s.06 0 .08.1a.74.74 0 010 .21l-.17 1.15a.52.52 0 01-.06.2c0 .06-.07.08-.1.08l-1.38-.18-.17 1.18 1.28.16a.12.12 0 01.07.1.48.48 0 010 .21l-.17 1.15a.65.65 0 01-.06.21c0 .05-.07.08-.1.07l-1.28-.16-.18 1.21zM142.39 295.67s-.08 0-.1-.11a.41.41 0 010-.16l-.49-3.85-.53 3.67a.77.77 0 01-.07.2c0 .06-.07.09-.1.08l-.59-.07s-.05 0-.07-.1a.7.7 0 010-.21l1-7a.59.59 0 01.06-.2c0-.05.07-.08.1-.07l.47.06s.09 0 .11.11 0 .12 0 .16l.48 3.85.54-3.68a.59.59 0 01.06-.2c0-.05.07-.08.1-.07l.59.07s.06 0 .07.1a.48.48 0 010 .21l-1 7a.65.65 0 01-.06.21s-.07.08-.1.07zM146.72 296.22s-.06 0-.08-.09a.74.74 0 010-.21l.16-1.11-1.41-.18s-.06 0-.08-.1a.74.74 0 010-.21l.17-1.15a1.4 1.4 0 01.12-.47l1.94-3.92a.42.42 0 01.1-.15.14.14 0 01.09 0l.68.09s.06 0 .07.1a.48.48 0 010 .21l-.61 4.17.39.05a.12.12 0 01.07.1.48.48 0 010 .21l-.17 1.15a.48.48 0 01-.07.21c0 .05-.06.08-.09.07h-.39l-.16 1.11a.52.52 0 01-.07.2c0 .06-.06.08-.1.08zm.35-3.15l.3-2-1 1.92zM151.09 288.92a.79.79 0 01.54.31 1.88 1.88 0 01.31.7 4.59 4.59 0 01.1 1A11.23 11.23 0 01152 292c0 .32-.09.64-.14 1s-.1.66-.14 1a11.3 11.3 0 01-.26 1.11 4.09 4.09 0 01-.38.91 1.84 1.84 0 01-.49.59.81.81 0 01-.61.17.79.79 0 01-.55-.31 1.81 1.81 0 01-.31-.7 4.59 4.59 0 01-.1-1 11.23 11.23 0 01.07-1.13c0-.3.08-.62.13-1s.1-.67.16-1a9 9 0 01.25-1.11 4.09 4.09 0 01.38-.91 1.84 1.84 0 01.49-.59.82.82 0 01.59-.11zm-.23 4.89c.1-.62.19-1.22.27-1.83v-.5a2.55 2.55 0 000-.41.71.71 0 00-.11-.28.27.27 0 00-.21-.13.3.3 0 00-.24.07.7.7 0 00-.18.25 2.35 2.35 0 00-.14.38c0 .15-.07.32-.1.5q-.15.9-.27 1.83a4.77 4.77 0 000 .5 1.76 1.76 0 000 .41.66.66 0 00.11.28.27.27 0 00.21.13.3.3 0 00.24-.07.7.7 0 00.18-.25 1.68 1.68 0 00.14-.38c.04-.15.07-.31.1-.5zM155.51 289.6s.06 0 .07.09a.49.49 0 010 .21l-.17 1.16a.65.65 0 01-.06.21l-.09.16-.73 1.25a1.59 1.59 0 01.46.81 3.34 3.34 0 010 1.39 3.93 3.93 0 01-.62 1.81 1.09 1.09 0 01-1.06.49.92.92 0 01-.55-.26 1.49 1.49 0 01-.35-.54 2.71 2.71 0 01-.16-.72 3.56 3.56 0 010-.8.69.69 0 010-.17s.05-.06.08-.06l.57.07a.17.17 0 01.13.12 2.17 2.17 0 00.07.24.7.7 0 00.13.24.32.32 0 00.26.14.43.43 0 00.38-.13.84.84 0 00.22-.53.86.86 0 00-.06-.58.47.47 0 00-.33-.22h-.37a.12.12 0 01-.07-.1.48.48 0 010-.21l.14-.94a.65.65 0 01.06-.21l.09-.17.64-1.1-1.17-.15s-.06 0-.07-.1a.48.48 0 010-.21l.17-1.15a.4.4 0 01.07-.2c0-.06.06-.08.09-.08zM160.1 290.18s.06 0 .08.1a.74.74 0 010 .21l-.17 1.15a.58.58 0 01-.06.21s-.07.08-.1.07l-1.34-.17-.22 1.49 1.25.16s.06 0 .08.1a.74.74 0 010 .21l-.17 1.15a.65.65 0 01-.06.21c0 .05-.07.08-.1.07L158 295l-.34 2.35a.52.52 0 01-.07.2c0 .06-.06.08-.1.08l-.59-.08s-.05 0-.07-.09a.54.54 0 010-.22l1-7a.52.52 0 01.06-.2c0-.06.07-.08.1-.08zM160.47 293.12a8.91 8.91 0 01.27-1.13 4.74 4.74 0 01.41-.9 2.15 2.15 0 01.53-.58.91.91 0 01.62-.16.86.86 0 01.55.31 2 2 0 01.34.69 3.93 3.93 0 01.13 1 6.63 6.63 0 010 1.16c0 .31-.09.64-.14 1s-.1.66-.14 1a8.64 8.64 0 01-.28 1.14 4.19 4.19 0 01-.41.9 1.88 1.88 0 01-.53.58.84.84 0 01-.61.15.89.89 0 01-.56-.3 1.93 1.93 0 01-.33-.69 3.9 3.9 0 01-.14-1 7.71 7.71 0 01.06-1.16c0-.3.08-.62.13-1s.05-.7.1-1.01zm1.69 2.13c0-.13.05-.27.08-.43s0-.32.07-.49.05-.33.07-.48 0-.3.05-.42a4.77 4.77 0 000-.51 2.42 2.42 0 00-.05-.41.78.78 0 00-.14-.29.34.34 0 00-.23-.13.32.32 0 00-.25.07.83.83 0 00-.21.24 1.76 1.76 0 00-.17.39 3.19 3.19 0 00-.12.49c0 .12 0 .26-.07.42s-.05.31-.08.48l-.06.49c0 .16 0 .31-.06.44a2.73 2.73 0 000 .92c0 .25.17.39.36.41s.34-.08.47-.3a3 3 0 00.34-.89zM165.89 290.92a1 1 0 01.51.22 1.19 1.19 0 01.33.51 2.64 2.64 0 01.13.81 5.59 5.59 0 01-.07 1.11 6 6 0 01-.33 1.34 2 2 0 01-.52.77l.18 2.66a.48.48 0 010 .12.43.43 0 01-.06.17.1.1 0 01-.07.06l-.62-.08a.14.14 0 01-.11-.11.76.76 0 010-.21l-.16-2.39h-.41l-.34 2.33a.59.59 0 01-.07.2c0 .05-.06.08-.1.07l-.58-.07s-.06 0-.08-.1a.74.74 0 010-.21l1-7a.48.48 0 01.07-.21s.06-.08.09-.07zm-1 3.23l.51.07a.39.39 0 00.34-.14 1.12 1.12 0 00.21-.61 1.08 1.08 0 000-.65.35.35 0 00-.29-.21l-.5-.07zM167 298.82s-.06 0-.07-.1a.48.48 0 010-.21l1-7a.65.65 0 01.07-.21s.06-.08.1-.07l1.44.18a.73.73 0 01.48.27 1.37 1.37 0 01.25.56 3 3 0 01.07.75 5.55 5.55 0 01-.06.82 5.33 5.33 0 01-.11.55 2.54 2.54 0 01-.13.39 1.29 1.29 0 01-.12.26l-.09.15a1.8 1.8 0 01.14.71 5.5 5.5 0 01-.06.94c-.05.3-.11.58-.18.86a3.83 3.83 0 01-.29.73 1.47 1.47 0 01-.4.5.67.67 0 01-.51.14zm.95-1.6l.74.1c.09 0 .17 0 .25-.16a1.37 1.37 0 00.15-.47 1.25 1.25 0 000-.48c0-.13-.09-.21-.18-.22l-.74-.09zm1.5-3.49a1.4 1.4 0 000-.46c0-.12-.09-.19-.18-.2l-.7-.09-.18 1.24.7.09a.22.22 0 00.22-.14 1.14 1.14 0 00.16-.44zM170.55 299.27s-.06 0-.07-.1a.48.48 0 010-.21l1-7a.52.52 0 01.07-.2c0-.06.06-.08.1-.08l.58.08s.06 0 .08.09a.74.74 0 010 .21l-1 7a.4.4 0 01-.07.2c0 .06-.06.08-.09.08zM174.66 292a.82.82 0 01.53.3 1.75 1.75 0 01.35.68 4.1 4.1 0 01.16 1 9 9 0 01-.06 1.24q0 .23-.06.42c0 .13 0 .25-.05.36s0 .24-.05.36 0 .26-.07.4a7.54 7.54 0 01-.29 1.22 4.94 4.94 0 01-.43.92 1.94 1.94 0 01-.52.57.86.86 0 01-.59.15l-1.22-.16s-.05 0-.07-.09a.5.5 0 010-.21l1-7a.52.52 0 01.06-.2c0-.06.07-.08.1-.08zm.15 3.07c.11-.84 0-1.28-.42-1.33l-.46-.06-.6 4.13.48.07c.37 0 .63-.35.77-1.18l.06-.43.06-.39.06-.39c.02-.09.03-.23.05-.38zM178.25 292.5a.87.87 0 01.53.3 1.75 1.75 0 01.35.68 3.63 3.63 0 01.15 1 6.71 6.71 0 01-.06 1.24c0 .15 0 .29-.05.42s0 .25 0 .36l-.06.36c0 .12 0 .26-.06.4a6.81 6.81 0 01-.3 1.22 4.38 4.38 0 01-.42.92 1.94 1.94 0 01-.52.57.93.93 0 01-.6.15L176 300s-.06 0-.07-.1a.48.48 0 010-.21l1-7a.77.77 0 01.07-.2c0-.06.07-.08.1-.08zm.15 3.07c.1-.84 0-1.28-.43-1.33l-.46-.06-.6 4.13.48.06c.38.05.64-.34.77-1.17 0-.15.05-.3.07-.43l.06-.39c0-.13 0-.26.05-.39s.04-.27.06-.42zM181.91 299s.05 0 .07.1a.49.49 0 010 .21l-.16 1.15a.77.77 0 01-.07.2c0 .06-.07.09-.1.08l-2.12-.27s-.06 0-.08-.1a.74.74 0 010-.21l1-7a.48.48 0 01.07-.21c0-.05.06-.08.09-.07l2.09.27s.06 0 .08.09a.8.8 0 010 .22l-.17 1.15a.59.59 0 01-.06.2.14.14 0 01-.1.08l-1.38-.18-.17 1.17 1.28.17s.06 0 .07.1a.48.48 0 010 .21l-.17 1.15a.52.52 0 01-.06.2c0 .06-.07.08-.1.08l-1.29-.17-.17 1.22zM184.67 301.08a.15.15 0 01-.11-.12.73.73 0 010-.16L184 297l-.53 3.68a.4.4 0 01-.07.2c0 .06-.06.08-.09.08l-.59-.08s-.06 0-.07-.1a.48.48 0 010-.21l1-7a.52.52 0 01.07-.2c0-.06.06-.08.1-.08l.46.06a.14.14 0 01.11.11.9.9 0 010 .16l.49 3.85.53-3.67a.4.4 0 01.07-.2c0-.06.06-.08.09-.08l.59.07s.06 0 .08.1a.74.74 0 010 .21l-1 7a.4.4 0 01-.07.2c0 .06-.06.08-.09.08zM189 301.63a.12.12 0 01-.07-.1.48.48 0 010-.21l.16-1.11-1.41-.18s-.06 0-.07-.1a.48.48 0 010-.21l.17-1.15a1.61 1.61 0 01.12-.46l1.94-3.93a.42.42 0 01.1-.15.11.11 0 01.1 0l.67.08s.06 0 .08.1a.74.74 0 010 .21l-.6 4.18.38.05s.06 0 .07.09a.53.53 0 010 .22l-.17 1.15a.52.52 0 01-.06.2s-.07.08-.1.08l-.39-.05-.16 1.11a.43.43 0 01-.07.2c0 .05-.06.08-.09.07zm.36-3.16l.29-2-.95 1.92zM193.37 294.33a.76.76 0 01.54.31 1.83 1.83 0 01.31.69 4.07 4.07 0 01.1 1 8.94 8.94 0 01-.07 1.14c0 .31-.08.64-.13 1s-.1.66-.15.95a8.77 8.77 0 01-.26 1.12 4.53 4.53 0 01-.37.91 2 2 0 01-.5.59.79.79 0 01-.61.16.76.76 0 01-.55-.31 1.83 1.83 0 01-.3-.69 4.63 4.63 0 01-.11-1 9 9 0 01.08-1.14c0-.3.08-.62.13-1s.1-.66.15-1a9 9 0 01.25-1.11 4.53 4.53 0 01.38-.91 2 2 0 01.49-.59.82.82 0 01.62-.12zm-.23 4.88c.11-.61.19-1.22.27-1.82v-.51a1.67 1.67 0 000-.4.7.7 0 00-.11-.29.28.28 0 00-.21-.12.26.26 0 00-.23.06.86.86 0 00-.19.25 2.49 2.49 0 00-.14.39 4.9 4.9 0 00-.1.5c-.1.59-.19 1.2-.27 1.82v.5a1.73 1.73 0 000 .41.7.7 0 00.11.29.28.28 0 00.21.12.29.29 0 00.24-.06.7.7 0 00.18-.25 1.77 1.77 0 00.14-.39 3.15 3.15 0 00.1-.5zM197.78 295s.05 0 .07.1a.7.7 0 010 .21l-.17 1.15a.65.65 0 01-.07.21.79.79 0 01-.08.16l-.73 1.26a1.52 1.52 0 01.46.8 3.57 3.57 0 010 1.4 3.84 3.84 0 01-.62 1.8 1.13 1.13 0 01-1.07.5 1 1 0 01-.54-.26 1.48 1.48 0 01-.35-.55 2.54 2.54 0 01-.16-.72 3.07 3.07 0 010-.8.42.42 0 01.05-.17s0-.06.08-.06l.57.08q.09 0 .12.12c0 .07.05.15.08.23a.85.85 0 00.13.25.34.34 0 00.26.13.45.45 0 00.38-.12.94.94 0 00.22-.54.84.84 0 00-.06-.57.44.44 0 00-.33-.22l-.37-.05s-.06 0-.08-.1a.74.74 0 010-.21l.13-.93a.81.81 0 01.07-.22l.09-.16.64-1.11-1.17-.14a.12.12 0 01-.07-.1.48.48 0 010-.21l.17-1.16a.59.59 0 01.06-.2c0-.05.07-.08.1-.07zM202.36 295.59s.06 0 .08.09a.81.81 0 010 .22l-.17 1.15a.59.59 0 01-.06.2c0 .05-.07.08-.1.08l-1.34-.18-.22 1.49 1.25.16s.06 0 .08.1a.74.74 0 010 .21l-.17 1.16a.59.59 0 01-.06.2s-.07.08-.1.07l-1.25-.16-.34 2.35a.77.77 0 01-.07.2c0 .06-.06.08-.1.08l-.59-.08-.07-.09a.49.49 0 010-.21l1-7a.59.59 0 01.06-.2c0-.06.07-.08.1-.08zM202.76 298.53a7.18 7.18 0 01.28-1.13 3.78 3.78 0 01.41-.9 2 2 0 01.52-.58.87.87 0 01.62-.16.84.84 0 01.55.31 1.89 1.89 0 01.34.68 4.06 4.06 0 01.14 1 7.85 7.85 0 01-.06 1.16c0 .31-.08.63-.13 1s-.1.66-.15.95A7.6 7.6 0 01205 302a3.94 3.94 0 01-.41.9 1.85 1.85 0 01-.52.58.88.88 0 01-1.17-.15 1.86 1.86 0 01-.34-.69 4.52 4.52 0 01-.14-1 7.91 7.91 0 01.06-1.17c0-.29.08-.61.13-.95s.1-.68.15-.99zm1.7 2.13c0-.13 0-.27.07-.43s.05-.32.08-.49l.06-.49c0-.15 0-.29.05-.42a3 3 0 000-.5 1.64 1.64 0 00-.05-.41.71.71 0 00-.13-.29.32.32 0 00-.23-.13.36.36 0 00-.26.07.63.63 0 00-.21.24 2.7 2.7 0 00-.17.38c0 .15-.08.32-.11.5s-.05.26-.08.42 0 .31-.07.48-.05.33-.07.49 0 .3-.05.44a3 3 0 000 .92c.06.25.18.39.37.41a.47.47 0 00.46-.31 2.83 2.83 0 00.34-.88zM208.17 296.33a.91.91 0 01.5.22 1.13 1.13 0 01.33.5 2.62 2.62 0 01.14.81 6.52 6.52 0 01-.07 1.12 5.54 5.54 0 01-.34 1.34 2 2 0 01-.51.77l.18 2.65v.12a.43.43 0 01-.06.17c0 .05-.05.06-.08.06l-.61-.08c-.06 0-.1 0-.11-.11a.75.75 0 010-.2l-.16-2.39-.42-.06-.34 2.33a.52.52 0 01-.06.2c0 .06-.07.08-.1.08l-.59-.08s-.05 0-.07-.09a.79.79 0 010-.22l1-7a.52.52 0 01.06-.2c0-.06.07-.08.1-.08zm-1 3.23l.51.06a.37.37 0 00.33-.13 1.68 1.68 0 00.19-1.26.38.38 0 00-.29-.22l-.51-.06zM209.29 304.22s-.06 0-.07-.09a.48.48 0 010-.21l1-7a.77.77 0 01.07-.2c0-.06.06-.08.1-.08l1.44.19a.68.68 0 01.48.26 1.41 1.41 0 01.25.57 2.52 2.52 0 01.07.75 5.55 5.55 0 01-.06.82 4.63 4.63 0 01-.11.54 2.35 2.35 0 01-.13.4 2.17 2.17 0 01-.12.26l-.09.14a1.85 1.85 0 01.14.72 5.39 5.39 0 01-.06.93 6.09 6.09 0 01-.18.87 3.27 3.27 0 01-.29.73 1.53 1.53 0 01-.4.49.67.67 0 01-.51.14zm1-1.59l.75.09c.08 0 .16 0 .24-.16a1.31 1.31 0 00.15-.46 1.5 1.5 0 000-.48c0-.14-.1-.21-.19-.22l-.74-.1zm1.5-3.5a1.17 1.17 0 000-.46c0-.12-.09-.18-.18-.19l-.7-.09-.18 1.24.7.09c.09 0 .16 0 .23-.14a1.43 1.43 0 00.08-.45zM212.83 304.68s-.06 0-.08-.1a.74.74 0 010-.21l1-7a.43.43 0 01.07-.2c0-.05.06-.08.09-.07l.59.07s.06 0 .07.1a.48.48 0 010 .21l-1 7a.52.52 0 01-.07.2c0 .06-.06.09-.1.08zM216.92 297.45a.81.81 0 01.53.29 1.89 1.89 0 01.35.68 4.13 4.13 0 01.15 1 6.68 6.68 0 01-.06 1.24v.42l-.06.37c0 .11 0 .23-.05.35s0 .26-.06.41a7.64 7.64 0 01-.3 1.21 4.15 4.15 0 01-.42.92 2 2 0 01-.53.57.8.8 0 01-.59.15l-1.21-.15a.12.12 0 01-.07-.1.48.48 0 010-.21l1-7a.59.59 0 01.07-.2c0-.05.06-.08.1-.07zm.15 3.06c.1-.83 0-1.28-.43-1.33l-.46-.06-.6 4.14.48.06c.38.05.64-.35.77-1.18 0-.15 0-.29.07-.43l.06-.39v-.38c0-.13.09-.28.11-.43zM220.51 297.91a.81.81 0 01.54.29 2.06 2.06 0 01.35.68 4.69 4.69 0 01.15 1 6.68 6.68 0 01-.06 1.24l-.06.42c0 .13 0 .25-.05.36s0 .24 0 .36l-.06.4a8.71 8.71 0 01-.3 1.22 4.15 4.15 0 01-.42.92 2 2 0 01-.53.57.81.81 0 01-.59.15l-1.21-.16s-.06 0-.08-.09a.74.74 0 010-.21l1-7a.4.4 0 01.07-.2c0-.06.06-.08.1-.08zm.16 3.06c.1-.83 0-1.28-.43-1.33l-.46-.06-.6 4.14.48.06c.38 0 .63-.35.77-1.18 0-.15 0-.29.07-.43s0-.26.05-.39l.06-.38c.02-.13.04-.28.06-.4zM224.18 304.36l.07.09a.49.49 0 010 .21l-.16 1.16a.93.93 0 01-.07.2c0 .05-.06.08-.1.07l-2.13-.27-.07-.09a.74.74 0 010-.21l1-7a.4.4 0 01.07-.2c0-.06.06-.08.09-.08l2.09.27s.06 0 .08.1a.74.74 0 010 .21l-.17 1.15a.52.52 0 01-.06.2c0 .06-.07.08-.1.08l-1.38-.18-.17 1.18 1.28.16a.12.12 0 01.07.1.48.48 0 010 .21l-.17 1.15a.52.52 0 01-.06.2c0 .06-.07.08-.1.08l-1.29-.16-.17 1.21zM226.94 306.48c-.05 0-.08 0-.11-.11a.69.69 0 010-.16l-.49-3.85-.54 3.67a.52.52 0 01-.06.2c0 .06-.07.08-.1.08l-.59-.08s-.06 0-.07-.09a.48.48 0 010-.21l1-7a.52.52 0 01.06-.2c0-.06.07-.08.1-.08l.47.06c.05 0 .08.05.1.12a.41.41 0 010 .16l.49 3.85.53-3.68a.77.77 0 01.07-.2.14.14 0 01.1-.08l.59.08.07.1a.48.48 0 010 .21l-1 7a.52.52 0 01-.06.2c0 .06-.07.08-.1.08z" fill="#37474f"/></g><g><path d="M142.21 105.27a1.09 1.09 0 00-.17-.13l-5.26-3V77.19a1.71 1.71 0 00-.41-1.27.64.64 0 00-.17-.13l-5.62-3.24a.75.75 0 00-.82 0L122 77.11a3.55 3.55 0 00-1.07.89 7.56 7.56 0 00-.85 1.65l-15.52 38.95a10.66 10.66 0 00-.67 3.81v8.45a1.67 1.67 0 00.42 1.27.7.7 0 00.17.13l5.62 3.25a.75.75 0 00.81-.06l10.67-6.16v1.63a1.69 1.69 0 00.42 1.27l.16.13 5.63 3.25a.79.79 0 00.82-.06l6.77-3.91a2.64 2.64 0 001-1.21 4.14 4.14 0 00.41-1.75v-8.12l4.45-2.57a2.63 2.63 0 001-1.21 4 4 0 00.41-1.75v-8.44a1.7 1.7 0 00-.44-1.28z" fill="currentColor"/><path d="M126.47 81.24v.1a7.51 7.51 0 00-.79 1.55l-15.47 39a9.49 9.49 0 00-.46 1.6l-5.66-3.27a10.25 10.25 0 01.45-1.58L120 79.65a7.74 7.74 0 01.86-1.65z" opacity=".15"/><path d="M110 135.47c-.63-.37-5.32-3.08-5.55-3.2l-.17-.14a1.7 1.7 0 01-.42-1.28v-8.43a11.37 11.37 0 01.22-2.22l5.62 3.25a11.3 11.3 0 00-.21 2.22v8.44a1.73 1.73 0 00.41 1.27zM127.47 98.5v14.65l-4.74-2.73 4.74-11.92z" opacity=".3"/><path opacity=".4" d="M127.47 113.15l-7.55 4.36 2.81-7.09 4.74 2.73z"/><path d="M127.62 135.44l.1.08-5.55-3.2a.43.43 0 01-.17-.13 1.67 1.67 0 01-.42-1.27v-1.63l5.63-3.25v8.12a1.74 1.74 0 00.41 1.28z" opacity=".3"/><path d="M142 105.11a.78.78 0 00-.74.09l-4.45 2.57v-5.66z" opacity=".15"/><path d="M136.16 75.77a.79.79 0 00-.78.07l-7.81 4.51a3.76 3.76 0 00-1 .89L120.89 78a3.72 3.72 0 011-.88l7.82-4.51a.75.75 0 01.82 0z" fill="#fff" opacity=".4"/><path d="M128.61 135.51a.77.77 0 01-1-.07 1.74 1.74 0 01-.41-1.28V126l-16.3 9.41a.74.74 0 01-1-.07 1.74 1.74 0 01-.41-1.28v-8.44a10.45 10.45 0 01.67-3.81l15.47-39a7.24 7.24 0 01.85-1.64 3.51 3.51 0 011.06-.89l7.81-4.51a.75.75 0 011 .07 1.71 1.71 0 01.41 1.27v30.58l4.45-2.57a.76.76 0 011 .07 1.7 1.7 0 01.41 1.28V115a4 4 0 01-.41 1.75 2.63 2.63 0 01-1 1.21l-4.45 2.57v8.12a4.14 4.14 0 01-.41 1.75 2.64 2.64 0 01-1 1.21zm-1.14-22.36V98.5l-7.55 19zM181.49 70a34.85 34.85 0 00-1.06-7.63 11.8 11.8 0 00-2.74-5.31 6.76 6.76 0 00-1.41-1.06l-5.64-3.25a6.94 6.94 0 00-3.21-.91 12.68 12.68 0 00-6.67 2.1 24.42 24.42 0 00-6.67 5.6 32.84 32.84 0 00-4.63 7.38 38.69 38.69 0 00-2.75 8.47 55.19 55.19 0 00-1.06 8.85q-.1 3.5-.1 7.23c0 2.5 0 4.81.1 7a35.47 35.47 0 001.06 7.63 11.81 11.81 0 002.75 5.31 6.12 6.12 0 001.4 1.1c.94.56 5.18 3 5.72 3.31a7.11 7.11 0 003.13.86 12.68 12.68 0 006.67-2.1 24.46 24.46 0 006.68-5.6 33.57 33.57 0 004.63-7.38 38.67 38.67 0 002.74-8.47 54.08 54.08 0 001.06-8.85q.1-3.33.1-7.07t-.1-7.21zm-20.44 28.3a22.2 22.2 0 01-.2-2.6q-.25-6.63 0-13.38a26.75 26.75 0 01.36-3.88 17.86 17.86 0 01.93-3.44 11.62 11.62 0 011.66-2.91 8.47 8.47 0 012.25-2q.16 1.17.24 2.58.21 6.48 0 13.38a29.35 29.35 0 01-.33 3.85 15.61 15.61 0 01-.93 3.45 11.91 11.91 0 01-1.69 2.92 8.75 8.75 0 01-2.29 2.05z" fill="currentColor"/><path d="M156.43 115.65c-.93-.53-4.7-2.7-5.57-3.22a6.65 6.65 0 01-1.4-1.1 11.81 11.81 0 01-2.75-5.31 35.47 35.47 0 01-1.06-7.63c-.06-2.14-.1-4.45-.1-7s0-4.91.1-7.23a55.06 55.06 0 011.06-8.85 38.81 38.81 0 011.75-6.06l5.62 3.25a39 39 0 00-1.74 6 53.12 53.12 0 00-1.06 8.86q-.1 3.48-.11 7.23c0 2.5 0 4.81.11 7a34.34 34.34 0 001.06 7.63 11.71 11.71 0 002.74 5.3 6.54 6.54 0 001.35 1.13z" opacity=".15"/><path d="M176.06 55.85a7.13 7.13 0 00-3-.79q-2.79-.14-6.68 2.1a24.57 24.57 0 00-6.67 5.61 33.21 33.21 0 00-4.63 7.36c-.19.41-.36.81-.53 1.23l-.47 1.19-5.62-3.25c.13-.36.27-.71.41-1.06s.38-.9.59-1.35a33.3 33.3 0 014.62-7.38 24.76 24.76 0 016.68-5.6 12.59 12.59 0 016.67-2.1 6.9 6.9 0 013.21.91z" fill="#fff" opacity=".4"/><path d="M171.92 89.32a29.32 29.32 0 01-.34 3.86 15.52 15.52 0 01-.92 3.44A12 12 0 01170 98l-5.62-3.25a12.61 12.61 0 00.63-1.34 15.77 15.77 0 00.94-3.45 29.35 29.35 0 00.33-3.85q.21-6.89 0-13.38c0-.94-.13-1.8-.24-2.59l.33-.21a4.35 4.35 0 012.59-.78 2.34 2.34 0 011.66 1 6.11 6.11 0 01.9 2.38 26.61 26.61 0 01.39 3.45q.21 6.45.01 13.34z" opacity=".3"/><path d="M170 98a10.51 10.51 0 01-1 1.58 8.86 8.86 0 01-2.59 2.21 4.38 4.38 0 01-2.58.77 2.33 2.33 0 01-1.68-1 5.76 5.76 0 01-.93-2.37c-.06-.28-.1-.57-.14-.87a8.6 8.6 0 002.29-2 11.4 11.4 0 001-1.58z" opacity=".4"/><path d="M166.38 57.16q3.88-2.25 6.68-2.1a6.71 6.71 0 014.63 2 11.8 11.8 0 012.74 5.31 34.85 34.85 0 011.06 7.63q.1 3.36.1 7.11t-.1 7.07a54.08 54.08 0 01-1.06 8.85 38.67 38.67 0 01-2.74 8.47 33.57 33.57 0 01-4.63 7.38 24.46 24.46 0 01-6.68 5.6 12.68 12.68 0 01-6.67 2.1 6.68 6.68 0 01-4.63-2 11.71 11.71 0 01-2.74-5.3 34.94 34.94 0 01-1.06-7.63c-.07-2.14-.1-4.45-.1-7s0-4.9.1-7.23a54 54 0 011.06-8.85 38.93 38.93 0 012.74-8.48 33.5 33.5 0 014.63-7.37 24.57 24.57 0 016.67-5.56zm5.54 32.16q.21-6.88 0-13.38a26.64 26.64 0 00-.39-3.44 6.17 6.17 0 00-.9-2.38 2.31 2.31 0 00-1.66-1 4.44 4.44 0 00-2.59.78 9 9 0 00-2.58 2.21 11.62 11.62 0 00-1.66 2.89 17.86 17.86 0 00-.93 3.44 26.75 26.75 0 00-.36 3.88q-.25 6.75 0 13.38a21.32 21.32 0 00.34 3.46 5.52 5.52 0 00.93 2.37 2.31 2.31 0 001.68 1 4.38 4.38 0 002.58-.77 9 9 0 002.62-2.21 11.88 11.88 0 001.68-2.92 15.76 15.76 0 00.93-3.45 31.14 31.14 0 00.31-3.86zM219.68 56a6.27 6.27 0 00-1.16-.85 6.56 6.56 0 00-.76-.35 6 6 0 01.58.25l-4.27-2.48 5.3-11.28c.21-.44.43-1 .66-1.57a4.82 4.82 0 00.36-1.77v-8.36a1.68 1.68 0 00-.41-1.26.91.91 0 00-.24-.16L214.25 25a.81.81 0 00-.79.07L189 39.14a2.31 2.31 0 00-.83 1 1.49 1.49 0 00-.14.24 4.17 4.17 0 00-.41 1.74v8.28a1.66 1.66 0 00.41 1.25 1.46 1.46 0 00.21.16c.19.09 4.54 2.62 5.41 3.12 0 0-.05 0-.06-.06a.75.75 0 001 .07l3.61-2.09-1.2 2.72a17.85 17.85 0 00-.71 1.67 3.17 3.17 0 00-.14.4c0 .13-.08.26-.11.4a.11.11 0 010 .05 1.9 1.9 0 000 .25v.08a3.1 3.1 0 00-.05.6v6.76a1.73 1.73 0 00.4 1.26 1.43 1.43 0 00.22.15l5.39 3.15-.08-.06a.75.75 0 00.94 0l4.23-2.45a7.94 7.94 0 01-1.52 3.72 12.92 12.92 0 01-4.06 3.6 5.83 5.83 0 01-3.13 1.07 5.76 5.76 0 01-.66-.1l-2.44-1.41a1 1 0 00-.34-.11 2 2 0 00-1.23.36l-6.44 3.72a2.18 2.18 0 00-.79 1 .49.49 0 000 .11 4.15 4.15 0 00-.22.65 2.88 2.88 0 00-.07.65 12.08 12.08 0 001.09 5.06 7.11 7.11 0 003 3.28c.82.46 4.08 2.38 5.34 3.09-.18-.11-.34-.24-.5-.36a6 6 0 00.72.48 7.9 7.9 0 004.77.78 17.12 17.12 0 006.45-2.42 29.39 29.39 0 0015.12-26.58c0-4.1-.83-6.9-2.5-8.42z" fill="currentColor"/><path d="M188.18 40.22a.64.64 0 000-.07l-.13.25a4 4 0 00-.41 1.74v8.32a1.63 1.63 0 00.41 1.26.7.7 0 00.2.15l5.43 3.13a.12.12 0 00-.06-.06 1.65 1.65 0 01-.41-1.26v-8.34a3.87 3.87 0 01.41-1.72 3 3 0 01.28-.46c-.06.09-.13.17-.19.28zM201.46 62.06l-5.56-3.21v6.93a1.73 1.73 0 00.4 1.26 1.43 1.43 0 00.22.15c.21.11 4.83 2.78 5.46 3.15l-.07-.07a1.65 1.65 0 01-.41-1.24v-6.8s-.04-.11-.04-.17z" opacity=".15"/><path d="M201.8 60.45c.24-.61.48-1.16.72-1.67l5.41-11.54-9.72 5.62-1.21 2.71c-.24.5-.48 1-.71 1.67a3 3 0 00-.14.39c0 .14-.08.26-.11.4v.06a2 2 0 010 .24.19.19 0 010 .08 2.25 2.25 0 000 .44l5.56 3.21a5.05 5.05 0 01.2-1.61z" opacity=".3"/><path d="M186.45 79.66v.11a3.41 3.41 0 00-.22.66 3 3 0 00-.08.64 12.13 12.13 0 001.1 5.07 7 7 0 003 3.27l5.33 3.1a.45.45 0 01-.1-.09 7.07 7.07 0 01-2.66-3.06 12 12 0 01-1.1-5.07 3.33 3.33 0 01.33-1.41 3 3 0 01.27-.44l-5.57-3.2a2.77 2.77 0 00-.3.42z" opacity=".15"/><path d="M197.71 76.16l-2.44-1.42a1.13 1.13 0 00-.34-.1 2.08 2.08 0 00-1.23.35l-6.44 3.73a1.76 1.76 0 00-.52.53l5.57 3.2a1.9 1.9 0 01.53-.53l6.43-3.71c.71-.41 1.26-.48 1.63-.19l-3.17-1.85z" opacity=".3"/><path d="M203.92 79.47a5.75 5.75 0 003.15-1.07 12.88 12.88 0 004.05-3.6 8.13 8.13 0 001.62-4.94c0-1.82-.55-2.86-1.62-3.08a6 6 0 00-4.05 1.1 7.85 7.85 0 01-1.52 3.71 12.88 12.88 0 01-4.05 3.6 5.71 5.71 0 01-3.14 1.06 4.25 4.25 0 01-.65-.09l3.17 1.84 1.26.89a3.75 3.75 0 001.78.58z" opacity=".4"/><path d="M214.07 52.55s3.08 1.8 4.27 2.48a.46.46 0 00-.14-.05.34.34 0 00-.15-.07 7.72 7.72 0 00-4.86-.48zM216.76 26.52l-2.52-1.47a.81.81 0 00-.79.07L189 39.21a2.36 2.36 0 00-.84.94.64.64 0 010 .07l5.55 3.22c.06-.11.13-.19.19-.28a3 3 0 01.19-.3 1.79 1.79 0 01.49-.43L219 28.34a.82.82 0 01.71-.11z" fill="#fff" opacity=".4"/><path d="M219 28.26a.75.75 0 011 .07 1.68 1.68 0 01.41 1.26v8.34a4.82 4.82 0 01-.41 1.77c-.23.61-.45 1.13-.66 1.57l-5.3 11.28-.88 1.88a7.58 7.58 0 015.33.71 6.63 6.63 0 011.16.85c1.67 1.53 2.5 4.33 2.5 8.42A29.39 29.39 0 01207.06 91a17.12 17.12 0 01-6.51 2.42 7.9 7.9 0 01-4.77-.78 7.12 7.12 0 01-3-3.27 12.2 12.2 0 01-1.1-5.07 3.3 3.3 0 01.33-1.41 2.07 2.07 0 01.8-1l6.43-3.72c.72-.41 1.26-.48 1.64-.2s.79.58 1.25.89a3.68 3.68 0 001.78.58 5.86 5.86 0 003.14-1.06 13.09 13.09 0 004.06-3.61 8 8 0 001.61-4.93c0-1.84-.53-2.86-1.61-3.08a6.09 6.09 0 00-4.06 1.08l-4.23 2.45a.75.75 0 01-1-.07 1.69 1.69 0 01-.4-1.26v-6.73a5 5 0 01.35-1.78c.24-.61.48-1.16.72-1.67l5.41-11.54-13.33 7.7a.75.75 0 01-1-.07 1.69 1.69 0 01-.41-1.26v-8.33a4.06 4.06 0 01.41-1.73 2.61 2.61 0 011-1.19z" fill="currentColor"/></g><g><path d="M414.41 218.19l7.08-.31 4.58 8.68s-2.85 1.48-13.05 1.6z" fill="#f28f8f"/><path d="M369.6 197.3c2.7 1.27 4.17 2.74 7.07 5.1 3.58 2.92 15.93 11.31 18.58 12a170.44 170.44 0 0021.36 3.44s-1.15 7 .34 10.45c-6.34.28-22.5.82-28.14-.51-6-1.42-12.66-4.8-17.78-7.77s-3.98-20.19-1.43-22.71z" fill="currentColor"/><path d="M369.6 197.3c2.7 1.27 4.17 2.74 7.07 5.1 3.58 2.92 15.93 11.31 18.58 12a170.44 170.44 0 0021.36 3.44s-1.15 7 .34 10.45c-6.34.28-22.5.82-28.14-.51-6-1.42-12.66-4.8-17.78-7.77s-3.98-20.19-1.43-22.71z" fill="#fff" opacity=".7"/><path d="M371 220.06c5.12 3 11.74 6.35 17.78 7.77 4.08 1 13.68.95 21.08.76a118.81 118.81 0 01-19-3.06 73.51 73.51 0 01-11.77-6.2c-3.33-2.37-3.53-6.62-5.23-12.77-2.26-8.16-4.25-9.26-4.25-9.26-2.56 2.52-3.69 19.79 1.39 22.76z" opacity=".1"/><path d="M409.89 228.59a14.48 14.48 0 01.31-8.69s-2.06 2-1.62 8.72z" fill="currentColor"/><path d="M409.89 228.59a14.48 14.48 0 01.31-8.69s-2.06 2-1.62 8.72z" opacity=".1"/><path d="M424.39 226.71c6-.21 8.23-3.25 9.07-8.52s.69-12.16.76-14-.47-2.46-1.2-2.56c-.27 0-1.43.25-1.56 2.2-.24 3.56-.33 5.75-1 5.72s-.57-2.66-.51-6.25c0-2.42 0-4.46-1.4-4.46s-1.79 1.44-1.86 4.71 0 5.7-.86 5.77c-.7 0-.56-3.43-.72-5.67s-.15-3.58-1.55-3.55-1.61 1.83-1.56 4a86.09 86.09 0 01-.23 9c-.39 1.29-1.73-1.89-2.71-3.2-1.61-2.15-3.58-1.17-2.78.79a38.83 38.83 0 012.18 7.4c.42 2.49 1.43 8.64 5.93 8.62z" fill="#ffa8a7"/><path d="M424.36 215.82s3.62 3.77 2.32 7.8a5.35 5.35 0 00.65-5.4 4.09 4.09 0 00-2.97-2.4z" fill="#f28f8f"/><path d="M345.39 404.83c-.13 1.14-.28 4.34-6.07 5.13s-9.44-1.12-11-3.9-1.19-5.06-1.44-7.64-2.37-3.95-3-5.28c-.9-1.95.42-5 .42-5zM387.63 395.77a3.49 3.49 0 01-.38 2.8 12.16 12.16 0 01-9.28 2.48 22.39 22.39 0 01-9.81-3.85 12.92 12.92 0 00-7.58-2.18c-2.79-.1-4.82-.72-5-1.45-.37-1.28-.37-2.1.23-2.06z" fill="#263238"/><path d="M345 402.2a31.89 31.89 0 00-2.66-3.17 28.64 28.64 0 01-6-15.36c0-.31-.06-.91-.37-1.1s-.63.08-1 .22a6 6 0 01-1.79.47 33.38 33.38 0 01-4.83-.19c-.4.05-.52 1.29-.49 2.62-.73-.46-1-1.38-1.62-1.91-.36-.29-.51-.3-.51-.77v-.9c-.52-.15-1 1.87-1.4 3.41-.5 1.78-1.12 3.79-.42 5.6a15.72 15.72 0 001.63 2.8 11.62 11.62 0 012.1 5.12c.08.81 0 1.64.13 2.45a7.16 7.16 0 005.06 5.87c3.52 1.11 8.82.93 11.93-1.53 1.09-.83.72-2.68.24-3.63zM385.29 392c-.77-.24-1.53-.52-2.28-.82a41.85 41.85 0 01-6.07-3c-.85-.52-1.69-1.06-2.51-1.63s-1.65-1.27-2.47-1.93a8.81 8.81 0 01-1.18-1.26 13 13 0 01-1.74-2.82 1 1 0 00-.43-.57.84.84 0 00-.82.17 4 4 0 01-.64.43l-.68.28a7.85 7.85 0 01-2.28.56c-2.94.26-3-.33-3.16.62a7.93 7.93 0 000 1.06c-1.55-.25-2.77-.76-2.84-1.34l-.18-1.88c-2.31-.32-2.08 2.38-2.36 5.34-.23 2.54-.82 4.73-.12 6.58 2.33 2 6.46 1.54 8.81 1.93 3.32.55 4.88 3 9.5 4.61 7.44 2.58 12.15-.4 13.54-1.69.9-1.64 1.08-3.59-2.09-4.64z" fill="#455a64"/><path d="M329.2 250.14c-.93 9-1.91 22.55-2.29 33.12-.7 19.86-.43 44.69-.43 44.69a68.59 68.59 0 00-2.14 12.73c-.47 12.69-.38 44.1-.38 44.1s5.26 5.3 13.13 1.14c0 0 7-42.87 8.92-55.38 1.87-11.93 5.5-38 5.5-38l1.64 36.05a52.37 52.37 0 00-1.23 16.26c.42 5.81 3.74 37.44 3.74 37.44 3 2.84 11.84 1.3 13.77-1 0 0 3.09-45.34 3.43-51.47.74-13.26 1-63.83 0-71.5s-43.66-8.18-43.66-8.18z" fill="#263238"/><path d="M351.51 292.56l2.31-15.29a30.68 30.68 0 0011-4.64s-1.8 4.08-8.82 7l-2.28 14.23-.55 34.75z"/><path d="M340 155.33s-.21 0-.54.11a2.48 2.48 0 00-1.33-2.8 2.67 2.67 0 00-3.45 1.41l3.76 1.73a5.24 5.24 0 00-2.86 2.44c-1 2.12.33 6.64 1.7 12.22a79 79 0 003 10.34c.63 1.63 1.77 1.68 1.77 1.68v-5.57l-.24-4.61s3-4.05 3.29-7.37c.41-4.26-.48-6-.48-6z" fill="#263238"/><path d="M342 171.54c-1.11 1-2-1.53-2.95-2.51s-4-2.3-5.5.91 1.39 7.71 3.68 8.77c3.34 1.55 4.84-1.82 4.84-1.82v13.93c3.52 6.35 11.29 6.14 14.89 7a12.33 12.33 0 00-.14-6.25v-4.54a16.7 16.7 0 004.6.25c3-.48 4.67-3 5.58-6.28 1.47-5.29 1.77-14.18-.27-24.45-3.4-2.63-14.92-2.21-22.06 2.32.52 9.13-1.53 11.7-2.67 12.67z" fill="#ffa8a7"/><path d="M356.82 187.06s-6.79-1.34-9.17-2.6a7.88 7.88 0 01-3.29-3.23 10.64 10.64 0 001.88 3.82c1.74 2.21 10.59 3.82 10.59 3.82z" fill="#f28f8f"/><path d="M353.73 169.64a1.45 1.45 0 11-1.45-1.45 1.45 1.45 0 011.45 1.45zM365.24 168.58a1.45 1.45 0 11-1.45-1.45 1.45 1.45 0 011.45 1.45zM351.77 165.78l-3 1.59a1.79 1.79 0 01.75-2.37 1.67 1.67 0 012.25.78z" fill="#263238"/><path d="M354.48 178.6l5.09 1.32a2.57 2.57 0 01-3.15 2 2.75 2.75 0 01-1.94-3.32z" fill="#b16668"/><path d="M355 179.67a3.05 3.05 0 00-.52.05 2.73 2.73 0 002 2.17 2.41 2.41 0 001.28 0 2.77 2.77 0 00-2.76-2.22z" fill="#f28f8f"/><path d="M366.44 166.06l-3.12-1.48a1.66 1.66 0 012.25-.86 1.82 1.82 0 01.87 2.34z" fill="#263238"/><path fill="#f28f8f" d="M358.23 167.93l.91 9.31 4.65-2.09-5.56-7.22z"/><path d="M336.08 190.82c-6.18 2.21-10.77 4.37-15.06 8.05 0 0 4.44 19.27 7.22 29.88 2.52 9.67.16 29.37.16 29.37s3.89 5.88 26 5.24C366.9 263 373 259 373 259s1.06-21.73.58-39.9c-.38-14.62-1.44-18.15-3.93-21.81-1.8-1.22-11.75-4.9-11.75-4.9a26.09 26.09 0 00-.86 5.45c-3.68-5.66-20.96-7.02-20.96-7.02z" fill="currentColor"/><path d="M336.08 190.82c-6.18 2.21-10.77 4.37-15.06 8.05 0 0 4.44 19.27 7.22 29.88 2.52 9.67.16 29.37.16 29.37s3.89 5.88 26 5.24C366.9 263 373 259 373 259s1.06-21.73.58-39.9c-.38-14.62-1.44-18.15-3.93-21.81-1.8-1.22-11.75-4.9-11.75-4.9a26.09 26.09 0 00-.86 5.45c-3.68-5.66-20.96-7.02-20.96-7.02z" fill="#fff" opacity=".3"/><path d="M333.15 240.67c-.26-6.51-1.67-18.85-1.57-28.2l-4.41-6.69-2.57 8.31c1.23 5.1 2.56 10.54 3.64 14.66 2.52 9.67.16 29.37.16 29.37s3.89 5.88 26 5.24h.4a37.07 37.07 0 01-11.87-3.36c-6.87-3.4-9.52-12.81-9.78-19.33z" opacity=".1"/><path d="M342.1 184.93V186c.2 1 2.25 3.45 7.41 5.77a17.37 17.37 0 017.48 6.06s-1.76-2.71-3.93-1.28-4.37 5-5.49 5-4.86-3.57-7.79-6.63c-2.45-2.58-3.7-4.13-3.7-4.13s4.01-5.79 6.02-5.86zM357 197.85c1.57-3.76 4.4-.55 4.58-.53.82.05-1.79-6.86-4.73-8.76v3z" fill="currentColor"/><path d="M342.1 184.93V186c.2 1 2.25 3.45 7.41 5.77a17.37 17.37 0 017.48 6.06s-1.76-2.71-3.93-1.28-4.37 5-5.49 5-4.86-3.57-7.79-6.63c-2.45-2.58-3.7-4.13-3.7-4.13s4.01-5.79 6.02-5.86zM357 197.85c1.57-3.76 4.4-.55 4.58-.53.82.05-1.79-6.86-4.73-8.76v3z" fill="#fff" opacity=".65"/><path d="M361.11 262.77c.26-13.86.62-49.46-4.12-64.92 0 0 4.47 32.91 2.05 65.19q1.08-.12 2.07-.27z" fill="currentColor"/><path d="M361.11 262.77c.26-13.86.62-49.46-4.12-64.92 0 0 4.47 32.91 2.05 65.19q1.08-.12 2.07-.27z" opacity=".1"/><path d="M338.56 214.48a38.54 38.54 0 0014.09-1.7l.22 2.72a35 35 0 01-14 1.46z" fill="currentColor"/><path d="M338.56 214.48a38.54 38.54 0 0014.09-1.7l.22 2.72a35 35 0 01-14 1.46z" opacity=".1"/><path d="M373.17 208.11a.2.2 0 00-.07-.2c-.05 0-.38-.23-.43-.26-.05 0-.12 0-.22.06a3.15 3.15 0 01-3.12.34 2.24 2.24 0 01-.35-.34.32.32 0 00-.09-.08l-.44-.27c-.1-.05-.2 0-.27.14-.93 2.11-2.84 4.22-4.08 4.72a.7.7 0 00-.25.17.53.53 0 00-.15.35c-.09 2.75 1.27 7.19 4.07 8.76a5.58 5.58 0 00.52.32c4.03-3.97 4.77-10.45 4.88-13.71z" fill="#ebebeb"/><path d="M367.74 221.45c-2.8-1.57-4.16-6-4.07-8.76a.55.55 0 01.06-.22l.43.28a.46.46 0 00-.05.21c-.11 2.6 1.12 6.72 3.63 8.49z" fill="#e0e0e0"/><path d="M373.17 208.11c-.11 3.26-.85 9.74-4.91 13.66-2.86-1.53-4.24-6-4.15-8.81a.53.53 0 01.15-.35.74.74 0 01.25-.17c1.24-.5 3.15-2.61 4.08-4.72.07-.15.16-.19.26-.14a.32.32 0 01.09.08 3 3 0 003.91.28.25.25 0 01.22-.07.2.2 0 01.1.24z" fill="#fafafa"/><path d="M368.85 207.58c-.1-.05-.19 0-.26.14-.93 2.11-2.84 4.22-4.08 4.72a.74.74 0 00-.25.17.53.53 0 00-.15.35c-.09 2.77 1.29 7.28 4.15 8.81a30.26 30.26 0 00.59-14.19z" fill="#f0f0f0"/><path d="M346.57 160.89s9.32 4.54 19.32.61c10.27-4.05 1.27-6.92 1.27-6.92z" fill="#263238"/><path d="M367.42 141c-7.75-1.72-16.22-2.63-26.39 1.54s-12.73 10.4-12.73 10.4 9.86 3.38 18.19 1.55S367.42 141 367.42 141z" fill="#455a64"/><path d="M334.13 158.62s-5.45-4.43-5.83-5.73a34.25 34.25 0 0011.82-1.45c6.68-2 13.93-8.7 21.41-10.25s10.4 2 10.4 2a35.42 35.42 0 01-4.74 8.65s-2.61 5.09-11.41 6.75-21.65.03-21.65.03z" fill="#37474f"/><path d="M334.13 158.62a14.94 14.94 0 00.42 1.74 8.37 8.37 0 00.81 1.47c3.12.61 10.62 1.1 20.51-1.26 6.2-1.49 9.06-3.21 10.24-4.45a3.36 3.36 0 001.2-2.9l-.12-1.37s-2.06 2.73-12.2 5.26a70.36 70.36 0 01-20.86 1.51z" fill="currentColor"/><path d="M334.13 158.62a14.94 14.94 0 00.42 1.74 8.37 8.37 0 00.81 1.47c3.12.61 10.62 1.1 20.51-1.26 6.2-1.49 9.06-3.21 10.24-4.45a3.36 3.36 0 001.2-2.9l-.12-1.37s-2.06 2.73-12.2 5.26a70.36 70.36 0 01-20.86 1.51z" opacity=".05"/><path d="M339.53 295.16c-1-1.46-3.31-2.78-4.17-3.64-1.52-1.54-3.74-4.79-3.41-5.39s1.26.18 3.2.17c3 0 3.82-1.18 3.79-2.28 0-.86-1.83-.7-4-1.18-1.91-.61-4.2-2.76-5.45-4.45s-2.26-6.1-2.26-6.1-6.49.09-11 3.16c0 0 1.29 6.7 2.77 11.45 1.65 5.33 5.39 11.21 11.08 12.53a13.83 13.83 0 007.16-.36 5.29 5.29 0 001.9-.94 2 2 0 00.39-2.97z" fill="#ffa8a7"/><path d="M321 198.87s-1-.2-2.68 3.66a61.94 61.94 0 00-3.27 11.53c-.67 3.22-3.87 20.13-3.87 27.4s2.17 21.88 5 34.33c3.48.35 9.46-.55 11.46-2.83-1.31-12.42-2.41-18.81-2.11-28.58 2-14.5 7.87-29.69 8.12-31.38.53-3.71-5.33-15.37-12.65-14.13z" fill="currentColor"/><path d="M321 198.87s-1-.2-2.68 3.66a61.94 61.94 0 00-3.27 11.53c-.67 3.22-3.87 20.13-3.87 27.4s2.17 21.88 5 34.33c3.48.35 9.46-.55 11.46-2.83-1.31-12.42-2.41-18.81-2.11-28.58 2-14.5 7.87-29.69 8.12-31.38.53-3.71-5.33-15.37-12.65-14.13z" fill="#fff" opacity=".65"/><path d="M316.27 260c-1.74-8.5-4.59-25.14-2.64-38.23-1.12 6.43-2.43 15-2.43 19.69 0 7.27 2.17 21.88 5 34.33a20.33 20.33 0 004.16-.08c-1.25-4.11-3.02-10.47-4.09-15.71z" opacity=".1"/><path d="M314.94 269.69c2.84.18 7.89-.62 10-2 0 0-3.68 1.63-10.19.7z" fill="currentColor"/><path d="M314.94 269.69c2.84.18 7.89-.62 10-2 0 0-3.68 1.63-10.19.7z" opacity=".1"/><g><path d="M364.79 145.63v-.15l-.32-.2h-.17a2.37 2.37 0 01-2.33.25 1.6 1.6 0 01-.26-.26.19.19 0 00-.07-.06l-.32-.2c-.07 0-.14 0-.19.11a7.61 7.61 0 01-3.05 3.52.5.5 0 00-.19.13.41.41 0 00-.11.26c-.07 2 .95 5.37 3 6.54a3 3 0 00.38.24c3-2.91 3.55-7.74 3.63-10.18z" fill="#ebebeb"/><path d="M360.74 155.59c-2.1-1.17-3.11-4.49-3-6.54a.42.42 0 010-.16l.33.2a.29.29 0 000 .16c-.07 1.94.79 5.02 2.67 6.34z" fill="#e0e0e0"/><path d="M364.79 145.63c-.08 2.44-.63 7.27-3.67 10.2-2.13-1.14-3.16-4.51-3.09-6.58a.36.36 0 01.11-.26.59.59 0 01.18-.13 7.5 7.5 0 003.05-3.52c.05-.11.13-.15.2-.11a.19.19 0 01.07.06 2.19 2.19 0 002.92.21c.07-.05.12-.06.16 0s.08.05.07.13z" fill="#fafafa"/><path d="M361.57 145.23c-.07 0-.15 0-.2.11a7.5 7.5 0 01-3.05 3.52.59.59 0 00-.18.13.36.36 0 00-.11.26c-.07 2.07 1 5.44 3.09 6.58a22.54 22.54 0 00.45-10.6z" fill="#f0f0f0"/></g></g><g><path d="M349.86 130l-5.46-12.44 4.39-12.67v-7.81l-13.44 7.76v7.76l5.78 12.18a.87.87 0 00.39.35z" fill="currentColor"/><path d="M349.86 130l-5.46-12.44 4.39-12.67v-7.81l-13.44 7.76v7.76l5.78 12.18a.87.87 0 00.39.35z" opacity=".2"/><path d="M390.07 55.14a8.93 8.93 0 00-4-7l-3.28-1.89a8.88 8.88 0 00-8.06 0l-77.12 44.61a8.9 8.9 0 00-4 7v30.74a8.93 8.93 0 004 7l3.28 1.89a8.88 8.88 0 008.06 0l34.84-20 5.77 12.17a.86.86 0 001.55-.15l6.1-19.77L386 92.88a8.91 8.91 0 004-7z" fill="currentColor"/><path d="M293.58 128.6a8.93 8.93 0 004 7l3.28 1.89a9 9 0 007.37.33c-1.89.71-3.34-.36-3.34-2.65v-30.79a8.2 8.2 0 011.18-4l-11.34-6.55a8.26 8.26 0 00-1.18 4z" opacity=".2"/><path d="M389.94 54c-.47-1.71-2-2.25-3.89-1.18L309 97.41a7.84 7.84 0 00-2.84 3l-11.33-6.54a8 8 0 012.83-3l77.08-44.6a9 9 0 018.07 0l3.29 1.9a8.93 8.93 0 013.84 5.83z" fill="#fff" opacity=".5"/><path d="M310.48 123.13v-16.25a2.14 2.14 0 01.15-.88 1.11 1.11 0 01.47-.51l4.61-2.67c.17-.09.29-.06.37.1a2.33 2.33 0 01.12.91v.8a3.6 3.6 0 01-.12 1.05.84.84 0 01-.37.52l-2.61 1.51v3.77l2.46-1.42c.17-.1.29-.07.37.09a2.44 2.44 0 01.11.92v.8a3.74 3.74 0 01-.11 1 .87.87 0 01-.37.52l-2.46 1.42v6.76a1.64 1.64 0 01-1 1.39l-.67.38c-.62.43-.95.34-.95-.21zM317.25 111q0-9.22 4.39-11.77 2.14-1.23 3.26.37c.74 1.06 1.12 3.18 1.12 6.34a21.71 21.71 0 01-1.12 7.64 7.75 7.75 0 01-3.26 4.13q-4.38 2.5-4.39-6.71zm5.38 2.24a6.69 6.69 0 00.55-2.11 27.55 27.55 0 00.19-3.66 22.45 22.45 0 00-.19-3.41 2.52 2.52 0 00-.55-1.48c-.25-.2-.57-.18-1 0a2.53 2.53 0 00-1 1.08 7 7 0 00-.57 2.12 27.42 27.42 0 00-.19 3.64 22.69 22.69 0 00.19 3.42 2.51 2.51 0 00.57 1.48.83.83 0 001 0 2.63 2.63 0 001-1.12zM327.56 113.27V97a2 2 0 01.16-.88 1.11 1.11 0 01.51-.54L331 94a2.29 2.29 0 012.48-.26c.63.43.94 1.55.94 3.37a9 9 0 01-1.59 5.28v.11a1.13 1.13 0 01.67.64 4.44 4.44 0 01.45 1.29l1 4.38.05.28c0 .46-.34.89-1 1.29l-.58.34c-.59.34-.93.31-1-.11l-.89-4.39a1.08 1.08 0 00-.34-.6c-.13-.08-.33 0-.61.12l-.4.23v5.83a1.67 1.67 0 01-1 1.41l-.57.33c-.72.36-1.05.28-1.05-.27zm3.52-11.63a1.69 1.69 0 00.62-.93 5.19 5.19 0 00.26-1.8 2.64 2.64 0 00-.26-1.44.47.47 0 00-.68-.11l-.88.51v4.31zM336.35 108.72a1.09 1.09 0 01-.15-.7V92a2.09 2.09 0 01.15-.85 1.11 1.11 0 01.47-.51l3-1.73c2.35-1.36 3.52-.58 3.52 2.32a8.92 8.92 0 01-1.51 5.13v.09a1.28 1.28 0 011.34.73 5 5 0 01.49 2.48 9.46 9.46 0 01-1 4.24 7 7 0 01-2.84 3l-3.05 1.77c-.16.15-.32.15-.42.05zm3.49-12.47a1.85 1.85 0 00.79-1 5.05 5.05 0 00.26-1.82 2.79 2.79 0 00-.24-1.44q-.24-.34-.78 0l-1.19.69v4.25zm.12 7.51a2.12 2.12 0 00.91-1.06 5.23 5.23 0 00.29-2 2.65 2.65 0 00-.28-1.52c-.19-.23-.5-.22-.92 0l-1.28.73v4.52zM345.15 103.11V86.6a1.62 1.62 0 011-1.41l.71-.41c.63-.37.95-.26.95.3v16.51a1.63 1.63 0 01-.95 1.41l-.71.4c-.68.38-1 .28-1-.29zM349.78 101a1 1 0 01-.16-.7v-16a2 2 0 01.16-.88 1 1 0 01.46-.51l3.19-1.84q2.18-1.26 3.21.39c.68 1.1 1 3.17 1 6.19a22.19 22.19 0 01-1 7.38 7.47 7.47 0 01-3.21 4.1l-3.19 1.83c-.24.11-.37.12-.46.04zm3.56-5.19a3.08 3.08 0 001.28-2 20.41 20.41 0 00.38-4.59 14.66 14.66 0 00-.38-4.15c-.26-.7-.68-.89-1.28-.54l-1.07.61V96.4zM359.44 95.39a1.11 1.11 0 01-.15-.7v-16a2.14 2.14 0 01.15-.88 1.11 1.11 0 01.47-.51l3.19-1.84q2.17-1.26 3.2.39t1 6.19a22 22 0 01-1 7.38 7.41 7.41 0 01-3.2 4.1l-3.19 1.83c-.21.13-.37.14-.47.04zm3.57-5.2a3.07 3.07 0 001.28-2 20.48 20.48 0 00.38-4.59 14.66 14.66 0 00-.38-4.15c-.26-.71-.69-.89-1.28-.55l-1.07.62v11.3zM369.11 89.81a1.11 1.11 0 01-.15-.7v-16a2.12 2.12 0 01.15-.87 1.18 1.18 0 01.47-.52l4.94-2.85a.23.23 0 01.37.09 2.39 2.39 0 01.12.92v.8a3.64 3.64 0 01-.12 1 .87.87 0 01-.37.52l-2.95 1.8v3.74l2.62-1.51c.17-.09.29-.06.37.1a2.3 2.3 0 01.12.91V78a3.6 3.6 0 01-.12 1.05.84.84 0 01-.37.52l-2.62 1.51v4.18l3-1.71c.17-.1.29-.07.36.1a2.63 2.63 0 01.11.92v.8a4 4 0 01-.11 1 .82.82 0 01-.36.52l-5 2.86c-.2.15-.36.16-.46.06zM376.53 85V68.48a1.61 1.61 0 011-1.38l.43-.26a1 1 0 01.54-.16c.13 0 .24.14.33.38l3 6.67a13.89 13.89 0 01.57 1.69l.07-.1c-.09-.84-.14-1.49-.14-2v-8.19a1.62 1.62 0 011-1.38l.41-.23c.64-.38 1-.29 1 .26v16.51a1.64 1.64 0 01-1 1.39l-.32.18a1.06 1.06 0 01-.56.18c-.14 0-.26-.14-.35-.38l-3.2-6.92a10.16 10.16 0 01-.45-1.39l-.08.12a14.88 14.88 0 01.13 1.68v8.49a1.62 1.62 0 01-1 1.39l-.4.23c-.65.37-.98.28-.98-.26z" fill="#455a64"/></g><g><path d="M124.7 425.24c8.41-8.69 13.36-44 5.15-50.91H88.08c-8.2 6.88-3.27 42.21 5.15 50.9l.23.24.29.28a8.57 8.57 0 00.76.69l.2.16.63.48a10 10 0 001.09.7c6.92 4.05 18.15 4.05 25.07 0a10 10 0 001.09-.7c.21-.15.4-.3.6-.46l.24-.19c.27-.22.51-.44.74-.66l.33-.33z" fill="#455a64"/><path d="M91.71 371.55c-9.53 5.57-9.53 14.59 0 20.15s25 5.56 34.51 0 9.53-14.58 0-20.15-24.98-5.55-34.51 0z" fill="#455a64"/><path d="M91.71 371.55c-9.53 5.57-9.53 14.59 0 20.15s25 5.56 34.51 0 9.53-14.58 0-20.15-24.98-5.55-34.51 0z" fill="#fff" opacity=".1"/><path d="M96.29 374.23c-7 4.08-7 10.71 0 14.79s18.35 4.09 25.35 0 7-10.71 0-14.79-18.35-4.09-25.35 0z" fill="#263238"/><path d="M121.63 381.25c-7-4.09-18.34-4.09-25.34 0a11.69 11.69 0 00-4.19 3.89 11.76 11.76 0 004.19 3.86c7 4.09 18.35 4.09 25.34 0a11.72 11.72 0 004.2-3.88 11.65 11.65 0 00-4.2-3.87z" fill="#f5f5f5"/><g><path d="M85.81 305.77l16.7 11.42-15.79-6a28.78 28.78 0 003.12 12.14s10.43 5.06 16.1 10.4l-13.89-4.37a15.32 15.32 0 00.43 7.26c.09.32.19.65.29 1 .74 2.22 1.79 6.43 3.56 11.4a73.25 73.25 0 005.74 12.56 51.3 51.3 0 003.82 5.64l.26.34q3.87-2.58 8-5.05c1.6-4.1 3.37-14.06 3.69-22.14 1.21-30.93-23.23-46.89-42.31-51.47.06.01 7.04 7.6 10.28 16.87z" fill="currentColor"/><path d="M85.81 305.77l16.7 11.42-15.79-6a28.78 28.78 0 003.12 12.14s10.43 5.06 16.1 10.4l-13.89-4.37a15.32 15.32 0 00.43 7.26c.09.32.19.65.29 1 .74 2.22 1.79 6.43 3.56 11.4a73.25 73.25 0 005.74 12.56 51.3 51.3 0 003.82 5.64l.26.34q3.87-2.58 8-5.05c1.6-4.1 3.37-14.06 3.69-22.14 1.21-30.93-23.23-46.89-42.31-51.47.06.01 7.04 7.6 10.28 16.87z" opacity=".3"/><path d="M99.13 306.12a22.94 22.94 0 014.34 5.23 48.28 48.28 0 013.06 6.1 62.65 62.65 0 013.74 13.08 57.68 57.68 0 01-1.47 26.89.44.44 0 00.85.26 58.35 58.35 0 001.06-27.23 62.82 62.82 0 00-4-13.09 47.87 47.87 0 00-3.16-6.07 23.37 23.37 0 00-4.42-5.17z" fill="#fafafa"/><path d="M157.52 321.57c-.38.49-6.29 5.64-15.36 21.07l-18.39 4.62 15 1.35-6.88 12-15.7 3.88 12.44 1.54s-3 12.18-11.61 17.55c-4.78 3-7.15 3.48-8.67 2.15-1.06-.94-1.52-6.71-2.58-11.84s-1.45-13.52 3-23.83a31.46 31.46 0 014.78-7.64c11.17-13.42 33.03-20.59 43.97-20.85z" fill="currentColor"/><path d="M157.52 321.57c-.38.49-6.29 5.64-15.36 21.07l-18.39 4.62 15 1.35-6.88 12-15.7 3.88 12.44 1.54s-3 12.18-11.61 17.55c-4.78 3-7.15 3.48-8.67 2.15-1.06-.94-1.52-6.71-2.58-11.84s-1.45-13.52 3-23.83a31.46 31.46 0 014.78-7.64c11.17-13.42 33.03-20.59 43.97-20.85z" opacity=".15"/><path d="M112.17 355.34a48.67 48.67 0 00-3.17 13.47 145.8 145.8 0 00.22 17.45 2.92 2.92 0 01-.91-.51c-1.06-.94-1.52-6.71-2.58-11.84s-1.45-13.52 3-23.83a31.46 31.46 0 014.78-7.64c11.2-13.49 33.06-20.63 44-20.89-16.68 3.39-34.29 15.26-42.7 28.59a34.19 34.19 0 00-2.64 5.2z" opacity=".1"/><path d="M140.91 327.48c-8.17 4-15.85 9.28-21.77 16.31a43.5 43.5 0 00-7.21 11.67 41.81 41.81 0 00-3 13.34h.09a53.43 53.43 0 013.72-13 50.07 50.07 0 016.94-11.55 57.58 57.58 0 019.76-9.41 75.9 75.9 0 0111.5-7.28v-.08z" fill="#fafafa"/><path d="M60.05 333.25a33.68 33.68 0 014 0 64.21 64.21 0 0115.67 2.9c1.89.59 3.78 1.26 5.66 2 .93.39 1.86.8 2.78 1.23a45 45 0 0112.34 8.3 28.44 28.44 0 014.39 5.5c.16.26.33.52.48.78.39.68.73 1.36 1.07 2a38.81 38.81 0 014.56 18.87c.09 4.62-1.19 10-2 10.89a2.23 2.23 0 01-.38.32c-1.27.91-3.39.54-7.42-1.43-8.07-3.94-11.76-14.86-11.76-14.86l10.78-2.45-14.12-2-6.17-8.54 10.34-2.47L76 352.87a209.33 209.33 0 00-15.88-19.6z" fill="currentColor"/><path d="M64.1 333.22a64.21 64.21 0 0115.67 2.9c1.89.59 3.78 1.26 5.66 2 .93.39 1.86.8 2.78 1.23a45 45 0 0112.34 8.3 28.44 28.44 0 014.39 5.5c.16.26.33.52.48.78.39.68.73 1.36 1.07 2a38.81 38.81 0 014.51 18.9c.09 4.62-1.19 10-2 10.89a2.23 2.23 0 01-.38.32 2.42 2.42 0 01-.85.37c.57-7.2-4-25.13-9.68-32.29-6-7.45-19.73-18-38-20.85a33 33 0 014.01-.05z" opacity=".05"/><path d="M107.81 386.41a61.14 61.14 0 00-1.91-15.75A50.94 50.94 0 0099.83 356a36 36 0 00-5.13-6.15 52.73 52.73 0 00-6.14-5.12 59.51 59.51 0 00-14.07-7.4h-.06a.06.06 0 000 .06 78.8 78.8 0 0113.58 8 66.22 66.22 0 016 5 35.22 35.22 0 015.15 5.9 50.3 50.3 0 016.23 14.42 61.24 61.24 0 012.25 15.64l.17.06z" fill="#fafafa"/></g></g></svg>
diff --git a/src/assets/svg-icon/not-found.svg b/src/assets/svg-icon/not-found.svg
new file mode 100644
index 0000000..a513656
--- /dev/null
+++ b/src/assets/svg-icon/not-found.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><ellipse cx="249.03" cy="368.25" rx="228.44" ry="118.95" fill="#f5f5f5"/><g fill="#e6e6e6"><ellipse cx="395.38" cy="348.61" rx="60.93" ry="35.18"/><path d="M150 327.73c23.31 13.46 24.26 35.68.94 49.14s-62.05 13.06-85.37-.4-23.31-35.28 0-48.74 61.1-13.46 84.43 0z"/><path d="M340.14 400.26l-76.52-44.18a9.57 9.57 0 00-8.66 0l-76.52 44.18c-2.39 1.38-2.39 3.62 0 5l34.85 20.12-32.55 18.79c-6.61 3.81-17.37 3.81-24 0l-51.2-29.56c-2.82-1.63-4.38-3.68-4.38-5.76s1.56-4.14 4.38-5.77l45.37-26.2a2 2 0 10-2-3.46l-45.35 26.18c-4.11 2.38-6.38 5.66-6.38 9.24s2.27 6.85 6.38 9.23l51.2 29.56a30.56 30.56 0 0028 0l34.55-19.94L255 449.44a9.57 9.57 0 008.66 0l76.52-44.18c2.35-1.38 2.35-3.62-.04-5z"/></g><path d="M427.58 332.09s2.78-41.18 2-56.36c-.65-12-2.28-17-2.62-19.71 0 0-2.95-28-3.19-51.89-.12-11.48-1.18-19.64-7.47-33.28l-40.43 9.67c-.82 6.06-3.6 46.36-4.26 82.19-.57 31.37.32 58.83.32 58.83v1.65c0 1.84-.4 3.12-1.58 6.06a35.32 35.32 0 01-6.26 10.36c-.83.9-6.6 5.94-7.36 7-2.48 2.89 2.66 4.52 6.47 4 4-.54 10.26-2.07 12-4.51 1.18-1.64 2.07-7.35 3.28-9 4.09-5.58 5.77-8 5.8-9.76.06-3.22-1.05-4.49-1.45-6.31.33-3.8 8.54-35.05 8.68-46.12.07-5.27-.29-12.53-.29-12.53l6.36-36.52c2.46 9.12 6.78 31.76 8.24 40.45 1.77 10.62 6.4 37.88 9.14 54.14 1.05 6.27 1.54 9.44 2 12.35l.11 1.24c.09 1.58 1.24 18.48 1.86 22 1.3 7.39 7.87 6.46 8.92.48.9-5.08-.22-20.84-.25-22.77z" fill="#ffa8a7"/><path d="M427.58 332.09c1.86 0 .64 7.21 1.12 11.82.51 4.95 2.13 8.57 2.6 12.62a16.48 16.48 0 01-1.55 10.39c-1.29 3-7.79 7-10.26 2.79s-3-9.08-2.71-13.7 0-7.72.09-11.35c.09-3.2-2.26-11.37.15-11.83l.11 1.24c.87 1.73 9.65 2.07 10.53-.27z" fill="#37474f"/><path d="M384.7 331.27c.57 2.31 0 8.65 0 8.65s-1 2.19-4.57 3.64l-1.6-8.82z" fill="#263238"/><path d="M380.11 343.56l-7.86-2.58-1.9-6.98 8.84 4.47.92 5.09z"/><path d="M371.93 323.19v-1.65c-1.07.52-3.42 9.13-6.6 15-2.9 5.39-8.65 8.39-10.52 10.74-2.5 3.13 2.36 7.18 10.15 5.51 3.87-.83 9.73-3.3 11.32-5.91s2.12-7.41 3.42-9.33 4.39-4.13 5-6.31a12 12 0 000-6c-.61-2-1.15-4.39-1.83-4.17v1.51c-.52 1.06-2.41 2.3-6.34 2.52-1.92.09-3.74-.2-4.6-1.91z" fill="#37474f"/><path d="M375.05 180s-2.67 29.67-3.53 55.94-.09 60.17-.09 60.17 2.71 1.94 8.68 2.21 8-1.72 8-1.72 3.65-11.91 4.22-20.29a85.71 85.71 0 000-13.63l5.33-35.06s6.76 34.52 7.53 38.69 7.24 41.06 7.24 41.06 2.54 2.34 9.06 2.22c5.77-.11 7.44-2.18 7.44-2.18s1.39-22.62 1.07-32.28c-.27-8.52-2.22-15.3-2.61-20.83s-.61-37-1-49-1.39-22.3-11.66-36.74z" fill="#455a64"/><path d="M397.7 227.65l-4.44-22s-7.73-2-11.34-6.74c0 0 1 5.24 9 8.59l4.72 21.88L394 252z" fill="#37474f"/><g><path d="M318.56 174.53a19.1 19.1 0 008.51-.63 16.74 16.74 0 01-3.37-2.23 2.33 2.33 0 01-.4-3.22c.37-.4 1.29.53 3.37 1.12 2.66.75 4.59.91 7.15 2.39a4.69 4.69 0 003.2.56c6.24-1.17 20.79-8 27.46-11.56 1.36-5.55 3.72-13.71 6.63-23.89 2.69-9.38 7-13.48 13.88-13.33l-.99 20.37s-3.28 14.07-7.34 25.56c-.71 2-3.56 4.33-8.78 6.27-6.76 2.51-14.92 4.88-24.89 7.61a77.29 77.29 0 01-12.34 2.45c-10.54.9-14.58-2-16-4.08-4.04-5.74-1.65-8.5 3.91-7.39z" fill="#ffa8a7"/><path d="M402.72 123.59l9.62.74a22.36 22.36 0 007.24 21.54l-4.29 17.28c.14 2.14 3.68 9.34 7.11 17.08-6.45 8.64-38.09 11.59-48.41 4 1.59-8.14 2.78-14.32 3.1-17.41l-.52-11.17c-12.94-10.61 2.67-26.78 8.42-31.92l7.22-.32z" fill="currentColor"/><path d="M443.23 209.68a5.39 5.39 0 01-2.06-4.64c.17-1.61.54-3.63 1.21-4.41s4.87-6.49 6.73-3.17c2 3.62 1.59 5.09 1.59 5.09z" fill="#f28f8f"/><path d="M430.27 286a25.84 25.84 0 01-12.75-3.86l-49.93-28.84c-7.71-4.45-14-15.32-14-24.23v-41.89a8 8 0 00-12-6.9l-17.48 10.12a2 2 0 11-2-3.46l17.53-10.13a12 12 0 0118 10.37v41.89c0 7.5 5.5 17 12 20.77l49.93 28.82c6.39 3.69 12.32 4.33 16.68 1.82s6.77-8 6.77-15.35v-53.48c0-9.06 5.79-19.5 13.18-23.77l12.19-7a2 2 0 112 3.46l-12.19 7c-6.06 3.5-11.18 12.79-11.18 20.3v53.48c0 8.86-3.12 15.54-8.77 18.81a15.68 15.68 0 01-7.98 2.07z" fill="#37474f"/><path d="M344 193.29v3.27c0 5.23-3.67 11.6-8.21 14.21l-30.28 17.49-30.79-17.78v-26.66L304.58 170c4.75-2.19 12.27-1.85 16.81.76l14.38 8.31c4.53 2.62 8.23 8.99 8.23 14.22z" fill="#37474f"/><path d="M304.58 170c4.75-2.19 12.27-1.85 16.81.76l14.38 8.31c4.53 2.61 4.35 6.51-.4 8.71l-29.89 13.8-30.8-17.77z" fill="#455a64"/><path d="M308.39 195.18a9.07 9.07 0 014.1 7.1v21.93l-7 4-30.79-17.78v-26.61l7.8-3.6z" opacity=".15"/><path d="M272.07 179.23a2.85 2.85 0 012.88.28L305.23 197a9.06 9.06 0 014.1 7.11v26.08a2.85 2.85 0 01-1.2 2.64c-.7.39-3.17 1.82-3.86 2.23a2.87 2.87 0 01-2.89-.28l-30.29-17.49a9.07 9.07 0 01-4.1-7.1v-26.08a2.89 2.89 0 011.19-2.65z" fill="#37474f"/><path d="M301.38 199.22l-30.29-17.48c-2.26-1.31-4.1-.25-4.1 2.37v26.08a9.07 9.07 0 004.1 7.1l30.29 17.49c2.26 1.31 4.1.25 4.1-2.37v-26.08a9.09 9.09 0 00-4.1-7.11z" fill="#455a64"/><path d="M265.51 229.58v4.51c0 1.83.63 3.1 1.67 3.7l2.72 1.57a4 4 0 004.1-.36l25-14.46v-17.8l-2.72-1.57-25.05 14.46a12.69 12.69 0 00-5.72 9.95zm11.33-5.58a4 4 0 01.16 1 8.5 8.5 0 01-3.85 6.67 3.62 3.62 0 01-1 .4 4.11 4.11 0 01-.14-1 8.51 8.51 0 013.85-6.67 4.74 4.74 0 01.98-.4z" fill="currentColor"/><path d="M269.76 239.26a1 1 0 00.17.12l-.1-.06-2.63-1.53c-1.05-.58-1.67-1.85-1.67-3.69v-4.51a11.64 11.64 0 011.69-5.67l2.72 1.57a11.8 11.8 0 00-1.68 5.67v4.51a4.59 4.59 0 001.05 3.22 2.45 2.45 0 00.45.37z" opacity=".2"/><path d="M299 206.74l-25 14.46a11.72 11.72 0 00-4.06 4.28l-2.72-1.57a11.78 11.78 0 014.05-4.28l25.05-14.46zM270 239.45h-.07.07z" fill="#fff" opacity=".5"/><path d="M270 239.43zM277 225a4.27 4.27 0 00-.14-1.07c1.65-.45 2.86.58 2.86 2.64a8.52 8.52 0 01-3.84 6.67c-1.78 1-3.3.49-3.72-1.17a3.27 3.27 0 001-.4A8.53 8.53 0 00277 225z" opacity=".2"/><path d="M242.42 216.24v4.52c0 1.82.63 3.1 1.67 3.69l2.72 1.58a4 4 0 004.08-.38l25-14.47v-17.77l-2.72-1.58-25 14.46a12.72 12.72 0 00-5.75 9.95zm11.33-5.61a4.33 4.33 0 01.14 1.07 8.51 8.51 0 01-3.85 6.67 4.6 4.6 0 01-1 .4 3.81 3.81 0 01-.14-1.05 8.52 8.52 0 013.84-6.67 3.91 3.91 0 011.01-.42z" fill="currentColor"/><path d="M246.93 226.1H246.81l-2.72-1.59c-1.05-.59-1.67-1.86-1.67-3.7v-4.51a9.88 9.88 0 01.45-2.84 13.48 13.48 0 011.23-2.82l2.72 1.56a12.69 12.69 0 00-.69 1.38 10.89 10.89 0 00-1 4.28v4.51a4.61 4.61 0 001 3.22 2.8 2.8 0 00.8.51z" opacity=".2"/><path d="M275.92 193.41l-25 14.46a11.64 11.64 0 00-4.06 4.28l-2.72-1.56a11.77 11.77 0 014-4.3l25-14.46zM247 226.12h-.07.05z" fill="#fff" opacity=".5"/><path d="M253.88 211.69a4.21 4.21 0 00-.13-1.06c1.64-.46 2.86.58 2.86 2.64a8.52 8.52 0 01-3.84 6.67c-1.79 1-3.3.49-3.72-1.18a3.12 3.12 0 001-.4 8.5 8.5 0 003.83-6.67z" opacity=".2"/><path d="M250 199.55a1.49 1.49 0 01-1.45-1.13l-4-15.68a1.5 1.5 0 012.91-.75l4 15.69a1.48 1.48 0 01-1.08 1.82 1.57 1.57 0 01-.38.05zM238.74 206.09a1.5 1.5 0 01-.93-.32L222.92 194a1.5 1.5 0 111.86-2.35l14.89 11.76a1.51 1.51 0 01.25 2.11 1.48 1.48 0 01-1.18.57zM218.22 220.45a1.5 1.5 0 01-.11-3l17.41-1.35a1.49 1.49 0 011.61 1.38 1.51 1.51 0 01-1.38 1.61l-17.41 1.35z" fill="#e0e0e0"/><path d="M456.84 193.36a98.58 98.58 0 00-1.64-11 148.11 148.11 0 00-9.06-24.81c-1.67-3.19-5.44-7.84-8.11-11.77-3.78-5.55-6.44-8.66-9.31-12.43-6.32-8.27-9-8.75-16.38-9-1 2.63-3.28 13.41 4.11 22.12l15.84 16.7c.9 1.45 10.58 18 12.19 24.11a4.52 4.52 0 01-.38 3.23 39 39 0 00-2.77 8.76c-.47 2.12-1.73 3.8-1.3 4.13a2.84 2.84 0 003.51-.28 15.05 15.05 0 002.73-4.12 2.15 2.15 0 012.29 2.19c.09 1.23-.47 2.94-.9 5.07-.08.42-.18.9-.37 2.06a13.42 13.42 0 00-.28 2.38c2 .37 4.09-.85 7.45-4 3.03-2.94 3.23-6.8 2.38-13.34z" fill="#ffa8a7"/><path d="M404.44 118.73c.06-2 6.56-6.68 9.85-11.66 3-4.62 7.31-17.32-2.79-21.38 0 0 2.18-6.09-1.78-9.68s-9.29-1.37-10.13.13a9 9 0 00-8.46-6.64 7.87 7.87 0 00-8.28 6.17 7.59 7.59 0 00-9.21 2.58c-3.71 5.11 1.21 9.79 1.21 9.79A4.25 4.25 0 00373 92c.29 2.16 2.36 2.69 2.6 3.77a1.06 1.06 0 01-1.81.94 2.18 2.18 0 002.56 1.73c2.33-.13 4.41-3.3 4.41-3.3z" fill="#263238"/><path d="M383.24 85.05c-3 1.3-5.83 5.87-5.79 18.65 0 10.83 3.36 13.57 5 14.38s4.95.39 8.14-.1v6.23s-5.77 7.16-.6 10.72c13.32-2.33 14.34-11.07 14.34-11.07l.24-13.58s1.83 1.92 5-.9c2.66-2.33 3.62-6.32 1.62-8.52s-4.56-2.37-6.88.08c0 0-4.25.28-10.64-3.73s-8.67-8.08-10.43-12.16z" fill="#ffa8a7"/><path d="M390.91 110.48a1.56 1.56 0 01-1.48 1.66 1.61 1.61 0 111.48-1.66z" fill="#b16668"/><path d="M382.68 100a1.44 1.44 0 11-1.5-1.45 1.47 1.47 0 011.5 1.45zM393.75 100.66a1.56 1.56 0 01-1.48 1.66 1.59 1.59 0 01-1.6-1.56 1.54 1.54 0 113.08-.1zM381.68 94.27l-3.05 1.79a1.7 1.7 0 002.4.65 1.83 1.83 0 00.65-2.44zM404.37 99.18v6a2.82 2.82 0 01-2.89-2.92 3.1 3.1 0 012.89-3.08z" fill="#263238"/><path fill="#f28f8f" d="M386.62 98.57l-.61 8.64-4.56-1.07 5.17-7.57zM390.63 118c3.35-.39 10.27-2.31 11.4-5.13a7.35 7.35 0 01-2.48 3.57c-2.09 1.8-8.93 3.66-8.93 3.66z"/></g><g><path d="M430.9 51.18a13.78 13.78 0 013.55 2 10.75 10.75 0 012.65 2.79 8.68 8.68 0 011.3 3.44 7.65 7.65 0 01-.47 3.87 7.9 7.9 0 01-1.59 2.66 9.5 9.5 0 01-2.13 1.68 14.81 14.81 0 01-2.4 1.1l-2.36.85a11.94 11.94 0 00-2 .94 3.57 3.57 0 00-1.45 1.34 1.76 1.76 0 01-.66.64 1 1 0 01-.86.05l-3.12-1.17a1.18 1.18 0 01-.67-.63 1 1 0 010-.89 7.71 7.71 0 011.74-2.56 10.91 10.91 0 012.25-1.63 15.6 15.6 0 012.46-1.06c.84-.28 1.62-.55 2.35-.83a10.4 10.4 0 001.89-.92 2.79 2.79 0 001.12-1.38 3.29 3.29 0 00-.34-3.06 6 6 0 00-3.11-2.31 5.73 5.73 0 00-6.43 1.55 2.59 2.59 0 01-.69.52 1.15 1.15 0 01-.84-.06l-3.32-1.25a.93.93 0 01-.54-.49.85.85 0 010-.75 6.67 6.67 0 012-2.6 10.71 10.71 0 013.27-1.86 13 13 0 014.07-.74 11.48 11.48 0 014.33.76zm-7.12 23.9a1.1 1.1 0 01.65.62 1.13 1.13 0 010 .9l-1.36 3.61a1.1 1.1 0 01-.62.65 1.13 1.13 0 01-.9 0l-3.53-1.33a1.1 1.1 0 01-.65-.62 1.13 1.13 0 010-.9l1.36-3.61a1.15 1.15 0 01.62-.66 1.17 1.17 0 01.9 0zM432.63 94.28a1.1 1.1 0 010 1.57l-2.5 2.64a1.08 1.08 0 01-.78.34 1.11 1.11 0 01-.8-.3L426 96.08a1.08 1.08 0 01-.34-.78 1.07 1.07 0 01.3-.8l2.51-2.63a1.12 1.12 0 011.57 0zm15-18.13a13.34 13.34 0 012.37 3 10.44 10.44 0 011.27 3.4 8.25 8.25 0 01-.17 3.45 8 8 0 01-4.19 4.91 8.77 8.77 0 01-2.46.68 14.86 14.86 0 01-2.49.07l-2.36-.13a12.13 12.13 0 00-2.11.07 3.4 3.4 0 00-1.72.7 1.56 1.56 0 01-.81.31.94.94 0 01-.77-.27l-2.27-2.16a1.15 1.15 0 01-.36-.79.92.92 0 01.32-.79 7.27 7.27 0 012.44-1.6 10.23 10.23 0 012.55-.59 15.29 15.29 0 012.53 0q1.25.11 2.34.15a9.53 9.53 0 002-.11 2.61 2.61 0 001.49-.78 3.13 3.13 0 00.82-2.78 5.62 5.62 0 00-1.85-3.15 5.42 5.42 0 00-6.16-1 2.3 2.3 0 01-.78.19 1 1 0 01-.71-.36l-2.42-2.31a.92.92 0 01-.3-.61.88.88 0 01.26-.67 6.45 6.45 0 012.68-1.53 10.2 10.2 0 013.52-.41 12.17 12.17 0 013.81.86 10.6 10.6 0 013.49 2.25z" fill="currentColor"/><path d="M432.63 94.28a1.1 1.1 0 010 1.57l-2.5 2.64a1.08 1.08 0 01-.78.34 1.11 1.11 0 01-.8-.3L426 96.08a1.08 1.08 0 01-.34-.78 1.07 1.07 0 01.3-.8l2.51-2.63a1.12 1.12 0 011.57 0zm15-18.13a13.34 13.34 0 012.37 3 10.44 10.44 0 011.27 3.4 8.25 8.25 0 01-.17 3.45 8 8 0 01-4.19 4.91 8.77 8.77 0 01-2.46.68 14.86 14.86 0 01-2.49.07l-2.36-.13a12.13 12.13 0 00-2.11.07 3.4 3.4 0 00-1.72.7 1.56 1.56 0 01-.81.31.94.94 0 01-.77-.27l-2.27-2.16a1.15 1.15 0 01-.36-.79.92.92 0 01.32-.79 7.27 7.27 0 012.44-1.6 10.23 10.23 0 012.55-.59 15.29 15.29 0 012.53 0q1.25.11 2.34.15a9.53 9.53 0 002-.11 2.61 2.61 0 001.49-.78 3.13 3.13 0 00.82-2.78 5.62 5.62 0 00-1.85-3.15 5.42 5.42 0 00-6.16-1 2.3 2.3 0 01-.78.19 1 1 0 01-.71-.36l-2.42-2.31a.92.92 0 01-.3-.61.88.88 0 01.26-.67 6.45 6.45 0 012.68-1.53 10.2 10.2 0 013.52-.41 12.17 12.17 0 013.81.86 10.6 10.6 0 013.49 2.25z" fill="#fff" opacity=".6"/></g><g><path d="M76.81 345.71c3.17 1.93 7.38 2 11.35.61l3-21-14-3.58z" fill="#ffa8a7"/><path d="M99.4 365.81c.35.36.14 3-.29 3.59s-2.84 2.59-7.28 2.67c-4.23.07-8-.7-10.36-2.41s-3.49-3.5-3.6-5.92.29-4.71-.75-6.62-2.29-3.51-2.61-4.45a12 12 0 010-5.17z" fill="#263238"/><path d="M89.13 345.44a11.56 11.56 0 00.38 2.7 24.77 24.77 0 002.29 5.42 22.77 22.77 0 001.63 2.57c1.19 1.59 2.71 2.92 4 4.45a8.61 8.61 0 012.33 5.32c0 3.32-3.65 4.25-6.44 4.59a20.33 20.33 0 01-9-.93 8.26 8.26 0 01-5.69-6.92c-.11-.93 0-1.86-.06-2.79a12.93 12.93 0 00-2.26-5.93 17 17 0 01-1.8-3.26c-.76-2.09.06-4.36.72-6.37.57-1.73 1-3.82 1.64-3.62v1.13c.18.39.62.67.73 1.13a8.59 8.59 0 00.43 1.39 3.6 3.6 0 001.38 1.7c.11-1.25.22-2.5.32-3.74a1.31 1.31 0 011.43-1.49 23.59 23.59 0 017.11-.21 1.36 1.36 0 01.93.47 1.44 1.44 0 01.11.85 32.79 32.79 0 00-.18 3.54z" fill="currentColor"/><path d="M89.13 345.44a11.56 11.56 0 00.38 2.7 24.77 24.77 0 002.29 5.42 22.77 22.77 0 001.63 2.57c1.19 1.59 2.71 2.92 4 4.45a8.61 8.61 0 012.33 5.32c0 3.32-3.65 4.25-6.44 4.59a20.33 20.33 0 01-9-.93 8.26 8.26 0 01-5.69-6.92c-.11-.93 0-1.86-.06-2.79a12.93 12.93 0 00-2.26-5.93 17 17 0 01-1.8-3.26c-.76-2.09.06-4.36.72-6.37.57-1.73 1-3.82 1.64-3.62v1.13c.18.39.62.67.73 1.13a8.59 8.59 0 00.43 1.39 3.6 3.6 0 001.38 1.7c.11-1.25.22-2.5.32-3.74a1.31 1.31 0 011.43-1.49 23.59 23.59 0 017.11-.21 1.36 1.36 0 01.93.47 1.44 1.44 0 01.11.85 32.79 32.79 0 00-.18 3.54z" opacity=".2"/><path d="M92.21 354.28c-1.18-1-3.94-1.15-5.46-1.07a9.22 9.22 0 00-4.37 1.27 1 1 0 01-1.25-.17.92.92 0 01.16-1.4 9.45 9.45 0 014.93-1.53C90 351.32 91 352 91 352s1.64 1.2 1.21 2.28zM94.86 357.82c-1.5-1-4.54-1-6.06-.95a8.6 8.6 0 00-4.25 1.36 1 1 0 01-1.26-.17.91.91 0 01.17-1.4 9.55 9.55 0 015-1.66c3.73-.07 4.66.75 4.66.75a3.07 3.07 0 011.74 2.07zM84.93 347.75a9.27 9.27 0 014.65.64c.63.41 1 1.46.57 1.7a8.66 8.66 0 00-4.15-.79 12.24 12.24 0 00-4.07.89c-.33.12-.71.3-1 .46a.87.87 0 01-1.2-.44.84.84 0 01.38-1 11.93 11.93 0 014.82-1.46z" fill="#455a64"/><path d="M116.27 337.82c2.44 6.11 6.26 4.23 12.08.71l.88-20.86-14.81-1.37z" fill="#ffa8a7"/><path d="M150.69 352.53a4 4 0 01-.32 2.93c-.46.84-5.09 3.14-11.14 2.4a25.22 25.22 0 01-12.32-5.06c-2.23-1.66-4.62-2.07-7.62-2.41s-5.25-1.38-5.84-2.82.31-3.82.31-3.82z" fill="#263238"/><path d="M127.13 333.3a11.94 11.94 0 001.61-.46 1.31 1.31 0 01.91 0c.38.17.5.63.59 1a13.86 13.86 0 00.52 2.67 6.54 6.54 0 001.6 1.88 27.83 27.83 0 004.69 3.39c1.93 1.18 3.83 2.11 5.82 3.14s4.78 1.77 6.36 3c2.29 1.74 2.38 5.79-.42 7.23-2.41 1.25-8.65 2.41-15 .23-3.47-1.19-7.17-5.16-11.77-5.77-2.93-.38-6.83-.84-8.6-3.17-.64-1-.08-3.9.44-7.29.47-3 .9-7.8 1.87-7.48l.07.92L117 334a10.07 10.07 0 00.82.78 14.84 14.84 0 001 1.06 3 3 0 001.69.71 1.56 1.56 0 00.85-.19c.5-.28.57-.94 1-1.35a4.88 4.88 0 011.64-1.11 9.61 9.61 0 012.66-.54 3.65 3.65 0 00.47-.06z" fill="currentColor"/><path d="M127.13 333.3a11.94 11.94 0 001.61-.46 1.31 1.31 0 01.91 0c.38.17.5.63.59 1a13.86 13.86 0 00.52 2.67 6.54 6.54 0 001.6 1.88 27.83 27.83 0 004.69 3.39c1.93 1.18 3.83 2.11 5.82 3.14s4.78 1.77 6.36 3c2.29 1.74 2.38 5.79-.42 7.23-2.41 1.25-8.65 2.41-15 .23-3.47-1.19-7.17-5.16-11.77-5.77-2.93-.38-6.83-.84-8.6-3.17-.64-1-.08-3.9.44-7.29.47-3 .9-7.8 1.87-7.48l.07.92L117 334a10.07 10.07 0 00.82.78 14.84 14.84 0 001 1.06 3 3 0 001.69.71 1.56 1.56 0 00.85-.19c.5-.28.57-.94 1-1.35a4.88 4.88 0 011.64-1.11 9.61 9.61 0 012.66-.54 3.65 3.65 0 00.47-.06z" opacity=".2"/><path d="M134.4 340a2.76 2.76 0 00-2.1-1.57c-1.32-.32-3.73.54-5.26 1.67a1.1 1.1 0 00.06 1.82 1.12 1.12 0 001.26-.07 8.32 8.32 0 016.04-1.85zM138.41 342.57a3.15 3.15 0 00-2.5-1.46 9.76 9.76 0 00-5.76 1.81 1.07 1.07 0 000 1.76 1.07 1.07 0 001.22-.08 8.42 8.42 0 017.04-2.03zM142.87 344.91a3.51 3.51 0 00-2.6-1.34 9.46 9.46 0 00-5.53 1.84 1.07 1.07 0 00.06 1.76 1 1 0 001.21-.07 8 8 0 016.86-2.19zM76.42 289.41c.45-10.07 2.59-15.31 2.89-18.1 0 0 .82-55.4 2.17-72.21l49.6-2.11c.73 18 1.39 66.36 1 72.76-.37 6.13-2.86 59.3-2.86 59.3-7 2.19-14.47-1-14.47-1s-4.16-30.25-4.84-36.92a85.23 85.23 0 01.46-18l-3.17-43.07s-3.83 33.4-5.72 46C99.32 290.47 90 335.14 90 335.14c-6.7 1.67-13.22-1.22-13.22-1.22s-1.02-29.92-.36-44.51z" fill="#455a64"/><path d="M107.21 230.1l.94-5.94c2.89-.43 10.21-5 14.54-9a34.5 34.5 0 01-12.16 11.21l-.15 46.78z" fill="#37474f"/><g><path d="M127.55 167.81c-3.37-7.69-9.17-20.64-9.17-20.64l-1.47-21a56.64 56.64 0 016.41.57c3.12.49 8.07 3.47 10.33 9.09 1.69 4.17 10.47 29.61 10.47 29.61l15.3-8.06c3.92-2.49 5.31-6.62 7.81-9s5-2.74 7.77-4.65 3.86-3.44 4.56-1.53-2.4 4.84-3 5.57-3.61 2.29.23 2.49 11.61-3.54 13.47-4.18 1.7 1.57.73 2.94-1.07 5.39-2.69 7.64c-1.72 2.4-2.65 3.43-6.34 4.86-3.43 1.32-10.54 1.66-14.2 3.77s-12.52 10.12-18.43 14.23c-7.93 5.52-12.39 5.88-15.5 1.48s-5.09-10.48-6.28-13.19z" fill="#ffa8a7"/><path d="M114.84 125.72c5.2-.4 11.33-.08 14.72 3 2.71 2.47 3.73 4 6.75 12.54 2 5.73 6.28 18.93 6.28 18.93a27.32 27.32 0 00-15 9.19l-9.75-21.91z" fill="#e0e0e0"/><path d="M144.12 165.39a13.09 13.09 0 00-6.47 5s.37-4 6-6.39z" fill="#f28f8f"/><path d="M102.39 124.78a24.57 24.57 0 00-7.31.8c-4.57 1.21-12.76 3.51-12.76 3.51-2.6 1.35-3.61 5.85-4.2 8.44-1.88 8.29 3 27 3.75 34.29S81 201.44 81 201.44c5.59 6.48 35.88 10.78 50.63 0 0 0 .64-51.27-.81-58.63-2.2-11.14-5.47-16.43-17-17.1z" fill="#f5f5f5"/><path d="M108.86 97.28l-3.29 1.81a2 2 0 01.77-2.62 1.83 1.83 0 012.52.81zM123.17 98.6l-3-2.31a1.82 1.82 0 012.61-.4 2 2 0 01.39 2.71zM93.74 86.81S90.2 87.3 88.9 90c-1.12 2.32-.72 7.92.79 14a56.45 56.45 0 003.8 11.46 4.7 4.7 0 002.7 2.17l-.19-7.26-.26-5s3.23-4.42 3.59-8c.46-4.66-.52-6.57-.52-6.57z" fill="#263238"/><path d="M99.45 93.81A13.53 13.53 0 00113 107.29c7.46 0 13.06-6.15 13-13.62s-5.66-13.45-13.13-13.42a13.52 13.52 0 00-13.42 13.56z" fill="#263238"/><path d="M96 104.52c-1.22 1.06-2.21-1.67-3.23-2.74s-4.37-2.51-6 1 1.46 8.6 4 9.58a3.65 3.65 0 004.31-1.36v16c3.85 6.94 10.64 6.72 14.27 6.33s4.42-4.16 1.77-7.2v-5a28.29 28.29 0 006.1.29c3.32-.52 5-3 6-6.63 1.6-5.79 2.25-15.51 0-26.74-3.72-2.88-16.62-2.4-24.43 2.55.61 10.07-1.63 12.87-2.79 13.92z" fill="#ffa8a7"/><path d="M123.88 82.49a24.39 24.39 0 00.67-6.37c0-.84-.21-1.86-1-2.18s-1.57.26-2.25.72c-2.88 1.94-6.46 2.49-9.93 2.68-6 .33-15.17-.06-18.22 6.51-.85 1.82-1 3.74.68 5a11.5 11.5 0 005 1.86c3 .53 6 1.19 9.08 1.6s6.74.81 9.79-.13c2.57-.79 5.18-1.47 7.09-3.51a9.78 9.78 0 002.62-6.54c0-.34-.07-.77-.41-.86a.78.78 0 00-.49.1z" fill="#263238"/><path d="M111.09 121.24s-7.42-1.47-10-2.84a8.57 8.57 0 01-3.6-3.54 11.65 11.65 0 002 4.18c1.91 2.42 11.58 4.17 11.58 4.17z" fill="#f28f8f"/><path d="M109.6 102.19a1.67 1.67 0 11-1.67-1.72 1.7 1.7 0 011.67 1.72z" fill="#263238"/><path d="M112 113.74a1.6 1.6 0 01-1.56 1.63 1.61 1.61 0 01-1.58-1.63 1.59 1.59 0 011.56-1.62 1.61 1.61 0 011.58 1.62z" fill="#b16668"/><path d="M107.5 96.94l-3.44 2.17a2.13 2.13 0 01.66-2.88 2 2 0 012.78.71zM119.64 94.82l3.62 1.62a1.9 1.9 0 01-2.56 1 2.09 2.09 0 01-1.06-2.62zM121.55 101.69a1.61 1.61 0 11-1.62-1.67 1.65 1.65 0 011.62 1.67z" fill="#263238"/><path fill="#f28f8f" d="M113.37 98.87l.6 11.12 5.27-1.4-5.87-9.72z"/><path d="M20 144.67c1.73.93 8.78 5.89 12.61 6.32 1.62.18 2.06-.08 2-.5-.08-.58-1.11-1.45-1.36-1.92-.43-.82-3-4.22-2-6s1.87-.08 4.25 2.25 4.82 3.14 6.91 5.85 2.79 7 6.25 10.11l13.78 9.41s6.42-29.79 9.24-33.3c3-3.69 15.87 4.35 13.17 16.08S76 185.06 71.72 189.05c-2.76 2.59-8.57.15-15.82-6.3-5.73-5.1-13.58-12.75-16.9-15.46s-10.22-4.17-13.39-6c-3.41-2-4.16-3.17-5.47-5.82-1.23-2.49-.68-6.48-1.41-8s-.49-3.73 1.27-2.8z" fill="#ffa8a7"/><path d="M82.32 129.09c4.42 2.76 4.64 6.78 4.86 11.38a47.57 47.57 0 01-2.52 15.84c-1.87 5.79-4.84 16.36-4.84 16.36s-11.54.27-17.48-4.86c0 0 2.71-11.4 4.62-20s4.23-17.75 15.36-18.72z" fill="#e0e0e0"/><path d="M62.39 170.21c3.15 1.75 5 5.51 5.57 7a11 11 0 00-5.24-8.53z" fill="#f28f8f"/></g><g><path fill="currentColor" d="M182.11 386.34l77.18 44.56v16.42l-77.18-44.56v-16.42z"/><path opacity=".35" d="M182.11 386.34l77.18 44.56v16.42l-77.18-44.56v-16.42z"/><path fill="currentColor" d="M336.47 386.34l-77.18 44.56v16.42l77.18-44.56v-16.42z"/><path opacity=".2" d="M336.47 386.34l-77.18 44.56v16.42l77.18-44.56v-16.42z"/><path fill="currentColor" d="M336.47 386.34l-77.18-44.55-77.18 44.55 77.18 44.56 77.18-44.56z"/><path opacity=".15" d="M336.47 386.34l-77.18-44.55-77.18 44.55 77.18 44.56 77.18-44.56z"/><path opacity=".1" d="M259.29 430.9v-4.69l-69.06-39.87h-8.12l77.18 44.56zM259.29 341.79v4.69l69.06 39.86h8.12l-77.18-44.55z"/><path fill="currentColor" d="M336.47 386.34h-8.12l-69.06 39.87v4.69l77.18-44.56zM259.29 341.79v4.69l-69.06 39.86h-8.12l77.18-44.55z"/><path d="M259.57 367l33.16 19.14c2.48 1.44 2.48 3.76 0 5.19L268 405.65a9.89 9.89 0 01-9 0l-33.16-19.14c-2.48-1.44-2.48-3.76 0-5.19L250.58 367a9.89 9.89 0 018.99 0z" fill="#37474f"/><path d="M268 405.65l23.91-13.81-32.34-18.67a10 10 0 00-9 0L226.66 387 259 405.65a9.89 9.89 0 009 0z" fill="#455a64"/><path d="M239.54 386.37l14.51-8.37a1.94 1.94 0 011.74 0l1.78 1c.48.27.48.72 0 1l-14.51 8.37a1.92 1.92 0 01-1.73 0l-1.78-1a.53.53 0 01-.01-1zM261.21 398.9l14.51-8.37a1.92 1.92 0 011.73 0l1.79 1c.48.27.48.72 0 1l-14.51 8.37a1.92 1.92 0 01-1.73 0l-1.78-1a.53.53 0 01-.01-1z" fill="#263238"/><path d="M225.76 418.77a9.64 9.64 0 00-4.38-7.57 3.05 3.05 0 00-3.09-.3l-1.89 1.1a3.06 3.06 0 00-1.28 2.82 9.69 9.69 0 004.37 7.58 3.07 3.07 0 003.1.3l1.88-1.13a3.08 3.08 0 001.29-2.8z" fill="currentColor"/><path d="M219.49 412.33a9.64 9.64 0 014.38 7.57c0 2.79-2 3.92-4.38 2.53a9.69 9.69 0 01-4.37-7.58c0-2.78 1.96-3.91 4.37-2.52z" opacity=".1"/></g><g><path d="M168.76 444.27a28.55 28.55 0 01-14-3.39l-51.2-29.56c-4.11-2.38-6.38-5.66-6.38-9.24s2.27-6.85 6.38-9.23l59.32-34.25c6.5-3.75 12-13.26 12-20.77V150.1a2 2 0 014 0v187.73c0 9.06-6.14 19.71-14 24.24l-59.32 34.25c-2.82 1.63-4.38 3.67-4.38 5.76s1.56 4.14 4.38 5.77l51.2 29.56c6.61 3.82 17.37 3.82 24 0l37.75-21.78a2 2 0 112 3.46l-37.75 21.79a28.5 28.5 0 01-14 3.39z" fill="#37474f"/></g><g><path d="M78.92 78.31a1 1 0 01.16-.79 1 1 0 01.68-.45l4.86-.94a1 1 0 01.8.16 1.09 1.09 0 01.45.68l.75 3.9a1 1 0 01-.17.79 1 1 0 01-.67.46l-4.87.93a1 1 0 01-.79-.16 1 1 0 01-.45-.68zm-4.06-21.06A1.06 1.06 0 0175.7 56l4.87-.94a1 1 0 01.79.17 1 1 0 01.45.67L85 72.57a1 1 0 01-.17.79 1 1 0 01-.67.45l-4.87.94a1 1 0 01-.79-.17 1 1 0 01-.45-.67zM70.8 94.63a1.06 1.06 0 01.08-1.5l3.69-3.31a1 1 0 01.77-.26 1 1 0 01.73.34l2.65 3a1.06 1.06 0 01-.08 1.5L75 97.67a1 1 0 01-.77.26 1 1 0 01-.73-.34zm-14.31-16a1.07 1.07 0 01-.27-.77 1 1 0 01.35-.73l3.69-3.31a1 1 0 01.77-.27 1 1 0 01.73.35l11.32 12.66a1 1 0 01.26.77 1 1 0 01-.34.73l-3.7 3.31a1 1 0 01-.76.26 1 1 0 01-.74-.34z" fill="currentColor"/><path d="M70.8 94.63a1.06 1.06 0 01.08-1.5l3.69-3.31a1 1 0 01.77-.26 1 1 0 01.73.34l2.65 3a1.06 1.06 0 01-.08 1.5L75 97.67a1 1 0 01-.77.26 1 1 0 01-.73-.34zm-14.31-16a1.07 1.07 0 01-.27-.77 1 1 0 01.35-.73l3.69-3.31a1 1 0 01.77-.27 1 1 0 01.73.35l11.32 12.66a1 1 0 01.26.77 1 1 0 01-.34.73l-3.7 3.31a1 1 0 01-.76.26 1 1 0 01-.74-.34z" fill="#fff" opacity=".6"/></g></g><g><path d="M166 48a7.12 7.12 0 014.77 1.45 5.24 5.24 0 011.7 4.23 5.34 5.34 0 01-1.7 4.26 7.07 7.07 0 01-4.77 1.5h-4v5.65a.66.66 0 01-.2.49.67.67 0 01-.48.2h-2.05a.68.68 0 01-.69-.69V48.71a.68.68 0 01.69-.68zm-4 8.27h3.93a4.11 4.11 0 002.31-.57 2.19 2.19 0 00.86-2 2.14 2.14 0 00-.86-2 4.29 4.29 0 00-2.31-.54H162zM174.76 55.84a3.58 3.58 0 01.47-1.14 4.24 4.24 0 011-1.14 5.61 5.61 0 011.65-.88 6.82 6.82 0 012.27-.34 7.36 7.36 0 012.33.34 5.13 5.13 0 011.79 1 4.38 4.38 0 011.15 1.66 6.13 6.13 0 01.41 2.3v7.45a.67.67 0 01-.21.49.66.66 0 01-.48.2h-1.92a.68.68 0 01-.69-.69v-.83a4.13 4.13 0 01-1.53 1.25 5.48 5.48 0 01-2.55.52 6.15 6.15 0 01-2-.29 4 4 0 01-1.45-.82 3.74 3.74 0 01-.9-1.26 3.91 3.91 0 01-.31-1.58 3.3 3.3 0 011.24-2.74 7.21 7.21 0 013.41-1.34l4.13-.71a1.62 1.62 0 00-.68-1.47 3.22 3.22 0 00-1.7-.43 2.24 2.24 0 00-1 .18 2.81 2.81 0 00-.68.48 1.6 1.6 0 01-.42.28 1.16 1.16 0 01-.42.08h-2.36a.6.6 0 01-.43-.16.39.39 0 01-.12-.41zM179 63a4.55 4.55 0 001.53-.24 3.46 3.46 0 001.13-.65 2.68 2.68 0 00.68-.91 2.42 2.42 0 00.23-1v-.3l-3.45.6a3.67 3.67 0 00-1.49.52 1.09 1.09 0 00-.46.93.83.83 0 00.55.79A3.14 3.14 0 00179 63zM195 68.31a3.89 3.89 0 001.09-.16 2.94 2.94 0 001-.52 3 3 0 00.75-.9 2.75 2.75 0 00.29-1.28v-.94a4.37 4.37 0 01-.53.49 4.06 4.06 0 01-.8.5 5.54 5.54 0 01-1.09.38 6.1 6.1 0 01-1.41.15 5.2 5.2 0 01-2.29-.49 5.36 5.36 0 01-1.75-1.32 6.17 6.17 0 01-1.14-1.9 6.9 6.9 0 01-.47-2.25v-.88-.89a6.9 6.9 0 01.47-2.25 6.29 6.29 0 011.14-1.9 5.36 5.36 0 011.74-1.32 5.2 5.2 0 012.29-.49 6.1 6.1 0 011.41.15 5.54 5.54 0 011.09.38 4.06 4.06 0 01.8.5 4.37 4.37 0 01.53.49v-.58a.7.7 0 01.68-.69h1.93a.72.72 0 01.69.69v11.89a6 6 0 01-1.72 4.63 6.74 6.74 0 01-4.7 1.56 8 8 0 01-2.4-.35 6.51 6.51 0 01-1.91-.91 4.84 4.84 0 01-1.3-1.29 3 3 0 01-.53-1.49.57.57 0 01.19-.48.71.71 0 01.49-.2h1.73a.85.85 0 01.61.24c.17.16.31.31.43.44a2.39 2.39 0 00.9.71 4.21 4.21 0 001.79.28zm-3-9.83a6.74 6.74 0 000 1.42 3.37 3.37 0 001 2.37 3.15 3.15 0 002.1.72 3.07 3.07 0 002.09-.74 3 3 0 001-2.1 8.31 8.31 0 00.05-1 8.5 8.5 0 00-.05-1 3 3 0 00-3.07-2.84 3.15 3.15 0 00-2.1.72 3.37 3.37 0 00-1.02 2.45zM204.27 59.19a8.14 8.14 0 01.44-2.68 6.32 6.32 0 011.29-2.18 5.82 5.82 0 012-1.46 6.58 6.58 0 015.15 0 6.06 6.06 0 012 1.39 6.35 6.35 0 011.26 2.06 7.06 7.06 0 01.44 2.47v1.14a.62.62 0 01-.2.48.64.64 0 01-.48.21h-8.47a2.11 2.11 0 00.24 1 2.24 2.24 0 00.65.75 2.84 2.84 0 00.94.46 3.93 3.93 0 001.09.15 4.25 4.25 0 001.31-.17 3 3 0 00.84-.41 2.34 2.34 0 01.46-.28 1.26 1.26 0 01.48-.08h2a.71.71 0 01.49.2.55.55 0 01.19.49 2.19 2.19 0 01-.39.91 4.55 4.55 0 01-1.1 1.09 7.19 7.19 0 01-1.82.91 7.53 7.53 0 01-2.49.38 6.49 6.49 0 01-2.58-.49 5.44 5.44 0 01-2-1.41 6.19 6.19 0 01-1.3-2.12 8.38 8.38 0 01-.44-2.81zm6.22-3.81a3.19 3.19 0 00-1.26.22 2.56 2.56 0 00-.87.56 2.38 2.38 0 00-.55.76 2.59 2.59 0 00-.24.8h5.73a4.2 4.2 0 00-.19-.8 2 2 0 00-.46-.76 2.29 2.29 0 00-.83-.56 3.39 3.39 0 00-1.33-.22zM237.64 65.09a.68.68 0 01-.68.69H235a.66.66 0 01-.48-.2.67.67 0 01-.21-.49v-6.44a3.82 3.82 0 00-.71-2.43 2.58 2.58 0 00-2.18-.91 2.61 2.61 0 00-2.11.91 3.62 3.62 0 00-.78 2.43v6.44a.66.66 0 01-.2.49.67.67 0 01-.48.2H226a.67.67 0 01-.48-.2.66.66 0 01-.2-.49V53.28a.62.62 0 01.2-.48.64.64 0 01.48-.21h1.93a.64.64 0 01.48.21.62.62 0 01.2.48v.58a5.77 5.77 0 011.55-1.09 4.71 4.71 0 012.1-.43 6.14 6.14 0 012.59.48 4.44 4.44 0 011.67 1.29 4.87 4.87 0 01.9 1.89 9.35 9.35 0 01.27 2.27zM246.82 52.34a6.94 6.94 0 012.52.43 6.19 6.19 0 011.95 1.23 5.94 5.94 0 011.32 1.78 5.72 5.72 0 01.57 2.18 4.51 4.51 0 010 .58v1.41a4.45 4.45 0 010 .57 6.4 6.4 0 01-.58 2.18 5.55 5.55 0 01-1.31 1.76 6.16 6.16 0 01-1.95 1.18 7.6 7.6 0 01-5 0 6.1 6.1 0 01-2-1.18 5.52 5.52 0 01-1.3-1.76 6.41 6.41 0 01-.59-2.18v-.57-.7-.71-.58a6.11 6.11 0 01.57-2.18 5.94 5.94 0 011.32-1.78 6.13 6.13 0 012-1.19 6.94 6.94 0 012.48-.47zm3.07 5.7a3.38 3.38 0 00-.37-1.3 2.52 2.52 0 00-.72-.82 2.41 2.41 0 00-.94-.42 4.55 4.55 0 00-1-.12 4.48 4.48 0 00-1 .12 2.41 2.41 0 00-.94.42 2.31 2.31 0 00-.72.82 3.21 3.21 0 00-.37 1.3v1.79a4.81 4.81 0 000 .5 3.17 3.17 0 00.37 1.3 2.44 2.44 0 00.72.83 2.74 2.74 0 00.94.42 5.1 5.1 0 001 .11 5.17 5.17 0 001-.11 2.74 2.74 0 00.94-.42 2.67 2.67 0 00.72-.83 3.33 3.33 0 00.37-1.3v-1.78c.02-.2.01-.37 0-.55zM260.38 61a1.83 1.83 0 00.42 1.26 2.06 2.06 0 001.56.47h1.55a.65.65 0 01.48.2.66.66 0 01.2.48v1.67a.68.68 0 01-.68.69H262a5.27 5.27 0 01-3.66-1.16 4.47 4.47 0 01-1.28-3.53v-5.44h-1.68a.7.7 0 01-.68-.69v-1.67a.7.7 0 01.68-.69h1.68v-4.13a.68.68 0 01.68-.68h1.93a.65.65 0 01.48.2.66.66 0 01.2.48v4.13h3.27a.72.72 0 01.69.69V55a.72.72 0 01-.69.69h-3.27zM277 52.59h3.52a.67.67 0 01.49.21.66.66 0 01.2.48V55a.66.66 0 01-.2.48.67.67 0 01-.49.21H277v9.45a.68.68 0 01-.68.69h-1.93a.66.66 0 01-.48-.2.67.67 0 01-.21-.49v-9.5H272a.63.63 0 01-.48-.21.62.62 0 01-.2-.48v-1.67a.62.62 0 01.2-.48.63.63 0 01.48-.21h1.67v-1.14a5.24 5.24 0 01.36-2.06 3.41 3.41 0 011-1.39 4.2 4.2 0 011.59-.76 8.68 8.68 0 012.06-.22h2.06a.65.65 0 01.48.2.66.66 0 01.2.48v1.67a.68.68 0 01-.68.69H279a2.58 2.58 0 00-1.47.34 1.47 1.47 0 00-.51 1.31zM289 52.34a6.94 6.94 0 012.52.43 6.19 6.19 0 011.91 1.23 5.94 5.94 0 011.32 1.78 5.72 5.72 0 01.57 2.18 4.51 4.51 0 010 .58v1.41a4.45 4.45 0 010 .57 6.4 6.4 0 01-.58 2.18 5.55 5.55 0 01-1.31 1.76 6.16 6.16 0 01-1.95 1.18A6.94 6.94 0 01289 66a7 7 0 01-2.53-.43 6.16 6.16 0 01-1.95-1.18 5.52 5.52 0 01-1.3-1.76 6.19 6.19 0 01-.59-2.18v-.57-.7-.71-.58a5.72 5.72 0 01.57-2.18 5.94 5.94 0 011.28-1.71 6.19 6.19 0 011.95-1.19 7 7 0 012.57-.47zm3 5.66a3.38 3.38 0 00-.36-1.3 2.43 2.43 0 00-.73-.82 2.37 2.37 0 00-.93-.42 4.55 4.55 0 00-1-.12 4.42 4.42 0 00-1 .12 2.41 2.41 0 00-.94.42 2.31 2.31 0 00-.72.82 3.21 3.21 0 00-.37 1.3v1.79a4.81 4.81 0 000 .5 3.17 3.17 0 00.37 1.3 2.44 2.44 0 00.72.83 2.74 2.74 0 00.94.42 5 5 0 001 .11 5.17 5.17 0 001-.11 2.7 2.7 0 00.93-.42 2.57 2.57 0 00.73-.83 3.33 3.33 0 00.36-1.3 3.25 3.25 0 000-.5v-1.24a3.68 3.68 0 000-.55zM298.11 53.28a.7.7 0 01.68-.69h1.93a.72.72 0 01.69.69v6.44a4.14 4.14 0 00.64 2.43 2.42 2.42 0 002.12.92 2.44 2.44 0 002.05-.92 3.82 3.82 0 00.71-2.43v-6.44a.72.72 0 01.69-.69h1.92a.67.67 0 01.49.21.66.66 0 01.2.48v11.81a.68.68 0 01-.69.69h-1.92a.66.66 0 01-.48-.2.67.67 0 01-.21-.49v-.58a6.22 6.22 0 01-1.44 1 4.23 4.23 0 01-2.08.47 6 6 0 01-2.56-.48 4.19 4.19 0 01-1.62-1.29 5 5 0 01-.87-1.89 9.87 9.87 0 01-.25-2.27zM326.1 65.09a.68.68 0 01-.68.69h-1.93a.66.66 0 01-.48-.2.67.67 0 01-.21-.49v-6.44a3.82 3.82 0 00-.71-2.43 2.58 2.58 0 00-2.18-.91 2.61 2.61 0 00-2.11.91 3.62 3.62 0 00-.78 2.43v6.44a.66.66 0 01-.2.49.67.67 0 01-.48.2h-1.93a.67.67 0 01-.48-.2.66.66 0 01-.2-.49V53.28a.62.62 0 01.2-.48.64.64 0 01.48-.21h1.93a.64.64 0 01.48.21.62.62 0 01.2.48v.58a5.77 5.77 0 011.55-1.09 4.71 4.71 0 012.1-.43 6.14 6.14 0 012.59.48 4.44 4.44 0 011.67 1.29 4.87 4.87 0 01.9 1.89 9.35 9.35 0 01.27 2.27zM334.54 52.34a6 6 0 011.41.15 5.54 5.54 0 011.09.38 4.06 4.06 0 01.8.5 3.73 3.73 0 01.53.49v-5.4a.68.68 0 01.69-.68H341a.62.62 0 01.48.2.63.63 0 01.21.48v16.63a.67.67 0 01-.21.49.66.66 0 01-.48.2h-1.92a.68.68 0 01-.69-.69v-.58a3.73 3.73 0 01-.53.49 4.06 4.06 0 01-.8.5 5.54 5.54 0 01-1.09.38 6 6 0 01-1.41.15 5.2 5.2 0 01-2.29-.49 5.36 5.36 0 01-1.75-1.32 6.37 6.37 0 01-1.14-1.9 6.9 6.9 0 01-.47-2.25v-.88-.89a6.9 6.9 0 01.47-2.25 6.49 6.49 0 011.14-1.9 5.36 5.36 0 011.75-1.32 5.2 5.2 0 012.27-.49zm-2.36 6.14a6.74 6.74 0 000 1.42 3.41 3.41 0 001 2.37 3.17 3.17 0 002.1.72 3.11 3.11 0 002.1-.74 3 3 0 001-2.1 8.31 8.31 0 00.05-1 8.5 8.5 0 00-.05-1 3 3 0 00-3.07-2.84 3.17 3.17 0 00-2.1.72 3.41 3.41 0 00-1.03 2.45z" fill="#455a64"/><path d="M196.44 90.76a.59.59 0 01.44.19.6.6 0 01.18.44v2.46a.6.6 0 01-.18.44.59.59 0 01-.44.19h-11a.58.58 0 01-.44-.19.61.61 0 01-.19-.44v-15a.61.61 0 01.19-.44.58.58 0 01.44-.19h10.83a.65.65 0 01.63.63v2.45a.61.61 0 01-.19.45.6.6 0 01-.44.18h-7.16v2.51h6.65a.58.58 0 01.44.19.61.61 0 01.19.44v2.46a.61.61 0 01-.19.44.58.58 0 01-.44.19h-6.65v2.6zM206.66 78.21a10.39 10.39 0 012.74.33 6 6 0 012.06 1 4.3 4.3 0 011.3 1.67 5.73 5.73 0 01.45 2.35 5.37 5.37 0 01-.72 2.9 4.61 4.61 0 01-2 1.75l2.88 5.53a.56.56 0 01.07.26.51.51 0 01-.51.51h-3.16a.87.87 0 01-.66-.21 2 2 0 01-.32-.42l-2.58-5H204v5a.6.6 0 01-.18.44.59.59 0 01-.44.19h-3a.59.59 0 01-.44-.19.6.6 0 01-.18-.44v-15a.6.6 0 01.18-.44.59.59 0 01.44-.19zm-2.63 7h2.63a3.18 3.18 0 001.62-.37 1.43 1.43 0 00.63-1.35 1.41 1.41 0 00-.63-1.34 3.18 3.18 0 00-1.62-.37H204zM222.81 78.21a10.39 10.39 0 012.74.33 6 6 0 012.06 1 4.21 4.21 0 011.3 1.67 5.73 5.73 0 01.45 2.35 5.37 5.37 0 01-.72 2.9 4.61 4.61 0 01-2 1.75l2.88 5.53a.56.56 0 01.07.26.51.51 0 01-.51.51h-3.16a.87.87 0 01-.66-.21 2 2 0 01-.32-.42l-2.58-5h-2.13v5a.61.61 0 01-.19.44.59.59 0 01-.44.19h-3.05a.59.59 0 01-.44-.19.6.6 0 01-.18-.44v-15a.6.6 0 01.18-.44.59.59 0 01.44-.19zm-2.62 7h2.62a3.18 3.18 0 001.62-.37 1.43 1.43 0 00.63-1.35 1.41 1.41 0 00-.63-1.34 3.18 3.18 0 00-1.62-.37h-2.62zM231.5 84.28a7.14 7.14 0 01.57-2.45 5.8 5.8 0 011.42-2 6.62 6.62 0 012.23-1.35 9.4 9.4 0 016.05 0 6.72 6.72 0 012.23 1.35 5.77 5.77 0 011.41 2 6.71 6.71 0 01.57 2.45c0 .66.05 1.36.05 2.09s0 1.41-.05 2a6.81 6.81 0 01-.57 2.46 6.1 6.1 0 01-1.41 2 6.54 6.54 0 01-2.25 1.34 9.58 9.58 0 01-6.05 0 6.45 6.45 0 01-2.23-1.34 6.13 6.13 0 01-1.42-2 7.25 7.25 0 01-.57-2.46v-2c0-.69-.01-1.43.02-2.09zm10.2 4c0-.28 0-.59.05-.93s0-.69 0-1.05v-1c0-.3 0-.63-.05-.9a3.57 3.57 0 00-.24-1.06 2.47 2.47 0 00-.56-.85 2.62 2.62 0 00-.89-.57 3.47 3.47 0 00-1.26-.21 3.37 3.37 0 00-1.25.21 2.57 2.57 0 00-.9.57 2.62 2.62 0 00-.56.85 3.57 3.57 0 00-.24 1.06q0 .4-.06.9v2.05c0 .34 0 .65.06.93a3.13 3.13 0 00.8 1.93 2.79 2.79 0 002.15.76 2.75 2.75 0 002.14-.76 3.26 3.26 0 00.81-1.91zM255.65 78.21a10.45 10.45 0 012.74.33 5.91 5.91 0 012.05 1 4.32 4.32 0 011.31 1.67 5.73 5.73 0 01.45 2.35 5.37 5.37 0 01-.72 2.9 4.58 4.58 0 01-2.05 1.75l2.88 5.53a.59.59 0 01.08.26.5.5 0 01-.16.36.49.49 0 01-.36.15h-3.16a.87.87 0 01-.66-.21 1.89 1.89 0 01-.31-.42l-2.58-5H253v5a.65.65 0 01-.63.63h-3a.65.65 0 01-.63-.63v-15a.65.65 0 01.63-.63zm-2.63 7h2.63a3.14 3.14 0 001.61-.37 1.41 1.41 0 00.64-1.35 1.4 1.4 0 00-.64-1.34 3.14 3.14 0 00-1.61-.37H253zM277.47 94.48a.61.61 0 01-.45-.19.6.6 0 01-.18-.44v-2.37h-7.32a.6.6 0 01-.44-.18.61.61 0 01-.19-.45v-2.46a1.63 1.63 0 01.3-1l6.95-8.76a1.38 1.38 0 01.38-.34 1.26 1.26 0 01.48-.08h3.51a.58.58 0 01.44.19.61.61 0 01.19.44v8.92h2a.63.63 0 01.44.19.6.6 0 01.18.44v2.46a.64.64 0 01-.18.45.62.62 0 01-.44.18h-2v2.37a.61.61 0 01-.19.44.58.58 0 01-.44.19zm-.47-6.72v-4.27l-3.39 4.27zM292.5 78a8 8 0 013 .51 6 6 0 012.08 1.37 5.62 5.62 0 011.23 2 8.82 8.82 0 01.48 2.41v4.09a8.82 8.82 0 01-.48 2.41 5.46 5.46 0 01-1.23 2 6 6 0 01-2.08 1.37 9.08 9.08 0 01-6 0 6 6 0 01-2.08-1.37 5.46 5.46 0 01-1.23-2 8.82 8.82 0 01-.48-2.41v-2-2.09a8.82 8.82 0 01.48-2.41 5.62 5.62 0 011.23-2 6 6 0 012.08-1.37 8 8 0 013-.51zm2.5 10.3c.06-1.32.06-2.62 0-3.91a5.58 5.58 0 00-.18-1.06 2.31 2.31 0 00-.4-.85 2 2 0 00-.75-.57 2.8 2.8 0 00-1.16-.21 2.83 2.83 0 00-1.16.21 2 2 0 00-.75.57 2.49 2.49 0 00-.41.85 4.35 4.35 0 00-.17 1.06 36.43 36.43 0 000 3.91 5.75 5.75 0 00.15 1.07 2.42 2.42 0 00.42.85 2 2 0 00.76.56 2.83 2.83 0 001.16.21 2.8 2.8 0 001.16-.21 2 2 0 00.76-.56 2.42 2.42 0 00.42-.85 5.75 5.75 0 00.15-1.07zM309.79 94.48a.65.65 0 01-.63-.63v-2.37h-7.32a.6.6 0 01-.44-.18.65.65 0 01-.19-.45v-2.46a1.57 1.57 0 01.31-1l6.94-8.76a1.27 1.27 0 01.39-.34 1.17 1.17 0 01.47-.08h3.51a.65.65 0 01.63.63v8.92h2a.65.65 0 01.63.63v2.46a.65.65 0 01-.19.45.6.6 0 01-.44.18h-2v2.37a.65.65 0 01-.63.63zm-.51-6.72v-4.27l-3.39 4.27z" fill="currentColor"/></g></svg>
diff --git a/src/assets/svg-icon/reload.svg b/src/assets/svg-icon/reload.svg
new file mode 100644
index 0000000..15daa61
--- /dev/null
+++ b/src/assets/svg-icon/reload.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="1708616726881" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4225" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M952.529455 459.752727a34.909091 34.909091 0 0 0-49.361455 0l-21.085091 21.085091C860.625455 276.317091 687.220364 116.363636 477.090909 116.363636a400.570182 400.570182 0 0 0-48.686545 3.211637c-7.842909 0.930909-15.616 2.164364-23.342546 3.560727-4.701091 0.837818-9.402182 1.582545-14.010182 2.56-9.844364 2.164364-19.572364 4.654545-29.160727 7.540364-6.865455 2.024727-13.521455 4.398545-20.247273 6.749091-3.537455 1.28-7.121455 2.56-10.635636 3.93309-7.237818 2.792727-14.336 5.701818-21.364364 8.890182-1.489455 0.674909-2.978909 1.442909-4.468363 2.141091-15.592727 7.330909-30.650182 15.499636-45.079273 24.645818l-1.931636 1.163637a394.309818 394.309818 0 0 0-26.624 18.734545 411.322182 411.322182 0 0 0-54.551273 49.780364c-2.443636 2.653091-4.887273 5.259636-7.261091 7.982545A375.04 375.04 0 0 0 148.945455 283.461818a407.319273 407.319273 0 0 0-37.771637 62.557091c-1.000727 2.071273-2.141091 4.026182-3.118545 6.097455-0.232727 0.418909-0.279273 0.861091-0.465455 1.28A404.340364 404.340364 0 0 0 69.818182 523.636364C69.818182 748.218182 252.509091 930.909091 477.090909 930.909091c143.476364 0 273.687273-73.309091 348.299636-196.049455a34.909091 34.909091 0 0 0-59.671272-36.258909C703.883636 800.349091 595.991273 861.090909 477.090909 861.090909 291.025455 861.090909 139.636364 709.701818 139.636364 523.636364a335.127273 335.127273 0 0 1 32.907636-144.384A335.755636 335.755636 0 0 1 210.385455 317.672727c4.119273-5.352727 8.378182-10.565818 12.8-15.616l3.397818-3.746909a341.224727 341.224727 0 0 1 48.151272-44.101818l3.258182-2.443636a340.619636 340.619636 0 0 1 58.112-34.327273l1.908364-0.930909a313.320727 313.320727 0 0 1 26.391273-10.565818c5.771636-2.094545 11.52-4.096 17.408-5.841455 7.842909-2.327273 15.802182-4.421818 23.901091-6.167273 3.909818-0.861091 7.912727-1.466182 11.845818-2.187636a371.479273 371.479273 0 0 1 29.416727-4.049455c9.937455-0.930909 19.968-1.536 30.114909-1.536 169.378909 0 309.597091 125.556364 333.474909 288.395637l-14.801454-14.824727a34.909091 34.909091 0 1 0-49.361455 49.338181l78.382546 78.429091a34.932364 34.932364 0 0 0 49.338181 0l78.405819-78.429091a34.909091 34.909091 0 0 0 0-49.338181" fill="#797979" p-id="4226"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/robot_001.svg b/src/assets/svg-icon/robot_001.svg
new file mode 100644
index 0000000..bd2e275
--- /dev/null
+++ b/src/assets/svg-icon/robot_001.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="1707794031041" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5164" width="64" height="64" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M1006.590901 657.408815c-11.662196-11.548419-23.324393-17.407961-34.986589-17.407962h-46.535008c-5.745765-133.859258-52.337661-238.59147-151.21033-302.591327l98.872669-226.815496c23.267504 0 34.872811-17.521739 34.872811-34.986589 11.719085-23.210615 5.859543-46.535008-11.605307-58.140315-17.407961-11.605308-34.9297-5.859543-52.337662 11.605307-11.662196 17.46485-17.46485 34.9297-5.802654 52.337662l-98.986446 221.126619c-75.605165-34.9297-157.012984-52.337661-232.675039-46.535007-75.662054 0-157.126762 17.407961-226.872384 52.337661L174.535861 93.12918c11.605308-17.407961 11.605308-40.675465 0-52.337662C162.930553 23.326668 139.606161 17.410237 116.395546 29.015544c-11.662196 5.859543-23.324393 29.070158-17.46485 46.648786 5.745765 23.210615 17.407961 40.675465 34.9297 40.675465L232.676176 343.325957C133.860396 407.325815 87.325388 512.001138 81.465846 645.803507H40.733492c-11.662196 0-23.324393 0-29.127047 11.605308C0.001138 669.014122 0.001138 680.733207 0.001138 692.338515v133.74548c0 11.719085 5.859543 29.127046 11.605307 34.929701 11.662196 11.662196 23.324393 17.46485 34.9297 17.46485h46.648786v29.070157c0 34.9297 29.013269 69.8594 63.942969 69.859401H866.985878c34.9297 0 63.999858-34.9297 63.999858-69.859401v-29.013269h46.535007c23.267504 0 40.675465-23.324393 40.675465-46.591896v-133.859258c5.859543-23.210615 0-34.872811-11.605307-40.675465l0.056889-0.056889z m-250.196777-46.478119a116.735741 116.735741 0 0 1-116.394408 116.337519H378.140742a116.735741 116.735741 0 0 1-116.280631-116.337519 116.735741 116.735741 0 0 1 116.280631-116.394408h255.999431c69.8594-5.802654 122.253951 46.648785 122.253951 116.394408z" fill="#ffffff" p-id="5165"></path><path d="M325.859969 133.861534H384.000284c5.859543 0 11.605308 0 17.407962-5.859543l17.521739-17.407961 34.9297 58.140315c5.745765 11.662196 11.605308 11.662196 23.210615 11.662196 11.662196 0 17.46485-5.859543 23.324392-17.46485L512 87.269637l17.407961 69.802512c5.916431 11.605308 11.662196 17.46485 23.324393 17.46485a44.430123 44.430123 0 0 0 29.127046-11.605308l29.013269-52.337661 11.662196 11.548419c0 5.859543 5.859543 11.719085 11.605308 11.719085h46.648785a25.031055 25.031055 0 0 0 23.210615-23.324393 25.031055 25.031055 0 0 0-23.324392-23.267504h-40.675465l-23.324393-23.267504c5.859543-5.859543-5.745765-11.605308-11.605308-11.605307-5.745765 0-17.407961 5.745765-23.210615 11.605307l-11.719085 46.591897L546.9297 17.410237A32.028373 32.028373 0 0 0 517.859543 0.002276C512 0.002276 500.394692 5.861818 494.53515 17.410237l-23.267504 98.986447-29.127046-46.648786c0-5.745765-11.605308-11.605308-17.407962-11.605307-5.802654 0-17.407961 0-23.324392 5.859542l-23.267504 23.324393h-52.337662c-5.802654 0-11.662196 0-17.407961 5.745765 0 5.859543-5.859543 11.662196-5.859542 17.46485 0 5.859543 0 11.605308 5.859542 17.46485 5.745765 5.859543 11.605308 5.859543 17.407961 5.859543z m81.350931 541.012131c-17.351073 0-34.815923-17.407961-34.815923-34.872812v-63.999857c0-17.407961 17.407961-34.9297 34.9297-34.929701 17.351073 0 34.815923 17.46485 34.815923 34.929701v63.999857c0 23.324393-17.407961 34.9297-34.815923 34.9297h-0.056889z m244.394123-5.802654c-5.745765 5.859543-23.210615 5.859543-29.013269 0l-52.451439-46.535008c-5.745765-5.802654-5.745765-23.267504 0-29.070157 5.859543-5.859543 23.324393-5.859543 29.127047 0l46.591896 46.535007c11.605308 11.605308 11.605308 23.324393 5.745765 29.070158z" fill="#ffffff" p-id="5166"></path><path d="M570.140315 622.592892c5.859543 5.802654 23.324393 5.802654 29.127047 0l46.591896-46.591896c5.745765-5.859543 5.745765-23.324393 0-29.070158-5.859543-5.859543-23.324393-5.859543-29.127046 0l-46.591897 46.535008c-5.745765 11.605308-5.745765 23.267504 0 29.070157v0.056889z" fill="#ffffff" p-id="5167"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/save.svg b/src/assets/svg-icon/save.svg
new file mode 100644
index 0000000..56503f3
--- /dev/null
+++ b/src/assets/svg-icon/save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M3 5.75A2.75 2.75 0 0 1 5.75 3h9.964a3.25 3.25 0 0 1 2.299.952l2.035 2.035c.61.61.952 1.437.952 2.299v9.964A2.75 2.75 0 0 1 18.25 21H5.75A2.75 2.75 0 0 1 3 18.25V5.75zM5.75 4.5c-.69 0-1.25.56-1.25 1.25v12.5c0 .69.56 1.25 1.25 1.25H6v-5.25A2.25 2.25 0 0 1 8.25 12h7.5A2.25 2.25 0 0 1 18 14.25v5.25h.25c.69 0 1.25-.56 1.25-1.25V8.286c0-.465-.184-.91-.513-1.238l-2.035-2.035a1.75 1.75 0 0 0-.952-.49V7.25a2.25 2.25 0 0 1-2.25 2.25h-4.5A2.25 2.25 0 0 1 7 7.25V4.5H5.75zm10.75 15v-5.25a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0-.75.75v5.25h9zm-8-15v2.75c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75V4.5h-6z" fill="currentColor"></path></g></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/service-error.svg b/src/assets/svg-icon/service-error.svg
new file mode 100644
index 0000000..0120f1e
--- /dev/null
+++ b/src/assets/svg-icon/service-error.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><ellipse cx="250" cy="378.78" rx="230.68" ry="112.11" fill="#f5f5f5"/><g fill="#e6e6e6"><path d="M152.14 433.48a2 2 0 01-2-1.63l-.45-2.42a24.58 24.58 0 01-3.07-.75h-.07l-4.26 2a2.47 2.47 0 01-1 .21 2.42 2.42 0 01-1.21-.31l-4.24-2.45a1.68 1.68 0 01-.15-2.88l2.57-1.84a9.54 9.54 0 01-.64-1l-5.41-.34a1.94 1.94 0 01-1.81-1.93V417a1.94 1.94 0 011.82-1.93l5.4-.34a9.54 9.54 0 01.64-1l-2.57-1.84a1.74 1.74 0 01-.74-1.48 1.71 1.71 0 01.89-1.4l4.24-2.45a2.42 2.42 0 011.21-.31 2.31 2.31 0 011 .21l4.26 2h.05a26.67 26.67 0 013.11-.77l.45-2.41a2.05 2.05 0 012-1.64h6.24a2 2 0 012 1.64l.46 2.41a26.48 26.48 0 013.07.76h.07l4.26-2a2.31 2.31 0 011-.21 2.42 2.42 0 011.21.31l4.24 2.45a1.71 1.71 0 01.89 1.4 1.76 1.76 0 01-.74 1.48l-2.57 1.84a9.54 9.54 0 01.64 1l5.4.34a1.94 1.94 0 011.82 1.93v3.16a1.94 1.94 0 01-1.82 1.93l-5.4.34a9.54 9.54 0 01-.64 1l2.57 1.84a1.76 1.76 0 01.74 1.48 1.72 1.72 0 01-.89 1.4l-4.24 2.45a2.42 2.42 0 01-1.21.31 2.47 2.47 0 01-1-.21l-4.26-2a26 26 0 01-3.1.76l-.46 2.42a2 2 0 01-2 1.63zm3.12-19.39a13.16 13.16 0 00-6.48 1.53c-1.45.84-2.28 1.91-2.28 2.95s.83 2.11 2.28 2.95a14.49 14.49 0 0013 0c1.45-.84 2.28-1.91 2.28-2.95s-.83-2.11-2.28-2.95a13.16 13.16 0 00-6.52-1.53zM200.64 405.59a2.25 2.25 0 01-1.6-.7l-1.69-1.77h-2.49l-1.8 1.89a2 2 0 01-1.46.58 2.5 2.5 0 01-.54-.07l-4.2-1a1.84 1.84 0 01-1.24-1 1.6 1.6 0 010-1.37l.67-1.32c-.36-.2-.7-.41-1-.63l-4 .66a1.39 1.39 0 01-.3 0 2.14 2.14 0 01-1.69-.89l-1.59-2.21a1.84 1.84 0 01-.35-1 1.62 1.62 0 011.14-1.57l3.06-1a.66.66 0 010-.14l-2.95-.94a1.71 1.71 0 01-1.26-1.5v-.11a1.53 1.53 0 01.3-.92l1.73-2.42a2 2 0 011.63-.77 2 2 0 01.35 0l3.91.66c.28-.19.59-.38.91-.56l.12-.07-.62-1.23a1.62 1.62 0 01-.19-.69v-.32a1.65 1.65 0 011.25-1.41l4.39-1a1.49 1.49 0 01.43-.05 2.22 2.22 0 011.59.7l1.7 1.77h2.48l1.8-1.89a2 2 0 011.46-.58 1.88 1.88 0 01.53.07l4.21 1a1.71 1.71 0 011.38 1.63 1.41 1.41 0 01-.15.69l-.68 1.35.14.08a10.26 10.26 0 01.88.55l4-.66a1.36 1.36 0 01.29 0 2.17 2.17 0 011.7.88l1.59 2.22a1.73 1.73 0 01.35 1v.3a1.62 1.62 0 01-1.1 1.3l-3.08 1v.14l3 .93a1.72 1.72 0 011 2.53c-.51.79-1.1 1.53-1.64 2.29l-.09.13a2 2 0 01-1.63.77h-.36l-3.9-.65c-.33.22-.67.43-1 .63l.62 1.23a1.67 1.67 0 010 1.51 1.63 1.63 0 01-1.13.91l-4.36 1.05a2.06 2.06 0 01-.52-.01zM190 395a3.29 3.29 0 00.83.84 4.32 4.32 0 00.5.33 7.8 7.8 0 002.12.81 11.25 11.25 0 002.62.3 9.87 9.87 0 004.73-1.1 5.65 5.65 0 00.51-.33 3.16 3.16 0 00.76-.74 1.35 1.35 0 00.13-1.6l-.08-.12-.1-.15-.11-.13a6.51 6.51 0 00-3.11-1.56 11.32 11.32 0 00-2.62-.3c-2.62 0-5.09.89-6 2.17a1.37 1.37 0 00-.23 1.38v.11l.11.19zM257.82 424.33l35.88-20.72a1.17 1.17 0 000-2.22l-8.8-5.08a4.28 4.28 0 00-3.85 0L245.18 417a1.17 1.17 0 000 2.22l4.39 2.54-45 26c-1.06.61-.61.82-.12 1.11s.87.54 1.93-.07l45-26 2.59 1.5a4.28 4.28 0 003.85.03zM244.29 384.57a16.13 16.13 0 01-8-1.95c-.25-.15-.49-.3-.72-.46l-1.32-.93 11.29-1.66 1-2.13-3.05-1.79-10.76 1.58.35-1a7 7 0 013.31-3.56 16.27 16.27 0 017.9-1.88 18.75 18.75 0 013.62.35l36.81-21.25a4.43 4.43 0 01-.31-3 6.67 6.67 0 013.42-4 16.34 16.34 0 017.91-1.88 16.14 16.14 0 018 2c.26.15.49.3.72.46l1.33.93-11.29 1.65-1 2.14 3.05 1.78 10.76-1.57-.35 1a7 7 0 01-3.31 3.55 16.27 16.27 0 01-7.9 1.88 18.83 18.83 0 01-3.62-.34l-36.81 21.25a4.35 4.35 0 01.31 3 6.64 6.64 0 01-3.42 3.95 16.17 16.17 0 01-7.92 1.88z"/><ellipse cx="387.02" cy="400.95" rx="57.04" ry="32.93"/><path d="M143.07 320.2l62.06 35.83 57.88-33.53-62.06-35.82-57.88 33.52zM119.51 407l83.68-48.31-73.22-42.27-83.67 48.31L119.51 407z"/></g><path fill="currentColor" d="M205.12 353.37l-58.75-33.93v-2.56l54-31.18 58.75 33.92v2.57l-54 31.18z"/><path fill="currentColor" d="M146.37 316.88l58.75 33.92 54-31.18-58.75-33.92-54 31.18z"/><path opacity=".15" d="M146.37 316.88l58.75 33.92 54-31.18-58.75-33.92-54 31.18z"/><path d="M219.68 331a4.34 4.34 0 003.94 0 1.2 1.2 0 000-2.27 4.34 4.34 0 00-3.94 0 1.2 1.2 0 000 2.27z" fill="#37474f"/><path opacity=".3" d="M205.12 350.8v2.57l-58.75-33.93v-2.56l58.75 33.92z"/><path d="M128.34 115.9l65.46 37.79a4.85 4.85 0 012.19 3.79v198.81a4.85 4.85 0 01-2.19 3.8L123 401a4.83 4.83 0 01-4.38 0l-65.46-37.83a4.83 4.83 0 01-2.16-3.79V160.57a4.85 4.85 0 012.19-3.8L124 115.9a4.83 4.83 0 014.34 0z" fill="currentColor"/><path d="M51 160.56v198.82a4.87 4.87 0 002.19 3.79L118.62 401a4.36 4.36 0 002.19.53V197.62a4.49 4.49 0 01-2.19-.53L53.16 159.3l-.6-.5-.78-.64a4.57 4.57 0 00-.78 2.4z" fill="currentColor"/><path d="M51 160.56v198.82a4.87 4.87 0 002.19 3.79L118.62 401a4.36 4.36 0 002.19.53V197.62a4.49 4.49 0 01-2.19-.53L53.16 159.3l-.6-.5-.78-.64a4.57 4.57 0 00-.78 2.4z" opacity=".3"/><path d="M53.16 156.77L124 115.9a4.81 4.81 0 014.37 0l65.46 37.79a1.34 1.34 0 010 2.53L123 197.1a4.89 4.89 0 01-4.38 0l-65.46-37.8a1.34 1.34 0 010-2.53z" fill="currentColor"/><path d="M53.16 156.77L124 115.9a4.81 4.81 0 014.37 0l65.46 37.79a1.34 1.34 0 010 2.53L123 197.1a4.89 4.89 0 01-4.38 0l-65.46-37.8a1.34 1.34 0 010-2.53z" opacity=".15"/><path fill="#455a64" d="M188.13 291.62l-58.75 33.92v62.35l58.75-33.92v-62.35z"/><path d="M159.26 336.16a.62.62 0 00-.61.06L134.75 350a1.79 1.79 0 00-.61.64l-1.6-.93a1.77 1.77 0 01.6-.64l23.4-13.45a1.85 1.85 0 011.71 0z" fill="#263238"/><path d="M133.89 351.46v26.77c0 .55.39.77.86.5l23.9-13.73a1.9 1.9 0 00.86-1.48v-26.8c0-.55-.39-.77-.86-.5L134.75 350a1.89 1.89 0 00-.86 1.46z" fill="#37474f"/><path d="M134.12 378.78l-1-.57a1.89 1.89 0 01-.85-1.48v-26.2a1.7 1.7 0 01.25-.85l1.6.93a1.81 1.81 0 00-.25.85v26.77a.65.65 0 00.25.55z" fill="#263238"/><path d="M135.8 376.32a.46.46 0 01-.2-.05.51.51 0 01-.22-.46V352a1.34 1.34 0 01.61-1l21.31-12.25a.5.5 0 01.51 0 .51.51 0 01.22.46V363a1.32 1.32 0 01-.6 1.05l-21.31 12.25a.64.64 0 01-.32.02zm21.8-37.44a.41.41 0 00-.18.05l-21.32 12.26a1.08 1.08 0 00-.48.83v23.79c0 .12 0 .21.09.24a.26.26 0 00.26 0l21.31-12.25a1.08 1.08 0 00.48-.83v-23.83c0-.12 0-.21-.09-.24a.12.12 0 00-.07-.02z" fill="currentColor"/><path d="M137.48 373.19a.21.21 0 01-.12 0 .26.26 0 01-.13-.25v-20.22a.72.72 0 01.29-.5l18.21-10.49a.28.28 0 01.29 0 .29.29 0 01.13.26v20.22a.64.64 0 01-.29.51l-18.19 10.45a.32.32 0 01-.19.02zm0-.24zm18.4-31l-18.22 10.5a.5.5 0 00-.16.28V373l18.18-10.45a.39.39 0 00.17-.29v-20.22a.06.06 0 00.04-.11zM138.71 346.89a.25.25 0 01-.24-.25v-5.7a.24.24 0 11.48 0v5.7a.25.25 0 01-.24.25zM142.7 344.6a.24.24 0 01-.24-.24v-5.71a.24.24 0 01.24-.24.24.24 0 01.24.24v5.71a.24.24 0 01-.24.24zM146.69 342.31a.24.24 0 01-.25-.24v-5.7a.25.25 0 01.49 0v5.7a.24.24 0 01-.24.24zM150.67 340a.24.24 0 01-.24-.24v-5.71a.25.25 0 01.49 0v5.71a.25.25 0 01-.25.24zM154.66 337.74a.24.24 0 01-.24-.24v-5.7a.24.24 0 01.24-.24.23.23 0 01.24.24v5.7a.23.23 0 01-.24.24z" fill="currentColor"/><path d="M159.26 315.1a.6.6 0 00-.61.06l-23.9 13.75a1.84 1.84 0 00-.61.63l-1.6-.92a1.69 1.69 0 01.6-.64l23.4-13.46a1.91 1.91 0 011.71 0z" fill="#263238"/><path d="M133.89 330.39v13.5c0 .55.39.77.86.5l23.9-13.75a1.9 1.9 0 00.86-1.48v-13.51c0-.54-.39-.76-.86-.49l-23.9 13.75a1.88 1.88 0 00-.86 1.48z" fill="#37474f"/><path d="M134.12 344.44l-1-.57a1.89 1.89 0 01-.85-1.48v-12.93a1.7 1.7 0 01.25-.84l1.6.92a1.84 1.84 0 00-.25.85v13.51a.64.64 0 00.25.54z" fill="#263238"/><path d="M135.8 342a.46.46 0 01-.2-.05.51.51 0 01-.22-.46V331a1.34 1.34 0 01.61-1l21.31-12.26a.46.46 0 01.73.43v10.51a1.32 1.32 0 01-.6 1.05l-21.31 12.25a.64.64 0 01-.32.02zm21.8-24.17a.32.32 0 00-.18.06l-21.32 12.24a1.08 1.08 0 00-.48.83v10.51c0 .12 0 .21.09.24a.26.26 0 00.26 0l21.31-12.25a1.08 1.08 0 00.48-.83v-10.55a.29.29 0 00-.09-.25z" fill="currentColor"/><path d="M137.48 338.86a.21.21 0 01-.12 0 .26.26 0 01-.13-.25v-6.91a.76.76 0 01.29-.51l18.21-10.49a.3.3 0 01.29 0 .27.27 0 01.13.25v7a.64.64 0 01-.29.51l-18.19 10.45a.33.33 0 01-.19-.05zm0-.25zm18.4-17.75l-18.22 10.49a.56.56 0 00-.16.29v6.95l18.18-10.45a.39.39 0 00.17-.29v-7s.04.02.04.01zM164.09 312.35a3.14 3.14 0 00-1.42 2.45c0 .9.64 1.26 1.42.81a3.14 3.14 0 001.41-2.44c0-.9-.64-1.27-1.41-.82zM164.09 336.35a3.14 3.14 0 00-1.42 2.45c0 .9.64 1.26 1.42.81a3.14 3.14 0 001.41-2.44c0-.9-.64-1.27-1.41-.82zM164.09 342.81a3.12 3.12 0 00-1.42 2.44c0 .9.64 1.26 1.42.81a3.12 3.12 0 001.41-2.44c0-.9-.64-1.26-1.41-.81zM164.09 349.26a3.14 3.14 0 00-1.42 2.45c0 .89.64 1.26 1.42.81a3.14 3.14 0 001.41-2.44c0-.9-.64-1.27-1.41-.82zM164.09 355.72a3.12 3.12 0 00-1.42 2.44c0 .9.64 1.26 1.42.81a3.14 3.14 0 001.41-2.44c0-.9-.64-1.26-1.41-.81zM164.09 318.18a3.14 3.14 0 00-1.42 2.45c0 .9.64 1.26 1.42.81a3.14 3.14 0 001.41-2.44c0-.9-.64-1.27-1.41-.82zM164.09 324a3.14 3.14 0 00-1.42 2.45c0 .9.64 1.26 1.42.81a3.14 3.14 0 001.41-2.44c0-.89-.64-1.26-1.41-.82z" fill="currentColor"/><path d="M179.52 315.4l-.14-1.31a.14.14 0 00-.18-.13 2.94 2.94 0 01-.65.07.3.3 0 00-.26.13l-.29.43 1.54.88a.14.14 0 01-.02-.07zm1.11-9.18a3 3 0 010 .31 5 5 0 01-2.28 4l-.28.15c.14 1.22 1.1 1.67 2.26 1a5 5 0 002.28-3.95c.02-1.4-.85-2-1.98-1.51zm4.94-1.16l-1.55-.9-.23.47a.33.33 0 000 .29 3 3 0 01.27.6.14.14 0 00.2.09l1.2-.53a.12.12 0 01.1 0zm-3-3.42l-.87-.51h-.13l-.71 1.07-.9-.52-.65-.38h-.07l-.93.54-.42.24h-.05v.06a.41.41 0 000 .08l-.13 1.51a.17.17 0 010 .05.11.11 0 010 .05.61.61 0 01-.11.18 8.13 8.13 0 00-.76.79.14.14 0 01-.11.07.26.26 0 01-.15 0l-.87-.3h-.2l-.41.71-.43.75-.15.26a.21.21 0 000 .13.23.23 0 00.07.13l.7.6.05.07a.23.23 0 010 .11.19.19 0 010 .08 8.41 8.41 0 00-.32 1.05.51.51 0 01-.08.17l-.09.1-1.23.86s-.06.06-.09.1a.34.34 0 000 .17v1.56a.12.12 0 000 .1l1.57.9-.57 1.15a.18.18 0 00.07.23l1.9 1.1h.08a.46.46 0 01-.07-.07.2.2 0 010-.17l.8-1.61a.14.14 0 000-.07.29.29 0 000-.22 3.29 3.29 0 01-.26-.6.14.14 0 00-.2-.09l-.61.27-.6.27a.09.09 0 01-.1 0 .1.1 0 01-.05-.1v-1.56a.33.33 0 01.05-.16s0-.08.09-.1l1.23-.87a.32.32 0 00.1-.1.37.37 0 00.07-.16 8.41 8.41 0 01.32-1.05.25.25 0 000-.09.27.27 0 00-.08-.18l-.7-.6a.16.16 0 01-.06-.12.2.2 0 010-.13l.29-.49.34-.61.36-.62a.25.25 0 01.16-.1h.09l.86.3a.22.22 0 00.16 0 .26.26 0 00.11-.07 8.22 8.22 0 01.75-.8.42.42 0 00.11-.17.23.23 0 000-.11l.14-1.5a.24.24 0 010-.08.34.34 0 01.14-.17l.25-.15.54-.31.56-.32a.1.1 0 01.09 0s.05.05.06.09l.07.69.06.62a.14.14 0 00.18.13 3 3 0 01.65-.07.24.24 0 00.19-.06.16.16 0 00.07-.07l1-1.5a.17.17 0 01.23-.05z" fill="#263238"/><path d="M179.54 303.46a.24.24 0 000 .08l-.14 1.5a.23.23 0 010 .11l-2-1.15v-.05a.17.17 0 000-.05l.13-1.51a.41.41 0 010-.08z" opacity=".1"/><path d="M178.38 306.19a.22.22 0 01-.16 0l-.86-.3h-.09l-2-1.13h.06l.87.3a.26.26 0 00.15 0zM176.94 308.73l-2-1.14v-.1l-.05-.07-.7-.6a.23.23 0 01-.07-.13l2 1.15a.16.16 0 00.06.12l.7.6a.27.27 0 01.06.17zM176.93 313.29a.14.14 0 010 .07l-.8 1.61a.2.2 0 000 .17l-1.89-1.1a.18.18 0 01-.07-.23l.57-1.15.42.24a.09.09 0 00.1 0l.6-.27zM179.52 315.4a.14.14 0 000 .07l-1.54-.88.29-.43a.3.3 0 01.26-.13 2.94 2.94 0 00.65-.07.14.14 0 01.18.13z" opacity=".15"/><path d="M183.64 302.28a.17.17 0 00-.23.05l-1 1.5a.16.16 0 01-.07.07l-.56-.32-.52-.3-.07-.69s0-.08-.06-.09l-.4-.24.71-1.07a.22.22 0 01.11 0l.87.51z" opacity=".1"/><path d="M176.54 310a.32.32 0 01-.1.1l-1.23.87s-.06.06-.09.1l-2-1.15s.05-.08.09-.1l1.23-.86.09-.1z" opacity=".15"/><path d="M185.48 305.07l-1.2.54a.14.14 0 01-.2-.09 3 3 0 00-.27-.6.33.33 0 010-.29l.8-1.61a.19.19 0 00-.07-.24l-.87-.5a.18.18 0 00-.24.05l-1 1.5a.3.3 0 01-.26.13 3 3 0 00-.65.07.14.14 0 01-.18-.13l-.13-1.31a.1.1 0 00-.16-.08l-1.35.78a.33.33 0 00-.16.25l-.14 1.5a.47.47 0 01-.14.28 8.22 8.22 0 00-.75.8.27.27 0 01-.27.07l-.86-.3a.22.22 0 00-.25.09l-1 1.72a.21.21 0 000 .25l.7.6a.27.27 0 01.07.27 8.41 8.41 0 00-.32 1.05.41.41 0 01-.17.26l-1.23.87a.34.34 0 00-.14.26v1.56a.1.1 0 00.15.1l1.21-.54a.14.14 0 01.2.09 3.29 3.29 0 00.26.6.3.3 0 010 .29l-.8 1.61a.19.19 0 00.07.24l.87.5a.18.18 0 00.24 0l1-1.5a.3.3 0 01.26-.13 2.94 2.94 0 00.65-.07.14.14 0 01.18.13l.14 1.31c0 .09.07.13.16.08l1.35-.78a.38.38 0 00.16-.25l.13-1.5a.47.47 0 01.14-.28 7.16 7.16 0 00.75-.8.27.27 0 01.27-.07l.87.3a.21.21 0 00.24-.09l1-1.72a.2.2 0 000-.25l-.7-.6a.27.27 0 01-.07-.27 8.41 8.41 0 00.32-1.05.46.46 0 01.17-.26l1.23-.87a.34.34 0 00.14-.26v-1.56a.1.1 0 00-.15-.15zm-5.13 6.56c-1.26.73-2.28.14-2.28-1.32a5 5 0 012.28-3.95c1.26-.73 2.28-.14 2.28 1.32a5 5 0 01-2.28 3.95z" fill="#37474f"/><path d="M176.19 318.62h-.06l-.32-.18-.91-.53h-.2l-.85.08h-.08l-.46 1.23a.23.23 0 01-.07.1l-.11.08-.28.14-.88-.51a.16.16 0 00-.09 0l-.66.7-.27.28a.13.13 0 000 .06v.06a.11.11 0 000 .05l.26.88v.11a.42.42 0 010 .1 6.17 6.17 0 00-.43.74.24.24 0 01-.1.1.24.24 0 01-.1.05l-.8.2h-.06a.1.1 0 00-.05 0 .07.07 0 000 .06l-.3 1-.1.36v.1l.53.31h.07l.29.16v.36a.28.28 0 01-.07.21l-.81 1a.34.34 0 000 .11.12.12 0 000 .1l.38.84 1.61.94h.08v-.08l-.19-.41-.16-.36a.2.2 0 010-.11.14.14 0 01.05-.09l.81-1a.31.31 0 000-.1.3.3 0 000-.12 4.09 4.09 0 010-.7.12.12 0 00-.12-.12h-.79a.09.09 0 010-.09l.18-.61.2-.7v-.06a.26.26 0 01.15-.09l.8-.2a.16.16 0 00.1-.05.19.19 0 00.1-.1 7.89 7.89 0 01.43-.74.3.3 0 000-.1.22.22 0 000-.11l-.26-.88a.17.17 0 010-.1.17.17 0 01.06-.1l.63-.67.3-.32s.1-.06.13 0l.43.66h.18a4.26 4.26 0 01.53-.31.27.27 0 00.1-.06.26.26 0 00.08-.11l.46-1.24v-.06l.31-.08.68-.07h.07zm-3.6 9a.13.13 0 00-.08-.15 1.51 1.51 0 01-.37-.22.18.18 0 00-.2 0l-.86.79a.21.21 0 01-.1 0l.85.49.53.31a.09.09 0 010-.08zm3.8-8.92a.1.1 0 010 .09l-.27 1.21a.14.14 0 00.09.15 2 2 0 01.37.22h.19l.86-.8c.05 0 .1-.05.13 0zm-1.13 9l-.43-.66c0-.05-.11-.05-.18 0l-.26.16.89.52zm.69-5.51a.85.85 0 00-.67-.53h-.1a1.39 1.39 0 00-.6.13 1.69 1.69 0 010 .23 3.74 3.74 0 01-1.71 2.95l-.19.11a1.24 1.24 0 00.11.44.84.84 0 00.8.54h.33a2.42 2.42 0 001.1-.72 3.23 3.23 0 00.98-3.15zm1.34 0v.34a.12.12 0 00.13.12h.78z" fill="#263238"/><path d="M175.26 327.7l-.89-.52.26-.16c.07-.05.15-.05.18 0z" opacity=".15"/><path d="M172.32 328.88a.09.09 0 000 .08l-.53-.31-.85-.49a.21.21 0 00.1 0l.86-.79a.18.18 0 01.2 0 1.51 1.51 0 00.37.22.13.13 0 01.08.15zM171.46 326a.28.28 0 01-.06.09l-.82 1a.18.18 0 000 .1l-1.71-1a.51.51 0 010-.12l.81-1s0-.06.05-.08z" opacity=".1"/><path d="M171.47 325.17v.7a.26.26 0 010 .12l-1.72-1a.21.21 0 000-.13v-.36l.8.47h.79a.12.12 0 01.13.2z" opacity=".05"/><path d="M172 323.15a.19.19 0 01-.11 0l-.8.2a.23.23 0 00-.15.1l-1.71-1h.11l.8-.19a.27.27 0 00.1-.06zM172.59 322.09a.22.22 0 010 .11l-1.71-1a.24.24 0 000-.12l-.26-.88v-.05l1.72 1a.38.38 0 000 .1zM175.32 318.88v.06l-.45 1.23a.31.31 0 01-.09.12l-1.72-1 .07-.09.47-1.24z" opacity=".1"/><path d="M175.32 318.88a.27.27 0 01.14-.07h.17" fill="none"/><path d="M178.18 322.71h-.78a.12.12 0 01-.13-.12v-.34-.36a.34.34 0 01.08-.21l.82-1a.22.22 0 000-.2l-.38-.85h-.13l-.86.8c-.07.05-.15.07-.19 0a2 2 0 00-.37-.22.14.14 0 01-.09-.15l.27-1.21a.1.1 0 000-.09.11.11 0 00-.08 0l-.68.07h-.17a.27.27 0 00-.14.07v.06l-.46 1.24a.26.26 0 01-.08.11.27.27 0 01-.1.06 4.26 4.26 0 00-.53.31H174l-.43-.66h-.13l-.3.32-.63.67a.26.26 0 00-.07.1.17.17 0 000 .1l.26.88a.22.22 0 010 .11.3.3 0 010 .1 7.89 7.89 0 00-.43.74.19.19 0 01-.1.1.16.16 0 01-.1.05l-.8.2a.26.26 0 00-.15.09v.06l-.2.7-.18.61a.09.09 0 000 .09h.79a.12.12 0 01.12.12 4.09 4.09 0 000 .7.3.3 0 010 .12.31.31 0 010 .1l-.81 1a.23.23 0 00-.05.2l.16.36v.05l.05.11.07.14v.19a.21.21 0 00.1 0l.86-.79a.18.18 0 01.2 0 1.51 1.51 0 00.37.22.13.13 0 01.08.15l-.27 1.22a.09.09 0 000 .08.11.11 0 00.08 0l.85-.08a.27.27 0 00.19-.13l.46-1.23a.32.32 0 01.18-.18l.27-.15.26-.16c.07-.05.15-.05.18 0l.43.66a.12.12 0 00.14 0l.93-1a.21.21 0 00.07-.2l-.26-.88a.34.34 0 01.05-.21 7.89 7.89 0 00.43-.74.28.28 0 01.2-.15l.8-.19a.31.31 0 00.18-.15l.4-1.36a.08.08 0 00-.07-.05zm-4.25 3.3h-.33a.84.84 0 01-.8-.54 1.24 1.24 0 01-.11-.44 2.11 2.11 0 010-.25 3.83 3.83 0 011.05-2.41 2.75 2.75 0 01.65-.52l.21-.11a1.39 1.39 0 01.6-.13h.1a.85.85 0 01.67.53 3.23 3.23 0 01-.92 3.1 2.42 2.42 0 01-1.12.76z" fill="#37474f"/><path d="M175.34 341.7a6.41 6.41 0 00-3.62 3 5.94 5.94 0 00.19 5.64 6.5 6.5 0 00-1 3.49 7.74 7.74 0 005.1 6.89l.29.1.87-.5a8.29 8.29 0 01-4.68-4.3 5.85 5.85 0 01.15-4.59 7.35 7.35 0 001.66 1.57c1.74 1.14 5.13 2 6.72.17a2.84 2.84 0 00-.13-3.71 5.56 5.56 0 00-4-1.87 5.62 5.62 0 00-4.16 1.75 5.46 5.46 0 01-.41-2.58 4.92 4.92 0 013.52-4.13c1.44 2.24 4.62 4.28 7.07 2.37s-1.46-3.64-3.1-3.79a10.71 10.71 0 00-3.39.19 3.68 3.68 0 01-.22-2 4.39 4.39 0 011.67-2.6 5.6 5.6 0 016.6-.4.36.36 0 10.46-.56c-3.93-3.6-11.65.81-9.59 5.86zm-.62 7.42a4.17 4.17 0 013.69-.17c1 .45 2.2 1.4 2 2.66-.28 2.19-3.23 1.58-4.61 1a5.79 5.79 0 01-2.59-2.24 4.77 4.77 0 011.51-1.25zm3-6.91a7.28 7.28 0 013.08.22c.47.15 1.81.6 1.74 1.28 0 .42-.65.74-1 .88a2.54 2.54 0 01-1.61.08 5.49 5.49 0 01-2.78-2l-.23-.33a6.84 6.84 0 01.77-.13z" fill="currentColor"/><path d="M175.34 341.7a6.41 6.41 0 00-3.62 3 5.94 5.94 0 00.19 5.64 6.5 6.5 0 00-1 3.49 7.74 7.74 0 005.1 6.89l.29.1.87-.5a8.29 8.29 0 01-4.68-4.3 5.85 5.85 0 01.15-4.59 7.35 7.35 0 001.66 1.57c1.74 1.14 5.13 2 6.72.17a2.84 2.84 0 00-.13-3.71 5.56 5.56 0 00-4-1.87 5.62 5.62 0 00-4.16 1.75 5.46 5.46 0 01-.41-2.58 4.92 4.92 0 013.52-4.13c1.44 2.24 4.62 4.28 7.07 2.37s-1.46-3.64-3.1-3.79a10.71 10.71 0 00-3.39.19 3.68 3.68 0 01-.22-2 4.39 4.39 0 011.67-2.6 5.6 5.6 0 016.6-.4.36.36 0 10.46-.56c-3.93-3.6-11.65.81-9.59 5.86zm-.62 7.42a4.17 4.17 0 013.69-.17c1 .45 2.2 1.4 2 2.66-.28 2.19-3.23 1.58-4.61 1a5.79 5.79 0 01-2.59-2.24 4.77 4.77 0 011.51-1.25zm3-6.91a7.28 7.28 0 013.08.22c.47.15 1.81.6 1.74 1.28 0 .42-.65.74-1 .88a2.54 2.54 0 01-1.61.08 5.49 5.49 0 01-2.78-2l-.23-.33a6.84 6.84 0 01.77-.13z" fill="#fff" opacity=".7"/><path d="M172.27 352.4a5.43 5.43 0 01.35-1 3.86 3.86 0 01-.71-1.09 7 7 0 00-.54 1.06 8.6 8.6 0 00.9 1.03zM174.6 343.21a7.24 7.24 0 011.22-.59 5.7 5.7 0 01-.48-.92 7.31 7.31 0 00-1.36.63 6.94 6.94 0 00.62.88zM176.28 360.81l.87-.5a10.72 10.72 0 01-1.08-.52l-.93.53a7.2 7.2 0 00.85.39zM199.46 344.67a6.45 6.45 0 00-4.52-1.29 6 6 0 00-4.54 3.36 6.44 6.44 0 00-2.28.5 7.83 7.83 0 00-1.17.64 7.58 7.58 0 00-2.93 7.2c0 .31.09.61.15.91l.06.22.77-.44v-.24a7.81 7.81 0 011.08-5.11 5.7 5.7 0 012.07-1.86 6 6 0 011.79-.62 6.89 6.89 0 00-.33 2.28c0 2.08 1.26 5.36 3.67 5.63a2.84 2.84 0 003-2.22 5.47 5.47 0 00-.74-4.36 5.63 5.63 0 00-3.79-2.44 5.4 5.4 0 011.88-1.8 4.92 4.92 0 015.4.56c-1 2.46-.9 6.22 2.06 7.15s2.16-3.26 1.37-4.69a11.14 11.14 0 00-2.08-2.69 3.64 3.64 0 011.54-1.33 4.36 4.36 0 013.08-.1 5.62 5.62 0 014.08 5.21.36.36 0 10.72.06c.67-5.2-7.35-9.09-10.34-4.53zm-6.46 3.7a4.16 4.16 0 012.23 2.94c.21 1.1.1 2.61-1 3.19-2 1-3.14-1.77-3.45-3.24a5.87 5.87 0 01.38-3.4 4.84 4.84 0 011.84.51zm7.37-1.48a7.41 7.41 0 011.57 2.66c.14.47.54 1.84-.08 2.16-.36.2-1-.11-1.28-.31a2.47 2.47 0 01-1-1.28 5.44 5.44 0 01.08-3.43 3 3 0 01.13-.39c.21.2.41.39.58.59z" fill="currentColor"/><path d="M199.46 344.67a6.45 6.45 0 00-4.52-1.29 6 6 0 00-4.54 3.36 6.44 6.44 0 00-2.28.5 7.83 7.83 0 00-1.17.64 7.58 7.58 0 00-2.93 7.2c0 .31.09.61.15.91l.06.22.77-.44v-.24a7.81 7.81 0 011.08-5.11 5.7 5.7 0 012.07-1.86 6 6 0 011.79-.62 6.89 6.89 0 00-.33 2.28c0 2.08 1.26 5.36 3.67 5.63a2.84 2.84 0 003-2.22 5.47 5.47 0 00-.74-4.36 5.63 5.63 0 00-3.79-2.44 5.4 5.4 0 011.88-1.8 4.92 4.92 0 015.4.56c-1 2.46-.9 6.22 2.06 7.15s2.16-3.26 1.37-4.69a11.14 11.14 0 00-2.08-2.69 3.64 3.64 0 011.54-1.33 4.36 4.36 0 013.08-.1 5.62 5.62 0 014.08 5.21.36.36 0 10.72.06c.67-5.2-7.35-9.09-10.34-4.53zm-6.46 3.7a4.16 4.16 0 012.23 2.94c.21 1.1.1 2.61-1 3.19-2 1-3.14-1.77-3.45-3.24a5.87 5.87 0 01.38-3.4 4.84 4.84 0 011.84.51zm7.37-1.48a7.41 7.41 0 011.57 2.66c.14.47.54 1.84-.08 2.16-.36.2-1-.11-1.28-.31a2.47 2.47 0 01-1-1.28 5.44 5.44 0 01.08-3.43 3 3 0 01.13-.39c.21.2.41.39.58.59z" fill="#fff" opacity=".7"/><path d="M188.91 348.21a5.68 5.68 0 011-.27 4.22 4.22 0 01.49-1.2 6.85 6.85 0 00-1.18.17 8.27 8.27 0 00-.31 1.3zM197.79 344.92a6 6 0 011.18.67 6.92 6.92 0 01.49-.93 7.66 7.66 0 00-1.31-.73 5.86 5.86 0 00-.36.99zM184.23 356.21l-.06-.22c-.06-.3-.11-.6-.15-.91l.95.45v.24z" fill="currentColor"/><path d="M185.94 245l-54.38 31.4a4.84 4.84 0 00-2.18 3.79v18.66c0 1.4 1 2 2.19 1.27l54.37-31.39a4.87 4.87 0 002.19-3.79v-18.67c0-1.39-.98-1.96-2.19-1.27z" fill="#455a64"/><path d="M184 253.23a4.7 4.7 0 01-2.19 3.64l-46.16 26.65c-1.21.69-2.19.2-2.19-1.11a4.7 4.7 0 012.19-3.64l46.16-26.65c1.19-.69 2.19-.2 2.19 1.11z" fill="currentColor"/><path d="M184 262.72a4.7 4.7 0 01-2.19 3.64L135.67 293c-1.21.7-2.19.21-2.19-1.1a4.7 4.7 0 012.19-3.64l46.16-26.65c1.17-.7 2.17-.2 2.17 1.11z" fill="#263238"/><path d="M181.83 261.61l-19.59 11.31v4.74l19.59-11.3a4.7 4.7 0 002.19-3.64c-.02-1.31-1.02-1.81-2.19-1.11zM110.54 201.07c-2.27-1.31-4.11-.12-4.11 2.68v100.38a9.4 9.4 0 004.11 7.44c2.27 1.32 4.11.12 4.11-2.67V208.51a9.43 9.43 0 00-4.11-7.44z" fill="currentColor"/><path d="M110.54 201.07c-2.27-1.31-4.11-.12-4.11 2.68v100.38a9.4 9.4 0 004.11 7.44c2.27 1.32 4.11.12 4.11-2.67V208.51a9.43 9.43 0 00-4.11-7.44z" opacity=".5"/><path d="M110.54 309.17a4.7 4.7 0 01-2.05-3.71V204.77c0-1.4.92-2 2.05-1.35a4.69 4.69 0 012 3.72v100.69c.05 1.4-.87 2-2 1.34z" fill="#37474f"/><path d="M110.54 309.17a4.7 4.7 0 01-2.05-3.71v-49.2l4.1 2.37v49.2c0 1.4-.92 2-2.05 1.34zM98.22 194c-2.27-1.32-4.11-.12-4.11 2.67V297a9.43 9.43 0 004.11 7.44c2.26 1.31 4.1.11 4.1-2.68V201.39a9.41 9.41 0 00-4.1-7.39z" fill="currentColor"/><path d="M98.22 194c-2.27-1.32-4.11-.12-4.11 2.67V297a9.43 9.43 0 004.11 7.44c2.26 1.31 4.1.11 4.1-2.68V201.39a9.41 9.41 0 00-4.1-7.39z" opacity=".5"/><path d="M98.22 302.06a4.7 4.7 0 01-2.06-3.72V197.65c0-1.4.92-2 2.06-1.34a4.7 4.7 0 012 3.71v100.69c.05 1.4-.87 2-2 1.35zM85.89 186.84c-2.27-1.31-4.11-.12-4.11 2.68V289.9a9.4 9.4 0 004.11 7.44c2.27 1.32 4.11.12 4.11-2.67V194.28a9.43 9.43 0 00-4.11-7.44z" fill="currentColor"/><path d="M85.89 186.84c-2.27-1.31-4.11-.12-4.11 2.68V289.9a9.4 9.4 0 004.11 7.44c2.27 1.32 4.11.12 4.11-2.67V194.28a9.43 9.43 0 00-4.11-7.44z" opacity=".5"/><path d="M85.89 294.94a4.7 4.7 0 01-2-3.71V190.54c0-1.4.92-2 2-1.35a4.7 4.7 0 012.11 3.72V293.6c-.06 1.4-1 2-2.11 1.34z" fill="#37474f"/><path d="M85.89 294.94a4.7 4.7 0 01-2-3.71v-73.12l4.11 2.38v73.11c-.06 1.4-1 2-2.11 1.34zM73.57 179.73c-2.27-1.32-4.11-.12-4.11 2.67v100.39a9.43 9.43 0 004.11 7.44c2.26 1.31 4.1.11 4.1-2.68V187.16a9.39 9.39 0 00-4.1-7.43z" fill="currentColor"/><path d="M73.57 179.73c-2.27-1.32-4.11-.12-4.11 2.67v100.39a9.43 9.43 0 004.11 7.44c2.26 1.31 4.1.11 4.1-2.68V187.16a9.39 9.39 0 00-4.1-7.43z" opacity=".5"/><path d="M73.57 287.83a4.7 4.7 0 01-2.06-3.72V183.42c0-1.4.92-2 2.06-1.34a4.7 4.7 0 012.05 3.71v100.69c0 1.4-.92 2-2.05 1.35z" fill="#37474f"/><path d="M73.57 287.83a4.7 4.7 0 01-2.06-3.72v-18.36l4.11 2.37v18.36c0 1.4-.92 2-2.05 1.35zM61.24 172.61c-2.27-1.32-4.11-.12-4.11 2.68v100.38a9.4 9.4 0 004.11 7.44c2.27 1.32 4.11.12 4.11-2.67V180.05a9.43 9.43 0 00-4.11-7.44z" fill="currentColor"/><path d="M61.24 172.61c-2.27-1.32-4.11-.12-4.11 2.68v100.38a9.4 9.4 0 004.11 7.44c2.27 1.32 4.11.12 4.11-2.67V180.05a9.43 9.43 0 00-4.11-7.44z" opacity=".5"/><path d="M61.24 280.71a4.7 4.7 0 01-2.05-3.71V176.3c0-1.39.92-2 2.05-1.34a4.7 4.7 0 012.06 3.72v100.69c0 1.39-.92 2-2.06 1.34z" fill="#37474f"/><path d="M61.24 280.71a4.7 4.7 0 01-2.05-3.71v-53.95l4.11 2.38v53.94c0 1.39-.92 2-2.06 1.34z" fill="currentColor"/><path d="M185.94 169.32l-54.38 31.39a4.82 4.82 0 00-2.18 3.79V267c0 1.39 1 2 2.19 1.26l54.37-31.39a4.87 4.87 0 002.19-3.79v-62.5c0-1.4-.98-1.96-2.19-1.26z" fill="#37474f"/><path d="M130 202.43a4.29 4.29 0 00-.59 2.07V267c0 1.39 1 2 2.19 1.26l54.37-31.39a4.58 4.58 0 001.59-1.72z" fill="#263238"/><path d="M131.56 200.71a4.82 4.82 0 00-2.18 3.79V267l54.37-31.39a4.87 4.87 0 002.18-3.8v-62.49z" fill="#455a64"/><g fill="currentColor"><path d="M149.47 217.14a1.1 1.1 0 01-.78-.31l-7.23-7a1.12 1.12 0 111.56-1.62l7.23 6.95a1.13 1.13 0 01-.78 1.94z"/><path d="M142.24 221.31a1.05 1.05 0 01-.48-.11 1.13 1.13 0 01-.54-1.5l7.23-15.3a1.12 1.12 0 011.5-.53 1.13 1.13 0 01.54 1.5l-7.23 15.3a1.13 1.13 0 01-1.02.64zM173.07 203.51a1.12 1.12 0 01-.78-.31l-7.23-6.95a1.13 1.13 0 011.57-1.63l7.22 6.95a1.14 1.14 0 010 1.6 1.1 1.1 0 01-.78.34z"/><path d="M165.84 207.69a1.2 1.2 0 01-.48-.11 1.14 1.14 0 01-.54-1.5l7.23-15.3a1.13 1.13 0 012 1L166.86 207a1.13 1.13 0 01-1.02.69zM141.92 238.65a1.14 1.14 0 01-1-.57 1.13 1.13 0 01.42-1.54l31.47-18.17a1.13 1.13 0 011.54.41 1.14 1.14 0 01-.42 1.55l-31.47 18.16a1 1 0 01-.54.16z"/><path d="M163.85 239.16a3.11 3.11 0 01-1.58-.42 4.17 4.17 0 01-1.81-3.79v-8.79a1.14 1.14 0 011.13-1.13 1.14 1.14 0 011.13 1.13V235a2.07 2.07 0 00.68 1.83 1.65 1.65 0 001.56-.24 7.85 7.85 0 003.37-6.14v-8.78a1.13 1.13 0 112.25 0v8.78a10.09 10.09 0 01-4.49 8.09 4.46 4.46 0 01-2.24.62z"/><path d="M165.52 233.5a1.13 1.13 0 01-1.13-1.13v-8.48a1.13 1.13 0 012.26 0v8.48a1.12 1.12 0 01-1.13 1.13z"/></g><path d="M66.16 363.4a2.11 2.11 0 011 1.67c0 .62-.43.87-1 .56a2.16 2.16 0 01-1-1.67c.03-.62.47-.87 1-.56zM74.24 368.07a2.11 2.11 0 011 1.67c0 .61-.43.86-1 .56a2.13 2.13 0 01-1-1.68c.03-.62.46-.86 1-.55zM82.17 372.65a2.1 2.1 0 011 1.66c0 .62-.43.87-1 .56a2.13 2.13 0 01-1-1.67c.04-.61.47-.86 1-.55zM90.18 377.27a2.13 2.13 0 011 1.66c0 .61-.43.86-1 .56a2.13 2.13 0 01-1-1.66c.04-.62.47-.83 1-.56zM56.74 315.92l8.26 4.71a5.17 5.17 0 012.32 4v4.71c0 1.48-1 2.09-2.32 1.34L56.74 326a5.16 5.16 0 01-2.33-4v-4.71c0-1.51 1.05-2.11 2.33-1.37z" fill="#37474f"/><path d="M59 321.23l1.07-.62a1.41 1.41 0 011.42.14 4.48 4.48 0 012 3.51 1.4 1.4 0 01-.59 1.3l-1 .57-.18-.3a1.81 1.81 0 01-.58-.22 4.46 4.46 0 01-2-3.5 2.06 2.06 0 01.06-.52z" fill="currentColor"/><path d="M59 321.23l1.07-.62a1.41 1.41 0 011.42.14 4.48 4.48 0 012 3.51 1.4 1.4 0 01-.59 1.3l-1 .57-.18-.3a1.81 1.81 0 01-.58-.22 4.46 4.46 0 01-2-3.5 2.06 2.06 0 01.06-.52z" opacity=".2"/><path d="M60.42 321.34a4.49 4.49 0 012 3.51c0 1.28-.91 1.81-2 1.16a4.47 4.47 0 01-2-3.5c-.02-1.29.89-1.81 2-1.17z" fill="currentColor"/><path d="M56.74 293.25L65 298a5.14 5.14 0 012.32 4v4.7c0 1.49-1 2.09-2.32 1.35l-8.21-4.72a5.15 5.15 0 01-2.33-4v-4.71c-.05-1.51 1-2.11 2.28-1.37z" fill="#455a64"/><path d="M59 298.56l1.07-.62a1.42 1.42 0 011.42.15 4.45 4.45 0 012 3.5 1.43 1.43 0 01-.59 1.31l-1 .57-.18-.3a2.12 2.12 0 01-.58-.23 4.45 4.45 0 01-2-3.5 2.12 2.12 0 01.06-.52z" fill="currentColor"/><path d="M59 298.56l1.07-.62a1.42 1.42 0 011.42.15 4.45 4.45 0 012 3.5 1.43 1.43 0 01-.59 1.31l-1 .57-.18-.3a2.12 2.12 0 01-.58-.23 4.45 4.45 0 01-2-3.5 2.12 2.12 0 01.06-.52z" opacity=".2"/><path d="M60.42 298.68a4.46 4.46 0 012 3.5c0 1.29-.91 1.81-2 1.17a4.51 4.51 0 01-2-3.51c-.02-1.29.89-1.84 2-1.16z" fill="currentColor"/><path d="M185.57 276.07l-38 21.95a5.66 5.66 0 00-2.55 4.43v5.17c0 1.62 1.14 2.28 2.55 1.47l38-21.95a5.67 5.67 0 002.56-4.43v-5.16c0-1.63-1.13-2.29-2.56-1.48z" fill="#455a64"/><path d="M185.43 280.45V283a1.13 1.13 0 01-.51.89l-.57.33c-.29.16-.52 0-.52-.29v-2.51a1.13 1.13 0 01.52-.89l.57-.33c.28-.2.51-.08.51.25zM182.85 281.94v2.5a1.13 1.13 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.29v-2.51a1.15 1.15 0 01.51-.89l.58-.33c.28-.16.51-.03.51.3zM180.27 283.42v2.51a1.15 1.15 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.3v-2.5a1.13 1.13 0 01.51-.89l.58-.33c.24-.13.51-.03.51.29zM177.69 284.91v2.51a1.11 1.11 0 01-.51.88l-.58.34c-.28.16-.51 0-.51-.3v-2.51a1.13 1.13 0 01.51-.88l.58-.33c.28-.17.51-.03.51.29z" fill="currentColor"/><path d="M175.1 286.4v2.51a1.1 1.1 0 01-.51.88l-.57.33c-.28.17-.51 0-.51-.29v-2.51a1.13 1.13 0 01.51-.88l.57-.33c.29-.17.51-.03.51.29zM172.52 287.89v2.51a1.13 1.13 0 01-.51.88l-.57.33c-.29.17-.51 0-.51-.29v-2.51a1.1 1.1 0 01.51-.88l.57-.34c.28-.16.51-.03.51.3z" fill="#37474f"/><path d="M169.94 289.38v2.5a1.13 1.13 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.29v-2.51a1.15 1.15 0 01.51-.89l.58-.33c.28-.16.51-.03.51.3zM167.36 290.87v2.5a1.13 1.13 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.3v-2.5a1.15 1.15 0 01.51-.89l.58-.33c.28-.16.51-.03.51.3zM164.78 292.35v2.51a1.15 1.15 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.3v-2.5a1.13 1.13 0 01.51-.89l.58-.33c.28-.16.51-.06.51.29z" fill="currentColor"/><path d="M162.2 293.84v2.51a1.1 1.1 0 01-.52.88l-.57.34c-.28.16-.51 0-.51-.3v-2.51a1.13 1.13 0 01.51-.88l.57-.33c.32-.17.52-.03.52.29z" fill="#37474f"/><path d="M159.61 295.33v2.51a1.13 1.13 0 01-.51.88l-.57.33c-.28.17-.51 0-.51-.29v-2.51a1.13 1.13 0 01.51-.88l.57-.33c.28-.17.51-.04.51.29zM157 296.82v2.51a1.13 1.13 0 01-.51.88l-.57.33c-.29.17-.51 0-.51-.29v-2.51a1.1 1.1 0 01.51-.88l.57-.34c.31-.16.51-.03.51.3z" fill="currentColor"/><path d="M154.45 298.31v2.5a1.13 1.13 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.29v-2.51a1.15 1.15 0 01.51-.89l.58-.33c.28-.16.51-.01.51.3z" fill="#37474f"/><path d="M151.87 299.8v2.5a1.13 1.13 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.3v-2.5a1.15 1.15 0 01.51-.89l.58-.33c.28-.16.51-.03.51.3z" fill="currentColor"/><path d="M149.29 301.28v2.51a1.15 1.15 0 01-.51.89l-.58.33c-.28.16-.51 0-.51-.3v-2.5a1.13 1.13 0 01.51-.89l.58-.33c.28-.16.51.01.51.29z" fill="#37474f"/><path d="M141.15 306.31l-1.06-.62a1.41 1.41 0 00-1.42.14 4.49 4.49 0 00-2 3.51 1.42 1.42 0 00.59 1.3l1 .56.18-.3a2 2 0 00.58-.22 4.49 4.49 0 002-3.5 2.66 2.66 0 00-.06-.52z" fill="#455a64"/><path d="M139.68 306.42a4.51 4.51 0 00-2 3.51c0 1.29.91 1.81 2 1.16a4.45 4.45 0 002-3.5c.02-1.29-.88-1.81-2-1.17z" fill="currentColor"/><path d="M139.68 306.42a4.51 4.51 0 00-2 3.51c0 1.29.91 1.81 2 1.16a4.45 4.45 0 002-3.5c.02-1.29-.88-1.81-2-1.17z" fill="#fff" opacity=".8"/><path d="M132.38 311.37l-1.07-.61a1.44 1.44 0 00-1.42.15 4.45 4.45 0 00-2 3.5 1.41 1.41 0 00.59 1.31l1 .57.18-.3a1.94 1.94 0 00.58-.23 4.45 4.45 0 002-3.5 2 2 0 00-.06-.51z" fill="#455a64"/><path d="M130.9 311.49a4.47 4.47 0 00-2 3.5c0 1.29.91 1.81 2 1.17a4.47 4.47 0 002-3.5c.03-1.29-.9-1.82-2-1.17z" fill="currentColor"/><path d="M130.9 311.49a4.47 4.47 0 00-2 3.5c0 1.29.91 1.81 2 1.17a4.47 4.47 0 002-3.5c.03-1.29-.9-1.82-2-1.17z" fill="#fff" opacity=".8"/><path d="M73.87 301.3l39.79 23a2.85 2.85 0 011.29 2.23v11c0 .82-.58 1.15-1.29.74l-39.79-23a2.83 2.83 0 01-1.29-2.27v-11c0-.78.57-1.11 1.29-.7z" fill="#455a64"/><path d="M75 306.14a2.74 2.74 0 001.29 2.14l34.95 20.17c.71.41 1.29.11 1.29-.66a2.77 2.77 0 00-1.29-2.14l-34.95-20.16c-.72-.41-1.29-.12-1.29.65z" fill="currentColor"/><path d="M75 311.73a2.74 2.74 0 001.29 2.14L111.24 334c.71.41 1.29.12 1.29-.65a2.77 2.77 0 00-1.29-2.14l-34.95-20.13c-.72-.41-1.29-.08-1.29.65z" fill="#263238"/><path d="M76.29 311.08l19.31 11.13V325l-19.31-11.13a2.74 2.74 0 01-1.29-2.14c0-.73.57-1.06 1.29-.65z" fill="currentColor"/><path d="M56.74 293.25L65 298a5.14 5.14 0 012.32 4v4.7c0 1.49-1 2.09-2.32 1.35l-8.21-4.72a5.15 5.15 0 01-2.33-4v-4.71c-.05-1.51 1-2.11 2.28-1.37z" fill="#37474f"/><path d="M59 298.56l1.07-.62a1.42 1.42 0 011.42.15 4.45 4.45 0 012 3.5 1.43 1.43 0 01-.59 1.31l-1 .57-.18-.3a2.12 2.12 0 01-.58-.23 4.45 4.45 0 01-2-3.5 2.12 2.12 0 01.06-.52z" fill="currentColor"/><path d="M59 298.56l1.07-.62a1.42 1.42 0 011.42.15 4.45 4.45 0 012 3.5 1.43 1.43 0 01-.59 1.31l-1 .57-.18-.3a2.12 2.12 0 01-.58-.23 4.45 4.45 0 01-2-3.5 2.12 2.12 0 01.06-.52z" opacity=".2"/><path d="M60.42 298.68a4.46 4.46 0 012 3.5c0 1.29-.91 1.81-2 1.17a4.51 4.51 0 01-2-3.51c-.02-1.29.89-1.84 2-1.16z" fill="currentColor"/><path d="M73.87 301.3l39.79 23a2.85 2.85 0 011.29 2.23v11c0 .82-.58 1.15-1.29.74l-39.79-23a2.83 2.83 0 01-1.29-2.27v-11c0-.78.57-1.11 1.29-.7z" fill="#37474f"/><path d="M75 306.14a2.74 2.74 0 001.29 2.14l34.95 20.17c.71.41 1.29.11 1.29-.66a2.77 2.77 0 00-1.29-2.14l-34.95-20.16c-.72-.41-1.29-.12-1.29.65z" fill="currentColor"/><path d="M75 311.73a2.74 2.74 0 001.29 2.14L111.24 334c.71.41 1.29.12 1.29-.65a2.77 2.77 0 00-1.29-2.14l-34.95-20.13c-.72-.41-1.29-.08-1.29.65z" fill="#263238"/><path d="M76.29 311.08l19.31 11.13V325l-19.31-11.13a2.74 2.74 0 01-1.29-2.14c0-.73.57-1.06 1.29-.65z" fill="currentColor"/><path d="M73.87 324l39.79 23a2.89 2.89 0 011.29 2.24v11c0 .82-.58 1.15-1.29.74L73.87 338a2.84 2.84 0 01-1.29-2.24v-11c0-.76.57-1.14 1.29-.76z" fill="#37474f"/><path d="M75 328.87a2.74 2.74 0 001.29 2.13l34.95 20.16c.71.42 1.29.12 1.29-.65a2.77 2.77 0 00-1.29-2.14l-34.95-20.15c-.72-.41-1.29-.12-1.29.65z" fill="currentColor"/><path d="M75 334.46a2.74 2.74 0 001.29 2.14l34.95 20.16c.71.41 1.29.12 1.29-.65a2.77 2.77 0 00-1.29-2.14l-34.95-20.16c-.72-.41-1.29-.12-1.29.65z" fill="#263238"/><path d="M76.29 333.81l24.15 13.92v2.79L76.29 336.6a2.74 2.74 0 01-1.29-2.14c0-.77.57-1.06 1.29-.65z" fill="currentColor"/><path d="M56.74 338.72l8.26 4.71a5.15 5.15 0 012.32 4v4.71c0 1.48-1 2.08-2.32 1.34l-8.21-4.71a5.18 5.18 0 01-2.33-4v-4.71c-.05-1.48 1-2.06 2.28-1.34z" fill="#455a64"/><path d="M59 344l1.07-.62a1.41 1.41 0 011.42.14 4.46 4.46 0 012 3.5 1.41 1.41 0 01-.59 1.31l-1 .57-.18-.3a2.08 2.08 0 01-.58-.22 4.48 4.48 0 01-2-3.51 2 2 0 01.06-.51z" fill="currentColor"/><path d="M59 344l1.07-.62a1.41 1.41 0 011.42.14 4.46 4.46 0 012 3.5 1.41 1.41 0 01-.59 1.31l-1 .57-.18-.3a2.08 2.08 0 01-.58-.22 4.48 4.48 0 01-2-3.51 2 2 0 01.06-.51z" opacity=".2"/><path d="M60.42 344.14a4.46 4.46 0 012 3.5c0 1.29-.91 1.81-2 1.17a4.47 4.47 0 01-2-3.5c-.02-1.31.89-1.81 2-1.17z" fill="currentColor"/><path d="M56.74 338.72l8.26 4.71a5.15 5.15 0 012.32 4v4.71c0 1.48-1 2.08-2.32 1.34l-8.21-4.71a5.18 5.18 0 01-2.33-4v-4.71c-.05-1.48 1-2.06 2.28-1.34z" fill="#37474f"/><path d="M59 344l1.07-.62a1.41 1.41 0 011.42.14 4.46 4.46 0 012 3.5 1.41 1.41 0 01-.59 1.31l-1 .57-.18-.3a2.08 2.08 0 01-.58-.22 4.48 4.48 0 01-2-3.51 2 2 0 01.06-.51z" fill="currentColor"/><path d="M59 344l1.07-.62a1.41 1.41 0 011.42.14 4.46 4.46 0 012 3.5 1.41 1.41 0 01-.59 1.31l-1 .57-.18-.3a2.08 2.08 0 01-.58-.22 4.48 4.48 0 01-2-3.51 2 2 0 01.06-.51z" opacity=".2"/><path d="M60.42 344.14a4.46 4.46 0 012 3.5c0 1.29-.91 1.81-2 1.17a4.47 4.47 0 01-2-3.5c-.02-1.31.89-1.81 2-1.17z" fill="currentColor"/><path d="M73.87 346.77l39.79 23A2.85 2.85 0 01115 372v11c0 .83-.58 1.16-1.29.75l-39.79-23a2.83 2.83 0 01-1.29-2.23v-11c-.05-.83.52-1.17 1.24-.75z" fill="#37474f"/><path d="M75 351.61a2.74 2.74 0 001.29 2.14l34.95 20.16c.71.41 1.29.12 1.29-.65a2.77 2.77 0 00-1.29-2.14L76.29 351c-.72-.46-1.29-.16-1.29.61z" fill="currentColor"/><path d="M75 357.19a2.76 2.76 0 001.29 2.15l34.95 20.16c.71.41 1.29.12 1.29-.65a2.79 2.79 0 00-1.29-2.15l-34.95-20.16c-.72-.41-1.29-.12-1.29.65z" fill="#263238"/><path d="M76.29 356.54l19.31 11.13v2.8l-19.31-11.13a2.76 2.76 0 01-1.29-2.15c0-.77.57-1.06 1.29-.65z" fill="currentColor"/><path d="M177.29 158.41l-53.07 30.64a3.07 3.07 0 01-2.74 0l-53.07-30.64a.84.84 0 010-1.59l53.07-29.58a3.07 3.07 0 012.74 0l53.07 29.58a.84.84 0 010 1.59z" opacity=".1"/><path d="M124.16 187.37l50.78-29.32a2.9 2.9 0 001.32-2.27v-1.71a2.91 2.91 0 00-1.32-2.28l-50.78-29.32a2.88 2.88 0 00-2.62 0l-50.78 29.32a2.91 2.91 0 00-1.32 2.28v1.71a2.9 2.9 0 001.32 2.27l50.78 29.32a2.88 2.88 0 002.62 0z" fill="currentColor"/><path d="M124.16 187.37l50.78-29.32a2.9 2.9 0 001.32-2.27v-1.71a2.91 2.91 0 00-1.32-2.28l-50.78-29.32a2.88 2.88 0 00-2.62 0l-50.78 29.32a2.91 2.91 0 00-1.32 2.28v1.71a2.9 2.9 0 001.32 2.27l50.78 29.32a2.88 2.88 0 002.62 0z" fill="#fff" opacity=".5"/><path d="M124.16 187.37l50.78-29.32a2.9 2.9 0 001.32-2.27v-1.71a2.91 2.91 0 00-1.32-2.28l-50.78-29.32a2.88 2.88 0 00-2.62 0l-50.78 29.32a2.91 2.91 0 00-1.32 2.28v1.71a2.9 2.9 0 001.32 2.27l50.78 29.32a2.88 2.88 0 002.62 0z" opacity=".05"/><path d="M174.94 153.31l-50.78 29.31a2.88 2.88 0 01-2.62 0l-50.78-29.31a.8.8 0 010-1.52l50.78-28.3a2.88 2.88 0 012.62 0l50.78 28.3a.8.8 0 010 1.52z" fill="currentColor"/><path d="M174.94 153.31l-50.78 29.31a2.88 2.88 0 01-2.62 0l-50.78-29.31a.8.8 0 010-1.52l50.78-28.3a2.88 2.88 0 012.62 0l50.78 28.3a.8.8 0 010 1.52z" fill="#fff" opacity=".7"/><path d="M122.85 182.94v4.74a2.67 2.67 0 001.31-.31l50.78-29.32a2.91 2.91 0 001.32-2.28v-1.71a2.92 2.92 0 00-1.07-2.1c.47.41.39 1-.25 1.34l-50.78 29.32a2.57 2.57 0 01-1.31.32z" fill="currentColor"/><path d="M122.85 182.94v4.74a2.67 2.67 0 001.31-.31l50.78-29.32a2.91 2.91 0 001.32-2.28v-1.71a2.92 2.92 0 00-1.07-2.1c.47.41.39 1-.25 1.34l-50.78 29.32a2.57 2.57 0 01-1.31.32z" fill="#fff" opacity=".6"/><path d="M124.16 173.14l34.35-19.83a2.89 2.89 0 001.31-2.28v-1.71a2.88 2.88 0 00-1.31-2.27l-22-12.72a8.71 8.71 0 01-2.22-2l-10.52-14.17a1.74 1.74 0 00-2.21-.46l-34.37 19.86a2.89 2.89 0 00-1.31 2.27V151a2.92 2.92 0 001.31 2.28l34.35 19.83a2.88 2.88 0 002.62.03z" fill="#263238"/><path d="M121.54 168.39l-22-12.71a7.19 7.19 0 01-1.15-.85 7.87 7.87 0 01-1.07-1.13l-10.54-14.17a1.31 1.31 0 01.41-2l34.35-19.83a1.74 1.74 0 012.21.46l10.52 14.17a8.28 8.28 0 002 2l22.2 12.64a.79.79 0 010 1.51l-34.35 19.83a2.88 2.88 0 01-2.58.08z" fill="#455a64"/><path d="M87.19 137.56l34.35-19.83a1.74 1.74 0 012.21.46l10.52 14.17a8 8 0 001.08 1.12s-37 21.35-37 21.34a7.84 7.84 0 01-1.07-1.12l-10.5-14.17a1.31 1.31 0 01.41-1.97z" fill="#37474f"/><path d="M150.18 147.39a3.41 3.41 0 00-3.08 0c-.86.5-.86 1.29 0 1.78a3.41 3.41 0 003.08 0 .94.94 0 000-1.78zM144 151a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="currentColor"/><path d="M137.85 154.51a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78zM131.69 158.07a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><path d="M145.56 144.73a3.37 3.37 0 00-3.09 0 .93.93 0 000 1.77 3.37 3.37 0 003.09 0 .93.93 0 000-1.77z" fill="currentColor"/><path d="M139.39 148.28a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><ellipse cx="131.69" cy="152.73" rx="2.18" ry="1.26" fill="currentColor"/><path d="M127.07 155.4a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78zM140.93 142.06a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><path d="M134.77 145.62a3.35 3.35 0 00-3.08 0 .93.93 0 000 1.77 3.35 3.35 0 003.08 0 .93.93 0 000-1.77z" fill="currentColor"/><path d="M128.61 149.17a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><path d="M125.49 161.55a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="currentColor"/><ellipse cx="119.33" cy="159.77" rx="2.18" ry="1.26" fill="#263238"/><path d="M122.45 152.73a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><path d="M136.31 139.39a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="currentColor"/><path d="M130.15 143a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><path d="M124 146.51a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="currentColor"/><path d="M117.83 150.06a3.41 3.41 0 00-3.08 0c-.86.5-.86 1.29 0 1.78a3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><path d="M116.25 156.22a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="currentColor"/><path d="M111.63 153.55a3.41 3.41 0 00-3.08 0 .94.94 0 000 1.78 3.41 3.41 0 003.08 0 .94.94 0 000-1.78z" fill="#263238"/><path d="M122.78 168.71v4.73a2.72 2.72 0 001.38-.3l34.35-19.84a2.86 2.86 0 001.31-2.27v-1.71a2.89 2.89 0 00-1.07-2.1c.48.41.4 1-.24 1.34l-34.35 19.83a2.63 2.63 0 01-1.38.32z" fill="#37474f"/><path d="M129.73 131.76a1.17 1.17 0 00-1.48-.31l-29.92 17.22a.89.89 0 00-.27 1.32 1.18 1.18 0 001.48.31l29.88-17.26a.88.88 0 00.31-1.28z" fill="#263238"/><path d="M129.73 131.76a1.17 1.17 0 00-1.48-.31L106 144.24l1.24 1.67 22.21-12.83a.88.88 0 00.28-1.32z" fill="currentColor"/><path d="M127.26 128.45a1.16 1.16 0 00-1.48-.31l-29.92 17.22a.87.87 0 00-.27 1.31 1.16 1.16 0 001.48.31L127 129.77a.88.88 0 00.26-1.32z" fill="#263238"/><path d="M127.26 128.45a1.16 1.16 0 00-1.48-.31l-7.43 4.29 1.24 1.66 7.42-4.28a.88.88 0 00.25-1.36z" fill="currentColor"/><path d="M124.79 125.13a1.16 1.16 0 00-1.48-.31L93.39 142a.89.89 0 00-.27 1.32 1.16 1.16 0 001.48.3l29.88-17.25a.88.88 0 00.31-1.24z" fill="#263238"/><path d="M124.79 125.13a1.16 1.16 0 00-1.48-.31l-15.57 9 1.26 1.58 15.56-9a.88.88 0 00.23-1.27z" fill="currentColor"/><path d="M122.32 121.81a1.16 1.16 0 00-1.48-.3l-29.92 17.21a.88.88 0 00-.27 1.32 1.16 1.16 0 001.48.31L122 123.13a.88.88 0 00.32-1.32z" fill="#263238"/><path d="M122.32 121.81a1.16 1.16 0 00-1.48-.3l-27.16 15.62 1.24 1.66L122 123.13a.88.88 0 00.32-1.32z" fill="currentColor"/><g><path d="M132.4 412.71v7.54a.56.56 0 00.51.55l3.93.24v5.54a.33.33 0 00.19.28l4.15 2.39a1 1 0 00.52.11.83.83 0 00.39-.08l4.2-1.94a1.58 1.58 0 011-.06 24.6 24.6 0 003.26.78.78.78 0 01.61.59l.52 2.76a.69.69 0 00.23.37.62.62 0 00.39.14h6.09a.55.55 0 00.34-.13.19.19 0 00.08-.07.73.73 0 00.09-.08v-.06c0-.06.09-.1.1-.17l.53-2.76a.77.77 0 01.6-.59 24.23 24.23 0 003.26-.78 1.58 1.58 0 011 .06l4.2 1.94a.71.71 0 00.26 0h.15a1 1 0 00.4-.1l4.14-2.39a.41.41 0 00.15-.14.35.35 0 000-.11V421l3.86-.25h.07a.93.93 0 00.1-.05.53.53 0 00.26-.13.41.41 0 00.08-.19c0-.06.08-.11.08-.18v-10.11a.56.56 0 00-.52-.55l-3.93-.25v-5.53a.34.34 0 00-.19-.3l-4.14-2.39a1.14 1.14 0 00-.92 0l-4.2 1.94a1.5 1.5 0 01-1 .06 24.21 24.21 0 00-3.26-.77.79.79 0 01-.6-.59L159 399a.65.65 0 00-.61-.51h-6.09a.66.66 0 00-.62.51l-.52 2.77a.8.8 0 01-.61.59 24.58 24.58 0 00-3.26.77 1.51 1.51 0 01-1-.06l-4.2-1.94a1.11 1.11 0 00-.91 0l-4.14 2.39a.35.35 0 00-.2.3v5.52l-3.93.25a.56.56 0 00-.51.55v2.46a.41.41 0 000 .11zm15.91 2a15.48 15.48 0 0114 0q.44.25.81.51a8.14 8.14 0 01-.81.54 15.46 15.46 0 01-14 0 7.58 7.58 0 01-.81-.53 8.52 8.52 0 01.81-.56z" fill="currentColor"/><path d="M132.39 412.71v7.54a.55.55 0 00.51.54l3.93.25v5.54a.33.33 0 00.19.28l4.15 2.39a1 1 0 00.52.11.83.83 0 00.39-.08l4.2-1.94a1.46 1.46 0 01.4-.1 1.47 1.47 0 01.56 0 24.6 24.6 0 003.26.78.64.64 0 01.26.1.79.79 0 01.35.46l.52 2.76a.63.63 0 00.23.36.62.62 0 00.39.14h6.2a.69.69 0 00.4-.27v-.06c0-.06.09-.1.1-.17l.53-2.76a.7.7 0 01.24-.4.77.77 0 01.36-.18 24.23 24.23 0 003.26-.78 1.69 1.69 0 01.64 0 1.27 1.27 0 01.32.07l4.2 1.94a.71.71 0 00.26 0 1.07 1.07 0 00.65-.1l4.14-2.39.09-.06.07-.09a.27.27 0 000-.12v-5.54l.72-.05 3.14-.2h.07a.55.55 0 00.52-.54v-7a.55.55 0 01-.52.54l-5.52.35a1 1 0 00-.74.5 8.28 8.28 0 01-1.18 1.63.43.43 0 00.07.67l3.28 2.36a.31.31 0 010 .56l-4.14 2.39a1.1 1.1 0 01-.92 0l-4.2-1.94a1.57 1.57 0 00-1-.06 23.87 23.87 0 01-3.26.78.79.79 0 00-.6.59l-.53 2.76a.65.65 0 01-.61.51h-6.09a.66.66 0 01-.62-.51l-.52-2.76a.81.81 0 00-.61-.59 24.6 24.6 0 01-3.26-.78 1.58 1.58 0 00-1 .06l-4.2 1.94a1.07 1.07 0 01-.91 0l-4.08-2.31a.31.31 0 010-.56l3.28-2.36a.45.45 0 00.06-.68 7.89 7.89 0 01-1.17-1.62 1 1 0 00-.75-.5l-5.52-.34a.56.56 0 01-.51-.55v-.62a.43.43 0 000 .11zM136.85 403.82v5.52l1.59-.1a1 1 0 00.75-.5 8.17 8.17 0 011.17-1.62.45.45 0 00-.06-.68l-3.3-2.36a.37.37 0 01-.17-.26z" opacity=".3"/><path d="M147.51 415.19l.35-.25.41-.25a15.48 15.48 0 0114 0l.37.22c.15.1.3.19.44.3 3-2.25 2.76-5.49-.81-7.55a15.4 15.4 0 00-14 0c-3.53 2.04-3.8 5.34-.76 7.53z" opacity=".4"/><path d="M170.26 407.12a8.23 8.23 0 011.18 1.62 1 1 0 00.74.5l1.59.1v-5.53a.39.39 0 01-.17.27l-3.28 2.36a.44.44 0 00-.06.68z" opacity=".3"/><path d="M168.52 401.09l-4.2 1.94a1.5 1.5 0 01-1 .06 24.21 24.21 0 00-3.26-.77.79.79 0 01-.6-.59L159 399a.65.65 0 00-.61-.51h-6.09a.66.66 0 00-.62.51l-.52 2.77a.8.8 0 01-.61.59 24.58 24.58 0 00-3.26.77 1.51 1.51 0 01-1-.06l-4.2-1.94a1.11 1.11 0 00-.91 0l-4.14 2.39a.31.31 0 000 .56l3.28 2.36a.45.45 0 01.06.68 8.17 8.17 0 00-1.17 1.62 1 1 0 01-.75.5l-5.52.35a.56.56 0 00-.51.55v3.08a.56.56 0 00.51.55l5.52.34a1 1 0 01.75.5 8.22 8.22 0 001.17 1.63.44.44 0 01-.06.67l-3.32 2.36a.31.31 0 000 .56l4.14 2.39a1.07 1.07 0 00.91 0l4.2-1.94a1.58 1.58 0 011-.06 24.6 24.6 0 003.26.78.78.78 0 01.61.59l.52 2.76a.66.66 0 00.62.51h6.09a.65.65 0 00.61-.51l.53-2.76a.77.77 0 01.6-.59 24.23 24.23 0 003.26-.78 1.57 1.57 0 011 .06l4.2 1.94a1.1 1.1 0 00.92 0l4.14-2.39a.31.31 0 000-.56l-3.28-2.36a.42.42 0 01-.06-.67 8.22 8.22 0 001.17-1.63 1 1 0 01.74-.5l5.52-.34a.56.56 0 00.52-.55v-3.08a.56.56 0 00-.52-.55l-5.52-.35a1 1 0 01-.74-.5 8.17 8.17 0 00-1.17-1.62.43.43 0 01.06-.68l3.28-2.36a.31.31 0 000-.56l-4.14-2.39a1.14 1.14 0 00-.95-.04zm-6.21 6.55c3.87 2.23 3.87 5.85 0 8.08a15.46 15.46 0 01-14 0c-3.87-2.23-3.87-5.85 0-8.08a15.46 15.46 0 0114 0z" fill="currentColor"/><path d="M173.77 419.55a.35.35 0 00-.16-.28l-1.61-1.19v-3.91a.9.9 0 01.22-.06l5.52-.35a.55.55 0 00.52-.54v7a.55.55 0 01-.52.54h-.07l-3.14.2-.72.05s-.03-1.36-.04-1.46z" fill="currentColor"/><path d="M173.77 419.55a.35.35 0 00-.16-.28l-1.61-1.19v-3.91a.9.9 0 01.22-.06l5.52-.35a.55.55 0 00.52-.54v7a.55.55 0 01-.52.54h-.07l-3.14.2-.72.05s-.03-1.36-.04-1.46z" opacity=".2"/><path d="M164 420.23a1.26 1.26 0 01.31.09l4.2 1.94a1.06 1.06 0 00.54.07v7a.88.88 0 01-.28 0 .71.71 0 01-.26 0l-4.2-1.94a1.29 1.29 0 00-.31-.07z" fill="currentColor"/><path d="M164 420.23a1.26 1.26 0 01.31.09l4.2 1.94a1.06 1.06 0 00.54.07v7a.88.88 0 01-.28 0 .71.71 0 01-.26 0l-4.2-1.94a1.29 1.29 0 00-.31-.07z" opacity=".2"/><path d="M158.89 424.59a.5.5 0 00.08-.2l.53-2.76a.49.49 0 01.08-.21v7a.54.54 0 00-.08.21l-.53 2.76c0 .06-.05.09-.08.14z" fill="currentColor"/><path d="M158.89 424.59a.5.5 0 00.08-.2l.53-2.76a.49.49 0 01.08-.21v7a.54.54 0 00-.08.21l-.53 2.76c0 .06-.05.09-.08.14z" opacity=".2"/><path d="M151.05 421.42a.66.66 0 01.08.21l.52 2.76a1.19 1.19 0 00.08.2v7a1.19 1.19 0 01-.08-.2l-.52-2.76a.64.64 0 00-.08-.19zM141.56 422.33a1.06 1.06 0 00.54-.07l4.2-1.94a1.35 1.35 0 01.32-.09v7a1 1 0 00-.32.08l-4.2 1.94a.83.83 0 01-.39.08h-.15zM132.92 413.77l5.52.34a1 1 0 01.23.06v3.91l-1.67 1.19a.36.36 0 00-.17.28V421l-3.93-.25a.55.55 0 01-.51-.54v-7.54a.43.43 0 010-.11v.62a.56.56 0 00.53.59z" opacity=".15"/><path d="M213.17 391.05v-5.1a.4.4 0 00-.09-.24l-1.55-2.16a.71.71 0 00-.63-.3l-4.06.68a1.3 1.3 0 01-.77-.22 9.1 9.1 0 00-.8-.51V380c0-.13-.12-.25-.32-.3l-4.12-1a.79.79 0 00-.66.12l-2 2.07a.88.88 0 01-.64.2 21.77 21.77 0 00-2.68 0 1.1 1.1 0 01-.73-.32l-1.76-1.77a.79.79 0 00-.68-.25l-4.28 1a.27.27 0 00-.22.28v3.21a9.23 9.23 0 00-1 .61 1.12 1.12 0 01-.7.12l-3.93-.66a.69.69 0 00-.62.18l-1.7 2.37a.15.15 0 000 .11v6.16a.29.29 0 000 .1v5a.41.41 0 00.09.26l1.55 2.16a.74.74 0 00.63.3l4-.69a1.26 1.26 0 01.78.23c.25.17.52.34.8.5v3.21c0 .14.12.26.32.31l4.11 1a.77.77 0 00.67-.13l2-2.07a.88.88 0 01.64-.2 24 24 0 002.68 0 1 1 0 01.72.31l1.77 1.85a.82.82 0 00.68.26l4.28-1a.29.29 0 00.22-.23v-3.26a11.2 11.2 0 001-.6 1 1 0 01.7-.13l3.93.67a.67.67 0 00.62-.19l1.7-2.37a.17.17 0 000-.11v-6.17zm-22.89.13c.19-.13.39-.26.61-.39a11.8 11.8 0 0110.64 0c.21.13.41.25.59.38a5.89 5.89 0 01-.64.42 11.82 11.82 0 01-8.16.92 9.18 9.18 0 01-2.41-.92c-.22-.13-.44-.27-.63-.41z" fill="currentColor"/><path d="M213.17 391.05v-5.1a.4.4 0 00-.09-.24l-1.55-2.16a.71.71 0 00-.63-.3l-4.06.68a1.3 1.3 0 01-.77-.22 9.1 9.1 0 00-.8-.51V380c0-.13-.12-.25-.32-.3l-4.12-1a.79.79 0 00-.66.12l-2 2.07a.88.88 0 01-.64.2 21.77 21.77 0 00-2.68 0 1.1 1.1 0 01-.73-.32l-1.76-1.77a.79.79 0 00-.68-.25l-4.28 1a.27.27 0 00-.22.28v3.21a9.23 9.23 0 00-1 .61 1.12 1.12 0 01-.7.12l-3.93-.66a.69.69 0 00-.62.18l-1.7 2.37a.15.15 0 000 .11v6.16a.29.29 0 000 .1v5a.41.41 0 00.09.26l1.55 2.16a.74.74 0 00.63.3l4-.69a1.26 1.26 0 01.78.23c.25.17.52.34.8.5v3.21c0 .14.12.26.32.31l4.11 1a.77.77 0 00.67-.13l2-2.07a.88.88 0 01.64-.2 24 24 0 002.68 0 1 1 0 01.72.31l1.77 1.85a.82.82 0 00.68.26l4.28-1a.29.29 0 00.22-.23v-3.26a11.2 11.2 0 001-.6 1 1 0 01.7-.13l3.93.67a.67.67 0 00.62-.19l1.7-2.37a.17.17 0 000-.11v-6.17zm-22.89.13c.19-.13.39-.26.61-.39a11.8 11.8 0 0110.64 0c.21.13.41.25.59.38a5.89 5.89 0 01-.64.42 11.82 11.82 0 01-8.16.92 9.18 9.18 0 01-2.41-.92c-.22-.13-.44-.27-.63-.41z" opacity=".3"/><path d="M179.23 386z" fill="currentColor"/><path d="M188.12 382.74c-.33.15-.64.31-.94.48V380a.28.28 0 000 .17l1 2a.38.38 0 01-.06.57z" opacity=".3"/><path d="M183.41 387.81a4 4 0 000 1.34.42.42 0 01-.27.47l-3.7 1.17a.26.26 0 00-.18.24v1.2-.09V386c0 .12.12.23.3.28l3.49 1.11a.49.49 0 01.36.42zM185.72 393v6.18h-.15l-4 .68a.47.47 0 01-.2 0v-6.18a.5.5 0 00.21 0l4.05-.68z" opacity=".15"/><path d="M187.15 400c-.28-.16-.55-.33-.8-.5a1.51 1.51 0 00-.63-.23V393a1.42 1.42 0 01.64.23 12.15 12.15 0 001.64.94c.24.12.37.33.29.49l-1.11 2.2a.3.3 0 000 .1c-.02.16-.03 3.04-.03 3.04z" opacity=".25"/><path d="M194.47 395.94v6.18a.55.55 0 00-.25.14l-2 2.07a.54.54 0 01-.36.14v-6.18a.55.55 0 00.37-.14l2-2.07a.76.76 0 01.24-.14z" opacity=".15"/><path d="M197.8 395.92v6.18a.61.61 0 00-.26 0 24 24 0 01-2.68 0 1 1 0 00-.39.06v-6.18a1.08 1.08 0 01.4-.06 21.78 21.78 0 002.68 0 .59.59 0 01.25 0z" opacity=".25"/><path d="M200.42 398.27v6.18a.86.86 0 01-.39-.23l-1.76-1.85a1.06 1.06 0 00-.47-.27v-6.18a1.16 1.16 0 01.47.27L200 398a.83.83 0 00.42.27z" opacity=".15"/><path d="M205.21 397.05v6.21a.29.29 0 01-.22.23l-4.28 1a.49.49 0 01-.29 0v-6.18a.54.54 0 00.3 0l4.28-1a.25.25 0 00.21-.26z" fill="currentColor"/><path d="M205.21 397.05v6.21a.29.29 0 01-.22.23l-4.28 1a.49.49 0 01-.29 0v-6.18a.54.54 0 00.3 0l4.28-1a.25.25 0 00.21-.26z" opacity=".2"/><path d="M206.59 393.05v6.18a.91.91 0 00-.42.13 11.2 11.2 0 01-1 .6v-3a.41.41 0 00-.05-.17l-1-2a.36.36 0 01.12-.51 11.52 11.52 0 001.9-1.09.87.87 0 01.45-.14z" opacity=".15"/><path d="M213.17 391.06v6.17a.17.17 0 010 .11l-1.7 2.37a.52.52 0 01-.29.17v-6.17a.66.66 0 00.3-.17l1.7-2.38a.21.21 0 00-.01-.1z" fill="currentColor"/><path d="M213.17 391.06v6.17a.17.17 0 010 .11l-1.7 2.37a.52.52 0 01-.29.17v-6.17a.66.66 0 00.3-.17l1.7-2.38a.21.21 0 00-.01-.1z" fill="currentColor"/><path d="M213.17 391.06v6.17a.17.17 0 010 .11l-1.7 2.37a.52.52 0 01-.29.17v-6.17a.66.66 0 00.3-.17l1.7-2.38a.21.21 0 00-.01-.1z" opacity=".2"/><path d="M187.18 380a.37.37 0 000 .16l1 2a.37.37 0 01-.13.52c-.33.15-.64.31-.94.48a9.23 9.23 0 00-1 .61 1.12 1.12 0 01-.7.12l-3.93-.66a.69.69 0 00-.62.18l-1.7 2.37a.15.15 0 000 .11c0 .11.12.21.3.27l3.49 1.11a.49.49 0 01.39.46 4 4 0 000 1.34.42.42 0 01-.27.47l-3.7 1.17a.25.25 0 00-.17.24.49.49 0 00.08.24l1.55 2.16a.76.76 0 00.64.3l4.05-.68a1.2 1.2 0 01.78.22 12.15 12.15 0 001.64.94c.24.12.37.33.29.49l-1.11 2.2c-.08.16.06.33.3.4l4.11 1a.77.77 0 00.67-.13l2-2.07a1 1 0 01.64-.2 24 24 0 002.68 0 1 1 0 01.72.31L200 398a.82.82 0 00.68.26l4.28-1a.29.29 0 00.17-.45l-1-2a.35.35 0 01.13-.51 11.84 11.84 0 001.89-1.09 1 1 0 01.71-.12l3.92.66a.69.69 0 00.63-.19l1.7-2.37a.14.14 0 000-.1v-.1a.47.47 0 00-.27-.19l-3.5-1.1c-.24-.08-.41-.29-.38-.47a4.56 4.56 0 000-1.33.43.43 0 01.27-.48l3.7-1.17a.23.23 0 00.17-.22.4.4 0 00-.09-.24l-1.55-2.16a.71.71 0 00-.63-.3l-4.06.68a1.3 1.3 0 01-.77-.22 9.1 9.1 0 00-.8-.51c-.27-.15-.55-.3-.84-.44s-.38-.33-.3-.48l1.12-2.21a.29.29 0 000-.09c0-.13-.12-.25-.32-.3l-4.12-1a.79.79 0 00-.66.12l-2 2.07a.88.88 0 01-.64.2 21.77 21.77 0 00-2.68 0 1.1 1.1 0 01-.73-.32l-1.67-1.83a.79.79 0 00-.68-.25l-4.28 1a.27.27 0 00-.22.25zm15.55 6.35a1.14 1.14 0 01.11.11l.07.07.15.19c.06.07.11.15.16.22l.09.15v.06a2.65 2.65 0 01-.21 3 4.45 4.45 0 01-1 1 5.89 5.89 0 01-.64.42 11.82 11.82 0 01-8.16.92 9.18 9.18 0 01-2.41-.92c-.22-.13-.44-.27-.63-.41a4.26 4.26 0 01-1.28-1.43.2.2 0 010-.08.36.36 0 010-.09.36.36 0 010-.09 2.66 2.66 0 01.38-2.63c1.59-2.21 6-3.27 9.82-2.35a7.61 7.61 0 013.55 1.87z" fill="currentColor"/></g><g><path d="M236.85 372.18c-.85.49-2.44.47-2.94 1.05v2.08l9.68-1.41 3.66 2.14-1.39 2.96-9.78-.65v2.08a6.19 6.19 0 00.66.42 16.48 16.48 0 0014.92.07c2.09-1.19 3.14-2.76 3.14-4.33v-2.08l-.58.09-.06-.11 36.63-21.15a16.63 16.63 0 0011-1.38 6.13 6.13 0 002.94-3.13v-2.13l-9.68 3.49-3.66-2.14 1.39-2.91 9.78-1.43v-2.09s-11.43-.76-15.58 1.6a6.89 6.89 0 00-2.59 2.39l-.55-.2v2.07a4 4 0 00.64 2.17l-36.61 21.15a16.6 16.6 0 00-11.02 1.38z" fill="#37474f"/><path fill="#37474f" d="M290.79 353.29l.01-2.09-36.64 21.15v2.09l36.63-21.15z"/><path d="M284.51 347.57l-36.63 21.15a16.57 16.57 0 00-11 1.38 6.1 6.1 0 00-2.94 3.13l9.68-1.42 3.66 2.15-1.39 2.91-9.78 1.43c.21.14.42.28.66.42a16.48 16.48 0 0014.92.06c3-1.73 3.87-4.26 2.5-6.43l36.63-21.15a16.57 16.57 0 0011-1.38 6.12 6.12 0 002.94-3.12l-9.68 1.41-3.66-2.11 1.39-2.9 9.78-1.44-.66-.42a16.51 16.51 0 00-14.92-.06c-3.01 1.69-3.87 4.22-2.5 6.39z" fill="#455a64"/><path fill="#263238" d="M292.2 346.42l-.78-.46 1.39-2.9 9.78-1.44v2.09l-9.78 1.43-.61 1.28zM246.47 375.59l.78-1.63-3.66-2.15-9.68 1.42v2.08l9.68-1.41 2.88 1.69z"/></g><g><path d="M259.26 403l7.66 13.26 25.83-14.91c1.06-.53 1.73-1.77 1.73-3.58a12 12 0 00-5.42-9.38 3.82 3.82 0 00-3.84-.38z" fill="currentColor"/><path d="M257.72 405.71c-.11 2-3 2.45-3 2.45l5.41 9.38s1.81-2.22 3.62-1.34c2.67 1.16 4.74-.28 4.74-3.46a12 12 0 00-5.42-9.39c-2.74-1.6-5.01-.53-5.35 2.36z" fill="currentColor"/><path d="M257.72 405.71c-.11 2-3 2.45-3 2.45l5.41 9.38s1.81-2.22 3.62-1.34c2.67 1.16 4.74-.28 4.74-3.46a12 12 0 00-5.42-9.39c-2.74-1.6-5.01-.53-5.35 2.36z" opacity=".05"/><path d="M256 407.76a5.79 5.79 0 01-1.29.4l5.41 9.38a6 6 0 011-.91 12.1 12.1 0 00-5.12-8.87z" opacity=".05"/><path d="M249.11 408.82l.45.79a5.69 5.69 0 00-.23 1.68 12 12 0 005.42 9.38 5.36 5.36 0 001.57.64l.45.78 1.81-1a3.81 3.81 0 001.58-3.51 12 12 0 00-5.41-9.38 3.81 3.81 0 00-3.83-.38z" fill="currentColor"/><path d="M258.36 418.59a12 12 0 00-5.42-9.39c-3-1.73-5.42-.32-5.42 3.13a12 12 0 005.42 9.38c2.99 1.73 5.42.29 5.42-3.12z" fill="currentColor"/><path d="M258.36 418.59a12 12 0 00-5.42-9.39c-3-1.73-5.42-.32-5.42 3.13a12 12 0 005.42 9.38c2.99 1.73 5.42.29 5.42-3.12z" opacity=".15"/><path d="M250.83 420a10.68 10.68 0 001.34 1.2l1.27-3.61-1.53-1.13z" opacity=".15"/><path d="M290.07 394a1.49 1.49 0 01-.55 2l-18.45 10.65a1.49 1.49 0 01-2-.55 1.49 1.49 0 01.55-2L288 393.47a1.49 1.49 0 012.07.53zM286.74 390.05a.87.87 0 01-.07 1.53l-18.79 10.85a2.06 2.06 0 01-2.18-.23.88.88 0 01.07-1.54l18.8-10.85a2 2 0 012.17.24zM291.84 398.89a.87.87 0 00-1.36-.71L271.68 409a2.06 2.06 0 00-.88 2 .87.87 0 001.36.71L291 400.89a2.05 2.05 0 00.84-2z" opacity=".2"/><path d="M205.43 440.47v3.61l9-2.93s1.81-3.32 3.61-4.37L252.39 417l1.05-3-1.05-.61-34.32 19.81a3.61 3.61 0 01-3.61-.19z" fill="#455a64"/><path d="M206.49 441.08v3.61l9-2.93s1.81-3.32 3.61-4.36l34.31-19.81V414l-34.31 19.81a3.59 3.59 0 01-3.61-.19z" fill="#37474f"/><path fill="#263238" d="M206.49 444.69l-1.06-.61v-3.61l1.06.61v3.61z"/><path fill="#455a64" d="M205.43 440.47l1.06.61 9.03-7.49-1.06-.61-9.03 7.49z"/></g><g><path d="M357.56 210c5.84-6 16.41-19.63 16.41-19.63l6-20.71c.15.06-3.05.07-4 0-6.46.43-8.36 1-12.38 5.38-3.19 3.49-15.36 20.12-19.6 25.71l-11.23-14.31c-2.69-4.07-2.25-8.62-3.65-11.94s-3.65-4.79-5.46-7.8-2.24-5-3.72-3.43.23 5.68.45 6.62 2.48 3.75-1.3 2.29-9.62-8.37-11.13-9.79-2.3.78-2 2.51-1.28 5.63-.69 8.49c.62 3 1.07 4.43 4 7.38 2.72 2.75 9.4 6.11 12 9.72s8.18 14.81 11.59 21.56c4.32 8.58 8 11.41 12.88 8.52s9.66-8.34 11.83-10.57z" fill="#ffa8a7"/><path d="M378.05 169.46a21.46 21.46 0 00-9.74 1.33c-3.51 1.58-5.89 5-9.31 9.56S347 196 347 196a25.79 25.79 0 0110.42 14.65l20.9-23.1z" fill="#e0e0e0"/><path d="M344 200.76a13.6 13.6 0 014 7.54s1.26-4.15-3.11-8.82z" fill="#f28f8f"/><path d="M398.16 169.39c2.27.55 8.37 1.33 12.39 2.48 3 .85 6 4.53 6.58 7.25 2 8.71.22 14.19-.52 21.82s-.79 45.7-.79 45.7c-4.23 8.26-36.28 9.94-51.79-1.39 0 0 1.9-50.68 1.9-58.57s4.38-17.36 16.48-18.07z" fill="#f5f5f5"/><path d="M384.46 144.43a1.68 1.68 0 101.67-1.74 1.71 1.71 0 00-1.67 1.74zM386.13 138.77l3.46 1.91a2.07 2.07 0 00-.8-2.75 1.93 1.93 0 00-2.66.84z" fill="#263238"/><path d="M384.88 154.65L381 156.1a2 2 0 002.63 1.29 2.17 2.17 0 001.25-2.74z" fill="#f28f8f"/><path d="M371.1 140.16l3.15-2.43a1.91 1.91 0 00-2.74-.42 2.09 2.09 0 00-.41 2.85zM371.81 144.43a1.62 1.62 0 101.62-1.68 1.65 1.65 0 00-1.62 1.68z" fill="#263238"/><path fill="#f28f8f" d="M380.58 141.64l-.55 10.18-5.32-1.81 5.87-8.37z"/><path d="M384.48 142.09l23.81-1.76c4.61 3.49 13.17 10.83 13.16 12.86v1.41a.48.48 0 01-.05.18c-.84 1.6-3.88 2.59-8.61 2.67-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63l1.2-.09z" fill="currentColor"/><path d="M384.48 142.09l23.81-1.76c4.61 3.49 13.17 10.83 13.16 12.86v1.41a.48.48 0 01-.05.18c-.84 1.6-3.88 2.59-8.61 2.67-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63l1.2-.09z" opacity=".2"/><path d="M408.29 141.67c4.81 3.65 14 11.5 13.11 13.11s-3.88 2.59-8.61 2.67c-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63z" fill="currentColor"/><path d="M408.29 141.67c4.81 3.65 14 11.5 13.11 13.11s-3.88 2.59-8.61 2.67c-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63z" opacity=".4"/><path d="M408.29 141.67c.08.69-2.35 2.13-2.35 2.13l.68-4.18z" fill="currentColor"/><path d="M408.29 141.67c.08.69-2.35 2.13-2.35 2.13l.68-4.18z" opacity=".3"/><path d="M402 127.76s3.72.52 5.09 3.32c1.18 2.44.76 8.33-.83 14.75a59.07 59.07 0 01-4 12 4.9 4.9 0 01-2.84 2.28l.19-7.62.28-5.3s-3.41-4.65-3.78-8.46c-.49-4.91.55-6.91.55-6.91z" fill="#263238"/><path d="M396 135.13a14.22 14.22 0 01-14.26 14.17c-7.85 0-13.74-6.47-13.71-14.32s5.95-14.14 13.8-14.11A14.22 14.22 0 01396 135.13z" fill="#263238"/><path d="M399.71 146.39c1.28 1.11 2.32-1.76 3.4-2.88s4.59-2.64 6.32 1.05-1.53 9-4.23 10.07a3.84 3.84 0 01-4.58-1.4v16.87c-4 7.29-11.18 7.07-15 6.65s-4.65-4.37-1.86-7.57v-5.22a30.05 30.05 0 01-6.41.31c-3.49-.55-5.32-3.19-6.36-7-1.69-6.08-2.36-16.3 0-28.11 3.91-3 17.48-2.53 25.69 2.68-.59 10.5 1.76 13.44 3.03 14.55z" fill="#ffa8a7"/><path d="M372.46 124a16.75 16.75 0 015.77-4 14.62 14.62 0 015.55-1.18c2.48 0 5-.37 7.43-.29 4.3.14 9.5 1.89 11.44 6.07.89 1.92 1 3.94-.72 5.26a12.14 12.14 0 01-5.24 2c-3.19.55-6.35 1.25-9.56 1.68a28.57 28.57 0 01-10.35-.15 13.61 13.61 0 01-4.5-1.92 12 12 0 01-1.94-1.62c-.23-.23-.84-.71-.91-1s.34-1 .51-1.26a15.87 15.87 0 012.52-3.59z" fill="#263238"/><path d="M383.79 164s7.81-1.54 10.54-3a9 9 0 003.78-3.72 12.37 12.37 0 01-2.15 4.39c-2 2.54-12.18 4.39-12.18 4.39z" fill="#f28f8f"/><path d="M385.9 143.76a1.65 1.65 0 101.65-1.71 1.68 1.68 0 00-1.65 1.71z" fill="#263238"/><path d="M382.14 156.42a1.65 1.65 0 101.65-1.71 1.67 1.67 0 00-1.65 1.71z" fill="#f28f8f"/><path d="M388.15 137.39l3.17 2.48A2.12 2.12 0 00391 137a2 2 0 00-2.85.39zM371.31 139.92l3.06-2.66a2 2 0 00-2.82-.27 2.14 2.14 0 00-.24 2.93zM372.35 143.27a1.65 1.65 0 101.65-1.71 1.68 1.68 0 00-1.65 1.71z" fill="#263238"/><path fill="#f28f8f" d="M381.39 140.45l-.62 11.68-5.54-1.46 6.16-10.22z"/><path d="M409.31 135.88a20.63 20.63 0 01-1 5.91 7.23 7.23 0 00-1.46-1.65 35 35 0 00-10.72-6.14c-9-3.48-19.5-4-27.89-1.06a18.87 18.87 0 011.12-5c3.06-8 9.25-12.15 19.13-11.12 11.57 1.18 21.13 7.6 20.82 19.06z" fill="currentColor"/><path d="M388.1 128.83c-2.69-.91-9.55-1.44-11.55-.81a12.35 12.35 0 01-2.41-2.66c-.94-1.49-.62-3.36.26-3.75s.94.78 4.35 2.47a5.68 5.68 0 01-.28-3.45c.56-1.38 1.73 1.1 4.27 2.71s5.04 2.41 5.36 5.49z" fill="#263238"/><path d="M423.2 162.72c2.24-1.84 15.82 14.25 10.14 18.88s-12.62-7-11.68-12.74 1.54-6.14 1.54-6.14z" fill="#37474f"/><path d="M434.12 153.68c-3.4-4.17-12.43-14.19-14.43-16s-3.2-1.57-4.44-2a10.28 10.28 0 01-3.71-2.32 22.53 22.53 0 01-1.79-2.1A32.4 32.4 0 00403 125c-2.68-1.85-5.62-3.22-8.36-5-1.64-1.05-3.42-2.82-1.56-4.63a4.48 4.48 0 012-1.07c4.65-1.22 8.81.22 13.45 1.2a39.46 39.46 0 015.93 1.73 10.13 10.13 0 012.65 1.38 36.9 36.9 0 014.35 4.4c3.19 3.91 5.89 5.12 9 7.83 3.67 3.17 20.12 14.8 23.59 18.26 2.88 2.87 2 5.24 1.62 6.06-2.05 4.71-4.49 6.46-7.37 9.44-.95 1-1.91 2-2.87 3-3.74 3.79-7.5 7.36-11.4 11-4.16 3.88-5.86 5.74-9.57 9.48a29.41 29.41 0 00-5.6 8.27c-6.71 1.53-11.29-12.67-8.89-20.9a10.64 10.64 0 013.9-5.13c6.84-5.46 20.25-16.64 20.25-16.64z" fill="#ffa8a7"/><path d="M434.12 153.68a17.86 17.86 0 008.51 5.34s-4.27 1.28-10.4-3.77z" fill="#f28f8f"/><path d="M410.55 171.87c1.53-1.2 5.25-3.76 12.65-9.15 0 0-1 2.56 1.21 8.7s6.42 9.88 8.93 10.18c0 0-4.11 3.66-7.85 7.74s-6.85 7-8.88 11.6c0 0-5.77-1.12-7.62-10.66-1.31-6.7-1.24-14.65 1.56-18.41z" fill="#e0e0e0"/><path d="M397.62 415.78c-.36.38-.13 3.14.32 3.77s3 2.73 7.64 2.81c4.45.08 8.38-.73 10.9-2.53s3.67-3.68 3.78-6.22-.3-5 .8-7c1-1.85 2.4-3.68 2.74-4.68a12.73 12.73 0 000-5.43z" fill="#263238"/><path d="M408.42 394.36a11.7 11.7 0 01-.39 2.84 25.51 25.51 0 01-2.42 5.7 23.18 23.18 0 01-1.7 2.71c-1.26 1.67-2.86 3.07-4.19 4.67a9.08 9.08 0 00-2.45 5.59c0 3.49 3.84 4.47 6.77 4.83a21.34 21.34 0 009.42-1 8.69 8.69 0 006-7.27c.11-1 0-2 .06-2.94a13.73 13.73 0 012.37-6.23 18.23 18.23 0 001.9-3.42c.79-2.2-.06-4.59-.76-6.7-.6-1.83-1.08-4-1.72-3.82v1.19c-.2.42-.66.72-.77 1.19a8.22 8.22 0 01-.45 1.46 3.77 3.77 0 01-1.45 1.79c-.12-1.31-.23-2.62-.35-3.93a1.79 1.79 0 00-.36-1.14 1.81 1.81 0 00-1.14-.42 24.67 24.67 0 00-7.47-.22 1.35 1.35 0 00-1 .49 1.44 1.44 0 00-.11.9 36 36 0 01.21 3.73z" fill="currentColor"/><path d="M408.42 394.36a11.7 11.7 0 01-.39 2.84 25.51 25.51 0 01-2.42 5.7 23.18 23.18 0 01-1.7 2.71c-1.26 1.67-2.86 3.07-4.19 4.67a9.08 9.08 0 00-2.45 5.59c0 3.49 3.84 4.47 6.77 4.83a21.34 21.34 0 009.42-1 8.69 8.69 0 006-7.27c.11-1 0-2 .06-2.94a13.73 13.73 0 012.37-6.23 18.23 18.23 0 001.9-3.42c.79-2.2-.06-4.59-.76-6.7-.6-1.83-1.08-4-1.72-3.82v1.19c-.2.42-.66.72-.77 1.19a8.22 8.22 0 01-.45 1.46 3.77 3.77 0 01-1.45 1.79c-.12-1.31-.23-2.62-.35-3.93a1.79 1.79 0 00-.36-1.14 1.81 1.81 0 00-1.14-.42 24.67 24.67 0 00-7.47-.22 1.35 1.35 0 00-1 .49 1.44 1.44 0 00-.11.9 36 36 0 01.21 3.73z" opacity=".2"/><path d="M405.18 403.66c1.25-1 4.15-1.21 5.74-1.13a9.74 9.74 0 014.6 1.34 1 1 0 001.32-.18 1 1 0 00-.18-1.47 9.77 9.77 0 00-5.17-1.61c-3.92-.06-5 .67-5 .67s-1.75 1.24-1.31 2.38zM402.4 407.38c1.57-1.05 4.77-1.08 6.37-1a9.15 9.15 0 014.48 1.43 1 1 0 001.32-.17 1 1 0 00-.18-1.48 10.2 10.2 0 00-5.29-1.75c-3.92-.06-4.9.79-4.9.79a3.24 3.24 0 00-1.8 2.18zM412.84 396.79a9.65 9.65 0 00-4.88.68c-.67.42-1.07 1.53-.61 1.79a9 9 0 014.32-.84 13 13 0 014.28.94 11.77 11.77 0 011.11.49.93.93 0 001.26-.47.87.87 0 00-.4-1.1 12.54 12.54 0 00-5.08-1.49z" fill="#455a64"/><path d="M343.7 401.82a4.22 4.22 0 00.34 3.08c.48.88 5.36 3.3 11.71 2.52a26.56 26.56 0 0012.95-5.32c2.35-1.74 4.86-2.18 8-2.53s5.52-1.45 6.13-3-.32-4-.32-4z" fill="#263238"/><path d="M368.47 381.6a13.6 13.6 0 01-1.69-.48 1.42 1.42 0 00-.95-.06 1.4 1.4 0 00-.62 1.1 16.25 16.25 0 01-.55 2.81 6.92 6.92 0 01-1.69 2 28.79 28.79 0 01-4.93 3.57c-2 1.23-4 2.21-6.12 3.3s-5 1.86-6.68 3.11c-2.41 1.82-2.51 6.08.43 7.6 2.54 1.32 9.1 2.53 15.79.24 3.65-1.24 7.54-5.42 12.38-6.06 3.07-.41 7.17-.89 9-3.34.67-1.08.08-4.09-.47-7.66-.49-3.2-.94-8.2-2-7.87 0 0-.38 1.18-.45 1.31a9.65 9.65 0 01-.85 1.14 11.13 11.13 0 01-.87.82 12.79 12.79 0 01-1.09 1.12 3.11 3.11 0 01-1.78.74 1.71 1.71 0 01-.89-.19c-.53-.3-.6-1-1-1.42a5.07 5.07 0 00-1.72-1.12 9.48 9.48 0 00-2.79-.56z" fill="currentColor"/><path d="M368.47 381.6a13.6 13.6 0 01-1.69-.48 1.42 1.42 0 00-.95-.06 1.4 1.4 0 00-.62 1.1 16.25 16.25 0 01-.55 2.81 6.92 6.92 0 01-1.69 2 28.79 28.79 0 01-4.93 3.57c-2 1.23-4 2.21-6.12 3.3s-5 1.86-6.68 3.11c-2.41 1.82-2.51 6.08.43 7.6 2.54 1.32 9.1 2.53 15.79.24 3.65-1.24 7.54-5.42 12.38-6.06 3.07-.41 7.17-.89 9-3.34.67-1.08.08-4.09-.47-7.66-.49-3.2-.94-8.2-2-7.87 0 0-.38 1.18-.45 1.31a9.65 9.65 0 01-.85 1.14 11.13 11.13 0 01-.87.82 12.79 12.79 0 01-1.09 1.12 3.11 3.11 0 01-1.78.74 1.71 1.71 0 01-.89-.19c-.53-.3-.6-1-1-1.42a5.07 5.07 0 00-1.72-1.12 9.48 9.48 0 00-2.79-.56z" opacity=".2"/><path d="M360.83 388.68A2.87 2.87 0 01363 387c1.39-.34 3.93.56 5.54 1.75a1.15 1.15 0 01-.06 1.91 1.14 1.14 0 01-1.32-.07 8.79 8.79 0 00-6.33-1.91zM356.61 391.35a3.3 3.3 0 012.63-1.54s3.67-.09 6.06 1.9a1.13 1.13 0 01-.06 1.85 1.08 1.08 0 01-1.27-.08 8.9 8.9 0 00-7.36-2.13zM351.92 393.81a3.69 3.69 0 012.74-1.41 9.86 9.86 0 015.81 1.94 1.13 1.13 0 01-.06 1.85 1.12 1.12 0 01-1.27-.08 8.42 8.42 0 00-7.22-2.3zM362.17 243.55c-.17 14.61.77 63.89 1.09 71.24.28 6.44 1.4 69.82 1.4 69.82 7.38 2.29 17.48-.08 17.48-.08s5.14-39.53 5.47-46.53a119.81 119.81 0 00-1-19.28l3.78-40.33s4.13 30.2 6.12 43.42c2.28 15.15 10.81 73.17 10.81 73.17 6.79 2.64 16.3-1.11 16.3-1.11s-.49-45.14-1.17-60.48c-.48-10.59-3.43-15.74-3.75-18.68 0 0-1.47-55-1.63-68.94-.1-9.34-1.11-19.6-1.11-19.6s-10.2.82-11.1-2.15 0-31.52.38-37.07c0 0-21.44-4.77-40-1.25.01-.04-2.89 43.24-3.07 57.85z" fill="#455a64"/><path d="M405.31 232c-.11 9.71 1.6 15.74 4.18 17.84s7.66 1.94 7.66 1.94v-1.45s-4.8.71-6.95-1.54-4.11-5.49-4.89-16.79zM372.31 196s11.13 0 21.66.72c0 0 .07 8.13-.84 11.09s-7.92 7.39-10.83 7.38c-2.52 0-9.53-5-10.08-7.62s.09-11.57.09-11.57zM390.37 278.35l-1-6.24c-3-.45-10.73-5.25-15.29-9.45a36.22 36.22 0 0012.79 11.78l.32 39.8zM410.55 171.87c-2-.51-3.13-.09-4.14 2.44s-2.17 10.75-2.56 18.44c0 0-4.63.84-7.84-.52 0 0 .39-10.1 1.47-15.31a18.61 18.61 0 011.5-4.44 4.64 4.64 0 015-2.53l7.32 1.34z" fill="#37474f"/><path d="M401.79 189.35a1.82 1.82 0 11-1.82-1.82 1.82 1.82 0 011.82 1.82z" fill="currentColor"/><path d="M383.76 169.18a8.43 8.43 0 00-7.44 5.13c-1.51 3.84-1.52 12.36-1.61 16.59a10.1 10.1 0 01-7.19 0s0-13.41 2.29-17.85 6.7-4.71 9-4.88a41.71 41.71 0 014.93 0z" fill="#37474f"/><path d="M373.13 187.93a1.82 1.82 0 11-1.82-1.82 1.82 1.82 0 011.82 1.82z" fill="currentColor"/></g><g><path d="M220.56 123.12c.27.39.58.79.91 1.2a3.65 3.65 0 001.2 1 3.49 3.49 0 001.71.33 5.26 5.26 0 002.35-.81 10.8 10.8 0 002.34-1.86 13.47 13.47 0 002-2.64 14.18 14.18 0 001.38-3.24 13.43 13.43 0 00.5-3.72c0-2-.52-3.42-1.56-4.12s-2.46-.52-4.25.52a6.7 6.7 0 00-1.56 1.26c-.49.52-.94 1-1.35 1.54l-1.14 1.42a3.47 3.47 0 01-.89.87l-9.15 5.29a.91.91 0 01-1.18 0 1.85 1.85 0 01-.41-1.48l1.76-33.29a5.72 5.72 0 01.5-2 2.89 2.89 0 011.09-1.39l25.12-14.51a.86.86 0 011.12.08 1.94 1.94 0 01.47 1.45v9.58a4.71 4.71 0 01-.47 2 2.91 2.91 0 01-1.12 1.36l-17.08 9.84-.41 8.28a21.2 21.2 0 012.44-2.9 14.35 14.35 0 013-2.33 15.18 15.18 0 016.31-2.2 7.62 7.62 0 015 1.24 9.55 9.55 0 013.35 4.76 24.94 24.94 0 011.2 8.43 39.65 39.65 0 01-1.32 10.34 40.32 40.32 0 01-3.64 9.11 35.8 35.8 0 01-5.43 7.43 30.63 30.63 0 01-6.69 5.31 17.17 17.17 0 01-7.14 2.53 8.28 8.28 0 01-5.31-1.18 9 9 0 01-3.35-4.21 17.42 17.42 0 01-1.23-6.47 3.8 3.8 0 01.38-1.62 2.52 2.52 0 01.91-1.12l7.46-4.3c.62-.36 1.1-.46 1.44-.29a1.84 1.84 0 01.74.51zM266.23 51.38q4.41-2.54 7.57-2.38a7.59 7.59 0 015.26 2.3 13.3 13.3 0 013.11 6 38.92 38.92 0 011.2 8.66q.12 3.83.12 8.07t-.12 8a60.14 60.14 0 01-1.2 10.05 43.56 43.56 0 01-3.11 9.61 37.46 37.46 0 01-5.26 8.37 27.9 27.9 0 01-7.57 6.36c-2.93 1.69-5.46 2.49-7.57 2.38a7.51 7.51 0 01-5.25-2.3 13.25 13.25 0 01-3.12-6 40 40 0 01-1.2-8.66Q249 98.23 249 94t.12-8.21a62.05 62.05 0 011.2-10 43.67 43.67 0 013.12-9.62 37.06 37.06 0 015.25-8.37 28.05 28.05 0 017.54-6.42zm6.28 36.51q.24-7.81 0-15.19a27.71 27.71 0 00-.44-3.9 6.86 6.86 0 00-1-2.71 2.6 2.6 0 00-1.9-1.09 5.06 5.06 0 00-2.94.89 10 10 0 00-2.93 2.5 12.82 12.82 0 00-1.88 3.3 20.17 20.17 0 00-1.06 3.91A32.37 32.37 0 00260 80q-.3 7.67 0 15.18a25.69 25.69 0 00.38 3.94 6.45 6.45 0 001.06 2.68 2.66 2.66 0 001.91 1.12 5 5 0 002.93-.88 10.28 10.28 0 002.94-2.51 13.43 13.43 0 001.91-3.32 17.28 17.28 0 001.05-3.91 33.37 33.37 0 00.33-4.41zM306.62 28.07c2.93-1.7 5.46-2.49 7.57-2.39a7.66 7.66 0 015.26 2.3 13.55 13.55 0 013.11 6 39.51 39.51 0 011.2 8.66q.12 3.83.12 8.07c0 2.83 0 5.51-.12 8a61.2 61.2 0 01-1.2 10 44.64 44.64 0 01-3.11 9.61 37.36 37.36 0 01-5.26 8.37 27.87 27.87 0 01-7.57 6.36c-2.94 1.7-5.46 2.49-7.57 2.39a7.64 7.64 0 01-5.26-2.3 13.45 13.45 0 01-3.11-6 39.51 39.51 0 01-1.2-8.66q-.12-3.64-.12-7.89c0-2.83 0-5.57.12-8.2a61.2 61.2 0 011.2-10.05 44.35 44.35 0 013.11-9.62 37.17 37.17 0 015.26-8.36 27.55 27.55 0 017.57-6.29zm6.28 36.5q.24-7.81 0-15.19a29.28 29.28 0 00-.44-3.9 6.75 6.75 0 00-1-2.7 2.55 2.55 0 00-1.88-1.13 5 5 0 00-2.93.88 10.12 10.12 0 00-2.97 2.47 13.08 13.08 0 00-1.88 3.3 19.88 19.88 0 00-1.05 3.9 32.37 32.37 0 00-.41 4.4q-.3 7.67 0 15.18a24.49 24.49 0 00.38 3.94 6.36 6.36 0 001.06 2.69 2.68 2.68 0 001.9 1.11 5 5 0 002.94-.88 10.08 10.08 0 002.93-2.51 13.23 13.23 0 001.91-3.31 18 18 0 001.06-3.82 35.52 35.52 0 00.38-4.43z" fill="currentColor"/><path d="M243.26 179.32a.29.29 0 01.39 0 .68.68 0 01.17.51v3.4a1.64 1.64 0 01-.17.7 1.06 1.06 0 01-.39.49l-9.87 5.69a.29.29 0 01-.39 0 .68.68 0 01-.17-.51v-20.7a1.64 1.64 0 01.17-.7 1.06 1.06 0 01.39-.49l9.7-5.6a.32.32 0 01.4 0 .69.69 0 01.16.51v3.4a1.62 1.62 0 01-.16.7 1.14 1.14 0 01-.4.49l-6.41 3.7v3.46l5.95-3.44a.33.33 0 01.4 0 .7.7 0 01.16.52v3.39a1.66 1.66 0 01-.16.71 1 1 0 01-.4.48l-5.95 3.44v3.59zM252.41 156.73a7.56 7.56 0 012.46-1 2.66 2.66 0 011.84.29 2.87 2.87 0 011.17 1.61 9.39 9.39 0 01.4 3 13.87 13.87 0 01-.64 4.36 11.55 11.55 0 01-1.83 3.48l2.58 6.13a.91.91 0 01.06.32 1.33 1.33 0 01-.14.57.84.84 0 01-.32.4l-2.83 1.63c-.28.16-.47.18-.59.06a1.62 1.62 0 01-.28-.42l-2.29-5.47-1.92 1.11v6.85a1.54 1.54 0 01-.17.71 1.08 1.08 0 01-.39.48l-2.73 1.58a.31.31 0 01-.39 0 .71.71 0 01-.17-.52v-20.72a1.68 1.68 0 01.17-.71 1.08 1.08 0 01.39-.48zm-2.35 11.07l2.35-1.36a4.46 4.46 0 001.45-1.35 3.83 3.83 0 00.57-2.19c0-.89-.19-1.4-.57-1.52a1.81 1.81 0 00-1.45.32l-2.35 1.36zM266.88 148.38a7.43 7.43 0 012.45-1 2.65 2.65 0 011.84.29 2.87 2.87 0 011.17 1.61 9.36 9.36 0 01.41 3 13.86 13.86 0 01-.65 4.36 11.33 11.33 0 01-1.83 3.48l2.58 6.13a.91.91 0 01.06.32 1.31 1.31 0 01-.13.57.8.8 0 01-.33.4l-2.83 1.63c-.27.16-.47.18-.59.06a1.62 1.62 0 01-.28-.42l-2.31-5.52-1.92 1.11v6.85a1.66 1.66 0 01-.16.71 1 1 0 01-.4.48l-2.72 1.57a.31.31 0 01-.4 0 .71.71 0 01-.17-.52v-20.66a1.68 1.68 0 01.17-.71 1 1 0 01.4-.48zm-2.36 11.07l2.36-1.36a4.42 4.42 0 001.44-1.35 3.83 3.83 0 00.57-2.19c0-.89-.19-1.4-.57-1.52a1.79 1.79 0 00-1.44.32l-2.36 1.36zM274.66 152.25a17.82 17.82 0 01.51-3.67 16.31 16.31 0 011.27-3.49 14.33 14.33 0 012-3 10.27 10.27 0 012.71-2.26 5.43 5.43 0 012.71-.87 3 3 0 012 .69 4.47 4.47 0 011.28 2 11.08 11.08 0 01.5 3.08c0 .91.05 1.86.05 2.86s0 1.95-.05 2.85a18.61 18.61 0 01-.5 3.67 16.62 16.62 0 01-1.28 3.5 13.54 13.54 0 01-2 3 10.55 10.55 0 01-2.71 2.24 5.61 5.61 0 01-2.71.89 2.91 2.91 0 01-2-.7 4.6 4.6 0 01-1.27-2 10.78 10.78 0 01-.51-3.09v-2.79c0-1-.03-1.98 0-2.91zm9.14.27v-1.31-1.45-1.42-1.2a5.57 5.57 0 00-.23-1.35 2 2 0 00-.49-.88 1.16 1.16 0 00-.8-.33 2.41 2.41 0 00-1.13.36 4.41 4.41 0 00-1.12.94 5.43 5.43 0 00-.8 1.25 6.79 6.79 0 00-.5 1.46 9.21 9.21 0 00-.22 1.6c0 .38-.05.8-.05 1.26v2.87c0 .44 0 .88.05 1.25a3.51 3.51 0 00.72 2.25q.63.69 1.92-.06a4.6 4.6 0 001.92-2.16 9.15 9.15 0 00.73-3.08zM296.28 131.4a7.47 7.47 0 012.46-1 2.66 2.66 0 011.84.29 2.85 2.85 0 011.16 1.62 9 9 0 01.41 3 13.87 13.87 0 01-.64 4.36 11.35 11.35 0 01-1.84 3.48l2.58 6.14a.87.87 0 01.07.31 1.34 1.34 0 01-.14.58.86.86 0 01-.32.39l-2.86 1.68c-.28.16-.48.17-.6.05a1.53 1.53 0 01-.27-.41l-2.32-5.53-1.91 1.11v6.85a1.65 1.65 0 01-.17.71 1 1 0 01-.39.48l-2.73 1.58a.29.29 0 01-.39 0 .66.66 0 01-.17-.51v-20.7a1.48 1.48 0 01.17-.7 1.06 1.06 0 01.39-.49zm-2.35 11.07l2.35-1.36a4.25 4.25 0 001.45-1.35 3.82 3.82 0 00.57-2.18q0-1.35-.57-1.53a1.85 1.85 0 00-1.45.32l-2.35 1.36zM210.63 172a.17.17 0 01-.23 0 .4.4 0 01-.09-.29v-12a1 1 0 01.09-.4.7.7 0 01.23-.29l1.58-.9a.16.16 0 01.22 0 .38.38 0 01.1.3v12a.88.88 0 01-.1.41.6.6 0 01-.22.28zM220 166.6a.29.29 0 01-.33 0 .59.59 0 01-.16-.17l-2.75-4.74V168a1 1 0 01-.1.41.55.55 0 01-.23.28l-1.57.91a.18.18 0 01-.23 0 .39.39 0 01-.1-.3v-12a.85.85 0 01.1-.4.55.55 0 01.23-.28l1.25-.73a.31.31 0 01.33 0 .49.49 0 01.16.17l2.75 4.74v-6.26a.91.91 0 01.1-.41.6.6 0 01.23-.28l1.57-.91a.18.18 0 01.23 0 .38.38 0 01.1.3v11.95a.88.88 0 01-.1.41.6.6 0 01-.23.28zM229.72 148a.18.18 0 01.23 0 .41.41 0 01.09.3v2a1 1 0 01-.09.41.67.67 0 01-.23.28l-2.12 1.22v9.49a1 1 0 01-.09.41.67.67 0 01-.23.28l-1.58.91a.18.18 0 01-.23 0 .41.41 0 01-.09-.3v-9.49l-2.12 1.22a.17.17 0 01-.22 0 .39.39 0 01-.1-.3v-2a.88.88 0 01.1-.41.59.59 0 01.22-.28zM237.45 153.56a.17.17 0 01.23 0 .41.41 0 01.09.3v2a1 1 0 01-.09.41.67.67 0 01-.23.28l-5.7 3.29a.18.18 0 01-.23 0 .41.41 0 01-.09-.3v-12a1 1 0 01.09-.41.67.67 0 01.23-.28l5.6-3.23a.18.18 0 01.23 0 .38.38 0 01.1.3v2a.88.88 0 01-.1.41.6.6 0 01-.23.28l-3.7 2.14v2l3.44-2a.17.17 0 01.23 0 .4.4 0 01.09.29v2a1 1 0 01-.09.41.61.61 0 01-.23.28l-3.44 2v2.07zM243 140.34a4 4 0 011.42-.56 1.49 1.49 0 011.06.16 1.69 1.69 0 01.67.93 5.31 5.31 0 01.24 1.75 8 8 0 01-.38 2.52 6.47 6.47 0 01-1.05 2l1.49 3.55a.57.57 0 010 .18.78.78 0 01-.07.33.57.57 0 01-.19.23l-1.64.94c-.16.1-.27.11-.34 0a1 1 0 01-.16-.25l-1.26-3.12-1.11.63v4a.86.86 0 01-.1.41.6.6 0 01-.22.28l-1.58.91a.18.18 0 01-.23 0 .43.43 0 01-.09-.3v-12a1 1 0 01.09-.4.55.55 0 01.23-.28zm-1.36 6.39l1.36-.79a2.47 2.47 0 00.83-.78 2.18 2.18 0 00.33-1.26c0-.52-.11-.81-.33-.88a1.07 1.07 0 00-.83.18l-1.36.79zM253.58 147.2q-.21.12-.33 0a.41.41 0 01-.16-.17l-2.76-4.74v6.26a1 1 0 01-.09.41.63.63 0 01-.23.27l-1.58.91a.17.17 0 01-.22 0 .38.38 0 01-.1-.3v-12a.86.86 0 01.1-.41.6.6 0 01.22-.28l1.25-.72a.31.31 0 01.34 0 .78.78 0 01.16.17l2.75 4.74v-6.26a.85.85 0 01.1-.4.6.6 0 01.22-.28l1.58-.91a.18.18 0 01.23 0 .41.41 0 01.09.3v11.95a1 1 0 01-.09.41.61.61 0 01-.23.28zM261.59 129.63c.15-.1.28-.1.36 0a.75.75 0 01.18.31l2.62 10.14a1 1 0 010 .25.78.78 0 01-.07.33.57.57 0 01-.19.23l-1.52.88c-.16.09-.27.1-.34 0a.39.39 0 01-.12-.24l-.34-1.34-3.2 1.85-.33 1.73a1.56 1.56 0 01-.13.38.82.82 0 01-.34.35l-1.52.88a.14.14 0 01-.18 0 .29.29 0 01-.08-.24 1.13 1.13 0 01.05-.3l2.62-13.18a2.46 2.46 0 01.17-.5.85.85 0 01.37-.42zm-1.95 9.21l1.95-1.13-1-3.87zM272 133.63a.18.18 0 01.23 0 .4.4 0 01.09.29v2a1 1 0 01-.09.4.61.61 0 01-.23.28l-5.57 3.22a.18.18 0 01-.23 0 .41.41 0 01-.09-.3v-12a1 1 0 01.09-.41.67.67 0 01.23-.28l1.58-.91a.17.17 0 01.22 0 .37.37 0 01.1.29v9.5zM279.3 119.21a3.21 3.21 0 011.41-.47 2 2 0 011.11.24 1.81 1.81 0 01.74.76 2.34 2.34 0 01.27 1.08.78.78 0 01-.07.33c-.06.11-.11.19-.18.22l-1.57.91a.42.42 0 01-.27.08.41.41 0 01-.21-.1.66.66 0 01-.12-.12.64.64 0 00-.22-.14 1 1 0 00-.36 0 1.54 1.54 0 00-.53.2 4.27 4.27 0 00-.44.3 3.23 3.23 0 00-.37.37 1.39 1.39 0 00-.26.44 1.27 1.27 0 00-.11.52.52.52 0 00.12.39.54.54 0 00.38.13 3.41 3.41 0 00.72-.11l1.1-.29a3.66 3.66 0 011.16-.15 1.34 1.34 0 01.82.32 1.59 1.59 0 01.49.82 5 5 0 01.16 1.41 6.42 6.42 0 01-.27 1.85 7.33 7.33 0 01-.78 1.71 7.69 7.69 0 01-1.17 1.49 7.32 7.32 0 01-1.49 1.13 3.59 3.59 0 01-1.49.53 2 2 0 01-1.16-.21 1.82 1.82 0 01-.71-.85 2.65 2.65 0 01-.29-1.22.67.67 0 01.08-.33.45.45 0 01.17-.22l1.58-.91a.42.42 0 01.26-.09.52.52 0 01.19.08l.15.16a.76.76 0 00.26.19.72.72 0 00.41.07 1.43 1.43 0 00.6-.22 4.58 4.58 0 001.07-.82 1.49 1.49 0 00.42-1c0-.19-.05-.31-.16-.37a.69.69 0 00-.46-.07 3.75 3.75 0 00-.8.15l-1.15.3a1.74 1.74 0 01-1.81-.32 3.31 3.31 0 01-.57-2.22 6.55 6.55 0 01.23-1.65 8.25 8.25 0 01.68-1.67 7.93 7.93 0 011.08-1.5 5.89 5.89 0 011.36-1.13zM290.6 122.87a.17.17 0 01.23 0 .4.4 0 01.09.29v2a1 1 0 01-.09.41.67.67 0 01-.23.28l-5.7 3.29a.18.18 0 01-.23 0 .4.4 0 01-.09-.29v-12a1 1 0 01.09-.41.67.67 0 01.23-.28l5.6-3.23a.17.17 0 01.23 0 .37.37 0 01.1.29v2a.86.86 0 01-.1.41.55.55 0 01-.23.28l-3.7 2.09v2l3.44-2a.18.18 0 01.23 0 .41.41 0 01.09.3v2a1 1 0 01-.09.4.61.61 0 01-.23.28l-3.44 2v2.07zM296.19 109.65a4.24 4.24 0 011.42-.56 1.54 1.54 0 011.06.16 1.74 1.74 0 01.68.94 5.51 5.51 0 01.23 1.74 8 8 0 01-.38 2.52 6.42 6.42 0 01-1.05 2l1.49 3.54a.57.57 0 010 .18.86.86 0 01-.07.34.47.47 0 01-.19.22l-1.63 1c-.16.09-.28.1-.35 0a1 1 0 01-.16-.24l-1.33-3.19-1.11.64v4a.85.85 0 01-.1.4.6.6 0 01-.22.28l-1.58.91a.18.18 0 01-.23 0 .41.41 0 01-.09-.3v-12a1 1 0 01.09-.41.61.61 0 01.23-.28zm-1.36 6.35l1.36-.78a2.58 2.58 0 00.83-.78 2.16 2.16 0 00.34-1.27c0-.52-.11-.81-.34-.88a1 1 0 00-.83.19l-1.36.78zM303.53 118.36c-.31.18-.52.06-.63-.37l-2.46-10.15a.61.61 0 000-.15v-.07a.67.67 0 01.08-.33.49.49 0 01.18-.23l1.52-.88c.16-.09.27-.1.34 0a.47.47 0 01.13.24l1.67 7.18 1.67-9.11a1.37 1.37 0 01.12-.38.86.86 0 01.35-.36l1.51-.87a.15.15 0 01.19 0 .33.33 0 01.08.24v.08a1.05 1.05 0 010 .18l-2.45 13a1.55 1.55 0 01-.64 1.11zM315.67 108.39a.18.18 0 01.23 0 .37.37 0 01.1.29v2a.85.85 0 01-.1.4.55.55 0 01-.23.28l-5.67 3.28a.18.18 0 01-.23 0 .39.39 0 01-.1-.3v-12a.85.85 0 01.1-.4.55.55 0 01.23-.28l5.6-3.24a.18.18 0 01.23 0 .41.41 0 01.09.3v2a1 1 0 01-.09.4.61.61 0 01-.23.28l-3.7 2.14v2l3.43-2a.17.17 0 01.23 0 .38.38 0 01.1.3v2a.88.88 0 01-.1.41.6.6 0 01-.23.28l-3.43 2v2.07zM321.26 95.17a4.56 4.56 0 011.42-.56 1.57 1.57 0 011.07.16 1.73 1.73 0 01.67.94 5.31 5.31 0 01.23 1.74 7.94 7.94 0 01-.37 2.52 6.43 6.43 0 01-1.06 2l1.49 3.54a.41.41 0 010 .19.8.8 0 01-.08.33.49.49 0 01-.19.23l-1.63.94c-.16.09-.27.1-.34 0a.78.78 0 01-.16-.24l-1.31-3.15-1.1.64v4a1 1 0 01-.1.41.67.67 0 01-.23.28L318 110a.18.18 0 01-.23 0 .38.38 0 01-.1-.3v-12a.88.88 0 01.1-.41.6.6 0 01.23-.28zm-1.35 6.39l1.35-.78a2.51 2.51 0 00.84-.78 2.2 2.2 0 00.33-1.26c0-.52-.11-.82-.33-.89a1.11 1.11 0 00-.84.19l-1.35.78zM252.08 191.4a1.47 1.47 0 00-2.18.27c-.67.83-.73 3.39-1 5.12a20.89 20.89 0 01-1.69 5.34 27.8 27.8 0 01-5.71 7.86 36.13 36.13 0 01-10.93 7.29 31.77 31.77 0 01-4.24 1.48c-1.43.39-3.35.43-4.58 1.24a.42.42 0 000 .62c1.5.62 3.34.35 4.9.14a25.91 25.91 0 005.79-1.6 35.36 35.36 0 0010.44-6.35 30.94 30.94 0 007.44-9.28 21.71 21.71 0 002.06-6.06 20.93 20.93 0 00.44-3.34 3.22 3.22 0 00-.74-2.73z" fill="#455a64"/></g></svg>
diff --git a/src/assets/svg-icon/sql.svg b/src/assets/svg-icon/sql.svg
new file mode 100644
index 0000000..61f97fb
--- /dev/null
+++ b/src/assets/svg-icon/sql.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="1711885013796" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9206" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M477.12 858.56l14.72-16.64a77.44 77.44 0 0 0 54.08 24c25.6 0 40.96-12.8 40.96-32s-14.08-26.56-32-34.88l-28.48-12.16a52.16 52.16 0 0 1 22.08-101.76 79.36 79.36 0 0 1 57.28 24l-12.8 15.68a64 64 0 0 0-44.48-18.24c-22.08 0-36.48 11.2-36.48 28.8s16.96 25.92 32 32l28.16 12.16A54.08 54.08 0 0 1 611.84 832a58.88 58.88 0 0 1-66.24 55.36 93.76 93.76 0 0 1-68.48-28.8zM810.24 928a96 96 0 0 1-28.16 4.16 74.24 74.24 0 0 1-71.68-46.4c-42.56-4.8-70.4-42.56-70.4-99.84 0-62.4 34.56-100.48 83.52-100.48s83.2 38.08 83.2 100.48c0 56.32-27.52 93.44-68.8 100.8a50.24 50.24 0 0 0 47.68 25.92 68.8 68.8 0 0 0 20.8-2.88z m-87.68-61.44c34.88 0 57.92-32 57.92-81.6s-23.04-79.04-57.92-79.04-58.24 30.08-58.24 79.04 23.04 82.56 58.24 82.56zM848 688.96h24.64V864h85.44v21.12H848zM444.16 377.28c-192 0-387.2-52.8-387.2-153.92s194.56-154.24 387.2-154.24S832 121.92 832 224s-195.52 153.28-387.84 153.28z m0-244.16C234.88 133.12 120.96 192 120.96 224s113.92 89.92 323.2 89.92S768 253.76 768 224s-114.88-90.88-323.84-90.88z" p-id="9207"></path><path d="M444.16 554.88c-192 0-387.2-52.8-387.2-154.24a32 32 0 0 1 64 0c0 32 113.92 90.24 323.2 90.24S768 431.36 768 400.64a32 32 0 1 1 64 0c0 101.44-195.52 154.24-387.84 154.24zM444.16 732.48c-192 0-387.2-53.12-387.2-154.24a32 32 0 0 1 64 0c0 32 113.92 90.24 323.2 90.24a32 32 0 1 1 0 64zM444.16 932.16c-192 0-387.2-52.8-387.2-153.92a32 32 0 0 1 64 0c0 30.4 113.92 89.92 323.2 89.92a32 32 0 0 1 0 64z" p-id="9208"></path><path d="M800 699.2a32 32 0 0 1-32-32V234.24a32 32 0 0 1 64 0v432.96a32 32 0 0 1-32 32zM88.96 821.12a32 32 0 0 1-32-32V234.24a32 32 0 0 1 64 0v554.88a32 32 0 0 1-32 32z" p-id="9209"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/table.svg b/src/assets/svg-icon/table.svg
new file mode 100644
index 0000000..ff4a5d7
--- /dev/null
+++ b/src/assets/svg-icon/table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64v-96h160v96zm0-160H64v-96h160v96zm224 160H288v-96h160v96zm0-160H288v-96h160v96z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icon/wind.svg b/src/assets/svg-icon/wind.svg
new file mode 100644
index 0000000..7c90590
--- /dev/null
+++ b/src/assets/svg-icon/wind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wind"><path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"></path></svg>
diff --git a/src/assets/svg-icon/xlsx.svg b/src/assets/svg-icon/xlsx.svg
new file mode 100644
index 0000000..fb33994
--- /dev/null
+++ b/src/assets/svg-icon/xlsx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024"><path d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494zM514.1 580.1l-61.8-102.4c-2.2-3.6-6.1-5.8-10.3-5.8h-38.4c-2.3 0-4.5.6-6.4 1.9c-5.6 3.5-7.3 10.9-3.7 16.6l82.3 130.4l-83.4 132.8a12.04 12.04 0 0 0 10.2 18.4h34.5c4.2 0 8-2.2 10.2-5.7L510 664.8l62.3 101.4c2.2 3.6 6.1 5.7 10.2 5.7H620c2.3 0 4.5-.7 6.5-1.9c5.6-3.6 7.2-11 3.6-16.6l-84-130.4l85.3-132.5a12.04 12.04 0 0 0-10.1-18.5h-35.7c-4.2 0-8.1 2.2-10.3 5.8l-61.2 102.3z" fill="currentColor"></path></svg>
diff --git a/src/components/business/loading-empty-wrapper.vue b/src/components/business/loading-empty-wrapper.vue
new file mode 100644
index 0000000..6c49aac
--- /dev/null
+++ b/src/components/business/loading-empty-wrapper.vue
@@ -0,0 +1,97 @@
+<template>
+  <div v-if="reloadFlag" class="relative">
+    <slot></slot>
+    <div v-show="showPlaceholder" class="absolute-lt w-full h-full" :class="placeholderClass">
+      <div v-show="loading" class="absolute-center">
+        <n-spin :show="true" :size="loadingSize" />
+      </div>
+      <div v-show="isEmpty" class="absolute-center">
+        <div class="relative">
+          <icon-local-empty-data :class="iconClass" />
+          <p class="absolute-lb w-full text-center" :class="descClass">{{ emptyDesc }}</p>
+        </div>
+      </div>
+      <div v-show="!network" class="absolute-center">
+        <div class="relative" :class="{ 'cursor-pointer': showNetworkReload }" @click="handleReload">
+          <icon-local-network-error :class="iconClass" />
+          <p class="absolute-lb w-full text-center" :class="descClass">{{ networkErrorDesc }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, nextTick, onUnmounted, watch } from 'vue';
+import { NETWORK_ERROR_MSG } from '@/config';
+import { useBoolean } from '@/hooks';
+
+defineOptions({ name: 'LoadingEmptyWrapper' });
+
+interface Props {
+  /** 是否加载 */
+  loading: boolean;
+  /** 是否为空 */
+  empty?: boolean;
+  /** 加载图标的大小 */
+  loadingSize?: 'small' | 'medium' | 'large';
+  /** 中间占位符的class */
+  placeholderClass?: string;
+  /** 空数据描述文本 */
+  emptyDesc?: string;
+  /** 图标的class */
+  iconClass?: string;
+  /** 描述文本的class */
+  descClass?: string;
+  /** 显示网络异常的重试点击按钮 */
+  showNetworkReload?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  loading: false,
+  empty: false,
+  loadingSize: 'medium',
+  placeholderClass: 'bg-white dark:bg-dark transition-background-color duration-300 ease-in-out',
+  emptyDesc: '暂无数据',
+  iconClass: 'text-320px text-primary',
+  descClass: 'text-16px text-#666',
+  showNetworkReload: false
+});
+
+// 网络状态
+const { bool: network, setBool: setNetwork } = useBoolean(window.navigator.onLine);
+const { bool: reloadFlag, setBool: setReload } = useBoolean(true);
+
+// 数据是否为空
+const isEmpty = computed(() => props.empty && !props.loading && network.value);
+
+const showPlaceholder = computed(() => props.loading || isEmpty.value || !network.value);
+
+const networkErrorDesc = computed(() =>
+  props.showNetworkReload ? `${NETWORK_ERROR_MSG}, 点击重试` : NETWORK_ERROR_MSG
+);
+
+function handleReload() {
+  if (!props.showNetworkReload) return;
+  setReload(false);
+  nextTick(() => {
+    setReload(true);
+  });
+}
+
+const stopHandle = watch(
+  () => props.loading,
+  newValue => {
+    // 结束加载判断一下网络状态
+    if (!newValue) {
+      setNetwork(window.navigator.onLine);
+    }
+  }
+);
+
+onUnmounted(() => {
+  stopHandle();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/components/business/login-agreement.vue b/src/components/business/login-agreement.vue
new file mode 100644
index 0000000..60408ee
--- /dev/null
+++ b/src/components/business/login-agreement.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="w-full text-14px">
+    <n-checkbox v-model:checked="checked">我已经仔细阅读并接受</n-checkbox>
+    <n-button :text="true" type="primary" @click="handleClickProtocol">《用户协议》</n-button>
+    <n-button :text="true" type="primary" @click="handleClickPolicy">《隐私权政策》</n-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+defineOptions({ name: 'LoginAgreement' });
+
+interface Props {
+  /** 是否勾选 */
+  value?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  value: true
+});
+
+interface Emits {
+  (e: 'update:value', value: boolean): void;
+  /** 点击协议 */
+  (e: 'click-protocol'): void;
+  /** 点击隐私政策 */
+  (e: 'click-policy'): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const checked = computed({
+  get() {
+    return props.value;
+  },
+  set(newValue: boolean) {
+    emit('update:value', newValue);
+  }
+});
+
+function handleClickProtocol() {
+  emit('click-protocol');
+}
+function handleClickPolicy() {
+  emit('click-policy');
+}
+</script>
+
+<style scoped></style>
diff --git a/src/components/common/app-loading.vue b/src/components/common/app-loading.vue
new file mode 100644
index 0000000..167547a
--- /dev/null
+++ b/src/components/common/app-loading.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="fixed-center flex-col">
+    <system-logo class="text-128px text-primary" />
+    <div class="w-56px h-56px my-36px">
+      <div class="relative h-full animate-spin">
+        <div
+          v-for="(item, index) in lodingClasses"
+          :key="index"
+          class="absolute w-16px h-16px bg-primary rounded-8px animate-pulse"
+          :class="item"
+        ></div>
+      </div>
+    </div>
+    <h2 class="text-28px font-500 text-#646464">{{ title }}</h2>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useAppInfo } from '@/composables';
+import { localStg, getRgbOfColor } from '@/utils';
+import themeSettings from '@/settings/theme.json';
+
+const { title } = useAppInfo();
+
+const lodingClasses = [
+  'left-0 top-0',
+  'left-0 bottom-0 animate-delay-500',
+  'right-0 top-0 animate-delay-1000',
+  'right-0 bottom-0 animate-delay-1500'
+];
+
+function addThemeColorCssVars() {
+  const defaultColor = themeSettings.themeColor;
+  const themeColor = localStg.get('themeColor') || defaultColor;
+
+  const { r, g, b } = getRgbOfColor(themeColor);
+
+  const cssVars = `--primary-color: ${r},${g},${b}`;
+  document.documentElement.style.cssText = cssVars;
+}
+
+addThemeColorCssVars();
+</script>
+
+<style scoped></style>
diff --git a/src/components/common/dark-mode-container.vue b/src/components/common/dark-mode-container.vue
new file mode 100644
index 0000000..5bb8714
--- /dev/null
+++ b/src/components/common/dark-mode-container.vue
@@ -0,0 +1,22 @@
+<template>
+  <div
+    class="dark:bg-dark dark:text-white dark:text-opacity-82 transition-all"
+    :class="inverted ? 'bg-#001428 text-white' : 'bg-white text-#333639'"
+  >
+    <slot></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'DarkModeContainer' });
+
+interface Props {
+  inverted?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  inverted: false
+});
+</script>
+
+<style scoped></style>
diff --git a/src/components/common/dark-mode-switch.vue b/src/components/common/dark-mode-switch.vue
new file mode 100644
index 0000000..3342c48
--- /dev/null
+++ b/src/components/common/dark-mode-switch.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="flex-center text-18px cursor-pointer" @click="handleSwitch">
+    <icon-mdi-moon-waning-crescent v-if="darkMode" />
+    <icon-mdi-white-balance-sunny v-else />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+defineOptions({ name: 'DarkModeSwitch' });
+
+interface Props {
+  /** 暗黑模式 */
+  dark?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  dark: false
+});
+
+interface Emits {
+  (e: 'update:dark', darkMode: boolean): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const darkMode = computed({
+  get() {
+    return props.dark;
+  },
+  set(newValue: boolean) {
+    emit('update:dark', newValue);
+  }
+});
+
+function handleSwitch(event: MouseEvent) {
+  const x = event.clientX;
+  const y = event.clientY;
+  const endRadius = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
+  // @ts-expect-error: Transition API
+  if (!document.startViewTransition) {
+    darkMode.value = !darkMode.value;
+    return;
+  }
+  // @ts-expect-error: Transition API
+  const transition = document.startViewTransition(() => {
+    darkMode.value = !darkMode.value;
+  });
+  transition.ready.then(() => {
+    const clipPath = [`circle(0px at ${x}px ${y}px)`, `circle(${endRadius}px at ${x}px ${y}px)`];
+    document.documentElement.animate(
+      {
+        clipPath: darkMode.value ? clipPath : [...clipPath].reverse()
+      },
+      {
+        duration: 300,
+        easing: 'ease-in',
+        pseudoElement: darkMode.value ? '::view-transition-new(root)' : '::view-transition-old(root)'
+      }
+    );
+  });
+}
+</script>
+
+<style>
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+::view-transition-old(root) {
+  z-index: 9999;
+}
+::view-transition-new(root) {
+  z-index: 1;
+}
+.dark::view-transition-old(root) {
+  z-index: 1;
+}
+.dark::view-transition-new(root) {
+  z-index: 9999;
+}
+</style>
diff --git a/src/components/common/exception-base.vue b/src/components/common/exception-base.vue
new file mode 100644
index 0000000..78744ca
--- /dev/null
+++ b/src/components/common/exception-base.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="flex-col-center gap-24px min-h-520px wh-full overflow-hidden">
+    <div class="flex text-400px text-primary">
+      <icon-local-no-permission v-if="type === '403'" />
+      <icon-local-not-found v-if="type === '404'" />
+      <icon-local-service-error v-if="type === '500'" />
+    </div>
+    <router-link :to="{ name: routeHomePath }">
+      <n-button type="primary">回到首页</n-button>
+    </router-link>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { routeName } from '@/router';
+
+defineOptions({ name: 'ExceptionBase' });
+
+type ExceptionType = '403' | '404' | '500';
+
+interface Props {
+  /** 异常类型 403 404 500 */
+  type: ExceptionType;
+}
+
+defineProps<Props>();
+
+const routeHomePath = routeName('root');
+</script>
+
+<style scoped></style>
diff --git a/src/components/common/file-type-icon.vue b/src/components/common/file-type-icon.vue
new file mode 100644
index 0000000..e451474
--- /dev/null
+++ b/src/components/common/file-type-icon.vue
@@ -0,0 +1,27 @@
+<template>
+	<img v-if="type === 'csv'" :style="{'width': size + 'px'}" src="@/assets/images/file-type-csv.png" alt="" />
+	<img v-else-if="type === 'xlsx'" :style="{'width': size + 'px'}" src="@/assets/images/file-type-xlsx.png" alt="" />
+	<img v-else-if="type === 'doc' || type === 'docx'" :style="{'width': size + 'px'}" src="@/assets/images/file-type-word.png" alt="" />
+	<img v-else-if="type === 'md'" :style="{'width': size + 'px'}" src="@/assets/images/file-type-md.png" alt="" />
+	<img v-else-if="type === 'txt'" :style="{'width': size + 'px'}" src="@/assets/images/file-type-txt.png" alt="" />
+	<img v-else-if="type === 'pdf'" :style="{'width': size + 'px'}" src="@/assets/images/file-type-pdf.png" alt="" />
+	<img v-else :style="{'width': size + 'px'}" src="@/assets/images/file-type-unknown.png" alt="" />
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'FileTypeIcon' });
+
+interface Props {
+  /** 文件图标类型 */
+  type?: string;
+	size?: number;
+}
+
+withDefaults(defineProps<Props>(), {
+  type: '',
+	size: 18
+});
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/components/common/hover-container.vue b/src/components/common/hover-container.vue
new file mode 100644
index 0000000..1d198e2
--- /dev/null
+++ b/src/components/common/hover-container.vue
@@ -0,0 +1,48 @@
+<template>
+  <div v-if="showTooltip">
+    <n-tooltip :placement="placement" trigger="hover">
+      <template #trigger>
+        <div class="flex-center h-full cursor-pointer dark:hover:bg-#333" :class="contentClassName">
+          <slot></slot>
+        </div>
+      </template>
+      {{ tooltipContent }}
+    </n-tooltip>
+  </div>
+  <div v-else class="flex-center cursor-pointer dark:hover:bg-#333" :class="contentClassName">
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import type { PopoverPlacement } from 'naive-ui';
+
+defineOptions({ name: 'HoverContainer' });
+
+interface Props {
+  /** tooltip显示文本 */
+  tooltipContent?: string;
+  /** tooltip的位置 */
+  placement?: PopoverPlacement;
+  /** class类 */
+  contentClass?: string;
+  /** 反转模式下 */
+  inverted?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  tooltipContent: '',
+  placement: 'bottom',
+  contentClass: '',
+  inverted: false
+});
+
+const showTooltip = computed(() => Boolean(props.tooltipContent));
+
+const contentClassName = computed(
+  () => `${props.contentClass} ${props.inverted ? 'hover:bg-primary' : 'hover:bg-#f6f6f6'}`
+);
+</script>
+
+<style scoped></style>
diff --git a/src/components/common/naive-provider.vue b/src/components/common/naive-provider.vue
new file mode 100644
index 0000000..47bf846
--- /dev/null
+++ b/src/components/common/naive-provider.vue
@@ -0,0 +1,38 @@
+<template>
+  <n-loading-bar-provider>
+    <n-dialog-provider>
+      <n-notification-provider>
+        <n-message-provider>
+          <slot></slot>
+          <naive-provider-content />
+        </n-message-provider>
+      </n-notification-provider>
+    </n-dialog-provider>
+  </n-loading-bar-provider>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, h } from 'vue';
+import { useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui';
+
+defineOptions({ name: 'NaiveProvider' });
+
+// 挂载naive组件的方法至window, 以便在路由钩子函数和请求函数里面调用
+function registerNaiveTools() {
+  window.$loadingBar = useLoadingBar();
+  window.$dialog = useDialog();
+  window.$message = useMessage();
+  window.$notification = useNotification();
+}
+
+const NaiveProviderContent = defineComponent({
+  name: 'NaiveProviderContent',
+  setup() {
+    registerNaiveTools();
+  },
+  render() {
+    return h('div');
+  }
+});
+</script>
+<style scoped></style>
diff --git a/src/components/common/system-logo.vue b/src/components/common/system-logo.vue
new file mode 100644
index 0000000..5450c32
--- /dev/null
+++ b/src/components/common/system-logo.vue
@@ -0,0 +1,19 @@
+<template>
+  <icon-local-logo-fill v-if="fill" />
+  <icon-local-logo v-else />
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'SystemLogo' });
+
+interface Props {
+  /** logo是否填充 */
+  fill?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  fill: false
+});
+</script>
+
+<style scoped></style>
diff --git a/src/components/custom/better-scroll.vue b/src/components/custom/better-scroll.vue
new file mode 100644
index 0000000..9deb46f
--- /dev/null
+++ b/src/components/custom/better-scroll.vue
@@ -0,0 +1,50 @@
+<template>
+  <div ref="bsWrap" class="h-full text-left">
+    <div ref="bsContent" class="inline-block" :class="{ 'h-full': !isScrollY }">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue';
+import { useElementSize } from '@vueuse/core';
+import BScroll from '@better-scroll/core';
+import type { Options } from '@better-scroll/core';
+
+defineOptions({ name: 'BetterScroll' });
+
+interface Props {
+  /** better-scroll的配置: https://better-scroll.github.io/docs/zh-CN/guide/base-scroll-options.html */
+  options: Options;
+}
+
+const props = defineProps<Props>();
+
+const bsWrap = ref<HTMLElement>();
+const instance = ref<BScroll>();
+const bsContent = ref<HTMLElement>();
+const isScrollY = computed(() => Boolean(props.options.scrollY));
+
+function initBetterScroll() {
+  if (!bsWrap.value) return;
+  instance.value = new BScroll(bsWrap.value, props.options);
+}
+
+// 滚动元素发生变化，刷新BS
+const { width: wrapWidth } = useElementSize(bsWrap);
+const { width, height } = useElementSize(bsContent);
+watch([() => wrapWidth.value, () => width.value, () => height.value], () => {
+  if (instance.value) {
+    instance.value.refresh();
+  }
+});
+
+onMounted(() => {
+  initBetterScroll();
+});
+
+defineExpose({ instance });
+</script>
+
+<style scoped></style>
diff --git a/src/components/custom/count-to.vue b/src/components/custom/count-to.vue
new file mode 100644
index 0000000..73144b3
--- /dev/null
+++ b/src/components/custom/count-to.vue
@@ -0,0 +1,116 @@
+<template>
+  <span>{{ value }}</span>
+</template>
+<script lang="ts" setup>
+import { computed, onMounted, ref, watch, watchEffect } from 'vue';
+import { TransitionPresets, useTransition } from '@vueuse/core';
+import { isNumber } from '@/utils';
+
+defineOptions({ name: 'CountTo' });
+
+type TansitionKey = keyof typeof TransitionPresets;
+
+interface Props {
+  /** 初始值 */
+  startValue?: number;
+  /** 结束值 */
+  endValue?: number;
+  /** 动画时长 */
+  duration?: number;
+  /** 自动动画 */
+  autoplay?: boolean;
+  /** 进制 */
+  decimals?: number;
+  /** 前缀 */
+  prefix?: string;
+  /** 后缀 */
+  suffix?: string;
+  /** 分割符号 */
+  separator?: string;
+  /** 小数点 */
+  decimal?: string;
+  /** 使用缓冲动画函数 */
+  useEasing?: boolean;
+  /** 缓冲动画函数类型 */
+  transition?: TansitionKey;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  startValue: 0,
+  endValue: 2021,
+  duration: 1500,
+  autoplay: true,
+  decimals: 0,
+  prefix: '',
+  suffix: '',
+  separator: ',',
+  decimal: '.',
+  useEasing: true,
+  transition: 'linear'
+});
+
+interface Emits {
+  (e: 'on-started'): void;
+  (e: 'on-finished'): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const source = ref(props.startValue);
+let outputValue = useTransition(source);
+const value = computed(() => formatNumber(outputValue.value));
+const disabled = ref(false);
+
+function run() {
+  outputValue = useTransition(source, {
+    disabled,
+    duration: props.duration,
+    onStarted: () => emit('on-started'),
+    onFinished: () => emit('on-finished'),
+    ...(props.useEasing ? { transition: TransitionPresets[props.transition] } : {})
+  });
+}
+
+function start() {
+  run();
+  source.value = props.endValue;
+}
+
+function formatNumber(num: number | string) {
+  if (num !== 0 && !num) {
+    return '';
+  }
+  const { decimals, decimal, separator, suffix, prefix } = props;
+  let number = Number(num).toFixed(decimals);
+  number = String(number);
+
+  const x = number.split('.');
+  let x1 = x[0];
+  const x2 = x.length > 1 ? decimal + x[1] : '';
+  const rgx = /(\d+)(\d{3})/;
+  if (separator && !isNumber(separator)) {
+    while (rgx.test(x1)) {
+      x1 = x1.replace(rgx, `$1${separator}$2`);
+    }
+  }
+  return prefix + x1 + x2 + suffix;
+}
+
+watch([() => props.startValue, () => props.endValue], () => {
+  if (props.autoplay) {
+    start();
+  }
+});
+
+watchEffect(() => {
+  source.value = props.startValue;
+});
+
+onMounted(() => {
+  if (props.autoplay) {
+    start();
+  }
+});
+</script>
+
+<style scoped></style>
diff --git a/src/components/custom/github-link.vue b/src/components/custom/github-link.vue
new file mode 100644
index 0000000..c7f7e01
--- /dev/null
+++ b/src/components/custom/github-link.vue
@@ -0,0 +1,17 @@
+<template>
+  <web-site-link label="github地址：" :link="link" />
+</template>
+
+<script setup lang="ts">
+import WebSiteLink from './web-site-link.vue';
+
+defineOptions({ name: 'GithubLink' });
+
+interface Props {
+  /** github链接 */
+  link: string;
+}
+
+defineProps<Props>();
+</script>
+<style scoped></style>
diff --git a/src/components/custom/icon-select.vue b/src/components/custom/icon-select.vue
new file mode 100644
index 0000000..454501f
--- /dev/null
+++ b/src/components/custom/icon-select.vue
@@ -0,0 +1,77 @@
+<template>
+  <n-popover placement="bottom-end" trigger="click">
+    <template #trigger>
+      <n-input v-model:value="modelValue" readonly placeholder="点击选择图标">
+        <template #suffix>
+          <svg-icon :icon="selectedIcon" class="text-30px p-5px" />
+        </template>
+      </n-input>
+    </template>
+    <template #header>
+      <n-input v-model:value="searchValue" placeholder="搜索图标"></n-input>
+    </template>
+    <div v-if="iconsList.length > 0" class="grid grid-cols-9 h-auto overflow-auto">
+      <span v-for="iconItem in iconsList" :key="iconItem" @click="handleChange(iconItem)">
+        <svg-icon
+          :icon="iconItem"
+          class="border-1px border-#d9d9d9 text-30px m-2px p-5px cursor-pointer"
+          :class="{ 'border-primary': modelValue === iconItem }"
+        />
+      </span>
+    </div>
+    <n-empty v-else class="w-306px" description="你什么也找不到" />
+  </n-popover>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+
+defineOptions({ name: 'IconSelect' });
+
+interface Props {
+  /** 选中的图标 */
+  value: string;
+  /** 图标列表 */
+  icons: string[];
+  /** 未选中图标 */
+  emptyIcon?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  emptyIcon: 'mdi:apps'
+});
+
+interface Emits {
+  (e: 'update:value', val: string): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const modelValue = computed({
+  get() {
+    return props.value;
+  },
+  set(val: string) {
+    emit('update:value', val);
+  }
+});
+
+const selectedIcon = computed(() => modelValue.value || props.emptyIcon);
+
+const searchValue = ref('');
+
+const iconsList = computed(() => props.icons.filter(v => v.includes(searchValue.value)));
+
+function handleChange(iconItem: string) {
+  modelValue.value = iconItem;
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.n-input-wrapper) {
+  padding-right: 0;
+}
+:deep(.n-input__suffix) {
+  border: 1px solid #d9d9d9;
+}
+</style>
diff --git a/src/components/custom/image-verify.vue b/src/components/custom/image-verify.vue
new file mode 100644
index 0000000..6e2cc13
--- /dev/null
+++ b/src/components/custom/image-verify.vue
@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <canvas ref="domRef" width="152" height="40" class="cursor-pointer" @click="getImgCode"></canvas>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { watch } from 'vue';
+import { useImageVerify } from '@/hooks';
+
+defineOptions({ name: 'ImageVerify' });
+
+interface Props {
+  code?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  code: ''
+});
+
+interface Emits {
+  (e: 'update:code', code: string): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const { domRef, imgCode, setImgCode, getImgCode } = useImageVerify();
+
+watch(
+  () => props.code,
+  newValue => {
+    setImgCode(newValue);
+  }
+);
+watch(imgCode, newValue => {
+  emit('update:code', newValue);
+});
+
+defineExpose({ getImgCode });
+</script>
+
+<style scoped></style>
diff --git a/src/components/custom/svg-icon.vue b/src/components/custom/svg-icon.vue
new file mode 100644
index 0000000..cfd83fc
--- /dev/null
+++ b/src/components/custom/svg-icon.vue
@@ -0,0 +1,53 @@
+<template>
+  <template v-if="renderLocalIcon">
+    <svg aria-hidden="true" width="1em" height="1em" v-bind="bindAttrs">
+      <use :xlink:href="symbolId" fill="currentColor" />
+    </svg>
+  </template>
+  <template v-else>
+    <Icon v-if="icon" :icon="icon" v-bind="bindAttrs" />
+  </template>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs } from 'vue';
+import { Icon } from '@iconify/vue';
+
+defineOptions({ name: 'SvgIcon' });
+
+/**
+ * 图标组件
+ * - 支持iconify和本地svg图标
+ * - 同时传递了icon和localIcon，localIcon会优先渲染
+ */
+interface Props {
+  /** 图标名称 */
+  icon?: string;
+  /** 本地svg的文件名 */
+  localIcon?: string;
+}
+
+const props = defineProps<Props>();
+
+const attrs = useAttrs();
+
+const bindAttrs = computed<{ class: string; style: string }>(() => ({
+  class: (attrs.class as string) || '',
+  style: (attrs.style as string) || ''
+}));
+
+const symbolId = computed(() => {
+  const { VITE_ICON_LOCAL_PREFFIX: preffix } = import.meta.env;
+
+  const defaultLocalIcon = 'no-icon';
+
+  const icon = props.localIcon || defaultLocalIcon;
+
+  return `#${preffix}-${icon}`;
+});
+
+/** 渲染本地icon */
+const renderLocalIcon = computed(() => props.localIcon || !props.icon);
+</script>
+
+<style scoped></style>
diff --git a/src/components/custom/web-site-link.vue b/src/components/custom/web-site-link.vue
new file mode 100644
index 0000000..dd40674
--- /dev/null
+++ b/src/components/custom/web-site-link.vue
@@ -0,0 +1,23 @@
+<template>
+  <p>
+    <span>{{ label }}</span>
+    <a class="text-blue-500" :href="link" target="_blank">
+      {{ link }}
+    </a>
+  </p>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'WebSiteLink' });
+
+interface Props {
+  /** 网址名称 */
+  label: string;
+  /** 网址链接 */
+  link: string;
+}
+
+defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/composables/echarts.ts b/src/composables/echarts.ts
new file mode 100644
index 0000000..981016c
--- /dev/null
+++ b/src/composables/echarts.ts
@@ -0,0 +1,174 @@
+import { nextTick, effectScope, onScopeDispose, ref, watch } from 'vue';
+import type { ComputedRef, Ref } from 'vue';
+import * as echarts from 'echarts/core';
+import { BarChart, GaugeChart, LineChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts';
+import type {
+  BarSeriesOption,
+  GaugeSeriesOption,
+  LineSeriesOption,
+  PictorialBarSeriesOption,
+  PieSeriesOption,
+  RadarSeriesOption,
+  ScatterSeriesOption
+} from 'echarts/charts';
+import {
+  DatasetComponent,
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  TransformComponent
+} from 'echarts/components';
+import type {
+  DatasetComponentOption,
+  GridComponentOption,
+  LegendComponentOption,
+  TitleComponentOption,
+  ToolboxComponentOption,
+  TooltipComponentOption
+} from 'echarts/components';
+import { LabelLayout, UniversalTransition } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
+import { useElementSize } from '@vueuse/core';
+import { useThemeStore } from '@/store';
+
+export type ECOption = echarts.ComposeOption<
+  | BarSeriesOption
+  | LineSeriesOption
+  | PieSeriesOption
+  | ScatterSeriesOption
+  | PictorialBarSeriesOption
+  | RadarSeriesOption
+  | GaugeSeriesOption
+  | TitleComponentOption
+  | LegendComponentOption
+  | TooltipComponentOption
+  | GridComponentOption
+  | ToolboxComponentOption
+  | DatasetComponentOption
+>;
+
+echarts.use([
+  TitleComponent,
+  LegendComponent,
+  TooltipComponent,
+  GridComponent,
+  DatasetComponent,
+  TransformComponent,
+  ToolboxComponent,
+  BarChart,
+  LineChart,
+  PieChart,
+  ScatterChart,
+  PictorialBarChart,
+  RadarChart,
+  GaugeChart,
+  LabelLayout,
+  UniversalTransition,
+  CanvasRenderer
+]);
+
+/**
+ * Echarts hooks函数
+ * @param options - 图表配置
+ * @param renderFun - 图表渲染函数(例如：图表监听函数)
+ * @description 按需引入图表组件，没注册的组件需要先引入
+ */
+export function useEcharts(
+  options: Ref<ECOption> | ComputedRef<ECOption>,
+  renderFun?: (chartInstance: echarts.ECharts) => void
+) {
+  const theme = useThemeStore();
+
+  const domRef = ref<HTMLElement>();
+
+  const initialSize = { width: 0, height: 0 };
+  const { width, height } = useElementSize(domRef, initialSize);
+
+  let chart: echarts.ECharts | null = null;
+
+  function canRender() {
+    return initialSize.width > 0 && initialSize.height > 0;
+  }
+
+  function isRendered() {
+    return Boolean(domRef.value && chart);
+  }
+
+  function update(updateOptions: ECOption) {
+    if (isRendered()) {
+      chart?.clear();
+      chart!.setOption({ ...updateOptions, backgroundColor: 'transparent' });
+    }
+  }
+
+  async function render() {
+    if (domRef.value) {
+      const chartTheme = theme.darkMode ? 'dark' : 'light';
+      await nextTick();
+      chart = echarts.init(domRef.value, chartTheme);
+      if (renderFun) {
+        renderFun(chart);
+      }
+      update(options.value);
+    }
+  }
+
+  function resize() {
+    chart?.resize();
+  }
+
+  function destroy() {
+    chart?.dispose();
+  }
+
+  function updateTheme() {
+    destroy();
+    render();
+  }
+
+  const scope = effectScope();
+
+  scope.run(() => {
+    watch([width, height], ([newWidth, newHeight]) => {
+      initialSize.width = newWidth;
+      initialSize.height = newHeight;
+      if (newWidth === 0 && newHeight === 0) {
+        // 节点被删除 将chart置为空
+        chart = null;
+      }
+      if (canRender()) {
+        if (!isRendered()) {
+          render();
+        } else {
+          resize();
+        }
+      }
+    });
+
+    watch(
+      options,
+      newValue => {
+        update(newValue);
+      },
+      { deep: true }
+    );
+
+    watch(
+      () => theme.darkMode,
+      () => {
+        updateTheme();
+      }
+    );
+  });
+
+  onScopeDispose(() => {
+    destroy();
+    scope.stop();
+  });
+
+  return {
+    domRef
+  };
+}
diff --git a/src/composables/events.ts b/src/composables/events.ts
new file mode 100644
index 0000000..b8c326b
--- /dev/null
+++ b/src/composables/events.ts
@@ -0,0 +1,14 @@
+import { useEventListener } from '@vueuse/core';
+import { useTabStore, useThemeStore } from '@/store';
+
+/** 全局事件 */
+export function useGlobalEvents() {
+  const theme = useThemeStore();
+  const tab = useTabStore();
+
+  /** 页面离开时缓存多页签数据 */
+  useEventListener(window, 'beforeunload', () => {
+    theme.cacheThemeSettings();
+    tab.cacheTabRoutes();
+  });
+}
diff --git a/src/composables/icon.ts b/src/composables/icon.ts
new file mode 100644
index 0000000..abbfa88
--- /dev/null
+++ b/src/composables/icon.ts
@@ -0,0 +1,60 @@
+import { h } from 'vue';
+import SvgIcon from '~/src/components/custom/svg-icon.vue';
+
+/**
+ * 图标渲染
+ * - 用于vue的render函数
+ */
+export const useIconRender = () => {
+  interface IconConfig {
+    /**
+     * 图标名称(iconify图标的名称)
+     * - 例如：mdi-account 或者 mdi:account
+     */
+    icon?: string;
+    /**
+     * 本地svg图标文件名(assets/svg-icon文件夹下)
+     */
+    localIcon?: string;
+    /** 图标颜色 */
+    color?: string;
+    /** 图标大小 */
+    fontSize?: number;
+  }
+
+  interface IconStyle {
+    color?: string;
+    fontSize?: string;
+  }
+
+  /**
+   * 图标渲染
+   * @param config
+   * @property icon - 图标名称(iconify图标的名称), 例如：mdi-account 或者 mdi:account
+   * @property localIcon - 本地svg图标文件名(assets/svg-icon文件夹下)
+   * @property color - 图标颜色
+   * @property fontSize - 图标大小
+   */
+  const iconRender = (config: IconConfig) => {
+    const { color, fontSize, icon, localIcon } = config;
+
+    const style: IconStyle = {};
+
+    if (color) {
+      style.color = color;
+    }
+    if (fontSize) {
+      style.fontSize = `${fontSize}px`;
+    }
+
+    if (!icon && !localIcon) {
+      window.console.warn('没有传递图标名称，请确保给icon或localIcon传递有效值!');
+    }
+
+    return () => h(SvgIcon, { icon, localIcon, style });
+  };
+
+  return {
+    iconRender
+  };
+};
diff --git a/src/composables/index.ts b/src/composables/index.ts
new file mode 100644
index 0000000..bda997f
--- /dev/null
+++ b/src/composables/index.ts
@@ -0,0 +1,6 @@
+export * from './system';
+export * from './router';
+export * from './layout';
+export * from './events';
+export * from './echarts';
+export * from './icon';
diff --git a/src/composables/layout.ts b/src/composables/layout.ts
new file mode 100644
index 0000000..3280da2
--- /dev/null
+++ b/src/composables/layout.ts
@@ -0,0 +1,74 @@
+import { computed } from 'vue';
+import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';
+import { useAppStore, useThemeStore } from '@/store';
+
+type LayoutMode = 'vertical' | 'horizontal';
+type LayoutHeaderProps = Record<UnionKey.ThemeLayoutMode, App.GlobalHeaderProps>;
+
+export function useBasicLayout() {
+  const app = useAppStore();
+  const theme = useThemeStore();
+  const breakpoints = useBreakpoints(breakpointsTailwind);
+
+  const mode = computed(() => {
+    const vertical: LayoutMode = 'vertical';
+    const horizontal: LayoutMode = 'horizontal';
+    return theme.layout.mode.includes(vertical) ? vertical : horizontal;
+  });
+
+  const isMobile = breakpoints.smaller('sm');
+
+  const layoutHeaderProps: LayoutHeaderProps = {
+    vertical: {
+      showLogo: false,
+      showHeaderMenu: false,
+      showMenuCollapse: true
+    },
+    'vertical-mix': {
+      showLogo: false,
+      showHeaderMenu: false,
+      showMenuCollapse: false
+    },
+    horizontal: {
+      showLogo: true,
+      showHeaderMenu: true,
+      showMenuCollapse: false
+    },
+    'horizontal-mix': {
+      showLogo: true,
+      showHeaderMenu: false,
+      showMenuCollapse: true
+    }
+  };
+
+  const headerProps = computed(() => layoutHeaderProps[theme.layout.mode]);
+
+  const siderVisible = computed(() => theme.layout.mode !== 'horizontal');
+  const siderWidth = computed(() => {
+    const { width, mixWidth, mixChildMenuWidth } = theme.sider;
+    const isVerticalMix = theme.layout.mode === 'vertical-mix';
+    let w = isVerticalMix ? mixWidth : width;
+    if (isVerticalMix && app.mixSiderFixed) {
+      w += mixChildMenuWidth;
+    }
+    return w;
+  });
+  const siderCollapsedWidth = computed(() => {
+    const { collapsedWidth, mixCollapsedWidth, mixChildMenuWidth } = theme.sider;
+    const isVerticalMix = theme.layout.mode === 'vertical-mix';
+    let w = isVerticalMix ? mixCollapsedWidth : collapsedWidth;
+    if (isVerticalMix && app.mixSiderFixed) {
+      w += mixChildMenuWidth;
+    }
+    return w;
+  });
+
+  return {
+    mode,
+    isMobile,
+    headerProps,
+    siderVisible,
+    siderWidth,
+    siderCollapsedWidth
+  };
+}
diff --git a/src/composables/router.ts b/src/composables/router.ts
new file mode 100644
index 0000000..7f0bf81
--- /dev/null
+++ b/src/composables/router.ts
@@ -0,0 +1,95 @@
+import { useRouter } from 'vue-router';
+import type { RouteLocationRaw } from 'vue-router';
+import { router as globalRouter, routeName } from '@/router';
+
+/**
+ * 路由跳转
+ * @param inSetup - 是否在vue页面/组件的setup里面调用，在axios里面无法使用useRouter和useRoute
+ */
+export function useRouterPush(inSetup = true) {
+  const router = inSetup ? useRouter() : globalRouter;
+  const route = globalRouter.currentRoute;
+
+  /**
+   * 路由跳转
+   * @param to - 需要跳转的路由
+   * @param newTab - 是否在新的浏览器Tab标签打开
+   */
+  function routerPush(to: RouteLocationRaw, newTab = false) {
+    if (newTab) {
+      const routerData = router.resolve(to);
+      window.open(routerData.href, '_blank');
+      return Promise.resolve();
+    }
+    return router.push(to);
+  }
+
+  /** 返回上一级路由 */
+  function routerBack() {
+    router.go(-1);
+  }
+
+  /**
+   * 跳转首页
+   * @param newTab - 在新的浏览器标签打开
+   */
+  function toHome(newTab = false) {
+    routerPush({ name: routeName('root') }, newTab);
+  }
+
+  /**
+   * 跳转登录页面
+   * @param loginModule - 展示的登录模块
+   * @param redirectUrl - 重定向地址(登录成功后跳转的地址),默认undefined表示取当前地址为重定向地址
+   */
+  function toLogin(loginModule?: UnionKey.LoginModule, redirectUrl?: string) {
+    const module: UnionKey.LoginModule = loginModule || 'pwd-login';
+    const routeLocation: RouteLocationRaw = {
+      name: routeName('login'),
+      params: { module }
+    };
+    const redirect = redirectUrl || route.value.fullPath;
+    Object.assign(routeLocation, { query: { redirect } });
+    routerPush(routeLocation);
+  }
+
+  /**
+   * 登录页切换其他模块
+   * @param module - 切换后的登录模块
+   */
+  function toLoginModule(module: UnionKey.LoginModule) {
+    const { query } = route.value;
+    routerPush({ name: routeName('login'), params: { module }, query });
+  }
+
+	/**
+   * knowany页切换其他模块
+   * @param module - 切换后的其它模块
+   */
+		function toKnowAnyModule(module: UnionKey.knowanyModule) {
+			const { query } = route.value;
+			routerPush({ name: routeName('knowany'), params: { module }, query });
+		}
+
+  /**
+   * 登录成功后跳转重定向的地址
+   */
+  function toLoginRedirect() {
+    const { query } = route.value;
+    if (query?.redirect) {
+      routerPush(query.redirect as string);
+    } else {
+      toHome();
+    }
+  }
+
+  return {
+    routerPush,
+    routerBack,
+    toHome,
+    toLogin,
+    toLoginModule,
+    toLoginRedirect,
+		toKnowAnyModule
+  };
+}
diff --git a/src/composables/system.ts b/src/composables/system.ts
new file mode 100644
index 0000000..19fe4f9
--- /dev/null
+++ b/src/composables/system.ts
@@ -0,0 +1,54 @@
+import UAParser from 'ua-parser-js';
+import { useAuthStore } from '@/store';
+import { isArray, isString } from '@/utils';
+
+interface AppInfo {
+  /** 项目名称 */
+  name: string;
+  /** 项目标题 */
+  title: string;
+  /** 项目描述 */
+  desc: string;
+}
+
+/** 项目信息 */
+export function useAppInfo(): AppInfo {
+  const { VITE_APP_NAME: name, VITE_APP_TITLE: title, VITE_APP_DESC: desc } = import.meta.env;
+
+  return {
+    name,
+    title,
+    desc
+  };
+}
+
+/** 获取设备信息 */
+export function useDeviceInfo() {
+  const parser = new UAParser();
+  const result = parser.getResult();
+  return result;
+}
+
+/** 权限判断 */
+export function usePermission() {
+  const auth = useAuthStore();
+
+  function hasPermission(permission: Auth.RoleType | Auth.RoleType[]) {
+    const { userRole } = auth.userInfo;
+
+    let has = userRole === 'super';
+    if (!has) {
+      if (isArray(permission)) {
+        has = (permission as Auth.RoleType[]).includes(userRole);
+      }
+      if (isString(permission)) {
+        has = (permission as Auth.RoleType) === userRole;
+      }
+    }
+    return has;
+  }
+
+  return {
+    hasPermission
+  };
+}
diff --git a/src/config/base.ts b/src/config/base.ts
new file mode 100644
index 0000000..f48f036
--- /dev/null
+++ b/src/config/base.ts
@@ -0,0 +1,57 @@
+import helpIcon from '@/assets/images/kb-help.png';
+import tagsIcon from '@/assets/images/kb-tags.png';
+import bookIcon from '@/assets/images/kb-book.png';
+import notificationIcon from '@/assets/images/kb-notification.png';
+import sealIcon from '@/assets/images/kb-seal.png';
+import wrenchIcon from '@/assets/images/kb-wrench.png';
+
+type iconType = {
+	id: number,
+	icon: any,
+	key: string
+}
+
+export const kbIconList = [
+	{
+		id: 1,
+		icon: helpIcon,
+		key: 'help'
+	},
+	{
+		id: 2,
+		icon: tagsIcon,
+		key: 'tags'
+	},
+	{
+		id: 1,
+		icon: bookIcon,
+		key: 'book'
+	},
+	{
+		id: 2,
+		icon: notificationIcon,
+		key: 'notification'
+	},
+	{
+		id: 1,
+		icon: sealIcon,
+		key: 'seal'
+	},
+	{
+		id: 2,
+		icon: wrenchIcon,
+		key: 'wrench'
+	}
+]
+
+export const kbColorList = ['#1890ff', '#ff0074', '#ffa629', '#9747ff', '#48d1e0'];
+
+export const getKbIcon = (type: string) => {
+	const emptyObj: iconType = {
+		id: 0,
+		icon: '',
+		key: ''
+	}
+	const obj: iconType = kbIconList.find(item => item.key === type) || emptyObj
+	return obj.icon
+}
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..22636f8
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,4 @@
+export * from './service';
+export * from './regexp';
+export * from './map-sdk';
+export * from './base';
diff --git a/src/config/map-sdk.ts b/src/config/map-sdk.ts
new file mode 100644
index 0000000..f0b8066
--- /dev/null
+++ b/src/config/map-sdk.ts
@@ -0,0 +1,8 @@
+/** 百度地图sdk地址 */
+export const BAIDU_MAP_SDK_URL = `https://api.map.baidu.com/getscript?v=3.0&ak=KSezYymXPth1DIGILRX3oYN9PxbOQQmU&services=&t=20210201100830&s=1`;
+
+/** 高德地图sdk地址 */
+export const GAODE_MAP_SDK_URL = 'https://webapi.amap.com/maps?v=2.0&key=e7bd02bd504062087e6563daf4d6721d';
+
+/** 腾讯地图sdk地址 */
+export const TENCENT_MAP_SDK_URL = 'https://map.qq.com/api/gljs?v=1.exp&key=A6DBZ-KXPLW-JKSRY-ONZF4-CPHY3-K6BL7';
diff --git a/src/config/regexp.ts b/src/config/regexp.ts
new file mode 100644
index 0000000..3f342db
--- /dev/null
+++ b/src/config/regexp.ts
@@ -0,0 +1,28 @@
+/** 用户名正则 */
+export const REGEXP_NAME =/^[\u4E00-\u9FA50-9a-zA-Z]{1,8}$/;
+
+/** 账号正则 (6-8位字母和数字组合) */
+export const REGEXP_ACCOUNT =/^[a-zA-Z0-9]{6,8}$/;
+
+/** 手机号码正则 */
+export const REGEXP_PHONE =
+  /^[1](([3][0-9])|([4][01456789])|([5][012356789])|([6][2567])|([7][0-8])|([8][0-9])|([9][012356789]))[0-9]{8}$/;
+
+/** 邮箱正则 */
+export const REGEXP_EMAIL = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+
+/** 密码正则(密码为6-18位数字/字符/符号的组合) */
+export const REGEXP_PWD =
+  /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)(?!^.*[\u4E00-\u9FA5].*$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){6,18}$/;
+
+/* 密码正则(6-12位，包含大小写字母、数字和特殊字符) */
+export const REGEXP_PWD2 = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@#$%^&+=])[a-zA-Z0-9@#$%^&+=]{6,12}$/;
+/** 6位数字验证码正则 */
+export const REGEXP_CODE_SIX = /^\d{6}$/;
+
+/** 4位数字验证码正则 */
+export const REGEXP_CODE_FOUR = /^\d{4}$/;
+
+/** url链接正则 */
+export const REGEXP_URL =
+  /(((^https?:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
diff --git a/src/config/service.ts b/src/config/service.ts
new file mode 100644
index 0000000..8e18631
--- /dev/null
+++ b/src/config/service.ts
@@ -0,0 +1,46 @@
+/** 请求超时时间 */
+export const REQUEST_TIMEOUT = 60 * 1000;
+
+/** 错误信息的显示时间 */
+export const ERROR_MSG_DURATION = 3 * 1000;
+
+/** 默认的请求错误code */
+export const DEFAULT_REQUEST_ERROR_CODE = 'DEFAULT';
+
+/** 默认的请求错误文本 */
+export const DEFAULT_REQUEST_ERROR_MSG = '请求错误~';
+
+/** 请求超时的错误code(为固定值：ECONNABORTED) */
+export const REQUEST_TIMEOUT_CODE = 'ECONNABORTED';
+
+/** 请求超时的错误文本 */
+export const REQUEST_TIMEOUT_MSG = '请求超时~';
+
+/** 网络不可用的code */
+export const NETWORK_ERROR_CODE = 'NETWORK_ERROR';
+
+/** 网络不可用的错误文本 */
+export const NETWORK_ERROR_MSG = '网络不可用~';
+
+/** 请求不成功各种状态的错误 */
+export const ERROR_STATUS = {
+  400: '400: 请求出现语法错误~',
+  401: '401: 用户未授权~',
+  403: '403: 服务器拒绝访问~',
+  404: '404: 请求的资源不存在~',
+  405: '405: 请求方法未允许~',
+  408: '408: 网络请求超时~',
+  500: '500: 服务器内部错误~',
+  501: '501: 服务器未实现请求功能~',
+  502: '502: 错误网关~',
+  503: '503: 服务不可用~',
+  504: '504: 网关超时~',
+  505: '505: http版本不支持该请求~',
+  [DEFAULT_REQUEST_ERROR_CODE]: DEFAULT_REQUEST_ERROR_MSG
+};
+
+/** 不弹出错误信息的code */
+export const NO_ERROR_MSG_CODE: (string | number)[] = [];
+
+/** token失效需要刷新token的code(这里的66666只是个例子，需要将后端表示token过期的code填进来) */
+export const REFRESH_TOKEN_CODE: (string | number)[] = [401];
diff --git a/src/constants/business.ts b/src/constants/business.ts
new file mode 100644
index 0000000..4e22a8a
--- /dev/null
+++ b/src/constants/business.ts
@@ -0,0 +1,51 @@
+export const loginModuleLabels: Record<UnionKey.LoginModule, string> = {
+  'pwd-login': '账密登录',
+  'code-login': '手机验证码登录',
+  register: '注册',
+  'reset-pwd': '重置密码',
+  'bind-wechat': '微信绑定'
+};
+
+export const knowanyModuleLabels: Record<UnionKey.knowanyModule, string> = {
+	'knowany': '首页',
+  'data-source': '数据源',
+  'knowledge-base': '知识库'
+};
+
+export const userRoleLabels: Record<Auth.RoleType, string> = {
+  super: '超级管理员',
+  admin: '管理员',
+  user: '普通用户'
+};
+
+export const userRoleOptions: Common.OptionWithKey<Auth.RoleType>[] = [
+  { value: 'super', label: userRoleLabels.super },
+  { value: 'admin', label: userRoleLabels.admin },
+  { value: 'user', label: userRoleLabels.user }
+];
+
+/** 用户性别 */
+export const genderLabels: Record<UserManagement.GenderKey, string> = {
+  0: '女',
+  1: '男'
+};
+
+export const genderOptions: Common.OptionWithKey<UserManagement.GenderKey>[] = [
+  { value: '0', label: genderLabels['0'] },
+  { value: '1', label: genderLabels['1'] }
+];
+
+/** 用户状态 */
+export const userStatusLabels: Record<UserManagement.UserStatusKey, string> = {
+  1: '启用',
+  2: '禁用',
+  3: '冻结',
+  4: '软删除'
+};
+
+export const userStatusOptions: Common.OptionWithKey<UserManagement.UserStatusKey>[] = [
+  { value: '1', label: userStatusLabels['1'] },
+  { value: '2', label: userStatusLabels['2'] },
+  { value: '3', label: userStatusLabels['3'] },
+  { value: '4', label: userStatusLabels['4'] }
+];
diff --git a/src/constants/common.ts b/src/constants/common.ts
new file mode 100644
index 0000000..54ea85e
--- /dev/null
+++ b/src/constants/common.ts
@@ -0,0 +1,18 @@
+export const dataTypeLabels: { [K in TypeUtil.DataTypeStringKey]: TypeUtil.DataTypeString<K> } = {
+  string: '[object String]',
+  number: '[object Number]',
+  boolean: '[object Boolean]',
+  null: '[object Null]',
+  undefined: '[object Undefined]',
+  symbol: '[object Symbol]',
+  bigInt: '[object BigInt]',
+  object: '[object Object]',
+  function: '[object Function]',
+  array: '[object Array]',
+  date: '[object Date]',
+  regExp: '[object RegExp]',
+  promise: '[object Promise]',
+  set: '[object Set]',
+  map: '[object Map]',
+  file: '[object File]'
+};
diff --git a/src/constants/index.ts b/src/constants/index.ts
new file mode 100644
index 0000000..d44a269
--- /dev/null
+++ b/src/constants/index.ts
@@ -0,0 +1,3 @@
+export * from './common';
+export * from './system';
+export * from './business';
diff --git a/src/constants/system.ts b/src/constants/system.ts
new file mode 100644
index 0000000..f06c689
--- /dev/null
+++ b/src/constants/system.ts
@@ -0,0 +1,114 @@
+export const themeLayoutModeLabels: Record<UnionKey.ThemeLayoutMode, string> = {
+  vertical: '左侧菜单模式',
+  horizontal: '顶部菜单模式',
+  'vertical-mix': '左侧菜单混合模式',
+  'horizontal-mix': '顶部菜单混合模式'
+};
+
+export const themeLayoutModeOptions: Common.OptionWithKey<UnionKey.ThemeLayoutMode>[] = [
+  {
+    value: 'vertical',
+    label: themeLayoutModeLabels.vertical
+  },
+  {
+    value: 'horizontal',
+    label: themeLayoutModeLabels.horizontal
+  },
+  {
+    value: 'vertical-mix',
+    label: themeLayoutModeLabels['vertical-mix']
+  },
+  {
+    value: 'horizontal-mix',
+    label: themeLayoutModeLabels['horizontal-mix']
+  }
+];
+
+export const themeScrollModeLabels: Record<UnionKey.ThemeScrollMode, string> = {
+  wrapper: '外层滚动',
+  content: '主体滚动'
+};
+
+export const themeScrollModeOptions: Common.OptionWithKey<UnionKey.ThemeScrollMode>[] = [
+  {
+    value: 'wrapper',
+    label: themeScrollModeLabels.wrapper
+  },
+  {
+    value: 'content',
+    label: themeScrollModeLabels.content
+  }
+];
+
+export const themeTabModeLabels: Record<UnionKey.ThemeTabMode, string> = {
+  chrome: '谷歌风格',
+  button: '按钮风格'
+};
+
+export const themeTabModeOptions: Common.OptionWithKey<UnionKey.ThemeTabMode>[] = [
+  {
+    value: 'chrome',
+    label: themeTabModeLabels.chrome
+  },
+  {
+    value: 'button',
+    label: themeTabModeLabels.button
+  }
+];
+
+export const themeHorizontalMenuPositionLabels: Record<UnionKey.ThemeHorizontalMenuPosition, string> = {
+  'flex-start': '居左',
+  center: '居中',
+  'flex-end': '居右'
+};
+
+export const themeHorizontalMenuPositionOptions: Common.OptionWithKey<UnionKey.ThemeHorizontalMenuPosition>[] = [
+  {
+    value: 'flex-start',
+    label: themeHorizontalMenuPositionLabels['flex-start']
+  },
+  {
+    value: 'center',
+    label: themeHorizontalMenuPositionLabels.center
+  },
+  {
+    value: 'flex-end',
+    label: themeHorizontalMenuPositionLabels['flex-end']
+  }
+];
+
+export const themeAnimateModeLabels: Record<UnionKey.ThemeAnimateMode, string> = {
+  'zoom-fade': '渐变',
+  'zoom-out': '闪现',
+  'fade-slide': '滑动',
+  fade: '消退',
+  'fade-bottom': '底部消退',
+  'fade-scale': '缩放消退'
+};
+
+export const themeAnimateModeOptions: Common.OptionWithKey<UnionKey.ThemeAnimateMode>[] = [
+  {
+    value: 'zoom-fade',
+    label: themeAnimateModeLabels['zoom-fade']
+  },
+  {
+    value: 'zoom-out',
+    label: themeAnimateModeLabels['zoom-out']
+  },
+  {
+    value: 'fade-slide',
+    label: themeAnimateModeLabels['fade-slide']
+  },
+  {
+    value: 'fade',
+    label: themeAnimateModeLabels.fade
+  },
+  {
+    value: 'fade-bottom',
+    label: themeAnimateModeLabels['fade-bottom']
+  },
+  {
+    value: 'fade-scale',
+    label: themeAnimateModeLabels['fade-scale']
+  }
+];
diff --git a/src/context/demo.ts b/src/context/demo.ts
new file mode 100644
index 0000000..c7bc056
--- /dev/null
+++ b/src/context/demo.ts
@@ -0,0 +1,43 @@
+import { ref } from 'vue';
+import type { Ref } from 'vue';
+import { useContext } from '@/hooks';
+
+interface DemoContext {
+  counts: Ref<number>;
+  setCounts: (count: number) => void;
+}
+
+const { useProvide: useDemoProvide, useInject: useDemoInject } = useContext<DemoContext>();
+
+export function useDemoContext() {
+  const counts = ref(0);
+
+  function setCounts(count: number) {
+    counts.value = count;
+  }
+
+  const demoContext: DemoContext = {
+    counts,
+    setCounts
+  };
+
+  function useProvide() {
+    return useDemoProvide(demoContext);
+  }
+
+  return {
+    useProvide,
+    useInject: useDemoInject
+  };
+}
+
+// 示例用法: A.vue为父组件， B.vue为子孙组件 C.vue为子孙组件
+// A.vue
+// import { useDemoContext } from '@/context';
+// const { useProvide } = useDemoContext();
+// const { counts, setCounts } = useProvide();
+
+// B.vue 和 C.vue : 共享状态 counts
+// import { useDemoContext } from '@/context';
+// const { useInject } = useDemoContext();
+// const { counts, setCounts } = useInject();
diff --git a/src/context/index.ts b/src/context/index.ts
new file mode 100644
index 0000000..689b5cb
--- /dev/null
+++ b/src/context/index.ts
@@ -0,0 +1 @@
+export * from './demo';
diff --git a/src/directives/index.ts b/src/directives/index.ts
new file mode 100644
index 0000000..7b7e749
--- /dev/null
+++ b/src/directives/index.ts
@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import setupNetworkDirective from './network';
+import setupLoginDirective from './login';
+import setupPermissionDirective from './permission';
+
+/** setup custom vue directives. - [安装自定义的vue指令] */
+export function setupDirectives(app: App) {
+  setupNetworkDirective(app);
+  setupLoginDirective(app);
+  setupPermissionDirective(app);
+}
diff --git a/src/directives/login.ts b/src/directives/login.ts
new file mode 100644
index 0000000..450d78f
--- /dev/null
+++ b/src/directives/login.ts
@@ -0,0 +1,27 @@
+import type { App, Directive } from 'vue';
+import { useAuthStore } from '@/store';
+import { useRouterPush } from '@/composables';
+
+export default function setupLoginDirective(app: App) {
+  const auth = useAuthStore();
+  const { toLogin } = useRouterPush(false);
+  function listenerHandler(event: MouseEvent) {
+    if (!auth.isLogin) {
+      event.stopPropagation();
+      toLogin();
+    }
+  }
+
+  const loginDirective: Directive<HTMLElement, boolean | undefined> = {
+    mounted(el: HTMLElement, binding) {
+      if (binding.value === false) return;
+      el.addEventListener('click', listenerHandler, { capture: true });
+    },
+    unmounted(el: HTMLElement, binding) {
+      if (binding.value === false) return;
+      el.removeEventListener('click', listenerHandler);
+    }
+  };
+
+  app.directive('login', loginDirective);
+}
diff --git a/src/directives/network.ts b/src/directives/network.ts
new file mode 100644
index 0000000..229b092
--- /dev/null
+++ b/src/directives/network.ts
@@ -0,0 +1,25 @@
+import type { App, Directive } from 'vue';
+import { NETWORK_ERROR_MSG } from '@/config';
+
+export default function setupNetworkDirective(app: App) {
+  function listenerHandler(event: MouseEvent) {
+    const hasNetwork = window.navigator.onLine;
+    if (!hasNetwork) {
+      window.$message?.error(NETWORK_ERROR_MSG);
+      event.stopPropagation();
+    }
+  }
+
+  const networkDirective: Directive<HTMLElement, boolean | undefined> = {
+    mounted(el: HTMLElement, binding) {
+      if (binding.value === false) return;
+      el.addEventListener('click', listenerHandler, { capture: true });
+    },
+    unmounted(el: HTMLElement, binding) {
+      if (binding.value === false) return;
+      el.removeEventListener('click', listenerHandler);
+    }
+  };
+
+  app.directive('network', networkDirective);
+}
diff --git a/src/directives/permission.ts b/src/directives/permission.ts
new file mode 100644
index 0000000..5585586
--- /dev/null
+++ b/src/directives/permission.ts
@@ -0,0 +1,26 @@
+import type { App, Directive } from 'vue';
+import { usePermission } from '@/composables';
+
+export default function setupPermissionDirective(app: App) {
+  const { hasPermission } = usePermission();
+
+  function updateElVisible(el: HTMLElement, permission: Auth.RoleType | Auth.RoleType[]) {
+    if (!permission) {
+      throw new Error(`need roles: like v-permission="'admin'", v-permission="['admin', 'test]"`);
+    }
+    if (!hasPermission(permission)) {
+      el.parentElement?.removeChild(el);
+    }
+  }
+
+  const permissionDirective: Directive<HTMLElement, Auth.RoleType | Auth.RoleType[]> = {
+    mounted(el, binding) {
+      updateElVisible(el, binding.value);
+    },
+    beforeUpdate(el, binding) {
+      updateElVisible(el, binding.value);
+    }
+  };
+
+  app.directive('permission', permissionDirective);
+}
diff --git a/src/hooks/business/index.ts b/src/hooks/business/index.ts
new file mode 100644
index 0000000..90e7a33
--- /dev/null
+++ b/src/hooks/business/index.ts
@@ -0,0 +1,5 @@
+import useCountDown from './use-count-down';
+import useSmsCode from './use-sms-code';
+import useImageVerify from './use-image-verify';
+
+export { useCountDown, useSmsCode, useImageVerify };
diff --git a/src/hooks/business/use-count-down.ts b/src/hooks/business/use-count-down.ts
new file mode 100644
index 0000000..2c1903d
--- /dev/null
+++ b/src/hooks/business/use-count-down.ts
@@ -0,0 +1,54 @@
+import { computed, onScopeDispose, ref } from 'vue';
+import { useBoolean } from '../common';
+
+/**
+ * 倒计时
+ * @param second - 倒计时的时间(s)
+ */
+export default function useCountDown(second: number) {
+  if (second <= 0 && second % 1 !== 0) {
+    throw new Error('倒计时的时间应该为一个正整数！');
+  }
+  const { bool: isComplete, setTrue, setFalse } = useBoolean(false);
+
+  const counts = ref(0);
+  const isCounting = computed(() => Boolean(counts.value));
+
+  let intervalId: any;
+
+  /**
+   * 开始计时
+   * @param updateSecond - 更改初时传入的倒计时时间
+   */
+  function start(updateSecond: number = second) {
+    if (!counts.value) {
+      setFalse();
+      counts.value = updateSecond;
+      intervalId = setInterval(() => {
+        counts.value -= 1;
+        if (counts.value <= 0) {
+          clearInterval(intervalId);
+          setTrue();
+        }
+      }, 1000);
+    }
+  }
+
+  /**
+   * 停止计时
+   */
+  function stop() {
+    intervalId = clearInterval(intervalId);
+    counts.value = 0;
+  }
+
+  onScopeDispose(stop);
+
+  return {
+    counts,
+    isCounting,
+    start,
+    stop,
+    isComplete
+  };
+}
diff --git a/src/hooks/business/use-image-verify.ts b/src/hooks/business/use-image-verify.ts
new file mode 100644
index 0000000..76bc3e6
--- /dev/null
+++ b/src/hooks/business/use-image-verify.ts
@@ -0,0 +1,87 @@
+import { onMounted, ref } from 'vue';
+
+/**
+ * 绘制图形验证码
+ * @param width - 图形宽度
+ * @param height - 图形高度
+ */
+export default function useImageVerify(width = 152, height = 40) {
+  const domRef = ref<HTMLCanvasElement>();
+  const imgCode = ref('');
+
+  function setImgCode(code: string) {
+    imgCode.value = code;
+  }
+
+  function getImgCode() {
+    if (!domRef.value) return;
+    imgCode.value = draw(domRef.value, width, height);
+  }
+
+  onMounted(() => {
+    getImgCode();
+  });
+
+  return {
+    domRef,
+    imgCode,
+    setImgCode,
+    getImgCode
+  };
+}
+
+function randomNum(min: number, max: number) {
+  const num = Math.floor(Math.random() * (max - min) + min);
+  return num;
+}
+
+function randomColor(min: number, max: number) {
+  const r = randomNum(min, max);
+  const g = randomNum(min, max);
+  const b = randomNum(min, max);
+  return `rgb(${r},${g},${b})`;
+}
+
+function draw(dom: HTMLCanvasElement, width: number, height: number) {
+  let imgCode = '';
+
+  const NUMBER_STRING = '0123456789';
+
+  const ctx = dom.getContext('2d');
+  if (!ctx) return imgCode;
+
+  ctx.fillStyle = randomColor(180, 230);
+  ctx.fillRect(0, 0, width, height);
+
+  for (let i = 0; i < 4; i += 1) {
+    const text = NUMBER_STRING[randomNum(0, NUMBER_STRING.length)];
+    imgCode += text;
+    const fontSize = randomNum(18, 41);
+    const deg = randomNum(-30, 30);
+    ctx.font = `${fontSize}px Simhei`;
+    ctx.textBaseline = 'top';
+    ctx.fillStyle = randomColor(80, 150);
+    ctx.save();
+    ctx.translate(30 * i + 23, 15);
+    ctx.rotate((deg * Math.PI) / 180);
+    ctx.fillText(text, -15 + 5, -15);
+    ctx.restore();
+  }
+  for (let i = 0; i < 5; i += 1) {
+    ctx.beginPath();
+    ctx.moveTo(randomNum(0, width), randomNum(0, height));
+    ctx.lineTo(randomNum(0, width), randomNum(0, height));
+    ctx.strokeStyle = randomColor(180, 230);
+    ctx.closePath();
+    ctx.stroke();
+  }
+  for (let i = 0; i < 41; i += 1) {
+    ctx.beginPath();
+    ctx.arc(randomNum(0, width), randomNum(0, height), 1, 0, 2 * Math.PI);
+    ctx.closePath();
+    ctx.fillStyle = randomColor(150, 200);
+    ctx.fill();
+  }
+
+  return imgCode;
+}
diff --git a/src/hooks/business/use-sms-code.ts b/src/hooks/business/use-sms-code.ts
new file mode 100644
index 0000000..5102cc0
--- /dev/null
+++ b/src/hooks/business/use-sms-code.ts
@@ -0,0 +1,61 @@
+import { computed } from 'vue';
+import { REGEXP_PHONE } from '@/config';
+import { fetchSmsCode } from '@/service';
+import { useLoading } from '../common';
+import useCountDown from './use-count-down';
+
+export default function useSmsCode() {
+  const { loading, startLoading, endLoading } = useLoading();
+  const { counts, start, isCounting } = useCountDown(60);
+
+  const initLabel = '获取验证码';
+  const countingLabel = (second: number) => `${second}秒后重新获取`;
+  const label = computed(() => {
+    let text = initLabel;
+    if (loading.value) {
+      text = '';
+    }
+    if (isCounting.value) {
+      text = countingLabel(counts.value);
+    }
+    return text;
+  });
+
+  /** 判断手机号码格式是否正确 */
+  function isPhoneValid(phone: string) {
+    let valid = true;
+    if (phone.trim() === '') {
+      window.$message?.error('手机号码不能为空！');
+      valid = false;
+    } else if (!REGEXP_PHONE.test(phone)) {
+      window.$message?.error('手机号码格式错误！');
+      valid = false;
+    }
+    return valid;
+  }
+
+  /**
+   * 获取短信验证码
+   * @param phone - 手机号
+   */
+  async function getSmsCode(phone: string) {
+    const valid = isPhoneValid(phone);
+    if (!valid || loading.value) return;
+
+    startLoading();
+    const { data } = await fetchSmsCode(phone);
+    if (data) {
+      window.$message?.success('验证码发送成功！');
+      start();
+    }
+    endLoading();
+  }
+
+  return {
+    label,
+    start,
+    isCounting,
+    getSmsCode,
+    loading
+  };
+}
diff --git a/src/hooks/business/use-table.ts b/src/hooks/business/use-table.ts
new file mode 100644
index 0000000..7417fd7
--- /dev/null
+++ b/src/hooks/business/use-table.ts
@@ -0,0 +1,151 @@
+import { ref, reactive } from 'vue';
+import type { Ref } from 'vue';
+import type { DataTableBaseColumn, DataTableSelectionColumn, DataTableExpandColumn, PaginationProps } from 'naive-ui';
+import type { TableColumnGroup, InternalRowData } from 'naive-ui/es/data-table/src/interface';
+import { useLoadingEmpty } from '../common';
+
+/**
+ * 表格分页参数
+ */
+type PaginationParams = Pick<PaginationProps, 'page' | 'pageSize'>;
+
+/**
+ * 表格请求接口的参数
+ */
+type ApiParams = Record<string, unknown> & PaginationParams;
+
+/**
+ * 表格请求接口的结果
+ * @description 这里用属性list来表示后端接口返回的表格数据
+ */
+type ApiData<TableData = Record<string, unknown>> = Record<string, unknown> & { list: TableData[] };
+
+/**
+ * 表格接口的请求函数
+ */
+type ApiFn<Params = ApiParams, TableData = Record<string, unknown>> = (
+  params: Params
+) => Promise<Service.RequestResult<ApiData<TableData>>>;
+
+/**
+ * 表格接口请求后转换后的数据
+ */
+type TransformedTableData<TableData = Record<string, unknown>> = {
+  data: TableData[];
+  pageNum: number;
+  pageSize: number;
+  total: number;
+};
+
+/**
+ * 表格的列
+ */
+type DataTableColumn<T = InternalRowData> =
+  | (Omit<TableColumnGroup<T>, 'key'> & { key: keyof T })
+  | (Omit<DataTableBaseColumn<T>, 'key'> & { key: keyof T })
+  | DataTableSelectionColumn<T>
+  | DataTableExpandColumn<T>;
+
+/**
+ * 表格数据转换器
+ * @description 将不同接口的表格数据转换成统一的类型
+ */
+type Transformer<TableData = Record<string, unknown>> = (
+  apiData: ApiData<TableData>
+) => TransformedTableData<TableData>;
+
+type TableParams<TableData = Record<string, unknown>, Params = ApiParams> = {
+  apiFn: ApiFn<Params, TableData>;
+  apiParams: Params;
+  transformer: Transformer<TableData>;
+  columns: DataTableColumn<TableData>[];
+  pagination?: PaginationProps;
+};
+
+export function useTable<TableData extends Record<string, unknown>, Params extends ApiParams>(
+  params: TableParams<TableData, Params>,
+  immediate = true
+) {
+  const { loading, startLoading, endLoading, empty, setEmpty } = useLoadingEmpty();
+  const data: Ref<TableData[]> = ref([]);
+
+  function updateData(update: TableData[]) {
+    data.value = update;
+  }
+
+  let dataSource: TableData[] = [];
+  function setDataSource(source: TableData[]) {
+    dataSource = source;
+  }
+
+  function resetData() {
+    data.value = dataSource;
+  }
+
+  const columns = ref(params.columns) as Ref<DataTableColumn<TableData>[]>;
+
+  const pagination = reactive({
+    ...getPagination(params.pagination),
+    onChange: (page: number) => {
+      pagination.page = page;
+    },
+    onUpdatePageSize: (pageSize: number) => {
+      pagination.pageSize = pageSize;
+      pagination.page = 1;
+    }
+  }) as PaginationProps;
+
+  function updatePagination(update: Partial<PaginationProps>) {
+    Object.assign(pagination, update);
+  }
+
+  async function getData() {
+    const apiParams: Params = { ...params.apiParams };
+    apiParams.page = apiParams.page || pagination.page;
+    apiParams.pageSize = apiParams.pageSize || pagination.pageSize;
+
+    startLoading();
+    const { data: apiData } = await params.apiFn(apiParams);
+
+    if (apiData) {
+      const transformedData = params.transformer(apiData);
+
+      updateData(transformedData.data);
+
+      setDataSource(transformedData.data);
+
+      setEmpty(transformedData.data.length === 0);
+
+      updatePagination({ page: transformedData.pageNum, pageSize: transformedData.pageSize });
+    }
+
+    endLoading();
+  }
+
+  if (immediate) {
+    getData();
+  }
+
+  return {
+    data,
+    columns,
+    loading,
+    empty,
+    pagination,
+    getData,
+    updateData,
+    resetData
+  };
+}
+
+function getPagination(pagination?: Partial<PaginationProps>) {
+  const defaultPagination: Partial<PaginationProps> = {
+    page: 1,
+    pageSize: 10,
+    showSizePicker: true,
+    pageSizes: [10, 15, 20, 25, 30]
+  };
+  Object.assign(defaultPagination, pagination);
+
+  return defaultPagination;
+}
diff --git a/src/hooks/common/index.ts b/src/hooks/common/index.ts
new file mode 100644
index 0000000..f562984
--- /dev/null
+++ b/src/hooks/common/index.ts
@@ -0,0 +1,7 @@
+import useContext from './use-context';
+import useBoolean from './use-boolean';
+import useLoading from './use-loading';
+import useLoadingEmpty from './use-loading-empty';
+import useReload from './use-reload';
+
+export { useContext, useBoolean, useLoading, useLoadingEmpty, useReload };
diff --git a/src/hooks/common/use-boolean.ts b/src/hooks/common/use-boolean.ts
new file mode 100644
index 0000000..c03db35
--- /dev/null
+++ b/src/hooks/common/use-boolean.ts
@@ -0,0 +1,30 @@
+import { ref } from 'vue';
+
+/**
+ * boolean组合式函数
+ * @param initValue 初始值
+ */
+export default function useBoolean(initValue = false) {
+  const bool = ref(initValue);
+
+  function setBool(value: boolean) {
+    bool.value = value;
+  }
+  function setTrue() {
+    setBool(true);
+  }
+  function setFalse() {
+    setBool(false);
+  }
+  function toggle() {
+    setBool(!bool.value);
+  }
+
+  return {
+    bool,
+    setBool,
+    setTrue,
+    setFalse,
+    toggle
+  };
+}
diff --git a/src/hooks/common/use-context.ts b/src/hooks/common/use-context.ts
new file mode 100644
index 0000000..d5dd0df
--- /dev/null
+++ b/src/hooks/common/use-context.ts
@@ -0,0 +1,21 @@
+import { inject, provide } from 'vue';
+import type { InjectionKey } from 'vue';
+
+/** 创建共享上下文状态 */
+export default function useContext<T>(contextName = 'context') {
+  const injectKey: InjectionKey<T> = Symbol(contextName);
+
+  function useProvide(context: T) {
+    provide(injectKey, context);
+    return context;
+  }
+
+  function useInject() {
+    return inject(injectKey) as T;
+  }
+
+  return {
+    useProvide,
+    useInject
+  };
+}
diff --git a/src/hooks/common/use-loading-empty.ts b/src/hooks/common/use-loading-empty.ts
new file mode 100644
index 0000000..5a52c10
--- /dev/null
+++ b/src/hooks/common/use-loading-empty.ts
@@ -0,0 +1,14 @@
+import useBoolean from './use-boolean';
+
+export default function useLoadingEmpty(initLoading = false, initEmpty = false) {
+  const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(initLoading);
+  const { bool: empty, setBool: setEmpty } = useBoolean(initEmpty);
+
+  return {
+    loading,
+    startLoading,
+    endLoading,
+    empty,
+    setEmpty
+  };
+}
diff --git a/src/hooks/common/use-loading.ts b/src/hooks/common/use-loading.ts
new file mode 100644
index 0000000..bc6a23c
--- /dev/null
+++ b/src/hooks/common/use-loading.ts
@@ -0,0 +1,11 @@
+import useBoolean from './use-boolean';
+
+export default function useLoading(initValue = false) {
+  const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(initValue);
+
+  return {
+    loading,
+    startLoading,
+    endLoading
+  };
+}
diff --git a/src/hooks/common/use-reload.ts b/src/hooks/common/use-reload.ts
new file mode 100644
index 0000000..851d927
--- /dev/null
+++ b/src/hooks/common/use-reload.ts
@@ -0,0 +1,28 @@
+import { nextTick } from 'vue';
+import useBoolean from './use-boolean';
+
+/** 重载 */
+export default function useReload() {
+  // 重载的标志
+  const { bool: reloadFlag, setTrue, setFalse } = useBoolean(true);
+
+  /**
+   * 触发重载
+   * @param duration - 延迟时间(ms)
+   */
+  async function handleReload(duration = 0) {
+    setFalse();
+    await nextTick();
+
+    if (duration > 0) {
+      setTimeout(() => {
+        setTrue();
+      }, duration);
+    }
+  }
+
+  return {
+    reloadFlag,
+    handleReload
+  };
+}
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
new file mode 100644
index 0000000..5f193c3
--- /dev/null
+++ b/src/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from './common';
+export * from './business';
diff --git a/src/layouts/basic-layout/index.vue b/src/layouts/basic-layout/index.vue
new file mode 100644
index 0000000..71ab70d
--- /dev/null
+++ b/src/layouts/basic-layout/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <admin-layout
+    :mode="mode"
+    :scroll-mode="theme.scrollMode"
+    :scroll-el-id="app.scrollElId"
+    :full-content="app.contentFull"
+    :fixed-top="theme.fixedHeaderAndTab"
+    :header-height="theme.header.height"
+    :tab-visible="theme.tab.visible"
+    :tab-height="theme.tab.height"
+    :content-class="app.disableMainXScroll ? 'overflow-x-hidden' : ''"
+    :sider-visible="siderVisible"
+    :sider-collapse="app.siderCollapse"
+    :sider-width="siderWidth"
+    :sider-collapsed-width="siderCollapsedWidth"
+    :footer-visible="theme.footer.visible"
+    :fixed-footer="theme.footer.fixed"
+    :right-footer="theme.footer.right"
+  >
+    <template #header>
+      <global-header v-bind="headerProps" />
+    </template>
+    <template #tab>
+      <global-tab />
+    </template>
+    <template #sider>
+      <global-sider />
+    </template>
+    <global-content />
+    <template #footer>
+      <global-footer />
+    </template>
+  </admin-layout>
+  <n-back-top :key="theme.scrollMode" :listen-to="`#${app.scrollElId}`" class="z-100" />
+  <setting-drawer />
+	<robot-dialog />
+</template>
+
+<script setup lang="ts">
+import { AdminLayout } from '@soybeanjs/vue-materials';
+import { useAppStore, useThemeStore } from '@/store';
+import { useBasicLayout } from '@/composables';
+import { GlobalContent, GlobalFooter, GlobalHeader, GlobalSider, GlobalTab, SettingDrawer, RobotDialog } from '../common';
+
+defineOptions({ name: 'BasicLayout' });
+
+const app = useAppStore();
+const theme = useThemeStore();
+
+const { mode, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
+</script>
+
+<style lang="scss">
+#__SCROLL_EL_ID__ {
+  @include scrollbar(8px, #e1e1e1);
+}
+
+.dark #__SCROLL_EL_ID__ {
+  @include scrollbar(8px, #555);
+}
+</style>
diff --git a/src/layouts/blank-layout/index.vue b/src/layouts/blank-layout/index.vue
new file mode 100644
index 0000000..45eece2
--- /dev/null
+++ b/src/layouts/blank-layout/index.vue
@@ -0,0 +1,11 @@
+<template>
+  <global-content :show-padding="false" />
+</template>
+
+<script setup lang="ts">
+import { GlobalContent } from '../common';
+
+defineOptions({ name: 'BlankLayout' });
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-content/index.vue b/src/layouts/common/global-content/index.vue
new file mode 100644
index 0000000..0a32bfe
--- /dev/null
+++ b/src/layouts/common/global-content/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <router-view v-slot="{ Component, route }">
+    <transition
+      :name="theme.pageAnimateMode"
+      mode="out-in"
+      :appear="true"
+      @before-leave="app.setDisableMainXScroll(true)"
+      @after-enter="app.setDisableMainXScroll(false)"
+    >
+      <keep-alive :include="routeStore.cacheRoutes">
+        <component
+          :is="Component"
+          v-if="app.reloadFlag"
+          :key="route.fullPath"
+          :class="{ 'p-16px': showPadding }"
+          class="flex-grow bg-#f6f9f8 dark:bg-#101014 transition duration-300 ease-in-out"
+        />
+      </keep-alive>
+    </transition>
+  </router-view>
+</template>
+
+<script setup lang="ts">
+import { useAppStore, useRouteStore, useThemeStore } from '@/store';
+
+defineOptions({ name: 'GlobalContent' });
+
+interface Props {
+  /** 显示padding */
+  showPadding?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  showPadding: true
+});
+
+const app = useAppStore();
+const theme = useThemeStore();
+const routeStore = useRouteStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-footer/index.vue b/src/layouts/common/global-footer/index.vue
new file mode 100644
index 0000000..3946d03
--- /dev/null
+++ b/src/layouts/common/global-footer/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <dark-mode-container class="flex-center h-full" :inverted="theme.footer.inverted">
+    <span>Copyright ©2021 Data Strom</span>
+  </dark-mode-container>
+</template>
+
+<script setup lang="ts">
+import { useThemeStore } from '@/store';
+
+defineOptions({ name: 'GlobalFooter' });
+
+const theme = useThemeStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/full-screen.vue b/src/layouts/common/global-header/components/full-screen.vue
new file mode 100644
index 0000000..42b32d4
--- /dev/null
+++ b/src/layouts/common/global-header/components/full-screen.vue
@@ -0,0 +1,18 @@
+<template>
+  <hover-container class="w-40px h-full" tooltip-content="全屏" :inverted="theme.header.inverted" @click="toggle">
+    <icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-18px" />
+    <icon-gridicons-fullscreen v-else class="text-18px" />
+  </hover-container>
+</template>
+
+<script lang="ts" setup>
+import { useFullscreen } from '@vueuse/core';
+import { useThemeStore } from '@/store';
+
+defineOptions({ name: 'FullScreen' });
+
+const { isFullscreen, toggle } = useFullscreen();
+const theme = useThemeStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/github-site.vue b/src/layouts/common/global-header/components/github-site.vue
new file mode 100644
index 0000000..c7c6443
--- /dev/null
+++ b/src/layouts/common/global-header/components/github-site.vue
@@ -0,0 +1,23 @@
+<template>
+  <hover-container
+    tooltip-content="github"
+    class="w-40px h-full"
+    :inverted="theme.header.inverted"
+    @click="handleClickLink"
+  >
+    <icon-mdi-github class="text-20px" />
+  </hover-container>
+</template>
+
+<script lang="ts" setup>
+import { useThemeStore } from '@/store';
+
+defineOptions({ name: 'GithubSite' });
+
+const theme = useThemeStore();
+function handleClickLink() {
+  window.open('https://github.com/honghuangdc/soybean-admin', '_blank');
+}
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/global-breadcrumb.vue b/src/layouts/common/global-header/components/global-breadcrumb.vue
new file mode 100644
index 0000000..be2e257
--- /dev/null
+++ b/src/layouts/common/global-header/components/global-breadcrumb.vue
@@ -0,0 +1,56 @@
+<template>
+  <n-breadcrumb class="px-12px">
+    <template v-for="breadcrumb in breadcrumbs" :key="breadcrumb.key">
+      <n-breadcrumb-item>
+        <n-dropdown v-if="breadcrumb.hasChildren" :options="breadcrumb.options" @select="dropdownSelect">
+          <span>
+            <component
+              :is="breadcrumb.icon"
+              v-if="theme.header.crumb.showIcon"
+              class="inline-block align-text-bottom mr-4px text-16px"
+            />
+            <span>{{ breadcrumb.i18nTitle ? t(breadcrumb.i18nTitle) : breadcrumb.label }}</span>
+          </span>
+        </n-dropdown>
+        <template v-else>
+          <component
+            :is="breadcrumb.icon"
+            v-if="theme.header.crumb.showIcon"
+            class="inline-block align-text-bottom mr-4px text-16px"
+            :class="{ 'text-#BBBBBB': theme.header.inverted }"
+          />
+          <span :class="{ 'text-#BBBBBB': theme.header.inverted }">{{
+            breadcrumb.i18nTitle ? t(breadcrumb.i18nTitle) : breadcrumb.label
+          }}</span>
+        </template>
+      </n-breadcrumb-item>
+    </template>
+  </n-breadcrumb>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { routePath } from '@/router';
+import { useRouteStore, useThemeStore } from '@/store';
+import { useRouterPush } from '@/composables';
+import { getBreadcrumbByRouteKey } from '@/utils';
+import { t } from '@/locales';
+
+defineOptions({ name: 'GlobalBreadcrumb' });
+
+const route = useRoute();
+const theme = useThemeStore();
+const routeStore = useRouteStore();
+const { routerPush } = useRouterPush();
+
+const breadcrumbs = computed(() =>
+  getBreadcrumbByRouteKey(route.name as string, routeStore.menus as App.GlobalMenuOption[], routePath('root'))
+);
+
+function dropdownSelect(key: string) {
+  routerPush({ name: key });
+}
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/header-menu.vue b/src/layouts/common/global-header/components/header-menu.vue
new file mode 100644
index 0000000..e67550c
--- /dev/null
+++ b/src/layouts/common/global-header/components/header-menu.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="flex-1-hidden h-full px-10px">
+    <n-scrollbar :x-scrollable="true" class="flex-1-hidden h-full" content-class="h-full">
+      <div class="flex-y-center h-full" :style="{ justifyContent: theme.menu.horizontalPosition }">
+        <n-menu
+          :value="activeKey"
+          mode="horizontal"
+          :options="menus"
+          :inverted="theme.header.inverted"
+          @update:value="handleUpdateMenu"
+        />
+      </div>
+    </n-scrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import type { MenuOption } from 'naive-ui';
+import { useRouteStore, useThemeStore } from '@/store';
+import { useRouterPush } from '@/composables';
+import { translateMenuLabel } from '@/utils';
+
+defineOptions({ name: 'HeaderMenu' });
+
+const route = useRoute();
+const routeStore = useRouteStore();
+const theme = useThemeStore();
+const { routerPush } = useRouterPush();
+
+const menus = computed(() => translateMenuLabel(routeStore.menus as App.GlobalMenuOption[]));
+const activeKey = computed(() => (route.meta?.activeMenu ? route.meta.activeMenu : route.name) as string);
+
+function handleUpdateMenu(_key: string, item: MenuOption) {
+  const menuItem = item as App.GlobalMenuOption;
+  routerPush(menuItem.routePath);
+}
+</script>
+
+<style scoped>
+:deep(.n-menu-item-content-header) {
+  overflow: inherit !important;
+}
+</style>
diff --git a/src/layouts/common/global-header/components/index.ts b/src/layouts/common/global-header/components/index.ts
new file mode 100644
index 0000000..0b79b24
--- /dev/null
+++ b/src/layouts/common/global-header/components/index.ts
@@ -0,0 +1,25 @@
+import MenuCollapse from './menu-collapse.vue';
+import GlobalBreadcrumb from './global-breadcrumb.vue';
+import HeaderMenu from './header-menu.vue';
+import GithubSite from './github-site.vue';
+import FullScreen from './full-screen.vue';
+import ThemeMode from './theme-mode.vue';
+import UserAvatar from './user-avatar.vue';
+import SystemMessage from './system-message.vue';
+import SettingButton from './setting-button.vue';
+import ToggleLang from './toggle-lang.vue';
+import RobotButton from './robot-button.vue';
+
+export {
+  MenuCollapse,
+  GlobalBreadcrumb,
+  HeaderMenu,
+  GithubSite,
+  FullScreen,
+  ThemeMode,
+  UserAvatar,
+  SystemMessage,
+  SettingButton,
+  ToggleLang,
+	RobotButton
+};
diff --git a/src/layouts/common/global-header/components/menu-collapse.vue b/src/layouts/common/global-header/components/menu-collapse.vue
new file mode 100644
index 0000000..ba41254
--- /dev/null
+++ b/src/layouts/common/global-header/components/menu-collapse.vue
@@ -0,0 +1,17 @@
+<template>
+  <hover-container class="w-40px h-full" :inverted="theme.header.inverted" @click="app.toggleSiderCollapse">
+    <icon-line-md-menu-unfold-left v-if="app.siderCollapse" class="text-16px" />
+    <icon-line-md-menu-fold-left v-else class="text-16px" />
+  </hover-container>
+</template>
+
+<script lang="ts" setup>
+import { useAppStore, useThemeStore } from '@/store';
+
+defineOptions({ name: 'MenuCollapse' });
+
+const app = useAppStore();
+const theme = useThemeStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/message-list.vue b/src/layouts/common/global-header/components/message-list.vue
new file mode 100644
index 0000000..32c7f84
--- /dev/null
+++ b/src/layouts/common/global-header/components/message-list.vue
@@ -0,0 +1,57 @@
+<template>
+  <n-scrollbar class="max-h-360px">
+    <n-list>
+      <n-list-item
+        v-for="(item, index) in list"
+        :key="item.id"
+        class="hover:bg-#f6f6f6 dark:hover:bg-dark cursor-pointer"
+        @click="handleRead(index)"
+      >
+        <n-thing class="px-15px" :class="{ 'opacity-30': item.isRead }">
+          <template #avatar>
+            <n-avatar v-if="item.avatar" :src="item.avatar" />
+            <svg-icon v-else class="text-34px text-primary" :icon="item.icon" :local-icon="item.svgIcon" />
+          </template>
+          <template #header>
+            <n-ellipsis :line-clamp="1">
+              {{ item.title }}
+              <template #tooltip>
+                {{ item.title }}
+              </template>
+            </n-ellipsis>
+          </template>
+          <template v-if="item.tagTitle" #header-extra>
+            <n-tag v-bind="item.tagProps" size="small">{{ item.tagTitle }}</n-tag>
+          </template>
+          <template #description>
+            <n-ellipsis v-if="item.description" :line-clamp="2">
+              {{ item.description }}
+            </n-ellipsis>
+            <p>{{ item.date }}</p>
+          </template>
+        </n-thing>
+      </n-list-item>
+    </n-list>
+  </n-scrollbar>
+</template>
+<script lang="ts" setup>
+defineOptions({ name: 'MessageList' });
+
+interface Props {
+  list?: App.MessageList[];
+}
+
+withDefaults(defineProps<Props>(), {
+  list: () => []
+});
+
+interface Emits {
+  (e: 'read', val: number): void;
+}
+
+const emit = defineEmits<Emits>();
+
+function handleRead(index: number) {
+  emit('read', index);
+}
+</script>
diff --git a/src/layouts/common/global-header/components/robot-button.vue b/src/layouts/common/global-header/components/robot-button.vue
new file mode 100644
index 0000000..0db0ae8
--- /dev/null
+++ b/src/layouts/common/global-header/components/robot-button.vue
@@ -0,0 +1,45 @@
+<template>
+	<div class="global-robot-button" @click="app.openRobotDialog">
+		<icon-local-robot_001 />
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { useAppStore } from '@/store';
+
+export default defineComponent({
+	name: 'RobotButton',
+	setup() {
+		const app = useAppStore()
+
+		return {
+			app
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.global-robot-button {
+	position: fixed;
+	bottom: 30px;
+	right: 30px;
+	z-index: 99;
+	width: 60px;
+	height: 60px;
+	border-radius: 50%;
+	background-color: #1890ff;
+	color: #FFF;
+	font-size: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+	box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px;
+	&:hover {
+		background-color: #40a9ff;
+    color: #FFF;
+	}
+}
+</style>
diff --git a/src/layouts/common/global-header/components/setting-button.vue b/src/layouts/common/global-header/components/setting-button.vue
new file mode 100644
index 0000000..09174c5
--- /dev/null
+++ b/src/layouts/common/global-header/components/setting-button.vue
@@ -0,0 +1,21 @@
+<template>
+  <hover-container
+    class="w-40px h-full"
+    tooltip-content="主题配置"
+    :inverted="theme.header.inverted"
+    @click="app.toggleSettingDrawerVisible"
+  >
+    <icon-ant-design-setting-outlined class="text-20px" />
+  </hover-container>
+</template>
+
+<script setup lang="ts">
+import { useAppStore, useThemeStore } from '@/store';
+
+defineOptions({ name: 'SettingButton' });
+
+const app = useAppStore();
+const theme = useThemeStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/system-message.vue b/src/layouts/common/global-header/components/system-message.vue
new file mode 100644
index 0000000..a80db40
--- /dev/null
+++ b/src/layouts/common/global-header/components/system-message.vue
@@ -0,0 +1,217 @@
+<template>
+  <n-popover class="!p-0" trigger="click" placement="bottom">
+    <template #trigger>
+      <hover-container tooltip-content="消息通知" :inverted="theme.header.inverted" class="relative w-40px h-full">
+        <icon-clarity:notification-line class="text-18px" />
+        <n-badge
+          :value="count"
+          :max="99"
+          :class="[count < 10 ? '-right-2px' : '-right-10px']"
+          class="absolute top-10px"
+        />
+      </hover-container>
+    </template>
+    <n-tabs
+      v-model:value="currentTab"
+      :class="[isMobile ? 'w-276px' : 'w-360px']"
+      type="line"
+      justify-content="space-evenly"
+    >
+      <n-tab-pane v-for="(item, index) in tabData" :key="item.key" :name="index">
+        <template #tab>
+          <div class="flex-x-center items-center" :class="[isMobile ? 'w-92px' : 'w-120px']">
+            <span class="mr-5px">{{ item.name }}</span>
+            <n-badge
+              v-bind="item.badgeProps"
+              :value="item.list.filter(message => !message.isRead).length"
+              :max="99"
+              show-zero
+            />
+          </div>
+        </template>
+        <loading-empty-wrapper
+          class="h-360px"
+          :loading="loading"
+          :empty="item.list.length === 0"
+          placeholder-class="bg-$n-color transition-background-color duration-300 ease-in-out"
+        >
+          <message-list :list="item.list" @read="handleRead" />
+        </loading-empty-wrapper>
+      </n-tab-pane>
+    </n-tabs>
+    <div v-if="showAction" class="flex border-t border-$n-divider-color cursor-pointer">
+      <div class="flex-1 text-center py-10px" @click="handleClear">清空</div>
+      <div class="flex-1 text-center py-10px border-l border-$n-divider-color" @click="handleAllRead">全部已读</div>
+      <div class="flex-1 text-center py-10px border-l border-$n-divider-color" @click="handleLoadMore">查看更多</div>
+    </div>
+  </n-popover>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+import { useThemeStore } from '@/store';
+import { useBasicLayout } from '@/composables';
+import { useBoolean } from '@/hooks';
+import MessageList from './message-list.vue';
+
+defineOptions({ name: 'SystemMessage' });
+
+const theme = useThemeStore();
+const { isMobile } = useBasicLayout();
+const { bool: loading, setBool: setLoading } = useBoolean();
+
+const currentTab = ref(0);
+
+const tabData = ref<App.MessageTab[]>([
+  {
+    key: 1,
+    name: '通知',
+    badgeProps: { type: 'warning' },
+    list: [
+      { id: 1, icon: 'ri:message-3-line', title: '你收到了5条新消息', date: '2022-06-17' },
+      { id: 4, icon: 'ri:message-3-line', title: 'Soybean Admin 1.0.0 版本正在筹备中', date: '2022-06-17' },
+      { id: 2, icon: 'ri:message-3-line', title: 'Soybean Admin 0.9.6 版本发布了', date: '2022-06-16' },
+      { id: 3, icon: 'ri:message-3-line', title: 'Soybean Admin 0.9.5 版本发布了', date: '2022-06-07' },
+      {
+        id: 5,
+        icon: 'ri:message-3-line',
+        title: '测试超长标题测试超长标题测试超长标题测试超长标题测试超长标题测试超长标题测试超长标题测试超长标题',
+        date: '2022-06-17'
+      }
+    ]
+  },
+  {
+    key: 2,
+    name: '消息',
+    badgeProps: { type: 'error' },
+    list: [
+      {
+        id: 1,
+        title: '项目动态',
+        svgIcon: 'avatar',
+        description: 'Soybean 刚才把工作台页面随便写了一些，凑合能看了！',
+        date: '2021-11-07 22:45:32'
+      },
+      {
+        id: 2,
+        title: '项目动态',
+        svgIcon: 'avatar',
+        description: 'Soybean 正在忙于为soybean-admin写项目说明文档！',
+        date: '2021-11-03 20:33:31'
+      },
+      {
+        id: 3,
+        title: '项目动态',
+        svgIcon: 'avatar',
+        description: 'Soybean 准备为soybean-admin 1.0的发布做充分的准备工作！',
+        date: '2021-10-31 22:43:12'
+      },
+      {
+        id: 4,
+        title: '项目动态',
+        svgIcon: 'avatar',
+        description: '@yanbowe 向soybean-admin提交了一个bug，多标签栏不会自适应。',
+        date: '2021-10-27 10:24:54'
+      },
+      {
+        id: 5,
+        title: '项目动态',
+        svgIcon: 'avatar',
+        description: 'Soybean 在2021年5月28日创建了开源项目soybean-admin！',
+        date: '2021-05-28 22:22:22'
+      }
+    ]
+  },
+  {
+    key: 3,
+    name: '待办',
+    badgeProps: { type: 'info' },
+    list: [
+      {
+        id: 1,
+        icon: 'ri:calendar-todo-line',
+        title: '缓存主题配置',
+        description: '任务正在计划中',
+        date: '2022-06-17',
+        tagTitle: '未开始',
+        tagProps: { type: 'default' }
+      },
+      {
+        id: 2,
+        icon: 'ri:calendar-todo-line',
+        title: '添加锁屏组件、全局Iframe组件',
+        description: '任务正在计划中',
+        date: '2022-06-17',
+        tagTitle: '未开始',
+        tagProps: { type: 'default' }
+      },
+      {
+        id: 3,
+        icon: 'ri:calendar-todo-line',
+        title: '示例页面完善',
+        description: '任务正在计划中',
+        date: '2022-06-17',
+        tagTitle: '未开始',
+        tagProps: { type: 'default' }
+      },
+      {
+        id: 4,
+        icon: 'ri:calendar-todo-line',
+        title: '表单、表格示例',
+        description: '任务正在计划中',
+        date: '2022-06-17',
+        tagTitle: '未开始',
+        tagProps: { type: 'default' }
+      },
+      {
+        id: 5,
+        icon: 'ri:calendar-todo-line',
+        title: '性能优化(优化递归函数)',
+        description: '任务正在计划中',
+        date: '2022-06-17',
+        tagTitle: '未开始',
+        tagProps: { type: 'default' }
+      },
+      {
+        id: 6,
+        icon: 'ri:calendar-todo-line',
+        title: '精简版(新分支thin)',
+        description: '任务正在计划中',
+        date: '2022-06-17',
+        tagTitle: '未开始',
+        tagProps: { type: 'default' }
+      }
+    ]
+  }
+]);
+
+const count = computed(() => {
+  return tabData.value.reduce((acc, cur) => {
+    return acc + cur.list.filter(item => !item.isRead).length;
+  }, 0);
+});
+
+const showAction = computed(() => tabData.value[currentTab.value].list.length > 0);
+
+function handleRead(index: number) {
+  tabData.value[currentTab.value].list[index].isRead = true;
+}
+
+function handleAllRead() {
+  tabData.value[currentTab.value].list.forEach(item => Object.assign(item, { isRead: true }));
+}
+
+function handleClear() {
+  tabData.value[currentTab.value].list = [];
+}
+
+function handleLoadMore() {
+  const { list } = tabData.value[currentTab.value];
+  setLoading(true);
+  setTimeout(() => {
+    list.push(...tabData.value[currentTab.value].list);
+    setLoading(false);
+  }, 1000);
+}
+</script>
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/theme-mode.vue b/src/layouts/common/global-header/components/theme-mode.vue
new file mode 100644
index 0000000..53bb32f
--- /dev/null
+++ b/src/layouts/common/global-header/components/theme-mode.vue
@@ -0,0 +1,15 @@
+<template>
+  <hover-container class="w-40px" :inverted="theme.header.inverted" tooltip-content="主题模式">
+    <dark-mode-switch :dark="theme.darkMode" class="wh-full" @update:dark="theme.setDarkMode" />
+  </hover-container>
+</template>
+
+<script lang="ts" setup>
+import { useThemeStore } from '@/store';
+
+defineOptions({ name: 'ThemeMode' });
+
+const theme = useThemeStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/toggle-lang.vue b/src/layouts/common/global-header/components/toggle-lang.vue
new file mode 100644
index 0000000..d5e8e2f
--- /dev/null
+++ b/src/layouts/common/global-header/components/toggle-lang.vue
@@ -0,0 +1,33 @@
+<template>
+  <hover-container class="w-40px h-full">
+    <n-dropdown :options="options" trigger="hover" :value="language" @select="handleSelect">
+      <icon-cil:language class="text-18px outline-transparent" />
+    </n-dropdown>
+  </hover-container>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { localStg } from '@/utils';
+
+const { locale } = useI18n();
+
+const language = ref<I18nType.langType>(localStg.get('lang') || 'zh-CN');
+const options = [
+  {
+    label: '中文',
+    key: 'zh-CN'
+  },
+  {
+    label: 'English',
+    key: 'en'
+  }
+];
+const handleSelect = (key: string) => {
+  language.value = key as I18nType.langType;
+  locale.value = key;
+  localStg.set('lang', key as I18nType.langType);
+};
+</script>
+<style scoped></style>
diff --git a/src/layouts/common/global-header/components/user-avatar.vue b/src/layouts/common/global-header/components/user-avatar.vue
new file mode 100644
index 0000000..030b55e
--- /dev/null
+++ b/src/layouts/common/global-header/components/user-avatar.vue
@@ -0,0 +1,56 @@
+<template>
+  <n-dropdown :options="options" @select="handleDropdown">
+    <hover-container class="px-12px" :inverted="theme.header.inverted">
+      <icon-local-avatar class="text-32px" />
+      <span class="pl-8px text-16px font-medium">{{ auth.userInfo.userName }}</span>
+    </hover-container>
+  </n-dropdown>
+</template>
+
+<script lang="ts" setup>
+import type { DropdownOption } from 'naive-ui';
+import { useAuthStore, useThemeStore } from '@/store';
+import { useIconRender } from '@/composables';
+
+defineOptions({ name: 'UserAvatar' });
+
+const auth = useAuthStore();
+const theme = useThemeStore();
+const { iconRender } = useIconRender();
+
+const options: DropdownOption[] = [
+  {
+    label: '用户中心',
+    key: 'user-center',
+    icon: iconRender({ icon: 'carbon:user-avatar' })
+  },
+  {
+    type: 'divider',
+    key: 'divider'
+  },
+  {
+    label: '退出登录',
+    key: 'logout',
+    icon: iconRender({ icon: 'carbon:logout' })
+  }
+];
+
+type DropdownKey = 'user-center' | 'logout';
+
+function handleDropdown(optionKey: string) {
+  const key = optionKey as DropdownKey;
+  if (key === 'logout') {
+    window.$dialog?.info({
+      title: '提示',
+      content: '您确定要退出登录吗？',
+      positiveText: '确定',
+      negativeText: '取消',
+      onPositiveClick: () => {
+        auth.resetAuthStore();
+      }
+    });
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-header/index.vue b/src/layouts/common/global-header/index.vue
new file mode 100644
index 0000000..712b3ed
--- /dev/null
+++ b/src/layouts/common/global-header/index.vue
@@ -0,0 +1,65 @@
+<template>
+  <dark-mode-container class="global-header flex-y-center h-full" :inverted="theme.header.inverted">
+    <global-logo v-if="showLogo" :show-title="true" class="h-full" :style="{ width: theme.sider.width + 'px' }" />
+    <div v-if="!showHeaderMenu" class="flex-1-hidden flex-y-center h-full">
+      <menu-collapse v-if="showMenuCollapse || isMobile" />
+      <global-breadcrumb v-if="theme.header.crumb.visible && !isMobile" />
+    </div>
+    <header-menu v-else />
+    <div class="flex justify-end h-full">
+      <global-search />
+      <!-- <github-site /> -->
+      <full-screen />
+      <theme-mode />
+      <toggle-lang />
+      <system-message />
+      <setting-button v-if="showButton" />
+			<robot-button></robot-button>
+      <user-avatar />
+    </div>
+  </dark-mode-container>
+</template>
+
+<script setup lang="ts">
+import { useThemeStore } from '@/store';
+import { useBasicLayout } from '@/composables';
+import GlobalLogo from '../global-logo/index.vue';
+import GlobalSearch from '../global-search/index.vue';
+import {
+  FullScreen,
+  // GithubSite,
+  GlobalBreadcrumb,
+  HeaderMenu,
+  MenuCollapse,
+  SettingButton,
+  SystemMessage,
+  ThemeMode,
+  UserAvatar,
+  ToggleLang,
+	RobotButton
+} from './components';
+
+defineOptions({ name: 'GlobalHeader' });
+
+interface Props {
+  /** 显示logo */
+  showLogo: App.GlobalHeaderProps['showLogo'];
+  /** 显示头部菜单 */
+  showHeaderMenu: App.GlobalHeaderProps['showHeaderMenu'];
+  /** 显示菜单折叠按钮 */
+  showMenuCollapse: App.GlobalHeaderProps['showMenuCollapse'];
+}
+
+defineProps<Props>();
+
+const theme = useThemeStore();
+const { isMobile } = useBasicLayout();
+
+const showButton = import.meta.env.PROD && import.meta.env.VITE_VERCEL !== 'Y';
+</script>
+
+<style scoped>
+.global-header {
+  box-shadow: 0 1px 2px rgb(0 21 41 / 8%);
+}
+</style>
diff --git a/src/layouts/common/global-logo/index.vue b/src/layouts/common/global-logo/index.vue
new file mode 100644
index 0000000..d4c592c
--- /dev/null
+++ b/src/layouts/common/global-logo/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <router-link :to="routeHomePath" class="flex-center w-full nowrap-hidden">
+    <system-logo class="text-32px text-primary" />
+    <h2 v-show="showTitle" class="pl-8px text-16px font-bold text-primary transition duration-300 ease-in-out">
+      {{ t('message.system.title') }}
+    </h2>
+  </router-link>
+</template>
+
+<script setup lang="ts">
+import { routePath } from '@/router';
+import { t } from '@/locales';
+
+defineOptions({ name: 'GlobalLogo' });
+
+interface Props {
+  /** 显示名字 */
+  showTitle: boolean;
+}
+
+defineProps<Props>();
+
+const routeHomePath = routePath('root');
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-search/components/index.ts b/src/layouts/common/global-search/components/index.ts
new file mode 100644
index 0000000..5fe537f
--- /dev/null
+++ b/src/layouts/common/global-search/components/index.ts
@@ -0,0 +1,3 @@
+import SearchModal from './search-modal.vue';
+
+export { SearchModal };
diff --git a/src/layouts/common/global-search/components/search-footer.vue b/src/layouts/common/global-search/components/search-footer.vue
new file mode 100644
index 0000000..aa76d37
--- /dev/null
+++ b/src/layouts/common/global-search/components/search-footer.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="px-24px h-44px flex-y-center">
+    <span class="mr-14px flex-y-center">
+      <icon-mdi-keyboard-return class="icon text-20px p-2px mr-6px" />
+      <span>确认</span>
+    </span>
+    <span class="mr-14px flex-y-center">
+      <icon-mdi-arrow-up-thin class="icon text-20px p-2px mr-5px" />
+      <icon-mdi-arrow-down-thin class="icon text-20px p-2px mr-6px" />
+      <span>切换</span>
+    </span>
+    <span class="flex-y-center">
+      <icon-mdi-keyboard-esc class="icon text-20px p-2px mr-6px" />
+      <span>关闭</span>
+    </span>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'SearchFooter' });
+</script>
+
+<style lang="scss" scoped>
+.icon {
+  box-shadow: inset 0 -2px #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px #1e235a66;
+}
+</style>
diff --git a/src/layouts/common/global-search/components/search-modal.vue b/src/layouts/common/global-search/components/search-modal.vue
new file mode 100644
index 0000000..b559b44
--- /dev/null
+++ b/src/layouts/common/global-search/components/search-modal.vue
@@ -0,0 +1,147 @@
+<template>
+  <n-modal
+    v-model:show="show"
+    :segmented="{ footer: 'soft' }"
+    :closable="false"
+    preset="card"
+    footer-style="padding: 0; margin: 0"
+    class="fixed left-0 right-0"
+    :class="[isMobile ? 'wh-full top-0px rounded-0' : 'w-630px top-50px']"
+    @after-leave="handleClose"
+  >
+    <n-input-group>
+      <n-input ref="inputRef" v-model:value="keyword" clearable placeholder="请输入关键词搜索" @input="handleSearch">
+        <template #prefix>
+          <icon-uil-search class="text-15px text-#c2c2c2" />
+        </template>
+      </n-input>
+      <n-button v-if="isMobile" type="primary" ghost @click="handleClose">取消</n-button>
+    </n-input-group>
+
+    <div class="mt-20px">
+      <n-empty v-if="resultOptions.length === 0" description="暂无搜索结果" />
+      <search-result v-else v-model:value="activePath" :options="resultOptions" @enter="handleEnter" />
+    </div>
+    <template #footer>
+      <search-footer v-if="!isMobile" />
+    </template>
+  </n-modal>
+</template>
+
+<script lang="ts" setup>
+import { computed, nextTick, ref, shallowRef, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import { onKeyStroke, useDebounceFn } from '@vueuse/core';
+import { useRouteStore } from '@/store';
+import { useBasicLayout } from '@/composables';
+import SearchResult from './search-result.vue';
+import SearchFooter from './search-footer.vue';
+
+defineOptions({ name: 'SearchModal' });
+
+interface Props {
+  /** 弹窗显隐 */
+  value: boolean;
+}
+
+const props = defineProps<Props>();
+
+interface Emits {
+  (e: 'update:value', val: boolean): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const { isMobile } = useBasicLayout();
+const router = useRouter();
+const routeStore = useRouteStore();
+
+const keyword = ref('');
+const activePath = ref('');
+const resultOptions = shallowRef<AuthRoute.Route[]>([]);
+const inputRef = ref<HTMLInputElement>();
+
+const handleSearch = useDebounceFn(search, 300);
+
+const show = computed({
+  get() {
+    return props.value;
+  },
+  set(val: boolean) {
+    emit('update:value', val);
+  }
+});
+
+watch(show, async val => {
+  if (val) {
+    /** 自动聚焦 */
+    await nextTick();
+    inputRef.value?.focus();
+  }
+});
+
+/** 查询 */
+function search() {
+  resultOptions.value = routeStore.searchMenus.filter(
+    menu => keyword.value && menu.meta?.title.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase().trim())
+  );
+  if (resultOptions.value?.length > 0) {
+    activePath.value = resultOptions.value[0].path;
+  } else {
+    activePath.value = '';
+  }
+}
+
+function handleClose() {
+  show.value = false;
+  /** 延时处理防止用户看到某些操作 */
+  setTimeout(() => {
+    resultOptions.value = [];
+    keyword.value = '';
+  }, 200);
+}
+
+/** key up */
+function handleUp() {
+  const { length } = resultOptions.value;
+  if (length === 0) return;
+  const index = resultOptions.value.findIndex(item => item.path === activePath.value);
+  if (index === 0) {
+    activePath.value = resultOptions.value[length - 1].path;
+  } else {
+    activePath.value = resultOptions.value[index - 1].path;
+  }
+}
+
+/** key down */
+function handleDown() {
+  const { length } = resultOptions.value;
+  if (length === 0) return;
+  const index = resultOptions.value.findIndex(item => item.path === activePath.value);
+  if (index + 1 === length) {
+    activePath.value = resultOptions.value[0].path;
+  } else {
+    activePath.value = resultOptions.value[index + 1].path;
+  }
+}
+
+/** key enter */
+function handleEnter() {
+  const { length } = resultOptions.value;
+  if (length === 0 || activePath.value === '') return;
+  const routeItem = resultOptions.value.find(item => item.path === activePath.value);
+  if (routeItem?.meta?.href) {
+    window.open(activePath.value, '__blank');
+  } else {
+    router.push(activePath.value);
+    handleClose();
+  }
+}
+
+onKeyStroke('Escape', handleClose);
+onKeyStroke('Enter', handleEnter);
+onKeyStroke('ArrowUp', handleUp);
+onKeyStroke('ArrowDown', handleDown);
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/layouts/common/global-search/components/search-result.vue b/src/layouts/common/global-search/components/search-result.vue
new file mode 100644
index 0000000..68eed3a
--- /dev/null
+++ b/src/layouts/common/global-search/components/search-result.vue
@@ -0,0 +1,64 @@
+<template>
+  <n-scrollbar>
+    <div class="pb-12px">
+      <template v-for="item in options" :key="item.path">
+        <div
+          class="bg-#e5e7eb dark:bg-dark h-56px mt-8px px-14px rounded-4px cursor-pointer flex-y-center justify-between"
+          :style="{
+            background: item.path === active ? theme.themeColor : '',
+            color: item.path === active ? '#fff' : ''
+          }"
+          @click="handleTo"
+          @mouseenter="handleMouse(item)"
+        >
+          <svg-icon :icon="item.meta.icon" :local-icon="item.meta.localIcon" />
+          <span class="flex-1 ml-5px">{{ item.meta?.title }}</span>
+          <icon-ant-design-enter-outlined class="icon text-20px p-2px mr-3px" />
+        </div>
+      </template>
+    </div>
+  </n-scrollbar>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { useThemeStore } from '@/store';
+
+defineOptions({ name: 'SearchResult' });
+
+interface Props {
+  value: string;
+  options: AuthRoute.Route[];
+}
+
+const props = defineProps<Props>();
+
+interface Emits {
+  (e: 'update:value', val: string): void;
+  (e: 'enter'): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const theme = useThemeStore();
+
+const active = computed({
+  get() {
+    return props.value;
+  },
+  set(val: string) {
+    emit('update:value', val);
+  }
+});
+
+/** 鼠标移入 */
+async function handleMouse(item: AuthRoute.Route) {
+  active.value = item.path;
+}
+
+function handleTo() {
+  emit('enter');
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/layouts/common/global-search/index.vue b/src/layouts/common/global-search/index.vue
new file mode 100644
index 0000000..ae625a5
--- /dev/null
+++ b/src/layouts/common/global-search/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <hover-container
+      class="w-40px h-full"
+      tooltip-content="搜索"
+      :inverted="theme.header.inverted"
+      @click="handleSearch"
+    >
+      <icon-uil-search class="text-20px" />
+    </hover-container>
+    <search-modal v-model:value="show" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useThemeStore } from '@/store';
+import { useBoolean } from '@/hooks';
+import { SearchModal } from './components';
+
+defineOptions({ name: 'GlobalSearch' });
+
+const { bool: show, toggle } = useBoolean();
+const theme = useThemeStore();
+
+function handleSearch() {
+  toggle();
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/layouts/common/global-sider/components/index.ts b/src/layouts/common/global-sider/components/index.ts
new file mode 100644
index 0000000..3e7b5a6
--- /dev/null
+++ b/src/layouts/common/global-sider/components/index.ts
@@ -0,0 +1,4 @@
+import VerticalSider from './vertical-sider/index.vue';
+import VerticalMixSider from './vertical-mix-sider/index.vue';
+
+export { VerticalSider, VerticalMixSider };
diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts b/src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts
new file mode 100644
index 0000000..5d91cd5
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts
@@ -0,0 +1,5 @@
+import MixMenuDetail from './mix-menu-detail.vue';
+import MixMenuDrawer from './mix-menu-drawer.vue';
+import MixMenuCollapse from './mix-menu-collapse.vue';
+
+export { MixMenuDetail, MixMenuDrawer, MixMenuCollapse };
diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-collapse.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-collapse.vue
new file mode 100644
index 0000000..d7698ae
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-collapse.vue
@@ -0,0 +1,16 @@
+<template>
+  <n-button :text="true" class="h-36px" @click="app.toggleSiderCollapse">
+    <icon-ph-caret-double-right-bold v-if="app.siderCollapse" class="text-16px" />
+    <icon-ph-caret-double-left-bold v-else class="text-16px" />
+  </n-button>
+</template>
+
+<script lang="ts" setup>
+import { useAppStore } from '@/store';
+
+defineOptions({ name: 'MixMenuCollapse' });
+
+const app = useAppStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue
new file mode 100644
index 0000000..bca0fea
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="mb-6px px-4px cursor-pointer" @mouseenter="setTrue" @mouseleave="setFalse">
+    <div
+      class="flex-center flex-col py-12px rounded-2px bg-transparent transition-colors duration-300 ease-in-out"
+      :class="{ 'text-primary !bg-primary_active': isActive, 'text-primary': isHover }"
+    >
+      <component :is="icon" :class="[isMini ? 'text-16px' : 'text-20px']" />
+      <p
+        class="text-12px overflow-hidden transition-height duration-300 ease-in-out"
+        :class="[isMini ? 'h-0 pt-0' : 'h-24px pt-4px']"
+      >
+        {{ label }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { Component } from 'vue';
+import { useBoolean } from '@/hooks';
+
+defineOptions({ name: 'MixMenuDetail' });
+
+interface Props {
+  /** 路由名称 */
+  routeName: string;
+  /** 路由名称文本 */
+  label: string;
+  /** 当前激活状态的理由名称 */
+  activeRouteName: string;
+  /** 路由图标 */
+  icon?: Component;
+  /** mini尺寸的路由 */
+  isMini?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  icon: undefined,
+  isMini: false
+});
+
+const { bool: isHover, setTrue, setFalse } = useBoolean();
+
+const isActive = computed(() => props.routeName === props.activeRouteName);
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-drawer.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-drawer.vue
new file mode 100644
index 0000000..f743f99
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-drawer.vue
@@ -0,0 +1,85 @@
+<template>
+  <div
+    class="relative h-full transition-width duration-300 ease-in-out"
+    :style="{ width: app.mixSiderFixed ? theme.sider.mixChildMenuWidth + 'px' : '0px' }"
+  >
+    <dark-mode-container
+      class="drawer-shadow absolute-lt flex-col-stretch h-full nowrap-hidden"
+      :inverted="theme.sider.inverted"
+      :style="{ width: showDrawer ? theme.sider.mixChildMenuWidth + 'px' : '0px' }"
+    >
+      <header class="header-height flex-y-center justify-between" :style="{ height: theme.header.height + 'px' }">
+        <h2 class="text-primary pl-8px text-16px font-bold">{{ title }}</h2>
+        <div class="px-8px text-16px text-gray-600 cursor-pointer" @click="app.toggleMixSiderFixed">
+          <icon-mdi-pin-off v-if="app.mixSiderFixed" />
+          <icon-mdi-pin v-else />
+        </div>
+      </header>
+      <n-scrollbar class="flex-1-hidden">
+        <n-menu
+          :value="activeKey"
+          :options="menus"
+          :expanded-keys="expandedKeys"
+          :indent="18"
+          :inverted="!theme.darkMode && theme.sider.inverted"
+          @update:value="handleUpdateMenu"
+          @update:expanded-keys="handleUpdateExpandedKeys"
+        />
+      </n-scrollbar>
+    </dark-mode-container>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import type { MenuOption } from 'naive-ui';
+import { useAppStore, useThemeStore } from '@/store';
+import { useAppInfo, useRouterPush } from '@/composables';
+import { getActiveKeyPathsOfMenus } from '@/utils';
+
+defineOptions({ name: 'MixMenuDrawer' });
+
+interface Props {
+  /** 菜单抽屉可见性 */
+  visible: boolean;
+  /** 子菜单数据 */
+  menus: App.GlobalMenuOption[];
+}
+
+const props = defineProps<Props>();
+
+const route = useRoute();
+const app = useAppStore();
+const theme = useThemeStore();
+const { routerPush } = useRouterPush();
+const { title } = useAppInfo();
+
+const showDrawer = computed(() => (props.visible && props.menus.length) || app.mixSiderFixed);
+
+const activeKey = computed(() => (route.meta?.activeMenu ? route.meta.activeMenu : route.name) as string);
+const expandedKeys = ref<string[]>([]);
+
+function handleUpdateMenu(_key: string, item: MenuOption) {
+  const menuItem = item as App.GlobalMenuOption;
+  routerPush(menuItem.routePath);
+}
+
+function handleUpdateExpandedKeys(keys: string[]) {
+  expandedKeys.value = keys;
+}
+
+watch(
+  () => route.name,
+  () => {
+    expandedKeys.value = getActiveKeyPathsOfMenus(activeKey.value, props.menus);
+  },
+  { immediate: true }
+);
+</script>
+
+<style scoped>
+.drawer-shadow {
+  box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
+}
+</style>
diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue
new file mode 100644
index 0000000..5d32079
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue
@@ -0,0 +1,109 @@
+<template>
+  <dark-mode-container class="flex h-full" :inverted="theme.sider.inverted" @mouseleave="resetFirstDegreeMenus">
+    <div class="flex-1 flex-col-stretch h-full">
+      <global-logo :show-title="false" :style="{ height: theme.header.height + 'px' }" />
+      <n-scrollbar class="flex-1-hidden">
+        <mix-menu-detail
+          v-for="item in firstDegreeMenus"
+          :key="item.routeName"
+          :route-name="item.routeName"
+          :active-route-name="activeParentRouteName"
+          :label="item.label"
+          :icon="item.icon"
+          :is-mini="app.siderCollapse"
+          @click="handleMixMenu(item.routeName, item.hasChildren)"
+        />
+      </n-scrollbar>
+      <mix-menu-collapse />
+    </div>
+    <mix-menu-drawer :visible="drawerVisible" :menus="activeChildMenus" />
+  </dark-mode-container>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { useAppStore, useRouteStore, useThemeStore } from '@/store';
+import { useRouterPush } from '@/composables';
+import { useBoolean } from '@/hooks';
+import { translateMenuLabel } from '@/utils';
+import { GlobalLogo } from '@/layouts/common';
+import { t } from '@/locales';
+import { MixMenuCollapse, MixMenuDetail, MixMenuDrawer } from './components';
+
+defineOptions({ name: 'VerticalMixSider' });
+
+const route = useRoute();
+const app = useAppStore();
+const theme = useThemeStore();
+const routeStore = useRouteStore();
+const { routerPush } = useRouterPush();
+const { bool: drawerVisible, setTrue: openDrawer, setFalse: hideDrawer } = useBoolean();
+
+const activeParentRouteName = ref('');
+function setActiveParentRouteName(routeName: string) {
+  activeParentRouteName.value = routeName;
+}
+
+const firstDegreeMenus = computed(() =>
+  routeStore.menus.map(item => {
+    const { routeName, label, i18nTitle } = item;
+    const icon = item?.icon;
+    const hasChildren = Boolean(item.children && item.children.length);
+
+    return {
+      routeName,
+      label: i18nTitle ? t(i18nTitle) : label,
+      icon,
+      hasChildren
+    };
+  })
+);
+
+function getActiveParentRouteName() {
+  firstDegreeMenus.value.some(item => {
+    const routeName = (route.meta?.activeMenu ? route.meta.activeMenu : route.name) as string;
+    const flag = routeName?.includes(item.routeName);
+    if (flag) {
+      setActiveParentRouteName(item.routeName);
+    }
+    return flag;
+  });
+}
+
+function handleMixMenu(routeName: string, hasChildren: boolean) {
+  setActiveParentRouteName(routeName);
+  if (hasChildren) {
+    openDrawer();
+  } else {
+    routerPush({ name: routeName });
+  }
+}
+
+function resetFirstDegreeMenus() {
+  getActiveParentRouteName();
+  hideDrawer();
+}
+
+const activeChildMenus = computed(() => {
+  const menus: App.GlobalMenuOption[] = [];
+  routeStore.menus.some(item => {
+    const flag = item.routeName === activeParentRouteName.value && Boolean(item.children?.length);
+    if (flag) {
+      menus.push(...translateMenuLabel((item.children || []) as App.GlobalMenuOption[]));
+    }
+    return flag;
+  });
+  return menus;
+});
+
+watch(
+  () => route.name,
+  () => {
+    getActiveParentRouteName();
+  },
+  { immediate: true }
+);
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-sider/components/vertical-sider/components/index.ts b/src/layouts/common/global-sider/components/vertical-sider/components/index.ts
new file mode 100644
index 0000000..6e16210
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-sider/components/index.ts
@@ -0,0 +1,3 @@
+import VerticalMenu from './vertical-menu.vue';
+
+export { VerticalMenu };
diff --git a/src/layouts/common/global-sider/components/vertical-sider/components/vertical-menu.vue b/src/layouts/common/global-sider/components/vertical-sider/components/vertical-menu.vue
new file mode 100644
index 0000000..8f5c4e0
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-sider/components/vertical-menu.vue
@@ -0,0 +1,57 @@
+<template>
+  <n-scrollbar class="flex-1-hidden">
+    <n-menu
+      :value="activeKey"
+      :collapsed="app.siderCollapse"
+      :collapsed-width="theme.sider.collapsedWidth"
+      :collapsed-icon-size="22"
+      :options="menus"
+      :expanded-keys="expandedKeys"
+      :indent="18"
+      :inverted="!theme.darkMode && theme.sider.inverted"
+      @update:value="handleUpdateMenu"
+      @update:expanded-keys="handleUpdateExpandedKeys"
+    />
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import type { MenuOption } from 'naive-ui';
+import { useAppStore, useRouteStore, useThemeStore } from '@/store';
+import { useRouterPush } from '@/composables';
+import { getActiveKeyPathsOfMenus, translateMenuLabel } from '@/utils';
+
+defineOptions({ name: 'VerticalMenu' });
+
+const route = useRoute();
+const app = useAppStore();
+const theme = useThemeStore();
+const routeStore = useRouteStore();
+const { routerPush } = useRouterPush();
+
+const menus = computed(() => translateMenuLabel(routeStore.menus as App.GlobalMenuOption[]));
+
+const activeKey = computed(() => (route.meta?.activeMenu ? route.meta.activeMenu : route.name) as string);
+const expandedKeys = ref<string[]>([]);
+
+function handleUpdateMenu(_key: string, item: MenuOption) {
+  const menuItem = item as App.GlobalMenuOption;
+  routerPush(menuItem.routePath);
+}
+
+function handleUpdateExpandedKeys(keys: string[]) {
+  expandedKeys.value = keys;
+}
+
+watch(
+  () => route.name,
+  () => {
+    expandedKeys.value = getActiveKeyPathsOfMenus(activeKey.value, menus.value);
+  },
+  { immediate: true }
+);
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-sider/components/vertical-sider/index.vue b/src/layouts/common/global-sider/components/vertical-sider/index.vue
new file mode 100644
index 0000000..f3cd224
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-sider/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <dark-mode-container class="flex-col-stretch h-full" :inverted="theme.sider.inverted">
+    <global-logo v-if="!isHorizontalMix" :show-title="showTitle" :style="{ height: theme.header.height + 'px' }" />
+    <vertical-menu />
+  </dark-mode-container>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useAppStore, useThemeStore } from '@/store';
+import { GlobalLogo } from '@/layouts/common';
+import { VerticalMenu } from './components';
+
+defineOptions({ name: 'VerticalSider' });
+
+const app = useAppStore();
+const theme = useThemeStore();
+
+const isHorizontalMix = computed(() => theme.layout.mode === 'horizontal-mix');
+const showTitle = computed(() => !app.siderCollapse && theme.layout.mode !== 'vertical-mix');
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-sider/index.vue b/src/layouts/common/global-sider/index.vue
new file mode 100644
index 0000000..fbcd4b8
--- /dev/null
+++ b/src/layouts/common/global-sider/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <vertical-mix-sider v-if="isVerticalMix" class="global-sider" />
+  <vertical-sider v-else class="global-sider" />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useThemeStore } from '@/store';
+import { VerticalMixSider, VerticalSider } from './components';
+
+defineOptions({ name: 'GlobalSider' });
+
+const theme = useThemeStore();
+
+const isVerticalMix = computed(() => theme.layout.mode === 'vertical-mix');
+</script>
+
+<style scoped>
+.global-sider {
+  box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
+}
+</style>
diff --git a/src/layouts/common/global-tab/components/index.ts b/src/layouts/common/global-tab/components/index.ts
new file mode 100644
index 0000000..b7105ba
--- /dev/null
+++ b/src/layouts/common/global-tab/components/index.ts
@@ -0,0 +1,4 @@
+import TabDetail from './tab-detail/index.vue';
+import ReloadButton from './reload-button/index.vue';
+
+export { TabDetail, ReloadButton };
diff --git a/src/layouts/common/global-tab/components/reload-button/index.vue b/src/layouts/common/global-tab/components/reload-button/index.vue
new file mode 100644
index 0000000..d1468a0
--- /dev/null
+++ b/src/layouts/common/global-tab/components/reload-button/index.vue
@@ -0,0 +1,34 @@
+<template>
+  <hover-container class="w-64px h-full" tooltip-content="重新加载" placement="bottom-end" @click="handleRefresh">
+    <icon-mdi-refresh class="text-22px" :class="{ 'animate-spin': loading }" />
+  </hover-container>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { useAppStore, useRouteStore } from '@/store';
+import { useLoading } from '@/hooks';
+defineOptions({ name: 'ReloadButton' });
+
+const app = useAppStore();
+const routeStore = useRouteStore();
+const route = useRoute();
+const { loading, startLoading, endLoading } = useLoading();
+
+function handleRefresh() {
+  const isCached = routeStore.cacheRoutes.includes(String(route.name));
+  if (isCached) {
+    routeStore.removeCacheRoute(route.name as AuthRoute.AllRouteKey);
+  }
+  startLoading();
+  app.reloadPage();
+  setTimeout(() => {
+    if (isCached) {
+      routeStore.addCacheRoute(route.name as AuthRoute.AllRouteKey);
+    }
+    endLoading();
+  }, 1000);
+}
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-tab/components/tab-detail/components/context-menu.vue b/src/layouts/common/global-tab/components/tab-detail/components/context-menu.vue
new file mode 100644
index 0000000..cf291de
--- /dev/null
+++ b/src/layouts/common/global-tab/components/tab-detail/components/context-menu.vue
@@ -0,0 +1,169 @@
+<template>
+  <n-dropdown
+    :show="dropdownVisible"
+    :options="options"
+    placement="bottom-start"
+    :x="x"
+    :y="y"
+    @clickoutside="hide"
+    @select="handleDropdown"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { DropdownOption } from 'naive-ui';
+import { useAppStore, useTabStore } from '@/store';
+import { useIconRender } from '@/composables';
+
+defineOptions({ name: 'ContextMenu' });
+
+interface Props {
+  /** 右键菜单可见性 */
+  visible?: boolean;
+  /** 当前路由路径 */
+  currentPath?: string;
+  /** 是否固定在tab卡不可关闭  */
+  affix?: boolean;
+  /** 鼠标x坐标 */
+  x: number;
+  /** 鼠标y坐标 */
+  y: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  visible: false,
+  currentPath: ''
+});
+
+interface Emits {
+  (e: 'update:visible', visible: boolean): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const app = useAppStore();
+const tab = useTabStore();
+const { iconRender } = useIconRender();
+
+const dropdownVisible = computed({
+  get() {
+    return props.visible;
+  },
+  set(visible: boolean) {
+    emit('update:visible', visible);
+  }
+});
+
+function hide() {
+  dropdownVisible.value = false;
+}
+
+type DropdownKey =
+  | 'full-content'
+  | 'reload-current'
+  | 'close-current'
+  | 'close-other'
+  | 'close-left'
+  | 'close-right'
+  | 'close-all';
+type Option = DropdownOption & {
+  key: DropdownKey;
+};
+
+const options = computed<Option[]>(() => [
+  {
+    label: '内容全屏',
+    key: 'full-content',
+    icon: iconRender({ icon: 'gridicons-fullscreen' })
+  },
+  {
+    label: '重新加载',
+    key: 'reload-current',
+    disabled: props.currentPath !== tab.activeTab,
+    icon: iconRender({ icon: 'ant-design:reload-outlined' })
+  },
+  {
+    label: '关闭',
+    key: 'close-current',
+    disabled: props.currentPath === tab.homeTab.fullPath || Boolean(props.affix),
+    icon: iconRender({ icon: 'ant-design:close-outlined' })
+  },
+  {
+    label: '关闭其他',
+    key: 'close-other',
+    icon: iconRender({ icon: 'ant-design:column-width-outlined' })
+  },
+  {
+    label: '关闭左侧',
+    key: 'close-left',
+    icon: iconRender({ icon: 'mdi:format-horizontal-align-left' })
+  },
+  {
+    label: '关闭右侧',
+    key: 'close-right',
+    icon: iconRender({ icon: 'mdi:format-horizontal-align-right' })
+  },
+  {
+    label: '关闭所有',
+    key: 'close-all',
+    icon: iconRender({ icon: 'ant-design:line-outlined' })
+  }
+]);
+
+const actionMap = new Map<DropdownKey, () => void>([
+  [
+    'full-content',
+    () => {
+      app.setContentFull(true);
+    }
+  ],
+  [
+    'reload-current',
+    () => {
+      app.reloadPage();
+    }
+  ],
+  [
+    'close-current',
+    () => {
+      tab.removeTab(props.currentPath);
+    }
+  ],
+  [
+    'close-other',
+    () => {
+      tab.clearTab([props.currentPath]);
+    }
+  ],
+  [
+    'close-left',
+    () => {
+      tab.clearLeftTab(props.currentPath);
+    }
+  ],
+  [
+    'close-right',
+    () => {
+      tab.clearRightTab(props.currentPath);
+    }
+  ],
+  [
+    'close-all',
+    () => {
+      tab.clearAllTab();
+    }
+  ]
+]);
+
+function handleDropdown(optionKey: string) {
+  const key = optionKey as DropdownKey;
+  const actionFunc = actionMap.get(key);
+  if (actionFunc) {
+    actionFunc();
+  }
+  hide();
+}
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-tab/components/tab-detail/components/index.ts b/src/layouts/common/global-tab/components/tab-detail/components/index.ts
new file mode 100644
index 0000000..3ca94f0
--- /dev/null
+++ b/src/layouts/common/global-tab/components/tab-detail/components/index.ts
@@ -0,0 +1,3 @@
+import ContextMenu from './context-menu.vue';
+
+export { ContextMenu };
diff --git a/src/layouts/common/global-tab/components/tab-detail/index.vue b/src/layouts/common/global-tab/components/tab-detail/index.vue
new file mode 100644
index 0000000..828ecc4
--- /dev/null
+++ b/src/layouts/common/global-tab/components/tab-detail/index.vue
@@ -0,0 +1,132 @@
+<template>
+  <div ref="tabRef" class="flex h-full pr-18px" :class="[isChromeMode ? 'items-end' : 'items-center gap-12px']">
+    <AdminTab
+      v-for="item in tab.tabs"
+      :key="item.fullPath"
+      :mode="theme.tab.mode"
+      :dark-mode="theme.darkMode"
+      :active="tab.activeTab === item.fullPath"
+      :active-color="theme.themeColor"
+      :closable="!(item.name === tab.homeTab.name || item.meta.affix)"
+      @click="tab.handleClickTab(item.fullPath)"
+      @close="tab.removeTab(item.fullPath)"
+      @contextmenu="handleContextMenu($event, item.fullPath, item.meta.affix)"
+    >
+      <template #prefix>
+        <svg-icon
+          :icon="item.meta.icon"
+          :local-icon="item.meta.localIcon"
+          class="inline-block align-text-bottom text-16px"
+        />
+      </template>
+      {{ item.meta.i18nTitle ? t(item.meta.i18nTitle) : item.meta.title }}
+    </AdminTab>
+  </div>
+  <context-menu
+    :visible="dropdown.visible"
+    :current-path="dropdown.currentPath"
+    :affix="dropdown.affix"
+    :x="dropdown.x"
+    :y="dropdown.y"
+    @update:visible="handleDropdownVisible"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed, nextTick, reactive, ref, watch } from 'vue';
+import { AdminTab } from '@soybeanjs/vue-materials';
+import { useTabStore, useThemeStore } from '@/store';
+import { t } from '@/locales';
+import { ContextMenu } from './components';
+
+defineOptions({ name: 'TabDetail' });
+
+interface Emits {
+  (e: 'scroll', clientX: number): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const theme = useThemeStore();
+const tab = useTabStore();
+
+const isChromeMode = computed(() => theme.tab.mode === 'chrome');
+
+// 获取当前激活的tab的clientX
+const tabRef = ref<HTMLElement>();
+async function getActiveTabClientX() {
+  await nextTick();
+  if (tabRef.value && tabRef.value.children.length && tabRef.value.children[tab.activeTabIndex]) {
+    const activeTabElement = tabRef.value.children[tab.activeTabIndex];
+    const { x, width } = activeTabElement.getBoundingClientRect();
+    const clientX = x + width / 2;
+    setTimeout(() => {
+      emit('scroll', clientX);
+    }, 50);
+  }
+}
+
+interface DropdownConfig {
+  visible: boolean;
+  affix: boolean;
+  x: number;
+  y: number;
+  currentPath: string;
+}
+
+const dropdown: DropdownConfig = reactive({
+  visible: false,
+  affix: false,
+  x: 0,
+  y: 0,
+  currentPath: ''
+});
+
+function setDropdown(config: Partial<DropdownConfig>) {
+  Object.assign(dropdown, config);
+}
+
+let isClickContextMenu = false;
+
+function handleDropdownVisible(visible: boolean) {
+  if (!isClickContextMenu) {
+    setDropdown({ visible });
+  }
+}
+
+/** 点击右键菜单 */
+async function handleContextMenu(e: MouseEvent, currentPath: string, affix?: boolean) {
+  e.preventDefault();
+
+  const { clientX, clientY } = e;
+
+  isClickContextMenu = true;
+
+  const DURATION = dropdown.visible ? 150 : 0;
+
+  setDropdown({ visible: false });
+
+  setTimeout(() => {
+    setDropdown({
+      visible: true,
+      x: clientX,
+      y: clientY,
+      currentPath,
+      affix
+    });
+    isClickContextMenu = false;
+  }, DURATION);
+}
+
+watch(
+  () => tab.activeTabIndex,
+  () => {
+    getActiveTabClientX();
+  },
+  {
+    immediate: true
+  }
+);
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/global-tab/index.vue b/src/layouts/common/global-tab/index.vue
new file mode 100644
index 0000000..b22049b
--- /dev/null
+++ b/src/layouts/common/global-tab/index.vue
@@ -0,0 +1,65 @@
+<template>
+  <dark-mode-container class="global-tab flex-y-center w-full pl-16px" :style="{ height: theme.tab.height + 'px' }">
+    <div ref="bsWrapper" class="flex-1-hidden h-full">
+      <better-scroll ref="bsScroll" :options="{ scrollX: true, scrollY: false, click: canClick }">
+        <tab-detail @scroll="handleScroll" />
+      </better-scroll>
+    </div>
+    <reload-button />
+  </dark-mode-container>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { useElementBounding } from '@vueuse/core';
+import { useTabStore, useThemeStore } from '@/store';
+import { useDeviceInfo } from '@/composables';
+import { ReloadButton, TabDetail } from './components';
+
+defineOptions({ name: 'GlobalTab' });
+
+const route = useRoute();
+const theme = useThemeStore();
+const tab = useTabStore();
+const deviceInfo = useDeviceInfo();
+
+const bsWrapper = ref<HTMLElement>();
+const { width: bsWrapperWidth, left: bsWrapperLeft } = useElementBounding(bsWrapper);
+
+const bsScroll = ref<Expose.BetterScroll>();
+
+const canClick = Boolean(deviceInfo.device.type);
+
+function handleScroll(clientX: number) {
+  const currentX = clientX - bsWrapperLeft.value;
+  const deltaX = currentX - bsWrapperWidth.value / 2;
+  if (bsScroll.value) {
+    const { maxScrollX, x: leftX } = bsScroll.value.instance;
+    const rightX = maxScrollX - leftX;
+    const update = deltaX > 0 ? Math.max(-deltaX, rightX) : Math.min(-deltaX, -leftX);
+    bsScroll.value?.instance.scrollBy(update, 0, 300);
+  }
+}
+
+function init() {
+  tab.iniTabStore(route);
+}
+
+watch(
+  () => route.fullPath,
+  () => {
+    tab.addTab(route);
+    tab.setActiveTab(route.fullPath);
+  }
+);
+
+// 初始化
+init();
+</script>
+
+<style scoped>
+.global-tab {
+  box-shadow: 0 1px 2px rgb(0 21 41 / 8%);
+}
+</style>
diff --git a/src/layouts/common/index.ts b/src/layouts/common/index.ts
new file mode 100644
index 0000000..3ab2abc
--- /dev/null
+++ b/src/layouts/common/index.ts
@@ -0,0 +1,10 @@
+import SettingDrawer from './setting-drawer/index.vue';
+import GlobalHeader from './global-header/index.vue';
+import GlobalTab from './global-tab/index.vue';
+import GlobalSider from './global-sider/index.vue';
+import GlobalContent from './global-content/index.vue';
+import GlobalFooter from './global-footer/index.vue';
+import GlobalLogo from './global-logo/index.vue';
+import RobotDialog from './robot-dialog/index.vue';
+
+export { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter, GlobalLogo, RobotDialog };
diff --git a/src/layouts/common/robot-dialog/components/back-bom.vue b/src/layouts/common/robot-dialog/components/back-bom.vue
new file mode 100644
index 0000000..cbbce33
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/back-bom.vue
@@ -0,0 +1,34 @@
+<template>
+	<div class="back-bom">
+		<n-button strong secondary circle type="info">
+			<template #icon>
+				<n-icon color="#fff"><DownIcon /></n-icon>
+			</template>
+		</n-button>
+	</div>
+</template>
+
+<script lang="ts">
+import { ChevronDownOutline as DownIcon } from "@vicons/ionicons5";
+import { defineComponent } from "vue";
+
+export default defineComponent({
+	components: {
+		DownIcon,
+	},
+	setup() {
+
+		return {
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.back-bom {
+	position: absolute;
+	right: 40px;
+	bottom: 90px;
+	z-index: 9;
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chartbot-content-right-sql.vue b/src/layouts/common/robot-dialog/components/chartbot-content-right-sql.vue
new file mode 100644
index 0000000..a29e570
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chartbot-content-right-sql.vue
@@ -0,0 +1,150 @@
+<template>
+	<div class="sql-container">
+		<div class="sql-content">
+			<div class="header-section">
+				<codemirror
+					v-model="code"
+					placeholder="Code goes here..."
+					:style="{ height: '200px', width: '100%', textAlign: 'center' }"
+					:autofocus="true"
+					:indent-with-tab="true"
+					:tab-size="2"
+					@ready="handleReady"
+					@change="log('change', $event)"
+					@focus="log('focus', $event)"
+					@blur="log('blur', $event)"
+				/>
+				<div class="header-action">
+					<n-button type="info" size="small" style="height: 34px;" color="#1890ff" @click="runClick">
+						执行
+					</n-button>
+				</div>
+			</div>
+			<div class="main-section">
+
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+
+import {
+	ref,
+	shallowRef,
+	computed,
+	defineComponent,
+	onMounted,
+	onBeforeUnmount,
+} from "vue";
+import { Codemirror } from 'vue-codemirror';
+import { useRobotStore } from "@/store";
+import { EventBus } from "@/utils";
+
+export default defineComponent({
+	components: {
+		Codemirror
+	},
+	setup() {
+		const sourceData = ref([]);
+		const sourceType = ref({});
+		const code = ref('');
+		const view = shallowRef()
+
+		const robot = useRobotStore()
+
+		const recordItem: any = computed(() => {
+			let res = {};
+			let list = robot.currentChatbotRecords;
+			let id = robot.chatbotRecordId;
+
+			if (id) {
+				res = list.find((item: any) => item?.id === id) || {};
+			}
+
+			return res;
+		});
+
+		onMounted(() => {
+			init();
+			EventBus.on("refresh-sql-data", () => {
+				init();
+			});
+		});
+
+		onBeforeUnmount(() => {
+			EventBus.off("refresh-sql-data");
+		});
+
+
+		// methods
+		const init = () => {
+			sourceData.value = recordItem.value?.data?.sourceData || [];
+			sourceType.value = recordItem.value?.data?.sourceType || {};
+			code.value = recordItem.value?.data?.sql || '';
+		};
+
+    const handleReady = (payload: any) => {
+      view.value = payload.view
+    }
+
+    // Status is available at all times via Codemirror EditorView
+    const getCodemirrorStates = () => {
+      const state = view.value.state
+      const ranges = state.selection.ranges
+      const selected = ranges.reduce((r: any, range: any) => r + range.to - range.from, 0)
+      const cursor = ranges[0].anchor
+      const length = state.doc.length
+      const lines = state.doc.lines
+      // more state info ...
+      // return ...
+			console.log('selected----', selected)
+    }
+
+		const runClick = () => {
+			console.log('code', code.value)
+			// getCodemirrorStates()
+		}
+
+
+		return {
+			code,
+			log: console.log,
+			runClick,
+			handleReady
+		}
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+:deep(.cm-editor) {
+	border: 1px solid var(--n-border-color);
+	.cm-content {
+		text-align: left;
+	}
+}
+.sql-container {
+	height: 100%;
+	.sql-content {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+		.header-section {
+			overflow-y: auto;
+			border-bottom: 1px solid var(--n-border-color);
+			padding: 20px;
+			.header-action {
+				display: flex;
+				justify-content: flex-end;
+				padding-top: 10px;
+			}
+		}
+		.main-section {
+			flex: 1;
+			overflow-y: auto;
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chartbot-content-right-visual.vue b/src/layouts/common/robot-dialog/components/chartbot-content-right-visual.vue
new file mode 100644
index 0000000..fb80314
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chartbot-content-right-visual.vue
@@ -0,0 +1,760 @@
+<template>
+	<div class="visual-container">
+		<div class="visual-content">
+			<div class="chart-section">
+				<div class="chart-wrapper">
+					<div class="chart-action">
+						<div class="chart-action-left">
+							<n-popover
+								trigger="hover"
+								v-for="item in chartTypeOpts"
+								:key="item.id"
+								:show-arrow="false"
+							>
+								<template #trigger>
+									<n-button
+										class="mr-10"
+										size="small"
+										:type="active === item.active ? 'info' : 'default'"
+										tertiary
+										circle
+										@click="changeClick(item.active)"
+									>
+										<template #icon>
+											<n-icon :size="14" v-if="item.active === 'A0'"
+												><icon-local-table
+											/></n-icon>
+											<n-icon :size="14" v-else-if="item.active === 'A1'"
+												><BarIcon
+											/></n-icon>
+											<n-icon :size="14" v-else-if="item.active === 'A2'"
+												><PieIcon
+											/></n-icon>
+											<n-icon :size="14" v-else-if="item.active === 'A3'"
+												><LineIcon
+											/></n-icon>
+										</template>
+									</n-button>
+								</template>
+								<span>{{ item.name }}</span>
+							</n-popover>
+						</div>
+						<div v-if="['A1', 'A2', 'A3'].includes(active)" class="chart-action-right">
+							<n-popover
+								trigger="hover"
+								:show-arrow="false"
+							>
+								<template #trigger>
+									<n-button
+										class="mr-10"
+										size="small"
+										tertiary
+										circle
+										@click="openSetDrawer"
+									>
+										<template #icon>
+											<n-icon size="18">
+												<SettingsIcon />
+											</n-icon>
+										</template>
+									</n-button>
+								</template>
+								<span>设置</span>
+							</n-popover>
+						</div>
+					</div>
+					<div class="chart-drawer" :style="{ width: showSetDrawer ? '260px' : '0'}">
+						<!-- <div class="chart-drawer-header">
+							<div class="drawer-close">
+								<n-icon @click="closeDrawerClick"><CloseIcon /></n-icon>
+							</div>
+						</div> -->
+						<div class="chart-drawer-main">
+							<n-form
+								ref="formRef"
+								:model="formValue"
+								size="small"
+							>
+								<n-form-item label="图表类型" path="phone">
+									<n-select
+										v-model:value="formValue.active"
+										placeholder="请选择"
+										:disabled="true"
+										:options="actionsOpts"
+									/>
+								</n-form-item>
+								<n-form-item label="X轴" path="x">
+									<n-select
+										v-model:value="formValue.x"
+										placeholder="请选择"
+										:options="xOpts"
+									/>
+								</n-form-item>
+								<n-form-item v-if="['A2'].includes(active)" label="Y轴" path="piey">
+									<n-select
+										v-model:value="formValue.piey"
+										placeholder="请选择"
+										:options="yOpts"
+									/>
+								</n-form-item>
+								<n-form-item v-if="['A1', 'A3'].includes(active)" label="Y轴" path="y">
+									<n-select
+										v-model:value="formValue.y"
+										placeholder="请选择"
+										multiple
+										:max-tag-count="1"
+										:options="yOpts"
+									/>
+								</n-form-item>
+								<n-form-item v-if="['A1', 'A3'].includes(active)" label="X轴单位" path="xname">
+									<n-input v-model:value="formValue.xname" placeholder="请输入" />
+								</n-form-item>
+								<n-form-item v-if="['A1', 'A3'].includes(active)" label="Y轴单位" path="yname">
+									<n-input v-model:value="formValue.yname" placeholder="请输入" />
+								</n-form-item>
+								<!-- <n-form-item label="X轴范围" path="xRange">
+									<n-slider
+										v-model:value="formValue.xRange"
+										:min="1"
+										:max="dataLength === 0 ? 1 : dataLength"
+										range
+										:step="1"
+									>
+									</n-slider>
+								</n-form-item> -->
+							</n-form>
+						</div>
+						<div class="chart-drawer-footer" v-if="showSetDrawer">
+							<n-button tertiary size="tiny" @click="closeDrawerClick">
+								关闭
+							</n-button>
+							<n-button style="margin-left: 10px;" tertiary size="tiny" type="info" @click="saveClick">
+								保存
+							</n-button>
+						</div>
+					</div>
+					<div v-if="active === 'A0'" class="chart-content">
+						<div class="table">
+							<div ref="tableContentRef" class="table-content">
+								<n-data-table
+									:columns="columns"
+									:data="tableData"
+									:bordered="false"
+									:single-line="false"
+									:pagination="pagination"
+									:scroll-x="200 * columnsLength"
+									:style="{ height: `${tableHeight}px` }"
+									flex-height
+									virtual-scroll
+								/>
+							</div>
+						</div>
+					</div>
+					<div v-if="active === 'A1'" class="chart-content">
+						<div ref="chartRef1" class="chart-box"></div>
+						<!-- <div class="set-box">
+							<n-icon size="18" color="#797979" class="set-icon" @click="openSetDrawer">
+								<SettingsIcon />
+							</n-icon>
+							<span class="set-text">设置</span>
+						</div> -->
+						<!-- <div class="slider-box">
+								<n-slider
+									:value="barSliderValue"
+									:min="1"
+									:max="dataLength === 0 ? 1 : dataLength"
+									range
+									:step="1"
+									:on-update:value="barSliderUpdate"
+								>
+									<template #thumb>
+										<n-icon-wrapper :size="24" :border-radius="12">
+											<n-icon :size="14">
+												<FlagIcon />
+											</n-icon>
+										</n-icon-wrapper>
+									</template>
+								</n-slider>
+							</div> -->
+					</div>
+					<div v-else-if="active === 'A2'" class="chart-content">
+						<div ref="chartRef2" class="chart-box"></div>
+						<!-- <div class="slider-box">
+								<n-slider
+									:value="pieSliderValue"
+									:min="1"
+									:max="dataLength === 0 ? 1 : dataLength"
+									range
+									:step="1"
+									:on-update:value="pieSliderUpdate"
+								>
+									<template #thumb>
+										<n-icon-wrapper :size="24" :border-radius="12">
+											<n-icon :size="14">
+												<FlagIcon />
+											</n-icon>
+										</n-icon-wrapper>
+									</template>
+								</n-slider>
+							</div> -->
+					</div>
+					<div v-else-if="active === 'A3'" class="chart-content">
+						<div ref="chartRef3" class="chart-box"></div>
+						<!-- <div class="set-box">
+							<n-popover placement="left" trigger="click" style="padding: 4px">
+								<template #trigger>
+									<n-icon size="18" color="#797979" class="set-icon">
+										<SettingsIcon />
+									</n-icon>
+								</template>
+								<div class="set-box-list">
+									<n-popover
+										style="max-height: 240px; width: 200px"
+										placement="left"
+										trigger="click"
+										scrollable
+									>
+										<template #trigger>
+											<n-button size="small" quaternary>
+												<span>设置X轴</span>
+											</n-button>
+										</template>
+										<div>
+											<n-checkbox-group
+												class="set-box-group"
+												:value="linexList"
+												@update:value="lineHandleUpdateValue"
+											>
+												<div
+													class="set-box-group_item"
+													v-for="(item, index) in lineCheckboxList"
+													:key="index"
+												>
+													<n-checkbox :value="item" :label="item" />
+												</div>
+											</n-checkbox-group>
+										</div>
+									</n-popover>
+								</div>
+							</n-popover>
+							<span class="set-text">设置</span>
+						</div> -->
+						<!-- <div class="slider-box">
+								<n-slider
+									:value="lineSliderValue"
+									:min="1"
+									:max="dataLength === 0 ? 1 : dataLength"
+									range
+									:step="1"
+									:on-update:value="sliderLineUpdate"
+								>
+									<template #thumb>
+										<n-icon-wrapper :size="24" :border-radius="12">
+											<n-icon :size="14">
+												<FlagIcon />
+											</n-icon>
+										</n-icon-wrapper>
+									</template>
+								</n-slider>
+							</div> -->
+					</div>
+				</div>
+			</div>
+			<div class="main-section">
+				<p v-if="spssReasoning" class="analysis-data">{{ spssReasoning }}</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	SwapHorizontalOutline as SwapIcon,
+	BarChart as BarIcon,
+	PieChart as PieIcon,
+	AnalyticsOutline as LineIcon,
+	Flag as FlagIcon,
+	SettingsOutline as SettingsIcon,
+	Close as CloseIcon
+} from "@vicons/ionicons5";
+import { FormInst } from 'naive-ui';
+import {
+	ref,
+	computed,
+	defineComponent,
+	onMounted,
+	onBeforeUnmount,
+} from "vue";
+import { useRobotStore } from "@/store";
+import { EventBus } from "@/utils";
+import { useTable, useBar, useLine, usePie } from "../hooks";
+
+const typeOptions = [
+	{
+		id: "1",
+		active: "A0",
+		name: "表格",
+	},
+	{
+		id: "2",
+		active: "A1",
+		name: "柱状图",
+	},
+	{
+		id: "3",
+		active: "A2",
+		name: "饼图",
+	},
+	{
+		id: "4",
+		active: "A3",
+		name: "折线图",
+	},
+];
+
+export default defineComponent({
+	components: {
+		SwapIcon,
+		BarIcon,
+		PieIcon,
+		LineIcon,
+		FlagIcon,
+		SettingsIcon,
+		CloseIcon
+	},
+	setup() {
+		const active = ref("A1");
+		const sourceData = ref([]);
+		const sourceType = ref({});
+		const spssReasoning = ref('');
+		const chartTypeOpts = ref(typeOptions);
+		const dataLength = ref(0);
+		const showSetDrawer = ref(false);
+		const formRef = ref<FormInst | null>(null);
+		const formValue = ref({
+			active: active.value,
+			x: '',
+			y: [],
+			piey: '',
+			xname: '',
+			yname: '',
+			xRange: [1, 1]
+    })
+		const xOpts = ref([]);
+		const yOpts = ref([]);
+
+		const robot = useRobotStore();
+
+		const recordItem: any = computed(() => {
+			let res = {};
+			let list = robot.currentChatbotRecords;
+			let id = robot.chatbotRecordId;
+
+			if (id) {
+				res = list.find((item: any) => item?.id === id) || {};
+			}
+
+			return res;
+		});
+
+		const {
+			tableContentRef,
+			columns,
+			tableData,
+			tableHeight,
+			columnsLength,
+			pagination,
+			initTable,
+			resizeTable,
+		} = useTable({ sourceData, sourceType });
+
+		const {
+			chartRef1,
+			barSliderValue,
+			barCheckboxList,
+			barForm,
+			barxOpts,
+			barxList,
+			baryOpts,
+			initBar,
+			changeBar,
+			barSliderUpdate,
+			barHandleUpdateValue,
+		} = useBar({ sourceType, sourceData });
+
+		const {
+			chartRef3,
+			lineCheckboxList,
+			lineSliderValue,
+			linexList,
+			linexOpts,
+			lineyOpts,
+			lineForm,
+			initLine,
+			changeLine,
+			sliderLineUpdate,
+			lineHandleUpdateValue,
+		} = useLine({ sourceType, sourceData });
+
+		const {
+			chartRef2,
+			pieSliderValue,
+			piexOpts,
+			pieyOpts,
+			pieForm,
+			initPie,
+			changePie,
+			pieSliderUpdate,
+			pieHandleUpdateValue,
+		} = usePie({ sourceType, sourceData });
+
+		onMounted(() => {
+			init();
+			EventBus.on("refresh-visual-data", () => {
+				init();
+			});
+		});
+
+		onBeforeUnmount(() => {
+			EventBus.off("refresh-visual-data");
+		});
+
+		const init = () => {
+			sourceData.value = recordItem.value?.data?.sourceData || [];
+			sourceType.value = recordItem.value?.data?.sourceType || {};
+			spssReasoning.value = recordItem.value?.data?.spss_reasoning || '';
+			dataLength.value = sourceData.value.length;
+			switch (active.value) {
+				case "A0":
+					initTable();
+					resizeTable();
+					break;
+				case "A1":
+					initBar();
+					break;
+				case "A2":
+					initPie();
+					break;
+				case "A3":
+					initLine();
+					break;
+			}
+		};
+
+		const changeClick = (type: string) => {
+			if (active.value === type) return;
+			showSetDrawer.value = false;
+			active.value = type;
+			switch (type) {
+				case "A0":
+					initTable();
+					resizeTable();
+					break;
+				case "A1":
+					initBar();
+					break;
+				case "A2":
+					initPie();
+					break;
+				case "A3":
+					initLine();
+					break;
+			}
+		};
+
+		const openSetDrawer = () => {
+			showSetDrawer.value = true;
+			formValue.value.active = active.value;
+			switch(active.value) {
+				case 'A0':
+					break
+				case 'A1':
+					xOpts.value = barxOpts.value;
+					yOpts.value = baryOpts.value;
+					formValue.value.xRange = barForm.value.xRange;
+					formValue.value.x = barForm.value.x;
+					formValue.value.y = barForm.value.y as [];
+					formValue.value.xname = barForm.value.xname;
+					formValue.value.yname = barForm.value.yname;
+					break
+				case 'A2':
+					xOpts.value = piexOpts.value;
+					yOpts.value = pieyOpts.value;
+					formValue.value.x = pieForm.value.x;
+					formValue.value.piey = pieForm.value.piey;
+					break
+				case 'A3':
+					xOpts.value = linexOpts.value;
+					yOpts.value = lineyOpts.value;
+					formValue.value.xRange = lineForm.value.xRange;
+					formValue.value.x = lineForm.value.x;
+					formValue.value.y = lineForm.value.y as [];
+					formValue.value.xname = lineForm.value.xname;
+					formValue.value.yname = lineForm.value.yname;
+					break
+			}
+		}
+
+		const closeDrawerClick = () => {
+			showSetDrawer.value = false;
+		}
+
+		const saveClick = () => {
+			switch (active.value) {
+				case 'A1':
+					changeBar(formValue.value)
+					break
+				case 'A2':
+					changePie(formValue.value)
+					break
+				case 'A3':
+					changeLine(formValue.value)
+					break
+			}
+			showSetDrawer.value = false;
+		}
+
+		return {
+			tableContentRef,
+			spssReasoning,
+			chartTypeOpts,
+			dataLength,
+			columnsLength,
+			pagination,
+			tableHeight,
+			active,
+			showSetDrawer,
+			formRef,
+			formValue,
+			actionsOpts: typeOptions.map((v) => ({
+				label: v.name,
+				value: v.active
+			})),
+			xOpts,
+			yOpts,
+			tableData,
+			columns,
+			saveClick,
+			openSetDrawer,
+			changeClick,
+			chartRef1,
+			barSliderValue,
+			barCheckboxList,
+			barxList,
+			barSliderUpdate,
+			barHandleUpdateValue,
+			chartRef2,
+			pieSliderValue,
+			pieSliderUpdate,
+			pieHandleUpdateValue,
+			chartRef3,
+			lineCheckboxList,
+			lineSliderValue,
+			linexList,
+			sliderLineUpdate,
+			lineHandleUpdateValue,
+			closeDrawerClick
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.visual-container {
+	height: 100%;
+	.visual-content {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+		.chart-section {
+			flex: 0 0 500px;
+			overflow: hidden;
+			border-bottom: 1px solid var(--n-border-color);
+			.chart-wrapper {
+				position: relative;
+				width: 100%;
+				height: 100%;
+				background-color: var(--baseColor);
+				display: flex;
+				flex-direction: column;
+				padding: 20px;
+				padding-top: 0;
+				.chart-action {
+					height: 46px;
+					display: flex;
+					align-items: center;
+					.mr-10 {
+						margin-right: 10px;
+					}
+					.chart-action-left {
+						flex: 1;
+						overflow: hidden;
+					}
+				}
+				.chart-drawer {
+					position: absolute;
+					top: 0;
+					right: 0;
+					width: 260px;
+					height: 100%;
+					z-index: 99;
+					background-color: var(--baseColor);
+					border-left: 1px solid var(--n-border-color);
+					transition: width .2s linear;
+					display: flex;
+					flex-direction: column;
+					.chart-drawer-header {
+						height: 30px;
+						display: flex;
+						align-items: center;
+						border-bottom: 1px solid var(--n-border-color);
+						.drawer-close {
+							cursor: pointer;
+							width: 30px;
+							height: 30px;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+						}
+					}
+					.chart-drawer-main {
+						flex: 1;
+						overflow-y: auto;
+						padding: 10px;
+					}
+					.chart-drawer-footer {
+						padding: 10px;
+						display: flex;
+						justify-content: flex-end;
+					}
+				}
+				.chart-content {
+					position: relative;
+					width: 100%;
+					flex: 1;
+					overflow: hidden;
+					border: 1px solid var(--n-border-color);
+					.set-drawer {
+						position: absolute;
+						top: 0;
+						right: 0;
+						width: 260px;
+						height: 100%;
+						z-index: 99;
+						background-color: var(--baseColor);
+						border-left: 1px solid var(--n-border-color);
+						transition: 'width .3s var(--n-bezier), border-color .3s var(--n-bezier), min-width .3s var(--n-bezier), max-width .3s var(--n-bezier), transform .3s var(--n-bezier), background-color .3s var(--n-bezier)';
+						.set-drawer-header {
+							height: 30px;
+							display: flex;
+							align-items: center;
+							border-bottom: 1px solid var(--n-border-color);
+							.drawer-close {
+								cursor: pointer;
+								width: 30px;
+								height: 30px;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+							}
+						}
+					}
+					.table {
+						height: 100%;
+						width: 100%;
+						box-sizing: border-box;
+						// :deep(.n-data-table-th) {
+						// 	white-space: nowrap;
+						// }
+						display: flex;
+						.table-content {
+							flex: 1;
+							overflow: hidden;
+						}
+						.table-right {
+							flex: 0 0 50px;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							border-left: 1px solid var(--n-border-color);
+						}
+					}
+					.chart-box {
+						width: 100%;
+						height: 100%;
+						box-sizing: border-box;
+					}
+					.slider-box {
+						position: absolute;
+						bottom: 0;
+						left: 50%;
+						transform: translateX(-50%);
+						z-index: 10;
+						width: 200px;
+						height: 32px;
+					}
+					.set-box {
+						position: absolute;
+						top: 14px;
+						right: 8px;
+						z-index: 10;
+						display: flex;
+						cursor: pointer;
+						.set-text {
+							display: none;
+							position: absolute;
+							bottom: -20px;
+							z-index: 11;
+							left: -5px;
+							color: #56a5cc;
+							width: 30px;
+						}
+						&:hover {
+							.set-icon {
+								&.n-icon {
+									color: #56a5cc !important;
+								}
+							}
+							.set-text {
+								display: block;
+							}
+						}
+						.set-list {
+							height: 300px;
+							display: flex;
+							flex-direction: column;
+						}
+					}
+				}
+				.chart-footer {
+					height: 58px;
+					display: flex;
+					align-items: center;
+					border-top: 1px solid var(--n-border-color);
+					padding: 0 12px;
+					box-sizing: border-box;
+					.mr-10 {
+						margin-right: 10px;
+					}
+					.chart-footer-left {
+						flex: 1;
+					}
+					.chart-footer-right {
+					}
+				}
+			}
+		}
+		.main-section {
+			flex: 1;
+			overflow-y: auto;
+			.analysis-data {
+				padding: 20px;
+				box-sizing: border-box;
+				white-space: pre-wrap;
+			}
+
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chat-card/chart-more-dialog.vue b/src/layouts/common/robot-dialog/components/chat-card/chart-more-dialog.vue
new file mode 100644
index 0000000..0ccfd7f
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chat-card/chart-more-dialog.vue
@@ -0,0 +1,544 @@
+<template>
+	<n-modal
+		v-model:show="show"
+		style="width: 80vw; position: fixed; top: 5vh"
+		:title="title"
+		preset="card"
+	>
+		<div class="modal-wrapper">
+			<div class="modal-content">
+				<div class="chart-wrapper">
+					<div v-if="active === 'A0'" class="chart-content">
+						<div class="table">
+							<div ref="tableContentRef" class="table-content">
+								<n-data-table
+									:columns="columns"
+									:data="tableData"
+									:bordered="false"
+									:single-line="false"
+									:pagination="pagination"
+									:scroll-x="200 * columnsLength"
+									:style="{ height: `${tableHeight}px` }"
+									flex-height
+									virtual-scroll
+								/>
+							</div>
+						</div>
+					</div>
+					<div v-if="active === 'A1'" class="chart-content">
+						<div ref="chartRef1" class="chart-box"></div>
+						<div class="set-box">
+							<n-popover placement="left" trigger="click" style="padding: 4px">
+								<template #trigger>
+									<n-icon size="18" color="#797979" class="set-icon">
+										<SettingsIcon />
+									</n-icon>
+								</template>
+								<div class="set-box-list">
+									<n-popover style="max-height: 240px; width: 200px;" placement="left" trigger="click" scrollable>
+										<template #trigger>
+											<n-button
+												size="small"
+												quaternary
+											>
+												<span>设置X轴</span>
+											</n-button>
+										</template>
+										<div>
+											<n-checkbox-group class="set-box-group" :value="barxList" @update:value="barHandleUpdateValue">
+												<div class="set-box-group_item" v-for="(item, index) in barCheckboxList" :key="index">
+													<n-checkbox :value="item" :label="item" />
+												</div>
+											</n-checkbox-group>
+										</div>
+									</n-popover>
+								</div>
+							</n-popover>
+							<span class="set-text">设置</span>
+						</div>
+						<div class="slider-box">
+							<n-slider
+								:value="barSliderValue"
+								:min="1"
+								:max="dataLength === 0 ? 1 : dataLength"
+								range
+								:step="1"
+								:on-update:value="barSliderUpdate"
+							>
+								<!-- <template #thumb>
+									<n-icon-wrapper :size="24" :border-radius="12">
+										<n-icon :size="14">
+											<FlagIcon />
+										</n-icon>
+									</n-icon-wrapper>
+								</template> -->
+							</n-slider>
+						</div>
+					</div>
+					<div v-else-if="active === 'A2'" class="chart-content">
+						<div ref="chartRef2" class="chart-box"></div>
+						<div class="slider-box">
+							<n-slider
+								:value="pieSliderValue"
+								:min="1"
+								:max="dataLength === 0 ? 1 : dataLength"
+								range
+								:step="1"
+								:on-update:value="pieSliderUpdate"
+							>
+								<!-- <template #thumb>
+									<n-icon-wrapper :size="24" :border-radius="12">
+										<n-icon :size="14">
+											<FlagIcon />
+										</n-icon>
+									</n-icon-wrapper>
+								</template> -->
+							</n-slider>
+						</div>
+					</div>
+					<div v-else-if="active === 'A3'" class="chart-content">
+						<div ref="chartRef3" class="chart-box"></div>
+						<div class="set-box">
+							<n-popover placement="left" trigger="click" style="padding: 4px">
+								<template #trigger>
+									<n-icon size="18" color="#797979" class="set-icon">
+										<SettingsIcon />
+									</n-icon>
+								</template>
+								<div class="set-box-list">
+									<n-popover style="max-height: 240px; width: 200px;" placement="left" trigger="click" scrollable>
+										<template #trigger>
+											<n-button
+												size="small"
+												quaternary
+											>
+												<span>设置X轴</span>
+											</n-button>
+										</template>
+										<div>
+											<n-checkbox-group class="set-box-group" :value="linexList" @update:value="lineHandleUpdateValue">
+												<div class="set-box-group_item" v-for="(item, index) in lineCheckboxList" :key="index">
+													<n-checkbox :value="item" :label="item" />
+												</div>
+											</n-checkbox-group>
+										</div>
+									</n-popover>
+								</div>
+							</n-popover>
+							<span class="set-text">设置</span>
+						</div>
+						<div class="slider-box">
+							<n-slider
+								:value="lineSliderValue"
+								:min="1"
+								:max="dataLength === 0 ? 1 : dataLength"
+								range
+								:step="1"
+								:on-update:value="sliderLineUpdate"
+							>
+								<!-- <template #thumb>
+									<n-icon-wrapper :size="24" :border-radius="12">
+										<n-icon :size="14">
+											<FlagIcon />
+										</n-icon>
+									</n-icon-wrapper>
+								</template> -->
+							</n-slider>
+						</div>
+					</div>
+					<div v-if="chartTypeOpts.length" class="chart-footer">
+						<div class="chart-footer-left">
+							<n-popover
+								trigger="hover"
+								v-for="item in chartTypeOpts"
+								:key="item.id"
+								:show-arrow="false"
+							>
+								<template #trigger>
+									<n-button
+										class="mr-10"
+										size="medium"
+										:type="active === item.active ? 'info' : 'default'"
+										tertiary
+										circle
+										@click="changeClick(item.active)"
+									>
+										<template #icon>
+											<n-icon :size="18" v-if="item.active === 'A0'"
+												><icon-local-table
+											/></n-icon>
+											<n-icon :size="18" v-else-if="item.active === 'A1'"
+												><BarIcon
+											/></n-icon>
+											<n-icon :size="18" v-else-if="item.active === 'A2'"
+												><PieIcon
+											/></n-icon>
+											<n-icon :size="18" v-else-if="item.active === 'A3'"
+												><LineIcon
+											/></n-icon>
+										</template>
+									</n-button>
+								</template>
+								<span>{{ item.name }}</span>
+							</n-popover>
+						</div>
+						<div class="chart-footer-right"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</n-modal>
+</template>
+<script lang="ts">
+import {
+	SwapHorizontalOutline as SwapIcon,
+	BarChart as BarIcon,
+	PieChart as PieIcon,
+	AnalyticsOutline as LineIcon,
+	Flag as FlagIcon,
+	SettingsOutline as SettingsIcon,
+} from "@vicons/ionicons5";
+import { ref, reactive, toRefs, defineComponent, nextTick, watch } from "vue";
+import { useBar, useLine, usePie } from '../../hooks';
+
+type RowDataType = {
+	key: number;
+	[key: string]: any;
+};
+
+export default defineComponent({
+	components: {
+		SwapIcon,
+		BarIcon,
+		PieIcon,
+		LineIcon,
+		FlagIcon,
+		SettingsIcon
+	},
+	props: {
+		title: {
+			type: String,
+			default: "",
+		},
+		rowData: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+		active: {
+			type: String,
+			default: "A0"
+		}
+	},
+	setup(props) {
+		const sourceType: any = props.rowData.data?.sourceType || {};
+		const sourceData: any = props.rowData.data?.sourceData || [];
+		const state = reactive({
+			show: false,
+			currentPage: 1,
+			pageSize: 10,
+			pageCount: 0,
+			total: 0,
+			title: props.title,
+		});
+		const tableContentRef = ref();
+		const tableHeight = ref(600);
+		const active = ref("A0");
+		const columnsLength = ref(0);
+		const dataLength = ref(0);
+		const notData = ref(false);
+		const moreRef = ref();
+		const chartTypeOpts = ref([
+			{
+				id: "1",
+				active: "A0",
+				name: "表格",
+			},
+			{
+				id: "2",
+				active: "A1",
+				name: "柱状图",
+			},
+			{
+				id: "3",
+				active: "A2",
+				name: "饼图",
+			},
+			{
+				id: "4",
+				active: "A3",
+				name: "折线图",
+			},
+		]);
+
+		const {
+			chartRef1,
+			barSliderValue,
+			barCheckboxList,
+			barxList,
+			barSliderUpdate,
+			barHandleUpdateValue
+		} = useBar({ sourceType, sourceData })
+
+		const {
+			chartRef3,
+			lineCheckboxList,
+			lineSliderValue,
+			linexList,
+			sliderLineUpdate,
+			lineHandleUpdateValue
+		} = useLine({ sourceType, sourceData })
+
+		const {
+			chartRef2,
+			pieSliderValue,
+			pieSliderUpdate,
+			pieHandleUpdateValue
+		} = usePie({ sourceType, sourceData })
+
+		const sourceKeys = Object.keys(sourceType);
+
+		let columns = sourceKeys.map((key) => {
+				return {
+					title: key,
+					key,
+				};
+			}) || [];
+
+		notData.value = sourceData.length === 0;
+		dataLength.value = sourceData.length;
+		columnsLength.value = columns.length;
+
+		const tableData: RowDataType[] = sourceData.map(
+			(item: any, index: number) => {
+				item.key = index;
+				return item;
+			}
+		);
+
+		const sourceNumberType = sourceKeys.filter((key, index) => {
+				return sourceType[key] === "number";
+			}) || [];
+
+		if (sourceNumberType.length === 0) {
+			chartTypeOpts.value = []
+		}
+
+		watch(() => props.active, (newVal) => {
+			active.value = newVal
+		})
+
+		const onShow = () => {
+			state.show = true;
+			resizeTable();
+		};
+
+		const resizeTable = () => {
+			nextTick(() => {
+				if (tableContentRef.value) {
+					tableHeight.value = tableContentRef.value?.clientHeight || 600;
+				}
+			});
+		};
+
+		const onHide = () => {
+			state.show = false;
+		};
+
+		const changeClick = (type: string) => {
+			if (active.value === type) return;
+			active.value = type;
+			if (type === "A0") {
+				resizeTable();
+			}
+		};
+
+		const pageChange = (page: number) => {
+			state.currentPage = page;
+		};
+
+		const pageSizeChange = (size: number) => {
+			state.pageSize = size;
+			state.currentPage = 1;
+		};
+
+
+
+		return {
+			...toRefs(state),
+			tableContentRef,
+			tableHeight,
+			pagination: {
+				pageSize: 30,
+			},
+			active,
+			columns,
+			columnsLength,
+			dataLength,
+			notData,
+			tableData,
+			chartTypeOpts,
+			moreRef,
+			chartRef1,
+			chartRef2,
+			chartRef3,
+			barSliderValue,
+			pieSliderValue,
+			lineSliderValue,
+			barCheckboxList,
+			lineCheckboxList,
+			barxList,
+			linexList,
+			barHandleUpdateValue,
+			lineHandleUpdateValue,
+			pieHandleUpdateValue,
+			changeClick,
+			onShow,
+			onHide,
+			pageChange,
+			pageSizeChange,
+			barSliderUpdate,
+			sliderLineUpdate,
+			pieSliderUpdate
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.modal-wrapper {
+	height: 80vh;
+	display: flex;
+	flex-direction: column;
+	padding: 20px 0;
+	.modal-content {
+		width: 100%;
+		height: 100%;
+		margin: 0 auto;
+		border: 1px solid var(--n-border-color);
+		border-radius: 8px;
+		box-sizing: border-box;
+		overflow: hidden;
+		.chart-wrapper {
+			width: 100%;
+			height: 100%;
+			background-color: var(--baseColor);
+			display: flex;
+			flex-direction: column;
+			.chart-content {
+				position: relative;
+				width: 100%;
+				flex: 1;
+				overflow: hidden;
+				.table {
+					height: 100%;
+					width: 100%;
+					box-sizing: border-box;
+					// :deep(.n-data-table-th) {
+					// 	white-space: nowrap;
+					// }
+					display: flex;
+					.table-content {
+						flex: 1;
+						overflow: hidden;
+					}
+					.table-right {
+						flex: 0 0 50px;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						border-left: 1px solid var(--n-border-color);
+					}
+				}
+				.chart-box {
+					width: 100%;
+					height: 100%;
+					box-sizing: border-box;
+				}
+				.slider-box {
+					position: absolute;
+					bottom: 0;
+					left: 50%;
+					transform: translateX(-50%);
+					z-index: 10;
+					width: 50vw;
+					height: 32px;
+				}
+				.set-box {
+					position: absolute;
+					top: 19px;
+					right: 18px;
+					z-index: 10;
+					display: flex;
+					cursor: pointer;
+					.set-text {
+						display: none;
+						position: absolute;
+						bottom: -20px;
+						z-index: 11;
+						left: -5px;
+						color: #56a5cc;
+						width: 30px;
+					}
+					&:hover {
+						.set-icon {
+							&.n-icon {
+								color: #56a5cc !important;
+							}
+						}
+						.set-text {
+							display: block;
+						}
+					}
+					.set-list {
+						height: 300px;
+						display: flex;
+						flex-direction: column;
+					}
+				}
+			}
+			.chart-footer {
+				height: 58px;
+				display: flex;
+				align-items: center;
+				border-top: 1px solid var(--n-border-color);
+				padding: 0 12px;
+				box-sizing: border-box;
+				.mr-10 {
+					margin-right: 10px;
+				}
+				.chart-footer-left {
+					flex: 1;
+				}
+				.chart-footer-right {
+				}
+			}
+		}
+	}
+}
+</style>
+
+<style lang="scss">
+// .set-list {
+// 		display: flex;
+// 		flex-direction: column;
+// 	}
+// .set-box-popover {
+// 	.set-list {
+// 		display: flex;
+// 		flex-direction: column;
+// 	}
+// }
+.set-box-content {
+	padding: 6px;
+}
+.set-box-list {
+	display: flex;
+	flex-direction: column;
+}
+.set-box-group {
+	display: flex;
+	flex-direction: column;
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chat-card/chart.vue b/src/layouts/common/robot-dialog/components/chat-card/chart.vue
new file mode 100644
index 0000000..b585464
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chat-card/chart.vue
@@ -0,0 +1,416 @@
+<template>
+	<div v-if="!notData" class="chart-box">
+		<div v-if="active === 'A0'" class="chart-content">
+			<div class="table">
+				<div class="table-content">
+					<n-data-table
+						:columns="columns"
+						:data="tableData"
+						:pagination="pagination"
+						:bordered="false"
+						:single-line="false"
+						:scroll-x="200 * columnsLength"
+						:style="{ height: `${tableHeight}px`, flex: '1' }"
+						flex-height
+						virtual-scroll
+					/>
+				</div>
+				<!-- <div v-if="columnsLength > 5" class="table-right">
+					<n-button text>更多</n-button>
+				</div> -->
+			</div>
+		</div>
+		<!-- <div v-if="active === 'A1'" ref="chartRef1" class="chart-content"></div>
+		<div
+			v-else-if="active === 'A2'"
+			ref="chartRef2"
+			class="chart-content"
+		></div>
+		<div
+			v-else-if="active === 'A3'"
+			ref="chartRef3"
+			class="chart-content"
+		></div> -->
+		<!-- <div class="chart-footer">
+			<div class="chart-footer-left">
+				<n-popover trigger="hover" v-for="item in chartTypeOpts" :key="item.id" :show-arrow="false">
+					<template #trigger>
+						<n-button class="mr-10" size="small" :type="active === item.active ? 'info' : 'default'" tertiary circle @click="changeClick(item.active)">
+							<template #icon>
+								<n-icon :size="14" v-if="item.active === 'A0'"><icon-local-table /></n-icon>
+								<n-icon :size="14" v-else-if="item.active === 'A1'"><BarIcon /></n-icon>
+								<n-icon :size="14" v-else-if="item.active === 'A2'"><PieIcon /></n-icon>
+								<n-icon :size="14" v-else-if="item.active === 'A3'"><LineIcon /></n-icon>
+							</template>
+						</n-button>
+					</template>
+					<span>{{ item.name }}</span>
+				</n-popover>
+			</div>
+			<div class="chart-footer-middle">
+			</div>
+			<div class="chart-footer-right">
+				<n-button text @click="showMoreClick">查看完整数据</n-button>
+			</div>
+			<ChatCardMoreDialog :row-data="$props.cardData" :active="active" ref="moreRef" />
+		</div> -->
+	</div>
+	<div v-else class="empty-box">
+		<span>您当前的问题未查询成功，一般是由于问题描述的清晰度引起的。请修改您的问题后再次尝试，<br />或者点击这里</span>
+		<a class="a-link" href="javascript:;">查看常见的问答使用手册和帮助</a>。
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	SwapHorizontalOutline as SwapIcon,
+	BarChart as BarIcon,
+	PieChart as PieIcon,
+	AnalyticsOutline as LineIcon
+} from "@vicons/ionicons5";
+import ChatCardMoreDialog from './chart-more-dialog.vue';
+import { ref, defineComponent } from "vue";
+import type { Ref } from "vue";
+import { type ECOption, useEcharts } from "@/composables";
+
+type RowDataType = {
+	key: number,
+	[key: string]: any
+}
+
+export default defineComponent({
+	components: {
+		SwapIcon,
+		BarIcon,
+		PieIcon,
+		LineIcon,
+		ChatCardMoreDialog
+	},
+	props: {
+		cardData: {
+			type: Object,
+			default() {
+				return {}
+			}
+		}
+	},
+	setup(props) {
+		const sourceType: any = props.cardData.data?.sourceType || {}
+		const sourceData: any = props.cardData.data?.sourceData || []
+		const active = ref("A0");
+		const columnsLength = ref(0);
+		const notData = ref(false);
+		const moreRef = ref();
+		const tableHeight = ref(300);
+		const dataLength = ref(0);
+		const chartTypeOpts = ref([
+			{
+				id: '1',
+				active: 'A0',
+				name: '表格'
+			},
+			{
+				id: '2',
+				active: 'A1',
+				name: '柱状图'
+			},
+			{
+				id: '3',
+				active: 'A2',
+				name: '饼图'
+			},
+			{
+				id: '4',
+				active: 'A3',
+				name: '折线图'
+			}
+		])
+		const pagination = {
+			pageSize: 10,
+		}
+
+		const sourceKeys = Object.keys(sourceType)
+
+		let columns = sourceKeys.map((key) => {
+			return {
+				title: key,
+      	key
+			}
+		}) || []
+
+		dataLength.value = sourceData.length;
+
+		notData.value = sourceData.length === 0;
+		columnsLength.value = columns.length;
+
+		const sourceNumberType = sourceKeys.filter((key, index) => {
+			return sourceType[key] === "number"
+		}) || []
+
+		if (sourceNumberType.length === 0) {
+			chartTypeOpts.value = []
+		}
+
+		// 柱状图
+		const data1 = sourceNumberType
+		const data2 = sourceData
+		// const legendData = ['Email'];
+
+		const tableData: RowDataType[] = data2.map((item: any, index: number) => {
+			item.key = index
+			return item
+		})
+
+		const barSeries: any = data2.map((item: any) => {
+			let list: any = sourceNumberType.map((el) => {
+				return item[el]
+			})
+			return {
+				// name: legendData[0],
+				data: list,
+				type: "bar",
+			}
+		}) || []
+
+		const lineSeries: any = data2.map((item: any) => {
+			let list: any = sourceNumberType.map((el) => {
+				return item[el]
+			})
+			return {
+				// name: legendData[0],
+				data: list,
+				type: "line",
+			}
+		}) || []
+
+		const pieData = data1.map((key: any, index: number) => {
+			let value = 0
+			data2.forEach((item: any) => {
+				if (item[key]) {
+					value += item[key]
+				}
+			})
+
+			return {
+				value,
+				name: key
+			}
+		})
+
+		const barOptions = ref<ECOption>({
+			toolbox: {
+				show: true,
+				top: '1.5%',
+				right: '4%',
+				feature: {
+					saveAsImage: {
+						name: 'aaa'
+					}
+				}
+			},
+			tooltip: {
+				trigger: "item",
+			},
+			// legend: {
+			// 	data: legendData,
+			// 	top: "2%",
+			// 	left: "center",
+			// },
+			xAxis: {
+				type: "category",
+				data: data1,
+				axisLabel: {
+					rotate: -45,
+					fontSize: 8
+				}
+			},
+			yAxis: {
+				type: "value",
+			},
+			series: [],
+		}) as Ref<ECOption>;
+
+		const pieOptions = ref<ECOption>({
+			toolbox: {
+				show: true,
+				top: '1.5%',
+				right: '4%',
+				feature: {
+					saveAsImage: {
+						name: 'aaa'
+					}
+				}
+			},
+			tooltip: {
+				trigger: "item",
+			},
+			legend: {
+				type: 'scroll',
+				orient: 'vertical',
+				right: 10,
+				top: 100,
+				bottom: 20
+			},
+			series: [
+				{
+					// name: legendData[0],
+					type: "pie",
+					radius: ["40%", "70%"],
+					avoidLabelOverlap: false,
+					itemStyle: {
+						borderRadius: 10,
+					},
+					label: {
+						show: false,
+						position: "center",
+					},
+					// emphasis: {
+					// 	label: {
+					// 		show: true,
+					// 		fontSize: 40,
+					// 		fontWeight: "bold",
+					// 	},
+					// },
+					labelLine: {
+						show: false,
+					},
+					data: pieData,
+				},
+			],
+		}) as unknown as Ref<ECOption>;
+
+		const lineOptions = ref<ECOption>({
+			toolbox: {
+				show: true,
+				top: '1.5%',
+				right: '4%',
+				feature: {
+					saveAsImage: {
+						name: 'aaa'
+					}
+				}
+			},
+			grid: {
+				bottom: 80,
+			},
+			// legend: {
+			// 	data: legendData,
+			// 	top: "2%",
+			// 	left: "center",
+			// },
+			tooltip: {
+				trigger: 'axis'
+			},
+			xAxis: {
+				type: "category",
+				axisLabel: {
+					rotate: -45,
+					fontSize: 8
+				},
+				data: data1,
+			},
+			yAxis: {
+				type: "value",
+			},
+			series: [],
+		}) as Ref<ECOption>;
+
+		barOptions.value.series = barSeries
+		lineOptions.value.series = lineSeries
+
+		const { domRef: chartRef1 } = useEcharts(barOptions);
+		const { domRef: chartRef2 } = useEcharts(pieOptions);
+		const { domRef: chartRef3 } = useEcharts(lineOptions);
+
+		const changeClick = (type: string) => {
+			active.value = type;
+		};
+
+		const showMoreClick = () => {
+			moreRef.value.onShow()
+		}
+
+		return {
+			active,
+			columns,
+			columnsLength,
+			dataLength,
+			tableHeight,
+			pagination,
+			notData,
+			tableData,
+			chartTypeOpts,
+			moreRef,
+			chartRef1,
+			chartRef2,
+			chartRef3,
+			showMoreClick,
+			changeClick,
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.chart-box {
+	// min-width: 350px;
+	// max-width: 908px;
+	width: 100%;
+	min-height: 300px;
+	display: flex;
+	flex-direction: column;
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+	.chart-content {
+		width: 100%;
+		flex: 1;
+		overflow: hidden;
+		.table {
+			width: 100%;
+			// :deep(.n-data-table-th) {
+			// 	white-space: nowrap;
+			// }
+			display: flex;
+			.table-content {
+				flex: 1;
+				overflow: hidden;
+			}
+			.table-right {
+				flex: 0 0 50px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border-left: 1px solid var(--n-border-color);
+			}
+		}
+	}
+	.chart-footer {
+		height: 42px;
+		display: flex;
+		align-items: center;
+		border-top: 1px solid var(--n-border-color);
+		padding: 0 12px;
+		box-sizing: border-box;
+		.mr-10 {
+			margin-right: 10px;
+		}
+		.chart-footer-left {
+			flex: 1;
+		}
+		.chart-footer-right {
+
+		}
+	}
+}
+.empty-box {
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+	.a-link {
+		color: #1890ff;
+		text-decoration: underline;
+		margin: 0 2px;
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chat-card/error.vue b/src/layouts/common/robot-dialog/components/chat-card/error.vue
new file mode 100644
index 0000000..dc751a6
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chat-card/error.vue
@@ -0,0 +1,46 @@
+<template>
+	<div class="error-box">
+		<div class="t-error">
+			<p>分析失败，请重新再试！</p>
+			<n-popover trigger="hover">
+				<template #trigger>
+					<n-icon class="reload-icon ml-8" size="16">
+						<icon-local-reload />
+					</n-icon>
+				</template>
+				<span>再试一次</span>
+			</n-popover>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+	setup() {
+		return {};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.error-box {
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+	.ml-8 {
+		margin-left: 8px;
+	}
+	.t-error {
+		display: flex;
+		align-items: center;
+		.reload-icon {
+			cursor: pointer;
+			&:hover {
+				opacity: 0.8;
+			}
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chat-card/index.ts b/src/layouts/common/robot-dialog/components/chat-card/index.ts
new file mode 100644
index 0000000..d430af5
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chat-card/index.ts
@@ -0,0 +1,11 @@
+import ChatCardChart from './chart.vue';
+import ChatCardLoading from './loading.vue';
+import ChatCardError from './error.vue';
+import ChatCardMoreDialog from './chart-more-dialog.vue';
+
+export {
+	ChatCardChart,
+	ChatCardLoading,
+	ChatCardError,
+	ChatCardMoreDialog
+}
diff --git a/src/layouts/common/robot-dialog/components/chat-card/loading.vue b/src/layouts/common/robot-dialog/components/chat-card/loading.vue
new file mode 100644
index 0000000..98b6ae1
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chat-card/loading.vue
@@ -0,0 +1,29 @@
+<template>
+	<div class="loading-box">
+		<n-spin :size="14" />
+		<span class="ml-8">正在分析数据中...</span>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+	setup() {
+		return {};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.loading-box {
+	display: flex;
+	align-items: center;
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+	.ml-8 {
+		margin-left: 8px;
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-content-card.vue b/src/layouts/common/robot-dialog/components/chatbot-content-card.vue
new file mode 100644
index 0000000..58cef25
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-content-card.vue
@@ -0,0 +1,511 @@
+<template>
+	<div
+		v-if="!item.isDelete"
+		class="chat-card pb-24"
+		:class="{ reverse: item.userType === 1 }"
+	>
+		<div class="card-pic" :class="{ 'pd-2': item.userType === 2 }">
+			<div v-if="item.userType === 2" class="robot-pic">
+				<img
+					v-if="Number(item.screenType) === 1"
+					src="~@/assets/images/data-wd.png"
+					alt=""
+				/>
+				<img
+					v-else-if="Number(item.screenType) === 2"
+					src="~@/assets/images/know-wd.png"
+					alt=""
+				/>
+				<img
+					v-else
+					src="~@/assets/images/ai-pic.png"
+					alt=""
+				/>
+			</div>
+			<icon-local-avatar v-else class="text-32px" />
+			<!-- <img v-else src="~@/assets/images/test.jpg" alt="" /> -->
+		</div>
+		<div class="card-box">
+			<!-- <div class="card-box_top" :class="{'t-r': item.userType === 1}">
+				<span class="datetime">{{ item.datetime }}</span>
+			</div> -->
+			<div class="card-box_mid">
+				<div
+					class="card-box-inner_left"
+					:class="{'flex-fill': item.isTipsReply}"
+					:style="{'margin-left': item.userType === 1 ? '42px' : '0', 'margin-right': item.userType === 2 ? '42px' : '0'}"
+					>
+					<ChatCardLoading v-if="item.loading" />
+					<ChatCardError v-if="item.loaded && !item.loading && item.error" />
+					<div
+						v-if="item.loaded && !item.loading && !item.error"
+						class="results"
+					>
+						<!-- 用户提问 -->
+						<div v-if="item.userType === 1" class="results-content">
+							<div class="success-results">
+								<UserReply :value="item.value"/>
+								<!-- <div class="action-box">
+									<div class="action-box-left"></div>
+									<div class="action-box-right">
+										<div class="action-box-item" @click="handleSelect('copy', item)">
+											<n-icon class="evs-icon" size="12" style="margin-right: 4px;">
+												<CopyIcon />
+											</n-icon>
+											<span>复制</span>
+										</div>
+									</div>
+								</div> -->
+							</div>
+						</div>
+						<!-- 机器人回复 -->
+						<div v-if="item.userType === 2" class="results-content">
+							<div v-if="item.isWelcome" class="success-results">
+								<RobotReply :success="true" :screen-type="item.screenType" :type="item.replyType"/>
+							</div>
+							<div v-else-if="item.isTipsReply" class="error-results">
+								<RobotReply :success="true" :screen-type="item.screenType" :type="item.replyType">
+									<template #action>
+										<div class="action-box">
+											<div class="action-box-left">
+												<div class="action-box-item" @click="handleSelect('copy', item)">
+													<n-icon class="evs-icon" size="12" style="margin-right: 4px;">
+														<CopyIcon />
+													</n-icon>
+													<span>复制</span>
+												</div>
+											</div>
+										</div>
+									</template>
+								</RobotReply>
+							</div>
+							<div v-else-if="item.isKbReply" class="success-results">
+								<RobotReplyKB>
+									<template #default>
+										<div class="data-source">
+											<p class="data-source-answer">{{ item?.data?.answer }}</p>
+											<div class="data-source-chunks mt-10px">
+												<n-collapse arrow-placement="right">
+													<n-collapse-item :title="`找到了${item?.data?.chunks?.length}个信息来源：`" name="1">
+														<div class="chunks-content">
+															<n-collapse arrow-placement="right">
+																<n-collapse-item class="collapse-item-inner" v-for="(chunk, cIndex) in item?.data?.chunks" :key="cIndex" :title="`数据来源${Number(cIndex) + 1}：`" :name="Number(cIndex) + 1">
+																	<div class="pl-0px">
+																		<p class="p-text">{{ chunk?.page_content }}</p>
+																		<p class="mt-10px" style="color: #1890ff;">相关性：{{ chunk?.score }}</p>
+																	</div>
+																</n-collapse-item>
+															</n-collapse>
+														</div>
+													</n-collapse-item>
+												</n-collapse>
+											</div>
+										</div>
+									</template>
+									<template #action>
+										<div class="action-box">
+											<div class="action-box-left">
+												<div class="action-box-item" @click="handleSelect('copy', item)">
+													<n-icon class="evs-icon" size="12" style="margin-right: 4px;">
+														<CopyIcon />
+													</n-icon>
+													<span>复制</span>
+												</div>
+											</div>
+										</div>
+									</template>
+								</RobotReplyKB>
+							</div>
+							<div v-else class="success-results">
+								<RobotReplyDH>
+									<template #default>
+										<ChatCardChart :card-data="item" />
+										<div v-if="item?.data?.spss_reasoning" class="reasoning">
+											<n-divider style="margin-top: 8px;margin-bottom: 24px;" />
+											<p>{{ item?.data?.spss_reasoning }}</p>
+										</div>
+									</template>
+									<template #action>
+										<div class="action-box">
+											<div class="action-box-left">
+												<div class="action-box-item" @click="handleSelect('copy', item)">
+													<n-icon class="evs-icon" size="12" style="margin-right: 4px;">
+														<CopyIcon />
+													</n-icon>
+													<span>复制</span>
+												</div>
+											</div>
+											<div class="action-box-right">
+												<div class="action-box-item mr-6px" @click="handleSelect('sql', item)">
+													<n-icon class="evs-icon" size="12" style="margin-right: 4px;">
+														<SqlIcon />
+													</n-icon>
+													<span>SQL查询</span>
+												</div>
+												<div class="action-box-item" @click="handleSelect('chart', item)">
+													<n-icon class="evs-icon" size="12" style="margin-right: 4px;">
+														<KshIcon />
+													</n-icon>
+													<span>数据可视化</span>
+												</div>
+											</div>
+										</div>
+									</template>
+								</RobotReplyDH>
+							</div>
+						</div>
+						<!-- <div class="action-footer">
+							<n-button text>
+								<template #icon>
+									<n-icon>
+										<ReloadIcon />
+									</n-icon>
+								</template>
+								重新生成
+							</n-button>
+						</div> -->
+					</div>
+				</div>
+				<!-- <div class="card-box-inner_right" :class="{'flex-justify-end': item.userType === 1}">
+					<n-dropdown
+						:options="getDropdownOpts(item)"
+						size="small"
+						:placement="item.userType === 1 ? 'left' : 'right'"
+						:disabled="item.loading"
+						@select="(key) => handleSelect(key, item)"
+					>
+						<n-icon class="evs-icon" size="18">
+							<EllipsisVerticalSharpIcon />
+						</n-icon>
+					</n-dropdown>
+				</div> -->
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	TrashOutline as TrashIcon,
+	EllipsisVerticalSharp as EllipsisVerticalSharpIcon,
+	CopyOutline as CopyIcon,
+	Reload as ReloadIcon
+} from "@vicons/ionicons5";
+import SvgIcon from '@/components/custom/svg-icon.vue';
+import RobotReply from './robot-reply/index.vue';
+import UserReply from './user-reply/index.vue';
+import RobotReplyKB from './robot-reply/kb.vue';
+import RobotReplyDH from './robot-reply/dh.vue';
+import type { Component } from "vue";
+import { NIcon } from "naive-ui";
+import { h, defineComponent } from "vue";
+import { useRobotStore } from "@/store";
+import { ChatCardLoading, ChatCardError, ChatCardChart } from "./chat-card";
+import { EventBus } from "@/utils";
+
+const renderIcon = (icon: Component) => {
+	return () => {
+		return h(NIcon, null, {
+			default: () => h(icon),
+		});
+	};
+};
+
+const cardEllipsisOptions = [
+	{
+		label: "数据可视化",
+		key: "chart",
+		icon: () => {
+			return h(SvgIcon, { localIcon: 'ksh' })
+		},
+	},
+	{
+		label: "SQL查询",
+		key: "sql",
+		icon: () => {
+			return h(SvgIcon, { localIcon: 'sql' })
+		},
+	},
+	{
+		label: "复制",
+		key: "copy",
+		icon: renderIcon(CopyIcon),
+	},
+	{
+		label: "删除",
+		key: "del",
+		icon: renderIcon(TrashIcon),
+	},
+];
+
+export default defineComponent({
+	components: {
+		CopyIcon,
+		EllipsisVerticalSharpIcon,
+		ChatCardLoading,
+		ChatCardError,
+		ChatCardChart,
+		ReloadIcon,
+		RobotReply,
+		UserReply,
+		RobotReplyDH,
+		RobotReplyKB,
+		KshIcon: () => {
+			return h(SvgIcon, { localIcon: 'ksh' })
+		},
+		SqlIcon: () => {
+			return h(SvgIcon, { localIcon: 'sql' })
+		},
+	},
+	props: {
+		item: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+	},
+	setup(props) {
+		const robot = useRobotStore();
+
+		const handleSelect = (key: string, item: any) => {
+			switch (key) {
+				case "chart":
+					robot.chatbotRecordId = item.id;
+					robot.showRightContent = true;
+					robot.chatbotRightContentType = 'chart';
+					EventBus.emit('chatbot-sider-collapsed', true);
+					EventBus.emit('refresh-visual-data');
+					break
+				case "sql":
+					robot.chatbotRecordId = item.id;
+					robot.showRightContent = true;
+					robot.chatbotRightContentType = 'sql';
+					EventBus.emit('chatbot-sider-collapsed', true);
+					EventBus.emit('refresh-sql-data');
+					break
+				case "copy":
+					navigator.clipboard.writeText(item.value);
+					break;
+				case "del":
+					robot.delChatbotRecord(item.id);
+					break;
+			}
+		};
+
+		const getDropdownOpts = (row: any) => {
+			let res: any = cardEllipsisOptions
+
+			if (row?.userType === 1) {
+				res = cardEllipsisOptions.filter(item => ['copy', 'del'].includes(item.key))
+			} else {
+				if (row.state === 0) {
+					res = cardEllipsisOptions.filter(item => ['copy'].includes(item.key))
+				} else if (row.state === -2) {
+					res = cardEllipsisOptions.filter(item => ['copy', 'del'].includes(item.key))
+				}
+			}
+
+			return res
+		}
+
+		return {
+			cardEllipsisOptions,
+			handleSelect,
+			getDropdownOpts
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.chat-card {
+	display: flex;
+	align-items: flex-start;
+	font-size: 14px;
+	color: rgb(51, 54, 57);
+	.card-pic {
+		flex: 0 0 32px;
+		margin-right: 10px;
+		border-radius: 50%;
+		width: 32px;
+		height: 32px;
+		box-sizing: border-box;
+		&.pd-2 {
+			padding: 2px;
+		}
+		.robot-box {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border-radius: 50%;
+			overflow: hidden;
+			img {
+				max-width: 100%;
+				max-height: 100%;
+			}
+		}
+	}
+	.card-box {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+
+		.card-box_top {
+			&.t-r {
+				text-align: right;
+			}
+			.datetime {
+				font-size: 14px;
+				color: #b4bbc4;
+			}
+		}
+		.card-box_mid {
+			width: 100%;
+			// margin-top: 8px;
+			display: flex;
+			.card-box-inner_left {
+				// flex: 1;
+				overflow: hidden;
+				&.flex-fill {
+					flex: 1;
+					// overflow: hidden;
+					// margin-right: 42px;
+				}
+				.results {
+					white-space: pre-wrap;
+
+					.results-content {
+						position: relative;
+
+						.success-results {
+							flex: initial;
+							// padding: 12px;
+							background-color: #f4f6f8;
+							border-radius: 4px;
+							.reasoning {
+								padding: 8px 12px;
+								background-color: #fff;
+								// margin-top: 10px;
+							}
+						}
+						.error-results {
+							.error-text {
+								width: 100%;
+								padding: 8px 12px;
+								border-radius: 4px;
+								background-color: rgb(253, 237, 237);
+								color: rgb(95, 33, 32);
+							}
+							.a-link {
+								color: #1890ff;
+								text-decoration: underline;
+								margin: 0 2px;
+							}
+						}
+
+						.data-source {
+							.data-source-answer {}
+							.data-source-chunks {
+								.chunks-content {
+									// padding-left: 20px;
+									.collapse-item-inner {
+										margin-left: 0px;
+										:deep(.n-collapse-item__header-main) {
+											color: #1890ff;
+											.n-base-icon {
+												color: #1890ff;
+											}
+										}
+									}
+								}
+							}
+						}
+					}
+					.action-footer {
+						height: 36px;
+						display: flex;
+						align-items: center;
+						margin-top: 8px;
+					}
+					.action-box {
+						display: flex;
+						// padding: 8px 12px;
+						background-color: #fff;
+						border-radius: 2px;
+						box-sizing: border-box;
+						margin-top: 10px;
+						.action-box-left {
+							flex: 1;
+							display: flex;
+							align-items: center;
+						}
+						.mr-10 {
+							margin-right: 10px;
+						}
+						.action-box-right {
+							display: flex;
+						}
+						.action-box-item {
+							display: flex;
+							align-items: center;
+							font-size: 12px;
+							font-family: "PingFang SC", "Microsoft YaHei", SimHei;
+							font-weight: 400;
+							color: #8f8f8f;
+							border-radius: 2px;
+							padding: 2px 4px;
+							box-sizing: border-box;
+							cursor: pointer;
+							span {
+								line-height: 20px;
+							}
+							&:hover {
+								background-color: #f3f5fc;
+								color: #000;
+							}
+						}
+					}
+				}
+			}
+			.card-box-inner_right {
+				flex: 0 0 42px;
+				align-self: flex-end;
+				padding: 0 6px;
+				display: flex;
+				&.flex-justify-end {
+					justify-content: flex-end;
+				}
+				.evs-icon {
+					cursor: pointer;
+					color: #b4bbc4;
+					&:hover {
+						color: #40a9ff;
+					}
+				}
+			}
+		}
+	}
+	&.mb-24 {
+		margin-bottom: 24px;
+	}
+	&.pb-24 {
+		padding-bottom: 24px;
+	}
+	&.reverse {
+		flex-direction: row-reverse;
+		.card-pic {
+			margin-left: 10px;
+			margin-right: 0;
+		}
+		.card-box {
+			.card-box_mid {
+				flex-direction: row-reverse;
+			}
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-content-create.vue b/src/layouts/common/robot-dialog/components/chatbot-content-create.vue
new file mode 100644
index 0000000..0e26da3
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-content-create.vue
@@ -0,0 +1,211 @@
+<template>
+	<div class="create-wrapper">
+		<div class="create-content">
+			<div class="title">
+				<span>开启新的会话</span>
+			</div>
+			<div class="main">
+				<div class="list">
+					<div class="list-item mr-24px" :class="{'active': checkedValue === '1'}" @click.stop="itemClick('1')">
+						<div class="list-item-left">
+							<img src="@/assets/images/data-wd.png" />
+						</div>
+						<div class="list-item-mid">
+							<p class="p1">数据问答助手</p>
+							<p class="p2">hello</p>
+						</div>
+						<div class="list-item-right">
+							<n-radio :checked="checkedValue === '1'" value="1" @change="handleChange" />
+						</div>
+					</div>
+					<div class="list-item" :class="{'active': checkedValue === '2'}" @click.stop="itemClick('2')">
+						<div class="list-item-left">
+							<img src="@/assets/images/know-wd.png" />
+						</div>
+						<div class="list-item-mid">
+							<p class="p1">知识问答助手</p>
+							<p class="p2">hello</p>
+						</div>
+						<div class="list-item-right">
+							<n-radio :checked="checkedValue === '2'" value="2" @change="handleChange" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="footer-action">
+			<div class="f-btn">
+				<n-button
+					type="primary"
+					block
+					secondary
+					strong
+					:loading="loading"
+					@click.stop="saveClick"
+				>
+					开始会话
+				</n-button>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	ref,
+	defineComponent,
+} from "vue";
+import { useMessage } from "naive-ui";
+import { useRobotStore } from "@/store";
+
+export default defineComponent({
+	setup() {
+		const loading = ref(false)
+		const checkedValue = ref('1')
+
+		// hooks
+		const robot = useRobotStore();
+		const message = useMessage();
+
+		// methods
+		const handleChange = (e: any) => {
+			const val = e.target.value
+			checkedValue.value = val
+		}
+		const itemClick = (val: string) => {
+			checkedValue.value = val
+		}
+		const saveClick = () => {
+			if (!checkedValue.value) return message.warning('请选择问答助手')
+			addSubmitHandle()
+		}
+
+		const addSubmitHandle = async () => {
+			const params = {
+				ScreenDesc: "",
+				ScreenName: "未命名会话",
+				ConfigId: "",
+				ConfigName: "",
+				ScreenType: Number(checkedValue.value),
+				GroupList: [],
+			}
+			loading.value = true;
+			const results = await robot.addChatbot(params);
+			loading.value = false;
+
+			console.log('results----aaa', results)
+			if (results) {
+				robot.setShowCreate(false);
+			}
+		};
+
+
+		return {
+			loading,
+			checkedValue,
+			handleChange,
+			itemClick,
+			saveClick
+		}
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+.create-wrapper {
+	position: absolute;
+	top: 0;
+	left: 16px;
+	right: 0;
+	bottom: 0;
+	z-index: 100;
+	// background-color: var(--baseColor);
+	background-color: #f5f5f6;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding-top: 5vh;
+	.mr-10 {
+		margin-right: 10px;
+	}
+	.pb-24 {
+		padding-bottom: 24px;
+	}
+	.create-content {
+		width: 600px;
+		.title {
+			font-size: 20px;
+			font-weight: 500;
+		}
+		.main {
+			padding-top: 30px;
+			.list {
+				display: flex;
+				.list-item {
+					display: flex;
+					width: 372px;
+					height: 100px;
+					margin-bottom: 12px;
+					border-radius: 12px;
+					padding: 12px;
+					display: flex;
+					cursor: pointer;
+					transition: all 0.3s cubic-bezier(0.36, 0.66, 0.04, 1);
+					border-color: transparent;
+					position: relative;
+					border: 1px solid transparent;
+					box-sizing: border-box;
+					background-color: #fff;
+					&:hover {
+						border: 1px solid #1890ff;
+					}
+					&.active {
+						border: 1px solid #1890ff;
+					}
+					.list-item-left {
+						flex: 0 0 48px;
+						img {
+							width: 48px;
+						}
+					}
+					.list-item-mid {
+						flex: 1;
+						overflow: hidden;
+						padding-left: 12px;
+						.p1 {
+							font-size: 16px;
+							font-weight: 700;
+							line-height: 20px;
+							padding: 0;
+							margin-bottom: 4px;
+						}
+						.p2 {
+							font-size: 14px;
+							line-height: 20px;
+							padding: 0;
+						}
+					}
+					.list-item-right {
+						flex: 0 0 48px;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+				}
+			}
+		}
+	}
+	.footer-action {
+		position: absolute;
+		bottom: 30px;
+		left: 0;
+		right: 30px;
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+		.mr-20 {
+			margin-right: 20px;
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-content-right.vue b/src/layouts/common/robot-dialog/components/chatbot-content-right.vue
new file mode 100644
index 0000000..b739e2f
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-content-right.vue
@@ -0,0 +1,83 @@
+<template>
+	<div class="details-container">
+		<div class="details-wrapper">
+			<div class="details-header">
+				<div class="h-close">
+					<n-button quaternary circle @click="closeClick">
+						<template #icon>
+							<n-icon size="20"><CloseIcon /></n-icon>
+						</template>
+					</n-button>
+				</div>
+			</div>
+			<div class="details-content">
+				<VisualContent v-if="type === 'chart'" />
+				<SqlContent v-if="type === 'sql'"/>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	Close as CloseIcon
+} from "@vicons/ionicons5";
+import VisualContent from './chartbot-content-right-visual.vue';
+import SqlContent from './chartbot-content-right-sql.vue';
+import { ref, computed, defineComponent } from 'vue';
+import { useRobotStore } from "@/store";
+import { EventBus } from "@/utils";
+
+export default defineComponent({
+	components: {
+		CloseIcon,
+		VisualContent,
+		SqlContent
+	},
+	setup () {
+		const active = ref('A0');
+		const robot = useRobotStore();
+
+		const type = computed(() => robot.chatbotRightContentType)
+
+		const closeClick = () => {
+			robot.showRightContent = false
+			EventBus.emit('chatbot-sider-collapsed', false);
+		}
+
+		return {
+			active,
+			type,
+			closeClick
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.details-container {
+	width: 100%;
+	height: 100%;
+	.details-wrapper {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.details-header {
+			position: relative;
+			height: 38px;
+			border-bottom: 1px solid var(--n-border-color);
+			.h-close {
+				position: absolute;
+				top: 50%;
+				left: 5px;
+				z-index: 99;
+				transform: translateY(-50%);
+			}
+		}
+		.details-content {
+			flex: 1;
+			overflow: hidden;
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-content-settings.vue b/src/layouts/common/robot-dialog/components/chatbot-content-settings.vue
new file mode 100644
index 0000000..974998f
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-content-settings.vue
@@ -0,0 +1,1268 @@
+<template>
+	<div class="setting-box">
+		<div class="inner-content">
+			<n-tabs
+				class="s-tabs"
+				size="large"
+				animated
+				justify-content="center"
+				pane-wrapper-style="margin: 0 -4px"
+				pane-style="padding-left: 4px; padding-right: 4px; box-sizing: border-box;"
+				v-model:value="tabIndex"
+			>
+				<n-tab-pane name="1" tab="基础配置">
+					<n-form ref="formRef1" :model="form" :rules="rules">
+						<n-form-item-row
+							label="会话名称"
+							style="padding: 0 16px"
+							path="name"
+						>
+							<n-input
+								v-model:value="form.name"
+								type="text"
+								:maxlength="20"
+								placeholder="请输入会话名称"
+							/>
+						</n-form-item-row>
+						<n-form-item-row label="描述" style="padding: 0 16px">
+							<n-input
+								v-model:value="form.desc"
+								placeholder="请输入一段描述"
+								type="textarea"
+								:maxlength="200"
+								:autosize="{
+									minRows: 3,
+									maxRows: 5,
+								}"
+							/>
+						</n-form-item-row>
+					</n-form>
+					<!-- <div class="tabs-footer-btns">
+						<n-button type="primary" :loading="submitLoading" block secondary strong @click="saveClick">
+							保存
+						</n-button>
+						<n-button
+							v-if="!isNotConfig"
+							style="margin-top: 10px"
+							type="default"
+							block
+							secondary
+							strong
+							@click.stop="cancelClick"
+						>
+							关闭
+						</n-button>
+					</div> -->
+				</n-tab-pane>
+				<n-tab-pane name="2" tab="高级配置">
+					<n-form
+						ref="formRef2"
+						:model="form"
+						:rules="rules"
+						class="tabs-inner-form"
+					>
+						<div v-if="Number(ScreenType) === 1">
+							<n-form-item-row
+								style="padding: 0 16px"
+								label="选择数据源"
+								path="configId"
+							>
+								<n-select
+									:value="form.configId || undefined"
+									placeholder="请选择数据源"
+									:options="sourceOpts"
+									:on-update:value="(value) => selectSourceChange(value)"
+								/>
+							</n-form-item-row>
+							<n-divider dashed style="padding: 0 16px; margin-top: 0" />
+							<div class="tips-box">
+								<div class="b-left">
+									<p class="mr-10">添加分组可以让您的数据匹配更精确哦!</p>
+									<n-button
+										tertiary
+										type="info"
+										size="tiny"
+										:disabled="form.groupList.length >= 3"
+										@click="addGroupClick"
+										>添加分组</n-button
+									>
+								</div>
+								<n-switch
+									v-if="form.groupList.length"
+									v-model:value="isSpread"
+									size="small"
+								>
+									<template #checked> 展开 </template>
+									<template #unchecked> 收起 </template>
+								</n-switch>
+							</div>
+							<n-collapse-transition :show="isSpread">
+								<n-scrollbar
+									style="max-height: 300px; padding: 0 16px; margin-bottom: 24px"
+								>
+									<n-form-item
+										class="form-item-group"
+										:show-feedback="false"
+										v-for="(group, groupIndex) in form.groupList"
+										:key="group.id"
+										@click.stop.prevent
+									>
+										<template #label>
+											<div class="f-label">
+												<div class="f-label-left">
+													<n-checkbox
+														v-model:checked="group.checked"
+														class="mr-10"
+														size="large"
+													/>
+													<span class="mr-10"
+														>分组{{ Number(groupIndex) + 1 }}</span
+													>
+													<!-- <n-button tertiary type="info" size="tiny" >
+														添加子分组
+													</n-button> -->
+												</div>
+												<div class="f-label-right">
+													<n-popconfirm
+														positive-text="删除"
+														@positive-click="() => delGroupClick(groupIndex)"
+													>
+														<template #trigger>
+															<n-button size="small" tertiary circle quaternary>
+																<template #icon>
+																	<n-icon :size="16">
+																		<TrashIcon />
+																	</n-icon>
+																</template>
+															</n-button>
+														</template>
+														<span style="white-space: nowrap">删除该分组？</span>
+													</n-popconfirm>
+												</div>
+											</div>
+											<n-divider
+												style="padding: 0; margin-top: 5px; margin-bottom: 0"
+											/>
+										</template>
+										<div class="group-list">
+											<div class="group-item">
+												<n-dynamic-input
+													v-model:value="group.children"
+													item-style="margin-bottom: 0;"
+													#="{ index }"
+													:min="2"
+													:max="3"
+													:on-create="addChildGroup"
+												>
+													<div style="display: flex">
+														<n-form-item
+															ignore-path-change
+															:show-label="false"
+															:path="`groupList[${groupIndex}].children[${index}].sheetName`"
+															:rule="rules.sheetName"
+														>
+															<n-select
+																:value="
+																	group.children[index].sheetName || undefined
+																"
+																placeholder="请选择"
+																:options="group.sheets"
+																clearable
+																style="width: 228px"
+																:on-update:show="
+																	(show) =>
+																		onUpdateShowSheetSelect(
+																			show,
+																			group.sheets,
+																			group.children
+																		)
+																"
+																:on-update:value="
+																	(value) =>
+																		selectSheetChange(
+																			value,
+																			group.sheets,
+																			group.children[index],
+																			group.children
+																		)
+																"
+															/>
+														</n-form-item>
+														<div
+															style="
+																height: 34px;
+																line-height: 34px;
+																margin: 0 8px;
+															"
+														></div>
+														<n-form-item
+															ignore-path-change
+															:show-label="false"
+															:path="`groupList[${groupIndex}].children[${index}].fieldName`"
+															:rule="rules.fieldName"
+														>
+															<n-select
+																:value="group.children[index].fieldName"
+																placeholder="请选择"
+																clearable
+																:options="
+																	getFieldOpts(
+																		group.children[index].sheetName || '',
+																		group.sheets,
+																		group.children
+																	)
+																"
+																style="width: 228px"
+																:on-update:value="
+																	(value) =>
+																		selectFieldChange(
+																			value,
+																			group.sheets,
+																			group.children,
+																			index
+																		)
+																"
+															/>
+														</n-form-item>
+													</div>
+												</n-dynamic-input>
+											</div>
+										</div>
+									</n-form-item>
+								</n-scrollbar>
+							</n-collapse-transition>
+						</div>
+						<div v-if="Number(ScreenType) === 2">
+							<!-- <div class="mb-23px flex justify-between" :class="{'mb-23px': !form.openkbset, 'mb-6px': form.openkbset}">
+								<span>配置知识库</span>
+								<n-switch v-model:value="form.openkbset" />
+							</div> -->
+							<n-form-item-row
+								v-show="form.openkbset"
+								label="配置知识库"
+								class="form-item-kb"
+								:show-feedback="false"
+							>
+								<template #label>
+									<div class="f-label flex justify-between">
+										<div class="f-label-left">
+											<span class="mr-10"
+												>配置知识库</span
+											>
+										</div>
+										<div class="f-label-right">
+											<n-button strong secondary circle size="small" type="info" :disabled="form.selectKbList.length >= kbMax" @click="addKbClick">
+												<template #icon>
+													<n-icon><AddOutlineIcon /></n-icon>
+												</template>
+											</n-button>
+										</div>
+									</div>
+								</template>
+								<div class="kb-wrapper">
+									<div v-for="(item, index) in form.selectKbList" :key="item.id" class="kb-list">
+										<div class="kb-list-left">
+											<n-form-item :path="`selectKbList[${index}].value`">
+												<n-select v-model:value="item.value" :options="item.options" placeholder="请选择" clearable :on-update:show="(show: boolean) => onUpdateShow(show, index)" />
+											</n-form-item>
+										</div>
+										<div class="kb-list-action">
+											<n-button v-show="form.selectKbList.length > 1" strong secondary circle size="small" type="error" @click="delKbClick(index)">
+												<template #icon>
+													<n-icon><RemoveOutlineIcon /></n-icon>
+												</template>
+											</n-button>
+										</div>
+									</div>
+								</div>
+
+							</n-form-item-row>
+							<!-- <n-form-item-row
+								v-show="form.openkbset"
+								label="配置知识库"
+								class="form-item-kb"
+							>
+								<n-tree-select
+									multiple
+									cascade
+									checkable
+									clearable
+									check-strategy="all"
+									v-model:value="form.kbListVal"
+									:options="kbOpts"
+									@update:value="handleKbListUpdateValue"
+								/>
+							</n-form-item-row> -->
+							<n-form-item-row label="最大召回的个数" path="RelevantHits">
+								<n-input-number v-model:value="form.RelevantHits" style="width: 600px;" :min="1" :max="6" />
+							</n-form-item-row>
+							<n-form-item-row label="相似度阈值" path="SimilarityThreshold">
+								<n-input-number v-model:value="form.SimilarityThreshold" style="width: 600px;" :min="0" :max="100" />
+							</n-form-item-row>
+						</div>
+					</n-form>
+					<!-- <div class="tabs-footer-btns">
+						<n-button
+							style="margin-top: 10px"
+							type="primary"
+							block
+							secondary
+							strong
+							:loading="submitLoading"
+							@click.stop="saveClick"
+						>
+							{{ isNotConfig ? "开始会话" : "保存" }}
+						</n-button>
+						<n-button
+							v-if="!isNotConfig"
+							style="margin-top: 10px"
+							type="default"
+							block
+							secondary
+							strong
+							@click.stop="cancelClick"
+						>
+							关闭
+						</n-button>
+					</div> -->
+				</n-tab-pane>
+			</n-tabs>
+		</div>
+		<div class="footer-action">
+			<div class="f-btn mr-20">
+				<n-button
+					type="default"
+					block
+					secondary
+					strong
+					@click.stop="cancelClick"
+				>
+					关闭
+				</n-button>
+			</div>
+			<div class="f-btn">
+				<n-button
+					type="primary"
+					block
+					secondary
+					strong
+					:loading="submitLoading"
+					@click.stop="saveClick"
+				>
+					{{ confirmBtnName }}
+				</n-button>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	TrashOutline as TrashIcon,
+	RemoveCircle as RemoveIcon,
+	AddCircle as AddIcon,
+	AddOutline as AddOutlineIcon,
+	RemoveOutline as RemoveOutlineIcon
+} from "@vicons/ionicons5";
+import { nanoid } from "nanoid";
+import { FormInst } from "naive-ui";
+import {
+	ref,
+	reactive,
+	defineComponent,
+	nextTick,
+	watch,
+	computed,
+	onMounted
+} from "vue";
+import { TreeSelectOption, SelectOption } from 'naive-ui';
+import { useRobotStore, useAuthStore, useKnowledgeStore } from "@/store";
+import { EventBus } from "@/utils";
+
+const intOpts = ['int64', 'int32', 'float64', 'float32'];
+
+export default defineComponent({
+	components: {
+		RemoveIcon,
+		AddIcon,
+		TrashIcon,
+		AddOutlineIcon,
+		RemoveOutlineIcon
+	},
+	setup() {
+		const formRef1 = ref<FormInst | null>(null);
+		const formRef2 = ref<FormInst | null>(null);
+		const tabIndex = ref("2");
+		const isSpread = ref(false); // 是否展示分组数据
+		const isNotConfig = ref(false); // 是否未配置
+		const submitLoading = ref(false);
+		const kbMax = ref(3);
+		const form = reactive({
+			name: "",
+			desc: "",
+			configId: "",
+			configName: "",
+			groupList: [] as Robot.GroupList[],
+			RelevantHits: 4,
+			SimilarityThreshold: 0,
+			kbListVal: [] as string[],
+			openkbset: true,
+			selectKbList: [
+				{
+					id: nanoid(),
+					value: null,
+					options: [] as SelectOption[]
+				}
+			]
+		});
+		const kbOpts = ref<TreeSelectOption[]>([])
+		const selectKbOpts = ref<SelectOption[]>([])
+
+
+		const auth = useAuthStore();
+		const robot = useRobotStore();
+		const knowledge = useKnowledgeStore();
+
+		const ScreenType = computed(() => robot.chatbotItem?.ScreenType);
+
+		const sourceOpts = computed(() => {
+			return (
+				auth.wdConfigInfo.map((item) => {
+					const data: any = item.Data || [];
+					const sheetOpts = data.map((sheet: any) => {
+						const colsInfo = sheet.colsInfo || [];
+						const fieldOpts = colsInfo.map((col: any) => {
+							return {
+								label: col.colName,
+								value: col.colName,
+								type: col.colType,
+							};
+						});
+						return {
+							label: sheet.sheetName,
+							value: sheet.sheetName,
+							fieldOpts,
+						};
+					});
+					return {
+						label: item.SourceName,
+						value: item.ConfigId,
+						sheetOpts,
+					};
+				}) || []
+			);
+		});
+
+		const getKbOpts = () => {
+			const kbList = knowledge.knowledgeBaseList || []
+			const options: TreeSelectOption[] = []
+			for(let i = 0; i < kbList.length; i++) {
+				const data = kbList[i].data || []
+				const children: TreeSelectOption[] = []
+				for (let j = 0; j < data.length; j++) {
+					children.push({
+						label: data[j].KName,
+						key: data[j].KID
+					})
+				}
+				const obj: TreeSelectOption  = {
+					label: kbList[i].KBName,
+					key: kbList[i].KBID
+				}
+				if (children.length > 0) {
+					obj.children = children
+				}
+				options.push(obj)
+			}
+			return options
+		}
+
+		const getSelectKbOpts = () => {
+			const kbList = knowledge.knowledgeBaseList || []
+			const options: TreeSelectOption[] = []
+			for(let i = 0; i < kbList.length; i++) {
+				const obj: TreeSelectOption  = {
+					label: kbList[i].KBName,
+					value: kbList[i].KBID
+				}
+				options.push(obj)
+			}
+			return options
+		}
+
+		selectKbOpts.value = getSelectKbOpts()
+		kbOpts.value = getKbOpts()
+
+		form.selectKbList.forEach(item => {
+			item.options = selectKbOpts.value
+		})
+
+		const confirmBtnName = computed(() => {
+			let res = '保存'
+			// switch(tabIndex.value) {
+			// 	case '1':
+			// 		if (isNotConfig.value) {
+			// 			// res = '下一步'
+			// 			res = '开始会话'
+			// 		}
+			// 		break
+			// 	case '2':
+			// 		if (isNotConfig.value) {
+			// 			res = '开始会话'
+			// 		}
+			// 		break
+			// }
+			return res
+		})
+
+		onMounted(() => {
+			console.log('zzzzz')
+			setChatbotSettings(2);
+			EventBus.on("init-chatbot-settings", () => {
+				init();
+			});
+			EventBus.on("set-chatbot-settings", (type: any = 1) => {
+				setChatbotSettings(type);
+			});
+		});
+
+		const init = () => {
+			form.name = "";
+			form.desc = "";
+			form.configId = "";
+			form.configName = "";
+			form.groupList =  [] as Robot.GroupList[];
+			isSpread.value = false;
+			tabIndex.value = "2";
+			isNotConfig.value = true;
+		}
+
+		const setChatbotSettings = (type: number = 1) => {
+			const settings = JSON.parse(JSON.stringify(robot.chatbotSettings));
+			// const settings: Robot.Settings = robot.chatbotSettings
+			const ScreenQAConfig = settings.ScreenQAConfig || ({} as Robot.ScreenQAConfig)
+
+			const sourceItem = sourceOpts.value.find(
+				(i) => i.value === settings.ScreenQAConfig?.ConfigId
+			);
+
+			form.name = settings.ScreenBasicConfig?.ScreenName;
+			form.desc = settings.ScreenBasicConfig?.ScreenDesc;
+			tabIndex.value = type === 1 ? "1" : "2";
+
+			const GroupList = settings.ScreenQAConfig?.GroupList || []
+			if (sourceItem) {
+				form.configId = settings.ScreenQAConfig?.ConfigId;
+				form.configName = settings.ScreenQAConfig?.ConfigName;
+				form.groupList = GroupList.map((item: Robot.GroupList) => {
+					item.checked = item.checked === 1 ? true : false;
+					item.sheets = sourceItem?.sheetOpts || [];
+					return item;
+				});
+				isNotConfig.value = settings.ScreenQAConfig?.ConfigId ? false : true;
+				isSpread.value = GroupList.length > 0 ? true : false;
+			} else {
+				isNotConfig.value = true;
+			}
+
+			console.log('ScreenType.value-----aa', ScreenType.value)
+
+			if (Number(ScreenType.value) === 2) {
+				form.RelevantHits = Number(ScreenQAConfig.RelevantHits)
+				form.SimilarityThreshold = Number(ScreenQAConfig.SimilarityThreshold)
+				console.log('ScreenQAConfig.KBIDS----aa', ScreenQAConfig.KBIDS)
+				const kbids: string[] = typeof ScreenQAConfig.KBIDS === 'string' ? JSON.parse(ScreenQAConfig.KBIDS) : (ScreenQAConfig.KBIDS || [])
+				form.selectKbList = getResKBIDS(kbids)
+
+				if (kbids.length > 0) {
+					form.selectKbList = getResKBIDS(kbids)
+				} else {
+					form.selectKbList = [
+						{
+							id: nanoid(),
+							value: null,
+							options: selectKbOpts.value as SelectOption[]
+						}
+					]
+				}
+			}
+		};
+
+		watch(
+			() => robot.chatbotId,
+			(newVal) => {
+				if (newVal) {
+					setChatbotSettings();
+				}
+			}
+		);
+
+		watch(
+			() => robot.showSettings,
+			(newVal) => {
+				if (newVal) {
+					tabIndex.value = "1";
+					const settings = robot.chatbotSettings;
+					const screenQAConfig = settings.ScreenQAConfig || {};
+					const sourceItem = sourceOpts.value.find(
+						(i) => i.value === screenQAConfig.ConfigId
+					);
+					if (sourceItem) {
+						isNotConfig.value = screenQAConfig?.ConfigId ? false : true;
+					} else {
+						isNotConfig.value = true;
+					}
+				}
+			}
+		);
+
+		// methods
+		const getResKBIDS = (list: string[] = []) => {
+			let res = []
+			// if (Array.isArray(list)) {
+			// 	list.forEach(item => {
+			// 		const keys = Object.keys(item)
+			// 		keys.forEach(k => {
+			// 			res.push(k)
+			// 			const children = item[k] || []
+			// 			if (children) {
+			// 				children.forEach((c: any) => {
+			// 					const keys = Object.keys(c) || []
+			// 					res.push(...keys)
+			// 				})
+			// 			}
+			// 		})
+			// 	})
+			// }
+
+			res = list && list.map((val: any) => {
+				return {
+					id: nanoid(),
+					value: val,
+					options: selectKbOpts.value
+				}
+			}) || []
+
+			return res
+		}
+
+		const handleKbListUpdateValue = (values: string | number | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => {
+			let selectedParentKeys: string[] = []
+
+			if (Array.isArray(values)) {
+				for(let i = 0; i < kbOpts.value.length; i++) {
+					const item = kbOpts.value[i] || {}
+					const children = item.children || []
+					const check = children.some((v) => values.includes(String(v.key)))
+					if (check) {
+						selectedParentKeys.push(String(item.key))
+					}
+				}
+			}
+
+			if (selectedParentKeys.length >= kbMax.value) {
+				kbOpts.value.forEach((item) => {
+					const children = item.children
+					if (!selectedParentKeys.includes(String(item.key))) {
+						item.disabled = true
+						if (children) {
+							children.forEach((v) => {
+								v.disabled = true
+							})
+						}
+					}
+				})
+			} else {
+				kbOpts.value.forEach((item) => {
+					item.disabled = false
+					if (item.children) {
+						item.children.forEach((v) => {
+							v.disabled = false
+						})
+					}
+				})
+			}
+		}
+
+		const selectSourceChange = (value: string) => {
+			const settings = JSON.parse(JSON.stringify(robot.chatbotSettings));
+			const screenQAConfig = settings.ScreenQAConfig || {};
+			form.configId = value;
+			let groupList: any = [];
+			if (screenQAConfig.ConfigId && screenQAConfig.ConfigId === value) {
+				const sourceItem = sourceOpts.value.find((i) => i.value === screenQAConfig.ConfigId);
+				form.configName = sourceItem?.label;
+				groupList = screenQAConfig.GroupList?.map((item: any) => {
+					(item.checked = item.checked === 1 ? true : false),
+					(item.sheets = sourceItem?.sheetOpts || []);
+					return item;
+				}) || [];
+				isSpread.value = groupList.length ? true : false;
+			} else {
+				const sourceItem = sourceOpts.value.find((i) => i.value === value);
+				form.configName = sourceItem?.label;
+				isSpread.value = false;
+				groupList = form.groupList.map((item) => {
+					item.sheets = sourceItem?.sheetOpts || [];
+					return item;
+				});
+			}
+			form.groupList = groupList;
+		};
+
+		const onUpdateShowSheetSelect = (
+			show: boolean,
+			sheets: any = [],
+			children: any = []
+		) => {
+			if (show) {
+				sheets.forEach((item: any) => {
+					item.disabled = children.some(
+						(el: any) => el.sheetName === item.value
+					);
+				});
+			}
+		};
+
+		const selectSheetChange = async (
+			value: string,
+			sheets: any = [],
+			children: any = {},
+			childrenList: any = []
+		) => {
+			children.sheetName = value;
+			children.fieldName = null;
+			children.fieldType = null;
+
+			let arr: string[] = childrenList.filter((item: any) => {
+				return item?.sheetName
+			}).map((item: any) => item.sheetName) || []
+
+			sheets.forEach((item: any) => {
+				item.disabled = arr.includes(item.value);
+			});
+		};
+
+		const selectFieldChange = (
+			value: string,
+			sheets: any,
+			children: any,
+			cIndex: number
+		) => {
+			children.forEach((item: any, idx: number) => {
+				if (idx === cIndex) {
+					const sheet = sheets.find((s: any) => s.value === item.sheetName) || {};
+					const fieldOpts = sheet.fieldOpts || [];
+					const field = fieldOpts.find((f: any) => f.value === value) || {};
+					item.fieldName = value;
+					item.fieldType = field.type;
+				}
+			});
+		};
+
+		const getFieldOpts = (
+			name: string,
+			sheets: any = [],
+			children: any = []
+		) => {
+			let res = [];
+			let fieldType = "";
+			let sheetName = "";
+			let num = 0;
+			for (let i in children) {
+				if (children[i].fieldType) {
+					if (!fieldType) {
+						fieldType = children[i].fieldType;
+						sheetName = children[i].sheetName;
+					}
+					num += 1;
+					if (num > 1) {
+						continue;
+					}
+				}
+			}
+			const obj: any = sheets.find((item: any) => item.value === name) || {};
+			let fieldOpts = obj.fieldOpts || [];
+			if (fieldType) {
+				if (num === 1 && obj.value === sheetName) {
+					fieldOpts.map((item: any) => {
+						item.disabled = false;
+						return item;
+					});
+				} else {
+					fieldOpts.map((item: any) => {
+						if (intOpts.includes(fieldType)) {
+							if (intOpts.includes(item.type)) {
+								item.disabled = false;
+							} else {
+								item.disabled = true;
+							}
+						} else {
+							if (item.type !== fieldType) {
+								item.disabled = true;
+							} else {
+								item.disabled = false;
+							}
+						}
+						return item;
+					});
+				}
+			} else {
+				fieldOpts.map((item: any) => {
+					item.disabled = false;
+					return item;
+				});
+			}
+			res = fieldOpts;
+			return res;
+		};
+
+		// 添加分组
+		const addGroupClick = () => {
+			if (form.groupList.length >= 3) return;
+			isSpread.value = true;
+			const obj = {
+				id: nanoid(),
+				checked: true,
+				sheets: [],
+				children: [
+					{
+						sheetName: undefined,
+						fieldName: undefined,
+						fieldType: undefined,
+					},
+					{
+						sheetName: undefined,
+						fieldName: undefined,
+						fieldType: undefined,
+					},
+				],
+			};
+			form.groupList.push(obj);
+			// 设置数据表下拉
+			const sourceItem = sourceOpts.value.find(
+				(i) => i.value === form.configId
+			);
+			form.groupList = form.groupList.map((item) => {
+				item.sheets = sourceItem?.sheetOpts || [];
+				return item;
+			});
+		};
+
+		// 添加子分组
+		const addChildGroup = () => {
+			return {
+				sheetName: undefined,
+				fieldName: undefined,
+				fieldType: null,
+			};
+		};
+
+		const delGroupClick = (index: number) => {
+			form.groupList.splice(index, 1);
+			if (form.groupList.length === 0) {
+				isSpread.value = false;
+			}
+		};
+
+		const nextStepClick = (e: MouseEvent) => {
+			e.preventDefault();
+			formRef1.value?.validate((errors) => {
+				if (!errors) {
+					tabIndex.value = "2";
+				} else {
+					console.log("errors", errors);
+				}
+			});
+		};
+
+		const saveClick = (e: MouseEvent) => {
+			e.preventDefault();
+
+			if (!form.name) {
+				tabIndex.value = "1";
+				nextTick(() => {
+					formRef1.value?.validate();
+				});
+				return;
+			}
+
+			if (tabIndex.value === "1") {
+				if (isNotConfig.value) {
+					tabIndex.value = "2";
+					return
+				} else {
+					if (!form.configId) {
+						tabIndex.value = "2";
+						nextTick(() => {
+							formRef2.value?.validate();
+						});
+						return
+					}
+					if (!robot.chatbotId) {
+						addSubmit();
+					} else {
+						editSubmit();
+					}
+				}
+			}
+
+			formRef2.value?.validate((errors) => {
+				if (!errors) {
+					if (!robot.chatbotId) {
+						addSubmit();
+					} else {
+						editSubmit();
+					}
+				} else {
+					console.log("errors", errors);
+				}
+			});
+		};
+
+		const handleKBIDS = () => {
+			const values = form.kbListVal
+			const opts = kbOpts.value
+			let parents = []
+			for(let i = 0; i < opts.length; i++) {
+				const item = opts[i] || {}
+				const children = item.children || []
+				const check = children.some((v) => values.includes(String(v.key)))
+				if (check) {
+					let key: string = item.key + ''
+					let arr = children.map(v => {
+						let k: string = String(v.key)
+						return {
+							[k]: {
+								status: values.includes(k),
+								kName: v.label
+							}
+						}
+					}) || []
+					parents.push({
+						[key]: arr
+					})
+				}
+			}
+			return parents
+		}
+
+		const addKbClick = () => {
+			let len = form.selectKbList.length
+			if (len >= kbMax.value) return
+			form.selectKbList.push({
+				id: nanoid(),
+				value: null,
+				options: selectKbOpts.value
+			})
+		}
+
+		const delKbClick = (index: number) => {
+			let len = form.selectKbList.length
+			if (len <= 1) return
+			form.selectKbList.splice(index, 1)
+		}
+
+		const onUpdateShow = (show: boolean, index: number) => {
+			if (show) {
+				let selected: any = []
+				let list = form.selectKbList
+				let listItem = list[index] || {}
+				let options: SelectOption[] = listItem.options || ([] as SelectOption[])
+				for (let i = 0; i < list.length; i++) {
+					const item = list[i] || {}
+					if (item.value && index !== i) {
+						selected.push(item.value)
+					}
+				}
+
+				options.forEach((item) => {
+					if (selected.includes(item.value)) {
+						item.disabled = true
+					} else {
+						item.disabled = false
+					}
+				})
+			}
+		}
+
+		const addSubmit = async () => {
+			const groupList = form.groupList.map((item) => {
+				return {
+					id: item.id,
+					checked: item.checked ? 1 : 0,
+					children: item.children,
+				};
+			}) || [];
+			const params = {
+				ScreenDesc: form.desc,
+				ScreenName: form.name,
+				ConfigId: form.configId || "",
+				ConfigName: form.configName || "",
+				GroupList: groupList
+			}
+			submitLoading.value = true;
+			await robot.addChatbot(params);
+			submitLoading.value = false;
+			robot.setShowSettings(false);
+		};
+
+		const editSubmit = async () => {
+			const checkGroupList = form.groupList.some((item) => {
+				const children = item?.children || [];
+				const checkChildren = children.some((sItem) => {
+					return !sItem?.sheetName;
+				});
+				return checkChildren;
+			});
+
+			// 存在空的分组数据
+			if (checkGroupList) {
+				isSpread.value = true;
+				tabIndex.value = "2";
+				nextTick(() => {
+					formRef2.value?.validate();
+				});
+				return;
+			}
+
+			const chatbotItem = robot.chatbotItem
+
+			const groupList = form.groupList.map((item) => {
+					return {
+						id: item.id,
+						checked: item.checked ? 1 : 0,
+						children: item.children,
+					};
+				}) || [];
+
+			submitLoading.value = true;
+
+			// const kbids = handleKBIDS()
+			const kbids = form.selectKbList.map(v => v.value) || []
+
+			const params = {
+				ScreenId: robot.chatbotId,
+				ScreenName: form.name,
+				ScreenDesc: form.desc,
+				ConfigId: form.configId,
+				ConfigName: form.configName,
+				ScreenType: Number(chatbotItem.ScreenType),
+				GroupList: groupList,
+				SimilarityThreshold: form.SimilarityThreshold ? Number(form.SimilarityThreshold / 100) : 0,
+				RelevantHits: Number(form.RelevantHits),
+				KBIDS: kbids
+			}
+
+			const results = await robot.updateChatbot(params)
+
+			submitLoading.value = false;
+
+			if (!results) return;
+
+			robot.setShowSettings(false);
+		};
+
+		const cancelClick = () => {
+			robot.setShowSettings(false);
+		};
+
+		return {
+			formRef1,
+			formRef2,
+			isNotConfig,
+			tabIndex,
+			isSpread,
+			submitLoading,
+			ScreenType,
+			form,
+			kbMax,
+			sourceOpts,
+			kbOpts,
+			selectKbOpts,
+			rules: {
+				name: {
+					required: true,
+					trigger: ["blur", "input"],
+					message: "会话名称不能为空",
+				},
+				configId: {
+					required: true,
+					trigger: ["blur", "input"],
+					message: "请选择数据源",
+				},
+				sheetName: {
+					required: true,
+					trigger: ["blur", "input"],
+					message: "请选择",
+				},
+				fieldName: {
+					required: true,
+					trigger: ["blur", "input"],
+					message: "请选择",
+				},
+				RelevantHits: {
+					required: true,
+					type: 'number',
+					trigger: ["blur", "input"],
+					message: "不能为空",
+				},
+				SimilarityThreshold: {
+					required: true,
+					type: 'number',
+					trigger: ["blur", "input"],
+					message: "不能为空",
+				}
+			},
+			confirmBtnName,
+			nextStepClick,
+			saveClick,
+			cancelClick,
+			addGroupClick,
+			addChildGroup,
+			delGroupClick,
+			selectSourceChange,
+			selectSheetChange,
+			onUpdateShowSheetSelect,
+			getFieldOpts,
+			selectFieldChange,
+			handleKbListUpdateValue,
+			addKbClick,
+			delKbClick,
+			onUpdateShow
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.n-tabs-pane-wrapper {
+	overflow: initial;
+}
+.setting-box {
+	position: absolute;
+	top: 0;
+	left: 16px;
+	right: 0;
+	bottom: 0;
+	z-index: 100;
+	// background-color: var(--baseColor);
+	background-color: #f5f5f6;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding-top: 5vh;
+	.mr-10 {
+		margin-right: 10px;
+	}
+	.pb-24 {
+		padding-bottom: 24px;
+	}
+	.inner-content {
+		width: 600px;
+		.s-tabs {
+			.tips-box {
+				display: flex;
+				align-items: center;
+				padding: 0 16px;
+				margin-bottom: 24px;
+				.b-left {
+					flex: 1;
+					overflow: hidden;
+					display: flex;
+					align-items: center;
+				}
+			}
+			.tabs-inner-form {
+				margin-top: 20px;
+				padding: 0 50px;
+				:deep(.n-form-item--top-labelled) {
+					grid-template-rows: initial;
+				}
+
+				.form-item-group {
+					:deep(.n-form-item-label__text) {
+						width: 100%;
+					}
+				}
+
+				.form-item-kb {
+					:deep(.n-form-item-label__text) {
+						width: 100%;
+					}
+				}
+
+				.f-label {
+					width: 100%;
+					display: flex;
+					align-items: center;
+					.f-label-left {
+						flex: 1;
+						overflow: hidden;
+					}
+				}
+				.group-list {
+					position: relative;
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					padding-left: 8px;
+					&::before {
+						content: "";
+						position: absolute;
+						top: 0;
+						bottom: 24px;
+						left: 0;
+						width: 2px;
+						background-color: #1890ff;
+					}
+				}
+
+				.kb-wrapper {
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					.kb-list {
+						position: relative;
+						width: 100%;
+						display: flex;
+						align-items: center;
+						.kb-list-action {
+							position: absolute;
+							right: -50px;
+							top: 0;
+							width: 40px;
+							height: 34px;
+							display: flex;
+							align-items: center;
+							z-index: 10;
+						}
+						.kb-list-left {
+							flex: 1;
+							overflow: hidden;
+						}
+						.kb-list-right {
+
+						}
+					}
+				}
+			}
+			.tabs-footer-btns {
+				padding: 0 16px;
+			}
+		}
+	}
+	.footer-action {
+		position: absolute;
+		bottom: 30px;
+		left: 0;
+		right: 30px;
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+		.mr-20 {
+			margin-right: 20px;
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-content-welcome.vue b/src/layouts/common/robot-dialog/components/chatbot-content-welcome.vue
new file mode 100644
index 0000000..7c95f88
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-content-welcome.vue
@@ -0,0 +1,63 @@
+<template>
+	<div class="default-box">
+		<div class="logo mb-10">
+			<img src="~@/assets/images/ai-pic.png" alt="" />
+		</div>
+		<div class="name mb-10"><span class="text-26px">knowAny</span> 智能数据分析助手</div>
+		<div class="desc">欢迎使用</div>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+	setup() {
+		return {};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.default-box {
+	position: absolute;
+	top: 0;
+	left: 16px;
+	right: 0;
+	bottom: 0;
+	z-index: 99;
+	height: 100%;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	// background-color: var(--baseColor);
+	background-color: #f5f5f6;
+	.mb-10 {
+		margin-bottom: 10px;
+	}
+	.logo {
+		width: 80px;
+		height: 80px;
+		background-color: #1890ff;
+		border-radius: 50%;
+		padding: 6px;
+		box-sizing: border-box;
+		img {
+			width: 100%;
+			height: 100%;
+			border-radius: 50%;
+		}
+	}
+	.name {
+		font-size: 22px;
+		font-weight: 500;
+	}
+	.desc {
+		width: 250px;
+		font-size: 16px;
+		text-align: center;
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-content.vue b/src/layouts/common/robot-dialog/components/chatbot-content.vue
new file mode 100644
index 0000000..36a0188
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-content.vue
@@ -0,0 +1,290 @@
+<template>
+	<div class="chatbot-content" ref="contentRef">
+		<ChatbotContentCard ref="cardRef" v-for="item in records" :key="item.id" :item="item" />
+		<!-- <div class="chat-card pb-24" ref="cardRef" :class="{'reverse': item.userType === 1}" v-for="item in records" :key="item.id">
+			<div class="card-pic" :class="{'pd-2': item.userType === 2}">
+				<img v-if="item.userType === 2" src="~@/assets/images/ai-pic.png" alt="" />
+				<img v-else src="~@/assets/images/test.jpg" alt="" />
+			</div>
+			<div class="card-box">
+				<div class="card-box_top">
+					<span class="datetime">{{ item.datetime }}</span>
+				</div>
+				<div class="card-box_mid">
+					<div class="card-box-inner_left">
+						<div v-if="item.loading" class="loading-box">
+							<n-spin :size="14" />
+							<span class="ml-8">正在分析数据中...</span>
+						</div>
+						<div v-if="item.loaded && !item.loading && item.error" class="tips-box">
+							<div class="t-error">
+								<p>分析失败，请重新再试！</p>
+								<n-popover trigger="hover">
+									<template #trigger>
+										<n-icon class="reload-icon ml-8" size="16">
+											<icon-local-reload />
+										</n-icon>
+									</template>
+									<span>重新加载</span>
+								</n-popover>
+							</div>
+						</div>
+						<div v-if="item.loaded && !item.loading && !item.error" class="results">
+							<p v-if="item.type === 1" class="c-text">{{ item.value }}</p>
+						</div>
+					</div>
+					<div class="card-box-inner_right">
+						<n-dropdown
+							:options="cardEllipsisOptions"
+							size="small"
+							:placement="item.userType === 1 ? 'left' : 'right'"
+							@select="(key) => handleCardSelect(key, item)"
+						>
+							<n-icon class="evs-icon" size="12">
+								<EllipsisVerticalSharpIcon />
+							</n-icon>
+						</n-dropdown>
+					</div>
+				</div>
+			</div>
+		</div> -->
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	TrashOutline as TrashIcon,
+	SettingsOutline as SettingsIcon,
+	EllipsisVerticalSharp as EllipsisVerticalSharpIcon,
+	Copy as CopyIcon,
+	ChevronDownOutline as DownIcon
+} from "@vicons/ionicons5";
+import html2canvas from 'html2canvas';
+import moment from 'moment';
+import { h, ref, defineComponent, computed, nextTick, onMounted, onBeforeUnmount } from "vue";
+import type { Component } from "vue";
+import { NIcon, useMessage } from "naive-ui";
+import { useRobotStore } from '@/store';
+import { EventBus, downloadImgFile } from '@/utils';
+import ChatbotContentCard from './chatbot-content-card.vue';
+
+const renderIcon = (icon: Component) => {
+	return () => {
+		return h(NIcon, null, {
+			default: () => h(icon),
+		});
+	};
+};
+
+const cardEllipsisOptions = [
+	{
+		label: "复制",
+		key: "copy",
+		icon: renderIcon(CopyIcon),
+	},
+	{
+		label: "删除",
+		key: "del",
+		icon: renderIcon(TrashIcon),
+	},
+];
+
+export default defineComponent({
+	components: {
+		TrashIcon,
+		SettingsIcon,
+		CopyIcon,
+		EllipsisVerticalSharpIcon,
+		DownIcon,
+		ChatbotContentCard
+	},
+	setup() {
+		const contentRef = ref(null)
+		const cardRef = ref()
+
+		const message = useMessage()
+		const robot = useRobotStore()
+
+		const records = computed(() => {
+			const fIndex = robot.chatbotRecords.findIndex((item) => item.id === robot.chatbotId)
+			let res = [] as Robot.Record[]
+			if (fIndex !== -1) {
+				res = robot.chatbotRecords[fIndex].list
+			}
+
+			return res
+		})
+
+		const backBomHandle = () => {
+			nextTick(() => {
+				const length = records.value.length
+				if (length > 0) {
+					// cardRef.value[length - 1].scrollIntoView();
+				}
+			})
+		}
+
+		onMounted(() => {
+			backBomHandle()
+			EventBus.on('back-bom', () => {
+				backBomHandle()
+			})
+			EventBus.on('download-chatbot-img', () => {
+				downloadChatbotImgHandle()
+			})
+		})
+
+		onBeforeUnmount(() => {
+			EventBus.off('back-bom')
+			EventBus.off('download-chatbot-img')
+		})
+
+		const contentScroll = (el: any) => {
+			console.log('el-----', el)
+		}
+
+		const handleCardSelect = (key: string, item: any) => {
+			switch(key) {
+				case 'copy':
+					navigator.clipboard.writeText(item.value)
+					break
+			}
+		};
+
+		const getImgName = (): string => {
+			const name = robot.chatbotItem.screenName || ''
+			const datetime = moment().format('YYYYMMDDHHmmss')
+			return `${name}-${datetime}.png`
+		}
+
+		const downloadChatbotImgHandle = async () => {
+      const dom: any = contentRef.value
+      let canvas
+      try {
+        canvas = await html2canvas(dom, {
+          useCORS: true
+        })
+      } catch (error) {
+        console.log('error', error)
+        message.error('导出图片失败')
+      }
+      if (!canvas) return
+      const imgUrl = canvas.toDataURL('image/png')
+			const name: string = getImgName()
+      downloadImgFile(imgUrl, name)
+    }
+
+		return {
+			contentRef,
+			cardRef,
+			contentScroll,
+			records,
+			cardEllipsisOptions,
+			handleCardSelect
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.chatbot-content {
+	position: relative;
+	margin: 0 auto;
+	max-width: 800px;
+	height: 100%;
+	padding: 16px;
+	box-sizing: border-box;
+	.chat-card {
+		display: flex;
+		align-items: flex-start;
+		.card-pic {
+			flex: 0 0 32px;
+			margin-right: 10px;
+			background-color: #1890ff;
+			border-radius: 50%;
+			width: 32px;
+			height: 32px;
+			box-sizing: border-box;
+			&.pd-2 {
+				padding: 2px;
+			}
+			img {
+				width: 100%;
+				height: 100%;
+				border-radius: 50%;
+			}
+		}
+		.card-box {
+			display: flex;
+			flex-direction: column;
+			.card-box_top {
+				.datetime {
+					font-size: 14px;
+					color: #b4bbc4;
+				}
+			}
+			.card-box_mid {
+				margin-top: 8px;
+				display: flex;
+				.card-box-inner_left {
+					padding: 8px 12px;
+					background-color: #f4f6f8;
+					border-radius: 6px;
+					.loading-box {
+						display: flex;
+						align-items: center;
+						.ml-8 {
+							margin-left: 8px;
+						}
+					}
+					.tips-box {
+
+						.ml-8 {
+							margin-left: 8px;
+						}
+						.t-error {
+							display: flex;
+							align-items: center;
+							.reload-icon {
+								cursor: pointer;
+								&:hover {
+									opacity: 0.8;
+								}
+							}
+						}
+					}
+				}
+				.card-box-inner_right {
+					align-self: flex-end;
+					padding: 0 6px;
+					.evs-icon {
+						cursor: pointer;
+						color: #b4bbc4;
+						&:hover {
+							color: #40a9ff;
+						}
+					}
+				}
+			}
+		}
+		&.mb-24 {
+			margin-bottom: 24px;
+		}
+		&.pb-24 {
+			padding-bottom: 24px;
+		}
+		&.reverse {
+			flex-direction: row-reverse;
+			.card-pic {
+				margin-left: 10px;
+				margin-right: 0;
+			}
+			.card-box {
+				.card-box_mid {
+					flex-direction: row-reverse;
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-footer.vue b/src/layouts/common/robot-dialog/components/chatbot-footer.vue
new file mode 100644
index 0000000..97a9ecd
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-footer.vue
@@ -0,0 +1,137 @@
+<template>
+	<div class="chatbot-footer">
+		<div class="left-box">
+			<n-button quaternary circle @click="clearRecordsClick">
+				<template #icon>
+					<n-icon><TrashIcon /></n-icon>
+				</template>
+			</n-button>
+			<n-button quaternary circle @click="downloadImgClick">
+				<template #icon>
+					<n-icon><icon-local-download /></n-icon>
+				</template>
+			</n-button>
+		</div>
+		<div class="middle-box">
+			<n-input
+				v-model:value="sendValue"
+				type="textarea"
+				placeholder="赶快输入您的问题进行查询吧！（Shift + Enter = 换行）"
+				:autosize="{ minRows: 1, maxRows: 5 }"
+				@keydown.enter.native="keydownHandle"
+			/>
+		</div>
+		<div class="right-box">
+			<n-button type="primary" :loading="sendLoading" :disabled="!sendValue" @click="sendClick">
+				<template #icon>
+					<n-icon><PaperPlaneIcon /></n-icon>
+				</template>
+			</n-button>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	TrashOutline as TrashIcon,
+	PaperPlane as PaperPlaneIcon,
+} from "@vicons/ionicons5";
+import { ref, defineComponent } from "vue";
+import { useDialog } from "naive-ui";
+import { useRobotStore } from "@/store";
+import { EventBus } from "@/utils";
+
+export default defineComponent({
+	components: {
+		TrashIcon,
+		PaperPlaneIcon,
+	},
+	setup() {
+		const sendValue = ref("");
+		const sendLoading = ref(false);
+
+		const dialog = useDialog();
+		const robot = useRobotStore();
+
+		const clearRecordsClick = () => {
+			dialog.warning({
+				title: "提示",
+				content: "是否清空会话？",
+				positiveText: "是",
+				negativeText: "否",
+				onPositiveClick: () => {
+					robot.clearChatbotRecord();
+				},
+				onNegativeClick: () => {},
+			});
+		};
+
+		const downloadImgClick = () => {
+			dialog.warning({
+				title: "提示",
+				content: "是否将会话保存为图片?",
+				positiveText: "是",
+				negativeText: "否",
+				onPositiveClick: () => {
+					EventBus.emit("download-chatbot-img");
+				},
+				onNegativeClick: () => {},
+			});
+		};
+
+		const sendClick = async () => {
+			if (!sendValue.value) return;
+
+			// const res = robot.checkChatbotSettings()
+
+			// if (!res) return false
+
+			let value = sendValue.value;
+			sendValue.value = "";
+
+			sendLoading.value = true;
+			await robot.addChatbotRecord({
+				value
+			});
+			sendLoading.value = false;
+
+			EventBus.emit('chatbot-content-scroll-to', { type: 'bom', behavior: 'smooth' })
+		};
+
+		const keydownHandle = (e: KeyboardEvent) => {
+			e.preventDefault()
+			if (e.shiftKey && e.key === "Enter") {
+				sendValue.value += "\n"
+			} else {
+				sendClick()
+			}
+		}
+
+		return {
+			sendValue,
+			sendLoading,
+			clearRecordsClick,
+			downloadImgClick,
+			sendClick,
+			keydownHandle
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.chatbot-footer {
+	margin: 0 auto;
+	max-width: 1048px;
+	min-height: 50px;
+	padding: 16px 16px 8px;
+	box-sizing: border-box;
+	display: flex;
+	background-color: #f5f5f6;
+	.middle-box {
+		flex: 1;
+		overflow: hidden;
+		padding: 0 12px;
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/chatbot-sider.vue b/src/layouts/common/robot-dialog/components/chatbot-sider.vue
new file mode 100644
index 0000000..35af50b
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/chatbot-sider.vue
@@ -0,0 +1,405 @@
+<template>
+	<div class="chatbot-sider">
+		<div class="chatbot-sider_top">
+			<div class="btn-item">
+				<div class="new-btn" @click="addChatbotClick">
+					<n-icon class="mr-4px" size="24">
+						<AddIcon/>
+					</n-icon>
+					<span>开启新会话</span>
+				</div>
+				<!-- <n-button style="width: 100%" dashed @click="addChatbotClick">
+					开启新会话
+				</n-button> -->
+			</div>
+		</div>
+		<div class="chatbot-sider_middle">
+			<n-scrollbar style="max-height: 100%">
+				<div class="list">
+					<div
+						class="list-item"
+						:class="{ active: item.ScreenId === activeId }"
+						v-for="item in chatbotList"
+						:key="item.ScreenId"
+						@click.stop.prevent="itemClick(item)"
+					>
+						<div class="pic-box">
+							<img v-if="Number(item.ScreenType) === 1" :src="picIcon1" alt="" />
+							<img v-if="Number(item.ScreenType) === 2" :src="picIcon2" alt="" />
+						</div>
+						<!-- <n-icon><chatbox-icon /></n-icon> -->
+						<div v-if="item.isEdit" class="inner-box pl-10" @click.stop.prevent>
+							<n-input
+								ref="inputRef"
+								v-model:value="item.screenName"
+								class="mr-10"
+								type="text"
+								size="small"
+								:maxlength="20"
+								:input-props="{'id': `input-${item.ScreenId}`}"
+								:placeholder="item.screenName ? item.screenName : '请输入'"
+							/>
+							<n-button
+								strong
+								secondary
+								circle
+								size="small"
+								type="info"
+								:loading="loading"
+								@click.stop.prevent="saveClick(item.ScreenId, item)"
+							>
+								<template #icon>
+									<n-icon><icon-local-save /></n-icon>
+								</template>
+							</n-button>
+						</div>
+						<div v-else class="inner-box">
+							<p class="i-text">{{ item.screenName }}</p>
+							<n-popover
+								ref="more"
+								style="padding: 4px"
+								trigger="hover"
+								:show-arrow="false"
+							>
+								<template #trigger>
+									<n-icon><EllipsisIcon /></n-icon>
+								</template>
+								<div class="r-more">
+									<n-button
+										size="small"
+										quaternary
+										@click="handleSelect('edit', item)"
+									>
+										<template #icon>
+											<n-icon :size="14">
+												<CreateIcon />
+											</n-icon>
+										</template>
+										<span>编辑</span>
+									</n-button>
+									<n-button
+										size="small"
+										quaternary
+										@click="handleSelect('settings', item)"
+									>
+										<template #icon>
+											<n-icon :size="14">
+												<SettingsIcon />
+											</n-icon>
+										</template>
+										<span>设置</span>
+									</n-button>
+									<n-popconfirm
+										positive-text="删除"
+										@positive-click="() => handleSelect('del', item)"
+										@negative-click="() => handleSelect('cancel-del', item)"
+									>
+										<template #trigger>
+											<n-button size="small" quaternary>
+												<template #icon>
+													<n-icon :size="14">
+														<TrashIcon />
+													</n-icon>
+												</template>
+												<span>删除</span>
+											</n-button>
+										</template>
+										<span style="white-space: nowrap">删除该会话？</span>
+									</n-popconfirm>
+								</div>
+							</n-popover>
+						</div>
+					</div>
+				</div>
+			</n-scrollbar>
+		</div>
+		<div class="chatbot-sider_bottom"></div>
+		<!-- <div class="chatbot-sider_footer">
+			<div class="r-pic">
+				<img src="../imgs/r_pic.png" alt="" />
+			</div>
+			<div class="r-info">
+				<p>AiRobot</p>
+				<p>机器人信息</p>
+			</div>
+			<div class="r-btn">
+				<n-button quaternary circle>
+					<template #icon>
+						<n-icon><SettingsIcon /></n-icon>
+					</template>
+				</n-button>
+			</div>
+		</div> -->
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	Add as AddIcon,
+	ChatboxEllipsesOutline as ChatboxIcon,
+	TrashOutline as TrashIcon,
+	SettingsOutline as SettingsIcon,
+	EllipsisVerticalOutline as EllipsisIcon,
+	CreateOutline as CreateIcon,
+} from "@vicons/ionicons5";
+import picIcon1 from '@/assets/images/data-wd.png';
+import picIcon2 from '@/assets/images/know-wd.png';
+import { ref, defineComponent, computed } from "vue";
+import { NIcon, NPopconfirm } from "naive-ui";
+import { useRobotStore } from "@/store";
+import { EventBus } from "@/utils";
+
+export default defineComponent({
+	components: {
+		AddIcon,
+		SettingsIcon,
+		CreateIcon,
+		TrashIcon,
+		ChatboxIcon,
+		EllipsisIcon,
+	},
+	setup() {
+		const moreRef = ref();
+		const inputRef = ref();
+		const loading = ref(false);
+
+		const robot = useRobotStore();
+
+		const chatbotList = computed(() => robot.chatbotList);
+		const activeId = computed(() => robot.chatbotId);
+
+		const getScreenName = (item: Robot.Chatbot) => {
+			return item.settings?.ScreenBasicConfig?.ScreenName || "";
+		}
+
+		const handleSelect = (
+			key: string | number,
+			item: Robot.Chatbot
+		) => {
+			const cIndex = chatbotList.value.findIndex((i) => i.ScreenId === item.ScreenId);
+			switch (key) {
+				case "edit":
+					item.isEdit = true;
+					moreRef.value[cIndex].setShow(false);
+					break;
+				case "settings":
+					moreRef.value[cIndex].setShow(false);
+					robot.setChatbotId(item.ScreenId);
+					robot.setShowSettings(true);
+					robot.checkCurChatbotRecordBeEmpty();
+					break;
+				case "del":
+					robot.delChatbot(item.ScreenId);
+					break;
+				case "cancel-del":
+					moreRef.value[cIndex].setShow(false);
+					break;
+			}
+		};
+
+		// 添加聊天窗口
+		const addChatbotClick = async () => {
+			robot.setShowCreate(true);
+			robot.setChatbotId("");
+			// EventBus.emit('init-chatbot-settings');
+		};
+
+		const saveClick = async (id: string = "", item: Robot.Chatbot) => {
+			const params = {
+				ScreenId: id,
+				ScreenName: item.screenName,
+				ScreenDesc: item.settings?.ScreenBasicConfig?.ScreenDesc,
+				ConfigId: item.settings?.ScreenQAConfig?.ConfigId,
+				ConfigName: item.settings?.ScreenQAConfig?.ConfigName,
+				ScreenType: item.ScreenType,
+				GroupList: item.settings?.ScreenQAConfig?.GroupList
+			}
+
+			loading.value = true;
+			const results = await robot.updateChatbot(params)
+			loading.value = false;
+
+			if (results) {
+				EventBus.emit('set-chatbot-settings');
+				item.isEdit = false;
+			}
+		};
+
+		const itemClick = (item: Robot.Chatbot) => {
+			robot.setChatbotId(item.ScreenId);
+			EventBus.emit("back-bom");
+			robot.setShowCreate(false);
+			robot.setShowSettings(false);
+			robot.checkCurChatbotRecordBeEmpty();
+			// robot.checkChatbotSettings();
+		};
+
+		return {
+			more: moreRef,
+			inputRef,
+			loading,
+			chatbotList,
+			activeId,
+			picIcon1,
+			picIcon2,
+			getScreenName,
+			handleSelect,
+			addChatbotClick,
+			itemClick,
+			saveClick,
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.chatbot-sider {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	background-color: #f5f5f6;
+	.chatbot-sider_top {
+		// border-bottom: 1px solid var(--n-border-color);
+		.btn-item {
+			padding: 8px 12px;
+			.new-btn {
+				height: 54px;
+				line-height: 54px;
+				text-align: center;
+				font-size: 14px;
+				font-weight: 500;
+				cursor: pointer;
+				background-color: #fff;
+				border-radius: 6px;
+				border: 1px solid transparent;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				&:hover {
+					color: #40a9ff;
+					border: 1px solid #40a9ff;
+				}
+			}
+		}
+	}
+	.chatbot-sider_middle {
+		flex: 1;
+		overflow: hidden;
+		padding: 10px 0;
+		box-sizing: border-box;
+		.list {
+			padding: 0 12px;
+			.list-item {
+				padding: 12px;
+				border: 1px solid var(--n-border-color);
+				border-radius: var(--n-border-radius);
+				margin-top: 10px;
+				cursor: pointer;
+				display: flex;
+				align-items: center;
+				background-color: #fff;
+				&:first-child {
+					margin-top: 0;
+				}
+				&:hover {
+					color: #40a9ff;
+					border: 1px solid #40a9ff;
+				}
+				&.active {
+					color: #40a9ff;
+					border: 1px solid #40a9ff;
+				}
+				.pic-box {
+					flex: 0 0 28px;
+					width: 28px;
+					height: 28px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					border-radius: 50%;
+					overflow: hidden;
+					padding: 5px;
+					box-sizing: border-box;
+					img {
+						max-width: 100%;
+						max-height: 100%;
+					}
+				}
+				.n-icon {
+					vertical-align: middle;
+				}
+				.mr-10 {
+					margin-right: 10px;
+				}
+				.pl-10 {
+					padding-left: 10px;
+				}
+				.inner-box {
+					flex: 1;
+					display: flex;
+					align-items: center;
+					overflow: hidden;
+					.i-text {
+						flex: 1;
+						display: block;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						overflow: hidden;
+						padding: 0 8px;
+						box-sizing: border-box;
+					}
+				}
+			}
+		}
+	}
+	.chatbot-sider_footer {
+		display: flex;
+		align-items: center;
+		padding: 16px;
+		border-top: 1px solid var(--n-border-color);
+		.r-pic {
+			flex: 0 0 40px;
+			margin-right: 6px;
+			border-radius: 50%;
+			background-color: #1890ff;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 6px;
+			box-sizing: border-box;
+			img {
+				width: 100%;
+				height: 100%;
+				border-radius: 50%;
+			}
+		}
+		.r-info {
+			flex: 1;
+			overflow: hidden;
+			p {
+				line-height: 20px;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				overflow: hidden;
+				&:nth-child(1) {
+					font-size: 16px;
+					font-weight: 500;
+				}
+				&:nth-child(2) {
+					font-size: 14px;
+				}
+			}
+		}
+		.r-btn {
+			margin-left: 6px;
+		}
+	}
+}
+</style>
+
+<style lang="scss">
+.r-more {
+	display: flex;
+	flex-direction: column;
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/index.ts b/src/layouts/common/robot-dialog/components/index.ts
new file mode 100644
index 0000000..a1a0451
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/index.ts
@@ -0,0 +1,21 @@
+import ChatbotSider from './chatbot-sider.vue';
+import ChatbotContent from './chatbot-content.vue';
+import ChatbotFooter from './chatbot-footer.vue';
+import BackBom from './back-bom.vue';
+import ChatbotContentSettings from './chatbot-content-settings.vue';
+import ChatbotContentWelcome from './chatbot-content-welcome.vue';
+import ChatbotContentCard from './chatbot-content-card.vue';
+import ChatbotContentRight from './chatbot-content-right.vue';
+import ChatbotContentCreate from './chatbot-content-create.vue';
+
+export {
+	ChatbotSider,
+	ChatbotContent,
+	ChatbotFooter,
+	BackBom,
+	ChatbotContentSettings,
+	ChatbotContentWelcome,
+	ChatbotContentCard,
+	ChatbotContentRight,
+	ChatbotContentCreate
+}
diff --git a/src/layouts/common/robot-dialog/components/robot-reply/dh.vue b/src/layouts/common/robot-dialog/components/robot-reply/dh.vue
new file mode 100644
index 0000000..d0e88b2
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/robot-reply/dh.vue
@@ -0,0 +1,25 @@
+<template>
+	<div class="dh-reply">
+		<slot name="default"></slot>
+		<slot name="action"></slot>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({})
+</script>
+
+<style lang="scss" scoped>
+.dh-reply {
+	width: 100%;
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+
+	.dh-reply-box {
+		max-width: 100%;
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/robot-reply/index.vue b/src/layouts/common/robot-dialog/components/robot-reply/index.vue
new file mode 100644
index 0000000..a1b2f14
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/robot-reply/index.vue
@@ -0,0 +1,76 @@
+<template>
+	<div class="robot-reply" :class="{'reply-error': !success}">
+		<div v-if="screenType === 1" class="reply-content">
+			<p v-if="type === 0" class="robot-reply-box">
+				<span>Hi，我是数据问答助手~<br />你可以向我提出任何需要针对数据源查询的问题~<br />提问之前请先前往<a class="a-link" href="javascript:;" @click="addClick">配置中心</a>，完善配置信息哦~</span>
+			</p>
+			<p v-if="type === 1" class="robot-reply-box">
+				<span>您当前的问题未查询成功，一般是由于问题描述的清晰度引起的。请修改您的问题后再次尝试，<br />或者点击这里</span>
+				<a class="a-link" href="javascript:;">查看常见的问答使用手册和帮助</a>。
+			</p>
+			<p v-if="type === 2" class="robot-reply-box">
+				<span>您当前好像还没有添加数据源哦！请点击这里进行</span>
+				<a class="a-link" href="javascript:;" @click="addClick">添加数据源</a>。
+			</p>
+		</div>
+		<div v-else-if="screenType === 2" class="reply-content">
+			<p v-if="type === 0" class="robot-reply-box">
+				<span>Hi，我是知识问答助手~<br />你可以向我提出任何需要针对知识库查询的问题哦~</span>
+			</p>
+			<p v-if="type === 1" class="robot-reply-box">
+				<span>您当前的问题未查询成功，一般是由于问题描述的清晰度引起的。请修改您的问题后再次尝试，<br />或者点击这里</span>
+				<a class="a-link" href="javascript:;">查看常见的问答使用手册和帮助</a>。
+			</p>
+		</div>
+		<slot name="action"></slot>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent, nextTick } from 'vue'
+import { useRobotStore } from "@/store";
+import { EventBus } from "@/utils";
+
+export default defineComponent({
+	props: {
+		screenType: Number, // 场景类型
+		// 0 默认问候语 1 默认错误提示 2 数据源被删除错误提示
+		type: Number,
+		success: Boolean
+	},
+	setup (props) {
+		const robot = useRobotStore();
+		const addClick = () => {
+			robot.setShowSettings(true);
+			nextTick(() => {
+				EventBus.emit('set-chatbot-settings', 2);
+			})
+		}
+
+		return {
+			addClick
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.robot-reply {
+	width: 100%;
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+	&.reply-error {
+		background-color: rgb(253, 237, 237);
+		color: rgb(95, 33, 32);
+	}
+	.robot-reply-box {
+		max-width: 100%;
+	}
+	.a-link {
+		color: #1890ff;
+		text-decoration: underline;
+		margin: 0 2px;
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/robot-reply/kb.vue b/src/layouts/common/robot-dialog/components/robot-reply/kb.vue
new file mode 100644
index 0000000..075f3d9
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/robot-reply/kb.vue
@@ -0,0 +1,25 @@
+<template>
+	<div class="kb-reply">
+		<slot name="default"></slot>
+		<slot name="action"></slot>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({})
+</script>
+
+<style lang="scss" scoped>
+.kb-reply {
+	width: 100%;
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+
+	.kb-reply-box {
+		max-width: 100%;
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/components/user-reply/index.vue b/src/layouts/common/robot-dialog/components/user-reply/index.vue
new file mode 100644
index 0000000..ca73f1b
--- /dev/null
+++ b/src/layouts/common/robot-dialog/components/user-reply/index.vue
@@ -0,0 +1,93 @@
+<template>
+	<div class="user-reply">
+		<n-popover
+			ref="more"
+			style="padding: 4px"
+			trigger="hover"
+			placement="bottom-end"
+			:show-arrow="false"
+		>
+			<template #trigger>
+				<p class="user-reply-box">{{ value }}</p>
+			</template>
+			<div class="popover-content">
+				<div class="item-box" @click.stop.prevent="copyClick">
+					<n-icon class="evs-icon" size="12" style="margin-right: 4px;">
+						<CopyIcon />
+					</n-icon>
+					<span>复制</span>
+				</div>
+			</div>
+		</n-popover>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	CopyOutline as CopyIcon
+} from "@vicons/ionicons5";
+import { defineComponent } from "vue";
+
+export default defineComponent({
+	components: {
+		CopyIcon
+	},
+	props: {
+		value: String,
+	},
+	emits: ['copy'],
+	setup(props, ctx) {
+
+		const copyClick = () => {
+			ctx.emit('copy')
+			navigator.clipboard.writeText(String(props.value));
+		}
+
+		return {
+			copyClick
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.user-reply {
+	width: 100%;
+	padding: 8px 12px;
+	border-radius: 4px;
+	background-color: #fff;
+	&.reply-error {
+		background-color: rgb(253, 237, 237);
+		color: rgb(95, 33, 32);
+	}
+	.user-reply-box {
+		max-width: 100%;
+	}
+	.a-link {
+		color: #1890ff;
+		text-decoration: underline;
+		margin: 0 2px;
+	}
+}
+.popover-content {
+	.item-box {
+		display: flex;
+		align-items: center;
+		font-size: 12px;
+		font-family: "PingFang SC", "Microsoft YaHei", SimHei;
+		font-weight: 400;
+		color: #8f8f8f;
+		border-radius: 2px;
+		padding: 2px 4px;
+		box-sizing: border-box;
+		cursor: pointer;
+		span {
+			line-height: 20px;
+		}
+		&:hover {
+			background-color: #f3f5fc;
+			color: #000;
+		}
+	}
+}
+</style>
diff --git a/src/layouts/common/robot-dialog/hooks/index.ts b/src/layouts/common/robot-dialog/hooks/index.ts
new file mode 100644
index 0000000..23a96b3
--- /dev/null
+++ b/src/layouts/common/robot-dialog/hooks/index.ts
@@ -0,0 +1,11 @@
+import useBar from './use-bar';
+import useLine from './use-line';
+import usePie from './use-pie';
+import useTable from './use-table';
+
+export {
+	useTable,
+	useBar,
+	useLine,
+	usePie
+}
diff --git a/src/layouts/common/robot-dialog/hooks/use-bar.ts b/src/layouts/common/robot-dialog/hooks/use-bar.ts
new file mode 100644
index 0000000..f5aec2b
--- /dev/null
+++ b/src/layouts/common/robot-dialog/hooks/use-bar.ts
@@ -0,0 +1,189 @@
+import { nanoid } from "nanoid";
+import { ref } from 'vue';
+import type { Ref } from "vue";
+import { type ECOption, useEcharts } from "@/composables";
+
+type optType = {
+	label: string,
+	value: any
+}
+
+export default function useBar(props: any) {
+	const sourceType = props.sourceType || {};
+	const sourceData = props.sourceData || [];
+	const dataLength = ref(0);
+	const barSliderVal1 = ref(1);
+	const barSliderVal2 = ref(1);
+	const barSliderValue: Ref<number[]> = ref([1, 1]);
+	const barCheckboxList = ref([]);
+	const barxList = ref([]);
+	const baryOpts = ref([]);
+	const barxOpts = ref([]);
+	const barForm = ref({
+		x: '',
+		y: [] as optType[],
+		xname: '',
+		yname: '',
+		xRange: [1, 1]
+	})
+
+	const barOptions = ref<ECOption>({
+		toolbox: {
+			show: true,
+			bottom: "3%",
+			right: "3%",
+			feature: {
+				saveAsImage: {
+					name: `${nanoid()}.png`,
+				},
+			},
+		},
+		grid: {
+			right: 100,
+			left: 80,
+			bottom: 100,
+		},
+		tooltip: {
+			trigger: "item",
+			confine: true,
+			formatter: (params: any) => {
+				let index = params?.dataIndex
+				let obj = sourceData.value[index] || {}
+				let res = ''
+				for(let k in obj) {
+					res += `${k}：${obj[k]}<br>`
+				}
+				return res
+			}
+		},
+		// legend: {
+		// 	data: legendData,
+		// 	top: "2%",
+		// 	left: "center",
+		// },
+		xAxis: {
+			type: "category",
+			name: "",
+			axisLabel: {
+				rotate: -45,
+			},
+			data: barxList.value as [],
+		},
+		yAxis: {
+			type: "value",
+			name: "",
+			axisLine: {
+				show: true
+			}
+		},
+		series: [],
+	}) as Ref<ECOption>;
+
+	const { domRef: chartRef1 } = useEcharts(barOptions);
+
+	// methods
+	const initBar = () => {
+		dataLength.value = sourceData.value?.length;
+		barSliderVal2.value = dataLength.value;
+		barSliderValue.value = [1, dataLength.value];
+		const sourceKeys = Object.keys(sourceType.value);
+		const sourceNumberType = sourceKeys.filter((key) => {
+			return sourceType.value[key] === "number";
+		}) || [];
+		barCheckboxList.value = sourceNumberType as [];
+		barxOpts.value = sourceKeys.map((v) => ({label: v, value: v})) as [];
+		baryOpts.value = sourceNumberType.map((v) => ({label: v, value: v})) as [];
+		let xobj: optType = barxOpts.value[0] || {}
+		let yobj: optType = baryOpts.value[0] || {}
+		barForm.value.x = xobj.value;
+		barForm.value.y = [yobj.value];
+		barForm.value.xname = xobj.value;
+		barForm.value.yname = '';
+		const xAxis = barOptions.value.xAxis || {}
+		const yAxis = barOptions.value.yAxis || {}
+		barxList.value = sourceData.value.map((v: any) => v[barForm.value.x]) || [];
+		barOptions.value.xAxis = {...xAxis, name: xobj.value, data: barxList.value } as {}
+		barOptions.value.yAxis = {...yAxis, name: yobj.value } as {}
+		barOptions.value.series = getBarSeries();
+	}
+
+	const changeBar = (params: any) => {
+		console.log('changeBar----params', params)
+		barForm.value.x = params.x
+		barForm.value.y = params.y
+		barForm.value.xname = params.xname;
+		barForm.value.yname = params.yname;
+
+		const xAxis = barOptions.value.xAxis || {}
+		const yAxis = barOptions.value.yAxis || {}
+		console.log('params.xname---', params.xname)
+		barxList.value = sourceData.value.map((v: any) => v[barForm.value.x]) || [];
+		barOptions.value.xAxis = {...xAxis, name: params.xname, data: barxList.value } as {}
+		barOptions.value.yAxis = {...yAxis, name: params.yname, data: barxList.value } as {}
+		barOptions.value.series = getBarSeries();
+	}
+
+	const getBarSeries = () => {
+		let res: any = barForm.value.y.map((key: any) => {
+			let list = sourceData.value.map((v: any) => v[key])
+			return {
+				// name: legendData[0],
+				data: list,
+				type: "bar",
+				large: true,
+			};
+		}) || [];
+		res = res.slice(barSliderVal1.value - 1, barSliderVal2.value)
+		return res
+	}
+
+	initBar()
+
+	const barSliderUpdate = (value: number | [number, number]) => {
+		if (Array.isArray(value)) {
+			barSliderValue.value = value;
+			let v1: number = 1;
+			let v2: number = 1;
+
+			if (value[1] >= value[0]) {
+				v1 = value[0];
+				v2 = value[1];
+			} else {
+				v1 = value[1];
+				v2 = value[0];
+			}
+
+			barSliderVal1.value = v1;
+			barSliderVal2.value = v2;
+
+			barOptions.value.series = getBarSeries();
+		}
+	};
+
+	const barHandleUpdateValue = (value: (string | number)[]) => {
+		barxList.value = value as []
+		let list: any = barCheckboxList.value.filter((item) => {
+			return barxList.value?.includes(item)
+		}) || []
+		barOptions.value.xAxis = Object.assign({}, barOptions.value.xAxis, { data: list})
+		barOptions.value.series = getBarSeries()
+	}
+
+	return {
+		chartRef1,
+		barSliderVal1,
+		barSliderVal2,
+		barSliderValue,
+		barCheckboxList,
+		barForm,
+		baryOpts,
+		barxOpts,
+		barxList,
+		barOptions,
+		initBar,
+		changeBar,
+		getBarSeries,
+		barSliderUpdate,
+		barHandleUpdateValue
+	}
+}
diff --git a/src/layouts/common/robot-dialog/hooks/use-line.ts b/src/layouts/common/robot-dialog/hooks/use-line.ts
new file mode 100644
index 0000000..65c336d
--- /dev/null
+++ b/src/layouts/common/robot-dialog/hooks/use-line.ts
@@ -0,0 +1,191 @@
+import { nanoid } from "nanoid";
+import { ref } from 'vue';
+import type { Ref } from "vue";
+import { type ECOption, useEcharts } from "@/composables";
+
+type optType = {
+	label: string,
+	value: any
+}
+
+export default function useLine(props: any) {
+	const sourceType = props.sourceType || {};
+	const sourceData = props.sourceData || [];
+	const dataLength = ref(0);
+	const sliderLineVal1 = ref(1);
+	const sliderLineVal2 = ref(1);
+	const lineSliderValue: Ref<number[]> = ref([1, 1]);
+	const lineCheckboxList = ref([]);
+	const linexList = ref<(string | number)[] | null>([]);
+	const lineOpts = ref([]);
+	const linexOpts = ref([]);
+	const lineyOpts =ref([]);
+	const lineForm = ref({
+		x: '',
+		y: [] as optType[],
+		xname: '',
+		yname: '',
+		xRange: [1, 1]
+	})
+
+	const lineOptions = ref<ECOption>({
+		toolbox: {
+			show: true,
+			bottom: "3%",
+			right: "3%",
+			feature: {
+				saveAsImage: {
+					name: `${nanoid()}.png`,
+				},
+			},
+		},
+		grid: {
+			right: 100,
+			left: 80,
+			bottom: 100,
+		},
+		// legend: {
+		// 	data: legendData,
+		// 	top: "2%",
+		// 	left: "center",
+		// },
+		tooltip: {
+			trigger: "axis",
+			confine: true,
+			formatter: (params: any) => {
+				const pobj = params[0] || {}
+				let index = pobj.dataIndex
+				let obj = sourceData.value[index] || {}
+				let res = ''
+				for(let k in obj) {
+					res += `${k}：${obj[k]}<br>`
+				}
+				return res
+			}
+		},
+		xAxis: {
+			type: "category",
+			name: '',
+			axisLabel: {
+				rotate: -45,
+			},
+			data: linexList.value as [],
+		},
+		yAxis: {
+			type: "value",
+			name: '',
+			axisLine: {
+				show: true
+			}
+		},
+		series: [],
+	}) as Ref<ECOption>;
+
+	const { domRef: chartRef3 } = useEcharts(lineOptions);
+
+	// methods
+	const initLine = () => {
+		dataLength.value = sourceData.value?.length;
+		sliderLineVal2.value = dataLength.value;
+		lineSliderValue.value = [1, dataLength.value];
+		const sourceKeys = (Object.keys(sourceType.value) || []) as [];
+		const sourceNumberType = sourceKeys.filter((key) => {
+			return sourceType.value[key] === "number";
+		}) || [];
+		lineCheckboxList.value = sourceNumberType;
+		linexList.value = sourceNumberType;
+		linexOpts.value = sourceKeys.map((v) => ({label: v, value: v})) as [];
+		lineyOpts.value = sourceNumberType.map((v) => ({label: v, value: v})) as [];
+		let xobj: optType = linexOpts.value[0] || {}
+		let yobj: optType = lineyOpts.value[0] || {}
+		lineForm.value.x = xobj.value;
+		lineForm.value.y = [yobj.value];
+		lineForm.value.xname = xobj.value;
+		lineForm.value.yname = '';
+		linexList.value = sourceData.value.map((v: any) => v[lineForm.value.x]) || [];
+		const xAxis = lineOptions.value.xAxis || {}
+		const yAxis = lineOptions.value.yAxis || {}
+		lineOptions.value.xAxis = {...xAxis, name: xobj.value, data: linexList.value } as {}
+		lineOptions.value.yAxis = {...yAxis, name: yobj.value } as {}
+		lineOptions.value.series = getLineSeries();
+	}
+
+	const changeLine = (params: any) => {
+		lineForm.value.x = params.x
+		lineForm.value.y = params.y
+		lineForm.value.xname = params.xname;
+		lineForm.value.yname = params.yname;
+
+		const xAxis = lineOptions.value.xAxis || {}
+		const yAxis = lineOptions.value.yAxis || {}
+		linexList.value = sourceData.value.map((v: any) => v[lineForm.value.x]) || [];
+		lineOptions.value.xAxis = {...xAxis, name: params.xname, data: linexList.value } as {}
+		lineOptions.value.yAxis = {...yAxis, name: params.yname, data: linexList.value } as {}
+		lineOptions.value.series = getLineSeries();
+	}
+
+	const getLineSeries = () => {
+		let res: any = lineForm.value.y.map((key: any) => {
+			let list = sourceData.value.map((v: any) => v[key])
+			return {
+				// name: legendData[0],
+				data: list,
+				type: "line",
+				large: true,
+			};
+		}) || [];
+		res = res.slice(sliderLineVal1.value - 1, sliderLineVal2.value)
+		return res;
+	}
+
+	initLine()
+
+	const sliderLineUpdate = (value: number | [number, number]) => {
+		if (Array.isArray(value)) {
+			lineSliderValue.value = value;
+			let v1: number = 1;
+			let v2: number = 1;
+
+			if (value[1] >= value[0]) {
+				v1 = value[0];
+				v2 = value[1];
+			} else {
+				v1 = value[1];
+				v2 = value[0];
+			}
+
+			sliderLineVal1.value = v1;
+			sliderLineVal2.value = v2;
+
+			lineOptions.value.series = getLineSeries();
+		}
+	};
+
+	const lineHandleUpdateValue = (value: (string | number)[]) => {
+		linexList.value = value
+		let list: any = lineCheckboxList.value.filter((item) => {
+			return linexList.value?.includes(item)
+		}) || []
+		lineOptions.value.xAxis = Object.assign({}, lineOptions.value.xAxis, { data: list })
+		lineOptions.value.series = getLineSeries()
+	}
+
+	return {
+		chartRef3,
+		sliderLineVal1,
+		sliderLineVal2,
+		lineSliderValue,
+		lineCheckboxList,
+		linexList,
+		lineOptions,
+		lineOpts,
+		linexOpts,
+		lineyOpts,
+		lineForm,
+		initLine,
+		changeLine,
+		getLineSeries,
+		sliderLineUpdate,
+		lineHandleUpdateValue
+	}
+}
diff --git a/src/layouts/common/robot-dialog/hooks/use-pie.ts b/src/layouts/common/robot-dialog/hooks/use-pie.ts
new file mode 100644
index 0000000..1215011
--- /dev/null
+++ b/src/layouts/common/robot-dialog/hooks/use-pie.ts
@@ -0,0 +1,245 @@
+import { nanoid } from "nanoid";
+import { ref } from 'vue';
+import type { Ref } from "vue";
+import { type ECOption, useEcharts } from "@/composables";
+
+type optType = {
+	label: string,
+	value: any
+}
+
+export default function usePie(props: any) {
+	const sourceType = props.sourceType || {};
+	const sourceData = props.sourceData || [];
+	const dataLength = ref(0);
+	const pieSliderVal1 = ref(1);
+	const pieSliderVal2 = ref(1);
+	const pieSliderValue: Ref<number[]> = ref([1, 1]);
+	const piexList = ref([]);
+	const sourceNumberType = ref([]);
+	const pieData = ref([]);
+	const pieyOpts = ref([]);
+	const piexOpts = ref([]);
+	const pieForm = ref({
+		x: '',
+		piey: '',
+		xname: '',
+		yname: '',
+		xRange: [1, 1]
+	})
+
+	const pieSeries: any = [
+		{
+			// name: legendData[0],
+			type: "pie",
+			radius: ["40%", "70%"],
+			avoidLabelOverlap: false,
+			width: "60%",
+			left: "center",
+			itemStyle: {
+				borderRadius: 10,
+			},
+			label: {
+				show: false,
+				position: "center",
+			},
+			emphasis: {
+				label: {
+					show: true,
+					fontSize: 18,
+					fontWeight: "bold",
+				},
+			},
+			labelLine: {
+				show: false,
+			},
+			data: pieData.value,
+		},
+	]
+
+	const pieOptions = ref<ECOption>({
+		toolbox: {
+			show: true,
+			bottom: "3%",
+			right: "3%",
+			feature: {
+				saveAsImage: {
+					name: `${nanoid()}.png`,
+				},
+			},
+		},
+		tooltip: {
+			trigger: "item",
+			confine: true,
+			formatter: (params: any) => {
+				let index = params?.dataIndex
+				let obj = sourceData.value[index] || {}
+				let res = ''
+				for(let k in obj) {
+					res += `${k}：${obj[k]}<br>`
+				}
+				return res
+			}
+		},
+		grid: {
+			right: 100,
+			left: 80,
+			bottom: 100,
+		},
+		legend: {
+			type: "scroll",
+			orient: "vertical",
+			left: 10,
+			top: 30,
+			height: 360
+		},
+		series: [
+			{
+				// name: legendData[0],
+				type: "pie",
+				radius: ["40%", "70%"],
+				avoidLabelOverlap: false,
+				width: "60%",
+				left: "center",
+				itemStyle: {
+					borderRadius: 10,
+				},
+				label: {
+					show: false,
+					position: "center",
+				},
+				emphasis: {
+					label: {
+						show: true,
+						fontSize: 16,
+						fontWeight: "bold",
+					},
+				},
+				labelLine: {
+					show: false,
+				},
+				data: pieData.value,
+			},
+		],
+	}) as unknown as Ref<ECOption>;
+
+	pieOptions.value.series = pieSeries;
+
+	const { domRef: chartRef2 } = useEcharts(pieOptions);
+
+	// methods
+	const initPie = () => {
+		dataLength.value = sourceData.value.length;
+		pieSliderVal2.value = dataLength.value;
+		pieSliderValue.value = [1, dataLength.value];
+		const sourceKeys = Object.keys(sourceType.value);
+		const sourceNumberType = sourceKeys.filter((key) => {
+			return sourceType.value[key] === "number";
+		}) || [];
+		// piexList.value = sourceNumberType;
+		piexOpts.value = sourceKeys.map((v) => ({label: v, value: v})) as [];
+		pieyOpts.value = sourceNumberType.map((v) => ({label: v, value: v})) as [];
+		let xobj: optType = piexOpts.value[0] || {}
+		let yobj: optType = pieyOpts.value[0] || {}
+		pieForm.value.x = xobj.value;
+		pieForm.value.piey = yobj.value;
+		piexList.value = sourceData.value.map((v: any) => v[pieForm.value.x]) || [];
+		pieData.value = sourceData.value.map((item: any) => {
+
+			return {
+				value: item[pieForm.value.piey],
+				name: pieForm.value.piey,
+			};
+		}) as [];
+
+		pieOptions.value.series = [];
+		pieSeries[0].data = pieData;
+		pieOptions.value.series = pieSeries;
+	}
+
+	const changePie = (params: any) => {
+		console.log('changeBar----params', params)
+		pieForm.value.x = params.x
+		pieForm.value.piey = params.piey
+		pieForm.value.xname = params.xname;
+		pieForm.value.yname = params.yname;
+
+		console.log('params.xname---', params.xname)
+		piexList.value = sourceData.value.map((v: any) => v[pieForm.value.x]) || [];
+		pieData.value = sourceData.value.map((item: any) => {
+
+			return {
+				value: item[pieForm.value.piey],
+				name: pieForm.value.piey,
+			};
+		}) as [];
+
+		pieOptions.value.series = [];
+		pieSeries[0].data = pieData;
+		pieOptions.value.series = pieSeries;
+	}
+
+	initPie()
+
+
+	const pieSliderUpdate = (value: number | [number, number]) => {
+		if (Array.isArray(value)) {
+			pieSliderValue.value = value;
+			let v1: number = 1;
+			let v2: number = 1;
+
+			if (value[1] >= value[0]) {
+				v1 = value[0];
+				v2 = value[1];
+			} else {
+				v1 = value[1];
+				v2 = value[0];
+			}
+
+			pieSliderVal1.value = v1;
+			pieSliderVal2.value = v2;
+
+			const pieData = sourceNumberType.value.map((key: any, index: number) => {
+				let value = 0;
+				let list = sourceData.slice(v1 - 1, v2)
+				list.forEach((item: any) => {
+					if (item[key]) {
+						value += item[key];
+					}
+				});
+
+				return {
+					value,
+					name: key,
+				};
+			});
+			pieOptions.value.series = []
+			pieSeries[0].data = pieData
+			pieOptions.value.series = pieSeries
+		}
+	};
+
+	const pieHandleUpdateValue = (value: (string | number)[]) => {
+		// piexList.value = value
+		// let list: any = pieCheckboxList.filter((item: any) => {
+		// 	return piexList.value?.includes(item)
+		// }) || []
+		// pieOptions.value.xAxis = Object.assign({}, pieOptions.value.xAxis, { data: list})
+		// pieOptions.value.series = pieSeries
+	}
+
+
+	return {
+		chartRef2,
+		pieSliderVal1,
+		pieSliderVal2,
+		pieSliderValue,
+		piexOpts,
+		pieyOpts,
+		pieForm,
+		initPie,
+		changePie,
+		pieSliderUpdate,
+		pieHandleUpdateValue
+	}
+}
diff --git a/src/layouts/common/robot-dialog/hooks/use-table.ts b/src/layouts/common/robot-dialog/hooks/use-table.ts
new file mode 100644
index 0000000..10231ae
--- /dev/null
+++ b/src/layouts/common/robot-dialog/hooks/use-table.ts
@@ -0,0 +1,51 @@
+import { ref, nextTick } from 'vue';
+
+export default function useTable(props: any) {
+	const sourceType = props.sourceType;
+	const sourceData = props.sourceData;
+	const tableData = ref([]);
+	const tableContentRef = ref();
+	const columnsLength = ref(0);
+	const tableHeight = ref(500);
+	const sourceKeys: any = ref([]);
+	const columns: any = ref([]);
+
+	const initTable = () => {
+		sourceKeys.value = Object.keys(sourceType.value);
+		columns.value = sourceKeys.value.map((key: string) => {
+			return {
+				title: key,
+				key,
+			};
+		}) || [];
+		columnsLength.value = columns.value.length
+
+		tableData.value = sourceData.value?.map(
+			(item: any, index: number) => {
+				item.key = index;
+				return item;
+			}
+		) as [];
+	}
+
+	const resizeTable = () => {
+		nextTick(() => {
+			if (tableContentRef.value) {
+				tableHeight.value = tableContentRef.value?.clientHeight || 500;
+			}
+		});
+	};
+
+	return {
+		tableContentRef,
+		tableData,
+		columns,
+		tableHeight,
+		columnsLength,
+		pagination: {
+			pageSize: 20,
+		},
+		initTable,
+		resizeTable
+	}
+}
diff --git a/src/layouts/common/robot-dialog/imgs/r_pic.png b/src/layouts/common/robot-dialog/imgs/r_pic.png
new file mode 100644
index 0000000..f85f82a
Binary files /dev/null and b/src/layouts/common/robot-dialog/imgs/r_pic.png differ
diff --git a/src/layouts/common/robot-dialog/index.vue b/src/layouts/common/robot-dialog/index.vue
new file mode 100644
index 0000000..143b780
--- /dev/null
+++ b/src/layouts/common/robot-dialog/index.vue
@@ -0,0 +1,439 @@
+<template>
+	<n-modal
+		preset="card"
+		:title="title"
+		class="robot-dialog"
+		content-class="modal-content"
+		header-extra-class="header-extra"
+		:show="app.robotDialogVisible"
+		:style="isFull ? fullStyle : normalStyle"
+		:on-after-enter="onAfterEnter"
+		:on-mask-click="app.closeRobotDialog"
+		:on-close="app.closeRobotDialog"
+		:on-after-leave="afterLeaveCallback"
+	>
+		<!-- <template #header-extra>
+			<icon-local-full-screen-exit
+				v-if="isFull"
+				style="
+					font-size: 22px;
+					color: var(--n-close-icon-color);
+					cursor: pointer;
+				"
+				@click="isFull = false"
+			/>
+			<icon-local-full-screen-filled
+				v-else
+				style="
+					font-size: 22px;
+					color: var(--n-close-icon-color);
+					cursor: pointer;
+				"
+				@click="isFull = true"
+			/>
+		</template> -->
+		<template #header>
+			<div class="chatbot-header">
+				<div class="logo-box">
+					<h2 class="pl-8px text-24px font-bold text-primary transition duration-300 ease-in-out">know<span class="text-28px">A</span>ny</h2>
+				</div>
+				<div v-if="configName" class="data-title">
+					<p>数据源：</p>
+					<img class="mr-8px" src="@/assets/images/file-type-xlsx.png" alt="" />
+					<p class="file-name">{{ configName }}</p>
+				</div>
+			</div>
+		</template>
+		<template #close>
+			<span>hello</span>
+		</template>
+		<div class="chatbot">
+			<n-layout style="height: 100%">
+				<!-- <n-layout-header style="height: 64px; padding: 24px" bordered>
+				</n-layout-header> -->
+				<n-layout has-sider position="absolute" style="top: 0; bottom: 0;">
+					<n-layout-sider
+						:native-scrollbar="false"
+						ref="siderRef"
+						bordered
+						:collapsed="isCollapsed"
+						collapse-mode="width"
+						:collapsed-width="0"
+						:width="260"
+						show-trigger="arrow-circle"
+						content-style="height: 100%; padding: 0;"
+						trigger-style="width: 32px;height: 32px"
+						collapsed-trigger-style="width: 32px;height: 32px"
+						content-class="robot-sider-content"
+						:on-update:collapsed="collapsedChange"
+					>
+						<ChatbotSider />
+					</n-layout-sider>
+					<n-layout has-sider>
+						<n-layout-content
+							ref="contentRef"
+							content-style="padding: 0; height: calc(100% - 60px);"
+							:native-scrollbar="true"
+							:on-scroll="onContentScroll"
+						>
+							<div class="chatbot-main" ref="contentInnerRef">
+								<div class="chatbot-main_wrapper">
+									<ChatbotContent />
+								</div>
+							</div>
+							<BackBom v-show="showBackBom" @click="backBomClick" />
+						</n-layout-content>
+						<n-layout-footer
+							position="absolute"
+							style="padding: 0; background-color: #f5f5f6;"
+						>
+							<ChatbotFooter />
+						</n-layout-footer>
+						<ChatbotContentWelcome v-if="showWelcome" />
+						<ChatbotContentSettings v-if="showSettings" />
+						<ChatbotContentCreate v-if="showCreate" />
+					</n-layout>
+					<n-layout has-sider :style="rightWrapperStyle">
+						<n-layout-content v-if="showRightContent" :content-style="rightContentStyle">
+							<ChatbotContentRight />
+						</n-layout-content>
+					</n-layout>
+				</n-layout>
+				<!-- <n-layout-footer
+					bordered
+					position="absolute"
+					style="height: 64px; padding: 24px; background-color: var(--baseColor);"
+				>
+				</n-layout-footer> -->
+			</n-layout>
+		</div>
+	</n-modal>
+</template>
+
+<script lang="ts">
+import {
+	TrashOutline as TrashIcon,
+	SettingsOutline as SettingsIcon,
+	EllipsisVerticalSharp as EllipsisVerticalSharpIcon,
+	PaperPlane as PaperPlaneIcon,
+	Copy as CopyIcon,
+} from "@vicons/ionicons5";
+import { h, ref, defineComponent, computed, watch, nextTick, onMounted, onBeforeUnmount } from "vue";
+import type { Component } from "vue";
+import { NIcon, LayoutInst, useMessage } from "naive-ui";
+import { useAppStore, useRobotStore } from "@/store";
+import { EventBus } from '@/utils';
+import {
+	ChatbotSider,
+	ChatbotContent,
+	ChatbotFooter,
+	BackBom,
+	ChatbotContentSettings,
+	ChatbotContentWelcome,
+	ChatbotContentRight,
+	ChatbotContentCreate
+} from "./components";
+
+const renderIcon = (icon: Component) => {
+	return () => {
+		return h(NIcon, null, {
+			default: () => h(icon),
+		});
+	};
+};
+
+const cardEllipsisOptions = [
+	{
+		label: "复制",
+		key: "copy",
+		icon: renderIcon(CopyIcon),
+	},
+	{
+		label: "删除",
+		key: "del",
+		icon: renderIcon(TrashIcon),
+	},
+];
+
+const dataOptions = ["groode", "veli good", "emazing", "lidiculous"].map(
+	(v) => ({
+		label: v,
+		value: v,
+	})
+);
+
+const normalStyle = {
+	position: "fixed",
+	top: "100px",
+	height: "880px",
+	width: "1280px",
+};
+
+const fullStyle = {
+	position: "fixed",
+	// top: "0",
+	// bottom: "0",
+	// left: "0",
+	// right: "0",
+	height: '100%',
+	width: '100%'
+};
+
+const rightContentStyle = {
+	padding: 0,
+	height: '100%',
+	width: '100%',
+	borderLeft: '1px solid var(--n-border-color)'
+}
+
+export default defineComponent({
+	components: {
+		TrashIcon,
+		SettingsIcon,
+		EllipsisVerticalSharpIcon,
+		PaperPlaneIcon,
+		CopyIcon,
+		ChatbotSider,
+		ChatbotContent,
+		ChatbotFooter,
+		BackBom,
+		ChatbotContentSettings,
+		ChatbotContentWelcome,
+		ChatbotContentRight,
+		ChatbotContentCreate
+	},
+	setup() {
+		const title = ref("");
+		const isFull = ref(true);
+		const showBackBom = ref(false);
+		const sendValue = ref("");
+		const isCollapsed = ref(false);
+		const contentRef = ref<LayoutInst | null>(null)
+		const contentInnerRef = ref<HTMLElement | undefined>(undefined)
+
+		const app = useAppStore();
+		const robot = useRobotStore();
+
+		const records = computed(() => {
+			const fIndex = robot.chatbotRecords.findIndex((item) => item.id === robot.chatbotId)
+			let res = [] as Robot.Record[]
+			if (fIndex !== -1) {
+				res = robot.chatbotRecords[fIndex].list
+			}
+			return res
+		})
+
+		const configName = computed(() => {
+			const settings = robot.chatbotSettings
+			const name = settings?.ScreenQAConfig?.ConfigName
+			return name
+		})
+
+		const showRightContent = computed(() => robot.showRightContent)
+
+		const rightWrapperStyle = computed(() => {
+			let res = {
+				flex: showRightContent.value ? '0 0 40vw' : '0 0 0vw',
+				height: '100%',
+				transition: 'flex .3s var(--n-bezier), border-color .3s var(--n-bezier), min-width .3s var(--n-bezier), max-width .3s var(--n-bezier), transform .3s var(--n-bezier), background-color .3s var(--n-bezier)',
+				boxSizing: 'border-box',
+				position: 'relative'
+			}
+			return res
+		})
+
+		const showWelcome = computed(() => {
+			return records.value.length === 0 && !robot.chatbotId
+		})
+
+		window.$message = useMessage()
+
+		watch(
+			() => records.value,
+			() => {
+				chatbotScrollTo('bom', 'auto')
+			}
+		);
+
+		onMounted(() => {
+			EventBus.on('chatbot-sider-collapsed', (val) => {
+				isCollapsed.value = val as boolean
+			})
+		})
+
+		onBeforeUnmount(() => {
+			EventBus.off('chatbot-sider-collapsed')
+		})
+
+		const onAfterEnter = () => {
+			chatbotScrollTo('bom', 'auto')
+			robot.checkCurChatbotRecordBeEmpty()
+			// robot.checkChatbotSettings()
+			EventBus.on('chatbot-content-scroll-to', (res: any) => {
+				chatbotScrollTo(res?.type, res?.behavior)
+			})
+		}
+
+		const chatbotScrollTo = (type: string, behavior: ScrollBehavior) => {
+			nextTick(() => {
+				const scrollHeight = contentInnerRef.value?.scrollHeight
+
+				switch (type) {
+					case 'top':
+						contentRef.value?.scrollTo({ top: 0, behavior })
+						break
+					case 'bom':
+						contentRef.value?.scrollTo({ top: scrollHeight, behavior })
+						break
+				}
+			});
+		}
+
+		const afterLeaveCallback = () => {
+			// isFull.value = false;
+			isCollapsed.value = false;
+			robot.showRightContent = false;
+			robot.setShowCreate(false);
+			robot.setShowSettings(false);
+		};
+
+		const onContentScroll = (e: any) => {
+			const target = e.target
+			const clientHeight = target?.clientHeight;
+			const scrollHeight = target?.scrollHeight;
+			const scrollTop = target?.scrollTop;
+
+			if (scrollHeight - clientHeight - scrollTop > 200) {
+				showBackBom.value = true;
+			} else {
+				showBackBom.value = false;
+			}
+		};
+
+		const collapsedChange = (collapsed: boolean) => {
+			isCollapsed.value = collapsed
+		}
+
+		const backBomClick = () => {
+			chatbotScrollTo('bom', 'auto')
+		}
+
+		return {
+			app,
+			title,
+			isFull,
+			sendValue,
+			isCollapsed,
+			showBackBom,
+			dataOptions,
+			normalStyle,
+			fullStyle,
+			rightContentStyle,
+			rightWrapperStyle,
+			contentRef,
+			contentInnerRef,
+			cardEllipsisOptions,
+			showSettings: computed(() => robot.showSettings),
+			showCreate: computed(() => robot.showCreate),
+			configName,
+			showWelcome,
+			showRightContent,
+			onAfterEnter,
+			collapsedChange,
+			onContentScroll,
+			afterLeaveCallback,
+			backBomClick
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.chatbot-header {
+	position: relative;
+	min-height: 24px;
+	.logo-box {
+		position: absolute;
+		top: -12px;
+		left: 36px;
+	}
+	.data-title {
+		width: 300px;
+		margin: 0 auto;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		position: relative;
+		right: -22px;
+		font-weight: 500;
+		font-size: 14px;
+		img {
+			width: 24px;
+		}
+		.file-name {
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
+	}
+}
+.chatbot {
+	height: 100%;
+	border: 1px solid var(--n-border-color);
+}
+
+.chatbot-main {
+	position: relative;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	background-color: #f5f5f6;
+	.chatbot-main_wrapper {
+		position: relative;
+		width: 100%;
+		flex: 1;
+		background-color: #f5f5f6;
+		// overflow: hidden;
+		.chatbot-main_content {
+			height: 100%;
+			width: 100%;
+			// overflow-y: auto;
+			// overflow-x: hidden;
+		}
+	}
+	.chatbot-main_footer {
+		width: 100%;
+	}
+}
+</style>
+
+<style lang="scss">
+.n-modal-container {
+	z-index: 2020 !important;
+}
+.header-extra {
+	.n-card-header__extra {
+		cursor: pointer;
+		svg {
+			font-size: 20px;
+		}
+	}
+}
+.robot-dialog {
+	.n-card-header {
+		background-color: #f5f5f6;
+		// border-bottom: 1px solid #bfbfbf;
+	}
+
+	.n-card__content {
+		overflow: hidden;
+		padding: 0;
+	}
+
+	.n-layout-sider__border {
+		// background-color: #bfbfbf !important;
+	}
+}
+</style>
diff --git a/src/layouts/common/setting-drawer/components/dark-mode/index.vue b/src/layouts/common/setting-drawer/components/dark-mode/index.vue
new file mode 100644
index 0000000..1d7992e
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/dark-mode/index.vue
@@ -0,0 +1,44 @@
+<template>
+  <n-divider title-placement="center">主题模式</n-divider>
+  <n-space vertical size="large">
+    <setting-menu label="深色主题">
+      <n-switch :value="theme.darkMode" @update:value="theme.setDarkMode">
+        <template #checked>
+          <icon-mdi-white-balance-sunny class="text-14px text-white" />
+        </template>
+        <template #unchecked>
+          <icon-mdi-moon-waning-crescent class="text-14px text-white" />
+        </template>
+      </n-switch>
+    </setting-menu>
+    <setting-menu label="跟随系统">
+      <n-switch :value="theme.followSystemTheme" @update:value="theme.setFollowSystemTheme">
+        <template #checked>
+          <icon-ic-baseline-do-not-disturb class="text-14px text-white" />
+        </template>
+        <template #unchecked>
+          <icon-ic-round-hdr-auto class="text-14px text-white" />
+        </template>
+      </n-switch>
+    </setting-menu>
+    <setting-menu label="侧边栏深色">
+      <n-switch :value="theme.sider.inverted" @update:value="theme.setSiderInverted" />
+    </setting-menu>
+    <setting-menu label="头部深色">
+      <n-switch :value="theme.header.inverted" @update:value="theme.setHeaderInverted" />
+    </setting-menu>
+    <setting-menu label="底部深色">
+      <n-switch :value="theme.footer.inverted" @update:value="theme.setFooterInverted" />
+    </setting-menu>
+  </n-space>
+</template>
+
+<script lang="ts" setup>
+import { useThemeStore } from '@/store';
+import SettingMenu from '../setting-menu/index.vue';
+
+defineOptions({ name: 'DarkMode' });
+
+const theme = useThemeStore();
+</script>
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/drawer-button/index.vue b/src/layouts/common/setting-drawer/components/drawer-button/index.vue
new file mode 100644
index 0000000..ca28237
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/drawer-button/index.vue
@@ -0,0 +1,21 @@
+<template>
+  <n-button
+    type="primary"
+    :class="[{ '!right-330px': app.settingDrawerVisible }, app.settingDrawerVisible ? 'ease-out' : 'ease-in']"
+    class="fixed top-680px right-14px z-2010 w-42px h-42px !p-0 transition-all duration-300"
+    @click="app.toggleSettingDrawerVisible"
+  >
+    <icon-ant-design-close-outlined v-if="app.settingDrawerVisible" class="text-24px" />
+    <icon-ant-design-setting-outlined v-else class="text-24px" />
+  </n-button>
+</template>
+
+<script setup lang="ts">
+import { useAppStore } from '@/store';
+
+defineOptions({ name: 'DrawerButton' });
+
+const app = useAppStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/index.ts b/src/layouts/common/setting-drawer/components/index.ts
new file mode 100644
index 0000000..023172f
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/index.ts
@@ -0,0 +1,9 @@
+import DrawerButton from './drawer-button/index.vue';
+import DarkMode from './dark-mode/index.vue';
+import LayoutMode from './layout-mode/index.vue';
+import ThemeColorSelect from './theme-color-select/index.vue';
+import PageFunc from './page-func/index.vue';
+import PageView from './page-view/index.vue';
+import ThemeConfig from './theme-config/index.vue';
+
+export { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig };
diff --git a/src/layouts/common/setting-drawer/components/layout-mode/components/index.ts b/src/layouts/common/setting-drawer/components/layout-mode/components/index.ts
new file mode 100644
index 0000000..d580731
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/layout-mode/components/index.ts
@@ -0,0 +1,4 @@
+import LayoutCheckbox from './layout-checkbox.vue';
+import LayoutCard from './layout-card.vue';
+
+export { LayoutCheckbox, LayoutCard };
diff --git a/src/layouts/common/setting-drawer/components/layout-mode/components/layout-card.vue b/src/layouts/common/setting-drawer/components/layout-mode/components/layout-card.vue
new file mode 100644
index 0000000..0f6a5a6
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/layout-mode/components/layout-card.vue
@@ -0,0 +1,81 @@
+<template>
+  <div
+    class="border-2px rounded-6px cursor-pointer hover:border-primary"
+    :class="[checked ? 'border-primary' : 'border-transparent']"
+  >
+    <n-tooltip :placement="activeConfig.placement" trigger="hover">
+      <template #trigger>
+        <div
+          class="layout-card__shadow gap-6px w-96px h-64px p-6px rd-4px"
+          :class="[mode.includes('vertical') ? 'flex' : 'flex-col']"
+        >
+          <slot></slot>
+        </div>
+      </template>
+      <span>{{ label }}</span>
+    </n-tooltip>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { PopoverPlacement } from 'naive-ui';
+
+defineOptions({ name: 'LayoutCard' });
+
+interface Props {
+  /** 布局模式 */
+  mode: UnionKey.ThemeLayoutMode;
+  /** 布局模式文本 */
+  label: string;
+  /** 选中状态 */
+  checked: boolean;
+}
+
+const props = defineProps<Props>();
+
+type LayoutConfig = Record<
+  UnionKey.ThemeLayoutMode,
+  {
+    placement: PopoverPlacement;
+    headerClass: string;
+    menuClass: string;
+    mainClass: string;
+  }
+>;
+
+const layoutConfig: LayoutConfig = {
+  vertical: {
+    placement: 'bottom-start',
+    headerClass: '',
+    menuClass: 'w-1/3 h-full',
+    mainClass: 'w-2/3 h-3/4'
+  },
+  'vertical-mix': {
+    placement: 'bottom',
+    headerClass: '',
+    menuClass: 'w-1/4 h-full',
+    mainClass: 'w-2/3 h-3/4'
+  },
+  horizontal: {
+    placement: 'bottom',
+    headerClass: '',
+    menuClass: 'w-full h-1/4',
+    mainClass: 'w-full h-3/4'
+  },
+  'horizontal-mix': {
+    placement: 'bottom-end',
+    headerClass: '',
+    menuClass: 'w-full h-1/4',
+    mainClass: 'w-2/3 h-3/4'
+  }
+};
+
+const activeConfig = computed(() => layoutConfig[props.mode]);
+</script>
+
+<style scoped>
+.layout-card__shadow {
+  box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.18);
+}
+</style>
diff --git a/src/layouts/common/setting-drawer/components/layout-mode/components/layout-checkbox.vue b/src/layouts/common/setting-drawer/components/layout-mode/components/layout-checkbox.vue
new file mode 100644
index 0000000..73a55a6
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/layout-mode/components/layout-checkbox.vue
@@ -0,0 +1,74 @@
+<template>
+  <div
+    class="border-2px rounded-6px cursor-pointer hover:border-primary"
+    :class="[checked ? 'border-primary' : 'border-transparent']"
+  >
+    <n-tooltip :placement="activeConfig.placement" trigger="hover">
+      <template #trigger>
+        <div class="layout-checkbox__shadow relative w-56px h-48px bg-white rounded-4px overflow-hidden">
+          <div class="absolute-lt bg-#273352" :class="activeConfig.menuClass"></div>
+          <div class="absolute-rb bg-#f0f2f5" :class="activeConfig.mainClass"></div>
+        </div>
+      </template>
+      <span>{{ label }}</span>
+    </n-tooltip>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { PopoverPlacement } from 'naive-ui';
+
+defineOptions({ name: 'LayoutCheckbox' });
+
+interface Props {
+  /** 布局模式 */
+  mode: UnionKey.ThemeLayoutMode;
+  /** 布局模式文本 */
+  label: string;
+  /** 选中状态 */
+  checked: boolean;
+}
+
+const props = defineProps<Props>();
+
+type LayoutConfig = Record<
+  UnionKey.ThemeLayoutMode,
+  {
+    placement: PopoverPlacement;
+    menuClass: string;
+    mainClass: string;
+  }
+>;
+
+const layoutConfig: LayoutConfig = {
+  vertical: {
+    placement: 'bottom-start',
+    menuClass: 'w-1/3 h-full',
+    mainClass: 'w-2/3 h-3/4'
+  },
+  'vertical-mix': {
+    placement: 'bottom',
+    menuClass: 'w-1/4 h-full',
+    mainClass: 'w-2/3 h-3/4'
+  },
+  horizontal: {
+    placement: 'bottom',
+    menuClass: 'w-full h-1/4',
+    mainClass: 'w-full h-3/4'
+  },
+  'horizontal-mix': {
+    placement: 'bottom-end',
+    menuClass: 'w-full h-1/4',
+    mainClass: 'w-2/3 h-3/4'
+  }
+};
+
+const activeConfig = computed(() => layoutConfig[props.mode]);
+</script>
+
+<style scoped>
+.layout-checkbox__shadow {
+  box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.18);
+}
+</style>
diff --git a/src/layouts/common/setting-drawer/components/layout-mode/index.vue b/src/layouts/common/setting-drawer/components/layout-mode/index.vue
new file mode 100644
index 0000000..b928de3
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/layout-mode/index.vue
@@ -0,0 +1,57 @@
+<template>
+  <n-divider title-placement="center">布局模式</n-divider>
+  <n-space justify="space-around" :wrap="true" :size="24" class="px-12px">
+    <layout-card
+      v-for="item in theme.layout.modeList"
+      :key="item.value"
+      :mode="item.value"
+      :label="item.label"
+      :checked="item.value === theme.layout.mode"
+      @click="theme.setLayoutMode(item.value)"
+    >
+      <template v-if="item.value === 'vertical'">
+        <div class="w-18px h-full bg-primary:50 rd-4px"></div>
+        <div class="flex-1 flex-col gap-6px">
+          <div class="h-16px bg-primary rd-4px"></div>
+          <div class="flex-1 bg-primary:25 rd-4px"></div>
+        </div>
+      </template>
+      <template v-if="item.value === 'vertical-mix'">
+        <div class="w-8px h-full bg-primary:50 rd-4px"></div>
+        <div class="w-16px h-full bg-primary:50 rd-4px"></div>
+        <div class="flex-1 flex-col gap-6px">
+          <div class="h-16px bg-primary rd-4px"></div>
+          <div class="flex-1 bg-primary:25 rd-4px"></div>
+        </div>
+      </template>
+      <template v-if="item.value === 'horizontal'">
+        <div class="h-16px bg-primary rd-4px"></div>
+        <div class="flex-1 flex gap-6px">
+          <div class="flex-1 bg-primary:25 rd-4px"></div>
+        </div>
+      </template>
+      <template v-if="item.value === 'horizontal-mix'">
+        <div class="h-16px bg-primary rd-4px"></div>
+        <div class="flex-1 flex gap-6px">
+          <div class="w-18px bg-primary:50 rd-4px"></div>
+          <div class="flex-1 bg-primary:25 rd-4px"></div>
+        </div>
+      </template>
+    </layout-card>
+  </n-space>
+</template>
+
+<script setup lang="ts">
+import { useThemeStore } from '@/store';
+import { LayoutCard } from './components';
+
+defineOptions({ name: 'LayoutMode' });
+
+const theme = useThemeStore();
+</script>
+
+<style scoped>
+.layout-card__shadow {
+  box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.18);
+}
+</style>
diff --git a/src/layouts/common/setting-drawer/components/page-func/index.vue b/src/layouts/common/setting-drawer/components/page-func/index.vue
new file mode 100644
index 0000000..b9e7c6e
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/page-func/index.vue
@@ -0,0 +1,85 @@
+<template>
+  <n-divider title-placement="center">界面功能</n-divider>
+  <n-space vertical size="large">
+    <setting-menu label="滚动模式">
+      <n-select
+        class="w-120px"
+        size="small"
+        :value="theme.scrollMode"
+        :options="theme.scrollModeList"
+        @update:value="theme.setScrollMode"
+      />
+    </setting-menu>
+    <setting-menu label="固定头部和多页签">
+      <n-switch :value="theme.fixedHeaderAndTab" @update:value="theme.setIsFixedHeaderAndTab" />
+    </setting-menu>
+    <setting-menu label="顶部菜单位置">
+      <n-select
+        class="w-120px"
+        size="small"
+        :value="theme.menu.horizontalPosition"
+        :options="theme.menu.horizontalPositionList"
+        @update:value="theme.setHorizontalMenuPosition"
+      />
+    </setting-menu>
+    <setting-menu label="头部高度">
+      <n-input-number
+        class="w-120px"
+        size="small"
+        :value="theme.header.height"
+        :step="1"
+        @update:value="theme.setHeaderHeight"
+      />
+    </setting-menu>
+    <setting-menu label="多页签高度">
+      <n-input-number
+        class="w-120px"
+        size="small"
+        :value="theme.tab.height"
+        :step="1"
+        @update:value="theme.setTabHeight"
+      />
+    </setting-menu>
+    <setting-menu label="多页签缓存">
+      <n-switch :value="theme.tab.isCache" @update:value="theme.setTabIsCache" />
+    </setting-menu>
+    <setting-menu label="侧边栏展开宽度">
+      <n-input-number
+        class="w-120px"
+        size="small"
+        :value="theme.sider.width"
+        :step="10"
+        @update:value="theme.setSiderWidth"
+      />
+    </setting-menu>
+    <setting-menu label="左侧混合侧边栏展开宽度">
+      <n-input-number
+        class="w-120px"
+        size="small"
+        :value="theme.sider.mixWidth"
+        :step="5"
+        @update:value="theme.setMixSiderWidth"
+      />
+    </setting-menu>
+    <setting-menu label="显示底部">
+      <n-switch :value="theme.footer.visible" @update:value="theme.setFooterVisible" />
+    </setting-menu>
+    <setting-menu label="固定底部">
+      <n-switch :value="theme.footer.fixed" @update:value="theme.setFooterIsFixed" />
+    </setting-menu>
+    <setting-menu label="底部居右">
+      <n-switch :value="theme.footer.right" @update:value="theme.setFooterIsRight" />
+    </setting-menu>
+  </n-space>
+</template>
+
+<script lang="ts" setup>
+import { useThemeStore } from '@/store';
+import SettingMenu from '../setting-menu/index.vue';
+
+defineOptions({ name: 'PageFunc' });
+
+const theme = useThemeStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/page-view/index.vue b/src/layouts/common/setting-drawer/components/page-view/index.vue
new file mode 100644
index 0000000..7dc26c4
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/page-view/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <n-divider title-placement="center">界面显示</n-divider>
+  <n-space vertical size="large">
+    <setting-menu label="面包屑">
+      <n-switch :value="theme.header.crumb.visible" @update:value="theme.setHeaderCrumbVisible" />
+    </setting-menu>
+    <setting-menu label="面包屑图标">
+      <n-switch :value="theme.header.crumb.showIcon" @update:value="theme.setHeaderCrumbIconVisible" />
+    </setting-menu>
+    <setting-menu label="多页签">
+      <n-switch :value="theme.tab.visible" @update:value="theme.setTabVisible" />
+    </setting-menu>
+    <setting-menu label="多页签风格">
+      <n-select
+        class="w-120px"
+        size="small"
+        :value="theme.tab.mode"
+        :options="theme.tab.modeList"
+        @update:value="theme.setTabMode"
+      />
+    </setting-menu>
+    <setting-menu label="页面切换动画">
+      <n-switch :value="theme.page.animate" @update:value="theme.setPageIsAnimate" />
+    </setting-menu>
+    <setting-menu label="页面切换动画类型">
+      <n-select
+        class="w-120px"
+        size="small"
+        :value="theme.page.animateMode"
+        :options="theme.page.animateModeList"
+        @update:value="theme.setPageAnimateMode"
+      />
+    </setting-menu>
+  </n-space>
+</template>
+
+<script lang="ts" setup>
+import { useThemeStore } from '@/store';
+import SettingMenu from '../setting-menu/index.vue';
+
+defineOptions({ name: 'PageView' });
+
+const theme = useThemeStore();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/setting-menu/index.vue b/src/layouts/common/setting-drawer/components/setting-menu/index.vue
new file mode 100644
index 0000000..d3d4351
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/setting-menu/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="flex-y-center justify-between">
+    <span>{{ label }}</span>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'SettingMenu' });
+
+interface Props {
+  /** 文本 */
+  label: string;
+}
+
+defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/theme-color-select/components/color-checkbox.vue b/src/layouts/common/setting-drawer/components/theme-color-select/components/color-checkbox.vue
new file mode 100644
index 0000000..0c7aa72
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/theme-color-select/components/color-checkbox.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="flex-center w-20px h-20px rounded-2px shadow cursor-pointer" :style="{ backgroundColor: color }">
+    <icon-ic-outline-check v-if="checked" :class="[iconClass, isWhite ? 'text-gray-700' : 'text-white']" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+defineOptions({ name: 'ColorCheckbox' });
+
+interface Props {
+  /** 颜色 */
+  color: string;
+  /** 是否选中 */
+  checked: boolean;
+  /** 图标的class */
+  iconClass?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  iconClass: 'text-14px'
+});
+
+const whiteColors = ['#ffffff', '#fff', 'rgb(255,255,255)'];
+const isWhite = computed(() => whiteColors.includes(props.color));
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/theme-color-select/components/color-modal.vue b/src/layouts/common/setting-drawer/components/theme-color-select/components/color-modal.vue
new file mode 100644
index 0000000..3b1f5de
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/theme-color-select/components/color-modal.vue
@@ -0,0 +1,51 @@
+<template>
+  <n-modal :show="visible" preset="card" class="w-640px h-480px" :z-index="10001" @close="handleClose">
+    <div class="flex-x-center">
+      <n-gradient-text type="primary" :size="24">中国传统颜色</n-gradient-text>
+    </div>
+    <n-tabs>
+      <n-tab-pane v-for="item in traditionColors" :key="item.label" :name="item.label" :tab="item.label">
+        <n-grid :cols="8" :x-gap="16" :y-gap="8">
+          <n-grid-item v-for="i in item.data" :key="i.label">
+            <color-checkbox
+              class="!w-full !h-36px !rounded-4px"
+              :color="i.color"
+              :checked="i.color === theme.themeColor"
+              icon-class="text-20px"
+              @click="theme.setThemeColor(i.color)"
+            />
+            <p class="text-center">{{ i.label }}</p>
+          </n-grid-item>
+        </n-grid>
+      </n-tab-pane>
+    </n-tabs>
+  </n-modal>
+</template>
+
+<script setup lang="ts">
+import { traditionColors } from '@/settings';
+import { useThemeStore } from '@/store';
+import ColorCheckbox from './color-checkbox.vue';
+
+defineOptions({ name: 'ColorModal' });
+
+interface Props {
+  visible: boolean;
+}
+
+defineProps<Props>();
+
+interface Emits {
+  (e: 'close'): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const theme = useThemeStore();
+
+function handleClose() {
+  emit('close');
+}
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts b/src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts
new file mode 100644
index 0000000..b35b249
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts
@@ -0,0 +1,4 @@
+import ColorCheckbox from './color-checkbox.vue';
+import ColorModal from './color-modal.vue';
+
+export { ColorCheckbox, ColorModal };
diff --git a/src/layouts/common/setting-drawer/components/theme-color-select/index.vue b/src/layouts/common/setting-drawer/components/theme-color-select/index.vue
new file mode 100644
index 0000000..04a4e06
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/theme-color-select/index.vue
@@ -0,0 +1,32 @@
+<template>
+  <n-divider title-placement="center">系统主题</n-divider>
+  <n-grid :cols="8" :x-gap="8" :y-gap="12">
+    <n-grid-item v-for="color in theme.themeColorList" :key="color" class="flex-x-center">
+      <color-checkbox :color="color" :checked="color === theme.themeColor" @click="theme.setThemeColor(color)" />
+    </n-grid-item>
+  </n-grid>
+  <n-space :vertical="true" class="pt-12px">
+    <n-color-picker :value="theme.themeColor" :show-alpha="false" @update-value="theme.setThemeColor" />
+    <n-button :block="true" :type="otherColorBtnType" @click="openModal">更多颜色</n-button>
+  </n-space>
+  <color-modal :visible="visible" @close="closeModal" />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { isInTraditionColors } from '@/settings';
+import { useThemeStore } from '@/store';
+import { useBoolean } from '@/hooks';
+import { ColorCheckbox, ColorModal } from './components';
+
+defineOptions({ name: 'ThemeColorSelect' });
+
+const theme = useThemeStore();
+
+const { bool: visible, setTrue: openModal, setFalse: closeModal } = useBoolean();
+
+const isInOther = computed(() => isInTraditionColors(theme.themeColor));
+const otherColorBtnType = computed(() => (isInOther.value ? 'primary' : 'default'));
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/components/theme-config/index.vue b/src/layouts/common/setting-drawer/components/theme-config/index.vue
new file mode 100644
index 0000000..4bc5502
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/theme-config/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <n-divider title-placement="center">主题配置</n-divider>
+  <textarea id="themeConfigCopyTarget" v-model="dataClipboardText" class="absolute opacity-0" />
+  <n-space vertical>
+    <div ref="copyRef" data-clipboard-target="#themeConfigCopyTarget">
+      <n-button type="primary" :block="true">拷贝当前配置</n-button>
+    </div>
+    <n-button type="warning" :block="true" @click="handleResetConfig">重置当前配置</n-button>
+  </n-space>
+</template>
+
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref, watch } from 'vue';
+import Clipboard from 'clipboard';
+import { useThemeStore } from '@/store';
+
+defineOptions({ name: 'ThemeConfig' });
+
+const theme = useThemeStore();
+
+const copyRef = ref<HTMLElement>();
+
+const dataClipboardText = ref(getClipboardText());
+
+function getClipboardText() {
+  return JSON.stringify(theme.$state);
+}
+
+function handleResetConfig() {
+  theme.resetThemeStore();
+  window.$message?.success('已重置配置，请重新拷贝！');
+}
+
+function clipboardEventListener() {
+  if (!copyRef.value) return;
+  const copy = new Clipboard(copyRef.value);
+  copy.on('success', () => {
+    window.$dialog?.success({
+      title: '操作成功',
+      content: '复制成功,请替换 src/settings/theme.json的内容！',
+      positiveText: '确定'
+    });
+  });
+}
+
+const stopHandle = watch(
+  () => theme.$state,
+  () => {
+    dataClipboardText.value = getClipboardText();
+  },
+  { deep: true }
+);
+
+onMounted(() => {
+  clipboardEventListener();
+});
+onUnmounted(() => {
+  stopHandle();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/common/setting-drawer/index.vue b/src/layouts/common/setting-drawer/index.vue
new file mode 100644
index 0000000..8ba80e7
--- /dev/null
+++ b/src/layouts/common/setting-drawer/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <n-drawer :show="app.settingDrawerVisible" display-directive="show" :width="330" @mask-click="app.closeSettingDrawer">
+    <n-drawer-content title="主题配置" :native-scrollbar="false">
+      <dark-mode />
+      <layout-mode />
+      <theme-color-select />
+      <page-func />
+      <page-view />
+      <theme-config />
+    </n-drawer-content>
+  </n-drawer>
+  <drawer-button v-if="showButton" />
+</template>
+
+<script setup lang="ts">
+import { useAppStore } from '@/store';
+import { DarkMode, DrawerButton, LayoutMode, PageFunc, PageView, ThemeColorSelect, ThemeConfig } from './components';
+
+defineOptions({ name: 'SettingDrawer' });
+
+const app = useAppStore();
+
+const showButton = import.meta.env.DEV || import.meta.env.VITE_VERCEL === 'Y';
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/index.ts b/src/layouts/index.ts
new file mode 100644
index 0000000..ed4558f
--- /dev/null
+++ b/src/layouts/index.ts
@@ -0,0 +1,4 @@
+const BasicLayout = () => import('./basic-layout/index.vue');
+const BlankLayout = () => import('./blank-layout/index.vue');
+
+export { BasicLayout, BlankLayout };
diff --git a/src/locales/i18n.ts b/src/locales/i18n.ts
new file mode 100644
index 0000000..0b07fa0
--- /dev/null
+++ b/src/locales/i18n.ts
@@ -0,0 +1,24 @@
+import type { App } from 'vue';
+import { createI18n } from 'vue-i18n';
+import { localStg } from '@/utils';
+import messages from './lang';
+import type { LocaleKey } from './lang';
+
+const i18n = createI18n({
+  locale: localStg.get('lang') || 'zh-CN',
+  fallbackLocale: 'en',
+  messages,
+  legacy: false
+});
+
+export function setupI18n(app: App) {
+  app.use(i18n);
+}
+
+export function t(key: string) {
+  return i18n.global.t(key);
+}
+
+export function setLocale(locale: LocaleKey) {
+  i18n.global.locale.value = locale;
+}
diff --git a/src/locales/index.ts b/src/locales/index.ts
new file mode 100644
index 0000000..e82230f
--- /dev/null
+++ b/src/locales/index.ts
@@ -0,0 +1 @@
+export * from './i18n';
diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
new file mode 100644
index 0000000..54dab6e
--- /dev/null
+++ b/src/locales/lang/en.ts
@@ -0,0 +1,85 @@
+import type { LocaleMessages } from 'vue-i18n';
+
+const locale: LocaleMessages<I18nType.Schema> = {
+  message: {
+    system: {
+      title: 'SoybeanAdmin'
+    },
+    routes: {
+      dashboard: {
+        dashboard: 'Dashboard',
+        analysis: 'Analysis',
+        workbench: 'Workbench'
+      },
+      document: {
+        _value: 'Document',
+        vue: 'Vue Document',
+        vite: 'Vite Document',
+        naive: 'NaiveUI Document',
+        project: 'Project Document',
+        'project-link': 'Project Document(href)'
+      },
+      component: {
+        _value: 'Component',
+        button: 'Button',
+        card: 'Card',
+        table: 'Table'
+      },
+      plugin: {
+        _value: 'Plugin',
+        charts: {
+          _value: 'Chart',
+          echarts: 'ECharts',
+          antv: 'AntV'
+        },
+        copy: 'Copy',
+        editor: {
+          _value: 'Editor',
+          quill: 'Quill',
+          markdown: 'Markdown'
+        },
+        icon: 'Icon',
+        map: 'Map',
+        print: 'Print',
+        swiper: 'Swiper',
+        video: 'Video'
+      },
+      'auth-demo': {
+        _value: 'Auth Demo',
+        permission: 'Toggle Permission',
+        super: 'Super Auth'
+      },
+      function: {
+        _value: 'Function',
+        tab: 'System Tab'
+      },
+      exception: {
+        _value: 'Exception',
+        403: '403',
+        404: '404',
+        500: '500'
+      },
+      'multi-menu': {
+        _value: 'Multi Degree Menu',
+        first: {
+          _value: 'First Degree',
+          second: 'Second Degree',
+          'second-new': {
+            _value: 'Second Degree With Children',
+            third: 'Third Degree'
+          }
+        }
+      },
+      management: {
+        _value: 'System Management',
+        auth: 'Auth',
+        role: 'Role',
+        route: 'Route',
+        user: 'User'
+      },
+      about: 'About'
+    }
+  }
+};
+
+export default locale;
diff --git a/src/locales/lang/index.ts b/src/locales/lang/index.ts
new file mode 100644
index 0000000..baf3eb7
--- /dev/null
+++ b/src/locales/lang/index.ts
@@ -0,0 +1,11 @@
+import zhCN from './zh-cn';
+import en from './en';
+
+const locales = {
+  'zh-CN': zhCN,
+  en
+};
+
+export type LocaleKey = keyof typeof locales;
+
+export default locales;
diff --git a/src/locales/lang/zh-cn.ts b/src/locales/lang/zh-cn.ts
new file mode 100644
index 0000000..6449a18
--- /dev/null
+++ b/src/locales/lang/zh-cn.ts
@@ -0,0 +1,85 @@
+import type { LocaleMessages } from 'vue-i18n';
+
+const locale: LocaleMessages<I18nType.Schema> = {
+  message: {
+    system: {
+      title: 'knowAny'
+    },
+    routes: {
+      dashboard: {
+        dashboard: '仪表盘',
+        analysis: '分析页',
+        workbench: '工作台'
+      },
+      document: {
+        _value: '文档',
+        vue: 'Vue文档',
+        vite: 'Vite文档',
+        naive: 'NaiveUI文档',
+        project: '项目文档',
+        'project-link': '项目文档(外链)'
+      },
+      component: {
+        _value: '组件示例',
+        button: '按钮',
+        card: '卡片',
+        table: '表格'
+      },
+      plugin: {
+        _value: '插件示例',
+        charts: {
+          _value: '图表',
+          echarts: 'ECharts',
+          antv: 'AntV'
+        },
+        copy: '剪贴板',
+        editor: {
+          _value: '编辑器',
+          quill: '富文本',
+          markdown: 'Markdown'
+        },
+        icon: '图标',
+        map: '地图',
+        print: '打印',
+        swiper: 'Swiper',
+        video: '视频'
+      },
+      'auth-demo': {
+        _value: '权限示例',
+        permission: '切换权限',
+        super: '超级管理员可见'
+      },
+      function: {
+        _value: '功能',
+        tab: 'Tab页签'
+      },
+      exception: {
+        _value: '异常页',
+        403: '403',
+        404: '404',
+        500: '500'
+      },
+      'multi-menu': {
+        _value: '多级菜单',
+        first: {
+          _value: '一级菜单',
+          second: '二级菜单',
+          'second-new': {
+            _value: '二级菜单(有子菜单)',
+            third: '三级菜单'
+          }
+        }
+      },
+      management: {
+        _value: '系统管理',
+        auth: '权限管理',
+        role: '角色管理',
+        route: '路由管理',
+        user: '用户管理'
+      },
+      about: '关于'
+    }
+  }
+};
+
+export default locale;
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..d8e5338
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,38 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import AppLoading from './components/common/app-loading.vue';
+import { setupDirectives } from './directives';
+import { setupRouter } from './router';
+import { setupAssets, setupFastCrud } from './plugins';
+import { setupStore } from './store';
+import { setupI18n } from './locales';
+
+async function setupApp() {
+  // import assets: js、css
+  setupAssets();
+
+  // app loading
+  const appLoading = createApp(AppLoading);
+
+  appLoading.mount('#appLoading');
+
+  const app = createApp(App);
+
+  // store plugin: pinia
+  setupStore(app);
+
+  // vue custom directives
+  setupDirectives(app);
+
+  // vue router
+  await setupRouter(app);
+
+  setupI18n(app);
+
+  setupFastCrud(app);
+
+  // mount app
+  app.mount('#app');
+}
+
+setupApp();
diff --git a/src/plugins/assets.ts b/src/plugins/assets.ts
new file mode 100644
index 0000000..013ba6d
--- /dev/null
+++ b/src/plugins/assets.ts
@@ -0,0 +1,10 @@
+import 'uno.css';
+import '@soybeanjs/vue-materials/dist/style.css';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
+import 'virtual:svg-icons-register';
+import '../styles/css/global.css';
+
+/** import static assets: css, js , font and so on. - [引入静态资源，css、js和字体文件等] */
+export default function setupAssets() {}
diff --git a/src/plugins/fast-crud/common.scss b/src/plugins/fast-crud/common.scss
new file mode 100644
index 0000000..1fc959c
--- /dev/null
+++ b/src/plugins/fast-crud/common.scss
@@ -0,0 +1,11 @@
+html:root {
+	--baseColor: #fff;
+}
+/* 深色模式 */
+html.dark:root {
+	--baseColor: #000;
+}
+
+.fs-container {
+	background-color: var(--baseColor);
+}
diff --git a/src/plugins/fast-crud/index.tsx b/src/plugins/fast-crud/index.tsx
new file mode 100644
index 0000000..812ef2d
--- /dev/null
+++ b/src/plugins/fast-crud/index.tsx
@@ -0,0 +1,171 @@
+import type { App } from 'vue';
+import type { FsSetupOptions, PageQuery } from '@fast-crud/fast-crud';
+// eslint-disable-next-line import/order
+import { FastCrud } from '@fast-crud/fast-crud';
+import '@fast-crud/fast-crud/dist/style.css';
+import './common.scss';
+
+import type { FsUploaderOptions } from '@fast-crud/fast-extends';
+import {
+  FsExtendsCopyable,
+  FsExtendsEditor,
+  FsExtendsJson,
+  FsExtendsTime,
+  FsExtendsUploader
+} from '@fast-crud/fast-extends';
+import '@fast-crud/fast-extends/dist/style.css';
+import UiNaive from '@fast-crud/ui-naive';
+import axios from 'axios';
+import type { VueI18n } from 'vue-i18n';
+import { mockRequest, request } from '@/service/request';
+import { setupNaive } from '@/plugins/fast-crud/naive';
+
+/**
+ *  fast-crud的安装方法
+ *  注意：在App.vue中，需要用fs-ui-context组件包裹RouterView，让fs-crud拥有message、notification、dialog的能力
+ * @param app
+ * @param options
+ */
+export type FsSetupOpts = {
+  i18n?: VueI18n;
+};
+function install(app: App, options: FsSetupOpts = {}) {
+  // 安装naive ui 常用组件
+  setupNaive(app);
+  app.use(UiNaive);
+  app.use(FastCrud, {
+		i18n: options.i18n,
+		async dictRequest(context: { url: string; }) {
+			const url = context.url;
+			let res: Service.SuccessResult | Service.FailedResult;
+			if (url && url.startsWith('/mock')) {
+				// 如果是crud开头的dict请求视为mock
+				res = await mockRequest.get(url.replace('/mock', ''));
+			} else {
+				res = await request.get(url);
+			}
+			res = res || {};
+			return res.data || [];
+		},
+		/**
+		 * useCrud时会被执行
+		 */
+		commonOptions() {
+			return {
+				table: {
+					size: 'small',
+					pagination: false
+				},
+				search: {
+					options: {
+						size: 'medium'
+					}
+				},
+				rowHandle: {
+					buttons: {
+						view: { text: null, icon: 'EyeOutlined', size: 'small' },
+						edit: { text: null, icon: 'EditOutlined', size: 'small' },
+						remove: { type: 'error', text: null, icon: 'DeleteOutlined', size: 'small' }
+					},
+					dropdown: {
+						more: { size: 'small' }
+					}
+				},
+				request: {
+					// 查询参数转换
+					transformQuery: (query: PageQuery) => {
+						const { page, form, sort } = query;
+						const limit: any = page?.pageSize;
+						const currentPage = page?.currentPage ?? 1;
+						const offset = limit * (currentPage - 1);
+
+						return {
+							page: {
+								limit,
+								offset
+							},
+							query: form,
+							sort: sort || {}
+						};
+					},
+					// page请求结果转换
+					transformRes: (originPageRes: any) => {
+						const { res } = originPageRes;
+						const pageSize = res.limit;
+						let currentPage = res.offset / pageSize;
+						if (res.offset % pageSize === 0) {
+							currentPage += 1;
+						}
+						return { currentPage, pageSize, ...res };
+					}
+				},
+				form: {
+					display: 'flex',
+					labelWidth: '120px' // 表单label宽度
+				}
+			};
+			// 从 useCrud({permission}) 里获取permission参数，去设置各个按钮的权限
+			// const crudPermission = useCrudPermission(context);
+			// return crudPermission.merge(opts);
+		}
+	} as unknown as FsSetupOptions);
+
+  // fast-extends里面的扩展组件均为异步组件，只有在使用时才会被加载，并不会影响首页加载速度
+  // 安装editor
+  app.use(FsExtendsEditor, {
+    // 编辑器的公共配置
+    wangEditor: {}
+  });
+  app.use(FsExtendsJson);
+  app.use(FsExtendsCopyable);
+  // 安装uploader 公共参数
+  const uploaderOptions: FsUploaderOptions = {
+    defaultType: 'form',
+    form: {
+      action: 'http://www.docmirror.cn:7070/api/upload/form/upload',
+      name: 'file',
+      withCredentials: false,
+      uploadRequest: async props => {
+        const { action, file, onProgress } = props;
+        const data = new FormData();
+        data.append('file', file);
+        const res = await axios.post(action, data, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          },
+          timeout: 60000,
+          onUploadProgress(progress) {
+            onProgress({ percent: Math.round((progress.loaded / progress.total!) * 100) });
+          }
+        });
+        // 上传完成后的结果，一般返回个url 或者key,具体看你的后台返回啥
+        return res.data.data;
+      },
+      async successHandle(ret: string) {
+        // 上传完成后的结果处理， 此处应转换格式为{url:xxx,key:xxx}
+        return {
+          url: `http://www.docmirror.cn:7070${ret}`,
+          key: ret.replace('/api/upload/form/download?key=', '')
+        };
+      }
+    }
+  };
+  app.use(FsExtendsUploader, uploaderOptions);
+
+  // 安装editor
+  app.use(FsExtendsEditor, {
+    // 编辑器的公共配置
+    wangEditor: {}
+  });
+  app.use(FsExtendsJson);
+  app.use(FsExtendsTime);
+  app.use(FsExtendsCopyable);
+}
+
+export default {
+  install
+};
+
+export function setupFastCrud(app: App<Element>, options: FsSetupOpts = {}) {
+  install(app, options);
+}
diff --git a/src/plugins/fast-crud/naive.ts b/src/plugins/fast-crud/naive.ts
new file mode 100644
index 0000000..f3b9f07
--- /dev/null
+++ b/src/plugins/fast-crud/naive.ts
@@ -0,0 +1,59 @@
+import type { App } from 'vue';
+import * as NaiveUI from 'naive-ui';
+
+const naive = NaiveUI.create({
+  components: [
+    NaiveUI.NInput,
+    NaiveUI.NButton,
+    NaiveUI.NForm,
+    NaiveUI.NFormItem,
+    NaiveUI.NCheckboxGroup,
+    NaiveUI.NCheckbox,
+    NaiveUI.NIcon,
+    NaiveUI.NDropdown,
+    NaiveUI.NTooltip,
+    NaiveUI.NTabs,
+    NaiveUI.NTabPane,
+    NaiveUI.NCard,
+    NaiveUI.NRow,
+    NaiveUI.NCol,
+    NaiveUI.NDrawer,
+    NaiveUI.NDrawerContent,
+    NaiveUI.NDivider,
+    NaiveUI.NSwitch,
+    NaiveUI.NBadge,
+    NaiveUI.NAlert,
+    NaiveUI.NTag,
+    NaiveUI.NProgress,
+    NaiveUI.NDatePicker,
+    NaiveUI.NGrid,
+    NaiveUI.NGridItem,
+    NaiveUI.NDataTable,
+    NaiveUI.NPagination,
+    NaiveUI.NSelect,
+    NaiveUI.NRadioGroup,
+    NaiveUI.NRadio,
+    NaiveUI.NInputGroup,
+    NaiveUI.NTable,
+    NaiveUI.NInputNumber,
+    NaiveUI.NLoadingBarProvider,
+    NaiveUI.NModal,
+    NaiveUI.NUpload,
+    NaiveUI.NTree,
+    NaiveUI.NSpin,
+    NaiveUI.NTimePicker,
+
+    // add by fs
+    NaiveUI.NCascader,
+    NaiveUI.NRadioButton,
+    NaiveUI.NTreeSelect,
+    NaiveUI.NImageGroup,
+    NaiveUI.NImage,
+    NaiveUI.NCollapse,
+    NaiveUI.NCollapseItem
+  ]
+});
+
+export function setupNaive(app: App<Element>) {
+  app.use(naive);
+}
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
new file mode 100644
index 0000000..eb4123f
--- /dev/null
+++ b/src/plugins/index.ts
@@ -0,0 +1,5 @@
+import { setupFastCrud } from '@/plugins/fast-crud';
+import setupAssets from './assets';
+
+export { setupFastCrud };
+export { setupAssets };
diff --git a/src/router/guard/dynamic.ts b/src/router/guard/dynamic.ts
new file mode 100644
index 0000000..7c238ff
--- /dev/null
+++ b/src/router/guard/dynamic.ts
@@ -0,0 +1,50 @@
+import type { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
+import { routeName } from '@/router';
+import { useRouteStore } from '@/store';
+import { localStg } from '@/utils';
+
+/**
+ * 动态路由
+ */
+export async function createDynamicRouteGuard(
+  to: RouteLocationNormalized,
+  _from: RouteLocationNormalized,
+  next: NavigationGuardNext
+) {
+  const route = useRouteStore();
+  const isLogin = Boolean(localStg.get('token'));
+
+  // 初始化权限路由
+  if (!route.isInitAuthRoute) {
+    // 未登录情况下直接回到登录页，登录成功后再加载权限路由
+    if (!isLogin) {
+      const toName = to.name as AuthRoute.AllRouteKey;
+      if (route.isValidConstantRoute(toName) && !to.meta.requiresAuth) {
+        next();
+      } else {
+        const redirect = to.fullPath;
+        next({ name: routeName('login'), query: { redirect } });
+      }
+      return false;
+    }
+
+    await route.initAuthRoute();
+
+    if (to.name === routeName('not-found')) {
+      // 动态路由没有加载导致被not-found路由捕获，等待权限路由加载好了，回到之前的路由
+      // 若路由是从根路由重定向过来的，重新回到根路由
+      const ROOT_ROUTE_NAME: AuthRoute.AllRouteKey = 'root';
+      const path = to.redirectedFrom?.name === ROOT_ROUTE_NAME ? '/' : to.fullPath;
+      next({ path, replace: true, query: to.query, hash: to.hash });
+      return false;
+    }
+  }
+
+  // 权限路由已经加载，仍然未找到，重定向到404
+  if (to.name === routeName('not-found')) {
+    next({ name: routeName('404'), replace: true });
+    return false;
+  }
+
+  return true;
+}
diff --git a/src/router/guard/index.ts b/src/router/guard/index.ts
new file mode 100644
index 0000000..6d39f2f
--- /dev/null
+++ b/src/router/guard/index.ts
@@ -0,0 +1,23 @@
+import type { Router } from 'vue-router';
+import { useTitle } from '@vueuse/core';
+import { t } from '@/locales';
+import { createPermissionGuard } from './permission';
+
+/**
+ * 路由守卫函数
+ * @param router - 路由实例
+ */
+export function createRouterGuard(router: Router) {
+  router.beforeEach(async (to, from, next) => {
+    // 开始 loadingBar
+    window.$loadingBar?.start();
+    // 页面跳转权限处理
+    await createPermissionGuard(to, from, next);
+  });
+  router.afterEach(to => {
+    // 设置document title
+    useTitle(to.meta.i18nTitle ? t(to.meta.i18nTitle) : to.meta.title);
+    // 结束 loadingBar
+    window.$loadingBar?.finish();
+  });
+}
diff --git a/src/router/guard/permission.ts b/src/router/guard/permission.ts
new file mode 100644
index 0000000..bc50d59
--- /dev/null
+++ b/src/router/guard/permission.ts
@@ -0,0 +1,70 @@
+import type { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
+import { routeName } from '@/router';
+import { useAuthStore } from '@/store';
+import { exeStrategyActions, localStg } from '@/utils';
+import { createDynamicRouteGuard } from './dynamic';
+
+/** 处理路由页面的权限 */
+export async function createPermissionGuard(
+  to: RouteLocationNormalized,
+  from: RouteLocationNormalized,
+  next: NavigationGuardNext
+) {
+  // 动态路由
+  const permission = await createDynamicRouteGuard(to, from, next);
+  if (!permission) return;
+
+  // 外链路由, 从新标签打开，返回上一个路由
+  if (to.meta.href) {
+    window.open(to.meta.href);
+    next({ path: from.fullPath, replace: true, query: from.query });
+    return;
+  }
+
+  const auth = useAuthStore();
+  const isLogin = Boolean(localStg.get('token'));
+  const permissions = to.meta.permissions || [];
+  const needLogin = Boolean(to.meta?.requiresAuth) || Boolean(permissions.length);
+  const hasPermission = !permissions.length || permissions.includes(auth.userInfo.userRole);
+
+  const actions: Common.StrategyAction[] = [
+    // 已登录状态跳转登录页，跳转至首页
+    [
+      isLogin && to.name === routeName('login'),
+      () => {
+        next({ name: routeName('root') });
+      }
+    ],
+    // 不需要登录权限的页面直接通行
+    [
+      !needLogin,
+      () => {
+        next();
+      }
+    ],
+    // 未登录状态进入需要登录权限的页面
+    [
+      !isLogin && needLogin,
+      () => {
+        const redirect = to.fullPath;
+        next({ name: routeName('login'), query: { redirect } });
+      }
+    ],
+    // 登录状态进入需要登录权限的页面，有权限直接通行
+    [
+      isLogin && needLogin && hasPermission,
+      () => {
+        next();
+      }
+    ],
+    [
+      // 登录状态进入需要登录权限的页面，无权限，重定向到无权限页面
+      isLogin && needLogin && !hasPermission,
+      () => {
+        next({ name: routeName('403') });
+      }
+    ]
+  ];
+
+  exeStrategyActions(actions);
+}
diff --git a/src/router/helpers/index.ts b/src/router/helpers/index.ts
new file mode 100644
index 0000000..56057e0
--- /dev/null
+++ b/src/router/helpers/index.ts
@@ -0,0 +1 @@
+export * from './scroll';
diff --git a/src/router/helpers/scroll.ts b/src/router/helpers/scroll.ts
new file mode 100644
index 0000000..648664e
--- /dev/null
+++ b/src/router/helpers/scroll.ts
@@ -0,0 +1,38 @@
+import type { RouterScrollBehavior } from 'vue-router';
+import { useAppStore, useTabStore } from '@/store';
+
+export const scrollBehavior: RouterScrollBehavior = (to, from) => {
+  return new Promise(resolve => {
+    const app = useAppStore();
+    const tab = useTabStore();
+
+    if (to.hash) {
+      const el = document.querySelector(to.hash);
+      if (el) {
+        resolve({
+          el,
+          behavior: 'smooth'
+        });
+      }
+    }
+
+    const { left, top } = tab.getTabScrollPosition(to.path);
+    const scrollPosition = {
+      left,
+      top
+    };
+    const { scrollEl, scrollLeft, scrollTop } = app.getScrollConfig();
+
+    const isFromCached = Boolean(from.meta.keepAlive);
+    if (isFromCached) {
+      tab.recordTabScrollPosition(from.path, { left: scrollLeft, top: scrollTop });
+    }
+
+    setTimeout(() => {
+      if (scrollEl) {
+        scrollEl.scrollLeft = scrollPosition.left;
+        scrollEl.scrollTop = scrollPosition.top;
+      }
+    }, 400);
+  });
+};
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..711a37f
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,30 @@
+import type { App } from 'vue';
+import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router';
+import { transformRouteNameToRoutePath } from '@/utils';
+import { transformAuthRouteToVueRoutes } from '@/utils/router/transform';
+import { constantRoutes } from './routes';
+import { scrollBehavior } from './helpers';
+import { createRouterGuard } from './guard';
+
+const { VITE_HASH_ROUTE = 'N', VITE_BASE_URL } = import.meta.env;
+
+export const router = createRouter({
+  history: VITE_HASH_ROUTE === 'Y' ? createWebHashHistory(VITE_BASE_URL) : createWebHistory(VITE_BASE_URL),
+  routes: transformAuthRouteToVueRoutes(constantRoutes),
+  scrollBehavior
+});
+
+/** setup vue router. - [安装vue路由] */
+export async function setupRouter(app: App) {
+  app.use(router);
+  createRouterGuard(router);
+  await router.isReady();
+}
+
+/** 路由名称 */
+export const routeName = (key: AuthRoute.AllRouteKey) => key;
+/** 路由路径 */
+export const routePath = (key: Exclude<AuthRoute.AllRouteKey, 'not-found'>) => transformRouteNameToRoutePath(key);
+
+export * from './routes';
+export * from './modules';
diff --git a/src/router/modules/about.ts b/src/router/modules/about.ts
new file mode 100644
index 0000000..4683f4b
--- /dev/null
+++ b/src/router/modules/about.ts
@@ -0,0 +1,17 @@
+const about1: AuthRoute.Route = {
+  name: 'about',
+  path: '/about',
+  component: 'self',
+  meta: {
+    title: '关于',
+    i18nTitle: 'message.routes.about',
+    requiresAuth: true,
+    keepAlive: true,
+    singleLayout: 'basic',
+    permissions: ['super', 'admin', 'user'],
+    icon: 'fluent:book-information-24-regular',
+    order: 10
+  }
+};
+
+export default about1;
diff --git a/src/router/modules/auth-demo.ts b/src/router/modules/auth-demo.ts
new file mode 100644
index 0000000..6ce0fe3
--- /dev/null
+++ b/src/router/modules/auth-demo.ts
@@ -0,0 +1,38 @@
+const authDemo: AuthRoute.Route = {
+  name: 'auth-demo',
+  path: '/auth-demo',
+  component: 'basic',
+  children: [
+    {
+      name: 'auth-demo_permission',
+      path: '/auth-demo/permission',
+      component: 'self',
+      meta: {
+        title: '权限切换',
+        i18nTitle: 'message.routes.auth-demo.permission',
+        requiresAuth: true,
+        icon: 'ic:round-construction'
+      }
+    },
+    {
+      name: 'auth-demo_super',
+      path: '/auth-demo/super',
+      component: 'self',
+      meta: {
+        title: '超级管理员可见',
+        i18nTitle: 'message.routes.auth-demo.super',
+        requiresAuth: true,
+        permissions: ['super'],
+        icon: 'ic:round-supervisor-account'
+      }
+    }
+  ],
+  meta: {
+    title: '权限示例',
+    i18nTitle: 'message.routes.auth-demo._value',
+    icon: 'ic:baseline-security',
+    order: 5
+  }
+};
+
+export default authDemo;
diff --git a/src/router/modules/component.ts b/src/router/modules/component.ts
new file mode 100644
index 0000000..f897469
--- /dev/null
+++ b/src/router/modules/component.ts
@@ -0,0 +1,48 @@
+const component: AuthRoute.Route = {
+  name: 'component',
+  path: '/component',
+  component: 'basic',
+  children: [
+    {
+      name: 'component_button',
+      path: '/component/button',
+      component: 'self',
+      meta: {
+        title: '按钮',
+        i18nTitle: 'message.routes.component.button',
+        requiresAuth: true,
+        icon: 'mdi:button-cursor'
+      }
+    },
+    {
+      name: 'component_card',
+      path: '/component/card',
+      component: 'self',
+      meta: {
+        title: '卡片',
+        i18nTitle: 'message.routes.component.card',
+        requiresAuth: true,
+        icon: 'mdi:card-outline'
+      }
+    },
+    {
+      name: 'component_table',
+      path: '/component/table',
+      component: 'self',
+      meta: {
+        title: '表格',
+        i18nTitle: 'message.routes.component.table',
+        requiresAuth: true,
+        icon: 'mdi:table-large'
+      }
+    }
+  ],
+  meta: {
+    title: '组件示例',
+    i18nTitle: 'message.routes.component._value',
+    icon: 'cib:app-store',
+    order: 3
+  }
+};
+
+export default component;
diff --git a/src/router/modules/crud.ts b/src/router/modules/crud.ts
new file mode 100644
index 0000000..5496647
--- /dev/null
+++ b/src/router/modules/crud.ts
@@ -0,0 +1,45 @@
+const component: any = {
+  name: 'crud',
+  path: '/crud',
+  component: 'basic',
+  meta: {
+    title: 'CRUD示例',
+    requiresAuth: true,
+    icon: 'mdi:table-large',
+    order: 4
+  },
+  children: [
+    {
+      name: 'crud_demo',
+      path: '/crud/demo',
+      component: 'self',
+      meta: {
+        title: '基本示例',
+        requiresAuth: true,
+        icon: 'mdi:button-cursor'
+      }
+    },
+    {
+      name: 'crud_header_group',
+      path: '/crud/header_group',
+      component: 'self',
+      meta: {
+        title: '多级表头',
+        requiresAuth: true,
+        icon: 'mdi:button-cursor'
+      }
+    },
+    {
+      name: 'crud_doc',
+      path: '/crud/doc',
+      component: 'self',
+      meta: {
+        title: 'FastCrud文档',
+        requiresAuth: true,
+        icon: 'logos:vue'
+      }
+    }
+  ]
+};
+
+export default component;
diff --git a/src/router/modules/dashboard.ts b/src/router/modules/dashboard.ts
new file mode 100644
index 0000000..82a863c
--- /dev/null
+++ b/src/router/modules/dashboard.ts
@@ -0,0 +1,37 @@
+const dashboard: AuthRoute.Route = {
+  name: 'dashboard',
+  path: '/dashboard',
+  component: 'basic',
+  children: [
+    {
+      name: 'dashboard_analysis',
+      path: '/dashboard/analysis',
+      component: 'self',
+      meta: {
+        title: '分析页',
+        requiresAuth: true,
+        icon: 'icon-park-outline:analysis',
+        i18nTitle: 'message.routes.dashboard.analysis'
+      }
+    },
+    {
+      name: 'dashboard_workbench',
+      path: '/dashboard/workbench',
+      component: 'self',
+      meta: {
+        title: '工作台',
+        requiresAuth: true,
+        icon: 'icon-park-outline:workbench',
+        i18nTitle: 'message.routes.dashboard.workbench'
+      }
+    }
+  ],
+  meta: {
+    title: '仪表盘',
+    icon: 'mdi:monitor-dashboard',
+    order: 1,
+    i18nTitle: 'message.routes.dashboard.dashboard'
+  }
+};
+
+export default dashboard;
diff --git a/src/router/modules/document.ts b/src/router/modules/document.ts
new file mode 100644
index 0000000..fb18691
--- /dev/null
+++ b/src/router/modules/document.ts
@@ -0,0 +1,70 @@
+const document: AuthRoute.Route = {
+  name: 'document',
+  path: '/document',
+  component: 'basic',
+  children: [
+    {
+      name: 'document_vue',
+      path: '/document/vue',
+      component: 'self',
+      meta: {
+        title: 'vue文档',
+        i18nTitle: 'message.routes.document.vue',
+        requiresAuth: true,
+        icon: 'logos:vue'
+      }
+    },
+    {
+      name: 'document_vite',
+      path: '/document/vite',
+      component: 'self',
+      meta: {
+        title: 'vite文档',
+        i18nTitle: 'message.routes.document.vite',
+        requiresAuth: true,
+        icon: 'logos:vitejs'
+      }
+    },
+    {
+      name: 'document_naive',
+      path: '/document/naive',
+      component: 'self',
+      meta: {
+        title: 'naive文档',
+        i18nTitle: 'message.routes.document.naive',
+        requiresAuth: true,
+        icon: 'logos:naiveui'
+      }
+    },
+    {
+      name: 'document_project',
+      path: '/document/project',
+      component: 'self',
+      meta: {
+        title: '项目文档',
+        i18nTitle: 'message.routes.document.project',
+        requiresAuth: true,
+        localIcon: 'logo'
+      }
+    },
+    {
+      name: 'document_project-link',
+      path: '/document/project-link',
+      meta: {
+        title: '项目文档(外链)',
+        i18nTitle: 'message.routes.document.project-link',
+        requiresAuth: true,
+        localIcon: 'logo',
+        href: 'https://docs.soybean.pro/'
+      }
+    }
+  ],
+  meta: {
+    title: '文档',
+    i18nTitle: 'message.routes.document._value',
+    icon: 'mdi:file-document-multiple-outline',
+    order: 2
+  }
+};
+
+export default document;
diff --git a/src/router/modules/exception.ts b/src/router/modules/exception.ts
new file mode 100644
index 0000000..3af7175
--- /dev/null
+++ b/src/router/modules/exception.ts
@@ -0,0 +1,48 @@
+const exception: AuthRoute.Route = {
+  name: 'exception',
+  path: '/exception',
+  component: 'basic',
+  children: [
+    {
+      name: 'exception_403',
+      path: '/exception/403',
+      component: 'self',
+      meta: {
+        title: '异常页403',
+        i18nTitle: 'message.routes.exception.403',
+        requiresAuth: true,
+        icon: 'ic:baseline-block'
+      }
+    },
+    {
+      name: 'exception_404',
+      path: '/exception/404',
+      component: 'self',
+      meta: {
+        title: '异常页404',
+        i18nTitle: 'message.routes.exception.404',
+        requiresAuth: true,
+        icon: 'ic:baseline-web-asset-off'
+      }
+    },
+    {
+      name: 'exception_500',
+      path: '/exception/500',
+      component: 'self',
+      meta: {
+        title: '异常页500',
+        i18nTitle: 'message.routes.exception.500',
+        requiresAuth: true,
+        icon: 'ic:baseline-wifi-off'
+      }
+    }
+  ],
+  meta: {
+    i18nTitle: 'message.routes.exception._value',
+    title: '异常页',
+    icon: 'ant-design:exception-outlined',
+    order: 7
+  }
+};
+
+export default exception;
diff --git a/src/router/modules/function.ts b/src/router/modules/function.ts
new file mode 100644
index 0000000..0e99c98
--- /dev/null
+++ b/src/router/modules/function.ts
@@ -0,0 +1,51 @@
+const functionRoute: AuthRoute.Route = {
+  name: 'function',
+  path: '/function',
+  component: 'basic',
+  children: [
+    {
+      name: 'function_tab',
+      path: '/function/tab',
+      component: 'self',
+      meta: {
+        title: 'Tab',
+        i18nTitle: 'message.routes.function.tab',
+        requiresAuth: true,
+        icon: 'ic:round-tab'
+      }
+    },
+    {
+      name: 'function_tab-detail',
+      path: '/function/tab-detail',
+      component: 'self',
+      meta: {
+        title: 'Tab Detail',
+        requiresAuth: true,
+        hide: true,
+        activeMenu: 'function_tab',
+        icon: 'ic:round-tab'
+      }
+    },
+    {
+      name: 'function_tab-multi-detail',
+      path: '/function/tab-multi-detail',
+      component: 'self',
+      meta: {
+        title: 'Tab Multi Detail',
+        requiresAuth: true,
+        hide: true,
+        multiTab: true,
+        activeMenu: 'function_tab',
+        icon: 'ic:round-tab'
+      }
+    }
+  ],
+  meta: {
+    title: '功能',
+    i18nTitle: 'message.routes.function._value',
+    icon: 'icon-park-outline:all-application',
+    order: 6
+  }
+};
+
+export default functionRoute;
diff --git a/src/router/modules/index.ts b/src/router/modules/index.ts
new file mode 100644
index 0000000..516ec74
--- /dev/null
+++ b/src/router/modules/index.ts
@@ -0,0 +1,7 @@
+import { handleModuleRoutes } from '@/utils';
+
+const modules = import.meta.glob('./**/*.ts', { eager: true }) as AuthRoute.RouteModule;
+
+console.log('modules-----', modules)
+
+export const routes = handleModuleRoutes(modules);
diff --git a/src/router/modules/knowledge.ts b/src/router/modules/knowledge.ts
new file mode 100644
index 0000000..add018c
--- /dev/null
+++ b/src/router/modules/knowledge.ts
@@ -0,0 +1,53 @@
+const component: any = {
+	name: 'knowledge',
+	path: '/knowledge',
+	component: 'basic',
+	redirect: '/knowledge/list',
+	meta: {
+		title: '知识库',
+		requiresAuth: true,
+		icon: 'carbon:ibm-watson-knowledge-studio',
+    order: 3,
+	},
+	children: [
+		{
+      name: 'knowledge_list',
+      path: '/knowledge/list',
+      component: 'self',
+      meta: {
+        title: '知识库',
+        requiresAuth: true,
+        icon: 'carbon:ibm-watson-knowledge-studio',
+				activeMenu: 'knowledge',
+				hide: true
+      }
+    },
+		{
+      name: 'knowledge_create',
+      path: '/knowledge/create',
+      component: 'self',
+      meta: {
+        title: '知识库',
+        requiresAuth: true,
+        icon: 'carbon:ibm-watson-knowledge-studio',
+				activeMenu: 'knowledge',
+				hide: true
+      }
+    },
+		{
+      name: 'knowledge_details',
+      path: '/knowledge/details',
+      component: 'self',
+      meta: {
+        title: '知识库',
+        requiresAuth: true,
+        icon: 'carbon:ibm-watson-knowledge-studio',
+				activeMenu: 'knowledge',
+				hide: true
+      }
+    },
+	]
+}
+
+
+export default component;
diff --git a/src/router/modules/management.ts b/src/router/modules/management.ts
new file mode 100644
index 0000000..c84f70b
--- /dev/null
+++ b/src/router/modules/management.ts
@@ -0,0 +1,59 @@
+const management: AuthRoute.Route = {
+  name: 'management',
+  path: '/management',
+  component: 'basic',
+  children: [
+    {
+      name: 'management_auth',
+      path: '/management/auth',
+      component: 'self',
+      meta: {
+        title: '权限管理',
+        i18nTitle: 'message.routes.management.auth',
+        requiresAuth: true,
+        icon: 'ic:baseline-security'
+      }
+    },
+    {
+      name: 'management_role',
+      path: '/management/role',
+      component: 'self',
+      meta: {
+        title: '角色管理',
+        i18nTitle: 'message.routes.management.role',
+        requiresAuth: true,
+        icon: 'carbon:user-role'
+      }
+    },
+    {
+      name: 'management_user',
+      path: '/management/user',
+      component: 'self',
+      meta: {
+        title: '用户管理',
+        i18nTitle: 'message.routes.management.user',
+        requiresAuth: true,
+        icon: 'ic:round-manage-accounts'
+      }
+    },
+    {
+      name: 'management_route',
+      path: '/management/route',
+      component: 'self',
+      meta: {
+        title: '路由管理',
+        i18nTitle: 'message.routes.management.route',
+        requiresAuth: true,
+        icon: 'material-symbols:route'
+      }
+    }
+  ],
+  meta: {
+    title: '系统管理',
+    i18nTitle: 'message.routes.management._value',
+    icon: 'carbon:cloud-service-management',
+    order: 9
+  }
+};
+
+export default management;
diff --git a/src/router/modules/multi-menu.ts b/src/router/modules/multi-menu.ts
new file mode 100644
index 0000000..b16d7fd
--- /dev/null
+++ b/src/router/modules/multi-menu.ts
@@ -0,0 +1,61 @@
+const multiMenu: AuthRoute.Route = {
+  name: 'multi-menu',
+  path: '/multi-menu',
+  component: 'basic',
+  children: [
+    {
+      name: 'multi-menu_first',
+      path: '/multi-menu/first',
+      component: 'multi',
+      children: [
+        {
+          name: 'multi-menu_first_second',
+          path: '/multi-menu/first/second',
+          component: 'self',
+          meta: {
+            title: '二级菜单',
+            i18nTitle: 'message.routes.multi-menu.first.second',
+            requiresAuth: true,
+            icon: 'mdi:menu'
+          }
+        },
+        {
+          name: 'multi-menu_first_second-new',
+          path: '/multi-menu/first/second-new',
+          component: 'multi',
+          children: [
+            {
+              name: 'multi-menu_first_second-new_third',
+              path: '/multi-menu/first/second-new/third',
+              component: 'self',
+              meta: {
+                title: '三级菜单',
+                i18nTitle: 'message.routes.multi-menu.first.second-new.third',
+                requiresAuth: true,
+                icon: 'mdi:menu'
+              }
+            }
+          ],
+          meta: {
+            title: '二级菜单(有子菜单)',
+            i18nTitle: 'message.routes.multi-menu.first.second-new._value',
+            icon: 'mdi:menu'
+          }
+        }
+      ],
+      meta: {
+        title: '一级菜单',
+        i18nTitle: 'message.routes.multi-menu.first._value',
+        icon: 'mdi:menu'
+      }
+    }
+  ],
+  meta: {
+    title: '多级菜单',
+    i18nTitle: 'message.routes.multi-menu._value',
+    icon: 'carbon:menu',
+    order: 8
+  }
+};
+
+export default multiMenu;
diff --git a/src/router/modules/plugin.ts b/src/router/modules/plugin.ts
new file mode 100644
index 0000000..1fe5ad1
--- /dev/null
+++ b/src/router/modules/plugin.ts
@@ -0,0 +1,149 @@
+const plugin: AuthRoute.Route = {
+  name: 'plugin',
+  path: '/plugin',
+  component: 'basic',
+  children: [
+    {
+      name: 'plugin_charts',
+      path: '/plugin/charts',
+      component: 'multi',
+      children: [
+        {
+          name: 'plugin_charts_echarts',
+          path: '/plugin/charts/echarts',
+          component: 'self',
+          meta: {
+            title: 'ECharts',
+            i18nTitle: 'message.routes.plugin.charts.echarts',
+            requiresAuth: true,
+            icon: 'simple-icons:apacheecharts'
+          }
+        },
+        {
+          name: 'plugin_charts_antv',
+          path: '/plugin/charts/antv',
+          component: 'self',
+          meta: {
+            title: 'AntV',
+            i18nTitle: 'message.routes.plugin.charts.antv',
+            requiresAuth: true,
+            icon: 'simple-icons:antdesign'
+          }
+        }
+      ],
+      meta: {
+        title: '图表',
+        i18nTitle: 'message.routes.plugin.charts._value',
+        icon: 'mdi:chart-areaspline'
+      }
+    },
+    {
+      name: 'plugin_map',
+      path: '/plugin/map',
+      component: 'self',
+      meta: {
+        title: '地图',
+        i18nTitle: 'message.routes.plugin.map',
+        requiresAuth: true,
+        icon: 'mdi:map'
+      }
+    },
+    {
+      name: 'plugin_video',
+      path: '/plugin/video',
+      component: 'self',
+      meta: {
+        title: '视频',
+        i18nTitle: 'message.routes.plugin.video',
+        requiresAuth: true,
+        icon: 'mdi:video'
+      }
+    },
+    {
+      name: 'plugin_editor',
+      path: '/plugin/editor',
+      component: 'multi',
+      children: [
+        {
+          name: 'plugin_editor_quill',
+          path: '/plugin/editor/quill',
+          component: 'self',
+          meta: {
+            title: '富文本编辑器',
+            i18nTitle: 'message.routes.plugin.editor.quill',
+            requiresAuth: true,
+            icon: 'mdi:file-document-edit-outline'
+          }
+        },
+        {
+          name: 'plugin_editor_markdown',
+          path: '/plugin/editor/markdown',
+          component: 'self',
+          meta: {
+            title: 'markdown编辑器',
+            i18nTitle: 'message.routes.plugin.editor.markdown',
+            requiresAuth: true,
+            icon: 'ri:markdown-line'
+          }
+        }
+      ],
+      meta: {
+        title: '编辑器',
+        i18nTitle: 'message.routes.plugin.editor._value',
+        icon: 'icon-park-outline:editor'
+      }
+    },
+    {
+      name: 'plugin_swiper',
+      path: '/plugin/swiper',
+      component: 'self',
+      meta: {
+        title: 'Swiper插件',
+        i18nTitle: 'message.routes.plugin.swiper',
+        requiresAuth: true,
+        icon: 'simple-icons:swiper'
+      }
+    },
+    {
+      name: 'plugin_copy',
+      path: '/plugin/copy',
+      component: 'self',
+      meta: {
+        title: '剪贴板',
+        i18nTitle: 'message.routes.plugin.copy',
+        requiresAuth: true,
+        icon: 'mdi:clipboard-outline'
+      }
+    },
+    {
+      name: 'plugin_icon',
+      path: '/plugin/icon',
+      component: 'self',
+      meta: {
+        title: '图标',
+        i18nTitle: 'message.routes.plugin.icon',
+        requiresAuth: true,
+        localIcon: 'custom-icon'
+      }
+    },
+    {
+      name: 'plugin_print',
+      path: '/plugin/print',
+      component: 'self',
+      meta: {
+        title: '打印',
+        i18nTitle: 'message.routes.plugin.print',
+        requiresAuth: true,
+        icon: 'mdi:printer'
+      }
+    }
+  ],
+  meta: {
+    title: '插件示例',
+    i18nTitle: 'message.routes.plugin._value',
+    icon: 'clarity:plugin-line',
+    order: 4
+  }
+};
+
+export default plugin;
diff --git a/src/router/modules/source-management.ts b/src/router/modules/source-management.ts
new file mode 100644
index 0000000..5645429
--- /dev/null
+++ b/src/router/modules/source-management.ts
@@ -0,0 +1,15 @@
+const component: any = {
+	name: 'source-management',
+	path: '/source-management',
+	component: 'self',
+	meta: {
+		title: '数据源',
+		requiresAuth: true,
+		icon: 'material-symbols:data-table-outline',
+		singleLayout: 'basic',
+    order: 2
+	}
+}
+
+
+export default component;
diff --git a/src/router/modules/ybp-list.ts b/src/router/modules/ybp-list.ts
new file mode 100644
index 0000000..3bff47a
--- /dev/null
+++ b/src/router/modules/ybp-list.ts
@@ -0,0 +1,15 @@
+const component: any = {
+	name: 'ybp-list',
+	path: '/ybp-list',
+	component: 'self',
+	meta: {
+		title: '仪表盘列表',
+		requiresAuth: true,
+		icon: 'mdi:monitor-dashboard',
+		singleLayout: 'basic',
+    order: 3
+	}
+}
+
+
+export default component;
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
new file mode 100644
index 0000000..89a25f3
--- /dev/null
+++ b/src/router/routes/index.ts
@@ -0,0 +1,94 @@
+import { getLoginModuleRegExp, getKnowAnyModuleRegExp } from '@/utils';
+
+/** 根路由: / */
+export const ROOT_ROUTE: AuthRoute.Route = {
+  name: 'root',
+  path: '/',
+  redirect: import.meta.env.VITE_ROUTE_HOME_PATH,
+  meta: {
+    title: 'Root'
+  }
+};
+
+/** 固定的路由 */
+export const constantRoutes: AuthRoute.Route[] = [
+  ROOT_ROUTE,
+  {
+    name: 'login',
+    path: '/login',
+    component: 'self',
+    props: route => {
+      const moduleType = (route.params.module as UnionKey.LoginModule) || 'pwd-login';
+      return {
+        module: moduleType
+      };
+    },
+    meta: {
+      title: '登录',
+      dynamicPath: `/login/:module(${getLoginModuleRegExp()})?`,
+      singleLayout: 'blank'
+    }
+  },
+	{
+    name: 'knowany',
+    path: '/knowany',
+    component: 'self',
+    props: route => {
+      const moduleType = (route.params.module as UnionKey.knowanyModule) || 'knowledge-base';
+      return {
+        module: moduleType
+      };
+    },
+    meta: {
+      title: '首页',
+      dynamicPath: `/knowany/:module(${getKnowAnyModuleRegExp()})?`,
+      singleLayout: 'blank'
+    }
+  },
+  {
+    name: 'constant-page',
+    path: '/constant-page',
+    component: 'self',
+    meta: {
+      title: '固定页面',
+      singleLayout: 'blank'
+    }
+  },
+  {
+    name: '403',
+    path: '/403',
+    component: 'self',
+    meta: {
+      title: '无权限',
+      singleLayout: 'blank'
+    }
+  },
+  {
+    name: '404',
+    path: '/404',
+    component: 'self',
+    meta: {
+      title: '未找到',
+      singleLayout: 'blank'
+    }
+  },
+  {
+    name: '500',
+    path: '/500',
+    component: 'self',
+    meta: {
+      title: '服务器错误',
+      singleLayout: 'blank'
+    }
+  },
+  // 匹配无效路径的路由
+  {
+    name: 'not-found',
+    path: '/:pathMatch(.*)*',
+    component: 'blank',
+    meta: {
+      title: '未找到',
+      singleLayout: 'blank'
+    }
+  }
+];
diff --git a/src/service/api/auth.ts b/src/service/api/auth.ts
new file mode 100644
index 0000000..0b404c3
--- /dev/null
+++ b/src/service/api/auth.ts
@@ -0,0 +1,71 @@
+import { request, mockRequest } from '../request';
+
+interface ConfigInfo {
+	[key: string]: any
+}
+
+/**
+ * 获取验证码
+ * @param phone - 手机号
+ * @returns - 返回boolean值表示是否发送成功
+ */
+export function fetchSmsCode(phone: string) {
+  return mockRequest.post<boolean>('/getSmsCode', { phone });
+}
+
+/**
+ * 注册
+ */
+export function fetchRegister(data: FormData) {
+	return request.post(`/user/add`, data)
+}
+
+/**
+ * 登录
+ * @param userName - 用户名
+ * @param password - 密码
+ */
+// export function fetchLogin(userName: string, password: string) {
+//   return mockRequest.post<ApiAuth.Token>('/login', { userName, password });
+// }
+export function fetchLogin(data: FormData) {
+  // return mockRequest.post<ApiAuth.Token>('/login', { userName, password });
+	return request.post(`/user/login`, data)
+}
+
+/** 获取用户信息 */
+export function fetchUserInfo() {
+  return mockRequest.get<ApiAuth.UserInfo>('/getUserInfo');
+}
+
+/**
+ * 获取用户路由数据
+ * @param userId - 用户id
+ * @description 后端根据用户id查询到对应的角色类型，并将路由筛选出对应角色的路由数据返回前端
+ */
+export function fetchUserRoutes(userId: string) {
+  return mockRequest.post<ApiRoute.Route>('/getUserRoutes', { userId });
+}
+
+/**
+ * 刷新token
+ * @param refreshToken
+ */
+export function fetchUpdateToken(refreshToken: string) {
+  return mockRequest.post<ApiAuth.Token>('/updateToken', { refreshToken });
+}
+
+/** 获取用户数据源配置信息 */
+export function fetchUserConfigInfo (data: any): Promise<ConfigInfo> {
+	return request.post(`/config/get`, data);
+}
+
+/* 获取用户数据源对应的表数据 */
+export async function fetchGetConfigData(data: FormData) {
+  return request.post(`/config/data`, data);
+}
+
+/* 获取用户场景 */
+export function fetchGetScreenList(data: FormData) {
+	return request.post(`/screen/list`, data)
+}
diff --git a/src/service/api/fs.ts b/src/service/api/fs.ts
new file mode 100644
index 0000000..325706f
--- /dev/null
+++ b/src/service/api/fs.ts
@@ -0,0 +1,6 @@
+import { request } from '../request';
+
+/* 获取URL_生成 */
+export function fetchGetFsUrl(data: FormData) {
+	return request.post('/fs/link', data)
+}
diff --git a/src/service/api/index.ts b/src/service/api/index.ts
new file mode 100644
index 0000000..c734af4
--- /dev/null
+++ b/src/service/api/index.ts
@@ -0,0 +1,5 @@
+export * from './auth';
+export * from './management';
+export * from './robot';
+export * from './knowledge';
+export * from './fs';
diff --git a/src/service/api/knowledge.ts b/src/service/api/knowledge.ts
new file mode 100644
index 0000000..2739f42
--- /dev/null
+++ b/src/service/api/knowledge.ts
@@ -0,0 +1,51 @@
+import { request } from '../request';
+
+/* 获取知识库 */
+export function fetchGetKnowledgeBase(data: FormData) {
+	return request.post(`/kb/get`, data)
+}
+
+/* 添加知识库 */
+export function fetchAddKnowledgeBase(data: FormData) {
+	return request.post(`/kb/add`, data)
+}
+
+/* 更新知识库 */
+export function fetchUpdateKnowledgeBase(data: FormData) {
+	return request.post(`/kb/update`, data)
+}
+
+/* 删除知识库 */
+export function fetchDeleteKnowledgeBase(data: FormData) {
+	return request.post(`/kb/delete`, data)
+}
+
+/* 知识预览 */
+export function fetchPreviewsKnowledge(data: FormData) {
+	return request.post(`/k/previews`, data)
+}
+
+/* 知识预览上传 */
+export function fetchPreviewsUploadKnowledge(data: FormData) {
+	return request.post(`/k/previews/upload`, data)
+}
+
+/* 知识预览删除 */
+export function fetchPreviewsRemoveKnowledge(data: FormData) {
+	return request.post(`/k/previews/rm`, data)
+}
+
+/* 知识添加 */
+export function fetchAddKnowledge(data: FormData) {
+	return request.post(`/k/add`, data)
+}
+
+/* 知识删除 */
+export function fetchDeleteKnowledge(data: FormData) {
+	return request.post(`/k/delete`, data)
+}
+
+/* 知识获取 */
+export function fetchGetKnowledge(data: FormData) {
+	return request.post(`/k/data`, data)
+}
diff --git a/src/service/api/management.adapter.ts b/src/service/api/management.adapter.ts
new file mode 100644
index 0000000..80bf658
--- /dev/null
+++ b/src/service/api/management.adapter.ts
@@ -0,0 +1,13 @@
+export function adapterOfFetchUserList(data: ApiUserManagement.User[] | null): UserManagement.User[] {
+  if (!data) return [];
+
+  return data.map((item, index) => {
+    const user: UserManagement.User = {
+      index: index + 1,
+      key: item.id,
+      ...item
+    };
+
+    return user;
+  });
+}
diff --git a/src/service/api/management.ts b/src/service/api/management.ts
new file mode 100644
index 0000000..712ec32
--- /dev/null
+++ b/src/service/api/management.ts
@@ -0,0 +1,9 @@
+import { adapter } from '@/utils';
+import { mockRequest } from '../request';
+import { adapterOfFetchUserList } from './management.adapter';
+
+/** 获取用户列表 */
+export const fetchUserList = async () => {
+  const data = await mockRequest.post<ApiUserManagement.User[] | null>('/getAllUserList');
+  return adapter(adapterOfFetchUserList, data);
+};
diff --git a/src/service/api/robot.ts b/src/service/api/robot.ts
new file mode 100644
index 0000000..0e15fb7
--- /dev/null
+++ b/src/service/api/robot.ts
@@ -0,0 +1,26 @@
+import { request } from '../request';
+
+/* 添加场景 */
+export function fetchAddScreen(data: FormData) {
+	return request.post(`/screen/add`, data)
+}
+
+/* 删除场景 */
+export function fetchDeleteScreen(data: FormData) {
+	return request.post(`/screen/delete`, data)
+}
+
+/* 更新场景 */
+export function fetchUpdateScreen(data: FormData) {
+	return request.post(`/screen/update`, data)
+}
+
+/* 数据助手问答 */
+export function fetchGetDhQuery(data: FormData) {
+	return request.post(`/dh/query`, data)
+}
+
+/* 知识助手问答 */
+export function fetchGetKbqaQuery(data: FormData) {
+	return request.post(`/kbqa/query`, data)
+}
diff --git a/src/service/index.ts b/src/service/index.ts
new file mode 100644
index 0000000..b1c13e7
--- /dev/null
+++ b/src/service/index.ts
@@ -0,0 +1 @@
+export * from './api';
diff --git a/src/service/request/helpers.ts b/src/service/request/helpers.ts
new file mode 100644
index 0000000..bc5c4c8
--- /dev/null
+++ b/src/service/request/helpers.ts
@@ -0,0 +1,43 @@
+import type { AxiosRequestConfig } from 'axios';
+import { useAuthStore } from '@/store';
+import { localStg } from '@/utils';
+import { fetchUpdateToken, fetchLogin } from '../api';
+
+/**
+ * 刷新token
+ * @param axiosConfig - token失效时的请求配置
+ */
+export async function handleRefreshToken(axiosConfig: AxiosRequestConfig) {
+  const { resetAuthStore, userInfo, pwd } = useAuthStore();
+  // const refreshToken = localStg.get('refreshToken') || '';
+  // const { data } = await fetchUpdateToken(refreshToken);
+  // if (data) {
+  //   localStg.set('token', data.token);
+  //   localStg.set('refreshToken', data.refreshToken);
+
+  //   const config = { ...axiosConfig };
+  //   if (config.headers) {
+  //     config.headers.Authorization = data.token;
+  //   }
+  //   return config;
+  // }
+
+	const formData = new FormData();
+	formData.append("password", pwd);
+	formData.append("loginType", "1");
+	formData.append("userphone", userInfo.userPhone || "");
+
+	const { data } = await fetchLogin(formData) as any;
+	let token = data?.access_token;
+	if (token) {
+		localStg.set('token', token);
+		const config = { ...axiosConfig };
+    if (config.headers) {
+      config.headers['access_token'] = token;
+    }
+    return config;
+	}
+
+  resetAuthStore();
+  return null;
+}
diff --git a/src/service/request/index.ts b/src/service/request/index.ts
new file mode 100644
index 0000000..187a82d
--- /dev/null
+++ b/src/service/request/index.ts
@@ -0,0 +1,10 @@
+import { getServiceEnvConfig } from '~/.env-config';
+import { createRequest } from './request';
+
+const { url, proxyPattern2 } = getServiceEnvConfig(import.meta.env);
+
+const isHttpProxy = import.meta.env.VITE_HTTP_PROXY === 'Y';
+
+export const request = createRequest({ baseURL: isHttpProxy ? proxyPattern2 : url });
+
+export const mockRequest = createRequest({ baseURL: '/mock' });
diff --git a/src/service/request/instance.ts b/src/service/request/instance.ts
new file mode 100644
index 0000000..c53ad8c
--- /dev/null
+++ b/src/service/request/instance.ts
@@ -0,0 +1,95 @@
+import axios from 'axios';
+import type { AxiosResponse, AxiosError, AxiosInstance, AxiosRequestConfig } from 'axios';
+import { REFRESH_TOKEN_CODE } from '@/config';
+import {
+  localStg,
+  handleAxiosError,
+  handleBackendError,
+  handleResponseError,
+  handleServiceResult,
+  transformRequestData
+} from '@/utils';
+import { handleRefreshToken } from './helpers';
+
+/**
+ * 封装axios请求类
+ * @author Soybean<honghuangdc@gmail.com>
+ */
+export default class CustomAxiosInstance {
+  instance: AxiosInstance;
+
+  backendConfig: Service.BackendResultConfig;
+
+  /**
+   *
+   * @param axiosConfig - axios配置
+   * @param backendConfig - 后端返回的数据配置
+   */
+  constructor(
+    axiosConfig: AxiosRequestConfig,
+    backendConfig: Service.BackendResultConfig = {
+      codeKey: 'code',
+      dataKey: 'data',
+      msgKey: 'message',
+      successCode: 200
+    }
+  ) {
+    this.backendConfig = backendConfig;
+    this.instance = axios.create(axiosConfig);
+    this.setInterceptor();
+  }
+
+  /** 设置请求拦截器 */
+  setInterceptor() {
+    this.instance.interceptors.request.use(
+      async config => {
+        const handleConfig = { ...config };
+        if (handleConfig.headers) {
+          // 数据转换
+          const contentType = handleConfig.headers['Content-Type'] as UnionKey.ContentType;
+          handleConfig.data = await transformRequestData(handleConfig.data, contentType);
+          // 设置token
+          // handleConfig.headers.Authorization = localStg.get('token') || '';
+					handleConfig.headers['access_token'] = localStg.get('token') || '';
+        }
+        return handleConfig;
+      },
+      (axiosError: AxiosError) => {
+        const error = handleAxiosError(axiosError);
+        return handleServiceResult(error, null);
+      }
+    );
+    this.instance.interceptors.response.use(
+      (async response => {
+        const { status } = response;
+        if (status === 200 || status < 300 || status === 304) {
+          const backend = response.data;
+          const { codeKey, dataKey, successCode } = this.backendConfig;
+          // 请求成功
+          if (backend[codeKey] === successCode) {
+            return handleServiceResult(null, backend[dataKey]);
+          } else if (backend instanceof Blob) {
+						return handleServiceResult(null, backend);
+					}
+
+          // token失效, 刷新token
+          if (REFRESH_TOKEN_CODE.includes(backend[codeKey])) {
+            const config = await handleRefreshToken(response.config);
+            if (config) {
+              return this.instance.request(config);
+            }
+          }
+
+          const error = handleBackendError(backend, this.backendConfig);
+          return handleServiceResult(error, null);
+        }
+        const error = handleResponseError(response);
+        return handleServiceResult(error, null);
+      }) as (response: AxiosResponse<any, any>) => Promise<AxiosResponse<any, any>>,
+      (axiosError: AxiosError) => {
+        const error = handleAxiosError(axiosError);
+        return handleServiceResult(error, null);
+      }
+    );
+  }
+}
diff --git a/src/service/request/request.ts b/src/service/request/request.ts
new file mode 100644
index 0000000..4deac44
--- /dev/null
+++ b/src/service/request/request.ts
@@ -0,0 +1,208 @@
+import { ref } from 'vue';
+import type { Ref } from 'vue';
+import type { AxiosInstance, AxiosRequestConfig } from 'axios';
+import { useBoolean, useLoading } from '@/hooks';
+import CustomAxiosInstance from './instance';
+
+type RequestMethod = 'get' | 'post' | 'put' | 'delete';
+
+interface RequestParam {
+  url: string;
+  method?: RequestMethod;
+  data?: any;
+  axiosConfig?: AxiosRequestConfig;
+}
+
+/**
+ * 创建请求
+ * @param axiosConfig - axios配置
+ * @param backendConfig - 后端接口字段配置
+ */
+export function createRequest(axiosConfig: AxiosRequestConfig, backendConfig?: Service.BackendResultConfig) {
+  const customInstance = new CustomAxiosInstance(axiosConfig, backendConfig);
+
+  /**
+   * 异步promise请求
+   * @param param - 请求参数
+   * - url: 请求地址
+   * - method: 请求方法(默认get)
+   * - data: 请求的body的data
+   * - axiosConfig: axios配置
+   */
+  async function asyncRequest<T>(param: RequestParam): Promise<Service.RequestResult<T>> {
+    const { url } = param;
+    const method = param.method || 'get';
+    const { instance } = customInstance;
+    const res = (await getRequestResponse({
+      instance,
+      method,
+      url,
+      data: param.data,
+      config: param.axiosConfig
+    })) as Service.RequestResult<T>;
+    return res;
+  }
+
+  /**
+   * get请求
+   * @param url - 请求地址
+   * @param config - axios配置
+   */
+  function get<T>(url: string, config?: AxiosRequestConfig) {
+    return asyncRequest<T>({ url, method: 'get', axiosConfig: config });
+  }
+
+  /**
+   * post请求
+   * @param url - 请求地址
+   * @param data - 请求的body的data
+   * @param config - axios配置
+   */
+  function post<T>(url: string, data?: any, config?: AxiosRequestConfig) {
+    return asyncRequest<T>({ url, method: 'post', data, axiosConfig: config });
+  }
+  /**
+   * put请求
+   * @param url - 请求地址
+   * @param data - 请求的body的data
+   * @param config - axios配置
+   */
+  function put<T>(url: string, data?: any, config?: AxiosRequestConfig) {
+    return asyncRequest<T>({ url, method: 'put', data, axiosConfig: config });
+  }
+
+  /**
+   * delete请求
+   * @param url - 请求地址
+   * @param config - axios配置
+   */
+  function handleDelete<T>(url: string, config?: AxiosRequestConfig) {
+    return asyncRequest<T>({ url, method: 'delete', axiosConfig: config });
+  }
+
+  return {
+    get,
+    post,
+    put,
+    delete: handleDelete
+  };
+}
+
+interface RequestResultHook<T = any> {
+  data: Ref<T | null>;
+  error: Ref<Service.RequestError | null>;
+  loading: Ref<boolean>;
+  network: Ref<boolean>;
+}
+
+/**
+ * 创建hooks请求
+ * @param axiosConfig - axios配置
+ * @param backendConfig - 后端接口字段配置
+ */
+export function createHookRequest(axiosConfig: AxiosRequestConfig, backendConfig?: Service.BackendResultConfig) {
+  const customInstance = new CustomAxiosInstance(axiosConfig, backendConfig);
+
+  /**
+   * hooks请求
+   * @param param - 请求参数
+   * - url: 请求地址
+   * - method: 请求方法(默认get)
+   * - data: 请求的body的data
+   * - axiosConfig: axios配置
+   */
+  function useRequest<T>(param: RequestParam): RequestResultHook<T> {
+    const { loading, startLoading, endLoading } = useLoading();
+    const { bool: network, setBool: setNetwork } = useBoolean(window.navigator.onLine);
+
+    startLoading();
+    const data = ref<T | null>(null) as Ref<T | null>;
+    const error = ref<Service.RequestError | null>(null);
+
+    function handleRequestResult(response: any) {
+      const res = response as Service.RequestResult<T>;
+			console.log('res----ggg', res)
+      data.value = res.data;
+      error.value = res.error;
+      endLoading();
+      setNetwork(window.navigator.onLine);
+    }
+
+    const { url } = param;
+    const method = param.method || 'get';
+    const { instance } = customInstance;
+
+    getRequestResponse({ instance, method, url, data: param.data, config: param.axiosConfig }).then(
+      handleRequestResult
+    );
+
+    return {
+      data,
+      error,
+      loading,
+      network
+    };
+  }
+
+  /**
+   * get请求
+   * @param url - 请求地址
+   * @param config - axios配置
+   */
+  function get<T>(url: string, config?: AxiosRequestConfig) {
+    return useRequest<T>({ url, method: 'get', axiosConfig: config });
+  }
+
+  /**
+   * post请求
+   * @param url - 请求地址
+   * @param data - 请求的body的data
+   * @param config - axios配置
+   */
+  function post<T>(url: string, data?: any, config?: AxiosRequestConfig) {
+    return useRequest<T>({ url, method: 'post', data, axiosConfig: config });
+  }
+  /**
+   * put请求
+   * @param url - 请求地址
+   * @param data - 请求的body的data
+   * @param config - axios配置
+   */
+  function put<T>(url: string, data?: any, config?: AxiosRequestConfig) {
+    return useRequest<T>({ url, method: 'put', data, axiosConfig: config });
+  }
+
+  /**
+   * delete请求
+   * @param url - 请求地址
+   * @param config - axios配置
+   */
+  function handleDelete<T>(url: string, config: AxiosRequestConfig) {
+    return useRequest<T>({ url, method: 'delete', axiosConfig: config });
+  }
+
+  return {
+    get,
+    post,
+    put,
+    delete: handleDelete
+  };
+}
+
+async function getRequestResponse(params: {
+  instance: AxiosInstance;
+  method: RequestMethod;
+  url: string;
+  data?: any;
+  config?: AxiosRequestConfig;
+}) {
+  const { instance, method, url, data, config } = params;
+
+  let res: any;
+  if (method === 'get' || method === 'delete') {
+    res = await instance[method](url, config);
+  } else {
+    res = await instance[method](url, data, config);
+  }
+  return res;
+}
diff --git a/src/settings/color.json b/src/settings/color.json
new file mode 100644
index 0000000..46ecd21
--- /dev/null
+++ b/src/settings/color.json
@@ -0,0 +1,678 @@
+[
+  {
+    "label": "红色系",
+    "data": [
+      {
+        "label": "绾",
+        "color": "#A98175"
+      },
+      {
+        "label": "檀",
+        "color": "#B36D61"
+      },
+      {
+        "label": "栗色",
+        "color": "#60281E"
+      },
+      {
+        "label": "玄",
+        "color": "#622A1D"
+      },
+      {
+        "label": "胭脂",
+        "color": "#9D2933"
+      },
+      {
+        "label": "殷红",
+        "color": "#BE002F"
+      },
+      {
+        "label": "枣红",
+        "color": "#C32136"
+      },
+      {
+        "label": "赤",
+        "color": "#C3272B"
+      },
+      {
+        "label": "绯红",
+        "color": "#C83C23"
+      },
+      {
+        "label": "赫赤",
+        "color": "#C91F37"
+      },
+      {
+        "label": "樱桃红",
+        "color": "#C93756"
+      },
+      {
+        "label": "茜色",
+        "color": "#CB3A56"
+      },
+      {
+        "label": "海棠红",
+        "color": "#DB5A6B"
+      },
+      {
+        "label": "酡红",
+        "color": "#DC3023"
+      },
+      {
+        "label": "妃色",
+        "color": "#ED5736"
+      },
+      {
+        "label": "嫣红",
+        "color": "#EF7A82"
+      },
+      {
+        "label": "品红",
+        "color": "#F00056"
+      },
+      {
+        "label": "石榴红",
+        "color": "#F20C00"
+      },
+      {
+        "label": "银红",
+        "color": "#F05654"
+      },
+      {
+        "label": "彤",
+        "color": "#F35336"
+      },
+      {
+        "label": "桃红",
+        "color": "#F47983"
+      },
+      {
+        "label": "酡颜",
+        "color": "#F9906F"
+      },
+      {
+        "label": "洋红",
+        "color": "#FF0097"
+      },
+      {
+        "label": "大红",
+        "color": "#FF2121"
+      },
+      {
+        "label": "火红",
+        "color": "#FF2D51"
+      },
+      {
+        "label": "炎",
+        "color": "#FF3300"
+      },
+      {
+        "label": "朱红",
+        "color": "#FF4C00"
+      },
+      {
+        "label": "丹",
+        "color": "#FF4E20"
+      },
+      {
+        "label": "粉红",
+        "color": "#FFB3A7"
+      },
+      {
+        "label": "藕荷",
+        "color": "#E4C6D0"
+      },
+      {
+        "label": "藕",
+        "color": "#EDD1D8"
+      },
+      {
+        "label": "水红",
+        "color": "#F3D3E7"
+      },
+      {
+        "label": "鱼肚白",
+        "color": "#FCEFE8"
+      }
+    ]
+  },
+  {
+    "label": "橙色系",
+    "data": [
+      {
+        "label": "褐色",
+        "color": "#6E511E"
+      },
+      {
+        "label": "棕黑",
+        "color": "#7C4B00"
+      },
+      {
+        "label": "赭色",
+        "color": "#955539"
+      },
+      {
+        "label": "棕红",
+        "color": "#9B4400"
+      },
+      {
+        "label": "赭",
+        "color": "#9C5333"
+      },
+      {
+        "label": "驼色",
+        "color": "#A88462"
+      },
+      {
+        "label": "棕色",
+        "color": "#B25D25"
+      },
+      {
+        "label": "茶色",
+        "color": "#B35C44"
+      },
+      {
+        "label": "琥珀",
+        "color": "#CA6924"
+      },
+      {
+        "label": "黄栌",
+        "color": "#E29C45"
+      },
+      {
+        "label": "橙色",
+        "color": "#FA8C35"
+      },
+      {
+        "label": "橘红",
+        "color": "#FF7500"
+      },
+      {
+        "label": "橘黄",
+        "color": "#FF8936"
+      },
+      {
+        "label": "杏红",
+        "color": "#FF8C31"
+      },
+      {
+        "label": "橙黄",
+        "color": "#FFA400"
+      },
+      {
+        "label": "杏黄",
+        "color": "#FFA631"
+      },
+      {
+        "label": "姜黄",
+        "color": "#FFC773"
+      }
+    ]
+  },
+  {
+    "label": "黄色系",
+    "data": [
+      {
+        "label": "黧",
+        "color": "#5D513C"
+      },
+      {
+        "label": "黎",
+        "color": "#75664D"
+      },
+      {
+        "label": "棕绿",
+        "color": "#827100"
+      },
+      {
+        "label": "秋色",
+        "color": "#896C39"
+      },
+      {
+        "label": "苍黄",
+        "color": "#A29B7C"
+      },
+      {
+        "label": "乌金",
+        "color": "#A78E44"
+      },
+      {
+        "label": "棕黄",
+        "color": "#AE7000"
+      },
+      {
+        "label": "昏黄",
+        "color": "#C89B40"
+      },
+      {
+        "label": "枯黄",
+        "color": "#D3B17D"
+      },
+      {
+        "label": "秋香色",
+        "color": "#D9B611"
+      },
+      {
+        "label": "金",
+        "color": "#EACD76"
+      },
+      {
+        "label": "牙",
+        "color": "#EEDEB0"
+      },
+      {
+        "label": "缃色",
+        "color": "#F0C239"
+      },
+      {
+        "label": "赤金",
+        "color": "#F2BE45"
+      },
+      {
+        "label": "鸭黄",
+        "color": "#FAFF72"
+      },
+      {
+        "label": "鹅黄",
+        "color": "#FFF143"
+      },
+      {
+        "label": "缟",
+        "color": "#F2ECDE"
+      },
+      {
+        "label": "象牙白",
+        "color": "#FFFBF0"
+      }
+    ]
+  },
+  {
+    "label": "绿色系",
+    "data": [
+      {
+        "label": "竹青",
+        "color": "#789262"
+      },
+      {
+        "label": "黯",
+        "color": "#41555D"
+      },
+      {
+        "label": "黛绿",
+        "color": "#426666"
+      },
+      {
+        "label": "松花绿",
+        "color": "#057748"
+      },
+      {
+        "label": "绿沈",
+        "color": "#0C8918"
+      },
+      {
+        "label": "深绿",
+        "color": "#009900"
+      },
+      {
+        "label": "青葱",
+        "color": "#0AA344"
+      },
+      {
+        "label": "铜绿",
+        "color": "#549688"
+      },
+      {
+        "label": "苍翠",
+        "color": "#519A73"
+      },
+      {
+        "label": "松柏绿",
+        "color": "#21A675"
+      },
+      {
+        "label": "葱青",
+        "color": "#0EB83A"
+      },
+      {
+        "label": "油绿",
+        "color": "#00BC12"
+      },
+      {
+        "label": "绿",
+        "color": "#00E500"
+      },
+      {
+        "label": "草绿",
+        "color": "#40DE5A"
+      },
+      {
+        "label": "豆青",
+        "color": "#96CE54"
+      },
+      {
+        "label": "豆绿",
+        "color": "#9ED048"
+      },
+      {
+        "label": "葱绿",
+        "color": "#9ED900"
+      },
+      {
+        "label": "葱黄",
+        "color": "#A3D900"
+      },
+      {
+        "label": "柳绿",
+        "color": "#AFDD22"
+      },
+      {
+        "label": "嫩绿",
+        "color": "#BDDD22"
+      },
+      {
+        "label": "柳黄",
+        "color": "#C9DD22"
+      },
+      {
+        "label": "松花",
+        "color": "#BCE672"
+      },
+      {
+        "label": "樱草色",
+        "color": "#EAFF56"
+      }
+    ]
+  },
+  {
+    "label": "青色系",
+    "data": [
+      {
+        "label": "水",
+        "color": "#88ADA6"
+      },
+      {
+        "label": "青碧",
+        "color": "#48C0A3"
+      },
+      {
+        "label": "碧",
+        "color": "#1BD1A5"
+      },
+      {
+        "label": "石青",
+        "color": "#7BCFA6"
+      },
+      {
+        "label": "青翠",
+        "color": "#00E079"
+      },
+      {
+        "label": "青",
+        "color": "#00E09E"
+      },
+      {
+        "label": "碧绿",
+        "color": "#2ADD9C"
+      },
+      {
+        "label": "玉",
+        "color": "#2EDFA3"
+      },
+      {
+        "label": "翡翠",
+        "color": "#3DE1AD"
+      },
+      {
+        "label": "缥",
+        "color": "#7FECAD"
+      },
+      {
+        "label": "碧蓝",
+        "color": "#3EEDE7"
+      },
+      {
+        "label": "湖绿",
+        "color": "#25F8CD"
+      },
+      {
+        "label": "艾绿",
+        "color": "#A4E2C6"
+      },
+      {
+        "label": "青白",
+        "color": "#C0EBD7"
+      },
+      {
+        "label": "水绿",
+        "color": "#D4F2E7"
+      },
+      {
+        "label": "鸭卵青",
+        "color": "#E0EEE8"
+      },
+      {
+        "label": "素",
+        "color": "#E0F0E9"
+      },
+      {
+        "label": "荼白",
+        "color": "#F3F9F1"
+      }
+    ]
+  },
+  {
+    "label": "蓝色系",
+    "data": [
+      {
+        "label": "藏蓝",
+        "color": "#3B2E7E"
+      },
+      {
+        "label": "宝蓝",
+        "color": "#4B5CC4"
+      },
+      {
+        "label": "绀青",
+        "color": "#003371"
+      },
+      {
+        "label": "藏青",
+        "color": "#2E4E7E"
+      },
+      {
+        "label": "靛蓝",
+        "color": "#065279"
+      },
+      {
+        "label": "靛青",
+        "color": "#177CB0"
+      },
+      {
+        "label": "群青",
+        "color": "#4C8DAE"
+      },
+      {
+        "label": "蓝",
+        "color": "#44CEF6"
+      },
+      {
+        "label": "湖蓝",
+        "color": "#30DFF3"
+      },
+      {
+        "label": "蔚蓝",
+        "color": "#70F3FF"
+      },
+      {
+        "label": "月白",
+        "color": "#D6ECF0"
+      },
+      {
+        "label": "水蓝",
+        "color": "#D2F0F4"
+      },
+      {
+        "label": "莹白",
+        "color": "#E3F9FD"
+      },
+      {
+        "label": "雪白",
+        "color": "#F0FCFF"
+      }
+    ]
+  },
+  {
+    "label": "紫色系",
+    "data": [
+      {
+        "label": "黛",
+        "color": "#4A4266"
+      },
+      {
+        "label": "紫檀",
+        "color": "#4C211B"
+      },
+      {
+        "label": "紫棠",
+        "color": "#56004F"
+      },
+      {
+        "label": "黛紫",
+        "color": "#574266"
+      },
+      {
+        "label": "绛紫",
+        "color": "#8C4356"
+      },
+      {
+        "label": "紫酱",
+        "color": "#815463"
+      },
+      {
+        "label": "酱紫",
+        "color": "#815476"
+      },
+      {
+        "label": "黝",
+        "color": "#6B6882"
+      },
+      {
+        "label": "青莲",
+        "color": "#801DAE"
+      },
+      {
+        "label": "紫",
+        "color": "#8D4BBB"
+      },
+      {
+        "label": "雪青",
+        "color": "#B0A4E3"
+      },
+      {
+        "label": "丁香",
+        "color": "#CCA4E3"
+      }
+    ]
+  },
+  {
+    "label": "灰色系",
+    "data": [
+      {
+        "label": "黑",
+        "color": "#000000"
+      },
+      {
+        "label": "漆黑",
+        "color": "#161823"
+      },
+      {
+        "label": "象牙黑",
+        "color": "#312520"
+      },
+      {
+        "label": "乌黑",
+        "color": "#392F41"
+      },
+      {
+        "label": "玄青",
+        "color": "#3D3B4F"
+      },
+      {
+        "label": "缁",
+        "color": "#493131"
+      },
+      {
+        "label": "黝黑",
+        "color": "#665757"
+      },
+      {
+        "label": "鸦青",
+        "color": "#424C50"
+      },
+      {
+        "label": "黛蓝",
+        "color": "#425066"
+      },
+      {
+        "label": "苍黑",
+        "color": "#395260"
+      },
+      {
+        "label": "墨",
+        "color": "#50616D"
+      },
+      {
+        "label": "灰",
+        "color": "#808080"
+      },
+      {
+        "label": "苍",
+        "color": "#75878A"
+      },
+      {
+        "label": "墨灰",
+        "color": "#758A99"
+      },
+      {
+        "label": "苍青",
+        "color": "#7397AB"
+      },
+      {
+        "label": "蓝灰",
+        "color": "#A1AFC9"
+      },
+      {
+        "label": "老银",
+        "color": "#BACAC6"
+      },
+      {
+        "label": "蟹壳青",
+        "color": "#BBCDC5"
+      },
+      {
+        "label": "苍白",
+        "color": "#D1D9E0"
+      },
+      {
+        "label": "淡青",
+        "color": "#D3E0F3"
+      },
+      {
+        "label": "银白",
+        "color": "#E9E7EF"
+      },
+      {
+        "label": "霜",
+        "color": "#E9F1F6"
+      },
+      {
+        "label": "铅白",
+        "color": "#F0F0F4"
+      },
+      {
+        "label": "精白",
+        "color": "#FFFFFF"
+      }
+    ]
+  }
+]
diff --git a/src/settings/color.ts b/src/settings/color.ts
new file mode 100644
index 0000000..b14fbb7
--- /dev/null
+++ b/src/settings/color.ts
@@ -0,0 +1,20 @@
+import colorJson from './color.json';
+
+interface TraditionColorDetail {
+  label: string;
+  color: string;
+}
+interface TraditionColor {
+  label: string;
+  data: TraditionColorDetail[];
+}
+
+/** 中国传统颜色 */
+export const traditionColors = colorJson as TraditionColor[];
+
+export function isInTraditionColors(color: string) {
+  return traditionColors.some(item => {
+    const flag = item.data.some(v => v.color === color);
+    return flag;
+  });
+}
diff --git a/src/settings/index.ts b/src/settings/index.ts
new file mode 100644
index 0000000..dafbcb8
--- /dev/null
+++ b/src/settings/index.ts
@@ -0,0 +1,2 @@
+export * from './theme';
+export * from './color';
diff --git a/src/settings/theme.json b/src/settings/theme.json
new file mode 100644
index 0000000..a812847
--- /dev/null
+++ b/src/settings/theme.json
@@ -0,0 +1,159 @@
+{
+  "darkMode": false,
+  "followSystemTheme": true,
+  "layout": {
+    "minWidth": 900,
+    "mode": "vertical",
+    "modeList": [
+      {
+        "value": "vertical",
+        "label": "左侧菜单模式"
+      },
+      {
+        "value": "vertical-mix",
+        "label": "左侧菜单混合模式"
+      },
+      {
+        "value": "horizontal",
+        "label": "顶部菜单模式"
+      },
+      {
+        "value": "horizontal-mix",
+        "label": "顶部菜单混合模式"
+      }
+    ]
+  },
+  "scrollMode": "content",
+  "scrollModeList": [
+    {
+      "value": "wrapper",
+      "label": "外层滚动"
+    },
+    {
+      "value": "content",
+      "label": "主体滚动"
+    }
+  ],
+  "themeColor": "#1890ff",
+  "themeColorList": [
+    "#1890ff",
+    "#409EFF",
+    "#2d8cf0",
+    "#007AFF",
+    "#5ac8fa",
+    "#5856D6",
+    "#536dfe",
+    "#9c27b0",
+    "#AF52DE",
+    "#0096c7",
+    "#00C1D4",
+    "#34C759",
+    "#43a047",
+    "#7cb342",
+    "#c0ca33",
+    "#78DEC7",
+    "#e53935",
+    "#d81b60",
+    "#f4511e",
+    "#fb8c00",
+    "#ffb300",
+    "#fdd835",
+    "#6d4c41",
+    "#546e7a"
+  ],
+  "otherColor": {
+    "info": "#0099ad",
+    "success": "#52c41a",
+    "warning": "#faad14",
+    "error": "#f5222d"
+  },
+  "isCustomizeInfoColor": false,
+  "fixedHeaderAndTab": true,
+  "showReload": true,
+  "header": {
+    "inverted": false,
+    "height": 56,
+    "crumb": {
+      "visible": true,
+      "showIcon": true
+    }
+  },
+  "tab": {
+    "visible": true,
+    "height": 44,
+    "mode": "chrome",
+    "modeList": [
+      {
+        "value": "chrome",
+        "label": "谷歌风格"
+      },
+      {
+        "value": "button",
+        "label": "按钮风格"
+      }
+    ],
+    "isCache": true
+  },
+  "sider": {
+    "inverted": false,
+    "width": 220,
+    "collapsedWidth": 64,
+    "mixWidth": 80,
+    "mixCollapsedWidth": 48,
+    "mixChildMenuWidth": 200
+  },
+  "menu": {
+    "horizontalPosition": "flex-start",
+    "horizontalPositionList": [
+      {
+        "value": "flex-start",
+        "label": "居左"
+      },
+      {
+        "value": "center",
+        "label": "居中"
+      },
+      {
+        "value": "flex-end",
+        "label": "居右"
+      }
+    ]
+  },
+  "footer": {
+    "visible": true,
+    "fixed": false,
+    "right": true,
+    "height": 48,
+    "inverted": false
+  },
+  "page": {
+    "animate": true,
+    "animateMode": "fade-slide",
+    "animateModeList": [
+      {
+        "value": "fade-slide",
+        "label": "滑动"
+      },
+      {
+        "value": "fade",
+        "label": "消退"
+      },
+      {
+        "value": "fade-bottom",
+        "label": "底部消退"
+      },
+      {
+        "value": "fade-scale",
+        "label": "缩放消退"
+      },
+      {
+        "value": "zoom-fade",
+        "label": "渐变"
+      },
+      {
+        "value": "zoom-out",
+        "label": "闪现"
+      }
+    ]
+  }
+}
diff --git a/src/settings/theme.ts b/src/settings/theme.ts
new file mode 100644
index 0000000..b678cb9
--- /dev/null
+++ b/src/settings/theme.ts
@@ -0,0 +1,99 @@
+import {
+  themeLayoutModeOptions,
+  themeScrollModeOptions,
+  themeTabModeOptions,
+  themeHorizontalMenuPositionOptions,
+  themeAnimateModeOptions
+} from '@/constants';
+import jsonSetting from './theme.json';
+
+const themeColorList = [
+  '#1890ff',
+  '#409EFF',
+  '#2d8cf0',
+  '#007AFF',
+  '#5ac8fa',
+  '#5856D6',
+  '#536dfe',
+  '#9c27b0',
+  '#AF52DE',
+  '#0096c7',
+  '#00C1D4',
+  '#34C759',
+  '#43a047',
+  '#7cb342',
+  '#c0ca33',
+  '#78DEC7',
+  '#e53935',
+  '#d81b60',
+  '#f4511e',
+  '#fb8c00',
+  '#ffb300',
+  '#fdd835',
+  '#6d4c41',
+  '#546e7a'
+];
+
+const defaultThemeSetting: Theme.Setting = {
+  darkMode: false,
+  followSystemTheme: true,
+  layout: {
+    minWidth: 900,
+    mode: 'vertical',
+    modeList: themeLayoutModeOptions
+  },
+  scrollMode: 'content',
+  scrollModeList: themeScrollModeOptions,
+  themeColor: themeColorList[0],
+  themeColorList,
+  otherColor: {
+    info: '#2080f0',
+    success: '#52c41a',
+    warning: '#faad14',
+    error: '#f5222d'
+  },
+  isCustomizeInfoColor: false,
+  fixedHeaderAndTab: true,
+  showReload: true,
+  header: {
+    inverted: false,
+    height: 56,
+    crumb: {
+      visible: true,
+      showIcon: true
+    }
+  },
+  tab: {
+    visible: true,
+    height: 44,
+    mode: 'chrome',
+    modeList: themeTabModeOptions,
+    isCache: true
+  },
+  sider: {
+    inverted: false,
+    width: 220,
+    collapsedWidth: 64,
+    mixWidth: 80,
+    mixCollapsedWidth: 48,
+    mixChildMenuWidth: 200
+  },
+  menu: {
+    horizontalPosition: 'flex-start',
+    horizontalPositionList: themeHorizontalMenuPositionOptions
+  },
+  footer: {
+    visible: true,
+    fixed: false,
+    right: true,
+    height: 48,
+    inverted: false
+  },
+  page: {
+    animate: true,
+    animateMode: 'fade-slide',
+    animateModeList: themeAnimateModeOptions
+  }
+};
+
+export const themeSetting = (jsonSetting as Theme.Setting) || defaultThemeSetting;
diff --git a/src/store/index.ts b/src/store/index.ts
new file mode 100644
index 0000000..f85ab1f
--- /dev/null
+++ b/src/store/index.ts
@@ -0,0 +1,14 @@
+import type { App } from 'vue';
+import { createPinia } from 'pinia';
+import { resetSetupStore } from './plugins';
+
+/** setup vue store plugin: pinia. - [安装vue状态管理插件：pinia] */
+export function setupStore(app: App) {
+  const store = createPinia();
+  store.use(resetSetupStore);
+
+  app.use(store);
+}
+
+export * from './modules';
+export * from './subscribe';
diff --git a/src/store/modules/app/index.ts b/src/store/modules/app/index.ts
new file mode 100644
index 0000000..cb19ef7
--- /dev/null
+++ b/src/store/modules/app/index.ts
@@ -0,0 +1,114 @@
+import { nextTick } from 'vue';
+import { defineStore } from 'pinia';
+import { SCROLL_EL_ID } from '@soybeanjs/vue-materials';
+import { useRobotStore } from '@/store';
+
+interface AppState {
+  /** 滚动元素的id */
+  scrollElId: string;
+  /** 主体内容全屏 */
+  contentFull: boolean;
+  /** 禁用主体内容的水平方向的滚动 */
+  disableMainXScroll: boolean;
+  /** 重载页面(控制页面的显示) */
+  reloadFlag: boolean;
+  /** 项目配置的抽屉可见状态 */
+  settingDrawerVisible: boolean;
+  /** 侧边栏折叠状态 */
+  siderCollapse: boolean;
+  /** vertical-mix模式下 侧边栏的固定状态 */
+  mixSiderFixed: boolean;
+	/** 聊天弹框可见状态 */
+	robotDialogVisible: boolean;
+}
+
+export const useAppStore = defineStore('app-store', {
+  state: (): AppState => ({
+    scrollElId: SCROLL_EL_ID,
+    contentFull: false,
+    disableMainXScroll: false,
+    reloadFlag: true,
+    settingDrawerVisible: false,
+    siderCollapse: false,
+    mixSiderFixed: false,
+		robotDialogVisible: false
+  }),
+  actions: {
+    /**
+     * 获取滚动配置
+     */
+    getScrollConfig() {
+      const scrollEl = document.querySelector(`#${this.scrollElId}`);
+
+      const { scrollLeft = 0, scrollTop = 0 } = scrollEl || {};
+
+      return {
+        scrollEl,
+        scrollLeft,
+        scrollTop
+      };
+    },
+    /**
+     * 重载页面
+     * @param duration - 重载的延迟时间(ms)
+     */
+    async reloadPage(duration = 0) {
+      this.reloadFlag = false;
+      await nextTick();
+      if (duration) {
+        setTimeout(() => {
+          this.reloadFlag = true;
+        }, duration);
+      } else {
+        this.reloadFlag = true;
+      }
+      setTimeout(() => {
+        document.documentElement.scrollTo({ left: 0, top: 0 });
+      }, 100);
+    },
+    /** 打开设置抽屉 */
+    openSettingDrawer() {
+      this.settingDrawerVisible = true;
+    },
+    /** 关闭设置抽屉 */
+    closeSettingDrawer() {
+      this.settingDrawerVisible = false;
+    },
+    /** 切换抽屉可见状态 */
+    toggleSettingDrawerVisible() {
+      this.settingDrawerVisible = !this.settingDrawerVisible;
+    },
+    /** 设置侧边栏折叠状态 */
+    setSiderCollapse(collapse: boolean) {
+      this.siderCollapse = collapse;
+    },
+    /** 折叠/展开 侧边栏折叠状态 */
+    toggleSiderCollapse() {
+      this.siderCollapse = !this.siderCollapse;
+    },
+    /** 设置 vertical-mix模式下 侧边栏的固定状态 */
+    setMixSiderIsFixed(isFixed: boolean) {
+      this.mixSiderFixed = isFixed;
+    },
+    /** 设置 vertical-mix模式下 侧边栏的固定状态 */
+    toggleMixSiderFixed() {
+      this.mixSiderFixed = !this.mixSiderFixed;
+    },
+    /** 设置主体是否禁用滚动 */
+    setDisableMainXScroll(disable: boolean) {
+      this.disableMainXScroll = disable;
+    },
+    /** 设置主体内容全屏 */
+    setContentFull(full: boolean) {
+      this.contentFull = full;
+    },
+		/** 打开聊天弹框 */
+		openRobotDialog() {
+			this.robotDialogVisible = true;
+		},
+		/** 关闭聊天弹框 */
+		closeRobotDialog() {
+			this.robotDialogVisible = false;
+		}
+  }
+});
diff --git a/src/store/modules/auth/helpers.ts b/src/store/modules/auth/helpers.ts
new file mode 100644
index 0000000..9bb657c
--- /dev/null
+++ b/src/store/modules/auth/helpers.ts
@@ -0,0 +1,48 @@
+import { localStg } from '@/utils';
+
+/** 获取token */
+export function getToken() {
+  return localStg.get('token') || '';
+}
+
+/** 获取用户信息 */
+export function getUserInfo() {
+  const emptyInfo: Auth.UserInfo = {
+    userId: '',
+    userName: '',
+    userRole: 'user'
+  };
+  const userInfo: Auth.UserInfo = localStg.get('userInfo') || emptyInfo;
+
+  return userInfo;
+}
+
+/** 获取用户密码 */
+export function getPwd() {
+	const pwd = localStg.get('pwd') || "";
+	return pwd;
+}
+
+/** 获取记住用户账密 */
+export function getUpInfo() {
+	const emptyInfo: Auth.UpInfoType = {
+		name: '',
+		pwd: ''
+	}
+	const info: Auth.UpInfoType = localStg.get('upInfo') || emptyInfo;
+	return info;
+}
+
+/** 获取用户数据源配置信息 */
+export function getUserConfigInfo() {
+	const configInfo: Auth.wdConfigInfo = localStg.get('wdConfigInfo') || [];
+	return configInfo;
+}
+
+/** 去除用户相关缓存 */
+export function clearAuthStorage() {
+  localStg.remove('token');
+  localStg.remove('refreshToken');
+  localStg.remove('userInfo');
+	localStg.remove('wdConfigInfo');
+}
diff --git a/src/store/modules/auth/index.ts b/src/store/modules/auth/index.ts
new file mode 100644
index 0000000..9615849
--- /dev/null
+++ b/src/store/modules/auth/index.ts
@@ -0,0 +1,293 @@
+import { unref, nextTick } from "vue";
+import { defineStore } from "pinia";
+import { router } from "@/router";
+import { fetchLogin, fetchUserInfo, fetchUserConfigInfo } from "@/service";
+import { useRouterPush } from "@/composables";
+import { localStg } from "@/utils";
+import { decrypto } from '@/utils/crypto';
+import { REGEXP_PHONE } from '@/config';
+import { useTabStore } from "../tab";
+import { useRouteStore } from "../route";
+import { useRobotStore } from '../robot';
+import { useAppStore } from '../app';
+import { useKnowledgeStore } from '../knowledge';
+import {
+	getToken,
+	getUserInfo,
+	getPwd,
+	getUpInfo,
+	getUserConfigInfo,
+	clearAuthStorage,
+} from "./helpers";
+
+interface AuthState {
+	/** 用户信息 */
+	userInfo: Auth.UserInfo;
+	/** 用户token */
+	token: string;
+	/** 登录的加载状态 */
+	loginLoading: boolean;
+	/** 问答数据源配置信息 */
+	wdConfigInfo: Auth.wdConfigInfo;
+	/** 用户密码 */
+	pwd: string;
+	/** 记住用户账密 */
+	upInfo: Auth.UpInfoType;
+}
+
+
+export const useAuthStore = defineStore("auth-store", {
+	state: (): AuthState => ({
+		userInfo: getUserInfo(),
+		token: getToken(),
+		loginLoading: false,
+		wdConfigInfo: getUserConfigInfo(),
+		pwd: getPwd(),
+		upInfo: getUpInfo()
+	}),
+	getters: {
+		/** 是否登录 */
+		isLogin(state) {
+			return Boolean(state.token);
+		},
+	},
+	actions: {
+		/** 重置auth状态 */
+		resetAuthStore() {
+			const { toLogin } = useRouterPush(false);
+			const { resetTabStore } = useTabStore();
+			const { resetRouteStore } = useRouteStore();
+			const { clearKnowledgeStorage } = useKnowledgeStore()
+			const app = useAppStore();
+			const route = unref(router.currentRoute);
+
+
+			app.closeRobotDialog();
+
+			clearAuthStorage();
+			clearKnowledgeStorage();
+			this.$reset();
+
+			if (route.meta.requiresAuth) {
+				toLogin();
+			}
+
+			nextTick(() => {
+				resetTabStore();
+				resetRouteStore();
+			});
+		},
+		/**
+		 * 处理登录后成功或失败的逻辑
+		 * @param backendToken - 返回的token
+		 */
+		async handleActionAfterLogin(backendToken: ApiAuth.Token) {
+			const route = useRouteStore();
+			const { toLoginRedirect } = useRouterPush(false);
+
+			const loginSuccess = await this.loginByToken(backendToken);
+
+			if (loginSuccess) {
+				await route.initAuthRoute();
+
+				// 跳转登录后的地址
+				toLoginRedirect();
+
+				// 登录成功弹出欢迎提示
+				if (route.isInitAuthRoute) {
+					window.$notification?.success({
+						title: "登录成功!",
+						content: `欢迎回来，${this.userInfo.userName}!`,
+						duration: 3000,
+					});
+				}
+
+				return;
+			}
+
+			// 不成功则重置状态
+			this.resetAuthStore();
+		},
+		/**
+		 * 根据token进行登录
+		 * @param backendToken - 返回的token
+		 */
+		async loginByToken(backendToken: ApiAuth.Token) {
+			const { getScreenList } = useRobotStore()
+			let successFlag = false;
+
+			// 先把token存储到缓存中(后面接口的请求头需要token)
+			const { token, refreshToken } = backendToken;
+
+			localStg.set("token", token);
+			// localStg.set("refreshToken", refreshToken);
+
+			this.token = token;
+			let data: any = decrypto(token)
+			const userInfo = {
+				userId: data?.uid,
+				userName: data?.username,
+				userRole: 'user' as Auth.RoleType,
+				userPhone: data?.userphone,
+				expire: data?.expire
+			}
+			console.log('userInfo---', userInfo)
+			this.userInfo = userInfo;
+			this.token = token;
+			localStg.set("userInfo", userInfo);
+
+			this.getWdConfigInfo();
+			getScreenList();
+
+			successFlag = true;
+
+			// 获取用户信息
+			// const { data } = await fetchUserInfo();
+			// if (data) {
+			// 	// 成功后把用户信息存储到缓存中
+			// 	data.userId = "46c44d4";
+			// 	localStg.set("userInfo", data);
+
+			// 	// 更新状态
+			// 	this.userInfo = data;
+			// 	this.token = token;
+
+			// 	this.getWdConfigInfo();
+			// 	getScreenList();
+
+			// 	successFlag = true;
+			// }
+
+			return successFlag;
+		},
+		/**
+		 * 登录
+		 * @param userName - 用户名
+		 * @param password - 密码
+		 */
+		async login(userName: string, password: string, isRememberMe: boolean = false) {
+			this.loginLoading = true;
+			// const { data } = await fetchLogin(userName, password);
+			const formData = new FormData();
+			formData.append("password", password);
+			if (REGEXP_PHONE.test(userName)) {
+				formData.append("loginType", "1");
+				formData.append("userphone", userName);
+			} else {
+				formData.append("loginType", "0");
+				formData.append("username", userName);
+			}
+			const { data } = await fetchLogin(formData) as any;
+			console.log('data--------', data)
+			if (data) {
+				if (data?.access_token) {
+					let upInfo = {
+						name: '',
+						pwd: ''
+					}
+					if (isRememberMe) {
+						upInfo.name = userName;
+						upInfo.pwd = password;
+					}
+					this.pwd = password;
+					this.upInfo = upInfo;
+					localStg.set("upInfo", upInfo);
+					localStg.set("pwd", password);
+					await this.handleActionAfterLogin({ token: data.access_token });
+				} else {
+					window.$message?.warning('登录失败，账号或密码不正确！')
+				}
+			}
+			this.loginLoading = false;
+		},
+		/**
+		 * 更换用户权限(切换账号)
+		 * @param userRole
+		 */
+		async updateUserRole(userRole: Auth.RoleType) {
+			const { resetRouteStore, initAuthRoute } = useRouteStore();
+
+			const accounts: Record<
+				Auth.RoleType,
+				{ userName: string; password: string }
+			> = {
+				super: {
+					userName: "Super",
+					password: "super123",
+				},
+				admin: {
+					userName: "Admin",
+					password: "admin123",
+				},
+				user: {
+					userName: "User01",
+					password: "user01123",
+				},
+			};
+			const { userName, password } = accounts[userRole];
+			const formData = new FormData();
+			formData.append("password", password);
+			formData.append("loginType", "0");
+			formData.append("username", userName);
+			const { data } = await fetchLogin(formData) as any;
+			if (data?.access_token) {
+				await this.loginByToken({ token: data.access_token });
+				resetRouteStore();
+				initAuthRoute();
+			}
+		},
+		async getWdConfigInfo() {
+			const formData = new FormData();
+			formData.append("Uid", this.userInfo.userId);
+			const { data } = await fetchUserConfigInfo(formData);
+
+			if (data) {
+				let configInfoList = data?.configInfo || [];
+				configInfoList.forEach((item: any) => {
+					let sheetOpts = item.SheetNames && item.SheetNames.map((name: string) => {
+						return {
+							label: name,
+							value: name,
+							fieldOpts: []
+						}
+					}) || []
+					item.sheetOpts = sheetOpts
+				});
+
+				configInfoList = configInfoList.filter((item: any) => item?.Status !== 400)
+
+				localStg.set("wdConfigInfo", configInfoList);
+				this.wdConfigInfo = configInfoList;
+				console.log('this.wdConfigInfo----aa', this.wdConfigInfo)
+			} else {
+				localStg.set("wdConfigInfo", []);
+				this.wdConfigInfo = []
+			}
+		},
+		addWdConfigInfo(info: Auth.wdInfoType) {
+			this.wdConfigInfo.push(info);
+			const list: any = this.wdConfigInfo;
+			localStg.set("wdConfigInfo", list);
+		},
+		delWdConfigInfo(id: string) {
+			let list: any = this.wdConfigInfo;
+			const fIndex = list.findIndex((item: any) => item.ConfigId === id);
+
+			if (fIndex !== -1) {
+				list.splice(fIndex, 1);
+				this.wdConfigInfo = list;
+				localStg.set("wdConfigInfo", list);
+			}
+		},
+		updateWdConfigInfo(id: string, info: Auth.wdInfoType) {
+			const list: any = this.wdConfigInfo;
+			list.forEach((item: any) => {
+				if (item.ConfigId === id) {
+					item = Object.assign(item, info);
+				}
+			});
+			localStg.set("wdConfigInfo", list);
+			this.wdConfigInfo = list;
+		}
+	}
+});
diff --git a/src/store/modules/index.ts b/src/store/modules/index.ts
new file mode 100644
index 0000000..3ade8ab
--- /dev/null
+++ b/src/store/modules/index.ts
@@ -0,0 +1,8 @@
+export * from './app';
+export * from './theme';
+export * from './auth';
+export * from './tab';
+export * from './route';
+export * from './setup-store';
+export * from './robot';
+export * from './knowledge';
diff --git a/src/store/modules/knowledge/helpers.ts b/src/store/modules/knowledge/helpers.ts
new file mode 100644
index 0000000..ce1d42f
--- /dev/null
+++ b/src/store/modules/knowledge/helpers.ts
@@ -0,0 +1,7 @@
+import { localStg } from '@/utils';
+
+
+export function getKnowledgeBaseList() {
+	const kbList = localStg.get('knowledgeBaseList') || [];
+	return kbList;
+}
diff --git a/src/store/modules/knowledge/index.ts b/src/store/modules/knowledge/index.ts
new file mode 100644
index 0000000..b0bfdc4
--- /dev/null
+++ b/src/store/modules/knowledge/index.ts
@@ -0,0 +1,221 @@
+import { defineStore } from "pinia";
+import { nanoid } from "nanoid";
+import {
+	fetchGetKnowledgeBase,
+	fetchAddKnowledgeBase,
+	fetchUpdateKnowledgeBase,
+	fetchDeleteKnowledgeBase,
+	fetchAddKnowledge,
+	fetchDeleteKnowledge,
+	fetchPreviewsKnowledge,
+	fetchPreviewsRemoveKnowledge,
+	fetchGetKnowledge
+} from "@/service";
+import { useAuthStore } from "../auth";
+import { localStg } from "@/utils";
+import { getKnowledgeBaseList } from "./helpers";
+
+interface KnowledgeState {
+	knowledgeBaseList: Knowledge.Base[];
+}
+
+export const useKnowledgeStore = defineStore("knowledge-store", {
+	state: (): KnowledgeState => ({
+		knowledgeBaseList: getKnowledgeBaseList(),
+	}),
+	getters: {},
+	actions: {
+		async getKBList() {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			if (this.knowledgeBaseList.length) return false;
+			const	results = await fetchGetKnowledgeBase(formData);
+			if (results.error) return false;
+
+			this.knowledgeBaseList = results.data as Knowledge.Base[];
+
+			localStg.set("knowledgeBaseList", this.knowledgeBaseList);
+			return true;
+		},
+		// 添加知识库
+		async addKB(params: any) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("KBName", params.KBName);
+			formData.append("KBDesc", params.KBDesc);
+			formData.append("KBLabel", params.KBLabel);
+			formData.append("KBColor", params.KBColor);
+			formData.append("KBBGImg", params.KBBGImg);
+			formData.append("Uid", userInfo.userId);
+
+			const results = await fetchAddKnowledgeBase(formData);
+
+			if (results.error) return false;
+
+			const resData = results.data as Knowledge.Base;
+			if (resData) {
+				this.knowledgeBaseList.unshift(resData);
+				localStg.set("knowledgeBaseList", this.knowledgeBaseList);
+			}
+			return true;
+		},
+		// 更新知识库
+		async updateKB(params: any) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("KBID", params.KBID);
+			formData.append("KBName", params.KBName);
+			formData.append("KBDesc", params.KBDesc);
+			formData.append("KBLabel", params.KBLabel);
+			formData.append("KBColor", params.KBColor);
+			formData.append("KBBGImg", params.KBBGImg);
+			formData.append("Uid", userInfo.userId);
+			const results = await fetchUpdateKnowledgeBase(formData);
+
+			if (results.error) return false;
+
+			const fIndex = this.knowledgeBaseList.findIndex(
+				(item) => item.KBID === params.KBID
+			);
+			if (fIndex !== -1) {
+				const obj = results.data as Knowledge.Base;
+				this.knowledgeBaseList.splice(fIndex, 1, obj);
+				localStg.set("knowledgeBaseList", this.knowledgeBaseList);
+			}
+			return true;
+		},
+		// 删除知识库
+		async deleteKB(id: string) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			formData.append("KBID", id);
+			const results = await fetchDeleteKnowledgeBase(formData);
+
+			if (results.error) return false;
+
+			const fIndex = this.knowledgeBaseList.findIndex(
+				(item) => item.KBID === id
+			);
+
+			if (fIndex !== -1) {
+				this.knowledgeBaseList.splice(fIndex, 1);
+				localStg.set("knowledgeBaseList", this.knowledgeBaseList);
+				return true;
+			}
+			return false;
+		},
+		// 预览知识
+		async previewsK(params: any) {
+			const { userInfo } = useAuthStore();
+			let resObj = {} as Knowledge.Previews
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			formData.append("FileName", params.FileName);
+			formData.append("Type", params.Type);
+			formData.append("Kconfig", JSON.stringify(params.Kconfig));
+			const results = await fetchPreviewsKnowledge(formData);
+
+			if (results.error) return false;
+
+			if (results.data) {
+				resObj = results.data as Knowledge.Previews
+			}
+
+			return resObj
+		},
+		async removePreviewsK(params: any) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			formData.append("FileName", params.FileName);
+			const results = await fetchPreviewsRemoveKnowledge(formData);
+
+			if (results.error) return false;
+
+			return true;
+		},
+		// 添加知识
+		async addK(params: any) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("KBID", params.KBID);
+			formData.append("Uid", userInfo.userId);
+			formData.append("FileName", params.FileName);
+			formData.append("Type", params.Type);
+			formData.append("Kconfig", JSON.stringify(params.Kconfig));
+			const results = await fetchAddKnowledge(formData);
+
+			if (results.error) return false;
+
+			this.knowledgeBaseList.forEach(item => {
+				if (item.KBID === params.KBID) {
+					const obj = results.data as Knowledge.K
+					if (!item.data) {
+						item.data = []
+					}
+					item.data.unshift(obj)
+				}
+			})
+			localStg.set("knowledgeBaseList", this.knowledgeBaseList);
+			return true
+		},
+		// 删除知识
+		async delK(kbid: string, kid: string) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			formData.append("KBID", kbid);
+			formData.append("KID", kid);
+			const results = await fetchDeleteKnowledge(formData);
+
+			if (results.error) return false;
+
+			let status = false
+
+			this.knowledgeBaseList.forEach(item => {
+				if (item.KBID === kbid) {
+					const data = item.data as Knowledge.K[]
+					const fIndex = data.findIndex(i => i.KID === kid)
+					if (fIndex !== -1) {
+						status = true
+						data.splice(fIndex, 1)
+					}
+				}
+			})
+
+			if (status) {
+				localStg.set("knowledgeBaseList", this.knowledgeBaseList);
+				return true;
+			}
+			return false;
+		},
+		// 获取知识详情
+		async getKDetails(params: any) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			let resObj = {
+				total: 0,
+				chunks_info: [] as Knowledge.Chunks_info[]
+			};
+			formData.append("Uid", userInfo.userId);
+			formData.append("KBID", params.KBID);
+			formData.append("KID", params.KID);
+			formData.append("Limit", params.Limit);
+			formData.append("Offset", params.Offset);
+			const	results = await fetchGetKnowledge(formData);
+			if (results.error) return resObj;
+
+			if (results.data) {
+				resObj = results.data as Knowledge.KDetails
+			}
+			return resObj;
+		},
+		/** 去除知识库相关缓存 */
+		clearKnowledgeStorage() {
+			this.knowledgeBaseList = [];
+			localStg.remove('knowledgeBaseList');
+		}
+	},
+});
diff --git a/src/store/modules/robot/helpers.ts b/src/store/modules/robot/helpers.ts
new file mode 100644
index 0000000..21099d4
--- /dev/null
+++ b/src/store/modules/robot/helpers.ts
@@ -0,0 +1,30 @@
+import { localStg } from "@/utils";
+
+export interface ChatbotResData {
+	ScreenDesc: string;
+	ScreenId: string;
+	ScreenName: string;
+	ScreenQAConfig: Robot.ScreenQAConfig;
+	Uid: string;
+	UpdateTime: string;
+}
+
+export function getChatbotList() {
+	const chatbotList: Robot.Chatbot[] =
+		localStg.get("chatbotList") || ([] as Robot.Chatbot[]);
+	return chatbotList;
+}
+
+export function getChatbotRecords() {
+	const records = localStg.get("chatbotRecords") || ([] as Robot.Records[]);
+	return records;
+}
+
+export function getActiveChatbotId() {
+	const id = localStg.get("chatbotId") || ("" as string);
+	return id;
+}
+
+export function clearRobotStorage() {
+	localStg.remove("chatbotList");
+}
diff --git a/src/store/modules/robot/index.ts b/src/store/modules/robot/index.ts
new file mode 100644
index 0000000..d7bb103
--- /dev/null
+++ b/src/store/modules/robot/index.ts
@@ -0,0 +1,525 @@
+import { defineStore } from "pinia";
+import { nanoid } from "nanoid";
+import moment from "moment";
+import querystring from 'querystring';
+import qs from 'qs';
+import {
+	getChatbotList,
+	getActiveChatbotId,
+	getChatbotRecords,
+	ChatbotResData,
+} from "./helpers";
+import { localStg } from "@/utils";
+import {
+	fetchGetScreenList,
+	fetchAddScreen,
+	fetchDeleteScreen,
+	fetchUpdateScreen,
+	fetchGetDhQuery,
+	fetchGetKbqaQuery
+} from "@/service";
+import { useAuthStore } from "../auth";
+import { EventBus } from "@/utils";
+
+type RecordParamsType = {
+	value: string;
+};
+
+type RightType = "sql" | "chart";
+
+interface RobotState {
+	/* 会话列表 */
+	chatbotList: Robot.Chatbot[];
+	/* 选中的聊天窗口id */
+	chatbotId: string | undefined;
+	/* 会话记录 */
+	chatbotRecords: Robot.Records[];
+	/* 选中的会话记录id */
+	chatbotRecordId: string;
+	showBackBom: Boolean;
+	showSettings: Boolean;
+	showCreate: Boolean;
+	/** 展示右侧详情区域 */
+	showRightContent: Boolean;
+	/** 展示右侧详情内容类型 */
+	chatbotRightContentType: RightType;
+}
+
+export const useRobotStore = defineStore("robot-store", {
+	state: (): RobotState => ({
+		chatbotList: getChatbotList(),
+		chatbotId: getActiveChatbotId(),
+		chatbotRecords: getChatbotRecords(),
+		showBackBom: false,
+		showSettings: false,
+		showCreate: false, // 是否开启新会话
+		showRightContent: false,
+		chatbotRecordId: "",
+		chatbotRightContentType: "chart",
+	}),
+	getters: {
+		chatbotItem(state) {
+			let list = state.chatbotList;
+			let id = state.chatbotId;
+			const chatbotItem: Robot.Chatbot = list.find(
+				(item: Robot.Chatbot) => item.ScreenId === id
+			) || ({} as Robot.Chatbot);
+			return chatbotItem || {};
+		},
+		currentChatbotRecords(state) {
+			let list = state.chatbotRecords;
+			let id = state.chatbotId;
+			const item: Robot.Records = list.find(
+				(item: Robot.Records) => item.id === id
+			) || ({} as Robot.Records);
+			return item.list || [];
+		},
+		chatbotSettings(state) {
+			let list = state.chatbotList;
+			let id = state.chatbotId;
+			const chatbotItem: Robot.Chatbot = list.find((item: Robot.Chatbot) => item.ScreenId === id) || ({} as Robot.Chatbot);
+
+			return chatbotItem.settings || {};
+		},
+		// 判断是否分组
+		checkGroup() {
+			let res = false;
+			const settings = this.chatbotSettings;
+			const groupList = settings.ScreenQAConfig?.GroupList || [];
+
+			const check = groupList.some(
+				(item: Robot.GroupList) => item.checked === 1
+			);
+
+			if (check) {
+				res = true;
+			}
+
+			return res;
+		},
+	},
+	actions: {
+		async getScreenList() {
+			const { userInfo } = useAuthStore();
+			this.setChatbotId("");
+			let results;
+			try {
+				const formData = new FormData();
+				formData.append("Uid", userInfo.userId);
+				results = await fetchGetScreenList(formData);
+			} catch (error) {
+				console.log("error", error);
+			}
+
+			if (!results) return;
+
+			if (!Array.isArray(results.data)) return;
+
+			let list = (results.data as Robot.Chatbot[]) || [];
+
+			list = list.map((item: Robot.Chatbot) => {
+				item.screenName = item?.settings?.ScreenBasicConfig?.ScreenName || "";
+				return item;
+			}) as [];
+
+			this.chatbotList = list;
+			localStg.set("chatbotList", list);
+		},
+		async addChatbot(params: any) {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			formData.append("ScreenName", params.ScreenName);
+			formData.append("ScreenDesc", params.ScreenDesc);
+			formData.append("ScreenType", params.ScreenType);
+
+			switch (params.ScreenType) {
+				case 1:
+					formData.append("ConfigId", params.ConfigId);
+					formData.append("ConfigName", params.ConfigName);
+					formData.append("GroupList", JSON.stringify(params.GroupList));
+					break;
+				case 2:
+					formData.append("SimilarityThreshold", "0");
+					formData.append("RelevantHits", "4");
+					formData.append("KBIDS", "[]");
+					break;
+			}
+
+			const results = await fetchAddScreen(formData);
+
+			if (results.error) return false;
+
+			const resData: any = results.data;
+
+			if (!resData) return false;
+			resData.screenName = params.ScreenName;
+
+			this.chatbotList = [resData, ...this.chatbotList];
+			this.chatbotId = resData.ScreenId;
+			const welcomeObj = {
+				id: nanoid(),
+				screenType: params.ScreenType, // 场景类型
+				userType: 2, // 1 用户 2 机器人
+				value: "", // 输入的文本内容
+				datetime: moment().format("YYYY/MM/DD HH:mm:ss"), // 日期时间
+				isWelcome: true,
+				replyType: 0,
+				state: 1,
+				type: 0,
+				loaded: true,
+				loading: false,
+				data: {} as Robot.RecordData,
+			};
+			this.chatbotRecords.push({
+				id: resData.ScreenId || "",
+				list: [welcomeObj],
+			});
+			localStg.set("chatbotList", this.chatbotList);
+			localStg.set("chatbotId", resData.ScreenId || "");
+			localStg.set("chatbotRecords", this.chatbotRecords);
+
+			return true;
+		},
+		async updateChatbot(params: any) {
+			const { userInfo } = useAuthStore();
+
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			formData.append("ScreenId", params.ScreenId);
+			formData.append("ScreenName", params.ScreenName);
+			formData.append("ScreenDesc", params.ScreenDesc);
+			formData.append("ScreenType", params.ScreenType);
+
+			switch (params.ScreenType) {
+				case 1:
+					formData.append("ConfigId", params.ConfigId);
+					formData.append("ConfigName", params.ConfigName);
+					formData.append("GroupList", JSON.stringify(params.GroupList));
+					break;
+				case 2:
+					formData.append("SimilarityThreshold", params.SimilarityThreshold);
+					formData.append("RelevantHits", params.RelevantHits);
+					formData.append("KBIDS", JSON.stringify(params.KBIDS));
+					break;
+			}
+
+			try {
+				const results = await fetchUpdateScreen(formData);
+
+				if (results.error) return false;
+
+				const resData: ChatbotResData = (results.data || {}) as ChatbotResData;
+
+				if (!resData.ScreenId) return false;
+
+				const chatbotItem: Robot.Chatbot =
+					this.chatbotList.find((item) => item.ScreenId === params.ScreenId) ||
+					({} as Robot.Chatbot);
+
+				chatbotItem.screenName = resData.ScreenName;
+				chatbotItem.settings.ScreenQAConfig = resData.ScreenQAConfig;
+				chatbotItem.UpdateTime = resData.UpdateTime;
+				chatbotItem.settings.ScreenBasicConfig.ScreenName = resData.ScreenName;
+				chatbotItem.settings.ScreenBasicConfig.ScreenDesc = resData.ScreenDesc;
+
+				localStg.set("chatbotList", this.chatbotList);
+			} catch (error) {
+				console.log("error----", error);
+				return false;
+			}
+			return true;
+		},
+		async delChatbot(id: string = "") {
+			const { userInfo } = useAuthStore();
+			const formData = new FormData();
+			formData.append("Uid", userInfo.userId);
+			formData.append("ScreenId", id);
+
+			const results = await fetchDeleteScreen(formData);
+
+			if (results.error) return false;
+
+			const fIndex = this.chatbotList.findIndex((item) => item.ScreenId === id);
+			const len = this.chatbotList.length;
+			if (fIndex !== -1) {
+				if (len === 1) {
+					this.setChatbotId("");
+				} else if (len > 1) {
+					if (id === this.chatbotId) {
+						if (fIndex === 0) {
+							const item = this.chatbotList[fIndex + 1];
+							this.setChatbotId(item.ScreenId);
+						} else if (len === fIndex + 1) {
+							const item = this.chatbotList[fIndex - 1];
+							this.setChatbotId(item.ScreenId);
+						} else {
+							const item = this.chatbotList[fIndex - 1];
+							this.setChatbotId(item.ScreenId);
+						}
+					}
+				}
+				this.chatbotList.splice(fIndex, 1);
+				const fIndex2 = this.chatbotRecords.findIndex((item) => item.id === id);
+				if (fIndex2 !== -1) {
+					this.chatbotRecords.splice(fIndex2, 1);
+				}
+				localStg.set("chatbotList", this.chatbotList);
+				localStg.set("chatbotRecords", this.chatbotRecords);
+
+				return true;
+			}
+		},
+		setChatbotId(id: string = "") {
+			this.chatbotId = id;
+			localStg.set("chatbotId", id);
+		},
+		/* 检测当前会话记录是否为空，为空，则添加一条欢迎提示语 */
+		checkCurChatbotRecordBeEmpty() {
+			const screenType = this.chatbotItem.ScreenType
+			const welcomeReply = {
+				id: nanoid(),
+				screenType: Number(screenType), // 场景类型
+				userType: 2, // 1 用户 2 机器人
+				value: "", // 输入的文本内容
+				datetime: moment().format("YYYY/MM/DD HH:mm:ss"), // 日期时间
+				isWelcome: true,
+				replyType: 0,
+				state: 1,
+				type: 0,
+				loaded: true,
+				loading: false,
+				data: {} as Robot.RecordData,
+			};
+
+			const fIndex = this.chatbotRecords.findIndex(
+				(item) => item.id === this.chatbotId
+			);
+
+			if (fIndex === -1 && this.chatbotId) {
+				this.chatbotRecords.push({
+					id: this.chatbotId || "",
+					list: [welcomeReply],
+				});
+				localStg.set("chatbotRecords", this.chatbotRecords);
+			}
+		},
+		/* 添加一条聊天记录*/
+		async addChatbotRecord(params: RecordParamsType) {
+			const { userInfo } = useAuthStore();
+			const id1 = nanoid();
+			const id2 = nanoid();
+			const datetime = moment().format("YYYY/MM/DD HH:mm:ss");
+			const ScreenType = this.chatbotItem?.ScreenType
+
+			const obj1 = {
+				id: id1,
+				screenType: Number(ScreenType),
+				userType: 1, // 1 用户 2 机器人
+				value: params.value, // 输入的文本内容
+				type: 1, // 1 文本
+				datetime, // 日期时间
+				state: 1, // 状态
+				loaded: true,
+				loading: false,
+				data: {} as Robot.RecordData,
+			};
+			const obj2 = {
+				id: id2,
+				screenType: Number(ScreenType),
+				userType: 2, // 1 用户 2 机器人
+				value: "", // 输入的文本内容
+				type: 1, // 1 文本
+				datetime, // 日期时间
+				state: 1, // 状态
+				loaded: false,
+				loading: true,
+				data: {} as Robot.RecordData,
+			};
+
+			const fIndex = this.chatbotRecords.findIndex(
+				(item) => item.id === this.chatbotId
+			);
+			if (fIndex === -1) {
+				this.chatbotRecords.push({
+					id: this.chatbotId || "",
+					list: [],
+				});
+			}
+			const recordObj = this.chatbotRecords.find(
+				(item: Robot.Records) => item.id === this.chatbotId
+			);
+
+			recordObj?.list.push(obj1, obj2);
+
+			let record1: Robot.Record = {} as Robot.Record;
+			let record2: Robot.Record = {} as Robot.Record;
+			recordObj?.list.forEach((record) => {
+				if (record.id === id1) {
+					record1 = record as Robot.Record;
+				} else if (record.id === id2) {
+					record2 = record as Robot.Record;
+				}
+			});
+
+			EventBus.emit("chatbot-content-scroll-to", {
+				type: "bom",
+				behavior: "smooth",
+			});
+
+			const groupList = this.chatbotItem?.settings?.ScreenQAConfig?.GroupList || []
+
+			const formData = new FormData();
+			formData.append("UserId", userInfo.userId);
+			formData.append("ScreenId", this.chatbotId + "");
+			formData.append("Query", params.value);
+			formData.append("ScreenType", ScreenType);
+
+			// 数据助手问答
+			if (Number(ScreenType) === 1) {
+				formData.append("ByGroup", groupList.length ? '1' : '0');
+			}
+
+			const results = Number(ScreenType) === 1 ? await fetchGetDhQuery(formData) : await fetchGetKbqaQuery(formData);
+
+			record2.loading = false;
+			record2.loaded = true;
+
+			if (results.error) {
+				const code = results.error.code;
+				record2.replyType = 1;
+				if (code === 400) {
+					if (Number(ScreenType) === 1) {
+						record2.replyType = 2;
+					}
+				}
+				record2.isTipsReply = true;
+				localStg.set("chatbotRecords", this.chatbotRecords);
+				return false;
+			}
+
+			const resData: any = results.data
+
+			if (!resData) {
+				record2.isTipsReply = true;
+				record2.replyType = 1;
+				localStg.set("chatbotRecords", this.chatbotRecords);
+				return false;
+			}
+
+			let sourceData = [];
+			let sourceType = {};
+
+			if (Number(ScreenType) === 1) {
+				sourceData = resData?.sourceData || []
+				sourceType = resData?.sourceType || {}
+				record2.isDhReply = true
+				if (sourceData.length === 0) {
+					record2.replyType = 1;
+					record2.isTipsReply = true;
+					localStg.set("chatbotRecords", this.chatbotRecords);
+					return false;
+				}
+
+				record2.data = {
+					sourceData,
+					sourceType,
+					sql: resData?.sql || "",
+					spss_reasoning: resData?.spss_reasoning || "",
+				};
+			} else if (Number(ScreenType) === 2) {
+				record2.isKbReply = true
+				record2.data = {
+					answer: resData?.answer,
+					chunks: resData?.chunks || [],
+				};
+			}
+
+			localStg.set("chatbotRecords", this.chatbotRecords);
+			return true;
+		},
+		// 删除聊天记录
+		delChatbotRecord(rid: string) {
+			const recordObj = this.chatbotRecords.find(
+				(item: Robot.Records) => item.id === this.chatbotId
+			);
+			const list: Robot.Record[] = recordObj?.list as Robot.Record[];
+			const fIndex = list.findIndex((i) => i.id === rid);
+			if (fIndex !== -1) {
+				list[fIndex].isDelete = true;
+			}
+
+			// this.chatbotList = this.chatbotList.map((item) => {
+			// 	if (item.ScreenId === id) {
+			// 		const fIndex = item.records && item.records.findIndex(i => i.id === rid) || -1
+			// 		if (fIndex !== -1) {
+			// 			const records = item.records || []
+			// 			records[fIndex].isDelete = true
+			// 		}
+			// 	}
+			// 	return item
+			// })
+			localStg.set("chatbotRecords", this.chatbotRecords);
+		},
+		// 清空聊天记录
+		clearChatbotRecord() {
+			// let id = this.chatbotId;
+			// this.chatbotList = this.chatbotList.map((item) => {
+			// 	if (item.ScreenId === id) {
+			// 		item.records = []
+			// 	}
+			// 	return item
+			// })
+
+			this.chatbotRecords.forEach((item: Robot.Records) => {
+				if (item.id === this.chatbotId) {
+					item.list = [];
+				}
+			});
+
+			localStg.set("chatbotRecords", this.chatbotRecords);
+		},
+		setChatbotSettings(data: Robot.Settings) {
+			let id = this.chatbotId;
+			this.chatbotList = this.chatbotList.map((item) => {
+				if (item.ScreenId === id) {
+					item.settings = Object.assign({}, item.settings, data);
+				}
+				return item;
+			});
+			localStg.set("chatbotList", this.chatbotList);
+		},
+		/* 校验是否已配置数据源信息 */
+		checkChatbotSettings() {
+			const auth = useAuthStore();
+			const settings = this.chatbotSettings;
+			const screenQAConfig = settings.ScreenQAConfig || {};
+
+			// if (this.chatbotId && screenQAConfig.ConfigId) {
+			// 	const list = auth.wdConfigInfo
+			// 	const index = list.findIndex(i => i.ConfigId === screenQAConfig.ConfigId)
+			// 	if (index === -1) {
+			// 		this.setShowSettings(true)
+			// 		return false
+			// 	}
+			// }
+
+			if (this.chatbotId && !screenQAConfig.ConfigId) {
+				this.setShowSettings(true);
+				return false;
+			} else {
+				this.setShowSettings(false);
+			}
+			return true;
+		},
+		setShowBackBom(status: boolean) {
+			this.showBackBom = status;
+		},
+		setShowSettings(status: boolean) {
+			this.showSettings = status;
+		},
+		setShowCreate(status: boolean) {
+			this.showCreate = status;
+		},
+	},
+});
diff --git a/src/store/modules/route/index.ts b/src/store/modules/route/index.ts
new file mode 100644
index 0000000..d3b0e74
--- /dev/null
+++ b/src/store/modules/route/index.ts
@@ -0,0 +1,170 @@
+import { defineStore } from 'pinia';
+import { ROOT_ROUTE, constantRoutes, router, routes as staticRoutes } from '@/router';
+import { fetchUserRoutes } from '@/service';
+import {
+  localStg,
+  filterAuthRoutesByUserPermission,
+  getCacheRoutes,
+  getConstantRouteNames,
+  transformAuthRouteToVueRoutes,
+  transformAuthRouteToVueRoute,
+  transformAuthRouteToMenu,
+  transformAuthRouteToSearchMenus,
+  transformRouteNameToRoutePath,
+  transformRoutePathToRouteName,
+  sortRoutes
+} from '@/utils';
+import { useAuthStore } from '../auth';
+import { useTabStore } from '../tab';
+
+interface RouteState {
+  /**
+   * 权限路由模式:
+   * - static - 前端声明的静态
+   * - dynamic - 后端返回的动态
+   */
+  authRouteMode: ImportMetaEnv['VITE_AUTH_ROUTE_MODE'];
+  /** 是否初始化了权限路由 */
+  isInitAuthRoute: boolean;
+  /** 路由首页name(前端静态路由时生效，后端动态路由该值会被后端返回的值覆盖) */
+  routeHomeName: AuthRoute.AllRouteKey;
+  /** 菜单 */
+  menus: App.GlobalMenuOption[];
+  /** 搜索的菜单 */
+  searchMenus: AuthRoute.Route[];
+  /** 缓存的路由名称 */
+  cacheRoutes: string[];
+}
+
+export const useRouteStore = defineStore('route-store', {
+  state: (): RouteState => ({
+    authRouteMode: import.meta.env.VITE_AUTH_ROUTE_MODE,
+    isInitAuthRoute: false,
+    routeHomeName: transformRoutePathToRouteName(import.meta.env.VITE_ROUTE_HOME_PATH),
+    menus: [],
+    searchMenus: [],
+    cacheRoutes: []
+  }),
+  actions: {
+    /** 重置路由的store */
+    resetRouteStore() {
+      this.resetRoutes();
+      this.$reset();
+    },
+    /** 重置路由数据，保留固定路由 */
+    resetRoutes() {
+      const routes = router.getRoutes();
+      routes.forEach(route => {
+        const name = (route.name || 'root') as AuthRoute.AllRouteKey;
+        if (!this.isConstantRoute(name)) {
+          router.removeRoute(name);
+        }
+      });
+    },
+    /**
+     * 是否是固定路由
+     * @param name 路由名称
+     */
+    isConstantRoute(name: AuthRoute.AllRouteKey) {
+      const constantRouteNames = getConstantRouteNames(constantRoutes);
+      return constantRouteNames.includes(name);
+    },
+    /**
+     * 是否是有效的固定路由
+     * @param name 路由名称
+     */
+    isValidConstantRoute(name: AuthRoute.AllRouteKey) {
+      const NOT_FOUND_PAGE_NAME: AuthRoute.NotFoundRouteKey = 'not-found';
+      const constantRouteNames = getConstantRouteNames(constantRoutes);
+      return constantRouteNames.includes(name) && name !== NOT_FOUND_PAGE_NAME;
+    },
+    /**
+     * 处理权限路由
+     * @param routes - 权限路由
+     */
+    handleAuthRoute(routes: AuthRoute.Route[]) {
+      (this.menus as App.GlobalMenuOption[]) = transformAuthRouteToMenu(routes);
+      this.searchMenus = transformAuthRouteToSearchMenus(routes);
+
+      const vueRoutes = transformAuthRouteToVueRoutes(routes);
+
+      vueRoutes.forEach(route => {
+        router.addRoute(route);
+      });
+
+      this.cacheRoutes = getCacheRoutes(vueRoutes);
+    },
+    /** 动态路由模式下：更新根路由的重定向 */
+    handleUpdateRootRedirect(routeKey: AuthRoute.AllRouteKey) {
+      if (routeKey === 'root' || routeKey === 'not-found') {
+        throw new Error('routeKey的值不能为root或者not-found');
+      }
+      const rootRoute: AuthRoute.Route = { ...ROOT_ROUTE, redirect: transformRouteNameToRoutePath(routeKey) };
+      const rootRouteName: AuthRoute.AllRouteKey = 'root';
+      router.removeRoute(rootRouteName);
+      const rootVueRoute = transformAuthRouteToVueRoute(rootRoute)[0];
+      router.addRoute(rootVueRoute);
+    },
+    /** 初始化动态路由 */
+    async initDynamicRoute() {
+      const { resetAuthStore } = useAuthStore();
+      const { initHomeTab } = useTabStore();
+
+      const { userId } = localStg.get('userInfo') || {};
+
+      if (!userId) {
+        throw new Error('userId 不能为空!');
+      }
+
+      const { error, data } = await fetchUserRoutes(userId);
+
+      if (!error) {
+        this.routeHomeName = data.home;
+        this.handleUpdateRootRedirect(data.home);
+        this.handleAuthRoute(sortRoutes(data.routes));
+
+        initHomeTab(data.home, router);
+
+        this.isInitAuthRoute = true;
+      } else {
+        resetAuthStore();
+      }
+    },
+    /** 初始化静态路由 */
+    async initStaticRoute() {
+      const { initHomeTab } = useTabStore();
+      const auth = useAuthStore();
+
+      const routes = filterAuthRoutesByUserPermission(staticRoutes, auth.userInfo.userRole);
+      this.handleAuthRoute(routes);
+
+      initHomeTab(this.routeHomeName, router);
+
+      this.isInitAuthRoute = true;
+    },
+    /** 初始化权限路由 */
+    async initAuthRoute() {
+      if (this.authRouteMode === 'dynamic') {
+        await this.initDynamicRoute();
+      } else {
+        await this.initStaticRoute();
+      }
+    },
+
+    /** 从缓存路由中去除某个路由 */
+    removeCacheRoute(name: AuthRoute.AllRouteKey) {
+      const index = this.cacheRoutes.indexOf(name);
+      if (index > -1) {
+        this.cacheRoutes.splice(index, 1);
+      }
+    },
+
+    /** 添加某个缓存路由 */
+    addCacheRoute(name: AuthRoute.AllRouteKey) {
+      const index = this.cacheRoutes.indexOf(name);
+      if (index === -1) {
+        this.cacheRoutes.push(name);
+      }
+    }
+  }
+});
diff --git a/src/store/modules/setup-store/index.ts b/src/store/modules/setup-store/index.ts
new file mode 100644
index 0000000..ac3a6c2
--- /dev/null
+++ b/src/store/modules/setup-store/index.ts
@@ -0,0 +1,26 @@
+import { reactive } from 'vue';
+import { defineStore } from 'pinia';
+import { useBoolean } from '@/hooks';
+
+export const useSetupStore = defineStore('setup-store', () => {
+  const { bool: visible, setTrue: show, setFalse: hide } = useBoolean();
+
+  interface Config {
+    name: string;
+  }
+
+  const config = reactive<Config>({ name: 'config' });
+
+  /** 设置配置 */
+  function setConfig(conf: Partial<Config>) {
+    Object.assign(config, conf);
+  }
+
+  return {
+    visible,
+    show,
+    hide,
+    config,
+    setConfig
+  };
+});
diff --git a/src/store/modules/tab/helpers.ts b/src/store/modules/tab/helpers.ts
new file mode 100644
index 0000000..87ed215
--- /dev/null
+++ b/src/store/modules/tab/helpers.ts
@@ -0,0 +1,79 @@
+import type { RouteLocationNormalizedLoaded, RouteRecordNormalized } from 'vue-router';
+import { localStg } from '@/utils';
+
+/**
+ * 根据vue路由获取tab路由
+ * @param route
+ */
+export function getTabRouteByVueRoute(route: RouteRecordNormalized | RouteLocationNormalizedLoaded) {
+  const fullPath = hasFullPath(route) ? route.fullPath : route.path;
+  const tabRoute: App.GlobalTabRoute = {
+    name: route.name,
+    fullPath,
+    meta: route.meta,
+    scrollPosition: {
+      left: 0,
+      top: 0
+    }
+  };
+  return tabRoute;
+}
+
+/**
+ * 获取该页签在多页签数据中的索引
+ * @param tabs - 多页签数据
+ * @param fullPath - 该页签的路径
+ */
+export function getIndexInTabRoutes(tabs: App.GlobalTabRoute[], fullPath: string) {
+  return tabs.findIndex(tab => tab.fullPath === fullPath);
+}
+
+/**
+ * 判断该页签是否在多页签数据中
+ * @param tabs - 多页签数据
+ * @param fullPath - 该页签的路径
+ */
+export function isInTabRoutes(tabs: App.GlobalTabRoute[], fullPath: string) {
+  return getIndexInTabRoutes(tabs, fullPath) > -1;
+}
+
+/**
+ * 根据路由名称获取该页签在多页签数据中的索引
+ * @param tabs - 多页签数据
+ * @param routeName - 路由名称
+ */
+export function getIndexInTabRoutesByRouteName(tabs: App.GlobalTabRoute[], routeName: string) {
+  return tabs.findIndex(tab => tab.name === routeName);
+}
+
+/**
+ * 判断路由是否有fullPath属性
+ * @param route 路由
+ */
+function hasFullPath(
+  route: RouteRecordNormalized | RouteLocationNormalizedLoaded
+): route is RouteLocationNormalizedLoaded {
+  return Boolean((route as RouteLocationNormalizedLoaded).fullPath);
+}
+
+/** 获取缓存的多页签数据 */
+export function getTabRoutes() {
+  const routes: App.GlobalTabRoute[] = [];
+  const data = localStg.get('multiTabRoutes');
+  if (data) {
+    const defaultTabRoutes = data.map(item => ({
+      ...item,
+      scrollPosition: {
+        left: 0,
+        top: 0
+      }
+    }));
+    routes.push(...defaultTabRoutes);
+  }
+  return routes;
+}
+
+/** 清空多页签数据 */
+export function clearTabRoutes() {
+  localStg.set('multiTabRoutes', []);
+}
diff --git a/src/store/modules/tab/index.ts b/src/store/modules/tab/index.ts
new file mode 100644
index 0000000..c39d9fd
--- /dev/null
+++ b/src/store/modules/tab/index.ts
@@ -0,0 +1,253 @@
+import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
+import { defineStore } from 'pinia';
+import { useRouterPush } from '@/composables';
+import { localStg } from '@/utils';
+import { useThemeStore } from '../theme';
+import {
+  clearTabRoutes,
+  getIndexInTabRoutes,
+  getIndexInTabRoutesByRouteName,
+  getTabRouteByVueRoute,
+  getTabRoutes,
+  isInTabRoutes
+} from './helpers';
+
+interface TabState {
+  /** 多页签数据 */
+  tabs: App.GlobalTabRoute[];
+  /** 多页签首页 */
+  homeTab: App.GlobalTabRoute;
+  /** 当前激活状态的页签(路由fullPath) */
+  activeTab: string;
+}
+
+export const useTabStore = defineStore('tab-store', {
+  state: (): TabState => ({
+    tabs: [],
+    homeTab: {
+      name: 'root',
+      fullPath: '/',
+      meta: {
+        title: 'Root'
+      },
+      scrollPosition: {
+        left: 0,
+        top: 0
+      }
+    },
+    activeTab: ''
+  }),
+  getters: {
+    /** 当前激活状态的页签索引 */
+    activeTabIndex(state) {
+      const { tabs, activeTab } = state;
+      return tabs.findIndex(tab => tab.fullPath === activeTab);
+    }
+  },
+  actions: {
+    /** 重置Tab状态 */
+    resetTabStore() {
+      clearTabRoutes();
+      this.$reset();
+    },
+    /** 缓存页签路由数据 */
+    cacheTabRoutes() {
+      localStg.set('multiTabRoutes', this.tabs);
+    },
+    /**
+     * 设置当前路由对应的页签为激活状态
+     * @param fullPath - 路由fullPath
+     */
+    setActiveTab(fullPath: string) {
+      this.activeTab = fullPath;
+    },
+    /**
+     * 设置当前路由对应的页签title
+     * @param title - tab名称
+     */
+    setActiveTabTitle(title: string) {
+      const item = this.tabs.find(tab => tab.fullPath === this.activeTab);
+      if (item) {
+        item.meta.title = title;
+      }
+    },
+    /**
+     * 初始化首页页签路由
+     * @param routeHomeName - 路由首页的name
+     * @param router - 路由实例
+     */
+    initHomeTab(routeHomeName: string, router: Router) {
+      const routes = router.getRoutes();
+      const findHome = routes.find(item => item.name === routeHomeName);
+      if (findHome && !findHome.children.length) {
+        // 有子路由的不能作为Tab
+        this.homeTab = getTabRouteByVueRoute(findHome);
+      }
+    },
+    /**
+     * 添加多页签
+     * @param route - 路由
+     */
+    addTab(route: RouteLocationNormalizedLoaded) {
+      const tab = getTabRouteByVueRoute(route);
+
+      if (isInTabRoutes(this.tabs, tab.fullPath)) {
+        return;
+      }
+
+      const index = getIndexInTabRoutesByRouteName(this.tabs, route.name as string);
+
+      if (index === -1) {
+        this.tabs.push(tab);
+        return;
+      }
+
+      const { multiTab = false } = route.meta;
+      if (!multiTab) {
+        this.tabs.splice(index, 1, tab);
+        return;
+      }
+
+      this.tabs.push(tab);
+    },
+    /**
+     * 删除多页签
+     * @param fullPath - 路由fullPath
+     */
+    async removeTab(fullPath: string) {
+      const { routerPush } = useRouterPush(false);
+
+      const isActive = this.activeTab === fullPath;
+      const updateTabs = this.tabs.filter(tab => tab.fullPath !== fullPath);
+      if (!isActive) {
+        this.tabs = updateTabs;
+      }
+      if (isActive && updateTabs.length) {
+        const activePath = updateTabs[updateTabs.length - 1].fullPath;
+        const navigationFailure = await routerPush(activePath);
+        if (!navigationFailure) {
+          this.tabs = updateTabs;
+          this.setActiveTab(activePath);
+        }
+      }
+    },
+    /**
+     * 清空多页签(多页签首页保留)
+     * @param excludes - 保留的多页签path
+     */
+    async clearTab(excludes: string[] = []) {
+      const { routerPush } = useRouterPush(false);
+
+      const homePath = this.homeTab.fullPath;
+      const remain = [homePath, ...excludes];
+      const hasActive = remain.includes(this.activeTab);
+      const updateTabs = this.tabs.filter(tab => remain.includes(tab.fullPath));
+      if (hasActive) this.tabs = updateTabs;
+      if (!hasActive && updateTabs.length) {
+        const activePath = updateTabs[updateTabs.length - 1].fullPath;
+        const navigationFailure = await routerPush(activePath);
+        if (!navigationFailure) {
+          this.tabs = updateTabs;
+          this.setActiveTab(activePath);
+        }
+      }
+    },
+    /**
+     * 清除左边多页签
+     * @param fullPath - 路由fullPath
+     */
+    clearLeftTab(fullPath: string) {
+      const index = getIndexInTabRoutes(this.tabs, fullPath);
+      if (index > -1) {
+        const excludes = this.tabs.slice(index).map(item => item.fullPath);
+        this.clearTab(excludes);
+      }
+    },
+    /**
+     * 清除右边多页签
+     * @param fullPath - 路由fullPath
+     */
+    clearRightTab(fullPath: string) {
+      const index = getIndexInTabRoutes(this.tabs, fullPath);
+      if (index > -1) {
+        const excludes = this.tabs.slice(0, index + 1).map(item => item.fullPath);
+        this.clearTab(excludes);
+      }
+    },
+    /** 清除所有多页签 */
+    clearAllTab() {
+      this.clearTab();
+    },
+    /**
+     * 点击单个tab
+     * @param fullPath - 路由fullPath
+     */
+    async handleClickTab(fullPath: string) {
+      const { routerPush } = useRouterPush(false);
+
+      const isActive = this.activeTab === fullPath;
+      if (!isActive) {
+        const navigationFailure = await routerPush(fullPath);
+        if (!navigationFailure) this.setActiveTab(fullPath);
+      }
+    },
+    /**
+     * 记录tab滚动位置
+     * @param fullPath - 路由fullPath
+     * @param position - tab当前页的滚动位置
+     */
+    recordTabScrollPosition(fullPath: string, position: { left: number; top: number }) {
+      const index = getIndexInTabRoutes(this.tabs, fullPath);
+      if (index > -1) {
+        this.tabs[index].scrollPosition = position;
+      }
+    },
+    /**
+     * 获取tab滚动位置
+     * @param fullPath - 路由fullPath
+     */
+    getTabScrollPosition(fullPath: string) {
+      const position = {
+        left: 0,
+        top: 0
+      };
+      const index = getIndexInTabRoutes(this.tabs, fullPath);
+      if (index > -1) {
+        Object.assign(position, this.tabs[index].scrollPosition);
+      }
+      return position;
+    },
+    /** 初始化Tab状态 */
+    iniTabStore(currentRoute: RouteLocationNormalizedLoaded) {
+      const theme = useThemeStore();
+
+      const tabs: App.GlobalTabRoute[] = theme.tab.isCache ? getTabRoutes() : [];
+
+      const hasHome = getIndexInTabRoutesByRouteName(tabs, this.homeTab.name as string) > -1;
+      if (!hasHome && this.homeTab.name !== 'root') {
+        tabs.unshift(this.homeTab);
+      }
+
+      const isHome = currentRoute.fullPath === this.homeTab.fullPath;
+      const index = getIndexInTabRoutesByRouteName(tabs, currentRoute.name as string);
+      if (!isHome) {
+        const currentTab = getTabRouteByVueRoute(currentRoute);
+        if (!currentRoute.meta.multiTab) {
+          if (index > -1) {
+            tabs.splice(index, 1, currentTab);
+          } else {
+            tabs.push(currentTab);
+          }
+        } else {
+          const hasCurrent = isInTabRoutes(tabs, currentRoute.fullPath);
+          if (!hasCurrent) {
+            tabs.push(currentTab);
+          }
+        }
+      }
+
+      this.tabs = tabs;
+      this.setActiveTab(currentRoute.fullPath);
+    }
+  }
+});
diff --git a/src/store/modules/theme/helpers.ts b/src/store/modules/theme/helpers.ts
new file mode 100644
index 0000000..35c355a
--- /dev/null
+++ b/src/store/modules/theme/helpers.ts
@@ -0,0 +1,80 @@
+import type { GlobalThemeOverrides } from 'naive-ui';
+import { cloneDeep } from 'lodash-es';
+import { themeSetting } from '@/settings';
+import { localStg, addColorAlpha, getColorPalette } from '@/utils';
+
+/** 初始化主题配置 */
+export function initThemeSettings() {
+  const isProd = import.meta.env.PROD;
+  // 生产环境才缓存主题配置，本地开发实时调整配置更改配置的json
+  const storageSettings = localStg.get('themeSettings');
+
+  if (isProd && storageSettings) {
+    return storageSettings;
+  }
+
+  const themeColor = localStg.get('themeColor') || themeSetting.themeColor;
+  const info = themeSetting.isCustomizeInfoColor ? themeSetting.otherColor.info : getColorPalette(themeColor, 7);
+  const otherColor = { ...themeSetting.otherColor, info };
+  const setting = cloneDeep({ ...themeSetting, themeColor, otherColor });
+  return setting;
+}
+
+type ColorType = 'primary' | 'info' | 'success' | 'warning' | 'error';
+type ColorScene = '' | 'Suppl' | 'Hover' | 'Pressed' | 'Active';
+type ColorKey = `${ColorType}Color${ColorScene}`;
+type ThemeColor = Partial<Record<ColorKey, string>>;
+
+interface ColorAction {
+  scene: ColorScene;
+  handler: (color: string) => string;
+}
+
+/** 获取主题颜色的各种场景对应的颜色 */
+function getThemeColors(colors: [ColorType, string][]) {
+  const colorActions: ColorAction[] = [
+    { scene: '', handler: color => color },
+    { scene: 'Suppl', handler: color => color },
+    { scene: 'Hover', handler: color => getColorPalette(color, 5) },
+    { scene: 'Pressed', handler: color => getColorPalette(color, 7) },
+    { scene: 'Active', handler: color => addColorAlpha(color, 0.1) }
+  ];
+
+  const themeColor: ThemeColor = {};
+
+  colors.forEach(color => {
+    colorActions.forEach(action => {
+      const [colorType, colorValue] = color;
+      const colorKey: ColorKey = `${colorType}Color${action.scene}`;
+      themeColor[colorKey] = action.handler(colorValue);
+    });
+  });
+
+  return themeColor;
+}
+
+/** 获取naive的主题颜色 */
+export function getNaiveThemeOverrides(colors: Record<ColorType, string>): GlobalThemeOverrides {
+  const { primary, success, warning, error } = colors;
+
+  const info = themeSetting.isCustomizeInfoColor ? colors.info : getColorPalette(primary, 7);
+
+  const themeColors = getThemeColors([
+    ['primary', primary],
+    ['info', info],
+    ['success', success],
+    ['warning', warning],
+    ['error', error]
+  ]);
+
+  const colorLoading = primary;
+
+  return {
+    common: {
+      ...themeColors
+    },
+    LoadingBar: {
+      colorLoading
+    }
+  };
+}
diff --git a/src/store/modules/theme/index.ts b/src/store/modules/theme/index.ts
new file mode 100644
index 0000000..35be6f1
--- /dev/null
+++ b/src/store/modules/theme/index.ts
@@ -0,0 +1,177 @@
+import { defineStore } from 'pinia';
+import { darkTheme } from 'naive-ui';
+import { localStg } from '@/utils';
+import { getNaiveThemeOverrides, initThemeSettings } from './helpers';
+
+type ThemeState = Theme.Setting;
+
+export const useThemeStore = defineStore('theme-store', {
+  state: (): ThemeState => initThemeSettings(),
+  getters: {
+    /** naiveUI的主题配置 */
+    naiveThemeOverrides(state) {
+      const overrides = getNaiveThemeOverrides({ primary: state.themeColor, ...state.otherColor });
+      return overrides;
+    },
+    /** naive-ui暗黑主题 */
+    naiveTheme(state) {
+      return state.darkMode ? darkTheme : undefined;
+    },
+    /** 页面动画模式 */
+    pageAnimateMode(state) {
+      return state.page.animate ? state.page.animateMode : undefined;
+    }
+  },
+  actions: {
+    /** 重置theme状态 */
+    resetThemeStore() {
+      localStg.remove('themeSettings');
+      this.$reset();
+    },
+    /** 缓存主题配置 */
+    cacheThemeSettings() {
+      const isProd = import.meta.env.PROD;
+      if (isProd) {
+        localStg.set('themeSettings', this.$state);
+      }
+    },
+    /** 设置暗黑模式 */
+    setDarkMode(darkMode: boolean) {
+      this.darkMode = darkMode;
+    },
+    /** 设置自动跟随系统主题 */
+    setFollowSystemTheme(visible: boolean) {
+      this.followSystemTheme = visible;
+    },
+    /** 自动跟随系统主题 */
+    setAutoFollowSystemMode(darkMode: boolean) {
+      if (this.followSystemTheme) {
+        this.darkMode = darkMode;
+      }
+    },
+    /** 切换/关闭 暗黑模式 */
+    toggleDarkMode() {
+      this.darkMode = !this.darkMode;
+    },
+    /** 设置布局最小宽度 */
+    setLayoutMinWidth(minWidth: number) {
+      this.layout.minWidth = minWidth;
+    },
+    /** 设置布局模式 */
+    setLayoutMode(mode: UnionKey.ThemeLayoutMode) {
+      this.layout.mode = mode;
+    },
+    /** 设置滚动模式 */
+    setScrollMode(mode: UnionKey.ThemeScrollMode) {
+      this.scrollMode = mode;
+    },
+    /** 设置侧边栏反转色 */
+    setSiderInverted(isInverted: boolean) {
+      this.sider.inverted = isInverted;
+    },
+    /** 设置头部反转色 */
+    setHeaderInverted(isInverted: boolean) {
+      this.header.inverted = isInverted;
+    },
+    /** 设置系统主题颜色 */
+    setThemeColor(themeColor: string) {
+      this.themeColor = themeColor;
+    },
+    /** 设置固定头部和多页签 */
+    setIsFixedHeaderAndTab(isFixed: boolean) {
+      this.fixedHeaderAndTab = isFixed;
+    },
+    /** 设置重载按钮可见状态 */
+    setReloadVisible(visible: boolean) {
+      this.showReload = visible;
+    },
+    /** 设置头部高度 */
+    setHeaderHeight(height: number | null) {
+      if (height) {
+        this.header.height = height;
+      }
+    },
+    /** 设置头部面包屑可见 */
+    setHeaderCrumbVisible(visible: boolean) {
+      this.header.crumb.visible = visible;
+    },
+    /** 设置头部面包屑图标可见 */
+    setHeaderCrumbIconVisible(visible: boolean) {
+      this.header.crumb.showIcon = visible;
+    },
+    /** 设置多页签可见 */
+    setTabVisible(visible: boolean) {
+      this.tab.visible = visible;
+    },
+    /** 设置多页签高度 */
+    setTabHeight(height: number | null) {
+      if (height) {
+        this.tab.height = height;
+      }
+    },
+    /** 设置多页签风格 */
+    setTabMode(mode: UnionKey.ThemeTabMode) {
+      this.tab.mode = mode;
+    },
+    /** 设置多页签缓存 */
+    setTabIsCache(isCache: boolean) {
+      this.tab.isCache = isCache;
+    },
+    /** 侧边栏宽度 */
+    setSiderWidth(width: number | null) {
+      if (width) {
+        this.sider.width = width;
+      }
+    },
+    /** 侧边栏折叠时的宽度 */
+    setSiderCollapsedWidth(width: number) {
+      this.sider.collapsedWidth = width;
+    },
+    /** vertical-mix模式下侧边栏宽度 */
+    setMixSiderWidth(width: number | null) {
+      if (width) {
+        this.sider.mixWidth = width;
+      }
+    },
+    /** vertical-mix模式下侧边栏折叠时的宽度 */
+    setMixSiderCollapsedWidth(width: number) {
+      this.sider.mixCollapsedWidth = width;
+    },
+    /** vertical-mix模式下侧边栏展示子菜单的宽度 */
+    setMixSiderChildMenuWidth(width: number) {
+      this.sider.mixChildMenuWidth = width;
+    },
+    /** 设置水平模式的菜单的位置 */
+    setHorizontalMenuPosition(position: UnionKey.ThemeHorizontalMenuPosition) {
+      this.menu.horizontalPosition = position;
+    },
+    /** 设置底部是否显示 */
+    setFooterVisible(isVisible: boolean) {
+      this.footer.visible = isVisible;
+    },
+    /** 设置底部是否固定 */
+    setFooterIsFixed(isFixed: boolean) {
+      this.footer.fixed = isFixed;
+    },
+    /** 设置底部是否固定 */
+    setFooterIsRight(right: boolean) {
+      this.footer.right = right;
+    },
+    /** 设置底部高度 */
+    setFooterHeight(height: number) {
+      this.footer.height = height;
+    },
+    /** 设置底部高度 */
+    setFooterInverted(inverted: boolean) {
+      this.footer.inverted = inverted;
+    },
+    /** 设置切换页面时是否过渡动画 */
+    setPageIsAnimate(animate: boolean) {
+      this.page.animate = animate;
+    },
+    /** 设置页面过渡动画类型 */
+    setPageAnimateMode(mode: UnionKey.ThemeAnimateMode) {
+      this.page.animateMode = mode;
+    }
+  }
+});
diff --git a/src/store/plugins/index.ts b/src/store/plugins/index.ts
new file mode 100644
index 0000000..1b43f5b
--- /dev/null
+++ b/src/store/plugins/index.ts
@@ -0,0 +1,21 @@
+import type { PiniaPluginContext } from 'pinia';
+import { cloneDeep } from 'lodash-es';
+
+/**
+ * setup语法的重置状态插件
+ * @param context
+ * @description 请将用setup语法的状态id写入到setupSyntaxIds
+ */
+export function resetSetupStore(context: PiniaPluginContext) {
+  const setupSyntaxIds = ['setup-store'];
+
+  if (setupSyntaxIds.includes(context.store.$id)) {
+    const { $state } = context.store;
+
+    const defaultStore = cloneDeep($state);
+
+    context.store.$reset = () => {
+      context.store.$patch(defaultStore);
+    };
+  }
+}
diff --git a/src/store/subscribe/app.ts b/src/store/subscribe/app.ts
new file mode 100644
index 0000000..42980bc
--- /dev/null
+++ b/src/store/subscribe/app.ts
@@ -0,0 +1,40 @@
+import { effectScope, onScopeDispose, watch } from 'vue';
+import { useFullscreen } from '@vueuse/core';
+import { useAppStore } from '../modules';
+
+/** 订阅app store */
+export default function subscribeAppStore() {
+  const { isFullscreen, toggle } = useFullscreen();
+
+  const app = useAppStore();
+
+  const scope = effectScope();
+
+  function update() {
+    if (app.contentFull && !isFullscreen.value) {
+      toggle();
+    }
+    if (!app.contentFull && isFullscreen.value) {
+      toggle();
+    }
+  }
+
+  scope.run(() => {
+    watch(
+      () => app.contentFull,
+      () => {
+        update();
+      }
+    );
+
+    watch(isFullscreen, newValue => {
+      if (!newValue) {
+        app.setContentFull(false);
+      }
+    });
+  });
+
+  onScopeDispose(() => {
+    scope.stop();
+  });
+}
diff --git a/src/store/subscribe/index.ts b/src/store/subscribe/index.ts
new file mode 100644
index 0000000..a575015
--- /dev/null
+++ b/src/store/subscribe/index.ts
@@ -0,0 +1,8 @@
+import subscribeAppStore from './app';
+import subscribeThemeStore from './theme';
+
+/** 订阅状态 */
+export function subscribeStore() {
+  subscribeAppStore();
+  subscribeThemeStore();
+}
diff --git a/src/store/subscribe/theme.ts b/src/store/subscribe/theme.ts
new file mode 100644
index 0000000..065c1e1
--- /dev/null
+++ b/src/store/subscribe/theme.ts
@@ -0,0 +1,119 @@
+import { effectScope, onScopeDispose, watch } from 'vue';
+import { useOsTheme } from 'naive-ui';
+import type { GlobalThemeOverrides } from 'naive-ui';
+import { useElementSize } from '@vueuse/core';
+import { kebabCase } from 'lodash-es';
+import { localStg, getColorPalettes, getRgbOfColor } from '@/utils';
+import { useThemeStore } from '../modules';
+
+/** 订阅theme store */
+export default function subscribeThemeStore() {
+  const theme = useThemeStore();
+  const osTheme = useOsTheme();
+  const { width } = useElementSize(document.documentElement);
+  const { addDarkClass, removeDarkClass } = handleCssDarkMode();
+  const scope = effectScope();
+
+  scope.run(() => {
+    // 监听主题颜色
+    watch(
+      () => theme.themeColor,
+      newValue => {
+        localStg.set('themeColor', newValue);
+      },
+      { immediate: true }
+    );
+
+    // 监听naiveUI themeOverrides
+    watch(
+      () => theme.naiveThemeOverrides,
+      newValue => {
+        if (newValue.common) {
+          addThemeCssVarsToHtml(newValue.common);
+        }
+      },
+      { immediate: true }
+    );
+
+    // 监听暗黑模式
+    watch(
+      () => theme.darkMode,
+      newValue => {
+        if (newValue) {
+          addDarkClass();
+        } else {
+          removeDarkClass();
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+
+    // 监听操作系统主题模式
+    watch(
+      osTheme,
+      newValue => {
+        const isDark = newValue === 'dark';
+        theme.setAutoFollowSystemMode(isDark);
+      },
+      { immediate: true }
+    );
+
+    // 禁用横向滚动(页面切换时,过渡动画会产生水平方向的滚动条, 小于最小宽度时，不禁止)
+    watch(width, newValue => {
+      if (newValue < theme.layout.minWidth) {
+        document.documentElement.style.overflowX = 'auto';
+      } else {
+        document.documentElement.style.overflowX = 'hidden';
+      }
+    });
+  });
+
+  onScopeDispose(() => {
+    scope.stop();
+  });
+}
+
+/** css 暗黑模式 */
+function handleCssDarkMode() {
+  const DARK_CLASS = 'dark';
+  function addDarkClass() {
+    document.documentElement.classList.add(DARK_CLASS);
+  }
+  function removeDarkClass() {
+    document.documentElement.classList.remove(DARK_CLASS);
+  }
+  return {
+    addDarkClass,
+    removeDarkClass
+  };
+}
+
+type ThemeVars = Exclude<GlobalThemeOverrides['common'], undefined>;
+type ThemeVarsKeys = keyof ThemeVars;
+
+/** 添加css vars至html */
+function addThemeCssVarsToHtml(themeVars: ThemeVars) {
+  const keys = Object.keys(themeVars) as ThemeVarsKeys[];
+  const style: string[] = [];
+  keys.forEach(key => {
+    const color = themeVars[key];
+
+    if (color) {
+      const { r, g, b } = getRgbOfColor(color);
+      style.push(`--${kebabCase(key)}: ${r},${g},${b}`);
+
+      if (key === 'primaryColor') {
+        const colorPalettes = getColorPalettes(color);
+
+        colorPalettes.forEach((palette, index) => {
+          const { r: pR, g: pG, b: pB } = getRgbOfColor(palette);
+          style.push(`--${kebabCase(key)}${index + 1}: ${pR},${pG},${pB}`);
+        });
+      }
+    }
+  });
+  const styleStr = style.join(';');
+  document.documentElement.style.cssText += styleStr;
+}
diff --git a/src/styles/css/global.css b/src/styles/css/global.css
new file mode 100644
index 0000000..d503876
--- /dev/null
+++ b/src/styles/css/global.css
@@ -0,0 +1,8 @@
+@import "./transition.css";
+@import "./reset.css";
+
+html,
+body,
+#app {
+	height: 100%;
+}
diff --git a/src/styles/css/reset.css b/src/styles/css/reset.css
new file mode 100644
index 0000000..6fffc22
--- /dev/null
+++ b/src/styles/css/reset.css
@@ -0,0 +1,369 @@
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+	box-sizing: border-box; /* 1 */
+	border-width: 0; /* 2 */
+	border-style: solid; /* 2 */
+	border-color: currentColor; /* 2 */
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+*/
+
+html {
+	line-height: 1.5; /* 1 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+	-moz-tab-size: 4; /* 3 */
+	tab-size: 4; /* 3 */
+	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+		"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+	margin: 0; /* 1 */
+	line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+	height: 0; /* 1 */
+	color: inherit; /* 2 */
+	border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+	text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+	color: inherit;
+	text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+		"Liberation Mono", "Courier New", monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+	font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+	text-indent: 0; /* 1 */
+	border-color: inherit; /* 2 */
+	border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit; /* 1 */
+	font-size: 100%; /* 1 */
+	line-height: inherit; /* 1 */
+	color: inherit; /* 1 */
+	margin: 0; /* 2 */
+	padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+	text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+	-webkit-appearance: button; /* 1 */
+	/* background-color: transparent; 2 */
+	background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+	outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+	box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+	vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; /* 1 */
+	font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+	display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+	margin: 0;
+}
+
+fieldset {
+	margin: 0;
+	padding: 0;
+}
+
+legend {
+	padding: 0;
+}
+
+ol,
+ul,
+menu {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+	resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+	opacity: 1; /* 1 */
+	color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+	cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+	cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+	display: block; /* 1 */
+	vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+	max-width: 100%;
+	height: auto;
+}
+
+/*
+Ensure the default browser behavior of the `hidden` attribute.
+*/
+
+[hidden] {
+	display: none;
+}
+
+.dark {
+	color-scheme: dark;
+}
diff --git a/src/styles/css/transition.css b/src/styles/css/transition.css
new file mode 100644
index 0000000..f6b7940
--- /dev/null
+++ b/src/styles/css/transition.css
@@ -0,0 +1,76 @@
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+	transition: opacity 0.3s ease-in-out;
+}
+.fade-enter-from,
+.fade-leave-to {
+	opacity: 0;
+}
+
+/* fade-slide */
+.fade-slide-leave-active,
+.fade-slide-enter-active {
+	transition: all 0.3s;
+}
+.fade-slide-enter-from {
+	opacity: 0;
+	transform: translateX(-30px);
+}
+.fade-slide-leave-to {
+	opacity: 0;
+	transform: translateX(30px);
+}
+
+/* fade-bottom */
+.fade-bottom-enter-active,
+.fade-bottom-leave-active {
+	transition: opacity 0.25s, transform 0.3s;
+}
+.fade-bottom-enter-from {
+	opacity: 0;
+	transform: translateY(-10%);
+}
+.fade-bottom-leave-to {
+	opacity: 0;
+	transform: translateY(10%);
+}
+
+/* fade-scale */
+.fade-scale-leave-active,
+.fade-scale-enter-active {
+	transition: all 0.28s;
+}
+.fade-scale-enter-from {
+	opacity: 0;
+	transform: scale(1.2);
+}
+.fade-scale-leave-to {
+	opacity: 0;
+	transform: scale(0.8);
+}
+
+/* zoom-fade */
+.zoom-fade-enter-active,
+.zoom-fade-leave-active {
+	transition: transform 0.2s, opacity 0.3s ease-out;
+}
+.zoom-fade-enter-from {
+	opacity: 0;
+	transform: scale(0.92);
+}
+.zoom-fade-leave-to {
+	opacity: 0;
+	transform: scale(1.06);
+}
+
+/* zoom-out */
+.zoom-out-enter-active,
+.zoom-out-leave-active {
+	transition: opacity 0.1s ease-in-out, transform 0.15s ease-out;
+}
+.zoom-out-enter-from,
+.zoom-out-leave-to {
+	opacity: 0;
+	transform: scale(0);
+}
diff --git a/src/styles/scss/global.scss b/src/styles/scss/global.scss
new file mode 100644
index 0000000..72ea10f
--- /dev/null
+++ b/src/styles/scss/global.scss
@@ -0,0 +1 @@
+@import "./scrollbar.scss";
diff --git a/src/styles/scss/scrollbar.scss b/src/styles/scss/scrollbar.scss
new file mode 100644
index 0000000..ae9edb0
--- /dev/null
+++ b/src/styles/scss/scrollbar.scss
@@ -0,0 +1,21 @@
+@mixin scrollbar($size: 8px, $color: #d9d9d9) {
+	scrollbar-width: thin;
+	scrollbar-color: $color transparent;
+
+	&::-webkit-scrollbar-thumb {
+		background-color: $color;
+		border-radius: $size;
+	}
+	&::-webkit-scrollbar-thumb:hover {
+		background-color: $color;
+		border-radius: $size;
+	}
+	&::-webkit-scrollbar {
+		width: $size;
+		height: $size;
+	}
+	&::-webkit-scrollbar-track-piece {
+		background-color: rgba(0, 0, 0, 0);
+		border-radius: 0;
+	}
+}
diff --git a/src/typings/api.d.ts b/src/typings/api.d.ts
new file mode 100644
index 0000000..0045547
--- /dev/null
+++ b/src/typings/api.d.ts
@@ -0,0 +1,56 @@
+// 后端接口返回的数据类型
+
+/** 后端返回的用户权益相关类型 */
+declare namespace ApiAuth {
+  /** 返回的token和刷新token */
+  interface Token {
+    token: string;
+    refreshToken?: string;
+  }
+  /** 返回的用户信息 */
+  type UserInfo = Auth.UserInfo;
+}
+
+/** 后端返回的路由相关类型 */
+declare namespace ApiRoute {
+  /** 后端返回的路由数据类型 */
+  interface Route {
+    /** 动态路由 */
+    routes: AuthRoute.Route[];
+    /** 路由首页对应的key */
+    home: AuthRoute.AllRouteKey;
+  }
+}
+
+declare namespace ApiUserManagement {
+  interface User {
+    /** 用户id */
+    id: string;
+    /** 用户名 */
+    userName: string | null;
+    /** 用户年龄 */
+    age: number | null;
+    /**
+     * 用户性别
+     * - 0: 女
+     * - 1: 男
+     */
+    gender: '0' | '1' | null;
+    /** 用户手机号码 */
+    phone: string;
+    /** 用户邮箱 */
+    email: string | null;
+    /**
+     * 用户状态
+     * - 1: 启用
+     * - 2: 禁用
+     * - 3: 冻结
+     * - 4: 软删除
+     */
+    userStatus: '1' | '2' | '3' | '4' | null;
+  }
+
+	interface wdConfigInfo {
+		[key: string]: any
+	}
+}
diff --git a/src/typings/business.d.ts b/src/typings/business.d.ts
new file mode 100644
index 0000000..0f3cb21
--- /dev/null
+++ b/src/typings/business.d.ts
@@ -0,0 +1,62 @@
+/** 用户相关模块 */
+declare namespace Auth {
+  /**
+   * 用户角色类型(前端静态路由用角色类型进行路由权限的控制)
+   * - super: 超级管理员(该权限具有所有路由数据)
+   * - admin: 管理员
+   * - user: 用户
+   */
+  type RoleType = 'super' | 'admin' | 'user';
+
+  /** 用户信息 */
+  interface UserInfo {
+    /** 用户id */
+    userId: string;
+    /** 用户名 */
+    userName: string;
+    /** 用户角色类型 */
+    userRole: RoleType;
+		/** 用户手机号码 */
+		userPhone?: string;
+		expire?: number | string;
+  }
+
+	/** 记住用户账密 */
+	type UpInfoType = {
+		name: string,
+		pwd: string
+	}
+
+	type wdInfoType = {
+		[key: string]: any
+	}
+
+	/** 数据源配置信息 */
+	type wdConfigInfo = wdInfoType[]
+}
+
+declare namespace UserManagement {
+  interface User extends ApiUserManagement.User {
+    /** 序号 */
+    index: number;
+    /** 表格的key（id） */
+    key: string;
+  }
+
+  /**
+   * 用户性别
+   * - 0: 女
+   * - 1: 男
+   */
+  type GenderKey = NonNullable<User['gender']>;
+
+  /**
+   * 用户状态
+   * - 1: 启用
+   * - 2: 禁用
+   * - 3: 冻结
+   * - 4: 软删除
+   */
+  type UserStatusKey = NonNullable<User['userStatus']>;
+}
+
diff --git a/src/typings/env.d.ts b/src/typings/env.d.ts
new file mode 100644
index 0000000..e8adcb9
--- /dev/null
+++ b/src/typings/env.d.ts
@@ -0,0 +1,78 @@
+/**
+ *后台服务的环境类型
+ * - dev: 后台开发环境
+ * - test: 后台测试环境
+ * - prod: 后台生产环境
+ */
+type ServiceEnvType = 'dev' | 'test' | 'prod';
+
+/** 后台服务的环境配置 */
+interface ServiceEnvConfig {
+  /** 请求地址 */
+  url: string;
+	url2: string;
+	url3: string;
+}
+
+interface ServiceEnvConfigWithProxyPattern extends ServiceEnvConfig {
+  /**
+   * 匹配路径的正则字符串
+   * - 用于拦截地址转发代理(任意以 /开头 + 字符串, 单个/不起作用)
+   * - 和后端请求地址的前缀无关
+   * - 有多个后端请求实例时，需要创建不同的值
+   */
+  proxyPattern: '/proxy-pattern';
+	proxyPattern2: '/api';
+}
+
+interface ImportMetaEnv {
+  /** 项目基本地址 */
+  readonly VITE_BASE_URL: string;
+  /** 项目名称 */
+  readonly VITE_APP_NAME: string;
+  /** 项目标题 */
+  readonly VITE_APP_TITLE: string;
+  /** 项目描述 */
+  readonly VITE_APP_DESC: string;
+  /**
+   * 权限路由模式:
+   * - static - 前端声明的静态
+   * - dynamic - 后端返回的动态
+   */
+  readonly VITE_AUTH_ROUTE_MODE: 'static' | 'dynamic';
+  /** 路由首页的路径 */
+  readonly VITE_ROUTE_HOME_PATH: AuthRoute.RoutePath;
+  /** iconify图标作为组件的前缀 */
+  readonly VITE_ICON_PREFFIX: string;
+  /**
+   * 本地SVG图标作为组件的前缀, 请注意一定要包含 VITE_ICON_PREFFIX
+   * - 格式 {VITE_ICON_PREFFIX}-{本地图标集合名称}
+   * - 例如：icon-local
+   */
+  readonly VITE_ICON_LOCAL_PREFFIX: string;
+  /** 后端服务的环境类型 */
+  readonly VITE_SERVICE_ENV?: ServiceEnvType;
+  /** 开启请求代理 */
+  readonly VITE_HTTP_PROXY?: 'Y' | 'N';
+  /** 是否开启打包文件大小结果分析 */
+  readonly VITE_VISUALIZER?: 'Y' | 'N';
+  /** 是否开启打包压缩 */
+  readonly VITE_COMPRESS?: 'Y' | 'N';
+  /** 压缩算法类型 */
+  readonly VITE_COMPRESS_TYPE?: 'gzip' | 'brotliCompress' | 'deflate' | 'deflateRaw';
+  /** 是否应用pwa */
+  readonly VITE_PWA?: 'Y' | 'N';
+  /**
+   * 是否开启生产模式下的mock
+   * @description 生产模式下会拦截XHR，导致无法获取response，不使用mock请求时设置为N
+   */
+  readonly VITE_PROD_MOCK?: 'Y' | 'N';
+  /** hash路由模式 */
+  readonly VITE_HASH_ROUTE?: 'Y' | 'N';
+  /** 是否是部署的vercel */
+  readonly VITE_VERCEL?: 'Y' | 'N';
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
diff --git a/src/typings/expose.d.ts b/src/typings/expose.d.ts
new file mode 100644
index 0000000..0cf5b17
--- /dev/null
+++ b/src/typings/expose.d.ts
@@ -0,0 +1,11 @@
+/** vue 的defineExpose导出的类型 */
+declare namespace Expose {
+  interface BetterScroll {
+    instance: import('@better-scroll/core').BScrollInstance;
+  }
+
+  interface ImageVerify {
+    /** 获取图片验证码 */
+    getImgCode(): void;
+  }
+}
diff --git a/src/typings/global.d.ts b/src/typings/global.d.ts
new file mode 100644
index 0000000..a2f4eeb
--- /dev/null
+++ b/src/typings/global.d.ts
@@ -0,0 +1,21 @@
+interface Window {
+  $loadingBar?: import('naive-ui').LoadingBarProviderInst;
+  $dialog?: import('naive-ui').DialogProviderInst;
+  $message?: import('naive-ui').MessageProviderInst;
+  $notification?: import('naive-ui').NotificationProviderInst;
+}
+
+/** 通用类型 */
+declare namespace Common {
+  /**
+   * 策略模式
+   * [状态, 为true时执行的回调函数]
+   */
+  type StrategyAction = [boolean, () => void];
+
+  /** 选项数据 */
+  type OptionWithKey<K> = { value: K; label: string };
+}
+
+/** 构建时间 */
+declare const PROJECT_BUILD_TIME: string;
diff --git a/src/typings/knowledge.d.ts b/src/typings/knowledge.d.ts
new file mode 100644
index 0000000..a4628ea
--- /dev/null
+++ b/src/typings/knowledge.d.ts
@@ -0,0 +1,47 @@
+declare namespace Knowledge {
+	/* 知识 */
+	interface K {
+		KID: string;
+		KName: string;
+		KType: string;
+		KConfig: any;
+		KCreateTime: string;
+		KUpdateTime: string;
+	}
+	/* 知识库 */
+	interface Base {
+		KBID: string;
+		KBName: string;
+		KBDesc: string;
+		KBLabel: string;
+		KBColor: string;
+		KBBGImg: string;
+		KBCreateTime: string;
+		KBUpdateTime: string;
+		data: K[];
+	}
+
+	interface Chunk_info {
+		chunk_num: string;
+		text: string;
+	}
+
+	interface Previews {
+		type: string;
+		file_name: string;
+		chunk_num: number;
+		total_chunk_num: number;
+		chunk_info: Chunk_info[];
+	}
+
+	interface Chunks_info {
+		pk: number;
+		text: string;
+		sequence: number;
+	}
+
+	interface KDetails {
+		total: number;
+		chunks_info: Chunks_info[];
+	}
+}
diff --git a/src/typings/naive-ui.d.ts b/src/typings/naive-ui.d.ts
new file mode 100644
index 0000000..1c6a290
--- /dev/null
+++ b/src/typings/naive-ui.d.ts
@@ -0,0 +1,3 @@
+declare namespace NaiveUI {
+  type ThemeColor = 'default' | 'error' | 'primary' | 'info' | 'success' | 'warning';
+}
diff --git a/src/typings/package.d.ts b/src/typings/package.d.ts
new file mode 100644
index 0000000..f7db292
--- /dev/null
+++ b/src/typings/package.d.ts
@@ -0,0 +1,15 @@
+/// <reference types="@amap/amap-jsapi-types" />
+/// <reference types="bmapgl" />
+
+declare namespace BMap {
+  class Map extends BMapGL.Map {}
+  class Point extends BMapGL.Point {}
+}
+
+declare const TMap: any;
+
+declare module 'unplugin-vue-define-options/vite' {
+  const plugin: (options?: import('unplugin-vue-define-options/dist/unplugin.d-59ddef99').B) => import('vite').Plugin;
+
+  export default plugin;
+}
diff --git a/src/typings/page-route.d.ts b/src/typings/page-route.d.ts
new file mode 100644
index 0000000..81fa1c3
--- /dev/null
+++ b/src/typings/page-route.d.ts
@@ -0,0 +1,150 @@
+declare namespace PageRoute {
+  /**
+   * the root route key
+   * @translate 根路由
+   */
+  type RootRouteKey = 'root';
+
+  /**
+   * the not found route, which catch the invalid route path
+   * @translate 未找到路由(捕获无效路径的路由)
+   */
+  type NotFoundRouteKey = 'not-found';
+
+  /**
+   * the route key
+   * @translate 页面路由
+   */
+  type RouteKey =
+    | '403'
+    | '404'
+    | '500'
+    | 'constant-page'
+    | 'login'
+    | 'not-found'
+    | 'about'
+    | 'auth-demo'
+    | 'auth-demo_permission'
+    | 'auth-demo_super'
+    | 'component'
+    | 'component_button'
+    | 'component_card'
+    | 'component_table'
+    | 'crud'
+    | 'crud_demo'
+    | 'crud_doc'
+    | 'crud_header'
+    | 'crud_header_group'
+    | 'crud_source'
+    | 'dashboard'
+    | 'dashboard_analysis'
+    | 'dashboard_workbench'
+    | 'document'
+    | 'document_naive'
+    | 'document_project-link'
+    | 'document_project'
+    | 'document_vite'
+    | 'document_vue'
+    | 'exception'
+    | 'exception_403'
+    | 'exception_404'
+    | 'exception_500'
+    | 'function'
+    | 'function_tab-detail'
+    | 'function_tab-multi-detail'
+    | 'function_tab'
+    | 'knowany'
+    | 'knowany_views'
+    | 'knowany_views_datasource'
+    | 'knowany_views_knowledgebase'
+    | 'knowledge'
+    | 'knowledge_create'
+    | 'knowledge_details'
+    | 'knowledge_list'
+    | 'management'
+    | 'management_auth'
+    | 'management_role'
+    | 'management_route'
+    | 'management_user'
+    | 'multi-menu'
+    | 'multi-menu_first'
+    | 'multi-menu_first_second-new'
+    | 'multi-menu_first_second-new_third'
+    | 'multi-menu_first_second'
+    | 'plugin'
+    | 'plugin_charts'
+    | 'plugin_charts_antv'
+    | 'plugin_charts_echarts'
+    | 'plugin_copy'
+    | 'plugin_editor'
+    | 'plugin_editor_markdown'
+    | 'plugin_editor_quill'
+    | 'plugin_icon'
+    | 'plugin_map'
+    | 'plugin_print'
+    | 'plugin_swiper'
+    | 'plugin_video'
+    | 'source-management'
+    | 'ybp-list';
+
+  /**
+   * last degree route key, which has the page file
+   * @translate 最后一级路由(该级路有对应的页面文件)
+   */
+  type LastDegreeRouteKey = Extract<
+    RouteKey,
+    | '403'
+    | '404'
+    | '500'
+    | 'constant-page'
+    | 'login'
+    | 'not-found'
+    | 'about'
+    | 'auth-demo_permission'
+    | 'auth-demo_super'
+    | 'component_button'
+    | 'component_card'
+    | 'component_table'
+    | 'crud_demo'
+    | 'crud_doc'
+    | 'crud_header_group'
+    | 'crud_source'
+    | 'dashboard_analysis'
+    | 'dashboard_workbench'
+    | 'document_naive'
+    | 'document_project-link'
+    | 'document_project'
+    | 'document_vite'
+    | 'document_vue'
+    | 'exception_403'
+    | 'exception_404'
+    | 'exception_500'
+    | 'function_tab-detail'
+    | 'function_tab-multi-detail'
+    | 'function_tab'
+    | 'knowany'
+    | 'knowany_views_datasource'
+    | 'knowany_views_knowledgebase'
+    | 'knowledge_create'
+    | 'knowledge_details'
+    | 'knowledge_list'
+    | 'management_auth'
+    | 'management_role'
+    | 'management_route'
+    | 'management_user'
+    | 'multi-menu_first_second-new_third'
+    | 'multi-menu_first_second'
+    | 'plugin_charts_antv'
+    | 'plugin_charts_echarts'
+    | 'plugin_copy'
+    | 'plugin_editor_markdown'
+    | 'plugin_editor_quill'
+    | 'plugin_icon'
+    | 'plugin_map'
+    | 'plugin_print'
+    | 'plugin_swiper'
+    | 'plugin_video'
+    | 'source-management'
+    | 'ybp-list'
+  >;
+}
diff --git a/src/typings/robot.d.ts b/src/typings/robot.d.ts
new file mode 100644
index 0000000..6cff6a8
--- /dev/null
+++ b/src/typings/robot.d.ts
@@ -0,0 +1,125 @@
+declare namespace Robot {
+
+	/* 会话场景 */
+	interface Chatbot {
+		CreateTime: string;
+		UpdateTime: string;
+		ScreenId: string;
+		ScreenType: string;
+		Uid: string;
+		settings: Settings; // 配置信息
+		isEdit?: boolean;
+		screenName?: string;
+	}
+
+
+	/* 会话场景配置信息 */
+	interface Settings {
+		ScreenBasicConfig: ScreenBasicConfig; // 基础配置
+		ScreenQAConfig: ScreenQAConfig; // 数据源配置
+		modelConfig?: ModelConfigType;
+	}
+
+	interface ScreenBasicConfig {
+		ScreenDesc: string; // 场景描述
+		ScreenName: string; // 场景名称
+	}
+
+	interface ScreenQAConfig {
+		ConfigId: string; // 数据源id
+		ConfigName: string; // 数据源名称
+		GroupList: GroupList[]; // 分组列表
+		KBIDS: KBIDS[],
+		RelevantHits: string,
+		SimilarityThreshold: string,
+		isSpread?: boolean; // 是否展开分组
+	}
+
+	interface ModelConfigType {
+		[key: string]: any;
+	}
+
+	/* 分组列表 */
+	interface GroupList {
+		id?: string | number;
+		checked?: number | boolean;
+		sheets: SheetType[]; // 数据表下拉列表
+		children: GroupListChildren[];
+	}
+
+	interface KBIDS {
+		[key: string]: any
+	}
+
+	interface GroupListChildren {
+		sheetName?: string;
+		fieldName?: string;
+		fieldType?: string;
+	}
+
+	/* 会话记录列表 */
+	interface Records {
+		id: string;
+		list: Record[];
+	}
+	/* 会话记录 */
+	interface Record {
+		id: string; // 会话记录id
+		screenType: number, // 场景类型
+		userType: number; // 1 用户 2 机器人
+		value: string; // 输入的文本内容
+		datetime: string | number; // 日期时间
+		loading: boolean; // 加载中
+		loaded: boolean; // 加载完成
+		isWelcome?: boolean; // 是否回复欢迎语
+		isTipsReply?: boolean; // 是否回复提示
+		replyType?: number; // 回复类型 0 问候语 1 错误提示语 2 未配置提示语
+		isKbReply?: boolean; // 知识库问答回复
+		isDhReply?: boolean; // 数据助手问答回复
+		/**
+		 * 状态 0 未发送 1 发送成功 -1 发送失败 -2 加载失败
+		 */
+		state: number;
+		type: number; // 类型 1 文本 2 统计图 3 表格  其他待定
+		data: RecordData; // 数据
+		isDelete?: boolean; // 是否删除
+	}
+
+	interface RecordData {
+		sourceData?: SourceData[];
+		sourceType?: SourceType;
+		sql?: string;
+		spss_reasoning?: string;
+		answer?: string;
+		chunks?: Chunks[];
+	}
+
+	interface SourceData {
+		[key: string]: any;
+	}
+
+	interface SourceType {
+		[key: string]: any;
+	}
+
+	interface Chunks {
+		page_content: string;
+		score: number;
+	}
+
+
+	/* 分组的数据表 */
+	interface SheetType {
+		label: string;
+		value: string;
+		disabled?: boolean;
+		fields: Fields[]; // 字段下拉列表
+	}
+
+	interface Fields {
+		label: string;
+		value: string;
+		type?: string;
+		disabled?: boolean;
+	}
+}
diff --git a/src/typings/route.d.ts b/src/typings/route.d.ts
new file mode 100644
index 0000000..a40004f
--- /dev/null
+++ b/src/typings/route.d.ts
@@ -0,0 +1,151 @@
+declare namespace AuthRoute {
+  /** 根路由路径 */
+  type RootRoutePath = '/';
+
+  /** 捕获无效路由的路由路径 */
+  type NotFoundRoutePath = '/:pathMatch(.*)*';
+
+  type RootRouteKey = PageRoute.RootRouteKey;
+
+  type NotFoundRouteKey = PageRoute.NotFoundRouteKey;
+
+  type RouteKey = PageRoute.RouteKey;
+
+  type LastDegreeRouteKey = PageRoute.LastDegreeRouteKey;
+
+  type AllRouteKey = RouteKey | RootRouteKey | NotFoundRouteKey;
+
+  /** 路由路径 */
+  type RoutePath<K extends AllRouteKey = AllRouteKey> = AuthRouteUtils.GetRoutePath<K>;
+
+  /**
+   * 路由的组件
+   * - basic - 基础布局，具有公共部分的布局
+   * - blank - 空白布局
+   * - multi - 多级路由布局(三级路由或三级以上时，除第一级路由和最后一级路由，其余的采用该布局)
+   * - self - 作为子路由，使用自身的布局(作为最后一级路由，没有子路由)
+   */
+  type RouteComponentType = 'basic' | 'blank' | 'multi' | 'self';
+
+  /** 路由描述 */
+  interface RouteMeta<K extends AuthRoute.RoutePath> {
+    /** 路由标题(可用来作document.title或者菜单的名称) */
+    title: string;
+    /** 用来支持多国语言 如果i18nTitle和title同时存在优先使用i18nTitle */
+    i18nTitle?: string;
+    /** 路由的动态路径(需要动态路径的页面需要将path添加进范型参数) */
+    dynamicPath?: AuthRouteUtils.GetDynamicPath<K>;
+    /** 作为单级路由的父级路由布局组件 */
+    singleLayout?: Extract<RouteComponentType, 'basic' | 'blank'>;
+    /** 需要登录权限 */
+    requiresAuth?: boolean;
+    /**
+     * 哪些类型的用户有权限才能访问的路由(空的话则表示不需要权限)
+     * @description 后端动态路由数据不需要该属性，直接由后端根据用户角色返回对应权限的路由数据
+     */
+    permissions?: Auth.RoleType[];
+    /** 缓存页面 */
+    keepAlive?: boolean;
+    /** 菜单和面包屑对应的图标 */
+    icon?: string;
+    /** 使用本地svg作为的菜单和面包屑对应的图标(assets/svg-icon文件夹的的svg文件名) */
+    localIcon?: string;
+    /** 是否在菜单中隐藏(一些列表、表格的详情页面需要通过参数跳转，所以不能显示在菜单中) */
+    hide?: boolean;
+    /** 外链链接 */
+    href?: string;
+    /** 是否支持多个tab页签(默认一个，即相同name的路由会被替换) */
+    multiTab?: boolean;
+    /** 路由顺序，可用于菜单的排序 */
+    order?: number;
+    /** 当前路由需要选中的菜单项(用于跳转至不在左侧菜单显示的路由且需要高亮某个菜单的情况) */
+    activeMenu?: RouteKey;
+    /** 表示是否是多级路由的中间级路由(用于转换路由数据时筛选多级路由的标识，定义路由时不用填写) */
+    multi?: boolean;
+    /** 是否固定在tab卡不可关闭  */
+    affix?: boolean;
+  }
+
+  type Route<K extends AllRouteKey = AllRouteKey> = K extends AllRouteKey
+    ? {
+        /** 路由名称(路由唯一标识) */
+        name: K;
+        /** 路由路径 */
+        path: AuthRouteUtils.GetRoutePath<K>;
+        /** 路由重定向 */
+        redirect?: AuthRouteUtils.GetRoutePath;
+        /**
+         * 路由组件
+         * - basic: 基础布局，具有公共部分的布局
+         * - blank: 空白布局
+         * - multi: 多级路由布局(三级路由或三级以上时，除第一级路由和最后一级路由，其余的采用该布局)
+         * - self: 作为子路由，使用自身的布局(作为最后一级路由，没有子路由)
+         */
+        component?: RouteComponentType;
+        /** 子路由 */
+        children?: Route[];
+        /** 路由描述 */
+        meta: RouteMeta<RoutePath<K>>;
+      } & Omit<import('vue-router').RouteRecordRaw, 'name' | 'path' | 'redirect' | 'component' | 'children' | 'meta'>
+    : never;
+
+  /** 前端导入的路由模块 */
+  type RouteModule = Record<string, { default: Route }>;
+}
+
+declare namespace AuthRouteUtils {
+  /** 路由key层级分割符 */
+  type RouteKeySplitMark = '_';
+
+  /** 路由path层级分割符 */
+  type RoutePathSplitMark = '/';
+
+  /** 空白字符串 */
+  type BlankString = '';
+
+  /** key转换成path */
+  type KeyToPath<K extends string> = K extends `${infer _Left}${RouteKeySplitMark}${RouteKeySplitMark}${infer _Right}`
+    ? never
+    : K extends `${infer Left}${RouteKeySplitMark}${infer Right}`
+    ? Left extends BlankString
+      ? never
+      : Right extends BlankString
+      ? never
+      : KeyToPath<`${Left}${RoutePathSplitMark}${Right}`>
+    : `${RoutePathSplitMark}${K}`;
+
+  /** 根据路由key获取路由路径 */
+  type GetRoutePath<K extends AuthRoute.AllRouteKey = AuthRoute.AllRouteKey> = K extends AuthRoute.AllRouteKey
+    ? K extends AuthRoute.RootRouteKey
+      ? AuthRoute.RootRoutePath
+      : K extends AuthRoute.NotFoundRouteKey
+      ? AuthRoute.NotFoundRoutePath
+      : KeyToPath<K>
+    : never;
+
+  /** 获取一级路由(有子路由的一级路由和没有子路由的路由) */
+  type GetFirstDegreeRouteKey<K extends AuthRoute.RouteKey = AuthRoute.RouteKey> =
+    K extends `${infer _Left}${RouteKeySplitMark}${infer _Right}` ? never : K;
+
+  /** 获取有子路由的一级路由 */
+  type GetFirstDegreeRouteKeyWithChildren<K extends AuthRoute.RouteKey = AuthRoute.RouteKey> =
+    K extends `${infer Left}${RouteKeySplitMark}${infer _Right}` ? Left : never;
+
+  /** 单级路由的key (单级路由需要添加一个父级路由用于应用布局组件) */
+  type SingleRouteKey = Exclude<
+    GetFirstDegreeRouteKey,
+    GetFirstDegreeRouteKeyWithChildren | AuthRoute.RootRouteKey | AuthRoute.NotFoundRouteKey
+  >;
+
+  /** 单独路由父级路由key */
+  type SingleRouteParentKey = `${SingleRouteKey}-parent`;
+
+  /** 单独路由父级路由path */
+  type SingleRouteParentPath = KeyToPath<SingleRouteParentKey>;
+
+  /** 获取路由动态路径 */
+  type GetDynamicPath<P extends AuthRoute.RoutePath> =
+    | `${P}/:${string}`
+    | `${P}/:${string}(${string})`
+    | `${P}/:${string}(${string})?`;
+}
diff --git a/src/typings/router.d.ts b/src/typings/router.d.ts
new file mode 100644
index 0000000..1a458ea
--- /dev/null
+++ b/src/typings/router.d.ts
@@ -0,0 +1,5 @@
+import 'vue-router';
+
+declare module 'vue-router' {
+  interface RouteMeta extends AuthRoute.RouteMeta<AuthRoute.RoutePath> {}
+}
diff --git a/src/typings/storage.d.ts b/src/typings/storage.d.ts
new file mode 100644
index 0000000..0c1fbac
--- /dev/null
+++ b/src/typings/storage.d.ts
@@ -0,0 +1,38 @@
+declare namespace StorageInterface {
+  /** localStorage的存储数据的类型 */
+  interface Session {
+    demoKey: string;
+  }
+
+  /** localStorage的存储数据的类型 */
+  interface Local {
+    /** 主题颜色 */
+    themeColor: string;
+    /** 用户token */
+    token: string;
+    /** 用户刷新token */
+    refreshToken: string;
+    /** 用户信息 */
+    userInfo: Auth.UserInfo;
+		/** 用户密码 */
+		pwd: string;
+		/** 记住用户账密*/
+		upInfo: Auth.UpInfoType,
+    /** 主题配置 */
+    themeSettings: Theme.Setting;
+    /** 多页签路由信息 */
+    multiTabRoutes: App.GlobalTabRoute[];
+    /** 本地语言缓存 */
+    lang: I18nType.langType;
+		/** 问答数据源配置信息 */
+		wdConfigInfo: [];
+		/* 会话列表 */
+		chatbotList: Robot.Chatbot[];
+		/* 选中会话id */
+		chatbotId: string;
+		/* 会话记录 */
+		chatbotRecords: Robot.Records[];
+		/* 知识库 */
+		knowledgeBaseList: Knowledge.Base[];
+  }
+}
diff --git a/src/typings/system.d.ts b/src/typings/system.d.ts
new file mode 100644
index 0000000..949f82e
--- /dev/null
+++ b/src/typings/system.d.ts
@@ -0,0 +1,386 @@
+/** 请求的相关类型 */
+declare namespace Service {
+  /**
+   * 请求的错误类型：
+   * - axios: axios错误：网络错误, 请求超时, 默认的兜底错误
+   * - http: 请求成功，响应的http状态码非200的错误
+   * - backend: 请求成功，响应的http状态码为200，由后端定义的业务错误
+   */
+  type RequestErrorType = 'axios' | 'http' | 'backend';
+
+  /** 请求错误 */
+  interface RequestError {
+    /** 请求服务的错误类型 */
+    type: RequestErrorType;
+    /** 错误码 */
+    code: string | number;
+    /** 错误信息 */
+    msg: string;
+  }
+
+  /** 后端接口返回的数据结构配置 */
+  interface BackendResultConfig {
+    /** 表示后端请求状态码的属性字段 */
+    codeKey: string;
+    /** 表示后端请求数据的属性字段 */
+    dataKey: string;
+    /** 表示后端消息的属性字段 */
+    msgKey: string;
+    /** 后端业务上定义的成功请求的状态 */
+    successCode: number | string;
+  }
+
+  /** 自定义的请求成功结果 */
+  interface SuccessResult<T = any> {
+    /** 请求错误 */
+    error: null;
+    /** 请求数据 */
+    data: T;
+  }
+
+  /** 自定义的请求失败结果 */
+  interface FailedResult {
+    /** 请求错误 */
+    error: RequestError;
+    /** 请求数据 */
+    data: null;
+  }
+
+  /** 自定义的请求结果 */
+  type RequestResult<T = any> = SuccessResult<T> | FailedResult;
+
+  /** 多个请求数据结果 */
+  type MultiRequestResult<T extends any[]> = T extends [infer First, ...infer Rest]
+    ? [First] extends [any]
+      ? Rest extends any[]
+        ? [Service.RequestResult<First>, ...MultiRequestResult<Rest>]
+        : [Service.RequestResult<First>]
+      : Rest extends any[]
+      ? MultiRequestResult<Rest>
+      : []
+    : [];
+
+  /** 请求结果的适配器函数 */
+  type ServiceAdapter<T = any, A extends any[] = any> = (...args: A) => T;
+
+  /** mock示例接口类型：后端接口返回的数据的类型 */
+  interface MockServiceResult<T = any> {
+    /** 状态码 */
+    code: string | number;
+    /** 接口数据 */
+    data: T;
+    /** 接口消息 */
+    message: string;
+  }
+
+  /** mock的响应option */
+  interface MockOption {
+    url: Record<string, any>;
+    body: Record<string, any>;
+    query: Record<string, any>;
+    headers: Record<string, any>;
+  }
+}
+
+/** 主题相关类型 */
+declare namespace Theme {
+  /** 主题配置 */
+  interface Setting {
+    /** 暗黑模式 */
+    darkMode: boolean;
+    /** 是否自动跟随系统主题 */
+    followSystemTheme: boolean;
+    /** 布局样式 */
+    layout: Layout;
+    /** 滚动模式 */
+    scrollMode: UnionKey.ThemeScrollMode;
+    /** 滚动模式列表 */
+    scrollModeList: Common.OptionWithKey<UnionKey.ThemeScrollMode>[];
+    /** 主题颜色 */
+    themeColor: string;
+    /** 主题颜色列表 */
+    themeColorList: string[];
+    /** 其他颜色 */
+    otherColor: OtherColor;
+    /** 是否自定义info的颜色(默认取比主题色深一级的颜色) */
+    isCustomizeInfoColor: boolean;
+    /** 固定头部和多页签 */
+    fixedHeaderAndTab: boolean;
+    /** 显示重载按钮 */
+    showReload: boolean;
+    /** 头部样式 */
+    header: Header;
+    /** 标多页签样式 */
+    tab: Tab;
+    /** 侧边栏样式 */
+    sider: Sider;
+    /** 菜单样式 */
+    menu: Menu;
+    /** 底部样式 */
+    footer: Footer;
+    /** 页面样式 */
+    page: Page;
+  }
+  /** 布局样式 */
+  interface Layout {
+    /** 最小宽度 */
+    minWidth: number;
+    /** 布局模式 */
+    mode: UnionKey.ThemeLayoutMode;
+    /** 布局模式列表 */
+    modeList: Common.OptionWithKey<UnionKey.ThemeLayoutMode>[];
+  }
+
+  /** 其他主题颜色 */
+  interface OtherColor {
+    /** 信息 */
+    info: string;
+    /** 成功 */
+    success: string;
+    /** 警告 */
+    warning: string;
+    /** 错误 */
+    error: string;
+  }
+
+  /** 头部样式 */
+  interface Header {
+    /** 头部反转色 */
+    inverted: boolean;
+    /** 头部高度 */
+    height: number;
+    /** 面包屑样式 */
+    crumb: Crumb;
+  }
+  /** 面包屑样式 */
+  interface Crumb {
+    /** 面包屑可见 */
+    visible: boolean;
+    /** 显示图标 */
+    showIcon: boolean;
+  }
+
+  /** 标多页签样式 */
+  export interface Tab {
+    /** 多页签可见 */
+    visible: boolean;
+    /** 多页签高度 */
+    height: number;
+    /** 多页签风格 */
+    mode: UnionKey.ThemeTabMode;
+    /** 多页签风格列表 */
+    modeList: Common.OptionWithKey<UnionKey.ThemeTabMode>[];
+    /** 开启多页签缓存 */
+    isCache: boolean;
+  }
+
+  /** 侧边栏样式 */
+  interface Sider {
+    /** 侧边栏反转色 */
+    inverted: boolean;
+    /** 侧边栏宽度 */
+    width: number;
+    /** 侧边栏折叠时的宽度 */
+    collapsedWidth: number;
+    /** vertical-mix模式下侧边栏宽度 */
+    mixWidth: number;
+    /** vertical-mix模式下侧边栏折叠时的宽度 */
+    mixCollapsedWidth: number;
+    /** vertical-mix模式下侧边栏的子菜单的宽度 */
+    mixChildMenuWidth: number;
+  }
+
+  /** 菜单样式 */
+  interface Menu {
+    /** 水平模式的菜单的位置 */
+    horizontalPosition: UnionKey.ThemeHorizontalMenuPosition;
+    /** 水平模式的菜单的位置列表 */
+    horizontalPositionList: Common.OptionWithKey<UnionKey.ThemeHorizontalMenuPosition>[];
+  }
+
+  /** 底部样式 */
+  interface Footer {
+    /* 底部是否可见 */
+    visible: boolean;
+    /** 是否固定底部 */
+    fixed: boolean;
+    /** 底部是否居右(顶部混合菜单模式有效) */
+    right: boolean;
+    /** 底部高度 */
+    height: number;
+    /** 底部反转色 */
+    inverted: boolean;
+  }
+
+  /** 页面样式 */
+  interface Page {
+    /** 页面是否开启动画 */
+    animate: boolean;
+    /** 动画类型 */
+    animateMode: UnionKey.ThemeAnimateMode;
+    /** 动画类型列表 */
+    animateModeList: Common.OptionWithKey<UnionKey.ThemeAnimateMode>[];
+  }
+}
+
+declare namespace App {
+  /** 全局头部属性 */
+  interface GlobalHeaderProps {
+    /** 显示logo */
+    showLogo: boolean;
+    /** 显示头部菜单 */
+    showHeaderMenu: boolean;
+    /** 显示菜单折叠按钮 */
+    showMenuCollapse: boolean;
+  }
+
+  /** 菜单项配置 */
+  type GlobalMenuOption = import('naive-ui').MenuOption & {
+    key: string;
+    label: string;
+    routeName: string;
+    routePath: string;
+    icon?: () => import('vue').VNodeChild;
+    children?: GlobalMenuOption[];
+    i18nTitle?: string;
+  };
+
+  /** 面包屑 */
+  type GlobalBreadcrumb = Omit<import('naive-ui').DropdownOption, 'icon'> & {
+    key: string;
+    label: string;
+    disabled: boolean;
+    routeName: string;
+    hasChildren: boolean;
+    icon?: import('vue').Component;
+    i18nTitle?: string;
+    options?: import('naive-ui/es/dropdown/src/interface').DropdownMixedOption[];
+  };
+
+  /** 多页签Tab的路由 */
+  interface GlobalTabRoute
+    extends Pick<import('vue-router').RouteLocationNormalizedLoaded, 'name' | 'fullPath' | 'meta'> {
+    /** 滚动的位置 */
+    scrollPosition: {
+      left: number;
+      top: number;
+    };
+  }
+
+  interface MessageTab {
+    /** tab的key */
+    key: number;
+    /** tab名称 */
+    name: string;
+    /** badge类型 */
+    badgeProps?: import('naive-ui').BadgeProps;
+    /** 消息数据 */
+    list: MessageList[];
+  }
+
+  interface MessageList {
+    /** 数据唯一值 */
+    id: number;
+    /** 头像 */
+    avatar?: string;
+    /** 消息icon */
+    icon?: string;
+    svgIcon?: string;
+    /** 消息标题 */
+    title: string;
+    /** 消息发送时间 */
+    date?: string;
+    /** 消息是否已读 */
+    isRead?: boolean;
+    /** 消息描述 */
+    description?: string;
+    /** 标签名称 */
+    tagTitle?: string;
+    /** 标签props */
+    tagProps?: import('naive-ui').TagProps;
+  }
+}
+
+declare namespace I18nType {
+  type langType = 'en' | 'zh-CN';
+
+  interface Schema {
+    system: {
+      title: string;
+    };
+    routes: {
+      dashboard: {
+        dashboard: string;
+        analysis: string;
+        workbench: string;
+      };
+      document: {
+        _value: string;
+        vue: string;
+        vite: string;
+        naive: string;
+        project: string;
+        'project-link': string;
+      };
+      component: {
+        _value: string;
+        button: string;
+        card: string;
+        table: string;
+      };
+      plugin: {
+        _value: string;
+        charts: {
+          _value: string;
+          antv: string;
+          echarts: string;
+        };
+        copy: string;
+        editor: {
+          _value: string;
+          markdown: string;
+          quill: string;
+        };
+        icon: string;
+        map: string;
+        print: string;
+        swiper: string;
+        video: string;
+      };
+      'auth-demo': {
+        _value: string;
+        permission: string;
+        super: string;
+      };
+      function: {
+        _value: string;
+        tab: string;
+      };
+      exception: {
+        _value: string;
+        403: string;
+        404: string;
+        500: string;
+      };
+      'multi-menu': {
+        _value: string;
+        first: {
+          _value: string;
+          second: string;
+          'second-new': {
+            _value: string;
+            third: string;
+          };
+        };
+      };
+      management: {
+        _value: string;
+        auth: string;
+        role: string;
+        route: string;
+        user: string;
+      };
+      about: string;
+    };
+  }
+}
diff --git a/src/typings/union-key.d.ts b/src/typings/union-key.d.ts
new file mode 100644
index 0000000..5e38058
--- /dev/null
+++ b/src/typings/union-key.d.ts
@@ -0,0 +1,69 @@
+declare namespace UnionKey {
+  /** http请求头的content-type类型 */
+  type ContentType = 'application/json' | 'application/x-www-form-urlencoded' | 'multipart/form-data';
+
+  /**
+   * 布局组件的名称
+   * - basic 基础布局
+   * - blank 空白布局
+   */
+  type LayoutComponentType = 'basic' | 'blank';
+
+	/**
+	 * 首页模块
+	 *
+	 */
+	type knowanyModule = 'knowany' | 'data-source' | 'knowledge-base';
+
+  /**
+   * 登录模块
+   * - pwd-login: 账密登录
+   * - code-login: 手机验证码登录
+   * - register: 注册
+   * - reset-pwd: 重置密码
+   * - bind-wechat: 微信绑定
+   */
+  type LoginModule = 'pwd-login' | 'code-login' | 'register' | 'reset-pwd' | 'bind-wechat';
+
+  /**
+   * 布局模式
+   * - vertical: 左侧菜单模式
+   * - horizontal: 顶部菜单模式
+   * - vertical-mix: 左侧菜单混合模式
+   * - horizontal-mix: 顶部菜单混合模式
+   */
+  type ThemeLayoutMode = 'vertical' | 'horizontal' | 'vertical-mix' | 'horizontal-mix';
+
+  /**
+   * 内容溢出时的出现滚动条的方式
+   * - wrapper 布局组件最外层的元素出现滚动条
+   * - content 主体内容组件出现滚动条
+   */
+  type ThemeScrollMode = 'wrapper' | 'content';
+
+  /**
+   * 多页签风格
+   * - chrome: 谷歌风格
+   * - button: 按钮风格
+   */
+  type ThemeTabMode = 'chrome' | 'button';
+
+  /**
+   * 水平模式的菜单位置
+   * - flex-start: 居左
+   * - center: 居中
+   * - flex-end: 居右
+   */
+  type ThemeHorizontalMenuPosition = 'flex-start' | 'center' | 'flex-end';
+
+  /**
+   * 过渡动画类型
+   * - zoom-fade: 渐变
+   * - zoom-out: 闪现
+   * - fade-slide: 滑动
+   * - fade: 消退
+   * - fade-bottom: 底部消退
+   * - fade-scale: 缩放消退
+   */
+  type ThemeAnimateMode = 'zoom-fade' | 'zoom-out' | 'fade-slide' | 'fade' | 'fade-bottom' | 'fade-scale';
+}
diff --git a/src/typings/utils.d.ts b/src/typings/utils.d.ts
new file mode 100644
index 0000000..c7baf3d
--- /dev/null
+++ b/src/typings/utils.d.ts
@@ -0,0 +1,44 @@
+declare namespace TypeUtil {
+  type Noop = (...args: any) => any;
+
+  interface DataType {
+    number: number;
+    string: string;
+    boolean: boolean;
+    null: null;
+    undefined: undefined;
+    symbol: symbol;
+    bigInt: bigint;
+    object: Record<string, any>;
+    array: Array<any>;
+    function: (...args: any[]) => any | void;
+    date: Date;
+    regExp: RegExp;
+    promise: Promise<any>;
+    set: Set<any>;
+    map: Map<any, any>;
+    file: File;
+  }
+
+  type DataTypeStringKey = keyof DataType;
+
+  type DataTypeString<T extends DataTypeStringKey = DataTypeStringKey> = `[object ${Capitalize<T>}]`;
+
+  type UnionInclude<T, K extends keyof T> = K extends keyof T ? true : false;
+
+  type Writable<T> = { [K in keyof T]: T[K] };
+
+  type FirstOfArray<T extends any[]> = T extends [infer First, ...infer _Rest] ? First : never;
+
+  type LastOfArray<T extends any[]> = T extends [...infer _Rest, infer Last] ? Last : never;
+
+  // union to tuple
+  type Union2IntersectionFn<T> = (T extends unknown ? (k: () => T) => void : never) extends (k: infer R) => void
+    ? R
+    : never;
+  type GetUnionLast<U> = Union2IntersectionFn<U> extends () => infer I ? I : never;
+
+  type UnionToTuple<T, R extends any[] = []> = [T] extends [never]
+    ? R
+    : UnionToTuple<Exclude<T, GetUnionLast<T>>, [GetUnionLast<T>, ...R]>;
+}
diff --git a/src/utils/common/base.ts b/src/utils/common/base.ts
new file mode 100644
index 0000000..0f9366f
--- /dev/null
+++ b/src/utils/common/base.ts
@@ -0,0 +1,36 @@
+/* 下载图片 */
+export function downloadImgFile(url: string, fileName: string = '未知文件') {
+  const el = document.createElement('a')
+  el.style.display = 'none'
+  el.setAttribute('target', '_blank')
+  el.setAttribute('download', fileName)
+  el.href = url
+  document.body.appendChild(el)
+  el.click()
+  document.body.removeChild(el)
+}
+
+// 下载blob文件
+export function downloadBlobFile(blobFile: any, fileName: string) {
+  if (!blobFile) {
+    return
+  }
+  if (window.navigator?.msSaveOrOpenBlob) { // IE以及IE内核的浏览器
+    try {
+      window.navigator.msSaveOrOpenBlob(blobFile, fileName)
+    } catch (e) {
+      console.error(e)
+    }
+  } else {
+    const url = window.URL.createObjectURL(blobFile)
+		console.log('url---a', url)
+    const link = document.createElement('a')
+    link.style.display = 'none'
+    link.href = url
+    link.setAttribute('download', fileName)// 文件名
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link) // 下载完成移除元素
+    window.URL.revokeObjectURL(url) // 释放掉blob对象
+  }
+}
diff --git a/src/utils/common/color.ts b/src/utils/common/color.ts
new file mode 100644
index 0000000..a97bd16
--- /dev/null
+++ b/src/utils/common/color.ts
@@ -0,0 +1,223 @@
+import { colord, extend } from 'colord';
+import namesPlugin from 'colord/plugins/names';
+import mixPlugin from 'colord/plugins/mix';
+import type { AnyColor, HsvColor } from 'colord';
+
+extend([namesPlugin, mixPlugin]);
+
+/** 色相阶梯 */
+const hueStep = 2;
+/** 饱和度阶梯，浅色部分 */
+const saturationStep = 16;
+/** 饱和度阶梯，深色部分 */
+const saturationStep2 = 5;
+/** 亮度阶梯，浅色部分 */
+const brightnessStep1 = 5;
+/** 亮度阶梯，深色部分 */
+const brightnessStep2 = 15;
+/** 浅色数量，主色上 */
+const lightColorCount = 5;
+/** 深色数量，主色下 */
+const darkColorCount = 4;
+
+/**
+ * 调色板的颜色索引
+ * @description 从左至右颜色从浅到深，6为主色号
+ */
+type ColorIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+
+/**
+ * 根据颜色获取调色板颜色(从左至右颜色从浅到深，6为主色号)
+ * @param color - 颜色
+ * @param index - 调色板的对应的色号(6为主色号)
+ * @returns 返回hex格式的颜色
+ */
+export function getColorPalette(color: AnyColor, index: ColorIndex): string {
+  const transformColor = colord(color);
+
+  if (!transformColor.isValid()) {
+    throw Error('invalid input color value');
+  }
+
+  if (index === 6) {
+    return colord(transformColor).toHex();
+  }
+
+  const isLight = index < 6;
+  const hsv = transformColor.toHsv();
+  const i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
+
+  const newHsv: HsvColor = {
+    h: getHue(hsv, i, isLight),
+    s: getSaturation(hsv, i, isLight),
+    v: getValue(hsv, i, isLight)
+  };
+
+  return colord(newHsv).toHex();
+}
+
+/** 暗色主题颜色映射关系表 */
+const darkColorMap = [
+  { index: 7, opacity: 0.15 },
+  { index: 6, opacity: 0.25 },
+  { index: 5, opacity: 0.3 },
+  { index: 5, opacity: 0.45 },
+  { index: 5, opacity: 0.65 },
+  { index: 5, opacity: 0.85 },
+  { index: 4, opacity: 0.9 },
+  { index: 3, opacity: 0.95 },
+  { index: 2, opacity: 0.97 },
+  { index: 1, opacity: 0.98 }
+];
+
+/**
+ * 根据颜色获取调色板颜色所有颜色
+ * @param color - 颜色
+ * @param darkTheme - 暗黑主题的调色板颜色
+ * @param darkThemeMixColor - 暗黑主题的混合颜色，默认 #141414
+ */
+export function getColorPalettes(color: AnyColor, darkTheme = false, darkThemeMixColor = '#141414'): string[] {
+  const indexs: ColorIndex[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+  const patterns = indexs.map(index => getColorPalette(color, index));
+
+  if (darkTheme) {
+    const darkPatterns = darkColorMap.map(({ index, opacity }) => {
+      const darkColor = colord(darkThemeMixColor).mix(patterns[index], opacity);
+
+      return darkColor;
+    });
+
+    return darkPatterns.map(item => colord(item).toHex());
+  }
+
+  return patterns;
+}
+
+/**
+ * 获取色相渐变
+ * @param hsv - hsv格式颜色值
+ * @param i - 与6的相对距离
+ * @param isLight - 是否是亮颜色
+ */
+function getHue(hsv: HsvColor, i: number, isLight: boolean) {
+  let hue: number;
+
+  const hsvH = Math.round(hsv.h);
+
+  if (hsvH >= 60 && hsvH <= 240) {
+    // 冷色调
+    // 减淡变亮 色相顺时针旋转 更暖
+    // 加深变暗 色相逆时针旋转 更冷
+    hue = isLight ? hsvH - hueStep * i : hsvH + hueStep * i;
+  } else {
+    // 暖色调
+    // 减淡变亮 色相逆时针旋转 更暖
+    // 加深变暗 色相顺时针旋转 更冷
+    hue = isLight ? hsvH + hueStep * i : hsvH - hueStep * i;
+  }
+
+  if (hue < 0) {
+    hue += 360;
+  }
+
+  if (hue >= 360) {
+    hue -= 360;
+  }
+
+  return hue;
+}
+
+/**
+ * 获取饱和度渐变
+ * @param hsv - hsv格式颜色值
+ * @param i - 与6的相对距离
+ * @param isLight - 是否是亮颜色
+ */
+function getSaturation(hsv: HsvColor, i: number, isLight: boolean) {
+  // 灰色不渐变
+  if (hsv.h === 0 && hsv.s === 0) {
+    return hsv.s;
+  }
+
+  let saturation: number;
+
+  if (isLight) {
+    saturation = hsv.s - saturationStep * i;
+  } else if (i === darkColorCount) {
+    saturation = hsv.s + saturationStep;
+  } else {
+    saturation = hsv.s + saturationStep2 * i;
+  }
+
+  if (saturation > 100) {
+    saturation = 100;
+  }
+
+  if (isLight && i === lightColorCount && saturation > 10) {
+    saturation = 10;
+  }
+
+  if (saturation < 6) {
+    saturation = 6;
+  }
+
+  return saturation;
+}
+
+/**
+ * 获取明度渐变
+ * @param hsv - hsv格式颜色值
+ * @param i - 与6的相对距离
+ * @param isLight - 是否是亮颜色
+ */
+function getValue(hsv: HsvColor, i: number, isLight: boolean) {
+  let value: number;
+
+  if (isLight) {
+    value = hsv.v + brightnessStep1 * i;
+  } else {
+    value = hsv.v - brightnessStep2 * i;
+  }
+
+  if (value > 100) {
+    value = 100;
+  }
+
+  return value;
+}
+
+/**
+ * 给颜色加透明度
+ * @param color - 颜色
+ * @param alpha - 透明度(0 - 1)
+ */
+export function addColorAlpha(color: string, alpha: number) {
+  return colord(color).alpha(alpha).toHex();
+}
+
+/**
+ * 颜色混合
+ * @param firstColor - 第一个颜色
+ * @param secondColor - 第二个颜色
+ * @param ratio - 第二个颜色占比
+ */
+export function mixColor(firstColor: string, secondColor: string, ratio: number) {
+  return colord(firstColor).mix(secondColor, ratio).toHex();
+}
+
+/**
+ * 是否是白颜色
+ * @param color - 颜色
+ */
+export function isWhiteColor(color: string) {
+  return colord(color).isEqual('#ffffff');
+}
+
+/**
+ *	获取颜色的rgb值
+ * @param color 颜色
+ */
+export function getRgbOfColor(color: string) {
+  return colord(color).toRgb();
+}
diff --git a/src/utils/common/event-bus.ts b/src/utils/common/event-bus.ts
new file mode 100644
index 0000000..ef27657
--- /dev/null
+++ b/src/utils/common/event-bus.ts
@@ -0,0 +1,3 @@
+import mitt from 'mitt';
+
+export const EventBus = mitt()
diff --git a/src/utils/common/index.ts b/src/utils/common/index.ts
new file mode 100644
index 0000000..d958ead
--- /dev/null
+++ b/src/utils/common/index.ts
@@ -0,0 +1,6 @@
+export * from './typeof';
+export * from './color';
+export * from './number';
+export * from './pattern';
+export * from './event-bus';
+export * from './base';
diff --git a/src/utils/common/number.ts b/src/utils/common/number.ts
new file mode 100644
index 0000000..61e037f
--- /dev/null
+++ b/src/utils/common/number.ts
@@ -0,0 +1,34 @@
+/**
+ * 根据数字获取对应的汉字
+ * @param num - 数字(0-10)
+ */
+export function getHanByNumber(num: number) {
+  const HAN_STR = '零一二三四五六七八九十';
+  return HAN_STR.charAt(num);
+}
+
+/**
+ * 将总秒数转换成 分：秒
+ * @param seconds - 秒
+ */
+export function transformToTimeCountDown(seconds: number) {
+  const SECONDS_A_MINUTE = 60;
+  function fillZero(num: number) {
+    return num.toString().padStart(2, '0');
+  }
+  const minuteNum = Math.floor(seconds / SECONDS_A_MINUTE);
+  const minute = fillZero(minuteNum);
+  const second = fillZero(seconds - minuteNum * SECONDS_A_MINUTE);
+  return `${minute}: ${second}`;
+}
+
+/**
+ * 获取指定整数范围内的随机整数
+ * @param start - 开始范围
+ * @param end - 结束范围
+ */
+export function getRandomInteger(end: number, start = 0) {
+  const range = end - start;
+  const random = Math.floor(Math.random() * range + start);
+  return random;
+}
diff --git a/src/utils/common/pattern.ts b/src/utils/common/pattern.ts
new file mode 100644
index 0000000..d2f82a4
--- /dev/null
+++ b/src/utils/common/pattern.ts
@@ -0,0 +1,13 @@
+/**
+ * 策略模式
+ * @param actions 每一种可能执行的操作
+ */
+export function exeStrategyActions(actions: Common.StrategyAction[]) {
+  actions.some(item => {
+    const [flag, action] = item;
+    if (flag) {
+      action();
+    }
+    return flag;
+  });
+}
diff --git a/src/utils/common/typeof.ts b/src/utils/common/typeof.ts
new file mode 100644
index 0000000..cf6e2eb
--- /dev/null
+++ b/src/utils/common/typeof.ts
@@ -0,0 +1,69 @@
+import { dataTypeLabels } from '@/constants';
+
+function getDataTypeString<K extends TypeUtil.DataTypeStringKey>(value: unknown) {
+  return Object.prototype.toString.call(value) as TypeUtil.DataTypeString<K>;
+}
+
+export function isNumber<T extends number>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.number;
+}
+
+export function isString<T extends string>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.string;
+}
+
+export function isBoolean<T extends boolean>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.boolean;
+}
+
+export function isNull<T extends null>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.null;
+}
+
+export function isUndefined<T extends undefined>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.undefined;
+}
+
+export function isSymbol<T extends symbol>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.symbol;
+}
+
+export function isBigInt<T extends bigint>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.bigInt;
+}
+
+export function isObject<T extends Record<string, any>>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.object;
+}
+
+export function isArray<T extends any[]>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.array;
+}
+
+export function isFunction<T extends (...args: any[]) => any | void>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.function;
+}
+
+export function isDate<T extends Date>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.date;
+}
+
+export function isRegExp<T extends RegExp>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.regExp;
+}
+
+export function isPromise<T extends Promise<any>>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.promise;
+}
+
+export function isSet<T extends Set<any>>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.set;
+}
+
+export function isMap<T extends Map<any, any>>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.map;
+}
+
+export function isFile<T extends File>(value: T | unknown): value is T {
+  return getDataTypeString(value) === dataTypeLabels.file;
+}
diff --git a/src/utils/crypto/index.ts b/src/utils/crypto/index.ts
new file mode 100644
index 0000000..84c4b1a
--- /dev/null
+++ b/src/utils/crypto/index.ts
@@ -0,0 +1,58 @@
+import CryptoJS from 'crypto-js';
+
+const CryptoSecret = '__CryptoJS_Secret__';
+
+// /**
+//  * 加密数据
+//  * @param data - 数据
+//  */
+// export function encrypto(data: any) {
+//   const newData = JSON.stringify(data);
+//   return CryptoJS.AES.encrypt(newData, CryptoSecret).toString();
+// }
+
+// /**
+//  * 解密数据
+//  * @param cipherText - 密文
+//  */
+// export function decrypto(cipherText: string) {
+//   const bytes = CryptoJS.AES.decrypt(cipherText, CryptoSecret);
+//   const originalText = bytes.toString(CryptoJS.enc.Utf8);
+//   if (originalText) {
+//     return JSON.parse(originalText);
+//   }
+//   return null;
+// }
+
+/**
+ * 加密数据 对应后端的加密
+ * @param plainText - 数据
+ */
+export function encrypto(plainText: any) {
+	const key_str = "9zeKW+Drdz56odzogAGQcQ==";
+	const key = CryptoJS.enc.Base64.parse(key_str).words;
+	const iv = CryptoJS.lib.WordArray.random(16);
+	const newPlainText = JSON.stringify(plainText);
+	const encrypted = CryptoJS.AES.encrypt(newPlainText, CryptoJS.lib.WordArray.create(key), { iv: iv });
+	const combined = CryptoJS.lib.WordArray.create(iv.words.concat(encrypted.ciphertext.words));
+	return CryptoJS.enc.Base64.stringify(combined);
+}
+
+/**
+ * 解密数据 对应后端的解密
+ * @param cipherText - 密文
+ */
+export function decrypto(cipherText: string) {
+	const key_str = "9zeKW+Drdz56odzogAGQcQ==";
+	const key = CryptoJS.enc.Base64.parse(key_str).words;
+	const data = CryptoJS.enc.Base64.parse(cipherText);
+	const iv = CryptoJS.lib.WordArray.create(data.words.slice(0, 4));
+	const encrypted = CryptoJS.lib.WordArray.create(data.words.slice(4));
+	const decrypted = CryptoJS.AES.decrypt({ ciphertext: encrypted }, CryptoJS.lib.WordArray.create(key), { iv: iv });
+	const originalText = decrypted.toString(CryptoJS.enc.Utf8);
+	if (originalText) {
+    return JSON.parse(originalText);
+  }
+  return null;
+}
+
diff --git a/src/utils/form/index.ts b/src/utils/form/index.ts
new file mode 100644
index 0000000..0a15f57
--- /dev/null
+++ b/src/utils/form/index.ts
@@ -0,0 +1 @@
+export * from './rule';
diff --git a/src/utils/form/rule.ts b/src/utils/form/rule.ts
new file mode 100644
index 0000000..ba3f3a6
--- /dev/null
+++ b/src/utils/form/rule.ts
@@ -0,0 +1,101 @@
+import type { Ref } from 'vue';
+import type { FormItemRule } from 'naive-ui';
+import { REGEXP_CODE_SIX, REGEXP_EMAIL, REGEXP_PHONE, REGEXP_PWD2, REGEXP_NAME, REGEXP_ACCOUNT } from '@/config';
+
+/** 创建自定义错误信息的必填表单规则 */
+export const createRequiredFormRule = (message = '不能为空'): FormItemRule => ({ required: true, message });
+
+export const requiredFormRule = createRequiredFormRule();
+
+/** 表单规则 */
+interface CustomFormRules {
+	/** 用户名*/
+	name: FormItemRule[];
+	/** 账号 */
+	account: FormItemRule[];
+  /** 手机号码 */
+  phone: FormItemRule[];
+  /** 密码 */
+  pwd: FormItemRule[];
+  /** 验证码 */
+  code: FormItemRule[];
+  /** 邮箱 */
+  email: FormItemRule[];
+	/** 校验登录密码 */
+	checkPwd: FormItemRule[];
+	/** 校验登录账号 */
+	checkUserName:  FormItemRule[];
+}
+
+/** 表单规则 */
+export const formRules: CustomFormRules = {
+	name: [
+		createRequiredFormRule('请输入用户名'),
+    { pattern: REGEXP_NAME, message: '用户名格式错误', trigger: 'input' }
+	],
+	account: [
+		createRequiredFormRule('请输入账号'),
+    { pattern: REGEXP_ACCOUNT, message: '账号为6-8位字母和数字组合', trigger: 'input' }
+	],
+  phone: [
+    createRequiredFormRule('请输入手机号码'),
+    { pattern: REGEXP_PHONE, message: '请输入11位有效的手机号码', trigger: 'input' }
+  ],
+  pwd: [
+    createRequiredFormRule('请输入密码'),
+		{ pattern: REGEXP_PWD2, message: '密码为6-12位，包含大小写字母、数字和特殊字符组合', trigger: 'input' }
+    // { pattern: REGEXP_PWD, message: '密码为6-18位数字/字符/符号，至少2种组合', trigger: 'input' }
+  ],
+	checkUserName: [
+		createRequiredFormRule('请输入账号')
+	],
+	checkPwd: [
+		createRequiredFormRule('请输入密码'),
+	],
+  code: [
+    createRequiredFormRule('请输入验证码'),
+    { pattern: REGEXP_CODE_SIX, message: '验证码格式错误', trigger: 'input' }
+  ],
+  email: [{ pattern: REGEXP_EMAIL, message: '邮箱格式错误', trigger: 'blur' }]
+};
+
+/** 是否为空字符串 */
+function isBlankString(str: string) {
+  return str.trim() === '';
+}
+
+/** 获取确认密码的表单规则 */
+export function getConfirmPwdRule(pwd: Ref<string>) {
+  const confirmPwdRule: FormItemRule[] = [
+    { required: true, message: '请输入确认密码' },
+    {
+      validator: (rule, value) => {
+        if (!isBlankString(value) && value !== pwd.value) {
+          return Promise.reject(rule.message);
+        }
+        return Promise.resolve();
+      },
+      message: '输入的值与密码不一致',
+      trigger: 'input'
+    }
+  ];
+  return confirmPwdRule;
+}
+
+/** 获取图片验证码的表单规则 */
+export function getImgCodeRule(imgCode: Ref<string>) {
+  const imgCodeRule: FormItemRule[] = [
+    { required: true, message: '请输入验证码' },
+    {
+      validator: (rule, value) => {
+        if (!isBlankString(value) && value !== imgCode.value) {
+          return Promise.reject(rule.message);
+        }
+        return Promise.resolve();
+      },
+      message: '验证码不正确',
+      trigger: 'blur'
+    }
+  ];
+  return imgCodeRule;
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
new file mode 100644
index 0000000..b75f46d
--- /dev/null
+++ b/src/utils/index.ts
@@ -0,0 +1,5 @@
+export * from './common';
+export * from './storage';
+export * from './service';
+export * from './router';
+export * from './form';
diff --git a/src/utils/router/auth.ts b/src/utils/router/auth.ts
new file mode 100644
index 0000000..dd69a09
--- /dev/null
+++ b/src/utils/router/auth.ts
@@ -0,0 +1,25 @@
+/**
+ * 根据用户权限过滤路由
+ * @param routes - 权限路由
+ * @param permission - 权限
+ */
+export function filterAuthRoutesByUserPermission(routes: AuthRoute.Route[], permission: Auth.RoleType) {
+  return routes.map(route => filterAuthRouteByUserPermission(route, permission)).flat(1);
+}
+
+/**
+ * 根据用户权限过滤单个路由
+ * @param route - 单个权限路由
+ * @param permission - 权限
+ */
+function filterAuthRouteByUserPermission(route: AuthRoute.Route, permission: Auth.RoleType): AuthRoute.Route[] {
+  const filterRoute = { ...route };
+  const hasPermission =
+    !route.meta.permissions || permission === 'super' || route.meta.permissions.includes(permission);
+
+  if (filterRoute.children) {
+    const filterChildren = filterRoute.children.map(item => filterAuthRouteByUserPermission(item, permission)).flat(1);
+    Object.assign(filterRoute, { children: filterChildren });
+  }
+  return hasPermission ? [filterRoute] : [];
+}
diff --git a/src/utils/router/breadcrumb.ts b/src/utils/router/breadcrumb.ts
new file mode 100644
index 0000000..1964026
--- /dev/null
+++ b/src/utils/router/breadcrumb.ts
@@ -0,0 +1,74 @@
+/**
+ * 获取面包屑数据
+ * @param activeKey - 当前页面路由的key
+ * @param menus - 菜单数据
+ * @param rootPath - 根路由路径
+ */
+export function getBreadcrumbByRouteKey(activeKey: string, menus: App.GlobalMenuOption[], rootPath: string) {
+  const breadcrumbMenu = getBreadcrumbMenu(activeKey, menus);
+  const breadcrumb = breadcrumbMenu.map(item => transformBreadcrumbMenuToBreadcrumb(item, rootPath));
+  return breadcrumb;
+}
+
+/**
+ * 根据菜单数据获取面包屑格式的菜单
+ * @param activeKey - 当前页面路由的key
+ * @param menus - 菜单数据
+ */
+function getBreadcrumbMenu(activeKey: string, menus: App.GlobalMenuOption[]) {
+  const breadcrumbMenu: App.GlobalMenuOption[] = [];
+  menus.some(menu => {
+    const flag = activeKey.includes(menu.routeName);
+    if (flag) {
+      breadcrumbMenu.push(...getBreadcrumbMenuItem(activeKey, menu));
+    }
+    return flag;
+  });
+  return breadcrumbMenu;
+}
+
+/**
+ * 根据单个菜单数据获取面包屑格式的菜单
+ * @param activeKey - 当前页面路由的key
+ * @param menu - 单个菜单数据
+ */
+function getBreadcrumbMenuItem(activeKey: string, menu: App.GlobalMenuOption) {
+  const breadcrumbMenu: App.GlobalMenuOption[] = [];
+  if (activeKey === menu.routeName) {
+    breadcrumbMenu.push(menu);
+  }
+  if (activeKey.includes(menu.routeName) && menu.children && menu.children.length) {
+    breadcrumbMenu.push(menu);
+    breadcrumbMenu.push(
+      ...menu.children.map(item => getBreadcrumbMenuItem(activeKey, item as App.GlobalMenuOption)).flat(1)
+    );
+  }
+
+  return breadcrumbMenu;
+}
+
+/**
+ * 将面包屑格式的菜单数据转换成面包屑数据
+ * @param menu - 单个菜单数据
+ * @param rootPath - 根路由路径
+ */
+function transformBreadcrumbMenuToBreadcrumb(menu: App.GlobalMenuOption, rootPath: string) {
+  const hasChildren = Boolean(menu.children && menu.children.length);
+  const breadcrumb: App.GlobalBreadcrumb = {
+    key: menu.routeName,
+    label: menu.label as string,
+    routeName: menu.routeName,
+    disabled: menu.routePath === rootPath,
+    hasChildren,
+    i18nTitle: menu.i18nTitle
+  };
+  if (menu.icon) {
+    breadcrumb.icon = menu.icon;
+  }
+  if (hasChildren) {
+    breadcrumb.options = menu.children?.map(item =>
+      transformBreadcrumbMenuToBreadcrumb(item as App.GlobalMenuOption, rootPath)
+    ) as NonNullable<App.GlobalBreadcrumb['options']>;
+  }
+  return breadcrumb;
+}
diff --git a/src/utils/router/cache.ts b/src/utils/router/cache.ts
new file mode 100644
index 0000000..2fead30
--- /dev/null
+++ b/src/utils/router/cache.ts
@@ -0,0 +1,35 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+/**
+ * 获取缓存的路由对应组件的名称
+ * @param routes - 转换后的vue路由
+ */
+export function getCacheRoutes(routes: RouteRecordRaw[]) {
+  const cacheNames: string[] = [];
+  routes.forEach(route => {
+    // 只需要获取二级路由的缓存的组件名
+    if (hasChildren(route)) {
+      (route.children as RouteRecordRaw[]).forEach(item => {
+        if (isKeepAlive(item)) {
+          cacheNames.push(item.name as string);
+        }
+      });
+    }
+  });
+  return cacheNames;
+}
+
+/**
+ * 路由是否缓存
+ * @param route
+ */
+function isKeepAlive(route: RouteRecordRaw) {
+  return Boolean(route?.meta?.keepAlive);
+}
+/**
+ * 是否有二级路由
+ * @param route
+ */
+function hasChildren(route: RouteRecordRaw) {
+  return Boolean(route.children && route.children.length);
+}
diff --git a/src/utils/router/component.ts b/src/utils/router/component.ts
new file mode 100644
index 0000000..c8c83ec
--- /dev/null
+++ b/src/utils/router/component.ts
@@ -0,0 +1,54 @@
+import type { RouteComponent } from 'vue-router';
+import { BasicLayout, BlankLayout } from '@/layouts';
+import { views } from '@/views';
+import { isFunction } from '../common';
+
+type Lazy<T> = () => Promise<T>;
+
+interface ModuleComponent {
+  default: RouteComponent;
+}
+
+type LayoutComponent = Record<UnionKey.LayoutComponentType, Lazy<ModuleComponent>>;
+
+/**
+ * 获取布局的vue文件(懒加载的方式)
+ * @param layoutType - 布局类型
+ */
+export function getLayoutComponent(layoutType: UnionKey.LayoutComponentType) {
+  const layoutComponent: LayoutComponent = {
+    basic: BasicLayout,
+    blank: BlankLayout
+  };
+  return layoutComponent[layoutType];
+}
+
+/**
+ * 获取页面导入的vue文件
+ * @param routeKey - 路由key
+ */
+export function getViewComponent(routeKey: AuthRoute.LastDegreeRouteKey) {
+  if (!views[routeKey]) {
+    throw new Error(`路由“${routeKey}”没有对应的组件文件！`);
+  }
+  return setViewComponentName(views[routeKey], routeKey);
+}
+
+/** 给页面组件设置名称 */
+function setViewComponentName(component: RouteComponent | Lazy<ModuleComponent>, name: string) {
+  if (isAsyncComponent(component)) {
+    return async () => {
+      const result = await component();
+      Object.assign(result.default, { name });
+      return result;
+    };
+  }
+
+  Object.assign(component, { name });
+
+  return component;
+}
+
+function isAsyncComponent(component: RouteComponent | Lazy<ModuleComponent>): component is Lazy<ModuleComponent> {
+  return isFunction(component);
+}
diff --git a/src/utils/router/helpers.ts b/src/utils/router/helpers.ts
new file mode 100644
index 0000000..1e01598
--- /dev/null
+++ b/src/utils/router/helpers.ts
@@ -0,0 +1,19 @@
+/**
+ * 获取所有固定路由的名称集合
+ * @param routes - 固定路由
+ */
+export function getConstantRouteNames(routes: AuthRoute.Route[]) {
+  return routes.map(route => getConstantRouteName(route)).flat(1);
+}
+
+/**
+ * 获取所有固定路由的名称集合
+ * @param route - 固定路由
+ */
+function getConstantRouteName(route: AuthRoute.Route) {
+  const names = [route.name];
+  if (route.children?.length) {
+    names.push(...route.children!.map(item => getConstantRouteName(item)).flat(1));
+  }
+  return names;
+}
diff --git a/src/utils/router/index.ts b/src/utils/router/index.ts
new file mode 100644
index 0000000..e97e7eb
--- /dev/null
+++ b/src/utils/router/index.ts
@@ -0,0 +1,8 @@
+export * from './module';
+export * from './helpers';
+export * from './cache';
+export * from './auth';
+export * from './menu';
+export * from './breadcrumb';
+export * from './regexp';
+export * from './transform';
diff --git a/src/utils/router/menu.ts b/src/utils/router/menu.ts
new file mode 100644
index 0000000..abed176
--- /dev/null
+++ b/src/utils/router/menu.ts
@@ -0,0 +1,111 @@
+import { useIconRender } from '@/composables';
+import { t } from '@/locales';
+
+/**
+ * 将权限路由转换成菜单
+ * @param routes - 路由
+ */
+export function transformAuthRouteToMenu(routes: AuthRoute.Route[]): App.GlobalMenuOption[] {
+  const globalMenu: App.GlobalMenuOption[] = [];
+  routes.forEach(route => {
+    const { name, path, meta } = route;
+    const routeName = name as string;
+    let menuChildren: App.GlobalMenuOption[] | undefined;
+    if (route.children && route.children.length > 0) {
+      menuChildren = transformAuthRouteToMenu(route.children);
+    }
+    const menuItem: App.GlobalMenuOption = addPartialProps({
+      menu: {
+        key: routeName,
+        label: meta.title,
+        routeName,
+        routePath: path,
+        i18nTitle: meta.i18nTitle
+      },
+      icon: meta.icon,
+      localIcon: meta.localIcon,
+      children: menuChildren
+    });
+
+    if (!hideInMenu(route)) {
+      globalMenu.push(menuItem);
+    }
+  });
+
+  return globalMenu;
+}
+
+/**
+ * 翻译菜单
+ * @param menus
+ * @returns
+ */
+export function translateMenuLabel(menus: App.GlobalMenuOption[]): App.GlobalMenuOption[] {
+  const globalMenu: App.GlobalMenuOption[] = [];
+  menus.forEach(menu => {
+    let menuChildren: App.GlobalMenuOption[] | undefined;
+    if (menu.children && menu.children.length > 0) {
+      menuChildren = translateMenuLabel(menu.children);
+    }
+    const menuItem: App.GlobalMenuOption = {
+      ...menu,
+      children: menuChildren,
+      label: menu.i18nTitle ? t(menu.i18nTitle) : menu.label
+    };
+    globalMenu.push(menuItem);
+  });
+  return globalMenu;
+}
+
+/**
+ * 获取当前路由所在菜单数据的paths
+ * @param activeKey - 当前路由的key
+ * @param menus - 菜单数据
+ */
+export function getActiveKeyPathsOfMenus(activeKey: string, menus: App.GlobalMenuOption[]) {
+  const keys = menus.map(menu => getActiveKeyPathsOfMenu(activeKey, menu)).flat(1);
+  return keys;
+}
+
+function getActiveKeyPathsOfMenu(activeKey: string, menu: App.GlobalMenuOption) {
+  const keys: string[] = [];
+  if (activeKey.startsWith(menu.routeName)) {
+    keys.push(menu.routeName);
+  }
+  if (menu.children) {
+    keys.push(...menu.children.map(item => getActiveKeyPathsOfMenu(activeKey, item as App.GlobalMenuOption)).flat(1));
+  }
+  return keys;
+}
+
+/** 路由不转换菜单 */
+function hideInMenu(route: AuthRoute.Route) {
+  return Boolean(route.meta.hide);
+}
+
+/** 给菜单添加可选属性 */
+function addPartialProps(config: {
+  menu: App.GlobalMenuOption;
+  icon?: string;
+  localIcon?: string;
+  children?: App.GlobalMenuOption[];
+}) {
+  const { iconRender } = useIconRender();
+
+  const item = { ...config.menu };
+
+  const { icon, localIcon, children } = config;
+
+  if (localIcon) {
+    Object.assign(item, { icon: iconRender({ localIcon }) });
+  }
+
+  if (icon) {
+    Object.assign(item, { icon: iconRender({ icon }) });
+  }
+
+  if (children) {
+    Object.assign(item, { children });
+  }
+  return item;
+}
diff --git a/src/utils/router/module.ts b/src/utils/router/module.ts
new file mode 100644
index 0000000..81d8fcd
--- /dev/null
+++ b/src/utils/router/module.ts
@@ -0,0 +1,34 @@
+/**
+ * 权限路由排序
+ * @param routes - 权限路由
+ */
+export function sortRoutes(routes: AuthRoute.Route[]) {
+  return routes
+    .sort((next, pre) => Number(next.meta?.order) - Number(pre.meta?.order))
+    .map(i => {
+      if (i.children) sortRoutes(i.children);
+      return i;
+    });
+}
+
+/**
+ * 处理全部导入的路由模块
+ * @param modules - 路由模块
+ */
+export function handleModuleRoutes(modules: AuthRoute.RouteModule) {
+  const routes: AuthRoute.Route[] = [];
+
+  Object.keys(modules).forEach(key => {
+    const item = modules[key].default;
+    if (item) {
+			// routes.push(item);
+			if (['about', 'source-management', 'dashboard', 'ybp-list', 'knowledge' ,'knowledge_list', 'knowledge_details'].includes(item?.name)) {
+				routes.push(item);
+			}
+    } else {
+      window.console.error(`路由模块解析出错: key = ${key}`);
+    }
+  });
+
+  return sortRoutes(routes);
+}
diff --git a/src/utils/router/regexp.ts b/src/utils/router/regexp.ts
new file mode 100644
index 0000000..b97d004
--- /dev/null
+++ b/src/utils/router/regexp.ts
@@ -0,0 +1,11 @@
+/** 获取登录页面模块的动态路由的正则 */
+export function getLoginModuleRegExp() {
+  const modules: UnionKey.LoginModule[] = ['pwd-login', 'code-login', 'register', 'reset-pwd', 'bind-wechat'];
+  return modules.join('|');
+}
+
+/** 获取首页页面模块的动态路由的正则 */
+export function getKnowAnyModuleRegExp() {
+  const modules: UnionKey.knowanyModule[] = ['knowany', 'data-source', 'knowledge-base'];
+  return modules.join('|');
+}
diff --git a/src/utils/router/transform.ts b/src/utils/router/transform.ts
new file mode 100644
index 0000000..843359c
--- /dev/null
+++ b/src/utils/router/transform.ts
@@ -0,0 +1,204 @@
+import type { RouteRecordRaw } from 'vue-router';
+import { getLayoutComponent, getViewComponent } from './component';
+
+/**
+ * 将权限路由转换成vue路由
+ * @param routes - 权限路由
+ * @description 所有多级路由都会被转换成二级路由
+ */
+export function transformAuthRouteToVueRoutes(routes: AuthRoute.Route[]) {
+  return routes.map(route => transformAuthRouteToVueRoute(route)).flat(1);
+}
+
+type ComponentAction = Record<AuthRoute.RouteComponentType, () => void>;
+
+/**
+ * 将单个权限路由转换成vue路由
+ * @param item - 单个权限路由
+ */
+export function transformAuthRouteToVueRoute(item: AuthRoute.Route) {
+  const resultRoute: RouteRecordRaw[] = [];
+
+  const itemRoute = { ...item } as RouteRecordRaw;
+
+  // 动态path
+  if (hasDynamicPath(item)) {
+    Object.assign(itemRoute, { path: item.meta.dynamicPath });
+  }
+
+  // 外链路由
+  if (hasHref(item)) {
+    Object.assign(itemRoute, { component: getViewComponent('404') });
+  }
+
+  // 路由组件
+  if (hasComponent(item)) {
+    const action: ComponentAction = {
+      basic() {
+        itemRoute.component = getLayoutComponent('basic');
+      },
+      blank() {
+        itemRoute.component = getLayoutComponent('blank');
+      },
+      multi() {
+        // 多级路由一定有子路由
+        if (hasChildren(item)) {
+          Object.assign(itemRoute, { meta: { ...itemRoute.meta, multi: true } });
+          delete itemRoute.component;
+        } else {
+          window.console.error('多级路由缺少子路由: ', item);
+        }
+      },
+      self() {
+        itemRoute.component = getViewComponent(item.name as AuthRoute.LastDegreeRouteKey);
+      }
+    };
+    try {
+      if (item.component) {
+        action[item.component]();
+      } else {
+        window.console.error('路由组件解析失败: ', item);
+      }
+    } catch {
+      window.console.error('路由组件解析失败: ', item);
+    }
+  }
+
+  // 注意：单独路由没有children
+  if (isSingleRoute(item)) {
+    if (hasChildren(item)) {
+      window.console.error('单独路由不应该有子路由: ', item);
+    }
+
+    // 捕获无效路由的需特殊处理
+    if (item.name === 'not-found') {
+      itemRoute.children = [
+        {
+          path: '',
+          name: item.name,
+          component: getViewComponent('not-found')
+        }
+      ];
+    } else {
+      const parentPath = `${itemRoute.path}-parent` as AuthRouteUtils.SingleRouteKey;
+
+      const layout = item.meta.singleLayout === 'basic' ? getLayoutComponent('basic') : getLayoutComponent('blank');
+
+      const parentRoute: RouteRecordRaw = {
+        path: parentPath,
+        component: layout,
+        redirect: item.path,
+        children: [itemRoute]
+      };
+
+      return [parentRoute];
+    }
+  }
+
+  // 子路由
+  if (hasChildren(item)) {
+    const children = (item.children as AuthRoute.Route[]).map(child => transformAuthRouteToVueRoute(child)).flat();
+
+    // 找出第一个不为多级路由中间级的子路由路径作为重定向路径
+    const redirectPath = (children.find(v => !v.meta?.multi)?.path || '/') as AuthRoute.RoutePath;
+
+    if (redirectPath === '/') {
+      window.console.error('该多级路由没有有效的子路径', item);
+    }
+
+    if (item.component === 'multi') {
+      // 多级路由，将子路由提取出来变成同级
+      resultRoute.push(...children);
+      delete itemRoute.children;
+    } else {
+      itemRoute.children = children;
+    }
+    itemRoute.redirect = redirectPath;
+  }
+
+  resultRoute.push(itemRoute);
+
+  return resultRoute;
+}
+
+/**
+ * 将权限路由转换成搜索的菜单数据
+ * @param routes - 权限路由
+ * @param treeMap
+ */
+export function transformAuthRouteToSearchMenus(routes: AuthRoute.Route[], treeMap: AuthRoute.Route[] = []) {
+  if (routes && routes.length === 0) return [];
+  return routes.reduce((acc, cur) => {
+    if (!cur.meta?.hide) {
+      acc.push(cur);
+    }
+    if (cur.children && cur.children.length > 0) {
+      transformAuthRouteToSearchMenus(cur.children, treeMap);
+    }
+    return acc;
+  }, treeMap);
+}
+
+/** 将路由名字转换成路由路径 */
+export function transformRouteNameToRoutePath(name: Exclude<AuthRoute.AllRouteKey, 'not-found'>): AuthRoute.RoutePath {
+  const rootPath: AuthRoute.RoutePath = '/';
+  if (name === 'root') return rootPath;
+
+  const splitMark = '_';
+  const pathSplitMark = '/';
+  const path = name.split(splitMark).join(pathSplitMark);
+
+  return (pathSplitMark + path) as AuthRoute.RoutePath;
+}
+
+/** 将路由路径转换成路由名字 */
+export function transformRoutePathToRouteName<K extends AuthRoute.RoutePath>(path: K) {
+  if (path === '/') return 'root';
+
+  const pathSplitMark = '/';
+  const routeSplitMark = '_';
+
+  const name = path.split(pathSplitMark).slice(1).join(routeSplitMark) as AuthRoute.AllRouteKey;
+
+  return name;
+}
+
+/**
+ * 是否有外链
+ * @param item - 权限路由
+ */
+function hasHref(item: AuthRoute.Route) {
+  return Boolean(item.meta.href);
+}
+
+/**
+ * 是否有动态路由path
+ * @param item - 权限路由
+ */
+function hasDynamicPath(item: AuthRoute.Route) {
+  return Boolean(item.meta.dynamicPath);
+}
+
+/**
+ * 是否有路由组件
+ * @param item - 权限路由
+ */
+function hasComponent(item: AuthRoute.Route) {
+  return Boolean(item.component);
+}
+
+/**
+ * 是否有子路由
+ * @param item - 权限路由
+ */
+function hasChildren(item: AuthRoute.Route) {
+  return Boolean(item.children && item.children.length);
+}
+
+/**
+ * 是否是单层级路由
+ * @param item - 权限路由
+ */
+function isSingleRoute(item: AuthRoute.Route) {
+  return Boolean(item.meta.singleLayout);
+}
diff --git a/src/utils/service/error.ts b/src/utils/service/error.ts
new file mode 100644
index 0000000..b69d61d
--- /dev/null
+++ b/src/utils/service/error.ts
@@ -0,0 +1,101 @@
+import type { AxiosError, AxiosResponse } from 'axios';
+import {
+  DEFAULT_REQUEST_ERROR_CODE,
+  DEFAULT_REQUEST_ERROR_MSG,
+  ERROR_STATUS,
+  NETWORK_ERROR_CODE,
+  NETWORK_ERROR_MSG,
+  REQUEST_TIMEOUT_CODE,
+  REQUEST_TIMEOUT_MSG
+} from '@/config';
+import { exeStrategyActions } from '../common';
+import { showErrorMsg } from './msg';
+
+type ErrorStatus = keyof typeof ERROR_STATUS;
+
+/**
+ * 处理axios请求失败的错误
+ * @param axiosError - 错误
+ */
+export function handleAxiosError(axiosError: AxiosError) {
+  const error: Service.RequestError = {
+    type: 'axios',
+    code: DEFAULT_REQUEST_ERROR_CODE,
+    msg: DEFAULT_REQUEST_ERROR_MSG
+  };
+
+  const actions: Common.StrategyAction[] = [
+    [
+      // 网路错误
+      !window.navigator.onLine || axiosError.message === 'Network Error',
+      () => {
+        Object.assign(error, { code: NETWORK_ERROR_CODE, msg: NETWORK_ERROR_MSG });
+      }
+    ],
+    [
+      // 超时错误
+      axiosError.code === REQUEST_TIMEOUT_CODE && axiosError.message.includes('timeout'),
+      () => {
+        Object.assign(error, { code: REQUEST_TIMEOUT_CODE, msg: REQUEST_TIMEOUT_MSG });
+      }
+    ],
+    [
+      // 请求不成功的错误
+      Boolean(axiosError.response),
+      () => {
+        const errorCode: ErrorStatus = (axiosError.response?.status as ErrorStatus) || 'DEFAULT';
+        const msg = ERROR_STATUS[errorCode];
+        Object.assign(error, { code: errorCode, msg });
+      }
+    ]
+  ];
+
+  exeStrategyActions(actions);
+
+  showErrorMsg(error);
+
+  return error;
+}
+
+/**
+ * 处理请求成功后的错误
+ * @param response - 请求的响应
+ */
+export function handleResponseError(response: AxiosResponse) {
+  const error: Service.RequestError = {
+    type: 'axios',
+    code: DEFAULT_REQUEST_ERROR_CODE,
+    msg: DEFAULT_REQUEST_ERROR_MSG
+  };
+
+  if (!window.navigator.onLine) {
+    // 网路错误
+    Object.assign(error, { code: NETWORK_ERROR_CODE, msg: NETWORK_ERROR_MSG });
+  } else {
+    // 请求成功的状态码非200的错误
+    const errorCode: ErrorStatus = response.status as ErrorStatus;
+    const msg = ERROR_STATUS[errorCode] || DEFAULT_REQUEST_ERROR_MSG;
+    Object.assign(error, { type: 'http', code: errorCode, msg });
+  }
+
+  showErrorMsg(error);
+
+  return error;
+}
+
+/**
+ * 处理后端返回的错误(业务错误)
+ * @param backendResult - 后端接口的响应数据
+ */
+export function handleBackendError(backendResult: Record<string, any>, config: Service.BackendResultConfig) {
+  const { codeKey, msgKey } = config;
+  const error: Service.RequestError = {
+    type: 'backend',
+    code: backendResult[codeKey],
+    msg: backendResult[msgKey]
+  };
+
+  showErrorMsg(error);
+
+  return error;
+}
diff --git a/src/utils/service/handler.ts b/src/utils/service/handler.ts
new file mode 100644
index 0000000..235ed70
--- /dev/null
+++ b/src/utils/service/handler.ts
@@ -0,0 +1,44 @@
+/** 统一失败和成功的请求结果的数据类型 */
+export async function handleServiceResult<T = any>(error: Service.RequestError | null, data: any) {
+  if (error) {
+    const fail: Service.FailedResult = {
+      error,
+      data: null
+    };
+    return fail;
+  }
+  const success: Service.SuccessResult<T> = {
+    error: null,
+    data
+  };
+  return success;
+}
+
+/** 请求结果的适配器：用于接收适配器函数和请求结果 */
+export function adapter<T extends Service.ServiceAdapter>(
+  adapterFun: T,
+  ...args: Service.MultiRequestResult<Parameters<T>>
+): Service.RequestResult<ReturnType<T>> {
+  let result: Service.RequestResult | undefined;
+
+  const hasError = args.some(item => {
+    const flag = Boolean(item.error);
+    if (flag) {
+      result = {
+        error: item.error,
+        data: null
+      };
+    }
+    return flag;
+  });
+
+  if (!hasError) {
+    const adapterFunArgs = args.map(item => item.data);
+    result = {
+      error: null,
+      data: adapterFun(...adapterFunArgs)
+    };
+  }
+
+  return result!;
+}
diff --git a/src/utils/service/index.ts b/src/utils/service/index.ts
new file mode 100644
index 0000000..788621a
--- /dev/null
+++ b/src/utils/service/index.ts
@@ -0,0 +1,3 @@
+export * from './transform';
+export * from './error';
+export * from './handler';
diff --git a/src/utils/service/msg.ts b/src/utils/service/msg.ts
new file mode 100644
index 0000000..3c98d26
--- /dev/null
+++ b/src/utils/service/msg.ts
@@ -0,0 +1,29 @@
+import { ERROR_MSG_DURATION, NO_ERROR_MSG_CODE } from '@/config';
+
+/** 错误消息栈，防止同一错误同时出现 */
+const errorMsgStack = new Map<string | number, string>([]);
+
+function addErrorMsg(error: Service.RequestError) {
+  errorMsgStack.set(error.code, error.msg);
+}
+function removeErrorMsg(error: Service.RequestError) {
+  errorMsgStack.delete(error.code);
+}
+function hasErrorMsg(error: Service.RequestError) {
+  return errorMsgStack.has(error.code);
+}
+
+/**
+ * 显示错误信息
+ * @param error
+ */
+export function showErrorMsg(error: Service.RequestError) {
+  if (!error.msg || NO_ERROR_MSG_CODE.includes(error.code) || hasErrorMsg(error)) return;
+
+  addErrorMsg(error);
+  window.console.warn(error.code, error.msg);
+  window.$message?.error(error.msg, { duration: ERROR_MSG_DURATION });
+  setTimeout(() => {
+    removeErrorMsg(error);
+  }, ERROR_MSG_DURATION);
+}
diff --git a/src/utils/service/transform.ts b/src/utils/service/transform.ts
new file mode 100644
index 0000000..1f3ce0b
--- /dev/null
+++ b/src/utils/service/transform.ts
@@ -0,0 +1,60 @@
+import qs from 'qs';
+import FormData from 'form-data';
+import { isArray, isFile } from '../common';
+
+/**
+ * 请求数据的转换
+ * @param requestData - 请求数据
+ * @param contentType - 请求头的Content-Type
+ */
+export async function transformRequestData(requestData: any, contentType?: UnionKey.ContentType) {
+  // application/json类型不处理
+  let data = requestData;
+  // form类型转换
+  if (contentType === 'application/x-www-form-urlencoded') {
+    data = qs.stringify(requestData);
+  }
+  // form-data类型转换
+  if (contentType === 'multipart/form-data') {
+    data = await handleFormData(requestData);
+  }
+
+  return data;
+}
+
+async function handleFormData(data: Record<string, any>) {
+  const formData = new FormData();
+  const entries = Object.entries(data);
+
+  entries.forEach(async ([key, value]) => {
+    const isFileType = isFile(value) || (isArray(value) && value.length && isFile(value[0]));
+
+    if (isFileType) {
+      await transformFile(formData, key, value);
+    } else {
+      formData.append(key, value);
+    }
+  });
+
+  return formData;
+}
+
+/**
+ * 接口为上传文件的类型时数据转换
+ * @param key - 文件的属性名
+ * @param file - 单文件或多文件
+ */
+async function transformFile(formData: FormData, key: string, file: File[] | File) {
+  if (isArray(file)) {
+    // 多文件
+    await Promise.all(
+      (file as File[]).map(item => {
+        formData.append(key, item);
+        return true;
+      })
+    );
+  } else {
+    // 单文件
+    formData.append(key, file);
+  }
+}
diff --git a/src/utils/storage/index.ts b/src/utils/storage/index.ts
new file mode 100644
index 0000000..92359a6
--- /dev/null
+++ b/src/utils/storage/index.ts
@@ -0,0 +1,2 @@
+export * from './local';
+export * from './session';
diff --git a/src/utils/storage/local.ts b/src/utils/storage/local.ts
new file mode 100644
index 0000000..114f39f
--- /dev/null
+++ b/src/utils/storage/local.ts
@@ -0,0 +1,57 @@
+import { decrypto, encrypto } from '../crypto';
+interface StorageData<T> {
+  value: T;
+  expire: number | null;
+}
+
+function createLocalStorage<T extends StorageInterface.Local = StorageInterface.Local>() {
+  /** 默认缓存期限为7天 */
+  const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7;
+
+  function set<K extends keyof T>(key: K, value: T[K], expire: number | null = DEFAULT_CACHE_TIME) {
+    const storageData: StorageData<T[K]> = {
+      value,
+      expire: expire !== null ? new Date().getTime() + expire * 1000 : null
+    };
+    const json = encrypto(storageData);
+    window.localStorage.setItem(key as string, json);
+  }
+
+  function get<K extends keyof T>(key: K) {
+    const json = window.localStorage.getItem(key as string);
+    if (json) {
+      let storageData: StorageData<T[K]> | null = null;
+      try {
+        storageData = decrypto(json);
+      } catch {
+        // 防止解析失败
+      }
+      if (storageData) {
+        const { value, expire } = storageData;
+        // 在有效期内直接返回
+        if (expire === null || expire >= Date.now()) {
+          return value as T[K];
+        }
+      }
+      remove(key);
+      return null;
+    }
+    return null;
+  }
+
+  function remove(key: keyof T) {
+    window.localStorage.removeItem(key as string);
+  }
+  function clear() {
+    window.localStorage.clear();
+  }
+
+  return {
+    set,
+    get,
+    remove,
+    clear
+  };
+}
+
+export const localStg = createLocalStorage();
diff --git a/src/utils/storage/session.ts b/src/utils/storage/session.ts
new file mode 100644
index 0000000..d239e2c
--- /dev/null
+++ b/src/utils/storage/session.ts
@@ -0,0 +1,35 @@
+import { decrypto, encrypto } from '../crypto';
+
+function createSessionStorage<T extends StorageInterface.Session = StorageInterface.Session>() {
+  function set<K extends keyof T>(key: K, value: T[K]) {
+    const json = encrypto(value);
+    sessionStorage.setItem(key as string, json);
+  }
+  function get<K extends keyof T>(key: K) {
+    const json = sessionStorage.getItem(key as string);
+    let data: T[K] | null = null;
+    if (json) {
+      try {
+        data = decrypto(json);
+      } catch {
+        // 防止解析失败
+      }
+    }
+    return data;
+  }
+  function remove(key: keyof T) {
+    window.sessionStorage.removeItem(key as string);
+  }
+  function clear() {
+    window.sessionStorage.clear();
+  }
+
+  return {
+    set,
+    get,
+    remove,
+    clear
+  };
+}
+
+export const sessionStg = createSessionStorage();
diff --git a/src/views/_builtin/403/index.vue b/src/views/_builtin/403/index.vue
new file mode 100644
index 0000000..871020a
--- /dev/null
+++ b/src/views/_builtin/403/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <exception-base type="403" />
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/404/index.vue b/src/views/_builtin/404/index.vue
new file mode 100644
index 0000000..ebc953f
--- /dev/null
+++ b/src/views/_builtin/404/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <exception-base type="404" />
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/500/index.vue b/src/views/_builtin/500/index.vue
new file mode 100644
index 0000000..74ed538
--- /dev/null
+++ b/src/views/_builtin/500/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <exception-base type="500" />
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/constant-page/index.vue b/src/views/_builtin/constant-page/index.vue
new file mode 100644
index 0000000..bcf0c48
--- /dev/null
+++ b/src/views/_builtin/constant-page/index.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="wh-full flex-col-center">
+    <n-gradient-text class="mb-24px" type="primary" :size="28">Custom Constant Page</n-gradient-text>
+    <router-link :to="{ name: routeHomePath }">
+      <n-button type="primary">回到首页</n-button>
+    </router-link>
+    <n-card :bordered="false" size="small" class="mt-24px rounded-16px shadow-sm">
+      <div class="flex-center py-12px">
+        <n-button type="primary" class="mr-24px" :disabled="isMoving" @click="startMove">开始</n-button>
+        <n-button type="error" @click="endMove">暂停</n-button>
+      </div>
+      <div class="flex-center">
+        <div class="relative bg-primary_active" :style="containerStyle">
+          <svg class="w-full h-full">
+            <ellipse
+              :cx="ellipseConfig.cX"
+              :cy="ellipseConfig.cY"
+              :rx="ellipseConfig.rX"
+              :ry="ellipseConfig.rY"
+              :style="{ strokeWidth: ellipseConfig.strokeWidth + 'px' }"
+              class="fill-none stroke-primary"
+            ></ellipse>
+          </svg>
+          <div class="absolute left-182px top-82px w-40px h-40px bg-red rounded-20px" :style="transformStyle"></div>
+        </div>
+      </div>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import { routeName } from '@/router';
+
+const routeHomePath = routeName('root');
+
+interface EllipseConfig {
+  /** 左上角x坐标 */
+  cX: number;
+  /** 左上角y坐标 */
+  cY: number;
+  /** 椭圆长半轴A */
+  rX: number;
+  /** 椭圆短半轴B */
+  rY: number;
+  /** 椭圆线宽 */
+  strokeWidth: number;
+}
+
+const ellipseConfig: EllipseConfig = {
+  cX: 202,
+  cY: 102,
+  rX: 200,
+  rY: 100,
+  strokeWidth: 2
+};
+
+const containerStyle = (() => {
+  const { rX, rY, strokeWidth } = ellipseConfig;
+
+  const width = (rX + strokeWidth) * 2;
+  const height = (rY + strokeWidth) * 2;
+
+  return `width:${width}px;height:${height}px;`;
+})();
+
+/** 角度 */
+const angle = ref(0);
+
+const transformStyle = computed(() => {
+  const { rX, rY } = ellipseConfig;
+  const x = rX * Math.sin(angle.value);
+  const y = rY * Math.cos(angle.value);
+
+  return `transform: translate3d(${x}px,${y}px,0px)`;
+});
+
+/** 运动速度(周/秒) */
+const speed = ref(2);
+
+/** 一周的角度(弧度制) */
+const FULL_ANGLE = 2 * Math.PI;
+
+/** requestAnimationFrame一秒执行的次数 */
+const TIMES_PER_SECONDS = 60;
+
+const updateAnglePerTime = computed(() => FULL_ANGLE / speed.value / TIMES_PER_SECONDS);
+
+const rafId = ref<number | null>(null);
+
+const isMoving = computed(() => rafId.value !== null);
+
+const startMove = () => {
+  angle.value += updateAnglePerTime.value;
+
+  rafId.value = window.requestAnimationFrame(startMove);
+};
+
+const endMove = () => {
+  if (rafId.value !== null) {
+    window.cancelAnimationFrame(rafId.value);
+    rafId.value = null;
+  }
+};
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/bind-wechat/index.vue b/src/views/_builtin/login/components/bind-wechat/index.vue
new file mode 100644
index 0000000..1fad047
--- /dev/null
+++ b/src/views/_builtin/login/components/bind-wechat/index.vue
@@ -0,0 +1,55 @@
+<template>
+  <n-form ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
+    <n-form-item path="phone">
+      <n-input v-model:value="model.phone" placeholder="手机号码" />
+    </n-form-item>
+    <n-form-item path="code">
+      <div class="flex-y-center w-full">
+        <n-input v-model:value="model.code" placeholder="验证码" />
+        <div class="w-18px"></div>
+        <n-button size="large" :disabled="isCounting" :loading="smsLoading" @click="handleSmsCode">
+          {{ label }}
+        </n-button>
+      </div>
+    </n-form-item>
+    <n-space :vertical="true" size="large">
+      <n-button type="primary" size="large" :block="true" :round="true" @click="handleSubmit">确定</n-button>
+      <n-button size="large" :block="true" :round="true" @click="toLoginModule('pwd-login')">返回</n-button>
+    </n-space>
+  </n-form>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import type { FormInst } from 'naive-ui';
+import { useRouterPush } from '@/composables';
+import { useSmsCode } from '@/hooks';
+import { formRules } from '@/utils';
+
+const { toLoginModule } = useRouterPush();
+const { label, isCounting, loading: smsLoading, getSmsCode } = useSmsCode();
+
+const formRef = ref<HTMLElement & FormInst>();
+
+const model = reactive({
+  phone: '',
+  code: '',
+  imgCode: ''
+});
+
+const rules = {
+  phone: formRules.phone,
+  code: formRules.code
+};
+
+function handleSmsCode() {
+  getSmsCode(model.phone);
+}
+
+async function handleSubmit() {
+  await formRef.value?.validate();
+  window.$message?.success('验证成功!');
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/code-login/index.vue b/src/views/_builtin/login/components/code-login/index.vue
new file mode 100644
index 0000000..6ebc00a
--- /dev/null
+++ b/src/views/_builtin/login/components/code-login/index.vue
@@ -0,0 +1,75 @@
+<template>
+  <n-form ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
+    <n-form-item path="phone">
+      <n-input v-model:value="model.phone" placeholder="手机号码" />
+    </n-form-item>
+    <n-form-item path="code">
+      <div class="flex-y-center w-full">
+        <n-input v-model:value="model.code" placeholder="验证码" />
+        <div class="w-18px"></div>
+        <n-button size="large" :disabled="isCounting" :loading="smsLoading" @click="handleSmsCode">
+          {{ label }}
+        </n-button>
+      </div>
+    </n-form-item>
+    <n-form-item path="imgCode">
+      <n-input v-model:value="model.imgCode" placeholder="验证码,点击图片刷新" />
+      <div class="pl-8px">
+        <image-verify v-model:code="imgCode" />
+      </div>
+    </n-form-item>
+    <n-space :vertical="true" :size="18">
+      <n-button
+        type="primary"
+        size="large"
+        :block="true"
+        :round="true"
+        :loading="auth.loginLoading"
+        @click="handleSubmit"
+      >
+        确定
+      </n-button>
+      <n-button size="large" :block="true" :round="true" @click="toLoginModule('pwd-login')">返回</n-button>
+    </n-space>
+  </n-form>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import type { FormInst } from 'naive-ui';
+import { useAuthStore } from '@/store';
+import { useRouterPush } from '@/composables';
+import { useSmsCode } from '@/hooks';
+import { formRules, getImgCodeRule } from '@/utils';
+
+const auth = useAuthStore();
+const { toLoginModule } = useRouterPush();
+const { label, isCounting, loading: smsLoading, getSmsCode } = useSmsCode();
+
+const formRef = ref<HTMLElement & FormInst>();
+
+const model = reactive({
+  phone: '',
+  code: '',
+  imgCode: ''
+});
+
+const imgCode = ref('');
+
+const rules = {
+  phone: formRules.phone,
+  code: formRules.code,
+  imgCode: getImgCodeRule(imgCode)
+};
+
+function handleSmsCode() {
+  getSmsCode(model.phone);
+}
+
+async function handleSubmit() {
+  await formRef.value?.validate();
+  window.$message?.success('验证成功!');
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/index.ts b/src/views/_builtin/login/components/index.ts
new file mode 100644
index 0000000..8360c51
--- /dev/null
+++ b/src/views/_builtin/login/components/index.ts
@@ -0,0 +1,8 @@
+import LoginBg from './login-bg/index.vue';
+import PwdLogin from './pwd-login/index.vue';
+import CodeLogin from './code-login/index.vue';
+import Register from './register-user/index.vue';
+import ResetPwd from './reset-pwd/index.vue';
+import BindWechat from './bind-wechat/index.vue';
+
+export { LoginBg, PwdLogin, CodeLogin, Register, ResetPwd, BindWechat };
diff --git a/src/views/_builtin/login/components/login-bg/components/corner-bottom.vue b/src/views/_builtin/login/components/login-bg/components/corner-bottom.vue
new file mode 100644
index 0000000..a3351ba
--- /dev/null
+++ b/src/views/_builtin/login/components/login-bg/components/corner-bottom.vue
@@ -0,0 +1,41 @@
+<template>
+  <svg
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    height="896"
+    width="967.8852157128662"
+  >
+    <defs>
+      <path
+        id="path-2"
+        opacity="1"
+        fill-rule="evenodd"
+        d="M896,448 C1142.6325445712241,465.5747656464056 695.2579309733121,896 448,896 C200.74206902668806,896 5.684341886080802e-14,695.2579309733121 0,448.0000000000001 C0,200.74206902668806 200.74206902668791,5.684341886080802e-14 447.99999999999994,0 C695.2579309733121,0 475,418 896,448Z"
+      />
+      <linearGradient id="linearGradient-3" x1="0.5" y1="0" x2="0.5" y2="1">
+        <stop offset="0" :stop-color="startColor" stop-opacity="1" />
+        <stop offset="1" :stop-color="endColor" stop-opacity="1" />
+      </linearGradient>
+    </defs>
+    <g opacity="1">
+      <use xlink:href="#path-2" fill="url(#linearGradient-3)" fill-opacity="1" />
+    </g>
+  </svg>
+</template>
+
+<script lang="ts" setup>
+interface Props {
+  /** 过渡的开始颜色 */
+  startColor?: string;
+  /** 过渡的结束颜色 */
+  endColor?: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  startColor: '#28aff0',
+  endColor: '#120fc4'
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/login-bg/components/corner-top.vue b/src/views/_builtin/login/components/login-bg/components/corner-top.vue
new file mode 100644
index 0000000..2453c07
--- /dev/null
+++ b/src/views/_builtin/login/components/login-bg/components/corner-top.vue
@@ -0,0 +1,35 @@
+<template>
+  <svg height="1337" width="1337">
+    <defs>
+      <path
+        id="path-1"
+        opacity="1"
+        fill-rule="evenodd"
+        d="M1337,668.5 C1337,1037.455193874239 1037.455193874239,1337 668.5,1337 C523.6725684305388,1337 337,1236 370.50000000000006,1094 C434.03835568300906,824.6732385973953 6.906089672974592e-14,892.6277623047779 0,668.5000000000001 C0,299.5448061257611 299.5448061257609,1.1368683772161603e-13 668.4999999999999,0 C1037.455193874239,0 1337,299.544806125761 1337,668.5Z"
+      />
+      <linearGradient id="linearGradient-2" x1="0.79" y1="0.62" x2="0.21" y2="0.86">
+        <stop offset="0" :stop-color="startColor" stop-opacity="1" />
+        <stop offset="1" :stop-color="endColor" stop-opacity="1" />
+      </linearGradient>
+    </defs>
+    <g opacity="1">
+      <use xlink:href="#path-1" fill="url(#linearGradient-2)" fill-opacity="1" />
+    </g>
+  </svg>
+</template>
+
+<script lang="ts" setup>
+interface Props {
+  /** 过渡的开始颜色 */
+  startColor?: string;
+  /** 过渡的结束颜色 */
+  endColor?: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  startColor: '#28aff0',
+  endColor: '#120fc4'
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/login-bg/components/index.ts b/src/views/_builtin/login/components/login-bg/components/index.ts
new file mode 100644
index 0000000..8c93d9b
--- /dev/null
+++ b/src/views/_builtin/login/components/login-bg/components/index.ts
@@ -0,0 +1,4 @@
+import CornerTop from './corner-top.vue';
+import CornerBottom from './corner-bottom.vue';
+
+export { CornerTop, CornerBottom };
diff --git a/src/views/_builtin/login/components/login-bg/index.vue b/src/views/_builtin/login/components/login-bg/index.vue
new file mode 100644
index 0000000..be75eb1
--- /dev/null
+++ b/src/views/_builtin/login/components/login-bg/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="absolute-lt z-1 wh-full overflow-hidden">
+    <div class="absolute -right-300px -top-900px <sm:(-right-100px -top-1170px)">
+      <corner-top :start-color="lightColor" :end-color="darkColor" />
+    </div>
+    <div class="absolute -left-200px -bottom-400px <sm:(-left-100px -bottom-760px)">
+      <corner-bottom :start-color="darkColor" :end-color="lightColor" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { getColorPalette } from '@/utils';
+import { CornerBottom, CornerTop } from './components';
+
+interface Props {
+  /** 主题颜色 */
+  themeColor: string;
+}
+
+const props = defineProps<Props>();
+
+const lightColor = computed(() => getColorPalette(props.themeColor, 3));
+const darkColor = computed(() => getColorPalette(props.themeColor, 6));
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/pwd-login/components/index.ts b/src/views/_builtin/login/components/pwd-login/components/index.ts
new file mode 100644
index 0000000..b92441e
--- /dev/null
+++ b/src/views/_builtin/login/components/pwd-login/components/index.ts
@@ -0,0 +1,4 @@
+import OtherLogin from './other-login.vue';
+import OtherAccount from './other-account.vue';
+
+export { OtherLogin, OtherAccount };
diff --git a/src/views/_builtin/login/components/pwd-login/components/other-account.vue b/src/views/_builtin/login/components/pwd-login/components/other-account.vue
new file mode 100644
index 0000000..b7ce034
--- /dev/null
+++ b/src/views/_builtin/login/components/pwd-login/components/other-account.vue
@@ -0,0 +1,47 @@
+<template>
+  <n-space :vertical="true">
+    <n-divider class="!mb-0 text-14px text-#666">其他账户登录</n-divider>
+    <n-space justify="center">
+      <n-button
+        v-for="item in accounts"
+        :key="item.userName"
+        type="primary"
+        @click="login(item.userName, item.password)"
+      >
+        {{ item.label }}
+      </n-button>
+    </n-space>
+  </n-space>
+</template>
+
+<script lang="ts" setup>
+interface Emits {
+  (e: 'login', param: { userName: string; password: string }): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const accounts = [
+  {
+    label: '超级管理员',
+    userName: 'Super',
+    password: 'super123'
+  },
+  {
+    label: '管理员',
+    userName: 'Admin',
+    password: 'admin123'
+  },
+  {
+    label: '普通用户',
+    userName: 'User01',
+    password: 'user01123'
+  }
+];
+
+function login(userName: string, password: string) {
+  emit('login', { userName, password });
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/pwd-login/components/other-login.vue b/src/views/_builtin/login/components/pwd-login/components/other-login.vue
new file mode 100644
index 0000000..7ffdd79
--- /dev/null
+++ b/src/views/_builtin/login/components/pwd-login/components/other-login.vue
@@ -0,0 +1,14 @@
+<template>
+  <n-space :vertical="true">
+    <n-divider class="!mb-0 text-14px text-#666">其他登录方式</n-divider>
+    <div class="flex-center">
+      <n-button :text="true">
+        <icon-mdi-wechat class="text-22px text-#888 hover:text-#52BF5E" />
+      </n-button>
+    </div>
+  </n-space>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/pwd-login/index.vue b/src/views/_builtin/login/components/pwd-login/index.vue
new file mode 100644
index 0000000..a35ba3a
--- /dev/null
+++ b/src/views/_builtin/login/components/pwd-login/index.vue
@@ -0,0 +1,86 @@
+<template>
+  <n-form ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
+    <n-form-item path="userName">
+      <n-input v-model:value="model.userName" :maxlength="11" placeholder="请输入账号/手机号码" />
+    </n-form-item>
+    <n-form-item path="password">
+      <n-input v-model:value="model.password" type="password" show-password-on="click" :maxlength="16" placeholder="请输入密码" />
+    </n-form-item>
+    <n-space :vertical="true" :size="24">
+      <div class="flex-y-center justify-between">
+        <n-checkbox v-model:checked="rememberMe">记住我</n-checkbox>
+        <n-button :text="true" @click="toLoginModule('reset-pwd')">忘记密码？</n-button>
+      </div>
+      <n-button
+        type="primary"
+        size="large"
+        :block="true"
+        :round="true"
+        :loading="auth.loginLoading"
+        @click="handleSubmit"
+      >
+        确定
+      </n-button>
+      <div class="flex-y-center justify-between">
+        <n-button class="flex-1" :block="true" @click="toLoginModule('code-login')">
+          {{ loginModuleLabels['code-login'] }}
+        </n-button>
+        <div class="w-12px"></div>
+        <n-button class="flex-1" :block="true" @click="toLoginModule('register')">
+          {{ loginModuleLabels.register }}
+        </n-button>
+      </div>
+    </n-space>
+    <!-- <other-account @login="handleLoginOtherAccount" /> -->
+  </n-form>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import type { FormInst, FormRules } from 'naive-ui';
+import { loginModuleLabels } from '@/constants';
+import { useAuthStore } from '@/store';
+import { useRouterPush } from '@/composables';
+import { formRules } from '@/utils';
+// import { OtherAccount } from './components';
+
+const auth = useAuthStore();
+const { login } = useAuthStore();
+const { toLoginModule } = useRouterPush();
+
+const formRef = ref<HTMLElement & FormInst>();
+	const rememberMe = ref(false);
+
+const model = reactive({
+  userName: '',
+  password: ''
+});
+
+const rules: FormRules = {
+	userName: formRules.checkUserName,
+  password: formRules.checkPwd,
+};
+
+const upInfo = auth.upInfo;
+
+if (upInfo.pwd) {
+	model.userName = upInfo.name;
+	model.password = upInfo.pwd;
+	rememberMe.value = true;
+}
+
+async function handleSubmit() {
+  await formRef.value?.validate();
+
+  const { userName, password } = model;
+
+  login(userName, password, rememberMe.value);
+}
+
+// function handleLoginOtherAccount(param: { userName: string; password: string }) {
+//   const { userName, password } = param;
+//   login(userName, password);
+// }
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/register-user/index.vue b/src/views/_builtin/login/components/register-user/index.vue
new file mode 100644
index 0000000..0159a14
--- /dev/null
+++ b/src/views/_builtin/login/components/register-user/index.vue
@@ -0,0 +1,99 @@
+<template>
+  <n-form ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
+		<!-- <n-form-item path="name">
+      <n-input v-model:value="model.name" placeholder="用户名" :maxlength="8" />
+    </n-form-item> -->
+		<n-form-item path="account">
+      <n-input v-model:value="model.account" placeholder="账号（6-8位字母和数字组合）" :maxlength="8" />
+    </n-form-item>
+    <n-form-item path="phone">
+      <n-input v-model:value="model.phone" placeholder="手机号码（11位有效的手机号码）" :maxlength="11" />
+    </n-form-item>
+    <!-- <n-form-item path="code">
+      <div class="flex-y-center w-full">
+        <n-input v-model:value="model.code" placeholder="验证码" :maxlength="6" />
+        <div class="w-18px"></div>
+        <n-button size="large" :disabled="isCounting" :loading="smsLoading" @click="handleSmsCode">
+          {{ label }}
+        </n-button>
+      </div>
+    </n-form-item> -->
+    <n-form-item path="pwd">
+      <n-input v-model:value="model.pwd" type="password" show-password-on="click" placeholder="密码（6-18位数字/字符/符号的组合）" :maxlength="12" />
+    </n-form-item>
+    <n-form-item path="confirmPwd">
+      <n-input v-model:value="model.confirmPwd" type="password" show-password-on="click" placeholder="确认密码（6-18位数字/字符/符号的组合）" :maxlength="12" />
+    </n-form-item>
+    <n-space :vertical="true" :size="18">
+      <login-agreement v-model:value="agreement" />
+      <n-button type="primary" size="large" :block="true" :round="true" @click="handleSubmit">确定</n-button>
+      <n-button size="large" :block="true" :round="true" @click="toLoginModule('pwd-login')">返回</n-button>
+    </n-space>
+  </n-form>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, toRefs } from 'vue';
+import type { FormInst, FormRules } from 'naive-ui';
+import { useRouterPush } from '@/composables';
+import { useSmsCode } from '@/hooks';
+import { formRules, getConfirmPwdRule } from '@/utils';
+import { fetchRegister } from '@/service';
+
+const { toLoginModule } = useRouterPush();
+const { label, isCounting, loading: smsLoading, start } = useSmsCode();
+
+const formRef = ref<HTMLElement & FormInst>();
+
+const model = reactive({
+	name: '',
+	account: '',
+  phone: '',
+  code: '',
+  pwd: '',
+  confirmPwd: ''
+});
+
+const rules: FormRules = {
+	name: formRules.name,
+	account: formRules.account,
+  phone: formRules.phone,
+  // code: formRules.code,
+  pwd: formRules.pwd,
+  confirmPwd: getConfirmPwdRule(toRefs(model).pwd)
+};
+
+const agreement = ref(false);
+
+function handleSmsCode() {
+  start();
+}
+
+async function handleSubmit() {
+  await formRef.value?.validate();
+	const formData = new FormData();
+	formData.append("UserName", model.account);
+	formData.append("Phone", model.phone);
+	formData.append("Password", model.pwd);
+	const res = await fetchRegister(formData);
+
+	const data: any = res.data || {};
+
+	if (data.uid) {
+		model.name = '';
+		model.account = '';
+		model.phone = '';
+		model.code = '';
+		model.pwd = '';
+		model.confirmPwd = '';
+		agreement.value = false;
+		formRef.value?.restoreValidation();
+		window.$message?.success('注册成功!');
+		toLoginModule('pwd-login');
+	} else {
+		window.$message?.error('注册失败!');
+	}
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/components/reset-pwd/index.vue b/src/views/_builtin/login/components/reset-pwd/index.vue
new file mode 100644
index 0000000..263bb02
--- /dev/null
+++ b/src/views/_builtin/login/components/reset-pwd/index.vue
@@ -0,0 +1,64 @@
+<template>
+  <n-form ref="formRef" :model="model" :rules="rules" size="large" :show-label="false">
+    <n-form-item path="phone">
+      <n-input v-model:value="model.phone" placeholder="手机号码" />
+    </n-form-item>
+    <n-form-item path="code">
+      <div class="flex-y-center w-full">
+        <n-input v-model:value="model.code" placeholder="验证码" />
+        <div class="w-18px"></div>
+        <n-button size="large" :disabled="isCounting" :loading="smsLoading" @click="handleSmsCode">
+          {{ label }}
+        </n-button>
+      </div>
+    </n-form-item>
+    <n-form-item path="pwd">
+      <n-input v-model:value="model.pwd" type="password" show-password-on="click" placeholder="密码" />
+    </n-form-item>
+    <n-form-item path="confirmPwd">
+      <n-input v-model:value="model.confirmPwd" type="password" show-password-on="click" placeholder="确认密码" />
+    </n-form-item>
+    <n-space :vertical="true" size="large">
+      <n-button type="primary" size="large" :block="true" :round="true" @click="handleSubmit">确定</n-button>
+      <n-button size="large" :block="true" :round="true" @click="toLoginModule('pwd-login')">返回</n-button>
+    </n-space>
+  </n-form>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, toRefs } from 'vue';
+import type { FormInst, FormRules } from 'naive-ui';
+import { useRouterPush } from '@/composables';
+import { useSmsCode } from '@/hooks';
+import { formRules, getConfirmPwdRule } from '@/utils';
+
+const { toLoginModule } = useRouterPush();
+const { label, isCounting, loading: smsLoading, start } = useSmsCode();
+
+const formRef = ref<HTMLElement & FormInst>();
+
+const model = reactive({
+  phone: '',
+  code: '',
+  pwd: '',
+  confirmPwd: ''
+});
+
+const rules: FormRules = {
+  phone: formRules.phone,
+  code: formRules.code,
+  pwd: formRules.pwd,
+  confirmPwd: getConfirmPwdRule(toRefs(model).pwd)
+};
+
+function handleSmsCode() {
+  start();
+}
+
+async function handleSubmit() {
+  await formRef.value?.validate();
+  window.$message?.success('验证成功!');
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/login/index.vue b/src/views/_builtin/login/index.vue
new file mode 100644
index 0000000..21bf98a
--- /dev/null
+++ b/src/views/_builtin/login/index.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="relative flex-center wh-full" :style="{ backgroundColor: bgColor }">
+    <dark-mode-switch
+      :dark="theme.darkMode"
+      class="absolute left-48px top-24px z-3 text-20px"
+      @update:dark="theme.setDarkMode"
+    />
+    <n-card :bordered="false" size="large" class="z-4 !w-auto rounded-20px shadow-sm">
+      <div class="w-300px sm:w-360px">
+        <header class="flex-y-center justify-between">
+          <system-logo class="text-64px text-primary" />
+          <n-gradient-text type="primary" :size="28">{{ title }}</n-gradient-text>
+        </header>
+        <main class="pt-24px">
+          <h3 class="text-18px text-primary font-medium">{{ activeModule.label }}</h3>
+          <div class="pt-24px">
+            <transition name="fade-slide" mode="out-in" appear>
+              <component :is="activeModule.component" />
+            </transition>
+          </div>
+        </main>
+      </div>
+    </n-card>
+    <login-bg :theme-color="bgThemeColor" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { Component } from 'vue';
+import { loginModuleLabels } from '@/constants';
+import { useThemeStore } from '@/store';
+import { useAppInfo } from '@/composables';
+import { getColorPalette, mixColor } from '@/utils';
+import { BindWechat, CodeLogin, LoginBg, PwdLogin, Register, ResetPwd } from './components';
+
+interface Props {
+  /** 登录模块分类 */
+  module: UnionKey.LoginModule;
+}
+
+const props = defineProps<Props>();
+
+const theme = useThemeStore();
+const { title } = useAppInfo();
+
+interface LoginModule {
+  key: UnionKey.LoginModule;
+  label: string;
+  component: Component;
+}
+
+const modules: LoginModule[] = [
+  { key: 'pwd-login', label: loginModuleLabels['pwd-login'], component: PwdLogin },
+  { key: 'code-login', label: loginModuleLabels['code-login'], component: CodeLogin },
+  { key: 'register', label: loginModuleLabels.register, component: Register },
+  { key: 'reset-pwd', label: loginModuleLabels['reset-pwd'], component: ResetPwd },
+  { key: 'bind-wechat', label: loginModuleLabels['bind-wechat'], component: BindWechat }
+];
+
+const activeModule = computed(() => {
+  const active: LoginModule = { ...modules[0] };
+  const findItem = modules.find(item => item.key === props.module);
+  if (findItem) {
+    Object.assign(active, findItem);
+  }
+  return active;
+});
+
+const bgThemeColor = computed(() => (theme.darkMode ? getColorPalette(theme.themeColor, 7) : theme.themeColor));
+
+const bgColor = computed(() => {
+  const COLOR_WHITE = '#ffffff';
+  const ratio = theme.darkMode ? 0.5 : 0.2;
+  return mixColor(COLOR_WHITE, theme.themeColor, ratio);
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/_builtin/not-found/index.vue b/src/views/_builtin/not-found/index.vue
new file mode 100644
index 0000000..ebc953f
--- /dev/null
+++ b/src/views/_builtin/not-found/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <exception-base type="404" />
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/about/components/dev-dependency.vue b/src/views/about/components/dev-dependency.vue
new file mode 100644
index 0000000..f61af23
--- /dev/null
+++ b/src/views/about/components/dev-dependency.vue
@@ -0,0 +1,19 @@
+<template>
+  <n-card title="开发环境依赖" :bordered="false" size="small" class="rounded-16px shadow-sm">
+    <n-descriptions label-placement="left" bordered size="small">
+      <n-descriptions-item v-for="item in devDependencies" :key="item.name" :label="item.name">
+        {{ item.version }}
+      </n-descriptions-item>
+    </n-descriptions>
+  </n-card>
+</template>
+
+<script setup lang="ts">
+import { pkgJson } from './model';
+
+defineOptions({ name: 'DevDependency' });
+
+const { devDependencies } = pkgJson;
+</script>
+
+<style scoped></style>
diff --git a/src/views/about/components/index.ts b/src/views/about/components/index.ts
new file mode 100644
index 0000000..6c23029
--- /dev/null
+++ b/src/views/about/components/index.ts
@@ -0,0 +1,6 @@
+import ProjectIntroduction from './project-introduction.vue';
+import ProjectInfo from './project-info.vue';
+import ProDependency from './pro-dependency.vue';
+import DevDependency from './dev-dependency.vue';
+
+export { ProjectIntroduction, ProjectInfo, ProDependency, DevDependency };
diff --git a/src/views/about/components/model.ts b/src/views/about/components/model.ts
new file mode 100644
index 0000000..a1ae9e4
--- /dev/null
+++ b/src/views/about/components/model.ts
@@ -0,0 +1,39 @@
+import pkg from '~/package.json';
+
+/** npm依赖包版本信息 */
+export interface PkgVersionInfo {
+  name: string;
+  version: string;
+}
+
+interface Package {
+  name: string;
+  version: string;
+  dependencies: Record<string, string>;
+  devDependencies: Record<string, string>;
+  [key: string]: any;
+}
+
+interface PkgJson {
+  name: string;
+  version: string;
+  dependencies: PkgVersionInfo[];
+  devDependencies: PkgVersionInfo[];
+}
+
+const pkgWithType = pkg as Package;
+
+function transformVersionData(tuple: [string, string]): PkgVersionInfo {
+  const [name, version] = tuple;
+  return {
+    name,
+    version
+  };
+}
+
+export const pkgJson: PkgJson = {
+  name: pkgWithType.name,
+  version: pkgWithType.version,
+  dependencies: Object.entries(pkgWithType.dependencies).map(item => transformVersionData(item)),
+  devDependencies: Object.entries(pkgWithType.devDependencies).map(item => transformVersionData(item))
+};
diff --git a/src/views/about/components/pro-dependency.vue b/src/views/about/components/pro-dependency.vue
new file mode 100644
index 0000000..ea50bbf
--- /dev/null
+++ b/src/views/about/components/pro-dependency.vue
@@ -0,0 +1,19 @@
+<template>
+  <n-card title="生产环境依赖" :bordered="false" size="small" class="rounded-16px shadow-sm">
+    <n-descriptions label-placement="left" bordered size="small">
+      <n-descriptions-item v-for="item in dependencies" :key="item.name" :label="item.name">
+        {{ item.version }}
+      </n-descriptions-item>
+    </n-descriptions>
+  </n-card>
+</template>
+
+<script setup lang="ts">
+import { pkgJson } from './model';
+
+defineOptions({ name: 'ProDependency' });
+
+const { dependencies } = pkgJson;
+</script>
+
+<style scoped></style>
diff --git a/src/views/about/components/project-info.vue b/src/views/about/components/project-info.vue
new file mode 100644
index 0000000..2d455db
--- /dev/null
+++ b/src/views/about/components/project-info.vue
@@ -0,0 +1,29 @@
+<template>
+  <n-card title="项目信息" :bordered="false" size="small" class="rounded-16px shadow-sm">
+    <n-descriptions label-placement="left" bordered size="small" :column="2">
+      <n-descriptions-item label="版本">
+        <n-tag type="primary">{{ version }}</n-tag>
+      </n-descriptions-item>
+      <n-descriptions-item label="最后编译时间">
+        <n-tag type="primary">{{ latestBuildTime }}</n-tag>
+      </n-descriptions-item>
+      <n-descriptions-item label="Github地址">
+        <a class="text-primary" href="https://github.com/honghuangdc/soybean-admin" target="_blank">Github地址</a>
+      </n-descriptions-item>
+      <n-descriptions-item label="预览地址">
+        <a class="text-primary" href="https://soybean.pro" target="_blank">预览地址</a>
+      </n-descriptions-item>
+    </n-descriptions>
+  </n-card>
+</template>
+
+<script setup lang="ts">
+import { pkgJson } from './model';
+
+defineOptions({ name: 'ProjectInfo' });
+
+const { version } = pkgJson;
+const latestBuildTime = PROJECT_BUILD_TIME;
+</script>
+
+<style scoped></style>
diff --git a/src/views/about/components/project-introduction.vue b/src/views/about/components/project-introduction.vue
new file mode 100644
index 0000000..f580753
--- /dev/null
+++ b/src/views/about/components/project-introduction.vue
@@ -0,0 +1,14 @@
+<template>
+  <n-card title="关于" :bordered="false" size="large" class="rounded-16px shadow-sm">
+    <p class="leading-24px">
+      Soybean Admin 是一个基于 Vue3、Vite、Naive UI、TypeScript
+      的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目，相信不管是从新技术使用还是其他方面，都能帮助到你。
+    </p>
+  </n-card>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'ProjectIntroduction' });
+</script>
+
+<style scoped></style>
diff --git a/src/views/about/index.vue b/src/views/about/index.vue
new file mode 100644
index 0000000..6216f84
--- /dev/null
+++ b/src/views/about/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <n-space :vertical="true" :size="16">
+		<span>关于我们</span>
+    <!-- <project-introduction />
+    <project-info />
+    <pro-dependency />
+    <dev-dependency /> -->
+  </n-space>
+</template>
+
+<script setup lang="ts">
+// import { DevDependency, ProDependency, ProjectInfo, ProjectIntroduction } from './components';
+</script>
+
+<style scoped></style>
diff --git a/src/views/auth-demo/permission/index.vue b/src/views/auth-demo/permission/index.vue
new file mode 100644
index 0000000..d92cc5c
--- /dev/null
+++ b/src/views/auth-demo/permission/index.vue
@@ -0,0 +1,55 @@
+<template>
+  <div class="h-full">
+    <n-card title="权限切换" class="h-full shadow-sm rounded-16px">
+      <div class="pb-12px">
+        <n-gradient-text type="primary" :size="20">当前用户的权限：{{ auth.userInfo.userRole }}</n-gradient-text>
+      </div>
+      <n-select
+        :value="auth.userInfo.userRole"
+        class="w-120px"
+        size="small"
+        :options="options"
+        @update:value="auth.updateUserRole"
+      />
+      <div class="py-12px">
+        <n-gradient-text type="primary" :size="20">权限指令 v-permission</n-gradient-text>
+      </div>
+      <div>
+        <n-button v-permission="'super'" class="mr-12px">super可见</n-button>
+        <n-button v-permission="'admin'" class="mr-12px">admin可见</n-button>
+        <n-button v-permission="['admin', 'user']">admin和test可见</n-button>
+      </div>
+      <div class="py-12px">
+        <n-gradient-text type="primary" :size="20">权限函数 hasPermission</n-gradient-text>
+      </div>
+      <n-space>
+        <n-button v-if="hasPermission('super')">super可见</n-button>
+        <n-button v-if="hasPermission('admin')">admin可见</n-button>
+        <n-button v-if="hasPermission(['admin', 'user'])">admin和user可见</n-button>
+      </n-space>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { watch } from 'vue';
+import type { SelectOption } from 'naive-ui';
+import { userRoleOptions } from '@/constants';
+import { useAppStore, useAuthStore } from '@/store';
+import { usePermission } from '@/composables';
+
+const app = useAppStore();
+const auth = useAuthStore();
+const { hasPermission } = usePermission();
+
+const options: SelectOption[] = userRoleOptions;
+
+watch(
+  () => auth.userInfo.userRole,
+  async () => {
+    app.reloadPage();
+  }
+);
+</script>
+
+<style scoped></style>
diff --git a/src/views/auth-demo/super/index.vue b/src/views/auth-demo/super/index.vue
new file mode 100644
index 0000000..26fb578
--- /dev/null
+++ b/src/views/auth-demo/super/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="h-full">
+    <n-card title="当前页面只有super才能看到" class="h-full shadow-sm rounded-16px"> </n-card>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/component/button/index.vue b/src/views/component/button/index.vue
new file mode 100644
index 0000000..bc5110c
--- /dev/null
+++ b/src/views/component/button/index.vue
@@ -0,0 +1,575 @@
+<template>
+  <div>
+    <n-card title="按钮" class="h-full shadow-sm rounded-16px">
+      <n-grid cols="s:1 m:2" responsive="screen" :x-gap="16" :y-gap="16">
+        <n-grid-item v-for="item in buttonExample" :key="item.id">
+          <n-card :title="item.label" class="min-h-180px">
+            <p v-if="item.desc" class="pb-16px">{{ item.desc }}</p>
+            <n-space>
+              <n-button
+                v-for="button in item.buttons"
+                :key="button.id"
+                v-bind="button.props"
+                :style="`--icon-margin: ${button.props.circle ? 0 : 6}px`"
+              >
+                <template v-if="button.icon" #icon>
+                  <svg-icon :icon="button.icon" />
+                </template>
+                {{ button.label }}
+              </n-button>
+            </n-space>
+          </n-card>
+        </n-grid-item>
+        <n-grid-item class="h-180px">
+          <n-card title="加载中" class="h-full">
+            <p class="pb-16px">按钮有加载状态。</p>
+            <n-space>
+              <n-button :loading="loading" type="primary" @click="startLoading">开始加载</n-button>
+              <n-button @click="endLoading">取消加载</n-button>
+            </n-space>
+          </n-card>
+        </n-grid-item>
+      </n-grid>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { ButtonProps } from 'naive-ui';
+import { useLoading } from '@/hooks';
+
+interface ButtonDetail {
+  id: number;
+  props: ButtonProps & { href?: string; target?: string };
+  label?: string;
+  icon?: string;
+}
+
+interface ButtonExample {
+  id: number;
+  label: string;
+  buttons: ButtonDetail[];
+  desc?: string;
+}
+
+const { loading, startLoading, endLoading } = useLoading();
+
+const buttonExample: ButtonExample[] = [
+  {
+    id: 0,
+    label: '基础',
+    buttons: [
+      {
+        id: 0,
+        props: {},
+        label: 'Default'
+      },
+      {
+        id: 1,
+        props: { type: 'tertiary' },
+        label: 'Tertiary'
+      },
+      {
+        id: 2,
+        props: { type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 3,
+        props: { type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 4,
+        props: { type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 5,
+        props: { type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 6,
+        props: { type: 'error' },
+        label: 'Error'
+      }
+    ],
+    desc: '按钮的 type 分别为 default、primary、info、success、warning 和 error。'
+  },
+  {
+    id: 1,
+    label: '次要按钮',
+    buttons: [
+      {
+        id: 0,
+        props: { strong: true, secondary: true },
+        label: 'Default'
+      },
+      {
+        id: 1,
+        props: { strong: true, secondary: true, type: 'tertiary' },
+        label: 'Tertiary'
+      },
+      {
+        id: 2,
+        props: { strong: true, secondary: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 3,
+        props: { strong: true, secondary: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 4,
+        props: { strong: true, secondary: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 5,
+        props: { strong: true, secondary: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 6,
+        props: { strong: true, secondary: true, type: 'error' },
+        label: 'Error'
+      },
+      {
+        id: 7,
+        props: { strong: true, secondary: true, round: true },
+        label: 'Default'
+      },
+      {
+        id: 8,
+        props: { strong: true, secondary: true, round: true, type: 'tertiary' },
+        label: 'Tertiary'
+      },
+      {
+        id: 9,
+        props: { strong: true, secondary: true, round: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 10,
+        props: { strong: true, secondary: true, round: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 11,
+        props: { strong: true, secondary: true, round: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 12,
+        props: { strong: true, secondary: true, round: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 13,
+        props: { strong: true, secondary: true, round: true, type: 'error' },
+        label: 'Error'
+      }
+    ]
+  },
+  {
+    id: 2,
+    label: '次次要按钮',
+    buttons: [
+      {
+        id: 0,
+        props: { tertiary: true },
+        label: 'Default'
+      },
+      {
+        id: 1,
+        props: { tertiary: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 2,
+        props: { tertiary: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 3,
+        props: { tertiary: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 4,
+        props: { tertiary: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 5,
+        props: { tertiary: true, type: 'error' },
+        label: 'Error'
+      },
+      {
+        id: 6,
+        props: { tertiary: true, round: true },
+        label: 'Default'
+      },
+      {
+        id: 7,
+        props: { tertiary: true, round: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 8,
+        props: { tertiary: true, round: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 9,
+        props: { tertiary: true, round: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 10,
+        props: { tertiary: true, round: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 11,
+        props: { tertiary: true, round: true, type: 'error' },
+        label: 'Error'
+      }
+    ]
+  },
+  {
+    id: 3,
+    label: '次次次要按钮',
+    buttons: [
+      {
+        id: 0,
+        props: { quaternary: true },
+        label: 'Default'
+      },
+      {
+        id: 1,
+        props: { quaternary: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 2,
+        props: { quaternary: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 3,
+        props: { quaternary: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 4,
+        props: { quaternary: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 5,
+        props: { quaternary: true, type: 'error' },
+        label: 'Error'
+      },
+      {
+        id: 6,
+        props: { quaternary: true, round: true },
+        label: 'Default'
+      },
+      {
+        id: 7,
+        props: { quaternary: true, round: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 8,
+        props: { quaternary: true, round: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 9,
+        props: { quaternary: true, round: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 10,
+        props: { quaternary: true, round: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 11,
+        props: { quaternary: true, round: true, type: 'error' },
+        label: 'Error'
+      }
+    ]
+  },
+  {
+    id: 4,
+    label: '虚线按钮',
+    buttons: [
+      {
+        id: 0,
+        props: { dashed: true },
+        label: 'Default'
+      },
+      {
+        id: 1,
+        props: { dashed: true, type: 'tertiary' },
+        label: 'Tertiary'
+      },
+      {
+        id: 2,
+        props: { dashed: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 3,
+        props: { dashed: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 4,
+        props: { dashed: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 5,
+        props: { dashed: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 6,
+        props: { dashed: true, type: 'error' },
+        label: 'Error'
+      }
+    ]
+  },
+  {
+    id: 5,
+    label: '尺寸',
+    buttons: [
+      {
+        id: 0,
+        props: { size: 'tiny', strong: true },
+        label: '小小'
+      },
+      {
+        id: 1,
+        props: { size: 'small', strong: true },
+        label: '小'
+      },
+      {
+        id: 2,
+        props: { size: 'medium', strong: true },
+        label: '不小'
+      },
+      {
+        id: 3,
+        props: { size: 'large', strong: true },
+        label: '不不小'
+      }
+    ]
+  },
+  {
+    id: 6,
+    label: '文本按钮',
+    buttons: [
+      {
+        id: 0,
+        props: { text: true },
+        label: '那车头依然吐着烟',
+        icon: 'mdi:train'
+      }
+    ]
+  },
+  {
+    id: 7,
+    label: '自定义标签按钮',
+    buttons: [
+      {
+        id: 0,
+        props: {
+          text: true,
+          tag: 'a',
+          href: 'https://github.com/honghuangdc/soybean-admin',
+          target: '_blank',
+          type: 'primary'
+        },
+        label: 'soybean-admin'
+      }
+    ],
+    desc: '你可以把按钮渲染成不同的标签，比如 a标签 。'
+  },
+  {
+    id: 8,
+    label: '按钮禁用',
+    buttons: [
+      {
+        id: 0,
+        props: {
+          disabled: true
+        },
+        label: '不许点'
+      }
+    ],
+    desc: '按钮可以被禁用'
+  },
+  {
+    id: 9,
+    label: '图标按钮',
+    buttons: [
+      {
+        id: 0,
+        props: {
+          secondary: true,
+          strong: true
+        },
+        label: '+100元',
+        icon: 'mdi:cash-100'
+      },
+      {
+        id: 0,
+        props: {
+          iconPlacement: 'right',
+          secondary: true,
+          strong: true
+        },
+        label: '+100元',
+        icon: 'mdi:cash-100'
+      }
+    ],
+    desc: '在按钮上使用图标。'
+  },
+  {
+    id: 10,
+    label: '不同形状按钮',
+    buttons: [
+      {
+        id: 0,
+        props: {
+          circle: true
+        },
+        icon: 'mdi:cash-100'
+      },
+      {
+        id: 1,
+        props: {
+          round: true
+        },
+        label: '圆角'
+      },
+      {
+        id: 2,
+        props: {},
+        label: '方'
+      }
+    ],
+    desc: '按钮拥有不同的形状。'
+  },
+  {
+    id: 11,
+    label: '透明背景按钮',
+    buttons: [
+      {
+        id: 0,
+        props: { ghost: true },
+        label: 'Default'
+      },
+      {
+        id: 1,
+        props: { ghost: true, type: 'tertiary' },
+        label: 'Tertiary'
+      },
+      {
+        id: 2,
+        props: { ghost: true, type: 'primary' },
+        label: 'Primary'
+      },
+      {
+        id: 3,
+        props: { ghost: true, type: 'info' },
+        label: 'Info'
+      },
+      {
+        id: 4,
+        props: { ghost: true, type: 'success' },
+        label: 'Success'
+      },
+      {
+        id: 5,
+        props: { ghost: true, type: 'warning' },
+        label: 'Warning'
+      },
+      {
+        id: 6,
+        props: { ghost: true, type: 'error' },
+        label: 'Error'
+      }
+    ],
+    desc: 'Ghost 按钮有透明的背景。'
+  },
+  {
+    id: 12,
+    label: '自定义颜色',
+    buttons: [
+      {
+        id: 0,
+        props: {
+          color: '#8a2be2'
+        },
+        label: '#8a2be2',
+        icon: 'ic:baseline-color-lens'
+      },
+      {
+        id: 1,
+        props: {
+          color: '#ff69b4'
+        },
+        label: '#ff69b4',
+        icon: 'ic:baseline-color-lens'
+      },
+      {
+        id: 2,
+        props: {
+          color: '#8a2be2',
+          ghost: true
+        },
+        label: '#8a2be2',
+        icon: 'ic:baseline-color-lens'
+      },
+      {
+        id: 3,
+        props: {
+          color: '#ff69b4',
+          ghost: true
+        },
+        label: '#ff69b4',
+        icon: 'ic:baseline-color-lens'
+      },
+      {
+        id: 4,
+        props: {
+          color: '#8a2be2',
+          text: true
+        },
+        label: '#8a2be2',
+        icon: 'ic:baseline-color-lens'
+      },
+      {
+        id: 5,
+        props: {
+          color: '#ff69b4',
+          text: true
+        },
+        label: '#ff69b4',
+        icon: 'ic:baseline-color-lens'
+      }
+    ],
+    desc: '这两个颜色看起来像毒蘑菇。'
+  }
+];
+</script>
+
+<style scoped></style>
diff --git a/src/views/component/card/index.vue b/src/views/component/card/index.vue
new file mode 100644
index 0000000..bf4d9d6
--- /dev/null
+++ b/src/views/component/card/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <n-card title="卡片" class="h-full shadow-sm rounded-16px">
+      <n-space :vertical="true">
+        <n-card title="基本用法">
+          <p class="pb-16px">基础卡片</p>
+          <n-card title="卡片">卡片内容</n-card>
+        </n-card>
+        <n-card title="尺寸">
+          <p class="pb-16px">卡片有 small、medium、large、huge 尺寸。</p>
+          <n-space vertical>
+            <n-card title="小卡片" size="small">卡片内容</n-card>
+            <n-card title="中卡片" size="medium">卡片内容</n-card>
+            <n-card title="大卡片" size="large">卡片内容</n-card>
+            <n-card title="超大卡片" size="huge">卡片内容</n-card>
+          </n-space>
+        </n-card>
+        <n-card title="文本按钮">
+          <p class="pb-16px">
+            content 和 footer 可以被 hard 或 soft 分段，action 可以被分段。分段分割线会在区域的上方出现。
+          </p>
+          <n-card
+            title="卡片分段示例"
+            :segmented="{
+              content: true,
+              footer: 'soft'
+            }"
+          >
+            <template #header-extra>#header-extra</template>
+            卡片内容
+            <template #footer>#footer</template>
+            <template #action>#action</template>
+          </n-card>
+        </n-card>
+      </n-space>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/component/table/index.vue b/src/views/component/table/index.vue
new file mode 100644
index 0000000..8f18473
--- /dev/null
+++ b/src/views/component/table/index.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="h-full overflow-hidden">
+    <n-card title="表格" class="h-full shadow-sm rounded-16px">
+      <n-space :vertical="true">
+        <n-space>
+          <n-button @click="getDataSource">有数据</n-button>
+          <n-button @click="getEmptyDataSource">空数据</n-button>
+        </n-space>
+        <loading-empty-wrapper class="h-480px" :loading="loading" :empty="empty">
+          <n-data-table :columns="columns" :data="dataSource" :flex-height="true" class="h-480px" />
+        </loading-empty-wrapper>
+      </n-space>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { onMounted, ref } from 'vue';
+import { NSpace, NButton, NPopconfirm } from 'naive-ui';
+import type { DataTableColumn } from 'naive-ui';
+import { useLoadingEmpty } from '@/hooks';
+import { getRandomInteger } from '@/utils';
+
+interface DataSource {
+  name: string;
+  age: number;
+  address: string;
+}
+
+const { loading, startLoading, endLoading, empty, setEmpty } = useLoadingEmpty();
+
+const columns: DataTableColumn[] = [
+  {
+    title: 'Name',
+    key: 'name',
+    align: 'center'
+  },
+  {
+    title: 'Age',
+    key: 'age',
+    align: 'center'
+  },
+  {
+    title: 'Address',
+    key: 'address',
+    align: 'center'
+  },
+  {
+    key: 'action',
+    title: 'Action',
+    align: 'center',
+    render: () => {
+      return (
+        <NSpace justify={'center'}>
+          <NButton size={'small'} onClick={() => {}}>
+            编辑
+          </NButton>
+          <NPopconfirm onPositiveClick={() => {}}>
+            {{
+              default: () => '确认删除',
+              trigger: () => <NButton size={'small'}>删除</NButton>
+            }}
+          </NPopconfirm>
+        </NSpace>
+      );
+    }
+  }
+];
+
+const dataSource = ref<DataSource[]>([]);
+
+function createDataSource(): DataSource[] {
+  return Array(100)
+    .fill(1)
+    .map((_item, index) => {
+      return {
+        name: `Name${index}`,
+        age: getRandomInteger(30, 20),
+        address: '中国'
+      };
+    });
+}
+
+function getDataSource() {
+  startLoading();
+  setTimeout(() => {
+    dataSource.value = createDataSource();
+    endLoading();
+    setEmpty(!dataSource.value.length);
+  }, 1000);
+}
+
+function getEmptyDataSource() {
+  startLoading();
+  setTimeout(() => {
+    dataSource.value = [];
+    endLoading();
+    setEmpty(!dataSource.value.length);
+  }, 1000);
+}
+
+onMounted(() => {
+  getDataSource();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/crud/demo/api.ts b/src/views/crud/demo/api.ts
new file mode 100644
index 0000000..38914e2
--- /dev/null
+++ b/src/views/crud/demo/api.ts
@@ -0,0 +1,43 @@
+import type { UserPageQuery } from '@fast-crud/fast-crud';
+import { mockRequest } from '@/service/request';
+
+const request = mockRequest;
+const apiPrefix = '/crud/demo';
+
+export type DemoRecord = {
+  id: number;
+  [key: string]: any;
+};
+
+function resHandle(res: any) {
+  return res.data;
+}
+export async function GetList(query: UserPageQuery) {
+  const res = await request.post(`${apiPrefix}/page`, query);
+  return resHandle(res);
+}
+
+export async function AddObj(obj: DemoRecord) {
+  const res = await request.post(`${apiPrefix}/add`, obj);
+  return resHandle(res);
+}
+
+export async function UpdateObj(obj: DemoRecord) {
+  const res = await request.post(`${apiPrefix}/update`, obj);
+  return resHandle(res);
+}
+
+export async function DelObj(id: number) {
+  const res = await request.post(`${apiPrefix}/delete`, { id });
+  return resHandle(res);
+}
+
+export async function GetObj(id: number) {
+  const res = await request.get(`${apiPrefix}/info`, { params: { id } });
+  return resHandle(res);
+}
+
+export async function BatchDelete(ids: number[]) {
+  const res = await request.post(`${apiPrefix}/batchDelete`, { ids });
+  return resHandle(res);
+}
diff --git a/src/views/crud/demo/crud.tsx b/src/views/crud/demo/crud.tsx
new file mode 100644
index 0000000..e3db876
--- /dev/null
+++ b/src/views/crud/demo/crud.tsx
@@ -0,0 +1,114 @@
+import type { AddReq, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from '@fast-crud/fast-crud';
+import { dict } from '@fast-crud/fast-crud';
+import dayjs from 'dayjs';
+import * as api from './api';
+
+export default function createCrudOptions(): CreateCrudOptionsRet {
+  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+    return api.GetList(query);
+  };
+  const editRequest = async (ctx: EditReq) => {
+    const { form, row } = ctx;
+    form.id = row.id;
+    return api.UpdateObj(form);
+  };
+  const delRequest = async (ctx: DelReq) => {
+    const { row } = ctx;
+    return api.DelObj(row.id);
+  };
+
+  const addRequest = async (req: AddReq) => {
+    const { form } = req;
+    return api.AddObj(form);
+  };
+  return {
+    crudOptions: {
+      container: {
+        is: 'fs-layout-card'
+      },
+      request: {
+        pageRequest,
+        addRequest,
+        editRequest,
+        delRequest
+      },
+      columns: {
+        id: {
+          title: 'ID',
+          key: 'id',
+          type: 'number',
+          column: {
+            width: 50
+          },
+          form: {
+            show: false
+          }
+        },
+        datetime: {
+          title: '时间',
+          type: 'datetime',
+          // naive 默认仅支持数字类型时间戳作为日期输入与输出
+          // 字符串类型的时间需要转换格式
+          valueBuilder(context) {
+            const { value, row, key } = context;
+            if (value) {
+              // naive 默认仅支持时间戳作为日期输入与输出
+              row[key] = dayjs(value).valueOf();
+            }
+          },
+          valueResolve(context) {
+            const { value, form, key } = context;
+            if (value) {
+              form[key] = dayjs(value).format('YYYY-MM-DD HH:mm:ss');
+            }
+          }
+        },
+        select: {
+          title: '状态',
+          search: { show: true },
+          type: 'dict-select',
+          dict: dict({
+            url: '/mock/crud/demo/dict'
+          })
+        },
+        text: {
+          title: '文本',
+          type: 'text',
+          search: { show: true }
+        },
+        copyable: {
+          title: '可复制',
+          type: ['text', 'copyable'],
+          search: { show: true }
+        },
+        avatar: {
+          title: '头像裁剪',
+          type: 'cropper-uploader'
+        },
+        upload: {
+          title: '文件上传',
+          type: 'file-uploader'
+        },
+        richtext: {
+          title: '富文本',
+          type: 'editor-wang5',
+          column: {
+            // cell中不显示
+            show: false
+          },
+          form: {
+            col: {
+              // 横跨两列
+              span: 24
+            },
+            component: {
+              style: {
+                height: '300px'
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+}
diff --git a/src/views/crud/demo/index.vue b/src/views/crud/demo/index.vue
new file mode 100644
index 0000000..18ef4d2
--- /dev/null
+++ b/src/views/crud/demo/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="h-full">
+    <fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted } from 'vue';
+import { useFs } from '@fast-crud/fast-crud';
+import createCrudOptions from './crud';
+
+export default defineComponent({
+  name: 'ComponentCrud',
+  setup() {
+    const { crudRef, crudBinding, crudExpose } = useFs({ createCrudOptions });
+
+    // 页面打开后获取列表数据
+    onMounted(() => {
+      crudExpose.doRefresh();
+    });
+
+    return {
+      crudBinding,
+      crudRef
+    };
+  }
+});
+</script>
diff --git a/src/views/crud/doc/index.vue b/src/views/crud/doc/index.vue
new file mode 100644
index 0000000..1d34c90
--- /dev/null
+++ b/src/views/crud/doc/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const src = ref('http://fast-crud.docmirror.cn/');
+</script>
+
+<style scoped></style>
diff --git a/src/views/crud/header_group/api.ts b/src/views/crud/header_group/api.ts
new file mode 100644
index 0000000..387a93f
--- /dev/null
+++ b/src/views/crud/header_group/api.ts
@@ -0,0 +1,43 @@
+import type { UserPageQuery } from '@fast-crud/fast-crud';
+import { mockRequest } from '@/service/request';
+
+const request = mockRequest;
+const apiPrefix = '/crud/header-group';
+
+export type HeaderGroupRecord = {
+  id: number;
+  [key: string]: any;
+};
+
+function resHandle(res: any) {
+  return res.data;
+}
+export async function GetList(query: UserPageQuery) {
+  const res = await request.post(`${apiPrefix}/page`, query);
+  return resHandle(res);
+}
+
+export async function AddObj(obj: HeaderGroupRecord) {
+  const res = await request.post(`${apiPrefix}/add`, obj);
+  return resHandle(res);
+}
+
+export async function UpdateObj(obj: HeaderGroupRecord) {
+  const res = await request.post(`${apiPrefix}/update`, obj);
+  return resHandle(res);
+}
+
+export async function DelObj(id: number) {
+  const res = await request.post(`${apiPrefix}/delete`, { id });
+  return resHandle(res);
+}
+
+export async function GetObj(id: number) {
+  const res = await request.get(`${apiPrefix}/info`, { params: { id } });
+  return resHandle(res);
+}
+
+export async function BatchDelete(ids: number[]) {
+  const res = await request.post(`${apiPrefix}/batchDelete`, { ids });
+  return resHandle(res);
+}
diff --git a/src/views/crud/header_group/crud.tsx b/src/views/crud/header_group/crud.tsx
new file mode 100644
index 0000000..880a4cb
--- /dev/null
+++ b/src/views/crud/header_group/crud.tsx
@@ -0,0 +1,96 @@
+import type { CreateCrudOptionsRet, UserPageQuery, UserPageRes } from '@fast-crud/fast-crud';
+import type { HeaderGroupRecord } from './api';
+import * as api from './api';
+
+export default function createCrudOptions(): CreateCrudOptionsRet {
+  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+    return api.GetList(query);
+  };
+  const editRequest = async (ctx: { form: HeaderGroupRecord; row: HeaderGroupRecord }) => {
+    const { form, row } = ctx;
+    form.id = row.id;
+    return api.UpdateObj(form);
+  };
+  const delRequest = async (ctx: { row: HeaderGroupRecord }) => {
+    const { row } = ctx;
+    return api.DelObj(row.id);
+  };
+
+  const addRequest = async (ctx: { form: HeaderGroupRecord }) => {
+    const { form } = ctx;
+    return api.AddObj(form);
+  };
+  return {
+    crudOptions: {
+      container: {
+        // is: 'fs-layout-card'
+      },
+      request: {
+        pageRequest,
+        addRequest,
+        editRequest,
+        delRequest
+      },
+      form: {
+        layout: 'flex',
+        labelWidth: '100px' // 表单label宽度
+      },
+      table: { size: 'small' },
+      columns: {
+        id: {
+          title: 'ID',
+          key: 'id',
+          type: 'number',
+          column: {
+            width: 50
+          },
+          form: {
+            show: false
+          }
+        },
+        user: {
+          title: '用户信息',
+          children: {
+            name: {
+              title: '姓名',
+              type: 'text'
+            },
+            age: {
+              title: '年龄',
+              type: 'number'
+            }
+          }
+        },
+        address: {
+          title: '地址',
+          children: {
+            area: {
+              title: '地区',
+              children: {
+                province: {
+                  title: '省',
+                  type: 'text',
+                  search: { show: true }
+                },
+                city: {
+                  title: '市',
+                  search: { show: true },
+                  type: 'text'
+                },
+                county: {
+                  title: '区',
+                  search: { show: true },
+                  type: 'text'
+                }
+              }
+            },
+            street: {
+              title: '街道',
+              type: 'text'
+            }
+          }
+        }
+      }
+    }
+  };
+}
diff --git a/src/views/crud/header_group/index.vue b/src/views/crud/header_group/index.vue
new file mode 100644
index 0000000..53190cf
--- /dev/null
+++ b/src/views/crud/header_group/index.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="h-full fs-page-header-group">
+    <fs-crud ref="crudRef" v-bind="crudBinding" />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted } from 'vue';
+import { useFs } from '@fast-crud/fast-crud';
+import createCrudOptions from './crud';
+
+export default defineComponent({
+  name: 'CrudHeaderGroup',
+  setup() {
+    const { crudRef, crudBinding, crudExpose } = useFs({ createCrudOptions });
+
+    // 页面打开后获取列表数据
+    onMounted(() => {
+      crudExpose.doRefresh();
+    });
+
+    return {
+      crudBinding,
+      crudRef
+    };
+  }
+});
+</script>
+<style lang="scss">
+.fs-page-header-group {
+}
+</style>
diff --git a/src/views/crud/source/index.vue b/src/views/crud/source/index.vue
new file mode 100644
index 0000000..39daf37
--- /dev/null
+++ b/src/views/crud/source/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const src = ref('https://github.com/fast-crud/fast-crud');
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/analysis/components/bottom-part/index.vue b/src/views/dashboard/analysis/components/bottom-part/index.vue
new file mode 100644
index 0000000..3fb9fe4
--- /dev/null
+++ b/src/views/dashboard/analysis/components/bottom-part/index.vue
@@ -0,0 +1,136 @@
+<template>
+  <n-grid :x-gap="16" :y-gap="16" :item-responsive="true">
+    <n-grid-item span="0:24 640:24 1024:8">
+      <n-card title="时间线" :bordered="false" class="h-full rounded-16px shadow-sm">
+        <n-timeline>
+          <n-timeline-item v-for="item in timelines" :key="item.type" v-bind="item" />
+        </n-timeline>
+      </n-card>
+    </n-grid-item>
+    <n-grid-item span="0:24 640:24 1024:16">
+      <n-card title="表格" :bordered="false" class="h-full rounded-16px shadow-sm">
+        <n-data-table size="small" :columns="columns" :data="tableData" />
+      </n-card>
+    </n-grid-item>
+  </n-grid>
+</template>
+
+<script setup lang="ts">
+import { h } from 'vue';
+import { NTag } from 'naive-ui';
+
+defineOptions({ name: 'DashboardAnalysisBottomPart' });
+
+interface TimelineData {
+  type: 'default' | 'info' | 'success' | 'warning' | 'error';
+  title: string;
+  content: string;
+  time: string;
+}
+
+interface TableData {
+  key: number;
+  name: string;
+  age: number;
+  address: string;
+  tags: string[];
+}
+
+const timelines: TimelineData[] = [
+  { type: 'default', title: '啊', content: '', time: '2021-10-10 20:46' },
+  { type: 'success', title: '成功', content: '哪里成功', time: '2021-10-10 20:46' },
+  { type: 'error', title: '错误', content: '哪里错误', time: '2021-10-10 20:46' },
+  { type: 'warning', title: '警告', content: '哪里警告', time: '2021-10-10 20:46' },
+  { type: 'info', title: '信息', content: '是的', time: '2021-10-10 20:46' }
+];
+
+const columns = [
+  {
+    title: 'Name',
+    key: 'name'
+  },
+  {
+    title: 'Age',
+    key: 'age'
+  },
+  {
+    title: 'Address',
+    key: 'address'
+  },
+  {
+    title: 'Tags',
+    key: 'tags',
+    render(row: TableData) {
+      const tags = row.tags.map(tagKey => {
+        return h(
+          NTag,
+          {
+            style: {
+              marginRight: '6px'
+            },
+            type: 'info'
+          },
+          {
+            default: () => tagKey
+          }
+        );
+      });
+      return tags;
+    }
+  }
+];
+
+const tableData: TableData[] = [
+  {
+    key: 0,
+    name: 'John Brown',
+    age: 32,
+    address: 'New York No. 1 Lake Park',
+    tags: ['nice', 'developer']
+  },
+  {
+    key: 1,
+    name: 'Jim Green',
+    age: 42,
+    address: 'London No. 1 Lake Park',
+    tags: ['wow']
+  },
+  {
+    key: 2,
+    name: 'Joe Black',
+    age: 32,
+    address: 'Sidney No. 1 Lake Park',
+    tags: ['cool', 'teacher']
+  },
+  {
+    key: 3,
+    name: 'Soybean',
+    age: 25,
+    address: 'China Shenzhen',
+    tags: ['handsome', 'programmer']
+  },
+  {
+    key: 4,
+    name: 'John Brown',
+    age: 32,
+    address: 'New York No. 1 Lake Park',
+    tags: ['nice', 'developer']
+  },
+  {
+    key: 5,
+    name: 'Jim Green',
+    age: 42,
+    address: 'London No. 1 Lake Park',
+    tags: ['wow']
+  },
+  {
+    key: 6,
+    name: 'Joe Black',
+    age: 32,
+    address: 'Sidney No. 1 Lake Park',
+    tags: ['cool', 'teacher']
+  }
+];
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/analysis/components/data-card/components/gradient-bg.vue b/src/views/dashboard/analysis/components/data-card/components/gradient-bg.vue
new file mode 100644
index 0000000..02cea29
--- /dev/null
+++ b/src/views/dashboard/analysis/components/data-card/components/gradient-bg.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="p-16px rounded-16px text-white" :style="{ backgroundImage: gradientStyle }">
+    <slot></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+interface Props {
+  /** 渐变开始的颜色 */
+  startColor?: string;
+  /** 渐变结束的颜色 */
+  endColor?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  startColor: '#56cdf3',
+  endColor: '#719de3'
+});
+
+const gradientStyle = computed(() => `linear-gradient(to bottom right, ${props.startColor}, ${props.endColor})`);
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/analysis/components/data-card/components/index.ts b/src/views/dashboard/analysis/components/data-card/components/index.ts
new file mode 100644
index 0000000..1bd6ccb
--- /dev/null
+++ b/src/views/dashboard/analysis/components/data-card/components/index.ts
@@ -0,0 +1,3 @@
+import GradientBg from './gradient-bg.vue';
+
+export { GradientBg };
diff --git a/src/views/dashboard/analysis/components/data-card/index.vue b/src/views/dashboard/analysis/components/data-card/index.vue
new file mode 100644
index 0000000..4269ac2
--- /dev/null
+++ b/src/views/dashboard/analysis/components/data-card/index.vue
@@ -0,0 +1,70 @@
+<template>
+  <n-grid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
+    <n-grid-item v-for="item in cardData" :key="item.id">
+      <gradient-bg class="h-100px" :start-color="item.colors[0]" :end-color="item.colors[1]">
+        <h3 class="text-16px">{{ item.title }}</h3>
+        <div class="flex justify-between pt-12px">
+          <svg-icon :icon="item.icon" class="text-32px" />
+          <count-to
+            :prefix="item.unit"
+            :start-value="1"
+            :end-value="item.value"
+            class="text-30px text-white dark:text-dark"
+          />
+        </div>
+      </gradient-bg>
+    </n-grid-item>
+  </n-grid>
+</template>
+
+<script setup lang="ts">
+import { GradientBg } from './components';
+
+defineOptions({ name: 'DashboardAnalysisDataCard' });
+
+interface CardData {
+  id: string;
+  title: string;
+  value: number;
+  unit: string;
+  colors: [string, string];
+  icon: string;
+}
+
+const cardData: CardData[] = [
+  {
+    id: 'visit',
+    title: '访问量',
+    value: 1000000,
+    unit: '',
+    colors: ['#ec4786', '#b955a4'],
+    icon: 'ant-design:bar-chart-outlined'
+  },
+  {
+    id: 'amount',
+    title: '成交额',
+    value: 234567.89,
+    unit: '$',
+    colors: ['#865ec0', '#5144b4'],
+    icon: 'ant-design:money-collect-outlined'
+  },
+  {
+    id: 'download',
+    title: '下载数',
+    value: 666666,
+    unit: '',
+    colors: ['#56cdf3', '#719de3'],
+    icon: 'carbon:document-download'
+  },
+  {
+    id: 'trade',
+    title: '成交数',
+    value: 999999,
+    unit: '',
+    colors: ['#fcbc25', '#f68057'],
+    icon: 'ant-design:trademark-circle-outlined'
+  }
+];
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/analysis/components/index.ts b/src/views/dashboard/analysis/components/index.ts
new file mode 100644
index 0000000..e205afb
--- /dev/null
+++ b/src/views/dashboard/analysis/components/index.ts
@@ -0,0 +1,5 @@
+import TopChart from './top-chart/index.vue';
+import DataCard from './data-card/index.vue';
+import BottomPart from './bottom-part/index.vue';
+
+export { TopChart, DataCard, BottomPart };
diff --git a/src/views/dashboard/analysis/components/top-chart/index.vue b/src/views/dashboard/analysis/components/top-chart/index.vue
new file mode 100644
index 0000000..c7048b7
--- /dev/null
+++ b/src/views/dashboard/analysis/components/top-chart/index.vue
@@ -0,0 +1,184 @@
+<template>
+  <n-grid :x-gap="16" :y-gap="16" :item-responsive="true">
+    <n-grid-item span="0:24 640:24 1024:6">
+      <n-card :bordered="false" class="rounded-16px shadow-sm">
+        <div class="w-full h-360px py-12px">
+          <h3 class="text-16px font-bold">Dashboard</h3>
+          <p class="text-#aaa">Overview Of Lasted Month</p>
+          <h3 class="pt-32px text-24px font-bold">
+            <count-to prefix="$" :start-value="0" :end-value="7754" />
+          </h3>
+          <p class="text-#aaa">Current Month Earnings</p>
+          <h3 class="pt-32px text-24px font-bold">
+            <count-to :start-value="0" :end-value="1234" />
+          </h3>
+          <p class="text-#aaa">Current Month Sales</p>
+          <n-button class="mt-24px whitespace-pre-wrap" type="primary">Last Month Summary</n-button>
+        </div>
+      </n-card>
+    </n-grid-item>
+    <n-grid-item span="0:24 640:24 1024:10">
+      <n-card :bordered="false" class="rounded-16px shadow-sm">
+        <div ref="lineRef" class="w-full h-360px"></div>
+      </n-card>
+    </n-grid-item>
+    <n-grid-item span="0:24 640:24 1024:8">
+      <n-card :bordered="false" class="rounded-16px shadow-sm">
+        <div ref="pieRef" class="w-full h-360px"></div>
+      </n-card>
+    </n-grid-item>
+  </n-grid>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import type { Ref } from 'vue';
+import { type ECOption, useEcharts } from '@/composables';
+
+defineOptions({ name: 'DashboardAnalysisTopCard' });
+
+const lineOptions = ref<ECOption>({
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'cross',
+      label: {
+        backgroundColor: '#6a7985'
+      }
+    }
+  },
+  legend: {
+    data: ['下载量', '注册数']
+  },
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '3%',
+    containLabel: true
+  },
+  xAxis: [
+    {
+      type: 'category',
+      boundaryGap: false,
+      data: ['06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00', '22:00', '24:00']
+    }
+  ],
+  yAxis: [
+    {
+      type: 'value'
+    }
+  ],
+  series: [
+    {
+      color: '#8e9dff',
+      name: '下载量',
+      type: 'line',
+      smooth: true,
+      stack: 'Total',
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0.25,
+              color: '#8e9dff'
+            },
+            {
+              offset: 1,
+              color: '#fff'
+            }
+          ]
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      data: [4623, 6145, 6268, 6411, 1890, 4251, 2978, 3880, 3606, 4311]
+    },
+    {
+      color: '#26deca',
+      name: '注册数',
+      type: 'line',
+      smooth: true,
+      stack: 'Total',
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0.25,
+              color: '#26deca'
+            },
+            {
+              offset: 1,
+              color: '#fff'
+            }
+          ]
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      data: [2208, 2016, 2916, 4512, 8281, 2008, 1963, 2367, 2956, 678]
+    }
+  ]
+}) as Ref<ECOption>;
+const { domRef: lineRef } = useEcharts(lineOptions);
+
+const pieOptions = ref<ECOption>({
+  tooltip: {
+    trigger: 'item'
+  },
+  legend: {
+    bottom: '1%',
+    left: 'center',
+    itemStyle: {
+      borderWidth: 0
+    }
+  },
+  series: [
+    {
+      color: ['#5da8ff', '#8e9dff', '#fedc69', '#26deca'],
+      name: '时间安排',
+      type: 'pie',
+      radius: ['45%', '75%'],
+      avoidLabelOverlap: false,
+      itemStyle: {
+        borderRadius: 10,
+        borderColor: '#fff',
+        borderWidth: 1
+      },
+      label: {
+        show: false,
+        position: 'center'
+      },
+      emphasis: {
+        label: {
+          show: true,
+          fontSize: '12'
+        }
+      },
+      labelLine: {
+        show: false
+      },
+      data: [
+        { value: 20, name: '学习' },
+        { value: 10, name: '娱乐' },
+        { value: 30, name: '工作' },
+        { value: 40, name: '休息' }
+      ]
+    }
+  ]
+}) as Ref<ECOption>;
+const { domRef: pieRef } = useEcharts(pieOptions);
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/analysis/index.vue b/src/views/dashboard/analysis/index.vue
new file mode 100644
index 0000000..de2a6f5
--- /dev/null
+++ b/src/views/dashboard/analysis/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <n-space :vertical="true" :size="16">
+    <top-chart />
+    <data-card />
+    <bottom-part />
+  </n-space>
+</template>
+
+<script lang="ts" setup>
+import { BottomPart, DataCard, TopChart } from './components';
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/workbench/components/index.ts b/src/views/dashboard/workbench/components/index.ts
new file mode 100644
index 0000000..dc98ac8
--- /dev/null
+++ b/src/views/dashboard/workbench/components/index.ts
@@ -0,0 +1,4 @@
+import WorkbenchHeader from './workbench-header/index.vue';
+import WorkbenchMain from './workbench-main/index.vue';
+
+export { WorkbenchHeader, WorkbenchMain };
diff --git a/src/views/dashboard/workbench/components/workbench-header/index.vue b/src/views/dashboard/workbench/components/workbench-header/index.vue
new file mode 100644
index 0000000..3c57cc2
--- /dev/null
+++ b/src/views/dashboard/workbench/components/workbench-header/index.vue
@@ -0,0 +1,50 @@
+<template>
+  <n-card :bordered="false" class="rounded-16px shadow-sm">
+    <div class="flex-y-center justify-between">
+      <div class="flex-y-center">
+        <icon-local-avatar class="text-70px" />
+        <div class="pl-12px">
+          <h3 class="text-18px font-semibold">早安，{{ auth.userInfo.userName }}, 今天又是充满活力的一天！</h3>
+          <p class="leading-30px text-#999">今日多云转晴，20℃ - 25℃！</p>
+        </div>
+      </div>
+      <n-space :size="24" :wrap="false">
+        <n-statistic v-for="item in statisticData" :key="item.id" class="whitespace-nowrap" v-bind="item"></n-statistic>
+      </n-space>
+    </div>
+  </n-card>
+</template>
+
+<script setup lang="ts">
+import { useAuthStore } from '@/store';
+
+defineOptions({ name: 'DashboardWorkbenchHeader' });
+
+const auth = useAuthStore();
+
+interface StatisticData {
+  id: number;
+  label: string;
+  value: string;
+}
+
+const statisticData: StatisticData[] = [
+  {
+    id: 0,
+    label: '项目数',
+    value: '25'
+  },
+  {
+    id: 1,
+    label: '待办',
+    value: '4/16'
+  },
+  {
+    id: 2,
+    label: '消息',
+    value: '12'
+  }
+];
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/workbench/components/workbench-main/components/index.ts b/src/views/dashboard/workbench/components/workbench-main/components/index.ts
new file mode 100644
index 0000000..86fa847
--- /dev/null
+++ b/src/views/dashboard/workbench/components/workbench-main/components/index.ts
@@ -0,0 +1,4 @@
+import TechnologyCard from './technology-card.vue';
+import ShortcutsCard from './shortcuts-card.vue';
+
+export { TechnologyCard, ShortcutsCard };
diff --git a/src/views/dashboard/workbench/components/workbench-main/components/shortcuts-card.vue b/src/views/dashboard/workbench/components/workbench-main/components/shortcuts-card.vue
new file mode 100644
index 0000000..b4ea695
--- /dev/null
+++ b/src/views/dashboard/workbench/components/workbench-main/components/shortcuts-card.vue
@@ -0,0 +1,25 @@
+<template>
+  <div
+    class="flex-col-center h-120px p-12px border-1px border-#efeff5 dark:border-#ffffff17 rounded-4px hover:shadow-sm cursor-pointer"
+  >
+    <svg-icon :icon="icon" :style="{ color: iconColor }" class="text-30px" />
+    <p class="py-8px text-16px">{{ label }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'DashboardWorkbenchMainShortcutsCard' });
+
+interface Props {
+  /** 快捷操作名称 */
+  label: string;
+  /** 图标 */
+  icon: string;
+  /** 图标颜色 */
+  iconColor: string;
+}
+
+defineProps<Props>();
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/workbench/components/workbench-main/components/technology-card.vue b/src/views/dashboard/workbench/components/workbench-main/components/technology-card.vue
new file mode 100644
index 0000000..018622d
--- /dev/null
+++ b/src/views/dashboard/workbench/components/workbench-main/components/technology-card.vue
@@ -0,0 +1,42 @@
+<template>
+  <div
+    class="h-120px p-4px border-1px border-#efeff5 dark:border-#ffffff17 rounded-4px hover:shadow-sm cursor-pointer"
+    @click="handleOpenSite"
+  >
+    <header class="flex-y-center">
+      <svg-icon :icon="icon" :style="{ color: iconColor }" class="text-30px" />
+      <h3 class="pl-12px text-18px font-semibold">{{ name }}</h3>
+    </header>
+    <p class="py-8px h-56px text-#999">{{ description }}</p>
+    <div class="flex justify-end">
+      <span>{{ author }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'DashboardWorkbenchMainTechnologyCard' });
+
+interface Props {
+  /** 技术名称 */
+  name: string;
+  /** 技术描述 */
+  description: string;
+  /** 技术作者 */
+  author: string;
+  /** 技术官网 */
+  site: string;
+  /** 技术图标 */
+  icon: string;
+  /** 图标颜色 */
+  iconColor?: string;
+}
+
+const props = defineProps<Props>();
+
+function handleOpenSite() {
+  window.open(props.site, '_blank');
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/workbench/components/workbench-main/index.vue b/src/views/dashboard/workbench/components/workbench-main/index.vue
new file mode 100644
index 0000000..3b449b2
--- /dev/null
+++ b/src/views/dashboard/workbench/components/workbench-main/index.vue
@@ -0,0 +1,146 @@
+<template>
+  <n-grid :item-responsive="true" :x-gap="16" :y-gap="16">
+    <n-grid-item span="0:24 640:24 1024:16">
+      <n-space :vertical="true" :size="16">
+        <n-card title="项目主要技术栈" :bordered="false" size="small" class="shadow-sm rounded-16px">
+          <template #header-extra>
+            <a class="text-primary" href="javascript:;">更多技术栈</a>
+          </template>
+          <n-grid :item-responsive="true" responsive="screen" cols="m:2 l:3" :x-gap="8" :y-gap="8">
+            <n-grid-item v-for="item in technology" :key="item.id">
+              <technology-card v-bind="item" />
+            </n-grid-item>
+          </n-grid>
+        </n-card>
+        <n-card title="动态" :bordered="false" size="small" class="shadow-sm rounded-16px">
+          <template #header-extra>
+            <a class="text-primary" href="javascript:;">更多动态</a>
+          </template>
+          <n-list>
+            <n-list-item v-for="item in activity" :key="item.id">
+              <template #prefix>
+                <icon-local-avatar class="text-48px" />
+              </template>
+              <n-thing :title="item.content" :description="item.time" />
+            </n-list-item>
+          </n-list>
+        </n-card>
+      </n-space>
+    </n-grid-item>
+    <n-grid-item span="0:24 640:24 1024:8">
+      <n-space :vertical="true" :size="16">
+        <n-card title="快捷操作" :bordered="false" size="small" class="shadow-sm rounded-16px">
+          <n-grid :item-responsive="true" responsive="screen" cols="m:2 l:3" :x-gap="8" :y-gap="8">
+            <n-grid-item v-for="item in shortcuts" :key="item.id">
+              <shortcuts-card v-bind="item" />
+            </n-grid-item>
+          </n-grid>
+        </n-card>
+        <n-card title="创意" :bordered="false" size="small" class="shadow-sm rounded-16px">
+          <div class="flex-center h-380px">
+            <icon-local-banner class="text-400px sm:text-320px text-primary" />
+          </div>
+        </n-card>
+      </n-space>
+    </n-grid-item>
+  </n-grid>
+</template>
+
+<script setup lang="ts">
+import { ShortcutsCard, TechnologyCard } from './components';
+
+defineOptions({ name: 'DashboardWorkbenchMain' });
+
+interface Technology {
+  id: number;
+  name: string;
+  description: string;
+  author: string;
+  site: string;
+  icon: string;
+  iconColor?: string;
+}
+
+const technology: Technology[] = [
+  {
+    id: 0,
+    name: 'Vue',
+    description: '一套用于构建用户界面的渐进式框架',
+    author: '尤雨溪 - Evan You',
+    site: 'https://v3.cn.vuejs.org/',
+    icon: 'logos:vue'
+  },
+  {
+    id: 1,
+    name: 'TypeScript',
+    description: 'JavaScript类型的超集，它可以编译成纯JavaScript',
+    author: '微软 - Microsoft',
+    site: 'https://www.typescriptlang.org/',
+    icon: 'logos:typescript-icon'
+  },
+  {
+    id: 2,
+    name: 'Vite',
+    description: '下一代前端开发与构建工具',
+    author: '尤雨溪 - Evan You',
+    site: 'https://vitejs.cn/',
+    icon: 'logos:vitejs'
+  },
+  {
+    id: 3,
+    name: 'NaiveUI',
+    description: '一个 Vue 3 组件库',
+    author: '图森未来 - TuSimple',
+    site: 'https://www.naiveui.com/zh-CN/os-theme',
+    icon: 'logos:naiveui'
+  },
+  {
+    id: 4,
+    name: 'UnoCSS',
+    description: '下一代实用优先的CSS框架',
+    author: 'Anthony Fu',
+    site: 'https://uno.antfu.me/?s=',
+    icon: 'logos:unocss'
+  },
+  {
+    id: 5,
+    name: 'Pinia',
+    description: 'vue状态管理框架，支持vue2、vue3',
+    author: 'Posva',
+    site: 'https://pinia.esm.dev/',
+    icon: 'noto:pineapple'
+  }
+];
+
+interface Activity {
+  id: number;
+  content: string;
+  time: string;
+}
+
+const activity: Activity[] = [
+  { id: 4, content: 'Soybean 刚才把工作台页面随便写了一些，凑合能看了！', time: '2021-11-07 22:45:32' },
+  { id: 3, content: 'Soybean 正在忙于为soybean-admin写项目说明文档！', time: '2021-11-03 20:33:31' },
+  { id: 2, content: 'Soybean 准备为soybean-admin 1.0的发布做充分的准备工作！', time: '2021-10-31 22:43:12' },
+  { id: 1, content: '@yanbowe 向soybean-admin提交了一个bug，多标签栏不会自适应。', time: '2021-10-27 10:24:54' },
+  { id: 0, content: 'Soybean 在2021年5月28日创建了开源项目soybean-admin！', time: '2021-05-28 22:22:22' }
+];
+
+interface Shortcuts {
+  id: number;
+  label: string;
+  icon: string;
+  iconColor: string;
+}
+
+const shortcuts: Shortcuts[] = [
+  { id: 0, label: '主控台', icon: 'mdi:desktop-mac-dashboard', iconColor: '#409eff' },
+  { id: 1, label: '系统管理', icon: 'ic:outline-settings', iconColor: '#7238d1' },
+  { id: 2, label: '权限管理', icon: 'mdi:family-tree', iconColor: '#f56c6c' },
+  { id: 3, label: '组件', icon: 'fluent:app-store-24-filled', iconColor: '#19a2f1' },
+  { id: 4, label: '表格', icon: 'mdi:table-large', iconColor: '#fab251' },
+  { id: 5, label: '图表', icon: 'mdi:chart-areaspline', iconColor: '#8aca6b' }
+];
+</script>
+
+<style scoped></style>
diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
new file mode 100644
index 0000000..0998f27
--- /dev/null
+++ b/src/views/dashboard/workbench/index.vue
@@ -0,0 +1,12 @@
+<template>
+  <n-space :vertical="true" :size="16">
+    <workbench-header />
+    <workbench-main />
+  </n-space>
+</template>
+
+<script lang="ts" setup>
+import { WorkbenchHeader, WorkbenchMain } from './components';
+</script>
+
+<style scoped></style>
diff --git a/src/views/document/naive/index.vue b/src/views/document/naive/index.vue
new file mode 100644
index 0000000..997241e
--- /dev/null
+++ b/src/views/document/naive/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const src = ref('https://www.naiveui.com/zh-CN/os-theme/docs/introduction');
+</script>
+
+<style scoped></style>
diff --git a/src/views/document/project-link/index.vue b/src/views/document/project-link/index.vue
new file mode 100644
index 0000000..fb62d1f
--- /dev/null
+++ b/src/views/document/project-link/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/document/project/index.vue b/src/views/document/project/index.vue
new file mode 100644
index 0000000..0f6cd78
--- /dev/null
+++ b/src/views/document/project/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const src = ref('https://docs.soybean.pro/');
+</script>
+
+<style scoped></style>
diff --git a/src/views/document/vite/index.vue b/src/views/document/vite/index.vue
new file mode 100644
index 0000000..c7f951d
--- /dev/null
+++ b/src/views/document/vite/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const src = ref('https://cn.vitejs.dev/');
+</script>
+
+<style scoped></style>
diff --git a/src/views/document/vue/index.vue b/src/views/document/vue/index.vue
new file mode 100644
index 0000000..bac1662
--- /dev/null
+++ b/src/views/document/vue/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const src = ref('https://v3.cn.vuejs.org/');
+</script>
+
+<style scoped></style>
diff --git a/src/views/exception/403/index.vue b/src/views/exception/403/index.vue
new file mode 100644
index 0000000..871020a
--- /dev/null
+++ b/src/views/exception/403/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <exception-base type="403" />
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/exception/404/index.vue b/src/views/exception/404/index.vue
new file mode 100644
index 0000000..ebc953f
--- /dev/null
+++ b/src/views/exception/404/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <exception-base type="404" />
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/exception/500/index.vue b/src/views/exception/500/index.vue
new file mode 100644
index 0000000..74ed538
--- /dev/null
+++ b/src/views/exception/500/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <exception-base type="500" />
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/views/function/tab-detail/index.vue b/src/views/function/tab-detail/index.vue
new file mode 100644
index 0000000..0cf99cd
--- /dev/null
+++ b/src/views/function/tab-detail/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <n-space :vertical="true" :size="16">
+    <n-card title="Tab Detail" :bordered="false" size="small" class="shadow-sm rounded-16px">
+      <n-space :vertical="true" :size="12">
+        <div>当前路由的描述数据(meta)：</div>
+        <div>{{ route.meta }}</div>
+        <n-button @click="handleToTab">返回Tab</n-button>
+      </n-space>
+    </n-card>
+  </n-space>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { routeName } from '@/router';
+import { useRouterPush } from '@/composables';
+
+const { routerPush } = useRouterPush();
+
+const route = useRoute();
+
+function handleToTab() {
+  routerPush({ name: routeName('function_tab') });
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/function/tab-multi-detail/index.vue b/src/views/function/tab-multi-detail/index.vue
new file mode 100644
index 0000000..c1b82ec
--- /dev/null
+++ b/src/views/function/tab-multi-detail/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <n-space :vertical="true" :size="16">
+    <n-card title="Tab Detail" :bordered="false" size="small" class="shadow-sm rounded-16px">
+      <n-space :vertical="true" :size="12">
+        <div>当前路由的描述数据(meta)：</div>
+        <div>{{ route.meta }}</div>
+        <div>当前路由的查询数据(query)：</div>
+        <div>{{ route.query }}</div>
+        <n-button @click="handleToTab">返回Tab</n-button>
+      </n-space>
+    </n-card>
+  </n-space>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { routeName } from '@/router';
+import { useRouterPush } from '@/composables';
+
+const route = useRoute();
+const { routerPush } = useRouterPush();
+
+function handleToTab() {
+  routerPush({ name: routeName('function_tab') });
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/function/tab/index.vue b/src/views/function/tab/index.vue
new file mode 100644
index 0000000..6bd81a1
--- /dev/null
+++ b/src/views/function/tab/index.vue
@@ -0,0 +1,44 @@
+<template>
+  <n-space :vertical="true" :size="16">
+    <n-card title="Tab Home" :bordered="false" size="small" class="shadow-sm rounded-16px">
+      <n-space :vertical="true" :size="12">
+        <n-button @click="handleToTabDetail">跳转Tab Detail</n-button>
+        <n-button @click="handleToTabMultiDetail(1)">跳转Tab Multi Detail 1</n-button>
+        <n-button @click="handleToTabMultiDetail(2)">跳转Tab Multi Detail 2</n-button>
+        <n-input-group>
+          <n-input v-model:value="title" />
+          <n-button type="primary" @click="handleSetTitle">设置当前Tab页标题</n-button>
+        </n-input-group>
+      </n-space>
+    </n-card>
+  </n-space>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { routeName } from '@/router';
+import { useTabStore } from '@/store';
+import { useRouterPush } from '@/composables';
+
+const { routerPush } = useRouterPush();
+const tabStore = useTabStore();
+const title = ref('');
+
+function handleToTabDetail() {
+  routerPush({ name: routeName('function_tab-detail'), query: { name: 'abc' }, hash: '#DEMO_HASH' });
+}
+
+function handleToTabMultiDetail(num: number) {
+  routerPush({ name: routeName('function_tab-multi-detail'), query: { name: 'abc', num }, hash: '#DEMO_HASH' });
+}
+
+function handleSetTitle() {
+  if (!title.value) {
+    window.$message?.warning('请输入要设置的标题名称');
+  } else {
+    tabStore.setActiveTabTitle(title.value);
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/index.ts b/src/views/index.ts
new file mode 100644
index 0000000..ad75b76
--- /dev/null
+++ b/src/views/index.ts
@@ -0,0 +1,60 @@
+import type { RouteComponent } from 'vue-router';
+
+export const views: Record<
+  PageRoute.LastDegreeRouteKey,
+  RouteComponent | (() => Promise<{ default: RouteComponent }>)
+> = {
+  403: () => import('./_builtin/403/index.vue'),
+  404: () => import('./_builtin/404/index.vue'),
+  500: () => import('./_builtin/500/index.vue'),
+  'constant-page': () => import('./_builtin/constant-page/index.vue'),
+  login: () => import('./_builtin/login/index.vue'),
+  'not-found': () => import('./_builtin/not-found/index.vue'),
+  about: () => import('./about/index.vue'),
+  'auth-demo_permission': () => import('./auth-demo/permission/index.vue'),
+  'auth-demo_super': () => import('./auth-demo/super/index.vue'),
+  component_button: () => import('./component/button/index.vue'),
+  component_card: () => import('./component/card/index.vue'),
+  component_table: () => import('./component/table/index.vue'),
+  crud_demo: () => import('./crud/demo/index.vue'),
+  crud_doc: () => import('./crud/doc/index.vue'),
+  crud_header_group: () => import('./crud/header_group/index.vue'),
+  crud_source: () => import('./crud/source/index.vue'),
+  dashboard_analysis: () => import('./dashboard/analysis/index.vue'),
+  dashboard_workbench: () => import('./dashboard/workbench/index.vue'),
+  document_naive: () => import('./document/naive/index.vue'),
+  'document_project-link': () => import('./document/project-link/index.vue'),
+  document_project: () => import('./document/project/index.vue'),
+  document_vite: () => import('./document/vite/index.vue'),
+  document_vue: () => import('./document/vue/index.vue'),
+  exception_403: () => import('./exception/403/index.vue'),
+  exception_404: () => import('./exception/404/index.vue'),
+  exception_500: () => import('./exception/500/index.vue'),
+  'function_tab-detail': () => import('./function/tab-detail/index.vue'),
+  'function_tab-multi-detail': () => import('./function/tab-multi-detail/index.vue'),
+  function_tab: () => import('./function/tab/index.vue'),
+  knowany: () => import('./knowany/index.vue'),
+  knowany_views_datasource: () => import('./knowany/views/datasource/index.vue'),
+  knowany_views_knowledgebase: () => import('./knowany/views/knowledgebase/index.vue'),
+  knowledge_create: () => import('./knowledge/create/index.vue'),
+  knowledge_details: () => import('./knowledge/details/index.vue'),
+  knowledge_list: () => import('./knowledge/list/index.vue'),
+  management_auth: () => import('./management/auth/index.vue'),
+  management_role: () => import('./management/role/index.vue'),
+  management_route: () => import('./management/route/index.vue'),
+  management_user: () => import('./management/user/index.vue'),
+  'multi-menu_first_second-new_third': () => import('./multi-menu/first/second-new/third/index.vue'),
+  'multi-menu_first_second': () => import('./multi-menu/first/second/index.vue'),
+  plugin_charts_antv: () => import('./plugin/charts/antv/index.vue'),
+  plugin_charts_echarts: () => import('./plugin/charts/echarts/index.vue'),
+  plugin_copy: () => import('./plugin/copy/index.vue'),
+  plugin_editor_markdown: () => import('./plugin/editor/markdown/index.vue'),
+  plugin_editor_quill: () => import('./plugin/editor/quill/index.vue'),
+  plugin_icon: () => import('./plugin/icon/index.vue'),
+  plugin_map: () => import('./plugin/map/index.vue'),
+  plugin_print: () => import('./plugin/print/index.vue'),
+  plugin_swiper: () => import('./plugin/swiper/index.vue'),
+  plugin_video: () => import('./plugin/video/index.vue'),
+  'source-management': () => import('./source-management/index.vue'),
+  'ybp-list': () => import('./ybp-list/index.vue')
+};
diff --git a/src/views/knowany/index.vue b/src/views/knowany/index.vue
new file mode 100644
index 0000000..d626109
--- /dev/null
+++ b/src/views/knowany/index.vue
@@ -0,0 +1,137 @@
+<template>
+	<div class="flex wh-full" :style="{ backgroundColor: bgColor }">
+		<!-- <div class="flex-y-center justify-between">
+			<n-button class="flex-1" :block="true" @click="toKnowAnyModule('data-source')">
+				{{ knowanyModuleLabels['data-source'] }}
+			</n-button>
+			<div class="w-12px"></div>
+			<n-button class="flex-1" :block="true" @click="toKnowAnyModule('knowledge-base')">
+				{{ knowanyModuleLabels['knowledge-base'] }}
+			</n-button>
+		</div> -->
+		<div class="knowany-nav">
+			<div class="nav-box">
+				<n-popover placement="right" trigger="hover">
+					<template #trigger>
+						<n-button size="tiny" quaternary @click="toKnowAnyModule('knowany')">
+							<template #icon>
+								<n-icon><cash-icon /></n-icon>
+							</template>
+						</n-button>
+					</template>
+					<span>首页</span>
+				</n-popover>
+				<n-divider style="margin-top: 6px;margin-bottom: 6px;" />
+				<n-popover placement="right" trigger="hover">
+					<template #trigger>
+						<n-button size="tiny" quaternary @click="toKnowAnyModule('data-source')">
+							<template #icon>
+								<n-icon><cash-icon /></n-icon>
+							</template>
+						</n-button>
+					</template>
+					<span>数据源</span>
+				</n-popover>
+				<n-divider style="margin-top: 6px;margin-bottom: 6px;" />
+				<n-popover placement="right" trigger="hover">
+					<template #trigger>
+						<n-button size="tiny" quaternary @click="toKnowAnyModule('knowledge-base')">
+							<template #icon>
+								<n-icon><cash-icon /></n-icon>
+							</template>
+						</n-button>
+					</template>
+					<span>知识库</span>
+				</n-popover>
+				<n-divider style="margin-top: 6px;margin-bottom: 6px;" />
+				<n-popover placement="right" trigger="hover">
+					<template #trigger>
+						<n-button size="tiny" quaternary>
+							<template #icon>
+								<n-icon><cash-icon /></n-icon>
+							</template>
+						</n-button>
+					</template>
+					<span>用户</span>
+				</n-popover>
+			</div>
+		</div>
+		<div class="knowany-main flex-1">
+			<transition name="fade-slide" mode="out-in" appear>
+				<component :is="activeModule.component" />
+			</transition>
+		</div>
+		<div class="knowany-right"></div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { CashOutline as CashIcon } from '@vicons/ionicons5';
+import { computed } from 'vue';
+import type { Component } from 'vue';
+import { knowanyModuleLabels } from '@/constants';
+import { useThemeStore } from '@/store';
+import { useRouterPush } from '@/composables';
+import { mixColor } from '@/utils';
+import { DataSource, KnowledgeBase } from './views';
+
+interface Props {
+  /** 首页模块分类 */
+  module: UnionKey.knowanyModule;
+}
+
+interface knowanyModule {
+  key: UnionKey.knowanyModule;
+  label: string;
+  component: Component;
+}
+
+const theme = useThemeStore();
+const { toKnowAnyModule } = useRouterPush();
+const props = defineProps<Props>();
+
+const modules: knowanyModule[] = [
+  { key: 'data-source', label: knowanyModuleLabels['data-source'], component: DataSource },
+  { key: 'knowledge-base', label: knowanyModuleLabels['knowledge-base'], component: KnowledgeBase },
+];
+
+const activeModule = computed(() => {
+  const active: knowanyModule = { ...modules[0] };
+  const findItem = modules.find(item => item.key === props.module);
+  if (findItem) {
+    Object.assign(active, findItem);
+  }
+  return active;
+});
+
+const bgColor = computed(() => {
+  // const COLOR_WHITE = '#ffffff';
+  // const ratio = theme.darkMode ? 0.5 : 0.2;
+  // return mixColor(COLOR_WHITE, theme.themeColor, ratio);
+	return '#f3f5fa'
+});
+</script>
+
+<style lang="scss" scoped>
+.knowany-nav {
+	position: relative;
+	width: 96px;
+	.nav-box {
+		position: absolute;
+		top: 50%;
+		left: 8px;
+    transform: translateY(-50%);
+    z-index: 101;
+		min-height: 200px;
+		border-radius: 12px;
+		transform: translateY(-50%);
+		display: flex;
+		flex-direction: column;
+		padding: 10px;
+		background-color: #fafbff;
+		box-shadow: 2px 2px 7.7px 0px rgba(146, 159, 202, 0.19), 0px 0px 1px 1px rgba(255, 255, 255, 0.45) inset;
+		transition: all .3s ease;
+	}
+}
+.knowany-right {}
+</style>
diff --git a/src/views/knowany/views/datasource/index.vue b/src/views/knowany/views/datasource/index.vue
new file mode 100644
index 0000000..943d936
--- /dev/null
+++ b/src/views/knowany/views/datasource/index.vue
@@ -0,0 +1,13 @@
+<template>
+	<div>
+		<span>数据源</span>
+	</div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowany/views/index.ts b/src/views/knowany/views/index.ts
new file mode 100644
index 0000000..f59f204
--- /dev/null
+++ b/src/views/knowany/views/index.ts
@@ -0,0 +1,4 @@
+import DataSource from './datasource/index.vue';
+import KnowledgeBase from './knowledgebase/index.vue';
+
+export { DataSource, KnowledgeBase };
diff --git a/src/views/knowany/views/knowledgebase/index.vue b/src/views/knowany/views/knowledgebase/index.vue
new file mode 100644
index 0000000..21c9264
--- /dev/null
+++ b/src/views/knowany/views/knowledgebase/index.vue
@@ -0,0 +1,13 @@
+<template>
+	<div>
+		<span>知识库</span>
+	</div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledge/create/index.vue b/src/views/knowledge/create/index.vue
new file mode 100644
index 0000000..48e743b
--- /dev/null
+++ b/src/views/knowledge/create/index.vue
@@ -0,0 +1,195 @@
+<template>
+	<div class="create">
+		<div class="create-wrapper">
+			<div class="create-content">
+				<div class="c-title mb-20">{{ title }}</div>
+				<div class="c-form">
+					<n-form
+						ref="formRef"
+						:model="formData"
+						:rules="rules"
+						label-placement="left"
+						label-width="auto"
+						require-mark-placement="right-hanging"
+					>
+						<n-divider style="width: 650px;" title-placement="left">
+							基础信息
+						</n-divider>
+						<n-form-item label="名称" path="name">
+							<n-input v-model:value="formData.name" style="width: 600px;" maxlength="50" show-count clearable placeholder="支持中文、英文、数字、下划线(_)，50个字符以内，不能以下划线开头" />
+						</n-form-item>
+						<n-form-item label="描述" path="desc">
+							<n-input
+								v-model:value="formData.desc"
+								placeholder="为更好区分不同知识库数据，请填写提升描述检索概率"
+								type="textarea"
+								style="width: 600px;"
+								maxlength="200"
+								show-count
+								clearable
+								:autosize="{
+									minRows: 3,
+									maxRows: 5
+								}"
+							/>
+						</n-form-item>
+						<n-form-item label="标签" path="tags">
+							<n-dynamic-tags v-model:value="formData.tags" />
+						</n-form-item>
+						<n-divider style="width: 650px;" title-placement="left">
+							领域模板
+						</n-divider>
+						<n-form-item label="模板" path="temp">
+							<n-select
+								v-model:value="formData.temp"
+								style="width: 600px;"
+								placeholder="请选择领域模板"
+								:options="tempOptions"
+							/>
+						</n-form-item>
+						<n-form-item label="向量模型" path="vectorModel">
+							<n-select
+								v-model:value="formData.vectorModel"
+								style="width: 600px;"
+								placeholder="请选择向量模型"
+								:options="tempOptions"
+							/>
+						</n-form-item>
+						<n-form-item label="检索方式" path="retrievalMode">
+							<div style="padding-top: 5px;">
+								<n-radio-group v-model:value="formData.retrievalMode" :disabled="true" name="retrievalMode">
+									<n-space>
+										<n-radio value="1">
+											向量检索
+										</n-radio>
+										<n-radio value="2">
+											多路召回
+										</n-radio>
+									</n-space>
+								</n-radio-group>
+								<br/>
+								<p v-if="formData.retrievalMode === '1'" class="b-tips">利用向量空间模型来计算它们之前的相似度，从而实现文档的检索和排序。</p>
+								<p v-if="formData.retrievalMode === '2'" class="b-tips">结合不同的检索模型、特征表示和排序策略，以获得更全面的检索结果。</p>
+							</div>
+						</n-form-item>
+						<n-form-item style="padding-left: 80px;">
+							<n-button style="margin-right: 10px;" type="tertiary">
+								取消
+							</n-button>
+							<n-button type="info">
+								保存
+							</n-button>
+						</n-form-item>
+					</n-form>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import { FormInst, FormItemRule, useMessage } from 'naive-ui';
+import { ref, defineComponent } from 'vue'
+import { useTabStore } from "@/store";
+import { useRoute } from 'vue-router';
+
+const tempOptions: any = [
+	{
+		label: '普通模板',
+		value: '1'
+	}
+]
+
+export default defineComponent({
+	setup () {
+		const tabStore = useTabStore();
+		const route = useRoute();
+		const id = route.query.id;
+		const title = ref('');
+		const formRef = ref<FormInst | null>(null);
+		const formData = ref({
+			name: null,
+			desc: null,
+			tags: [],
+			temp: null,
+			vectorModel: null,
+			retrievalMode: '1'
+		})
+
+		if (id) {
+			tabStore.setActiveTabTitle('知识库编辑');
+			title.value = '知识库编辑';
+		} else {
+			tabStore.setActiveTabTitle('知识库新建');
+			title.value = '知识库新建';
+		}
+
+
+		return {
+			formRef,
+			formData,
+			rules: {
+				name: {
+          required: true,
+          trigger: ['blur', 'input'],
+          message: '请输入名称'
+        },
+				desc: {
+          required: true,
+          trigger: ['blur', 'input'],
+          message: '请填写描述'
+        },
+				temp: {
+          required: true,
+          trigger: ['blur', 'input'],
+          message: '请选择领域模板'
+        },
+				vectorModel: {
+          required: true,
+          trigger: ['blur', 'input'],
+          message: '请选择向量模型'
+        },
+				retrievalMode: {
+          required: true,
+          trigger: ['blur', 'input'],
+          message: '请选择检索方式'
+        }
+			},
+			title,
+			tempOptions
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.mb-20 {
+	margin-bottom: 20px;
+}
+.create {
+	height: 100%;
+	width: 100%;
+}
+.create-wrapper {
+	height: 100%;
+	width: 100%;
+	background-color: var(--baseColor);
+}
+.create-content {
+	height: 100%;
+	padding: 20px;
+	.c-title {
+		height: 48px;
+		line-height: 48px;
+		font-size: 18px;
+		font-weight: 500;
+	}
+	.c-form {
+		.b-tips {
+			color: #9ca3af;
+			font-size: 14px;
+			margin-top: 4px;
+		}
+	}
+}
+</style>
diff --git a/src/views/knowledge/details/components/config-dialog-old.vue b/src/views/knowledge/details/components/config-dialog-old.vue
new file mode 100644
index 0000000..b22c5c1
--- /dev/null
+++ b/src/views/knowledge/details/components/config-dialog-old.vue
@@ -0,0 +1,492 @@
+<template>
+	<n-modal
+		v-model:show="showModal"
+		style="width: 1080px; position: fixed; top: 20vh"
+		:title="title"
+		:show-icon="false"
+		preset="dialog"
+		positive-text="保存"
+    negative-text="取消"
+	>
+		<div v-if="current === 1" class="dialog-content mt-0">
+			<n-tabs type="line" animated>
+				<n-tab-pane name="word" tab="文档">
+					<div class="tabs-content">
+						<n-upload
+							:multiple="false"
+							directory-dnd
+							action="#"
+							accept=".xlsx, .doc, .docx, .txt, .pdf"
+							:max="1"
+							:default-upload="false"
+							:show-file-list="false"
+							v-model:file-list="fileList"
+							@change="handleUploadChange"
+						>
+							<n-upload-dragger>
+								<div style="margin-bottom: 12px">
+									<n-icon size="48" :depth="3">
+										<icon-local-fa-upload />
+									</n-icon>
+								</div>
+								<n-p depth="3" style="margin: 8px 0 0 0; display: inline-flex;align-items: center;">
+									<n-icon size="16" :depth="3" style="margin-right: 8px;">
+										<CloudUploadIcon />
+									</n-icon>
+									<n-text style="color: #1890ff;">点击上传</n-text>
+									<n-text style="color: #767c82;">，或拖放文件置此处</n-text>
+								</n-p>
+								<n-p depth="3" style="margin-top: 0;">目前仅支持上传Doc、Docx、PDF、Xlsx、txt文件 </n-p>
+							</n-upload-dragger>
+						</n-upload>
+						<div class="file-list mt-20">
+							<div class="file-item" v-for="(item, index) in fileList" :key="item.id">
+								<div class="item-left">
+									<img src="@/assets/images/file-type-xlsx.png" />
+								</div>
+								<div class="item-mid">
+									<p style="font-size: 14px;">{{ item.name }}</p>
+									<p style="font-size: 12px;">{{ countFileSize(item.file) }}MB</p>
+								</div>
+								<div class="item-right">
+									<span class="pre-btn" @click="previewFileClick(item.file)">预览</span>
+									<n-divider vertical />
+									<n-icon class="del-btn" size="16" @click="delFileClick(index)">
+										<TrashIcon />
+									</n-icon>
+								</div>
+							</div>
+						</div>
+					</div>
+				</n-tab-pane>
+				<n-tab-pane name="url" tab="URL">
+					<div class="tabs-content form-list">
+						<n-form
+							ref="formRef"
+							:model="formValue"
+						>
+							<n-form-item
+								v-for="(item, index) in formValue.urlList"
+								:key="index"
+								:label="`URL${index + 1}`"
+								:path="`urlList[${index}].url`"
+								:rule="rules.url"
+							>
+								<n-input v-model:value="item.url" clearable placeholder="请输入URL" />
+								<n-popover v-if="formValue.urlList.length > 1" trigger="hover">
+									<template #trigger>
+										<n-icon size="20" style="margin-left: 20px;cursor: pointer;" :style="{'margin-right': index === formValue.urlList.length - 1 ? '0' : '40px'}" @click="removeUrlClick(index)">
+											<TrashIcon />
+										</n-icon>
+									</template>
+									<span>删除</span>
+								</n-popover>
+								<n-popover v-if="formValue.urlList.length - 1 === index" trigger="hover">
+									<template #trigger>
+										<n-icon size="20" style="margin-left: 20px;cursor: pointer;" @click="addUrlClick()">
+											<AddIcon />
+										</n-icon>
+									</template>
+									<span>添加</span>
+								</n-popover>
+							</n-form-item>
+						</n-form>
+					</div>
+				</n-tab-pane>
+			</n-tabs>
+		</div>
+		<div v-else class="dialog-content mt-0">
+			<n-alert type="info" closable>
+				您可切换知识类型，以达到更好的知识提取效果，点击进入"知识预览"，查看知识提取效果
+			</n-alert>
+			<div class="knowledge-box">
+				<div class="knowledge-left">
+					<h5 class="k-title">
+						知识类型
+						<n-popover trigger="hover">
+							<template #trigger>
+								<n-icon size="20" style="margin-left: 4px;cursor: pointer;">
+									<HelpIcon />
+								</n-icon>
+							</template>
+							<span>您可以为每个知识标记<br/>对应的知识类型，以达到更好<br/>的知识提取效果</span>
+						</n-popover>
+					</h5>
+					<div class="file-list k-list">
+						<div class="file-item" v-for="(item, index) in fileList" :key="item.id">
+							<div class="item-left">
+								<img src="@/assets/images/file-type-xlsx.png" />
+							</div>
+							<div class="item-mid">
+								<p style="font-size: 14px;">{{ item.name }}</p>
+								<p style="font-size: 12px;">{{ countFileSize(item.file) }}MB</p>
+							</div>
+							<div class="item-right">
+								<div class="select-box">
+									<n-select v-model:value="kbType" :consistent-menu-width="false" size="small" :options="typeOpts" />
+								</div>
+								<div class="ellipsis-box">
+									<n-popover
+										ref="more"
+										style="padding: 4px"
+										trigger="hover"
+										:show-arrow="false"
+										placement="bottom"
+									>
+										<template #trigger>
+											<n-icon style="margin-left: 12px;"><EllipsisIcon /></n-icon>
+										</template>
+										<div class="r-more">
+											<n-button
+												size="small"
+												quaternary
+											>
+												<span>预览</span>
+											</n-button>
+											<n-button size="small" quaternary>
+												<span style="color: #d4425f;">删除</span>
+											</n-button>
+										</div>
+									</n-popover>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="knowledge-right">
+					<h5 class="k-title">
+						知识说明
+						<n-popover trigger="hover">
+							<template #trigger>
+								<n-icon size="20" style="margin-left: 4px;cursor: pointer;">
+									<HelpIcon />
+								</n-icon>
+							</template>
+							<span>您可以为每个知识标记<br/>对应的知识类型，以达到更好<br/>的知识提取效果</span>
+						</n-popover>
+					</h5>
+				</div>
+			</div>
+		</div>
+		<template #action>
+			<div class="dialog-footer">
+				<div class="footer-left">
+					<div class="step-box">
+						<n-steps :current="(current as number)" :status="currentStatus">
+							<n-step
+								title="上传知识"
+							/>
+							<n-step
+								title="知识配置"
+							/>
+						</n-steps>
+					</div>
+				</div>
+				<div class="footer-right">
+					<n-button @click="cancelClick">{{ current === 1 ? '取消' : '上一步'}}</n-button>
+					<n-button type="info" style="margin-left: 20px;" @click="saveClick">{{ current === 1 ? '确认添加' : '完成配置'}}</n-button>
+				</div>
+			</div>
+		</template>
+	</n-modal>
+</template>
+
+<script lang="ts">
+import {
+	HelpCircleOutline as HelpIcon,
+	AddCircleOutline as AddIcon,
+	TrashOutline as TrashIcon,
+	CloudUploadOutline as CloudUploadIcon,
+	EllipsisVerticalOutline as EllipsisIcon
+} from "@vicons/ionicons5";
+import { ref, defineComponent } from 'vue';
+import type { UploadFileInfo, FormInst, FormItemRule, StepsProps  } from "naive-ui";
+import { REGEXP_URL } from '@/config';
+
+let typeOpts = [
+	{
+		label: '文章知识',
+		value: 1
+	},
+	{
+		label: '问答知识-文档',
+		value: 2
+	},
+	{
+		label: '问答知识-表格',
+		value: 3
+	},
+	{
+		label: '商品库-表格',
+		value: 4
+	},
+	{
+		label: '自定义格式',
+		value: 5
+	},
+]
+
+export default defineComponent({
+	components: {
+		HelpIcon,
+		AddIcon,
+		CloudUploadIcon,
+		TrashIcon,
+		EllipsisIcon
+	},
+	setup() {
+		const showModal = ref(false);
+		const title = ref('上传知识');
+		const currentRef = ref<number | null>(1);
+		const fileListRef = ref<UploadFileInfo[]>([]);
+		const formRef = ref<FormInst | null>(null);
+		const formValue = ref({
+			urlList: [
+				{
+					url: ''
+				}
+			]
+		});
+		const kbType = ref(1)
+
+
+				// methods
+		const onShow = (data: any) => {
+			showModal.value = true;
+		};
+
+		const onHide = () => {
+			showModal.value = false;
+		};
+
+		const handleUploadChange = (options: {
+			file: UploadFileInfo;
+			fileList: Array<UploadFileInfo>;
+			event?: Event;
+		}) => {
+			console.log("handleUploadChange---options-----", options);
+		};
+
+		const countFileSize = (file: any) => {
+			if (!file) {
+				return '-'
+			}
+
+			let size = 0
+			if (file.size) {
+				size = file.size / 1024 / 1024
+			}
+
+			return size.toFixed(2)
+		}
+
+		const delFileClick = (index: number) => {
+			fileListRef.value.splice(index, 1)
+		}
+
+		const previewFileClick = (file: any) => {
+			const url = URL.createObjectURL(file)
+			// window.open('https://view.officeapps.live.com/op/view.aspx?src=' + url)
+		}
+
+		const addUrlClick = () => {
+			formValue.value.urlList.push({
+				url: ''
+			})
+		}
+
+		const removeUrlClick = (index: number) => {
+			formValue.value.urlList.splice(index, 1)
+		}
+
+		const cancelClick = () => {
+			switch(currentRef.value) {
+				case 1:
+					showModal.value = false;
+					break
+				case 2:
+					currentRef.value = 1;
+					title.value = '上传知识';
+					break
+			}
+		}
+
+		const saveClick = () => {
+			switch(currentRef.value) {
+				case 1:
+					currentRef.value = 2;
+					title.value = '知识配置';
+					break
+				case 2:
+					showModal.value = false;
+					break
+			}
+		}
+
+		return {
+			showModal,
+			title,
+			current: currentRef,
+			currentStatus: ref<StepsProps['status']>('process'),
+			fileList: fileListRef,
+			form: formRef,
+			formValue,
+			rules: {
+				url: {
+					required: true,
+					validator (rule: FormItemRule, value: string) {
+						if (!value) {
+							return new Error(`请输入URL`)
+						} else if (!REGEXP_URL.test(value)) {
+							return new Error('请输入合法URL')
+						}
+						return true
+					},
+					trigger: ['input', 'blur']
+				}
+			},
+			kbType,
+			typeOpts,
+			onShow,
+			onHide,
+			handleUploadChange,
+			countFileSize,
+			delFileClick,
+			previewFileClick,
+			addUrlClick,
+			removeUrlClick,
+			cancelClick,
+			saveClick
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.mt-0 {
+	margin-top: 0;
+}
+.mt-20 {
+	margin-top: 20px;
+}
+.dialog-content {
+	height: 600px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+}
+.dialog-footer {
+	display: flex;
+	width: 100%;
+	.footer-left {
+		flex: 1;
+		overflow: hidden;
+		padding: 10px 0;
+		.step-box {
+			width: 380px;
+			margin-left: 2px;
+		}
+	}
+	.footer-right {
+		display: flex;
+    align-items: flex-end;
+	}
+}
+.tabs-content {
+	flex: 1;
+	overflow: hidden;
+	&.form-list {
+		max-height: 540px;
+		overflow-y: auto;
+	}
+}
+.file-list {
+	display: flex;
+	flex-direction: column;
+	max-height: 360px;
+	overflow-y: auto;
+	.file-item {
+		display: flex;
+		padding: 20px;
+		border-radius: 10px;
+		border: 1px solid #e0e0e0;
+		margin-bottom: 20px;
+		box-sizing: border-box;
+		&:hover {
+			border: 1px solid #1890ff;
+		}
+		.item-left {
+			flex: 0 0 36px;
+			margin-right: 10px;
+			img {
+				width: 36px;
+			}
+		}
+		.item-mid {
+			flex: 1;
+			overflow: hidden;
+		}
+		.item-right {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			.select-box {
+				width: 160px;
+			}
+			.pre-btn {
+				cursor: pointer;
+				&:hover {
+					color: #1890ff;
+				}
+			}
+			.del-btn {
+				cursor: pointer;
+				&:hover {
+					color: #1890ff;
+				}
+			}
+		}
+	}
+}
+.url-box {
+	display: flex;
+	.input-box {
+		flex: 1;
+		overflow: hidden;
+	}
+	.action-box {}
+}
+
+.knowledge-box {
+	flex: 1;
+	overflow: hidden;
+	display: flex;
+	.knowledge-left {
+		flex: 1;
+		overflow: hidden;
+		padding-right: 20px;
+		display: flex;
+		flex-direction: column;
+		.k-title {
+			padding: 10px 0;
+			display: flex;
+			align-items: center;
+		}
+		.k-list {
+			flex: 1;
+			overflow-y: auto;
+			max-height: initial;
+		}
+	}
+	.knowledge-right {
+		flex: 0 0 380px;
+		// border-left: 1px solid #e2e2e2;
+		.k-title {
+			padding: 10px 0;
+			display: flex;
+			align-items: center;
+		}
+	}
+}
+
+</style>
diff --git a/src/views/knowledge/details/components/config-dialog.vue b/src/views/knowledge/details/components/config-dialog.vue
new file mode 100644
index 0000000..60425ce
--- /dev/null
+++ b/src/views/knowledge/details/components/config-dialog.vue
@@ -0,0 +1,1030 @@
+<template>
+	<n-modal
+		v-model:show="showModal"
+		style="width: 1080px; position: fixed; top: 20vh"
+		:title="title"
+		:show-icon="false"
+		preset="dialog"
+		positive-text="保存"
+    negative-text="取消"
+		:on-after-leave="onAfterLeaveDialog"
+	>
+		<div class="dialog-content mt-0">
+			<div class="tabs-content">
+				<div class="tabs-top">
+					<n-radio-group v-model:value="kType" :disabled="fileList.length > 0" name="radiogroup">
+						<div class="type-list">
+							<div class="type-item">
+								<img src="@/assets/images/subsection-type1.png" :style="{'opacity': fileList.length > 0 ? 0.4 : 1}" alt="" />
+								<div class="type-item-info">
+									<p>直接分段</p>
+									<p>选择文本文件，将其分块进行处理</p>
+								</div>
+								<n-radio :value="1" />
+							</div>
+							<div class="type-item">
+								<img src="@/assets/images/subsection-type2.png" :style="{'opacity': fileList.length > 0 ? 0.4 : 1}" alt="" />
+								<div class="type-item-info">
+									<p>特定类型标题分段</p>
+									<p>将具有预设标题样式的知识进行分段</p>
+								</div>
+								<n-radio :value="2" />
+							</div>
+							<div class="type-item">
+								<img src="@/assets/images/subsection-type4.png" :style="{'opacity': fileList.length > 0 ? 0.4 : 1}" alt="" />
+								<div class="type-item-info">
+									<p>自定义类型标题分段</p>
+									<p>将具有自定义标题样式的知识进行分段</p>
+								</div>
+								<n-radio :value="3" />
+							</div>
+							<div class="type-item">
+								<img src="@/assets/images/subsection-type3.png" :style="{'opacity': fileList.length > 0 ? 0.4 : 1}" alt="" />
+								<div class="type-item-info">
+									<p>表格类型分段</p>
+									<p>将具有结构化表格信息分段</p>
+								</div>
+								<n-radio :value="4" />
+							</div>
+						</div>
+					</n-radio-group>
+				</div>
+				<div class="tabs-main">
+					<div class="tabs-main-left">
+						<div class="upload-box">
+							<n-upload
+								:multiple="false"
+								directory-dnd
+								action="#"
+								:accept="fileAccept"
+								:max="1"
+								:default-upload="false"
+								:show-file-list="false"
+								v-model:file-list="fileList"
+								@change="uploadChange"
+								@on-before-upload="onBeforeUpload"
+							>
+								<n-upload-dragger>
+									<div style="margin-bottom: 12px">
+										<n-icon size="32" :depth="3">
+											<icon-local-fa-upload />
+										</n-icon>
+									</div>
+									<n-p depth="3" style="margin: 8px 0 0 0; display: inline-flex;align-items: center;">
+										<n-icon size="16" :depth="3" style="margin-right: 8px;">
+											<CloudUploadIcon />
+										</n-icon>
+										<n-text style="color: #1890ff;">点击上传</n-text>
+										<n-text style="color: #767c82;">，或拖放文件置此处</n-text>
+									</n-p>
+									<n-p depth="3" style="margin-top: 0;">目前仅支持上传 {{ fileAcceptText }} 文件 </n-p>
+								</n-upload-dragger>
+							</n-upload>
+						</div>
+						<div class="file-list mt-20">
+							<div class="file-item" :class="{ 'disabled': uploading, 'error': uploadFail }" v-for="(item, index) in fileList" :key="item.id">
+								<div v-if="uploading" class="file-progress" @click.stop.prevent>
+									<n-progress
+										type="line"
+										:border-radius="0"
+										:percentage="percentage"
+										:indicator-placement="'inside'"
+										processing
+									/>
+								</div>
+								<div class="item-left">
+									<FileTypeIcon :type="getFileType(item.file)" :size="36" />
+									<!-- <img src="@/assets/images/8.png" /> -->
+								</div>
+								<div class="item-mid">
+									<p style="font-size: 14px;">{{ item.name }}</p>
+									<p style="font-size: 12px;">{{ countFileSize(item.file) }}MB</p>
+								</div>
+								<div class="item-right">
+									<span v-if="uploadSuccess" class="pre-btn" @click="previewFileClick(item.file)">预览</span>
+									<span v-if="uploadFail" class="pre-btn" @click="resetUploadFileClick(item.file)">重新上传</span>
+									<n-divider v-if="uploadFail || uploadSuccess" vertical />
+									<n-icon class="del-btn" size="16" @click="delFileClick(index)">
+										<TrashIcon />
+									</n-icon>
+								</div>
+							</div>
+						</div>
+						<div class="tabs-form">
+							<n-form
+								ref="form"
+								:inline="false"
+								:model="formVal"
+								:rules="rules"
+								size="small"
+							>
+								<n-form-item v-if="[1].includes(kType)" label="分块长度" path="size">
+									<n-input-number v-model:value="formVal.size" :min="1000" :max="3000" />
+									<n-popover trigger="hover">
+										<template #trigger>
+											<n-icon size="20" style="margin-left: 10px;cursor: pointer;" color="#8d8e99">
+												<HelpIcon />
+											</n-icon>
+										</template>
+										<span>您可以为每个知识标记<br/>对应的知识类型，以达到更好<br/>的知识提取效果</span>
+									</n-popover>
+									<span class="k-def-text" @click="formVal.size = 2000">恢复默认值</span>
+								</n-form-item>
+								<n-form-item v-if="[1].includes(kType)" label="分块重合数" path="overlap">
+									<n-input-number v-model:value="formVal.overlap" :min="50" :max="200" />
+									<n-popover trigger="hover">
+										<template #trigger>
+											<n-icon size="20" style="margin-left: 10px;cursor: pointer;" color="#8d8e99">
+												<HelpIcon />
+											</n-icon>
+										</template>
+										<span>您可以为每个知识标记<br/>对应的知识类型，以达到更好<br/>的知识提取效果</span>
+									</n-popover>
+									<span class="k-def-text" @click="formVal.overlap = 100">恢复默认值</span>
+								</n-form-item>
+								<n-form-item v-if="[4].includes(kType) && isCsv" label="自定义分割类型" path="delimiter">
+									<n-input v-model:value="formVal.delimiter" :maxlength="5" style="width: 217px;" placeholder="请输入" />
+									<n-popover trigger="hover">
+										<template #trigger>
+											<n-icon size="20" style="margin-left: 10px;cursor: pointer;" color="#8d8e99">
+												<HelpIcon />
+											</n-icon>
+										</template>
+										<span>您可以为每个知识标记<br/>对应的知识类型，以达到更好<br/>的知识提取效果</span>
+									</n-popover>
+									<span class="k-def-text" @click="formVal.delimiter = ','">恢复默认值</span>
+								</n-form-item>
+								<n-form-item v-if="[3].includes(kType)" label="自定义头部类型" path="splitHeadersType">
+									<n-select v-model:value="formVal.splitHeadersType" :options="splitTypeOpts" style="width: 300px;" placeholder="请选择" />
+									<n-popover trigger="hover">
+										<template #trigger>
+											<n-icon size="20" style="margin-left: 10px;cursor: pointer;" color="#8d8e99">
+												<HelpIcon />
+											</n-icon>
+										</template>
+										<span>您可以为每个知识标记<br/>对应的知识类型，以达到更好<br/>的知识提取效果</span>
+									</n-popover>
+									<span class="k-def-text" @click="formVal.splitHeadersType = '1'">恢复默认值</span>
+								</n-form-item>
+							</n-form>
+							<n-button type="info" :loading="addLoading" @click="previewsKClick">预览</n-button>
+						</div>
+					</div>
+					<div class="tabs-main-right">
+						<p class="k-title">
+							<span>
+								<span>{{ showPreview ? `知识预览（${previewsInfo?.chunk_num}组）` : '类型说明' }}</span>
+								<!-- <n-popover trigger="hover">
+									<template #trigger>
+										<n-icon size="20" style="margin-left: 4px;cursor: pointer;vertical-align: text-bottom;" color="#8d8e99">
+											<HelpIcon />
+										</n-icon>
+									</template>
+									<span>您可以为每个知识标记<br/>对应的知识类型，以达到更好<br/>的知识提取效果</span>
+								</n-popover> -->
+							</span>
+							<span v-if="previewsInfo?.file_name" @click="showPreview = !showPreview">{{ showPreview ?  '展示模板' : '展示预览' }}</span>
+						</p>
+						<div class="k-preview">
+							<div v-show="showPreview" class="k-preview-content">
+								<div v-if="previewsInfo?.file_name" class="k-preview-list">
+									<div v-for="(item, index) in previewsInfo?.chunk_info" :key="index" class="k-preview-item">
+										<p class="k-t-1 mb-10"><span class="k-num mr-8">{{ item.chunk_num }}</span>{{ previewsInfo?.file_name }}</p>
+										<p class="k-p-2">
+											<n-ellipsis expand-trigger="click" line-clamp="5" :tooltip="false">
+												{{ item.text }}
+											</n-ellipsis>
+										</p>
+									</div>
+								</div>
+								<div v-else class="k-preview-empty">暂无可预览内容</div>
+							</div>
+							<div v-show="!showPreview" class="k-preview-template">
+								<KTemplate />
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<template #action>
+			<div class="dialog-footer">
+				<div class="footer-left">
+				</div>
+				<div class="footer-right">
+					<n-button @click="cancelClick">取消</n-button>
+					<n-button type="info" style="margin-left: 20px;" :loading="saveLoading" @click="saveClick">确定保存</n-button>
+				</div>
+			</div>
+		</template>
+	</n-modal>
+</template>
+
+<script lang="ts">
+import {
+	HelpCircleOutline as HelpIcon,
+	AddCircleOutline as AddIcon,
+	TrashOutline as TrashIcon,
+	CloudUploadOutline as CloudUploadIcon,
+	EllipsisVerticalOutline as EllipsisIcon
+} from "@vicons/ionicons5";
+import KTemplate from './k-template.vue';
+import FileTypeIcon from '@/components/common/file-type-icon.vue';
+import { ref, computed, defineComponent } from 'vue';
+import { useRoute } from "vue-router";
+import type { UploadFileInfo, FormInst, FormItemRule, StepsProps } from "naive-ui";
+import { useMessage } from 'naive-ui';
+import { useAuthStore, useKnowledgeStore } from '@/store';
+import { fetchPreviewsUploadKnowledge, fetchGetFsUrl } from '@/service';
+import { REGEXP_URL } from '@/config';
+
+let splitTypeOpts = [
+	{
+		label: '连续的数字点分隔符，如 1.1.1.1',
+		value: '1'
+	},
+	{
+		label: '圆括号数字样式,，如(1)',
+		value: '2'
+	},
+]
+
+type InfoType = {
+	name: string
+}
+
+export default defineComponent({
+	components: {
+		HelpIcon,
+		AddIcon,
+		CloudUploadIcon,
+		TrashIcon,
+		EllipsisIcon,
+		KTemplate,
+		FileTypeIcon
+	},
+	emits: ['change'],
+	setup(props, ctx) {
+		const showModal = ref(false);
+		const title = ref('上传知识');
+		const fileListRef = ref<UploadFileInfo[]>([]);
+		const formRef = ref<FormInst | null>(null);
+		const formVal = ref({
+			size: 2000,
+			overlap:100,
+			delimiter: ',',
+			splitHeadersType: '1',
+			urlList: [
+				{
+					url: ''
+				}
+			]
+		});
+		const showPreview = ref(false);
+		const kType = ref(1); // 知识分割类型
+		const saveSuccess = ref(false);
+		const uploading = ref(false);
+		const addLoading = ref(false);
+		const saveLoading = ref(false);
+		const uploadSuccess = ref(false); // 上传文件成功
+		const uploadFail = ref(false); // 上传文件失败
+		const fileInfo = ref<InfoType>();
+		const KBID = ref("");
+		const previewsInfo = ref<Knowledge.Previews>();
+		const percentageRef = ref(0); // 上传进度值
+
+		// hooks
+		const message = useMessage()
+		const { userInfo } = useAuthStore();
+		const knowledge = useKnowledgeStore();
+		const route = useRoute();
+		KBID.value = route.query.id + "";
+
+		// computed
+		const fileAccept = computed(() => {
+			let res: string = '.xlsx, .docx, .txt, .pdf, .csv, .md'
+			switch(kType.value) {
+				case 1:
+					res = '.docx, .txt, .pdf, .md'
+					break
+				case 2:
+					res = '.docx, .md'
+					break
+				case 3:
+					res = '.docx, .txt, .pdf, .md'
+					break
+				case 4:
+					res = '.xlsx, .csv'
+					break
+			}
+			return res
+		})
+
+		const fileAcceptText = computed(() => {
+			let res: string = ''
+			switch(kType.value) {
+				case 1:
+					res = 'txt、docx、pdf、md'
+					break
+				case 2:
+					res = 'doc、docx、md'
+					break
+				case 3:
+					res = 'txt、docx、pdf、md'
+					break
+				case 4:
+					res = 'xlsx、csv'
+					break
+			}
+			return res
+		})
+
+		const isCsv = computed(() => {
+			let res = false
+			if (fileListRef.value.length > 0) {
+				const obj: UploadFileInfo = fileListRef.value[0]
+				if (obj.type === 'text/csv') {
+					res = true
+				}
+			}
+
+			return res
+		})
+
+		// methods
+		const onShow = (data: any) => {
+			showModal.value = true;
+		};
+
+		const onHide = () => {
+			showModal.value = false;
+		};
+
+		const onAfterLeaveDialog = () => {
+			formVal.value.size = 2000
+			formVal.value.overlap = 100
+			formVal.value.delimiter = ','
+			formVal.value.splitHeadersType = '1'
+			formVal.value.urlList = [
+				{
+					url: ''
+				}
+			]
+			kType.value = 1;
+			previewsInfo.value = {} as Knowledge.Previews;
+			showPreview.value = false;
+			fileListRef.value = [];
+			saveLoading.value = false;
+			addLoading.value = false;
+
+			if (!saveSuccess.value && fileInfo.value?.name) {
+				handleRemovePreviewsK()
+			}
+		}
+
+		let timer: any = null
+		type statusType = 'loading' | 'fail' | 'success'
+		const handlePercentageVal = (type?: statusType) => {
+			if (type === 'fail') {
+				clearInterval(timer)
+				return
+			} else if (type === 'success') {
+				clearInterval(timer)
+				percentageRef.value = 100
+				return
+			}
+			percentageRef.value = 10
+			timer = setInterval(() => {
+				percentageRef.value += 10
+				if (percentageRef.value >= 99) {
+					percentageRef.value = 99
+					clearInterval(timer)
+				}
+			}, 1000)
+		}
+
+		const confirmUploadFile = async (file: any) => {
+			uploading.value = true
+			uploadSuccess.value = false
+			uploadFail.value = false
+			const formData = new FormData()
+			formData.append('Uid', userInfo.userId)
+			formData.append('File', file)
+			handlePercentageVal()
+			const results = await fetchPreviewsUploadKnowledge(formData)
+
+			if (results.error) {
+				uploadFail.value = true
+				uploading.value = false
+				handlePercentageVal('fail')
+				return false;
+			}
+			const resData: any = results.data || {}
+
+			handlePercentageVal('success')
+
+			setTimeout(() => {
+				uploadSuccess.value = true
+				uploading.value = false
+			}, 500)
+
+			fileInfo.value = {
+				name: resData.file_name
+			}
+			message.success('上传成功')
+		}
+
+		const uploadChange = (options: {
+			file: UploadFileInfo;
+			fileList: Array<UploadFileInfo>;
+			event?: Event;
+		}) => {
+			const file: any = options.file
+
+			const size = file.file.size
+
+			if (size > (1024 * 1024 * 5)) { // 5M
+				setTimeout(() => {
+					delFileClick(0)
+				}, 100)
+				message.warning('请上传5M以内的文件')
+				return false
+			}
+
+			confirmUploadFile(file.file)
+		};
+
+		const onBeforeUpload = (options: { file: UploadFileInfo, fileList: UploadFileInfo[] }) => {
+			console.log('onBeforeUpload-----options', options)
+		}
+
+		const getFileType = (file: any) => {
+			let res: string = ''
+			let name = file.name || ''
+			let list = ['md', 'doc', 'txt', 'pdf', 'xlsx', 'csv', 'docx']
+			let arr = name.split('.') || []
+			let len = arr.length
+			let type = arr[len - 1] || ''
+
+			if (list.includes(type)) {
+				res = type
+			}
+
+			return res
+		}
+
+		const countFileSize = (file: any) => {
+			console.log('file----aa', file)
+			if (!file) {
+				return '-'
+			}
+
+			let size = 0
+			if (file.size) {
+				size = file.size / 1024 / 1024
+			}
+
+			return size.toFixed(2)
+		}
+
+		const delFileClick = (index: number) => {
+			fileListRef.value.splice(index, 1)
+			previewsInfo.value = {} as Knowledge.Previews
+			showPreview.value = false
+
+			if (fileInfo.value?.name) {
+				handleRemovePreviewsK()
+			}
+		}
+
+		const handleRemovePreviewsK = async () => {
+			const params = {
+				FileName: fileInfo.value?.name,
+			}
+
+			await knowledge.removePreviewsK(params)
+		}
+
+		const previewFileClick = async (file: any) => {
+			// const url = URL.createObjectURL(file)
+
+			console.log('file----', file)
+			const formData = new FormData()
+			formData.append('Uid', userInfo.userId)
+			formData.append('Service', '2')
+			formData.append('FileName', file.name)
+			formData.append('KBID', '')
+			const results = await fetchGetFsUrl(formData)
+
+			const resData: any = results.data || {}
+
+			console.log('results-----aaa', results)
+			const url = resData.url
+			console.log('url------faf', url)
+			// window.open(`https://view.officeapps.live.com/op/view.aspx?src=${url}`)
+			window.open(`https://view.officeapps.live.com/op/view.aspx?src=https://view.xdocin.com/8-134-201-130-19000_9t2vqeo.htm`)
+			// window.open(`https://view.xdocin.com/view?src=https://view.xdocin.com/8-134-201-130-19000_9t2vqeo.htm`)
+		}
+
+		const addUrlClick = () => {
+			formVal.value.urlList.push({
+				url: ''
+			})
+		}
+
+		const removeUrlClick = (index: number) => {
+			formVal.value.urlList.splice(index, 1)
+		}
+
+		const cancelClick = () => {
+			showModal.value = false;
+		}
+
+		const resetUploadFileClick = (file: any) => {
+			confirmUploadFile(file)
+		}
+
+		const previewsKClick = () => {
+			if (fileListRef.value.length === 0 || uploading.value || uploadFail.value) return message.warning('请上传文件')
+			formRef.value?.validate(async (errors) => {
+				if (!errors) {
+					let Kconfig = {}
+					switch(kType.value) {
+						case 1:
+							Kconfig = {
+								chunk_size: formVal.value.size,
+								chunk_overlap: formVal.value.overlap,
+							}
+							break
+						case 2:
+							Kconfig = {}
+							break
+						case 3:
+							Kconfig = {
+								split_headers_type: Number(formVal.value.splitHeadersType)
+							}
+							break
+						case 4:
+							Kconfig = {
+								delimiter: formVal.value.delimiter,
+							}
+							break
+					}
+					const params = {
+						Kconfig,
+						FileName: fileInfo.value?.name,
+						Type: kType.value,
+					}
+
+					addLoading.value = true
+					const results = await knowledge.previewsK(params)
+					addLoading.value = false
+
+					if (results) {
+						previewsInfo.value = results
+						showPreview.value = true
+					}
+				}
+			})
+		}
+
+		const saveClick = () => {
+			if (fileListRef.value.length === 0 || uploading.value || uploadFail.value) return message.warning('请上传文件')
+			formRef.value?.validate(async (errors) => {
+				if (!errors) {
+					let Kconfig = {}
+					switch(kType.value) {
+						case 1:
+							Kconfig = {
+								chunk_size: formVal.value.size,
+								chunk_overlap: formVal.value.overlap,
+							}
+							break
+						case 2:
+							Kconfig = {}
+							break
+						case 3:
+							Kconfig = {
+								split_headers_type: Number(formVal.value.splitHeadersType)
+							}
+							break
+						case 4:
+							Kconfig = {
+								delimiter: formVal.value.delimiter,
+							}
+							break
+					}
+					const params = {
+						KBID: KBID.value,
+						Kconfig,
+						FileName: fileInfo.value?.name,
+						Type: kType.value,
+					}
+
+					saveLoading.value = true
+					const results = await knowledge.addK(params)
+					saveLoading.value = false
+
+					if (results) {
+						saveSuccess.value = true
+						message.success('保存成功');
+						showModal.value = false;
+						ctx.emit('change')
+					}
+				}
+			})
+		}
+
+		return {
+			showModal,
+			title,
+			currentStatus: ref<StepsProps['status']>('process'),
+			fileList: fileListRef,
+			form: formRef,
+			formVal,
+			rules: {
+				url: {
+					required: true,
+					validator (rule: FormItemRule, value: string) {
+						if (!value) {
+							return new Error(`请输入URL`)
+						} else if (!REGEXP_URL.test(value)) {
+							return new Error('请输入合法URL')
+						}
+						return true
+					},
+					trigger: ['input', 'blur']
+				},
+				size: {
+					required: true,
+					validator (rule: FormItemRule, value: number) {
+						if (!value) {
+							return new Error(`请输入分块长度`)
+						} else if (value < 1000 || value > 2000) {
+							return new Error(`请输入1000-2000的数值`)
+						}
+						return true
+					},
+					trigger: ['input', 'blur']
+				},
+				overlap: {
+					required: true,
+					validator (rule: FormItemRule, value: number) {
+						if (!value) {
+							return new Error(`请输入分块重叠数`)
+						} else if (value < 50 || value > 200) {
+							return new Error(`请输入50-200的数值`)
+						}
+						return true
+					},
+					trigger: ['input', 'blur']
+				},
+				delimiter: {
+					required: true,
+					message: '请输入切割符',
+					trigger: ['input', 'blur']
+				},
+				splitHeadersType: {
+					required: true,
+					message: '请选择自定义头部类型',
+					trigger: ['input', 'blur']
+				}
+			},
+			kType,
+			showPreview,
+			fileAccept,
+			fileAcceptText,
+			splitTypeOpts,
+			uploading,
+			addLoading,
+			saveLoading,
+			previewsInfo,
+			uploadSuccess,
+			uploadFail,
+			percentage: percentageRef,
+			isCsv,
+			onShow,
+			onHide,
+			onAfterLeaveDialog,
+			uploadChange,
+			onBeforeUpload,
+			countFileSize,
+			delFileClick,
+			previewFileClick,
+			addUrlClick,
+			removeUrlClick,
+			cancelClick,
+			resetUploadFileClick,
+			previewsKClick,
+			saveClick,
+			getFileType
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.mt-0 {
+	margin-top: 0;
+}
+.mt-20 {
+	margin-top: 20px;
+}
+.dialog-content {
+	height: 600px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+}
+.dialog-footer {
+	display: flex;
+	width: 100%;
+	.footer-left {
+		flex: 1;
+		overflow: hidden;
+		padding: 10px 0;
+		.step-box {
+			width: 380px;
+			margin-left: 2px;
+		}
+	}
+	.footer-right {
+		display: flex;
+    align-items: flex-end;
+	}
+}
+.tabs-content {
+	flex: 1;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	.tabs-top {
+		padding-bottom: 10px;
+		margin-bottom: 20px;
+		border-bottom: 1px solid #e0e0e0;
+		.type-list {
+			display: flex;
+			.type-item {
+				flex: 1;
+				overflow: hidden;
+				padding: 10px 20px;
+				display: flex;
+				align-items: center;
+				border: 1px solid #e0e0e0;
+				border-radius: 8px;
+				margin-right: 20px;
+				&:last-child {
+					margin-right: 0;
+				}
+				img {
+					width: 30px;
+				}
+				.type-item-info {
+					flex: 1;
+					overflow: hidden;
+					margin: 0 10px;
+					p {
+						&:nth-child(1) {
+							font-size: 14px;
+							font-weight: 500;
+						}
+						&:nth-child(2) {
+							font-size: 12px;
+							font-weight: 400;
+							color: #8d8e99;
+						}
+					}
+				}
+			}
+		}
+	}
+	.tabs-main {
+		flex: 1;
+		display: flex;
+		overflow: hidden;
+		.tabs-main-left {
+			flex: 0 0 50%;
+			padding-right: 20px;
+			box-sizing: border-box;
+			.upload-box {
+				:deep(.n-upload-dragger) {
+					padding: 10px;
+				}
+			}
+			.tabs-form {
+				.k-def-text {
+					font-size: 12px;
+					font-weight: 400;
+					color: #1890ff;
+					cursor: pointer;
+					margin-left: 10px;
+				}
+			}
+		}
+		.tabs-main-right {
+			flex: 0 0 50%;
+			display: flex;
+			flex-direction: column;
+			.k-title {
+				font-size: 16px;
+				font-weight: 500;
+				display: flex;
+				margin-bottom: 10px;
+				&>span {
+					&:nth-child(1) {
+						flex: 1;
+						overflow: hidden;
+					}
+					&:nth-child(2) {
+						font-size: 14px;
+						color: #1890ff;
+						cursor: pointer;
+					}
+				}
+			}
+			.k-preview {
+				flex: 1;
+				overflow: hidden;
+				.k-preview-content {
+					height: 100%;
+					overflow: auto;
+
+					.k-preview-empty {
+						text-align: center;
+						padding: 20px;
+						color: #8d8e99;
+					}
+				}
+				.k-preview-template {
+					height: 100%;
+					overflow: auto;
+				}
+				.k-preview-list {
+						display: flex;
+						flex-direction: column;
+						.k-preview-item {
+							width: 100%;
+							min-height: 50px;
+							background-color: #fafafa;
+							padding: 10px;
+							box-sizing: border-box;
+							border-radius: 8px;
+							margin-bottom: 20px;
+							&:last-child {
+								margin-bottom: 0;
+							}
+							.mb-10 {
+								margin-bottom: 10px;
+							}
+							.mr-8 {
+								margin-right: 8px;
+							}
+							.k-t-1 {
+								font-size: 14px;
+								font-weight: 500;
+							}
+							.k-num {
+								padding: 2px 4px;
+								border-radius: 2px;
+								border: 1px solid #e0e0e0;
+								background-color: #fafafa;
+							}
+							.k-p-1 {
+								font-size: 12px;
+								font-weight: 500;
+							}
+							.k-p-2 {
+								font-size: 12px;
+								font-weight: 500;
+								color: #8d8e99;
+							}
+							.k-flex {
+								display: flex;
+								justify-content: space-between;
+							}
+							.k-cur {
+								color: #1890ff;
+								cursor: pointer;
+							}
+						}
+					}
+			}
+		}
+	}
+}
+.file-list {
+	display: flex;
+	flex-direction: column;
+	max-height: 360px;
+	overflow-y: auto;
+	.file-item {
+		position: relative;
+		display: flex;
+		padding: 20px;
+		border-radius: 10px;
+		border: 1px solid #e0e0e0;
+		margin-bottom: 20px;
+		box-sizing: border-box;
+		&:hover {
+			border: 1px solid #1890ff;
+		}
+		&.disabled {
+			&:hover {
+				border: 1px solid #e0e0e0;
+			}
+		}
+		&.error {
+			border: 1px solid #f5222d;
+			&:hover {
+				border: 1px solid #f5222d;
+			}
+		}
+		.file-progress {
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			z-index: 9;
+			background-color: rgba(0,0,0,0.1);
+			border-radius: 10px;
+			overflow: hidden;
+			box-sizing: border-box;
+			display: flex;
+			align-items: flex-end;
+		}
+		.item-left {
+			flex: 0 0 36px;
+			margin-right: 10px;
+			img {
+				width: 36px;
+			}
+		}
+		.item-mid {
+			flex: 1;
+			overflow: hidden;
+		}
+		.item-right {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			.select-box {
+				width: 160px;
+			}
+			.pre-btn {
+				cursor: pointer;
+				&:hover {
+					color: #1890ff;
+				}
+			}
+			.del-btn {
+				cursor: pointer;
+				&:hover {
+					color: #1890ff;
+				}
+			}
+		}
+	}
+}
+.url-box {
+	display: flex;
+	.input-box {
+		flex: 1;
+		overflow: hidden;
+	}
+	.action-box {}
+}
+
+.knowledge-box {
+	flex: 1;
+	overflow: hidden;
+	display: flex;
+	.knowledge-left {
+		flex: 1;
+		overflow: hidden;
+		padding-right: 20px;
+		display: flex;
+		flex-direction: column;
+		.k-title {
+			padding: 10px 0;
+			display: flex;
+			align-items: center;
+		}
+		.k-list {
+			flex: 1;
+			overflow-y: auto;
+			max-height: initial;
+		}
+	}
+	.knowledge-right {
+		flex: 0 0 380px;
+		// border-left: 1px solid #e2e2e2;
+		.k-title {
+			padding: 10px 0;
+			display: flex;
+			align-items: center;
+		}
+	}
+}
+
+</style>
diff --git a/src/views/knowledge/details/components/k-previews.vue b/src/views/knowledge/details/components/k-previews.vue
new file mode 100644
index 0000000..f545f0d
--- /dev/null
+++ b/src/views/knowledge/details/components/k-previews.vue
@@ -0,0 +1,21 @@
+<template>
+	<div>
+
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+	setup () {
+
+
+		return {}
+	}
+})
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledge/details/components/k-template.vue b/src/views/knowledge/details/components/k-template.vue
new file mode 100644
index 0000000..c59bb70
--- /dev/null
+++ b/src/views/knowledge/details/components/k-template.vue
@@ -0,0 +1,193 @@
+<template>
+	<n-collapse arrow-placement="right" :default-expanded-names="['1', '2', '3', '4']">
+		<div class="k-template-item">
+			<n-collapse-item title="直接分段" name="1">
+				<n-divider style="margin-top: 0;margin-bottom: 10px;" />
+				<p class="k-p-1 mb-10">适用场景</p>
+				<p class="k-p-2 mb-10">适用于针对知识本身的内容进行直接提问。</p>
+			</n-collapse-item>
+		</div>
+		<div class="k-template-item">
+			<n-collapse-item title="特定类型标题分段" name="2">
+				<n-divider style="margin-top: 0;margin-bottom: 10px;" />
+				<p class="k-p-1 mb-10">适用场景</p>
+				<p class="k-p-2 mb-10">适用于以知识的段落为单位进行提问，仅支持使用预设的标题样式来分隔文档中的不同部分的文档。</p>
+				<p class="k-p-1 mb-10">
+					<span>建议格式</span>
+				</p>
+				<div class="k-table">
+					<n-table :bordered="true" :single-line="false">
+						<thead>
+							<tr>
+								<th style="background-color: #e8e9eb;">CSV</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td style="font-size: 12px;color: #767c82;">
+									<p># 一级标题</p>
+									<p>## 二级标题</p>
+								</td>
+							</tr>
+						</tbody>
+					</n-table>
+				</div>
+			</n-collapse-item>
+		</div>
+		<div class="k-template-item">
+			<n-collapse-item title="自定义类型标题分段" name="3">
+				<n-divider style="margin-top: 0;margin-bottom: 10px;" />
+				<p class="k-p-1 mb-10">适用场景</p>
+				<p class="k-p-2 mb-10">适用于以知识的段落为单位进行提问，支持在文章中进行自定义标题信息分段。</p>
+				<p class="k-p-1 mb-10">
+					<span>建议格式</span>
+				</p>
+				<div class="k-table">
+					<n-table :bordered="true" :single-line="false">
+						<tbody>
+							<tr>
+								<td style="font-size: 12px;color: #767c82;">
+									<p>1 一级标题</p>
+									<p>1.2 二级子标题</p>
+									<p>2 一级标题</p>
+								</td>
+							</tr>
+						</tbody>
+					</n-table>
+				</div>
+			</n-collapse-item>
+		</div>
+		<div class="k-template-item">
+			<n-collapse-item title="表格类型分段" name="4">
+				<n-divider style="margin-top: 0;margin-bottom: 10px;" />
+				<p class="k-p-1 mb-10">适用场景</p>
+				<p class="k-p-2 mb-10">适用于结构化表格信息分段。</p>
+				<p class="k-p-1 k-flex mb-10">
+					<span>建议格式-商品类型QA</span>
+					<span class="k-cur" @click="downloadTemplateClick(1)">下载模板</span>
+				</p>
+				<div class="k-table mb-20">
+					<n-table :bordered="true" :single-line="false">
+						<thead>
+							<tr>
+								<th style="background-color: #e8e9eb;">商品名称</th>
+								<th style="background-color: #e8e9eb;">品牌</th>
+								<th style="background-color: #e8e9eb;">颜色</th>
+								<th style="background-color: #e8e9eb;">尺寸</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td style="font-size: 12px;color: #767c82;">衣服</td>
+								<td style="font-size: 12px;color: #767c82;">xx</td>
+								<td style="font-size: 12px;color: #767c82;">蓝色</td>
+								<td style="font-size: 12px;color: #767c82;">M</td>
+							</tr>
+						</tbody>
+					</n-table>
+				</div>
+				<p class="k-p-1 k-flex mb-10">
+					<span>建议格式-问答类型QA</span>
+					<span class="k-cur" @click="downloadTemplateClick(2)">下载模板</span>
+				</p>
+				<div class="k-table">
+					<n-table :bordered="true" :single-line="false">
+						<thead>
+							<tr>
+								<th style="background-color: #e8e9eb;">问题</th>
+								<th style="background-color: #e8e9eb;">答案</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td style="font-size: 12px;color: #767c82;">在这里填充问题，可多个</td>
+								<td style="font-size: 12px;color: #767c82;">在这里填充答案</td>
+							</tr>
+						</tbody>
+					</n-table>
+				</div>
+			</n-collapse-item>
+		</div>
+	</n-collapse>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+	setup () {
+
+		const downloadTemplateClick = (type: number) => {
+			switch(type) {
+				case 1:
+					window.location.href = '/商品类型QA-表格.xlsx'
+					break
+				case 2:
+					window.location.href = '/问答类型QA-表格.xlsx'
+					break
+			}
+		}
+
+		return {
+			downloadTemplateClick
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.k-template-item {
+	width: 100%;
+	min-height: 50px;
+	background-color: #fafafa;
+	padding: 10px;
+	box-sizing: border-box;
+	border-radius: 8px;
+	margin-bottom: 20px;
+	:deep(.n-collapse-item__header-main) {
+		justify-content: space-between;
+	}
+	:deep(.n-collapse-item__content-inner) {
+		padding-top: 10px !important;
+	}
+	&:last-child {
+		margin-bottom: 0;
+	}
+	.mb-10 {
+		margin-bottom: 10px;
+	}
+	.mb-20 {
+		margin-bottom: 20px;
+	}
+	.mr-8 {
+		margin-right: 8px;
+	}
+	.k-t-1 {
+		font-size: 14px;
+		font-weight: 500;
+	}
+	.k-num {
+		padding: 2px 4px;
+		border-radius: 2px;
+		border: 1px solid #e0e0e0;
+		background-color: #fafafa;
+	}
+	.k-p-1 {
+		font-size: 12px;
+		font-weight: 500;
+	}
+	.k-p-2 {
+		font-size: 12px;
+		font-weight: 500;
+		color: #8d8e99;
+	}
+	.k-flex {
+		display: flex;
+		justify-content: space-between;
+	}
+	.k-cur {
+		color: #1890ff;
+		cursor: pointer;
+	}
+}
+</style>
diff --git a/src/views/knowledge/details/components/previews-dialog.vue b/src/views/knowledge/details/components/previews-dialog.vue
new file mode 100644
index 0000000..2d66245
--- /dev/null
+++ b/src/views/knowledge/details/components/previews-dialog.vue
@@ -0,0 +1,252 @@
+<template>
+	<n-modal
+		v-model:show="showModal"
+		style="width: 1080px; position: fixed; top: 10vh"
+		title="知识预览"
+		:show-icon="false"
+		preset="card"
+	>
+		<div class="dialog-wrapper">
+			<div class="dialog-content">
+				<div v-if="loading" class="loading-box">
+					<n-spin size="small" />
+					<span class="loading-text">正在加载...</span>
+				</div>
+				<div v-if="!loading && loaded && pageList.length" class="list">
+					<div class="list-item" v-for="(item, index) in pageList" :key="index">
+						<div class="list-item_top">
+							<div class="k-title">
+								<span># {{ item.sequence }}</span>
+								<n-button size="tiny" quaternary circle @click="lookClick(item)">
+									<template #icon>
+										<n-icon><ResizeIcon /></n-icon>
+									</template>
+								</n-button>
+							</div>
+							<div class="k-cont">
+								<n-ellipsis line-clamp="2" :tooltip="false">
+									<span>{{ item.text }}</span>
+									<template #tooltip>
+										<n-scrollbar style="max-height: 300px; width: 320px;">
+											<p style="word-wrap:break-word; word-break:break-all;">{{ item.text }}</p>
+										</n-scrollbar>
+									</template>
+								</n-ellipsis>
+							</div>
+						</div>
+						<div class="list-item_bom">
+							<span>{{ item?.text ? item?.text?.length : 0 }} 字</span>
+						</div>
+					</div>
+				</div>
+				<n-empty
+					v-if="!loading && loaded && pageList.length === 0"
+					style="margin-top: 30px"
+					description="暂无数据"
+				/>
+			</div>
+			<div class="dialog-footer">
+				<n-pagination
+					:item-count="total"
+					:page-size="pageSize"
+					:page="currentPage"
+					:on-update:page="changePage"
+				>
+					<template #prefix="{ itemCount }"> 共 {{ itemCount }} 条 </template>
+				</n-pagination>
+			</div>
+		</div>
+		<n-modal
+			v-model:show="showInnerModal"
+			style="width: 500px; height: 800px; position: fixed; top: 10vh"
+			class="custom-card"
+			preset="card"
+			size="huge"
+			:bordered="false"
+		>
+			<div class="content">
+				<p style="white-space: pre-wrap;">{{ text }}</p>
+			</div>
+		</n-modal>
+	</n-modal>
+</template>
+
+<script lang="ts">
+import {
+	Resize as ResizeIcon
+} from "@vicons/ionicons5";
+import { ref, defineComponent } from 'vue';
+import { useKnowledgeStore } from "@/store";
+
+type infoType = {
+	KBID: string,
+	KID: string
+}
+
+export default defineComponent({
+	components: {
+		ResizeIcon
+	},
+	setup () {
+		const showModal = ref(false);
+		const showInnerModal = ref(false);
+		const loading = ref(false);
+		const loaded = ref(false);
+		const total = ref(0);
+		const pageSize = ref(20);
+		const currentPage = ref(1);
+		const pageList = ref<Knowledge.Chunks_info[]>([]);
+		const info = ref<infoType>();
+		const text = ref('');
+
+		// hooks
+		const knowledge = useKnowledgeStore()
+
+		// methods
+		const onShow = (data: any) => {
+			showModal.value = true;
+			info.value = data;
+			getPageList();
+		};
+
+		const onHide = () => {
+			showModal.value = false;
+		};
+
+		const getPageList = async () => {
+			const params = {
+				KBID: info.value?.KBID,
+				KID: info.value?.KID,
+				Limit: currentPage.value * pageSize.value,
+				Offset: (currentPage.value - 1) * pageSize.value,
+			}
+
+			loading.value = true;
+
+			const results: Knowledge.KDetails = await knowledge.getKDetails(params);
+			loading.value = false;
+			loaded.value = true;
+
+			if (results) {
+				total.value = results.total;
+				pageList.value = results.chunks_info as Knowledge.Chunks_info[];
+			}
+		}
+
+		const lookClick = (item: any) => {
+			text.value = item.text
+			showInnerModal.value = true
+		}
+
+		const changePage = (page: number) => {
+			currentPage.value = page;
+			getPageList();
+		};
+
+
+		return {
+			showModal,
+			showInnerModal,
+			loading,
+			loaded,
+			total,
+			pageSize,
+			currentPage,
+			pageList,
+			text,
+			onShow,
+			onHide,
+			changePage,
+			lookClick
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.dialog-wrapper {
+	height: 600px;
+	display: flex;
+	flex-direction: column;
+}
+.dialog-content {
+	flex: 1;
+	overflow: hidden;
+}
+.loading-box {
+	width: 100px;
+	margin: 0 auto;
+	margin-top: 30px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	.loading-text {
+		margin-top: 8px;
+	}
+}
+.list {
+	flex: 1;
+	display: flex;
+	flex-wrap: wrap;
+	overflow: auto;
+	.list-item {
+		width: 320px;
+		height: 126px;
+		display: flex;
+		flex-direction: column;
+		background-color: var(--baseColor);
+		border-radius: 6px;
+		margin-bottom: 16px;
+		margin-right: 16px;
+		border: 1px solid rgb(239, 239, 245);
+		.list-item_top {
+			flex: 1;
+			overflow: hidden;
+			padding: 10px;
+			.k-title {
+				display: flex;
+				justify-content: space-between;
+				margin-bottom: 10px;
+			}
+			.k-cont {
+
+			}
+		}
+		.list-item_bom {
+			border-top: 1px solid rgb(239, 239, 245);
+			padding: 6px 10px;
+			font-size: 12px;
+			color: #8d8e99;
+			display: flex;
+			align-items: center;
+			box-sizing: border-box;
+		}
+	}
+}
+.tooltip-content {
+	width: 320px;
+}
+
+</style>
+<style lang="scss">
+.custom-card {
+	.n-card-header {
+		padding: 10px;
+		border-bottom: 1px solid rgb(239, 239, 245);
+	}
+	.n-card__content {
+		padding: 0 10px;
+		overflow-y: auto;
+		.content {
+			padding: 10px 0;
+			line-height: 22px;
+			word-wrap:break-word;
+			word-break:break-all;
+			overflow-y: auto;
+    	height: 100%;
+			box-sizing: border-box;
+		}
+	}
+}
+</style>
diff --git a/src/views/knowledge/details/index.vue b/src/views/knowledge/details/index.vue
new file mode 100644
index 0000000..4bd43e6
--- /dev/null
+++ b/src/views/knowledge/details/index.vue
@@ -0,0 +1,570 @@
+<template>
+	<div class="knowledge-details">
+		<div class="knowledge-wrapper">
+			<div class="knowledge-nav">
+				<div class="nav-back">
+					<n-icon size="26" @click="backClick">
+						<ArrowBackIcon />
+					</n-icon>
+				</div>
+				<div class="nav-info">
+					<div class="nav-info-left">
+						<div
+							class="icon-box"
+							:style="{ backgroundColor: kbase?.KBColor || '#1890ff' }"
+						>
+							<img :src="getKbIcon(kbase?.KBBGImg || 'help')" />
+						</div>
+					</div>
+					<div class="nav-info-right">
+						<h5 class="nav-title">
+							<n-ellipsis style="max-width: 200px;">
+								{{ kbase?.KBName }}
+								<template #tooltip>
+									<div style="text-align: center; max-width: 200px;">
+										{{ kbase?.KBName }}
+									</div>
+								</template>
+							</n-ellipsis>
+						</h5>
+						<p class="nav-sub-title">
+							<n-ellipsis style="max-width: 200px; ">
+								{{ kbase?.KBDesc }}
+								<template #tooltip>
+									<div style="text-align: center; max-width: 200px;">
+										{{ kbase?.KBDesc }}
+									</div>
+								</template>
+							</n-ellipsis>
+						</p>
+					</div>
+				</div>
+			</div>
+			<n-divider />
+			<div class="knowledge-action">
+				<n-button
+					type="info"
+					size="small"
+					style="height: 34px"
+					color="#1890ff"
+					@click="addClick"
+				>
+					<template #icon>
+						<n-icon>
+							<AddIcon />
+						</n-icon>
+					</template>
+					上传知识
+				</n-button>
+				<n-input
+					style="width: 300px; margin-left: 20px"
+					type="text"
+					v-model:value="searchVal"
+					round
+					placeholder="请输入知识名称"
+					:on-input="searchValChange"
+				>
+					<template #prefix>
+						<n-icon :component="SearchOutlineIcon" />
+					</template>
+				</n-input>
+			</div>
+			<div class="knowledge-content">
+				<div v-if="loading" class="loading-box">
+					<n-spin size="small" />
+					<span class="loading-text">正在加载...</span>
+				</div>
+				<div v-if="!loading && loaded && pageList.length" class="list">
+					<div class="list-item" v-for="item in pageList" :key="item.id">
+						<div class="list-item_top">
+							<div class="info">
+								<div class="info-left">
+									<!-- <img src="@/assets/images/zsk.png" alt="" /> -->
+									<file-type-icon :type="getFileType(item.KName)" :size="36" />
+								</div>
+								<div class="info-right">
+									<n-ellipsis class="i-title" style="max-width: 200px">
+										{{ item.KName }}
+									</n-ellipsis>
+								</div>
+							</div>
+
+							<div class="update-time">
+								<!-- <span>{{ 0 }} 字</span><n-divider vertical /> -->
+								<span>新建时间：{{ item.KCreateTime }}</span>
+							</div>
+							<!-- <div class="kb-id">
+								<span>文档id：{{ item.KID }}</span>
+								<n-popover trigger="hover">
+									<template #trigger>
+										<n-icon
+											class="copy-icon"
+											size="14"
+											@click="copyClick(item.KID)"
+										>
+											<CopyIcon />
+										</n-icon>
+									</template>
+									<span>复制</span>
+								</n-popover>
+							</div> -->
+						</div>
+						<div class="list-item_bom">
+							<div class="btn-group">
+								<div class="btn-item">
+									<n-popover trigger="hover">
+										<template #trigger>
+											<n-icon size="20" @click="previewClick(item)">
+												<EyeIcon />
+											</n-icon>
+										</template>
+										<span>预览</span>
+									</n-popover>
+								</div>
+								<!-- <div class="btn-item">
+									<n-popover trigger="hover">
+										<template #trigger>
+											<n-icon size="20" @click="editClick(item)">
+												<CreateIcon />
+											</n-icon>
+										</template>
+										<span>编辑</span>
+									</n-popover>
+								</div> -->
+								<!-- <div class="btn-item">
+									<n-popover trigger="hover">
+										<template #trigger>
+											<n-icon size="20" @click="downloadClick(item)">
+												<DownloadIcon />
+											</n-icon>
+										</template>
+										<span>下载</span>
+									</n-popover>
+								</div> -->
+								<div class="btn-item">
+									<n-popconfirm
+										positive-text="确定"
+										@positive-click="delClick(item)"
+									>
+										<template #trigger>
+											<n-popover trigger="hover">
+												<template #trigger>
+													<n-icon size="20">
+														<TrashIcon />
+													</n-icon>
+												</template>
+												<span>删除</span>
+											</n-popover>
+										</template>
+										确定删除该知识？
+									</n-popconfirm>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<n-empty
+					v-if="!loading && loaded && pageList.length === 0"
+					style="margin-top: 30px"
+					description="暂无数据"
+				/>
+			</div>
+			<div class="knowledge-footer">
+				<n-pagination
+					:item-count="total"
+					:page-size="pageSize"
+					:page="currentPage"
+					:on-update:page="changePage"
+				>
+					<template #prefix="{ itemCount }"> 共 {{ itemCount }} 条 </template>
+				</n-pagination>
+			</div>
+		</div>
+
+		<!-- 弹框 -->
+		<ConfigDialog ref="configRef" @change="createChange" />
+		<PreviewsDialog ref="previewsRef" />
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	Add as AddIcon,
+	CopyOutline as CopyIcon,
+	SearchOutline as SearchOutlineIcon,
+	ArrowBack as ArrowBackIcon,
+	TrashOutline as TrashIcon,
+	CreateOutline as CreateIcon,
+	EyeOutline as EyeIcon,
+	DownloadOutline as DownloadIcon,
+} from "@vicons/ionicons5";
+import { useMessage } from "naive-ui";
+import ConfigDialog from "./components/config-dialog.vue";
+import PreviewsDialog from './components/previews-dialog.vue';
+import { ref, watch, defineComponent } from "vue";
+import { routeName } from "@/router";
+import { useRoute } from "vue-router";
+import { useRouterPush } from "@/composables";
+import { useTabStore } from "@/store";
+import { getKbIcon } from "@/config";
+import { useKnowledgeStore } from "@/store";
+
+type ItemType = {
+	[key: string]: any;
+};
+
+export default defineComponent({
+	components: {
+		ConfigDialog,
+		AddIcon,
+		CopyIcon,
+		ArrowBackIcon,
+		TrashIcon,
+		CreateIcon,
+		EyeIcon,
+		DownloadIcon,
+		PreviewsDialog
+	},
+	setup() {
+		const tabStore = useTabStore();
+		tabStore.setActiveTabTitle("知识库详情");
+		const searchVal = ref("");
+		const loading = ref(false);
+		const loaded = ref(false);
+		const pageList = ref<ItemType[]>([]);
+		const currentPage = ref(1);
+		const total = ref(0);
+		const pageSize = ref(30);
+		const configRef = ref();
+		const previewsRef = ref();
+		const KBID = ref("");
+		const kbase = ref<Knowledge.Base>();
+		const delLoading = ref(false);
+
+		const { routerPush } = useRouterPush();
+		const knowledge = useKnowledgeStore();
+		const route = useRoute();
+		KBID.value = route.query.id + "";
+		kbase.value = knowledge.knowledgeBaseList.find(
+			(item: Knowledge.Base) => item.KBID === KBID.value
+		);
+
+		// hooks
+		const message = useMessage();
+
+		const init = async () => {
+			loading.value = true;
+			await knowledge.getKBList()
+			kbase.value = knowledge.knowledgeBaseList.find(
+				(item: Knowledge.Base) => item.KBID === KBID.value
+			);
+			getPageList()
+		}
+		init()
+
+		// methods
+		const getPageList = () => {
+			let list = kbase.value?.data || [];
+			if (searchVal.value) {
+				list = list.filter((item: any) => {
+					const name: string = item.KName || "";
+					return name.includes(searchVal.value);
+				});
+			}
+			pageList.value = list.slice(
+				(currentPage.value - 1) * pageSize.value,
+				currentPage.value * pageSize.value
+			) as [];
+			total.value = list.length;
+			loading.value = false;
+			loaded.value = true;
+		};
+
+		const createChange = () => {
+			getPageList()
+		}
+
+		const backClick = () => {
+			routerPush({ name: routeName("knowledge_list") });
+		};
+
+		let timer: any = null;
+		const searchValChange = (value: any) => {
+			if (timer) {
+				clearTimeout(timer);
+			}
+
+			timer = setTimeout(() => {
+				currentPage.value = 1;
+				getPageList();
+			}, 1000);
+		};
+
+		const changePage = (page: number) => {
+			currentPage.value = page;
+			getPageList();
+		};
+
+		const addClick = async () => {
+			configRef.value.onShow();
+		};
+
+		const previewClick = (item: ItemType) => {
+			previewsRef.value.onShow({
+				KBID: KBID.value,
+				KID: item.KID
+			});
+		};
+
+		const editClick = (item: ItemType) => {
+			configRef.value.onShow();
+		};
+
+		const downloadClick = (item: ItemType) => {};
+
+		const delClick = async (item: ItemType) => {
+			if (delLoading.value) return
+			delLoading.value = true
+			const results = await knowledge.delK(KBID.value, item.KID);
+			delLoading.value = false
+			if (results) {
+				getPageList()
+				message.success('删除成功');
+			}
+		};
+
+		const copyClick = (val: string) => {
+			navigator.clipboard.writeText(val);
+			message.success("已复制");
+		};
+
+		const getFileType = (name: string) => {
+			let res: string = ''
+			let list = ['md', 'doc', 'txt', 'pdf', 'xlsx', 'csv', 'docx']
+			let arr = name.split('.') || []
+			let len = arr.length
+			let type = arr[len - 1] || ''
+
+			if (list.includes(type)) {
+				res = type
+			}
+
+			return res
+		}
+
+		return {
+			configRef,
+			previewsRef,
+			loading,
+			loaded,
+			searchVal,
+			total,
+			currentPage,
+			pageSize,
+			pageList,
+			kbase,
+			SearchOutlineIcon,
+			getKbIcon,
+			backClick,
+			addClick,
+			searchValChange,
+			changePage,
+			previewClick,
+			editClick,
+			downloadClick,
+			delClick,
+			copyClick,
+			createChange,
+			getFileType
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.knowledge-details {
+	height: 100%;
+	width: 100%;
+}
+.knowledge-wrapper {
+	height: 100%;
+	width: 100%;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	background-color: var(--baseColor);
+}
+.knowledge-nav {
+	padding: 20px;
+	display: flex;
+	align-items: center;
+	padding-bottom: 0;
+	.nav-back {
+		margin-right: 20px;
+		cursor: pointer;
+	}
+	.nav-info {
+		display: flex;
+		.nav-info-left {
+			margin-right: 20px;
+			.icon-box {
+				width: 46px;
+				height: 46px;
+				border-radius: 6px;
+				background-color: #d1d3d6;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border-radius: 8px;
+				img {
+					width: 32px;
+				}
+			}
+		}
+		.nav-info-right {
+			.nav-title {
+				font-weight: 600;
+				font-size: 16px;
+				line-height: 22px;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				max-width: 200px;
+			}
+			.nav-sub-title {
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				max-width: 200px;
+				color: #5e5e66;
+			}
+		}
+	}
+}
+.knowledge-action {
+	padding: 0 20px 20px 20px;
+}
+.knowledge-content {
+	flex: 1;
+	padding: 20px;
+	overflow-y: auto;
+	box-sizing: border-box;
+	padding-top: 0;
+	.loading-box {
+		width: 100px;
+		margin: 0 auto;
+		margin-top: 30px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		.loading-text {
+			margin-top: 8px;
+		}
+	}
+	.list {
+		display: flex;
+		flex-wrap: wrap;
+		.list-item {
+			width: 380px;
+			height: 156px;
+			display: flex;
+			flex-direction: column;
+			background-color: var(--baseColor);
+			border-radius: 6px;
+			margin-bottom: 16px;
+			margin-right: 16px;
+			border: 1px solid rgb(239, 239, 245);
+			.list-item_top {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				padding: 12px 16px;
+				box-sizing: border-box;
+				overflow: hidden;
+				justify-content: space-around;
+				.info {
+					display: flex;
+					margin-bottom: 8px;
+					.info-left {
+						flex: 0 0 32px;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						width: 32px;
+						height: 32px;
+						margin-right: 16px;
+						img {
+							max-width: 100%;
+							max-height: 100%;
+						}
+					}
+					.info-right {
+						:deep(.i-title) {
+							font-size: 16px;
+							font-weight: 500;
+						}
+					}
+				}
+				:deep(.desc) {
+					font-size: 14px;
+					font-weight: 400;
+					color: rgb(118, 124, 130);
+				}
+				.update-time {
+					font-size: 14px;
+					font-weight: 400;
+					color: rgb(118, 124, 130);
+				}
+				.kb-id {
+					font-size: 14px;
+					font-weight: 400;
+					color: rgb(118, 124, 130);
+					.copy-icon {
+						margin-left: 6px;
+						vertical-align: middle;
+						cursor: pointer;
+					}
+				}
+			}
+			.list-item_bom {
+				height: 48px;
+				border-top: 1px solid #f3f4f6;
+				.btn-group {
+					display: flex;
+					padding: 10px 0;
+					height: 100%;
+					.btn-item {
+						position: relative;
+						flex: 1;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						border-right: 1.5px solid #f3f4f6;
+						&:last-child {
+							border-right: none;
+						}
+						.n-icon {
+							cursor: pointer;
+							&:hover {
+								color: #1890ff;
+							}
+						}
+						.c-icon {
+							&:hover {
+								:deep(path) {
+									fill: #1890ff;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+.knowledge-footer {
+	padding: 20px;
+}
+</style>
diff --git a/src/views/knowledge/list/components/create-dialog.vue b/src/views/knowledge/list/components/create-dialog.vue
new file mode 100644
index 0000000..42ff760
--- /dev/null
+++ b/src/views/knowledge/list/components/create-dialog.vue
@@ -0,0 +1,507 @@
+<template>
+	<n-modal
+		v-model:show="showModal"
+		style="width: 800px; position: fixed; top: 20vh"
+		:title="title"
+		:show-icon="false"
+		:loading="loading"
+		preset="dialog"
+		positive-text="保存"
+    negative-text="取消"
+		:on-after-leave="onAfterLeaveDialog"
+		:on-positive-click="onPositiveClick"
+	>
+		<div class="dialog-content mt-20">
+			<n-form ref="formRef" :model="model" :rules="rules">
+				<n-form-item path="name" label="知识库名称">
+					<n-input v-model:value="model.name" :maxlength="20" placeholder="请输入" @keydown.enter.prevent />
+				</n-form-item>
+				<n-form-item path="desc" label="知识库描述">
+					<n-input
+						v-model:value="model.desc"
+						type="textarea"
+						:maxlength="200"
+						show-count
+						clearable
+						:autosize="{
+							minRows: 3,
+							maxRows: 5
+						}"
+						placeholder="为更好区分不同知识库数据，请填写提升描述检索概率"
+						@keydown.enter.prevent
+					/>
+				</n-form-item>
+				<n-form-item ref="formItemRef" path="tags" :label="`知识库标签（最多${tagsMax}个）`">
+					<n-space vertical>
+						<n-dynamic-tags v-model:value="model.tags" :max="tagsMax" :input-props="{ maxlength: 8 }" type="info" :on-update:value="dynamicTagsUpdate">
+							<template #trigger="{ activate, disabled }">
+								<n-button
+									size="small"
+									type="primary"
+									dashed
+									:disabled="disabled"
+									@click="activate()"
+								>
+									<template #icon>
+										<n-icon>
+											<AddIcon />
+										</n-icon>
+									</template>
+									添加
+								</n-button>
+							</template>
+						</n-dynamic-tags>
+						<n-space style="gap: 8px 0;">
+							<span style="line-height: 28px;">可选标签：</span>
+							<n-space>
+								<n-tag v-for="tag in tagsList" :key="tag.id" v-model:checked="tag.checked" :type="tag.checked ? 'success' : 'default'" :disabled="tag.disabled" checkable @click="tagClick(tag)">
+									{{ tag.name }}
+								</n-tag>
+							</n-space>
+						</n-space>
+					</n-space>
+				</n-form-item>
+				<n-form-item path="kbIcon" label="知识库图标">
+					<div class="kb-content">
+						<div class="kb-left">
+							<div class="icon-box" :style="{ backgroundColor: activeColor }">
+								<img :src="getKbIcon(activeIconKey)" />
+							</div>
+						</div>
+						<div class="kb-right">
+							<div class="color-content">
+								<p class="color-title">选择背景色</p>
+								<div class="color-list">
+									<div
+										v-for="(color, index) in colorList"
+										:key="index"
+										class="color-item"
+										:style="{ backgroundColor: color}"
+										@click="colorClick(color)"
+									>
+										<icon-local-kb-selected v-if="color === activeColor" class="active-icon" />
+									</div>
+								</div>
+							</div>
+							<div class="icon-content">
+								<p class="icon-title">选择图标</p>
+								<div class="icon-list">
+									<div
+										v-for="item in iconList"
+										:key="item.id"
+										class="icon-item"
+										:style="{ backgroundColor: item.key === activeIconKey ? activeColor : ''}"
+										@click="iconClick(item.key)"
+									>
+										<img :src="item.icon" alt="" />
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</n-form-item>
+			</n-form>
+		</div>
+	</n-modal>
+</template>
+
+<script lang="ts">
+import {
+	Add as AddIcon
+} from "@vicons/ionicons5";
+import { ref, watch, nextTick, defineComponent } from 'vue';
+import {
+  FormInst,
+  FormItemInst,
+  FormItemRule,
+  useMessage,
+  FormRules
+} from 'naive-ui';
+import { getKbIcon, kbIconList, kbColorList } from '@/config';
+import { isArray } from "lodash-es";
+import { useKnowledgeStore } from '@/store';
+
+
+interface ModelType {
+  name: string | null
+	desc: string | null
+	kbIcon: string | null,
+	tags: string[]
+}
+
+const mxOptions: any = [
+	{
+		label: '通用模型1',
+		value: '1'
+	},
+	{
+		label: '通用模型2',
+		value: '2'
+	}
+]
+
+const tagsOpts = [
+	{
+		id: 1,
+		name: '金融',
+		checked: false,
+		disabled: false
+	},
+	{
+		id: 2,
+		name: '财务',
+		checked: false,
+		disabled: false
+	},
+	{
+		id: 3,
+		name: '科技',
+		checked: false,
+		disabled: false
+	},
+	{
+		id: 4,
+		name: '汽车',
+		checked: false,
+		disabled: false
+	}
+]
+
+export default defineComponent({
+	components: {
+		AddIcon
+	},
+	emits: ['change'],
+	setup (props, ctx) {
+		const showModal = ref(false);
+		const title = ref('新建知识库');
+		const formRef = ref<FormInst | null>(null);
+		const formItemRef = ref<FormItemInst | null>(null);
+		const activeColor = ref('#1890ff');
+		const activeIconKey = ref('help');
+		const loading = ref(false);
+		const tagsMax = 2;
+		const KBID = ref('');
+		const kbDetails = ref<Knowledge.Base>();
+		const model = ref<ModelType>({
+      name: null,
+			desc: null,
+			kbIcon: activeIconKey.value,
+			tags: []
+    })
+		const tagsList = ref(tagsOpts);
+
+
+		// hooks
+		const message = useMessage()
+		const { addKB, updateKB } = useKnowledgeStore()
+
+
+		// watch
+		watch(() => model.value.tags, (newTags) => {
+			if (newTags.length >= tagsMax) {
+				tagsList.value = tagsList.value.map((item) => {
+					item.disabled = true
+					return item
+				})
+			} else {
+				tagsList.value = tagsList.value.map((item) => {
+					item.disabled = false
+					return item
+				})
+			}
+
+			tagsList.value.forEach(item => {
+				const fIndex = newTags.findIndex(tag => tag === item.name)
+				if (fIndex === -1) {
+					item.checked = false
+				} else {
+					item.checked = true
+				}
+				if (newTags.length >= tagsMax) {
+					if (fIndex !== -1) {
+						item.disabled = false
+					} else {
+						item.disabled = true
+					}
+				}
+			})
+		})
+
+		// methods
+		const onShow = (data: any) => {
+			showModal.value = true;
+			KBID.value = '';
+			kbDetails.value = {} as Knowledge.Base;
+			if (data) {
+				let tags = handleTags(data.KBLabel);
+				KBID.value = data.KBID;
+				model.value.name = data.KBName;
+				model.value.desc = data.KBDesc;
+				activeColor.value = data.KBColor;
+				activeIconKey.value = data.KBBGImg;
+				model.value.tags = tags;
+				kbDetails.value = data;
+			}
+		};
+
+		const onHide = () => {
+			showModal.value = false;
+		};
+
+		const setTitle = (val: string) => {
+			title.value = val
+		}
+
+		const colorClick = (color: string) => {
+			activeColor.value = color
+		}
+
+		const iconClick = (name: string) => {
+			activeIconKey.value = name
+		}
+
+		const rules: FormRules = {
+      name: [
+        {
+          required: true,
+          validator (rule: FormItemRule, value: string) {
+            if (!value) {
+              return new Error('请输入知识库名称')
+            }
+            return true
+          },
+          trigger: ['input', 'blur']
+        }
+      ],
+			desc: [
+        {
+          required: true,
+          validator (rule: FormItemRule, value: string) {
+            if (!value) {
+              return new Error('请输入知识库描述')
+            }
+            return true
+          },
+          trigger: ['input', 'blur']
+        }
+      ],
+			tags: [
+        {
+          required: true,
+          validator (rule: FormItemRule, value: string) {
+            if (isArray(value) && value.length === 0) {
+              return new Error('请添加标签')
+            }
+            return true
+          },
+          trigger: ['input', 'blur']
+        }
+      ],
+			kbIcon: [
+        {
+          required: true,
+          validator (rule: FormItemRule, value: string) {
+            if (!value) {
+              return new Error('请选择图标')
+            }
+            return true
+          },
+          trigger: ['input', 'blur']
+        }
+      ],
+    }
+
+		// methods
+		const handleTags = (val: string) => {
+			let res = []
+			try {
+				res = JSON.parse(val)
+			} catch (error) {}
+			return res
+		}
+
+		const tagClick = (tag: any) => {
+			const tags = model.value.tags
+			const fIndex = tags.findIndex((t: any) => t === tag.name)
+			const list = tags.map(i => i) || []
+
+			if (tag.disabled) return
+
+			if (tag.checked && fIndex === -1) {
+				if (list.length >= 3) return
+				list.push(tag.name)
+				model.value.tags = list
+			} else {
+				list.splice(fIndex, 1)
+				model.value.tags = list
+			}
+			formItemRef.value?.validate()
+		}
+
+		const dynamicTagsUpdate = (value: string[]) => {
+			model.value.tags = Array.from(new Set(value))
+		}
+
+		const onAfterLeaveDialog = () => {
+			model.value.name = null;
+			model.value.desc = null;
+			model.value.tags = [];
+			activeColor.value = '#1890ff';
+			activeIconKey.value = 'help';
+			tagsList.value = tagsOpts;
+		}
+
+		const onPositiveClick = () => {
+			if (loading.value) return false;
+			loading.value = true
+			return new Promise((resolve, reject) => {
+				formRef.value?.validate(async (errors) => {
+					if (!errors) {
+						let results
+						const params = {
+							KBID: '',
+							KBName: model.value.name,
+							KBDesc: model.value.desc,
+							KBLabel: JSON.stringify(model.value.tags),
+							KBColor: activeColor.value,
+							KBBGImg: activeIconKey.value,
+							data: [] as Knowledge.K[]
+						}
+						if (KBID.value) {
+							params.KBID = KBID.value
+							params.data = kbDetails.value?.data || []
+							results = await updateKB(params)
+						} else {
+							results = await addKB(params)
+						}
+						loading.value = false
+						if (results) {
+							resolve(true);
+							message.success(KBID.value ? '更新成功' : '添加成功');
+							ctx.emit('change', true)
+							return false;
+						}
+					}
+					loading.value = false
+					resolve(false)
+				})
+			})
+		}
+
+		return {
+			showModal,
+			formRef,
+			formItemRef,
+			model,
+			rules,
+			title,
+			loading,
+			mxOptions,
+			activeColor,
+			activeIconKey,
+			colorList: kbColorList,
+			iconList: kbIconList,
+			tagsList,
+			tagsMax,
+			onShow,
+			onHide,
+			setTitle,
+			getKbIcon,
+			colorClick,
+			iconClick,
+			tagClick,
+			dynamicTagsUpdate,
+			onPositiveClick,
+			onAfterLeaveDialog
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.mt-20 {
+	margin-top: 20px;
+}
+.dialog-content {
+	.kb-content {
+		display: flex;
+		width: 100%;
+		.kb-left {
+			flex: 0 0 80px;
+			margin-right: 20px;
+			.icon-box {
+				width: 64px;
+				height: 64px;
+				border-radius: 6px;
+				background-color: #d1d3d6;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				img {
+					width: 36px;
+				}
+			}
+		}
+		.kb-right {
+			flex: 1;
+			padding: 20px;
+			background-color: #f4f5f7;
+			border-radius: 8px;
+			padding-bottom: 0;
+			.color-content {
+				.color-title {
+					margin-bottom: 10px;
+					font-weight: 600;
+					font-size: 14px;
+				}
+				.color-list {
+					display: flex;
+					flex-wrap: wrap;
+					.color-item {
+						width: 42px;
+						height: 42px;
+						background-color: #2454ff;
+						margin-right: 20px;
+						margin-bottom: 20px;
+						border-radius: 6px;
+						cursor: pointer;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						.active-icon {
+							font-size: 22px;
+						}
+					}
+				}
+			}
+			.icon-content {
+				.icon-title {
+					margin-bottom: 10px;
+					font-weight: 600;
+					font-size: 14px;
+				}
+				.icon-list {
+					display: flex;
+					flex-wrap: wrap;
+					.icon-item {
+						width: 42px;
+						height: 42px;
+						background-color: #d1d3d6;
+						margin-right: 20px;
+						margin-bottom: 20px;
+						border-radius: 6px;
+						cursor: pointer;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						img {
+							width: 22px;
+						}
+					}
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/src/views/knowledge/list/helpers.ts b/src/views/knowledge/list/helpers.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/knowledge/list/index.vue b/src/views/knowledge/list/index.vue
new file mode 100644
index 0000000..a87e216
--- /dev/null
+++ b/src/views/knowledge/list/index.vue
@@ -0,0 +1,482 @@
+<template>
+	<div class="h-full">
+		<div class="c-container">
+			<div class="c-content">
+				<div class="top-action">
+					<n-button type="info" size="small" style="height: 34px;" color="#1890ff" @click="addClick">
+						<template #icon>
+							<n-icon>
+								<AddIcon />
+							</n-icon>
+						</template>
+						创建知识库
+					</n-button>
+					<n-input style="width: 300px;margin-left: 20px;" type="text" v-model:value="search" round placeholder="请输入知识库名称" :on-input="searchChange">
+						<template #prefix>
+							<n-icon :component="SearchOutline" />
+						</template>
+					</n-input>
+				</div>
+				<div class="main">
+					<div v-if="loading" class="loading-box">
+						<n-spin size="small" />
+						<span class="loading-text">正在加载...</span>
+					</div>
+					<div v-if="!loading && loaded && pageList.length" class="list">
+						<div class="list-item" v-for="item in pageList" :key="item.KBID">
+							<div class="list-item_top">
+								<div class="info">
+									<div class="info-left">
+										<div class="kb-icon-box" :style="{ backgroundColor: item.KBColor || '#1890ff' }">
+											<img :src="getKbIcon(item.KBBGImg || 'help')" />
+										</div>
+									</div>
+									<div class="info-right">
+										<n-ellipsis class="i-title" style="max-width: 290px; position: relative; top: -5px;">
+											{{ item.KBName }}
+											<template #tooltip>
+												<div style="text-align: center; max-width: 290px;">
+													{{ item.KBName }}
+												</div>
+											</template>
+										</n-ellipsis>
+										<div class="tags">
+											<n-space>
+												<n-tag v-for="(tag, index) in getTags(item.KBLabel)" :key="index" type="info" size="small" round>
+													{{ tag }}
+												</n-tag>
+											</n-space>
+										</div>
+									</div>
+								</div>
+								<n-ellipsis class="desc" style="max-width: 360px">
+									{{ item.KBDesc }}
+									<template #tooltip>
+										<div style="text-align: center; max-width: 360px;">
+											{{ item.KBDesc }}
+										</div>
+									</template>
+								</n-ellipsis>
+								<p class="font-num">
+									<span>{{ item.data ? item.data.length : 0 }} 知识</span>
+									<n-divider vertical />
+									<span>{{ item.KBCreateTime }}</span>
+								</p>
+							</div>
+							<div class="list-item_bom">
+								<div class="btn-group">
+									<div class="btn-item">
+										<n-popover trigger="hover">
+											<template #trigger>
+												<n-icon size="20" @click="previewClick(item)">
+													<EyeIcon />
+												</n-icon>
+											</template>
+											<span>查看详情</span>
+										</n-popover>
+									</div>
+									<div class="btn-item">
+										<n-popover trigger="hover">
+											<template #trigger>
+												<n-icon size="20" @click="editClick(item)">
+													<CreateIcon />
+												</n-icon>
+											</template>
+											<span>编辑</span>
+										</n-popover>
+									</div>
+									<div class="btn-item">
+										<n-popconfirm
+											positive-text="确定"
+											@positive-click="delClick(item)"
+										>
+											<template #trigger>
+												<n-popover trigger="hover">
+													<template #trigger>
+														<n-icon size="20">
+															<TrashIcon />
+														</n-icon>
+													</template>
+													<span>删除</span>
+												</n-popover>
+											</template>
+											确定删除该知识库？
+										</n-popconfirm>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<n-empty v-if="!loading && loaded && pageList.length === 0" style="margin-top: 30px;" description="暂无数据" />
+				</div>
+				<div class="footer">
+					<n-pagination :item-count="total" :page-size="pageSize" :page="currentPage" :on-update:page="changePage">
+						<template #prefix="{ itemCount }">
+							共 {{ itemCount }} 条
+						</template>
+					</n-pagination>
+				</div>
+			</div>
+		</div>
+
+		<!-- 弹框 -->
+		<CreateDialog ref="createRef" @change="createChange" />
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	ref,
+	computed,
+	watch,
+	defineComponent
+} from "vue";
+import {
+	TrashOutline as TrashIcon,
+	Add as AddIcon,
+	CreateOutline as CreateIcon,
+	EyeOutline as EyeIcon,
+	SearchOutline,
+	DownloadOutline as DownloadIcon
+} from "@vicons/ionicons5";
+import { NButton, useMessage, useDialog } from "naive-ui";
+import { routeName } from '@/router';
+import { useRouterPush } from '@/composables';
+import CreateDialog from './components/create-dialog.vue';
+import { getKbIcon } from '@/config';
+import { useKnowledgeStore } from '@/store';
+
+
+type RowData = {
+	[key: string]: any;
+};
+
+export default defineComponent({
+	name: "ComponentConfigInfo",
+	components: {
+		TrashIcon,
+		AddIcon,
+		CreateIcon,
+		EyeIcon,
+		DownloadIcon,
+		CreateDialog
+	},
+	setup() {
+		const search = ref("");
+		const submitLoading = ref(false);
+		const pageList = ref<RowData[]>([]);
+		const currentPage = ref(1);
+		const total = ref(0);
+		const pageSize = ref(30);
+		const loading = ref(false);
+		const loaded = ref(true);
+		const createRef = ref();
+		const delLoading = ref(false);
+
+		// hooks
+		const message = useMessage();
+		const dialog = useDialog();
+		const { routerPush } = useRouterPush();
+		const knowledge = useKnowledgeStore();
+
+		// methods
+		const init = async () => {
+			loading.value = true;
+			await knowledge.getKBList()
+			getPageList()
+		}
+		init()
+
+		const getPageList = () => {
+			let list: Knowledge.Base[] = knowledge.knowledgeBaseList;
+			if (search.value) {
+				list = list.filter((item: any) => {
+					const name: string = item.KBName || "";
+					return name.includes(search.value);
+				});
+			}
+			total.value = list.length;
+			pageList.value = list.slice((currentPage.value - 1) * pageSize.value, currentPage.value * pageSize.value) || [];
+			loading.value = false;
+			loaded.value = true;
+		};
+
+		const createChange = () => {
+			getPageList()
+		}
+
+		// 跳转创建知识库页面
+		const addClick = () => {
+			createRef.value.setTitle('新建知识库')
+			createRef.value.onShow()
+		};
+
+		const previewClick = (row: any) => {
+			routerPush({ name: routeName('knowledge_details'), query: { id: row.KBID } });
+		};
+
+		const editClick = (row: any) => {
+			createRef.value.onShow(row)
+			createRef.value.setTitle('编辑知识库')
+		};
+
+		const delClick = async (row: any) => {
+			if (delLoading.value) return
+			delLoading.value = true
+			const results = await knowledge.deleteKB(row.KBID);
+			delLoading.value = false
+			if (results) {
+				getPageList()
+				message.success('删除成功');
+			}
+		};
+
+		const getTags = (val: string) => {
+			let res = []
+			try {
+				res = JSON.parse(val)
+			} catch (error) {}
+			return res
+		}
+
+		let timer: any = null
+		const searchChange = (value: any) => {
+			if (timer) {
+				clearTimeout(timer)
+			}
+
+			timer = setTimeout(() => {
+				currentPage.value = 1;
+				getPageList();
+			}, 1000)
+		}
+
+		const changePage = (page: number) => {
+			currentPage.value = page;
+			getPageList();
+		}
+
+		const queryClick = () => {
+			getPageList();
+		};
+
+		const submitClick = async () => {
+
+		};
+
+		return {
+			search,
+			pageList,
+			submitLoading,
+			SearchOutline,
+			currentPage,
+			pageSize,
+			total,
+			loading,
+			loaded,
+			createRef,
+			getKbIcon,
+			changePage,
+			searchChange,
+			queryClick,
+			previewClick,
+			addClick,
+			delClick,
+			editClick,
+			submitClick,
+			createChange,
+			getTags
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.c-container {
+	height: 100%;
+	width: 100%;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	background-color: var(--baseColor);
+	.c-content {
+		position: absolute;
+		width: 100%;
+		top: 0;
+		bottom: 0;
+		display: flex;
+		flex-direction: column;
+		padding: 20px;
+		.header {
+			// min-height: 90px;
+			border: 1px solid var(--n-border-color);
+			margin: 10px 10px 5px;
+			flex-shrink: 0;
+			border: 1px solid rgb(239, 239, 245);
+			.search-box {
+				padding: 20px 24px;
+				.input {
+					display: inline-flex;
+					align-items: center;
+					margin-right: 20px;
+					.value {
+						width: 150px;
+						margin-left: 10px;
+					}
+				}
+			}
+		}
+		.body {
+			flex: 1;
+			overflow-y: auto;
+			margin: 5px 10px 10px;
+			border: 1px solid rgb(239, 239, 245);
+			display: flex;
+			flex-direction: column;
+			.top-bar {
+				min-height: 54px;
+				border-bottom: 1px solid rgb(239, 239, 245);
+				display: flex;
+				justify-content: space-between;
+				.top-bar-actionbar {
+					margin: 10px;
+				}
+			}
+			.table {
+				flex: 1;
+				padding: 10px;
+			}
+		}
+		.footer {
+			flex-shrink: 0;
+			margin-top: 20px;
+		}
+
+		.top-action {
+			margin-bottom: 20px;
+			display: flex;
+			align-items: center;
+		}
+
+		.main {
+			flex: 1;
+			overflow-y: auto;
+			.loading-box {
+				width: 100px;
+				margin: 0 auto;
+				margin-top: 30px;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				.loading-text {
+					margin-top: 8px;
+				}
+			}
+			.list {
+				height: initial;
+				display: flex;
+				flex-wrap: wrap;
+				.list-item {
+					width: 380px;
+					height: 176px;
+					display: flex;
+					flex-direction: column;
+					background-color: var(--baseColor);
+					border-radius: 6px;
+					margin-bottom: 16px;
+					margin-right: 16px;
+					border: 1px solid rgb(239, 239, 245);
+					.list-item_top {
+						flex: 1;
+						display: flex;
+						flex-direction: column;
+						padding: 12px 16px;
+						box-sizing: border-box;
+						overflow: hidden;
+						padding-bottom: 4px;
+						.info {
+							display: flex;
+							margin-bottom: 8px;
+							.info-left {
+								flex: 0 0 36px;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								width: 32px;
+								height: 32px;
+								margin-right: 16px;
+								.kb-icon-box {
+									width: 36px;
+									height: 36px;
+									border-radius: 6px;
+									background-color: #d1d3d6;
+									display: flex;
+									align-items: center;
+									justify-content: center;
+									border-radius: 8px;
+									img {
+										width: 24px;
+									}
+								}
+							}
+							.info-right {
+								:deep(.i-title) {
+									font-size: 16px;
+									font-weight: 500;
+								}
+							}
+						}
+						:deep(.desc) {
+							flex: 1;
+							font-size: 14px;
+							font-weight: 400;
+							color: rgb(118, 124, 130);
+						}
+						.font-num {
+							font-size: 14px;
+							font-weight: 400;
+							color: rgb(118, 124, 130);
+						}
+					}
+					.list-item_bom {
+						height: 48px;
+						border-top: 1px solid #f3f4f6;
+						.btn-group {
+							display: flex;
+							padding: 10px 0;
+							height: 100%;
+							.btn-item {
+								position: relative;
+								flex: 1;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								border-right: 1.5px solid #f3f4f6;
+								&:last-child {
+									border-right: none;
+								}
+								.n-icon {
+									cursor: pointer;
+									&:hover {
+										color: #1890ff;
+									}
+
+								}
+								.c-icon {
+									&:hover {
+										:deep(path) {
+											fill: #1890ff;
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/src/views/management/auth/index.vue b/src/views/management/auth/index.vue
new file mode 100644
index 0000000..d9e1233
--- /dev/null
+++ b/src/views/management/auth/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>权限管理</div>
+</template>
+
+<script setup lang="tsx"></script>
+
+<style scoped></style>
diff --git a/src/views/management/role/index.vue b/src/views/management/role/index.vue
new file mode 100644
index 0000000..3f1b143
--- /dev/null
+++ b/src/views/management/role/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>角色管理</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/management/route/index.vue b/src/views/management/route/index.vue
new file mode 100644
index 0000000..f42651c
--- /dev/null
+++ b/src/views/management/route/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>路由管理</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/management/user/components/column-setting.vue b/src/views/management/user/components/column-setting.vue
new file mode 100644
index 0000000..a7835f4
--- /dev/null
+++ b/src/views/management/user/components/column-setting.vue
@@ -0,0 +1,69 @@
+<template>
+  <n-popover placement="bottom" trigger="click">
+    <template #trigger>
+      <n-button size="small" type="primary">
+        <icon-ant-design-setting-outlined class="mr-4px text-16px" />
+        表格列设置
+      </n-button>
+    </template>
+    <div class="w-180px">
+      <vue-draggable v-model="list" item-key="key">
+        <template #item="{ element }">
+          <div v-if="element.key" class="flex-y-center h-36px px-12px hover:bg-primary_active">
+            <icon-mdi-drag class="mr-8px text-20px cursor-move" />
+            <n-checkbox v-model:checked="element.checked">
+              {{ element.title }}
+            </n-checkbox>
+          </div>
+        </template>
+      </vue-draggable>
+    </div>
+  </n-popover>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+import type { DataTableColumn } from 'naive-ui';
+import VueDraggable from 'vuedraggable';
+
+type Column = DataTableColumn<UserManagement.User>;
+
+interface Props {
+  columns: Column[];
+}
+
+const props = defineProps<Props>();
+
+interface Emits {
+  (e: 'update:columns', columns: Column[]): void;
+}
+
+const emit = defineEmits<Emits>();
+
+type List = Column & { checked?: boolean };
+
+const list = ref(initList());
+
+function initList(): List[] {
+  return props.columns.map(item => ({ ...item, checked: true }));
+}
+
+watch(
+  list,
+  newValue => {
+    const newColumns = newValue.filter(item => item.checked);
+
+    const columns: Column[] = newColumns.map(item => {
+      const column = { ...item };
+      delete column.checked;
+
+      return column;
+    }) as Column[];
+
+    emit('update:columns', columns);
+  },
+  { deep: true }
+);
+</script>
+
+<style scoped></style>
diff --git a/src/views/management/user/components/table-action-modal.vue b/src/views/management/user/components/table-action-modal.vue
new file mode 100644
index 0000000..83159e2
--- /dev/null
+++ b/src/views/management/user/components/table-action-modal.vue
@@ -0,0 +1,150 @@
+<template>
+  <n-modal v-model:show="modalVisible" preset="card" :title="title" class="w-700px">
+    <n-form ref="formRef" label-placement="left" :label-width="80" :model="formModel" :rules="rules">
+      <n-grid :cols="24" :x-gap="18">
+        <n-form-item-grid-item :span="12" label="用户名" path="userName">
+          <n-input v-model:value="formModel.userName" />
+        </n-form-item-grid-item>
+        <n-form-item-grid-item :span="12" label="年龄" path="age">
+          <n-input-number v-model:value="formModel.age" clearable />
+        </n-form-item-grid-item>
+        <n-form-item-grid-item :span="12" label="性别" path="gender">
+          <n-radio-group v-model:value="formModel.gender">
+            <n-radio v-for="item in genderOptions" :key="item.value" :value="item.value">{{ item.label }}</n-radio>
+          </n-radio-group>
+        </n-form-item-grid-item>
+        <n-form-item-grid-item :span="12" label="手机号" path="phone">
+          <n-input v-model:value="formModel.phone" />
+        </n-form-item-grid-item>
+        <n-form-item-grid-item :span="12" label="邮箱" path="email">
+          <n-input v-model:value="formModel.email" />
+        </n-form-item-grid-item>
+        <n-form-item-grid-item :span="12" label="状态" path="userStatus">
+          <n-select v-model:value="formModel.userStatus" :options="userStatusOptions" />
+        </n-form-item-grid-item>
+      </n-grid>
+      <n-space class="w-full pt-16px" :size="24" justify="end">
+        <n-button class="w-72px" @click="closeModal">取消</n-button>
+        <n-button class="w-72px" type="primary" @click="handleSubmit">确定</n-button>
+      </n-space>
+    </n-form>
+  </n-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, reactive, watch } from 'vue';
+import type { FormInst, FormItemRule } from 'naive-ui';
+import { genderOptions, userStatusOptions } from '@/constants';
+import { formRules, createRequiredFormRule } from '@/utils';
+
+export interface Props {
+  /** 弹窗可见性 */
+  visible: boolean;
+  /**
+   * 弹窗类型
+   * add: 新增
+   * edit: 编辑
+   */
+  type?: 'add' | 'edit';
+  /** 编辑的表格行数据 */
+  editData?: UserManagement.User | null;
+}
+
+export type ModalType = NonNullable<Props['type']>;
+
+defineOptions({ name: 'TableActionModal' });
+
+const props = withDefaults(defineProps<Props>(), {
+  type: 'add',
+  editData: null
+});
+
+interface Emits {
+  (e: 'update:visible', visible: boolean): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const modalVisible = computed({
+  get() {
+    return props.visible;
+  },
+  set(visible) {
+    emit('update:visible', visible);
+  }
+});
+const closeModal = () => {
+  modalVisible.value = false;
+};
+
+const title = computed(() => {
+  const titles: Record<ModalType, string> = {
+    add: '添加用户',
+    edit: '编辑用户'
+  };
+  return titles[props.type];
+});
+
+const formRef = ref<HTMLElement & FormInst>();
+
+type FormModel = Pick<UserManagement.User, 'userName' | 'age' | 'gender' | 'phone' | 'email' | 'userStatus'>;
+
+const formModel = reactive<FormModel>(createDefaultFormModel());
+
+const rules: Record<keyof FormModel, FormItemRule | FormItemRule[]> = {
+  userName: createRequiredFormRule('请输入用户名'),
+  age: createRequiredFormRule('请输入年龄'),
+  gender: createRequiredFormRule('请选择性别'),
+  phone: formRules.phone,
+  email: formRules.email,
+  userStatus: createRequiredFormRule('请选择用户状态')
+};
+
+function createDefaultFormModel(): FormModel {
+  return {
+    userName: '',
+    age: null,
+    gender: null,
+    phone: '',
+    email: null,
+    userStatus: null
+  };
+}
+
+function handleUpdateFormModel(model: Partial<FormModel>) {
+  Object.assign(formModel, model);
+}
+
+function handleUpdateFormModelByModalType() {
+  const handlers: Record<ModalType, () => void> = {
+    add: () => {
+      const defaultFormModel = createDefaultFormModel();
+      handleUpdateFormModel(defaultFormModel);
+    },
+    edit: () => {
+      if (props.editData) {
+        handleUpdateFormModel(props.editData);
+      }
+    }
+  };
+
+  handlers[props.type]();
+}
+
+async function handleSubmit() {
+  await formRef.value?.validate();
+  window.$message?.success('新增成功!');
+  closeModal();
+}
+
+watch(
+  () => props.visible,
+  newValue => {
+    if (newValue) {
+      handleUpdateFormModelByModalType();
+    }
+  }
+);
+</script>
+
+<style scoped></style>
diff --git a/src/views/management/user/index.vue b/src/views/management/user/index.vue
new file mode 100644
index 0000000..d27769c
--- /dev/null
+++ b/src/views/management/user/index.vue
@@ -0,0 +1,203 @@
+<template>
+  <div class="h-full overflow-hidden">
+    <n-card title="用户管理" :bordered="false" class="rounded-16px shadow-sm">
+      <n-space class="pb-12px" justify="space-between">
+        <n-space>
+          <n-button type="primary" @click="handleAddTable">
+            <icon-ic-round-plus class="mr-4px text-20px" />
+            新增
+          </n-button>
+          <n-button type="error">
+            <icon-ic-round-delete class="mr-4px text-20px" />
+            删除
+          </n-button>
+          <n-button type="success">
+            <icon-uil:export class="mr-4px text-20px" />
+            导出Excel
+          </n-button>
+        </n-space>
+        <n-space align="center" :size="18">
+          <n-button size="small" type="primary" @click="getTableData">
+            <icon-mdi-refresh class="mr-4px text-16px" :class="{ 'animate-spin': loading }" />
+            刷新表格
+          </n-button>
+          <column-setting v-model:columns="columns" />
+        </n-space>
+      </n-space>
+      <n-data-table :columns="columns" :data="tableData" :loading="loading" :pagination="pagination" />
+      <table-action-modal v-model:visible="visible" :type="modalType" :edit-data="editData" />
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { reactive, ref } from 'vue';
+import type { Ref } from 'vue';
+import { NButton, NPopconfirm, NSpace, NTag } from 'naive-ui';
+import type { DataTableColumns, PaginationProps } from 'naive-ui';
+import { genderLabels, userStatusLabels } from '@/constants';
+import { fetchUserList } from '@/service';
+import { useBoolean, useLoading } from '@/hooks';
+import TableActionModal from './components/table-action-modal.vue';
+import type { ModalType } from './components/table-action-modal.vue';
+import ColumnSetting from './components/column-setting.vue';
+
+const { loading, startLoading, endLoading } = useLoading(false);
+const { bool: visible, setTrue: openModal } = useBoolean();
+
+const tableData = ref<UserManagement.User[]>([]);
+function setTableData(data: UserManagement.User[]) {
+  tableData.value = data;
+}
+
+async function getTableData() {
+  startLoading();
+  const { data } = await fetchUserList();
+  if (data) {
+    setTimeout(() => {
+      setTableData(data);
+      endLoading();
+    }, 1000);
+  }
+}
+
+const columns: Ref<DataTableColumns<UserManagement.User>> = ref([
+  {
+    type: 'selection',
+    align: 'center'
+  },
+  {
+    key: 'index',
+    title: '序号',
+    align: 'center'
+  },
+  {
+    key: 'userName',
+    title: '用户名',
+    align: 'center'
+  },
+  {
+    key: 'age',
+    title: '用户年龄',
+    align: 'center'
+  },
+  {
+    key: 'gender',
+    title: '性别',
+    align: 'center',
+    render: row => {
+      if (row.gender) {
+        const tagTypes: Record<UserManagement.GenderKey, NaiveUI.ThemeColor> = {
+          '0': 'success',
+          '1': 'warning'
+        };
+
+        return <NTag type={tagTypes[row.gender]}>{genderLabels[row.gender]}</NTag>;
+      }
+
+      return <span></span>;
+    }
+  },
+  {
+    key: 'phone',
+    title: '手机号码',
+    align: 'center'
+  },
+  {
+    key: 'email',
+    title: '邮箱',
+    align: 'center'
+  },
+  {
+    key: 'userStatus',
+    title: '状态',
+    align: 'center',
+    render: row => {
+      if (row.userStatus) {
+        const tagTypes: Record<UserManagement.UserStatusKey, NaiveUI.ThemeColor> = {
+          '1': 'success',
+          '2': 'error',
+          '3': 'warning',
+          '4': 'default'
+        };
+
+        return <NTag type={tagTypes[row.userStatus]}>{userStatusLabels[row.userStatus]}</NTag>;
+      }
+      return <span></span>;
+    }
+  },
+  {
+    key: 'actions',
+    title: '操作',
+    align: 'center',
+    render: row => {
+      return (
+        <NSpace justify={'center'}>
+          <NButton size={'small'} onClick={() => handleEditTable(row.id)}>
+            编辑
+          </NButton>
+          <NPopconfirm onPositiveClick={() => handleDeleteTable(row.id)}>
+            {{
+              default: () => '确认删除',
+              trigger: () => <NButton size={'small'}>删除</NButton>
+            }}
+          </NPopconfirm>
+        </NSpace>
+      );
+    }
+  }
+]) as Ref<DataTableColumns<UserManagement.User>>;
+
+const modalType = ref<ModalType>('add');
+
+function setModalType(type: ModalType) {
+  modalType.value = type;
+}
+
+const editData = ref<UserManagement.User | null>(null);
+
+function setEditData(data: UserManagement.User | null) {
+  editData.value = data;
+}
+
+function handleAddTable() {
+  openModal();
+  setModalType('add');
+}
+
+function handleEditTable(rowId: string) {
+  const findItem = tableData.value.find(item => item.id === rowId);
+  if (findItem) {
+    setEditData(findItem);
+  }
+  setModalType('edit');
+  openModal();
+}
+
+function handleDeleteTable(rowId: string) {
+  window.$message?.info(`点击了删除，rowId为${rowId}`);
+}
+
+const pagination: PaginationProps = reactive({
+  page: 1,
+  pageSize: 10,
+  showSizePicker: true,
+  pageSizes: [10, 15, 20, 25, 30],
+  onChange: (page: number) => {
+    pagination.page = page;
+  },
+  onUpdatePageSize: (pageSize: number) => {
+    pagination.pageSize = pageSize;
+    pagination.page = 1;
+  }
+});
+
+function init() {
+  getTableData();
+}
+
+// 初始化
+init();
+</script>
+
+<style scoped></style>
diff --git a/src/views/multi-menu/first/second-new/third/index.vue b/src/views/multi-menu/first/second-new/third/index.vue
new file mode 100644
index 0000000..01d5f05
--- /dev/null
+++ b/src/views/multi-menu/first/second-new/third/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="h-full">
+    <n-card title="多级菜单 - 三级菜单" class="h-full shadow-sm rounded-16px"></n-card>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/multi-menu/first/second/index.vue b/src/views/multi-menu/first/second/index.vue
new file mode 100644
index 0000000..9bdf7d3
--- /dev/null
+++ b/src/views/multi-menu/first/second/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="h-full">
+    <n-card title="多级菜单 - 二级菜单" class="h-full shadow-sm rounded-16px"></n-card>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/plugin/charts/antv/index.vue b/src/views/plugin/charts/antv/index.vue
new file mode 100644
index 0000000..c7617e8
--- /dev/null
+++ b/src/views/plugin/charts/antv/index.vue
@@ -0,0 +1,482 @@
+<template>
+  <n-space :vertical="true" :size="16">
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="pieRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="lineRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="barRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="scatterRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="areaRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="radarRef" class="h-400px"></div>
+    </n-card>
+  </n-space>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import DataSet from '@antv/data-set';
+import { Chart } from '@antv/g2';
+
+const pieRef = ref<HTMLElement>();
+const lineRef = ref<HTMLElement>();
+const barRef = ref<HTMLElement>();
+const scatterRef = ref<HTMLElement>();
+const areaRef = ref<HTMLElement>();
+const radarRef = ref<HTMLElement>();
+
+function renderPieChart() {
+  if (!pieRef.value) return;
+
+  const data = [
+    { item: 'rose 1', count: 40, percent: 0.4 },
+    { item: 'rose 2', count: 40, percent: 0.4 },
+    { item: 'rose 3', count: 40, percent: 0.4 },
+    { item: 'rose 4', count: 40, percent: 0.4 },
+    { item: 'rose 5', count: 21, percent: 0.21 },
+    { item: 'rose 6', count: 17, percent: 0.17 },
+    { item: 'rose 7', count: 13, percent: 0.13 },
+    { item: 'rose 8', count: 9, percent: 0.09 }
+  ];
+
+  const chart = new Chart({
+    container: pieRef.value,
+    autoFit: true
+  });
+
+  chart.data(data);
+
+  chart.coordinate('theta', {
+    radius: 0.85
+  });
+
+  chart.scale('percent', {
+    formatter: (val: number) => `${val * 100}%`
+  });
+  chart.tooltip({
+    showTitle: false,
+    showMarkers: false
+  });
+  chart.legend({ position: 'top' });
+  chart.axis(false); // 关闭坐标轴
+  chart
+    .interval()
+    .adjust('stack')
+    .position('percent')
+    .color('item')
+    .label('percent', {
+      offset: -40,
+      style: {
+        textAlign: 'center',
+        shadowBlur: 2,
+        shadowColor: 'rgba(0, 0, 0, .45)',
+        fill: '#fff'
+      }
+    })
+    .tooltip('item*percent', (item, percent) => {
+      return {
+        name: item,
+        value: `${percent * 100}%`
+      };
+    })
+    .style({
+      lineWidth: 1,
+      stroke: '#fff'
+    });
+  chart.interaction('element-single-selected');
+  chart.render();
+}
+
+function renderLineChart() {
+  fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/terrorism.json')
+    .then(res => res.json())
+    .then(data => {
+      const ds = new DataSet();
+      if (!lineRef.value) return;
+
+      const chart = new Chart({
+        container: lineRef.value,
+        autoFit: true,
+        syncViewPadding: true
+      });
+
+      chart.scale({
+        Deaths: {
+          sync: true,
+          nice: true
+        },
+        death: {
+          sync: true,
+          nice: true
+        }
+      });
+
+      const dv1 = ds.createView().source(data);
+      dv1.transform({
+        type: 'map',
+        callback: (row: any) => {
+          const currentRow = { ...row };
+          if (typeof row.Deaths === 'string') {
+            currentRow.Deaths = row.Deaths.replace(',', '');
+          }
+          currentRow.Deaths = parseInt(row.Deaths, 10);
+          currentRow.death = row.Deaths;
+          currentRow.year = row.Year;
+          return currentRow;
+        }
+      });
+      const view1 = chart.createView();
+      view1.data(dv1.rows);
+      view1.axis('Year', {
+        subTickLine: {
+          count: 3,
+          length: 3
+        },
+        tickLine: {
+          length: 6
+        }
+      });
+      view1.axis('Deaths', {
+        label: {
+          formatter: text => {
+            return text.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
+          }
+        }
+      });
+      view1.line().position('Year*Deaths');
+
+      const dv2 = ds.createView().source(dv1.rows);
+      dv2.transform({
+        type: 'regression',
+        method: 'polynomial',
+        fields: ['year', 'death'],
+        bandwidth: 0.1,
+        as: ['year', 'death']
+      });
+
+      const view2 = chart.createView();
+      view2.axis(false);
+      view2.data(dv2.rows);
+      view2
+        .line()
+        .position('year*death')
+        .style({
+          stroke: '#969696',
+          lineDash: [3, 3]
+        })
+        .tooltip(false);
+      view1.annotation().text({
+        content: '趋势线',
+        position: ['1970', 2500],
+        style: {
+          fill: '#8c8c8c',
+          fontSize: 14,
+          fontWeight: 300
+        },
+        offsetY: -70
+      });
+      chart.render();
+    });
+}
+
+function renderBarChart() {
+  if (!barRef.value) return;
+
+  const data = [
+    { type: '未知', value: 654, percent: 0.02 },
+    { type: '17 岁以下', value: 654, percent: 0.02 },
+    { type: '18-24 岁', value: 4400, percent: 0.2 },
+    { type: '25-29 岁', value: 5300, percent: 0.24 },
+    { type: '30-39 岁', value: 6200, percent: 0.28 },
+    { type: '40-49 岁', value: 3300, percent: 0.14 },
+    { type: '50 岁以上', value: 1500, percent: 0.06 }
+  ];
+
+  const chart = new Chart({
+    container: barRef.value,
+    autoFit: true,
+    height: 500,
+    padding: [50, 20, 50, 20]
+  });
+  chart.data(data);
+  chart.scale('value', {
+    alias: '销售额(万)'
+  });
+
+  chart.axis('type', {
+    tickLine: {
+      alignTick: false
+    }
+  });
+  chart.axis('value', false);
+
+  chart.tooltip({
+    showMarkers: false
+  });
+  chart.interval().position('type*value');
+  chart.interaction('element-active');
+
+  // 添加文本标注
+  data.forEach(item => {
+    chart
+      .annotation()
+      .text({
+        position: [item.type, item.value],
+        content: item.value,
+        style: {
+          textAlign: 'center'
+        },
+        offsetY: -30
+      })
+      .text({
+        position: [item.type, item.value],
+        content: `${(item.percent * 100).toFixed(0)}%`,
+        style: {
+          textAlign: 'center'
+        },
+        offsetY: -12
+      });
+  });
+  chart.render();
+}
+
+function renderScatterChart() {
+  const colorMap = {
+    Asia: '#1890FF',
+    Americas: '#2FC25B',
+    Europe: '#FACC14',
+    Oceania: '#223273'
+  };
+
+  fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/bubble.json')
+    .then(res => res.json())
+    .then(data => {
+      if (!scatterRef.value) return;
+      const chart = new Chart({
+        container: scatterRef.value,
+        autoFit: true,
+        height: 500
+      });
+      chart.data(data);
+      // 为各个字段设置别名
+      chart.scale({
+        LifeExpectancy: {
+          alias: '人均寿命（年）',
+          nice: true
+        },
+        Population: {
+          type: 'pow',
+          alias: '人口总数'
+        },
+        GDP: {
+          alias: '人均国内生产总值($)',
+          nice: true
+        },
+        Country: {
+          alias: '国家/地区'
+        }
+      });
+      chart.axis('GDP', {
+        label: {
+          formatter(value) {
+            return `${(Number(value) / 1000).toFixed(0)}k`;
+          } // 格式化坐标轴的显示
+        }
+      });
+      chart.tooltip({
+        showTitle: false,
+        showMarkers: false
+      });
+      chart.legend('Population', false); // 该图表默认会生成多个图例，设置不展示 Population 和 Country 两个维度的图例
+      chart
+        .point()
+        .position('GDP*LifeExpectancy')
+        .size('Population', [4, 65])
+        .color('continent', val => {
+          const key = val as keyof typeof colorMap;
+          return colorMap[key];
+        })
+        .shape('circle')
+        .tooltip('Country*Population*GDP*LifeExpectancy')
+        .style('continent', val => {
+          const key = val as keyof typeof colorMap;
+          return {
+            lineWidth: 1,
+            strokeOpacity: 1,
+            fillOpacity: 0.3,
+            opacity: 0.65,
+            stroke: colorMap[key]
+          };
+        });
+      chart.interaction('element-active');
+      chart.render();
+    });
+}
+
+function renderAreaChart() {
+  if (!areaRef.value) return;
+
+  const data = [
+    { country: 'Asia', year: '1750', value: 502 },
+    { country: 'Asia', year: '1800', value: 635 },
+    { country: 'Asia', year: '1850', value: 809 },
+    { country: 'Asia', year: '1900', value: 5268 },
+    { country: 'Asia', year: '1950', value: 4400 },
+    { country: 'Asia', year: '1999', value: 3634 },
+    { country: 'Asia', year: '2050', value: 947 },
+    { country: 'Africa', year: '1750', value: 106 },
+    { country: 'Africa', year: '1800', value: 107 },
+    { country: 'Africa', year: '1850', value: 111 },
+    { country: 'Africa', year: '1900', value: 1766 },
+    { country: 'Africa', year: '1950', value: 221 },
+    { country: 'Africa', year: '1999', value: 767 },
+    { country: 'Africa', year: '2050', value: 133 },
+    { country: 'Europe', year: '1750', value: 163 },
+    { country: 'Europe', year: '1800', value: 203 },
+    { country: 'Europe', year: '1850', value: 276 },
+    { country: 'Europe', year: '1900', value: 628 },
+    { country: 'Europe', year: '1950', value: 547 },
+    { country: 'Europe', year: '1999', value: 729 },
+    { country: 'Europe', year: '2050', value: 408 },
+    { country: 'Oceania', year: '1750', value: 200 },
+    { country: 'Oceania', year: '1800', value: 200 },
+    { country: 'Oceania', year: '1850', value: 200 },
+    { country: 'Oceania', year: '1900', value: 460 },
+    { country: 'Oceania', year: '1950', value: 230 },
+    { country: 'Oceania', year: '1999', value: 300 },
+    { country: 'Oceania', year: '2050', value: 300 }
+  ];
+  const chart = new Chart({
+    container: areaRef.value,
+    autoFit: true,
+    height: 500
+  });
+
+  chart.data(data);
+  chart.scale('year', {
+    type: 'linear',
+    tickInterval: 50
+  });
+  chart.scale('value', {
+    nice: true
+  });
+
+  chart.tooltip({
+    showCrosshairs: true,
+    shared: true
+  });
+
+  chart.area().adjust('stack').position('year*value').color('country');
+  chart.line().adjust('stack').position('year*value').color('country');
+
+  chart.interaction('element-highlight');
+
+  chart.render();
+}
+
+function renderRadarChart() {
+  if (!radarRef.value) return;
+
+  const data = [
+    { item: 'Design', a: 70, b: 30 },
+    { item: 'Development', a: 60, b: 70 },
+    { item: 'Marketing', a: 50, b: 60 },
+    { item: 'Users', a: 40, b: 50 },
+    { item: 'Test', a: 60, b: 70 },
+    { item: 'Language', a: 70, b: 50 },
+    { item: 'Technology', a: 50, b: 40 },
+    { item: 'Support', a: 30, b: 40 },
+    { item: 'Sales', a: 60, b: 40 },
+    { item: 'UX', a: 50, b: 60 }
+  ];
+  const { DataView } = DataSet;
+  const dv = new DataView().source(data);
+  dv.transform({
+    type: 'fold',
+    fields: ['a', 'b'], // 展开字段集
+    key: 'user', // key字段
+    value: 'score' // value字段
+  });
+
+  const chart = new Chart({
+    container: radarRef.value,
+    autoFit: true,
+    height: 500
+  });
+  chart.data(dv.rows);
+  chart.scale('score', {
+    min: 0,
+    max: 80
+  });
+  chart.coordinate('polar', {
+    radius: 0.8
+  });
+  chart.tooltip({
+    shared: true,
+    showCrosshairs: true,
+    crosshairs: {
+      line: {
+        style: {
+          lineDash: [4, 4],
+          stroke: '#333'
+        }
+      }
+    }
+  });
+  chart.axis('item', {
+    line: null,
+    tickLine: null,
+    grid: {
+      line: {
+        style: {
+          lineDash: null
+        }
+      }
+    }
+  });
+  chart.axis('score', {
+    line: null,
+    tickLine: null,
+    grid: {
+      line: {
+        type: 'line',
+        style: {
+          lineDash: null
+        }
+      }
+    }
+  });
+
+  chart.line().position('item*score').color('user').size(2);
+  chart.point().position('item*score').color('user').shape('circle').size(4).style({
+    stroke: '#fff',
+    lineWidth: 1,
+    fillOpacity: 1
+  });
+  chart.area().position('item*score').color('user');
+  chart.render();
+}
+
+function init() {
+  renderPieChart();
+  renderLineChart();
+  renderBarChart();
+  renderScatterChart();
+  renderAreaChart();
+  renderRadarChart();
+}
+
+onMounted(() => {
+  init();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/charts/echarts/index.vue b/src/views/plugin/charts/echarts/index.vue
new file mode 100644
index 0000000..7ad4a2c
--- /dev/null
+++ b/src/views/plugin/charts/echarts/index.vue
@@ -0,0 +1,783 @@
+<template>
+  <n-space :vertical="true" :size="16">
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="pieRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="lineRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="barRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="pictorialBarRef" class="h-600px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="scatterRef" class="h-600px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="radarRef" class="h-400px"></div>
+    </n-card>
+    <n-card :bordered="false" class="rounded-16px shadow-sm">
+      <div ref="gaugeRef" class="h-640px"></div>
+    </n-card>
+  </n-space>
+</template>
+
+<script setup lang="ts">
+import { onUnmounted, ref } from 'vue';
+import type { Ref } from 'vue';
+import { graphic } from 'echarts';
+import { type ECOption, useEcharts } from '@/composables';
+
+const pieOptions = ref<ECOption>({
+  legend: {},
+  toolbox: {
+    show: true,
+    feature: {
+      mark: { show: true },
+      dataView: { show: true, readOnly: false },
+      restore: { show: true },
+      saveAsImage: { show: true }
+    }
+  },
+  series: [
+    {
+      name: 'Nightingale Chart',
+      type: 'pie',
+      radius: [50, 150],
+      center: ['50%', '50%'],
+      roseType: 'area',
+      itemStyle: {
+        borderRadius: 8
+      },
+      data: [
+        { value: 40, name: 'rose 1' },
+        { value: 38, name: 'rose 2' },
+        { value: 32, name: 'rose 3' },
+        { value: 30, name: 'rose 4' },
+        { value: 28, name: 'rose 5' },
+        { value: 26, name: 'rose 6' },
+        { value: 22, name: 'rose 7' },
+        { value: 18, name: 'rose 8' }
+      ]
+    }
+  ]
+}) as Ref<ECOption>;
+const { domRef: pieRef } = useEcharts(pieOptions);
+
+const lineOptions = ref<ECOption>({
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'cross',
+      label: {
+        backgroundColor: '#6a7985'
+      }
+    }
+  },
+  title: {
+    text: 'Stacked Line'
+  },
+  legend: {
+    data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+  },
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '3%',
+    containLabel: true
+  },
+  toolbox: {
+    feature: {
+      saveAsImage: {}
+    }
+  },
+  xAxis: {
+    type: 'category',
+    boundaryGap: false,
+    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+  },
+  yAxis: {
+    type: 'value'
+  },
+  series: [
+    {
+      color: '#37a2da',
+      name: 'Email',
+      type: 'line',
+      smooth: true,
+      stack: 'Total',
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0.25,
+              color: '#37a2da'
+            },
+            {
+              offset: 1,
+              color: '#fff'
+            }
+          ]
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      data: [120, 132, 101, 134, 90, 230, 210]
+    },
+    {
+      color: '#9fe6b8',
+      name: 'Union Ads',
+      type: 'line',
+      smooth: true,
+      stack: 'Total',
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0.25,
+              color: '#9fe6b8'
+            },
+            {
+              offset: 1,
+              color: '#fff'
+            }
+          ]
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      data: [220, 182, 191, 234, 290, 330, 310]
+    },
+    {
+      color: '#fedb5c',
+      name: 'Video Ads',
+      type: 'line',
+      smooth: true,
+      stack: 'Total',
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0.25,
+              color: '#fedb5c'
+            },
+            {
+              offset: 1,
+              color: '#fff'
+            }
+          ]
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      data: [150, 232, 201, 154, 190, 330, 410]
+    },
+    {
+      color: '#fb7293',
+      name: 'Direct',
+      type: 'line',
+      smooth: true,
+      stack: 'Total',
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0.25,
+              color: '#fb7293'
+            },
+            {
+              offset: 1,
+              color: '#fff'
+            }
+          ]
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      data: [320, 332, 301, 334, 390, 330, 320]
+    },
+    {
+      color: '#e7bcf3',
+      name: 'Search Engine',
+      type: 'line',
+      smooth: true,
+      stack: 'Total',
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0.25,
+              color: '#e7bcf3'
+            },
+            {
+              offset: 1,
+              color: '#fff'
+            }
+          ]
+        }
+      },
+      emphasis: {
+        focus: 'series'
+      },
+      data: [820, 932, 901, 934, 1290, 1330, 1320]
+    }
+  ]
+}) as Ref<ECOption>;
+const { domRef: lineRef } = useEcharts(lineOptions);
+
+const barOptions = ref<ECOption>({
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'cross',
+      label: {
+        backgroundColor: '#6a7985'
+      }
+    }
+  },
+  xAxis: {
+    type: 'category',
+    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+  },
+  yAxis: {
+    type: 'value'
+  },
+  series: [
+    {
+      data: [120, 200, 150, 80, 70, 110, 130],
+      type: 'bar',
+      color: '#8378ea',
+      showBackground: true,
+      barGap: 100,
+      itemStyle: {
+        borderRadius: [40, 40, 0, 0]
+      },
+      backgroundStyle: {
+        color: 'rgba(180, 180, 180, 0.2)'
+      }
+    }
+  ]
+}) as Ref<ECOption>;
+const { domRef: barRef } = useEcharts(barOptions);
+
+const pictorialBarOption = ref<ECOption>(getPictorialBarOption()) as Ref<ECOption>;
+const { domRef: pictorialBarRef } = useEcharts(pictorialBarOption);
+function getPictorialBarOption(): ECOption {
+  const category: string[] = [];
+  let dottedBase = Number(new Date());
+  const lineData: number[] = [];
+  const barData: number[] = [];
+
+  for (let i = 0; i < 20; i += 1) {
+    const date = new Date((dottedBase += 3600 * 24 * 1000));
+    category.push([date.getFullYear(), date.getMonth() + 1, date.getDate()].join('-'));
+    const b = Math.random() * 200;
+    const d = Math.random() * 200;
+    barData.push(b);
+    lineData.push(d + b);
+  }
+
+  const options: ECOption = {
+    backgroundColor: '#0f375f',
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'shadow'
+      }
+    },
+    legend: {
+      data: ['line', 'bar'],
+      textStyle: {
+        color: '#ccc'
+      }
+    },
+    xAxis: {
+      data: category,
+      axisLine: {
+        lineStyle: {
+          color: '#ccc'
+        }
+      }
+    },
+    yAxis: {
+      splitLine: { show: false },
+      axisLine: {
+        lineStyle: {
+          color: '#ccc'
+        }
+      }
+    },
+    series: [
+      {
+        name: 'line',
+        type: 'line',
+        smooth: true,
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 15,
+        data: lineData
+      },
+      {
+        name: 'bar',
+        type: 'bar',
+        barWidth: 10,
+        itemStyle: {
+          borderRadius: 5,
+          color: new graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: '#14c8d4' },
+            { offset: 1, color: '#43eec6' }
+          ])
+        },
+        data: barData
+      },
+      {
+        name: 'line',
+        type: 'bar',
+        barGap: '-100%',
+        barWidth: 10,
+        itemStyle: {
+          color: new graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: 'rgba(20,200,212,0.5)' },
+            { offset: 0.2, color: 'rgba(20,200,212,0.2)' },
+            { offset: 1, color: 'rgba(20,200,212,0)' }
+          ])
+        },
+        z: -12,
+        data: lineData
+      },
+      {
+        name: 'dotted',
+        type: 'pictorialBar',
+        symbol: 'rect',
+        itemStyle: {
+          color: '#0f375f'
+        },
+        symbolRepeat: true,
+        symbolSize: [12, 4],
+        symbolMargin: 1,
+        z: -10,
+        data: lineData
+      }
+    ]
+  };
+
+  return options;
+}
+
+const scatterOptions = ref<ECOption>(getScatterOption()) as Ref<ECOption>;
+const { domRef: scatterRef } = useEcharts(scatterOptions);
+
+function getScatterOption() {
+  // prettier-ignore
+  const hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a', '7a', '8a', '9a','10a','11a', '12p', '1p', '2p', '3p', '4p', '5p', '6p', '7p', '8p', '9p', '10p', '11p'];
+
+  // prettier-ignore
+  const days = ['Saturday', 'Friday', 'Thursday', 'Wednesday', 'Tuesday', 'Monday', 'Sunday'];
+
+  // prettier-ignore
+  const data: [number, number, number][] = [[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]];
+
+  const title: echarts.TitleComponentOption[] = [];
+  const singleAxis: echarts.SingleAxisComponentOption[] = [];
+  const series: echarts.ScatterSeriesOption[] = [];
+
+  days.forEach((day, idx) => {
+    title.push({
+      textBaseline: 'middle',
+      top: `${((idx + 0.5) * 100) / 7}%`,
+      text: day
+    });
+    singleAxis.push({
+      left: 150,
+      type: 'category',
+      boundaryGap: false,
+      data: hours,
+      top: `${(idx * 100) / 7 + 5}%`,
+      height: `${100 / 7 - 10}%`,
+      axisLabel: {
+        interval: 2
+      }
+    });
+    series.push({
+      singleAxisIndex: idx,
+      coordinateSystem: 'singleAxis',
+      type: 'scatter',
+      data: [],
+      symbolSize(dataItem) {
+        return dataItem[1] * 4;
+      }
+    });
+  });
+
+  data.forEach(dataItem => {
+    (series as any)[dataItem[0]].data.push([dataItem[1], dataItem[2]]);
+  });
+
+  const option: ECOption = {
+    tooltip: {
+      position: 'top'
+    },
+    title,
+    singleAxis,
+    series: series as any
+  };
+
+  return option;
+}
+
+const radarOptions = ref<ECOption>({
+  title: {
+    text: 'Multiple Radar'
+  },
+  tooltip: {
+    trigger: 'axis'
+  },
+  legend: {
+    left: 'center',
+    data: ['A Software', 'A Phone', 'Another Phone', 'Precipitation', 'Evaporation']
+  },
+  radar: [
+    {
+      indicator: [
+        { name: 'Brand', max: 100 },
+        { name: 'Content', max: 100 },
+        { name: 'Usability', max: 100 },
+        { name: 'Function', max: 100 }
+      ],
+      center: ['25%', '40%'],
+      radius: 80
+    },
+    {
+      indicator: [
+        { name: 'Look', max: 100 },
+        { name: 'Photo', max: 100 },
+        { name: 'System', max: 100 },
+        { name: 'Performance', max: 100 },
+        { name: 'Screen', max: 100 }
+      ],
+      radius: 80,
+      center: ['50%', '60%']
+    },
+    {
+      indicator: (() => {
+        const res = [];
+        for (let i = 1; i <= 12; i += 1) {
+          res.push({ name: `${i}月`, max: 100 });
+        }
+        return res;
+      })(),
+      center: ['75%', '40%'],
+      radius: 80
+    }
+  ],
+  series: [
+    {
+      type: 'radar',
+      tooltip: {
+        trigger: 'item'
+      },
+      areaStyle: {},
+      data: [
+        {
+          value: [60, 73, 85, 40],
+          name: 'A Software'
+        }
+      ]
+    },
+    {
+      type: 'radar',
+      radarIndex: 1,
+      areaStyle: {},
+      data: [
+        {
+          value: [85, 90, 90, 95, 95],
+          name: 'A Phone'
+        },
+        {
+          value: [95, 80, 95, 90, 93],
+          name: 'Another Phone'
+        }
+      ]
+    },
+    {
+      type: 'radar',
+      radarIndex: 2,
+      areaStyle: {},
+      data: [
+        {
+          name: 'Precipitation',
+          value: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 75.6, 82.2, 48.7, 18.8, 6.0, 2.3]
+        },
+        {
+          name: 'Evaporation',
+          value: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 35.6, 62.2, 32.6, 20.0, 6.4, 3.3]
+        }
+      ]
+    }
+  ]
+}) as Ref<ECOption>;
+const { domRef: radarRef } = useEcharts(radarOptions);
+
+const gaugeOptions = ref<ECOption>({
+  series: [
+    {
+      name: 'hour',
+      type: 'gauge',
+      startAngle: 90,
+      endAngle: -270,
+      min: 0,
+      max: 12,
+      splitNumber: 12,
+      clockwise: true,
+      axisLine: {
+        lineStyle: {
+          width: 15,
+          color: [[1, 'rgba(0,0,0,0.7)']],
+          shadowColor: 'rgba(0, 0, 0, 0.5)',
+          shadowBlur: 15
+        }
+      },
+      splitLine: {
+        lineStyle: {
+          shadowColor: 'rgba(0, 0, 0, 0.3)',
+          shadowBlur: 3,
+          shadowOffsetX: 1,
+          shadowOffsetY: 2
+        }
+      },
+      axisLabel: {
+        fontSize: 50,
+        distance: 25,
+        formatter(value) {
+          if (value === 0) {
+            return '';
+          }
+          return `${value}`;
+        }
+      },
+      anchor: {
+        show: true,
+        icon: 'path://M532.8,70.8C532.8,70.8,532.8,70.8,532.8,70.8L532.8,70.8C532.7,70.8,532.8,70.8,532.8,70.8z M456.1,49.6c-2.2-6.2-8.1-10.6-15-10.6h-37.5v10.6h37.5l0,0c2.9,0,5.3,2.4,5.3,5.3c0,2.9-2.4,5.3-5.3,5.3v0h-22.5c-1.5,0.1-3,0.4-4.3,0.9c-4.5,1.6-8.1,5.2-9.7,9.8c-0.6,1.7-0.9,3.4-0.9,5.3v16h10.6v-16l0,0l0,0c0-2.7,2.1-5,4.7-5.3h10.3l10.4,21.2h11.8l-10.4-21.2h0c6.9,0,12.8-4.4,15-10.6c0.6-1.7,0.9-3.5,0.9-5.3C457,53,456.7,51.2,456.1,49.6z M388.9,92.1h11.3L381,39h-3.6h-11.3L346.8,92v0h11.3l3.9-10.7h7.3h7.7l3.9-10.6h-7.7h-7.3l7.7-21.2v0L388.9,92.1z M301,38.9h-10.6v53.1H301V70.8h28.4l3.7-10.6H301V38.9zM333.2,38.9v10.6v10.7v31.9h10.6V38.9H333.2z M249.5,81.4L249.5,81.4L249.5,81.4c-2.9,0-5.3-2.4-5.3-5.3h0V54.9h0l0,0c0-2.9,2.4-5.3,5.3-5.3l0,0l0,0h33.6l3.9-10.6h-37.5c-1.9,0-3.6,0.3-5.3,0.9c-4.5,1.6-8.1,5.2-9.7,9.7c-0.6,1.7-0.9,3.5-0.9,5.3l0,0v21.3c0,1.9,0.3,3.6,0.9,5.3c1.6,4.5,5.2,8.1,9.7,9.7c1.7,0.6,3.5,0.9,5.3,0.9h33.6l3.9-10.6H249.5z M176.8,38.9v10.6h49.6l3.9-10.6H176.8z M192.7,81.4L192.7,81.4L192.7,81.4c-2.9,0-5.3-2.4-5.3-5.3l0,0v-5.3h38.9l3.9-10.6h-53.4v10.6v5.3l0,0c0,1.9,0.3,3.6,0.9,5.3c1.6,4.5,5.2,8.1,9.7,9.7c1.7,0.6,3.4,0.9,5.3,0.9h23.4h10.2l3.9-10.6l0,0H192.7z M460.1,38.9v10.6h21.4v42.5h10.6V49.6h17.5l3.8-10.6H460.1z M541.6,68.2c-0.2,0.1-0.4,0.3-0.7,0.4C541.1,68.4,541.4,68.3,541.6,68.2L541.6,68.2z M554.3,60.2h-21.6v0l0,0c-2.9,0-5.3-2.4-5.3-5.3c0-2.9,2.4-5.3,5.3-5.3l0,0l0,0h33.6l3.8-10.6h-37.5l0,0c-6.9,0-12.8,4.4-15,10.6c-0.6,1.7-0.9,3.5-0.9,5.3c0,1.9,0.3,3.7,0.9,5.3c2.2,6.2,8.1,10.6,15,10.6h21.6l0,0c2.9,0,5.3,2.4,5.3,5.3c0,2.9-2.4,5.3-5.3,5.3l0,0h-37.5v10.6h37.5c6.9,0,12.8-4.4,15-10.6c0.6-1.7,0.9-3.5,0.9-5.3c0-1.9-0.3-3.7-0.9-5.3C567.2,64.6,561.3,60.2,554.3,60.2z',
+        showAbove: false,
+        offsetCenter: [0, '-35%'],
+        size: 120,
+        keepAspect: true,
+        itemStyle: {
+          color: '#707177'
+        }
+      },
+      pointer: {
+        icon: 'path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z',
+        width: 12,
+        length: '55%',
+        offsetCenter: [0, '8%'],
+        itemStyle: {
+          color: '#C0911F',
+          shadowColor: 'rgba(0, 0, 0, 0.3)',
+          shadowBlur: 8,
+          shadowOffsetX: 2,
+          shadowOffsetY: 4
+        }
+      },
+      detail: {
+        show: false
+      },
+      title: {
+        offsetCenter: [0, '30%']
+      },
+      data: [
+        {
+          value: 0
+        }
+      ]
+    },
+    {
+      name: 'minute',
+      type: 'gauge',
+      startAngle: 90,
+      endAngle: -270,
+      min: 0,
+      max: 60,
+      clockwise: true,
+      axisLine: {
+        show: false
+      },
+      splitLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        show: false
+      },
+      pointer: {
+        icon: 'path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z',
+        width: 8,
+        length: '70%',
+        offsetCenter: [0, '8%'],
+        itemStyle: {
+          color: '#C0911F',
+          shadowColor: 'rgba(0, 0, 0, 0.3)',
+          shadowBlur: 8,
+          shadowOffsetX: 2,
+          shadowOffsetY: 4
+        }
+      },
+      anchor: {
+        show: true,
+        size: 20,
+        showAbove: false,
+        itemStyle: {
+          borderWidth: 15,
+          borderColor: '#C0911F',
+          shadowColor: 'rgba(0, 0, 0, 0.3)',
+          shadowBlur: 8,
+          shadowOffsetX: 2,
+          shadowOffsetY: 4
+        }
+      },
+      detail: {
+        show: false
+      },
+      title: {
+        offsetCenter: ['0%', '-40%']
+      },
+      data: [
+        {
+          value: 0
+        }
+      ]
+    },
+    {
+      name: 'second',
+      type: 'gauge',
+      startAngle: 90,
+      endAngle: -270,
+      min: 0,
+      max: 60,
+      animationEasingUpdate: 'bounceOut',
+      clockwise: true,
+      axisLine: {
+        show: false
+      },
+      splitLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        show: false
+      },
+      pointer: {
+        icon: 'path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z',
+        width: 4,
+        length: '85%',
+        offsetCenter: [0, '8%'],
+        itemStyle: {
+          color: '#C0911F',
+          shadowColor: 'rgba(0, 0, 0, 0.3)',
+          shadowBlur: 8,
+          shadowOffsetX: 2,
+          shadowOffsetY: 4
+        }
+      },
+      anchor: {
+        show: true,
+        size: 15,
+        showAbove: true,
+        itemStyle: {
+          color: '#C0911F',
+          shadowColor: 'rgba(0, 0, 0, 0.3)',
+          shadowBlur: 8,
+          shadowOffsetX: 2,
+          shadowOffsetY: 4
+        }
+      },
+      detail: {
+        show: false
+      },
+      title: {
+        offsetCenter: ['0%', '-40%']
+      },
+      data: [
+        {
+          value: 0
+        }
+      ]
+    }
+  ]
+}) as Ref<ECOption>;
+
+let intervalId: NodeJS.Timer;
+const { domRef: gaugeRef } = useEcharts(gaugeOptions, chart => {
+  intervalId = setInterval(() => {
+    const date = new Date();
+    const second = date.getSeconds();
+    const minute = date.getMinutes() + second / 60;
+    const hour = (date.getHours() % 12) + minute / 60;
+
+    chart.setOption({
+      animationDurationUpdate: 300,
+      series: [
+        {
+          name: 'hour',
+          animation: hour !== 0,
+          data: [{ value: hour }]
+        },
+        {
+          name: 'minute',
+          animation: minute !== 0,
+          data: [{ value: minute }]
+        },
+        {
+          animation: second !== 0,
+          name: 'second',
+          data: [{ value: second }]
+        }
+      ]
+    });
+  }, 1000);
+});
+function clearClock() {
+  clearInterval(intervalId);
+}
+
+onUnmounted(() => {
+  clearClock();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/copy/index.vue b/src/views/plugin/copy/index.vue
new file mode 100644
index 0000000..c636f01
--- /dev/null
+++ b/src/views/plugin/copy/index.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="h-full">
+    <n-card title="文本复制" class="h-full shadow-sm rounded-16px">
+      <n-input-group>
+        <n-input v-model:value="source" placeholder="请输入要复制的内容吧" />
+        <n-button type="primary" @click="handleCopy">复制</n-button>
+      </n-input-group>
+    </n-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { useClipboard } from '@vueuse/core';
+
+const source = ref('');
+const { copy, isSupported } = useClipboard();
+
+function handleCopy() {
+  if (!isSupported) {
+    window.$message?.error('您的浏览器不支持Clipboard API');
+    return;
+  }
+  if (!source.value) {
+    window.$message?.error('请输入要复制的内容');
+    return;
+  }
+  copy(source.value);
+  window.$message?.success(`复制成功：${source.value}`);
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/editor/markdown/index.vue b/src/views/plugin/editor/markdown/index.vue
new file mode 100644
index 0000000..1d5708d
--- /dev/null
+++ b/src/views/plugin/editor/markdown/index.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="h-full">
+    <n-card title="markdown插件" class="shadow-sm rounded-16px">
+      <div ref="domRef"></div>
+      <template #footer>
+        <github-link link="https://github.com/Vanessa219/vditor" />
+      </template>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref, watch } from 'vue';
+import Vditor from 'vditor';
+import 'vditor/dist/index.css';
+import { useThemeStore } from '@/store';
+
+const theme = useThemeStore();
+
+const vditor = ref<Vditor>();
+const domRef = ref<HTMLElement>();
+
+function renderVditor() {
+  if (!domRef.value) return;
+  vditor.value = new Vditor(domRef.value, {
+    minHeight: 400,
+    theme: theme.darkMode ? 'dark' : 'classic',
+    icon: 'material',
+    cache: { enable: false }
+  });
+}
+
+const stopHandle = watch(
+  () => theme.darkMode,
+  newValue => {
+    const themeMode = newValue ? 'dark' : 'classic';
+    vditor.value?.setTheme(themeMode);
+  }
+);
+
+onMounted(() => {
+  renderVditor();
+});
+
+onUnmounted(() => {
+  stopHandle();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/editor/quill/index.vue b/src/views/plugin/editor/quill/index.vue
new file mode 100644
index 0000000..9447bd2
--- /dev/null
+++ b/src/views/plugin/editor/quill/index.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="h-full">
+    <n-card title="富文本插件" class="shadow-sm rounded-16px">
+      <div ref="domRef" class="bg-white dark:bg-dark"></div>
+      <template #footer>
+        <github-link link="https://github.com/wangeditor-team/wangEditor" />
+      </template>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import WangEditor from 'wangeditor';
+
+const editor = ref<WangEditor>();
+const domRef = ref<HTMLElement>();
+
+function renderWangEditor() {
+  editor.value = new WangEditor(domRef.value);
+  setEditorConfig();
+  editor.value.create();
+}
+
+function setEditorConfig() {
+  if (editor.value?.config?.zIndex) {
+    editor.value.config.zIndex = 10;
+  }
+}
+
+onMounted(() => {
+  renderWangEditor();
+});
+</script>
+
+<style scoped>
+:deep(.w-e-toolbar) {
+  background: inherit !important;
+  border-color: #999 !important;
+}
+:deep(.w-e-text-container) {
+  background: inherit;
+  border-color: #999 !important;
+}
+</style>
diff --git a/src/views/plugin/icon/icons.ts b/src/views/plugin/icon/icons.ts
new file mode 100644
index 0000000..1af7574
--- /dev/null
+++ b/src/views/plugin/icon/icons.ts
@@ -0,0 +1,32 @@
+export const icons = [
+  'mdi:emoticon',
+  'mdi:ab-testing',
+  'ph:alarm',
+  'ph:android-logo',
+  'ph:align-bottom',
+  'ph:archive-box-light',
+  'uil:basketball',
+  'uil:brightness-plus',
+  'uil:capture',
+  'mdi:apps-box',
+  'mdi:alert',
+  'mdi:airballoon',
+  'mdi:airplane-edit',
+  'mdi:alpha-f-box-outline',
+  'mdi:arm-flex-outline',
+  'ic:baseline-10mp',
+  'ic:baseline-access-time',
+  'ic:baseline-brightness-4',
+  'ic:baseline-brightness-5',
+  'ic:baseline-credit-card',
+  'ic:baseline-filter-1',
+  'ic:baseline-filter-2',
+  'ic:baseline-filter-3',
+  'ic:baseline-filter-4',
+  'ic:baseline-filter-5',
+  'ic:baseline-filter-6',
+  'ic:baseline-filter-7',
+  'ic:baseline-filter-8',
+  'ic:baseline-filter-9',
+  'ic:baseline-filter-9-plus'
+];
diff --git a/src/views/plugin/icon/index.vue b/src/views/plugin/icon/index.vue
new file mode 100644
index 0000000..b538579
--- /dev/null
+++ b/src/views/plugin/icon/index.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="h-full">
+    <n-card title="Icon组件示例" class="shadow-sm rounded-16px">
+      <div class="grid grid-cols-10">
+        <template v-for="item in icons" :key="item">
+          <div class="mt-5px flex-x-center">
+            <svg-icon :icon="item" class="text-30px" />
+          </div>
+        </template>
+      </div>
+      <div class="mt-50px">
+        <h1 class="mb-20px text-18px font-500">Icon图标选择器</h1>
+        <icon-select v-model:value="selectValue" :icons="icons" />
+      </div>
+      <template #footer>
+        <web-site-link label="iconify地址：" link="https://icones.js.org/" class="mt-10px" />
+      </template>
+    </n-card>
+    <n-card title="自定义图标示例" class="mt-10px shadow-sm rounded-16px">
+      <div class="pb-12px text-16px">
+        在src/assets/svg-icon文件夹下的svg文件，通过在template里面以 icon-local-{文件名} 直接渲染,
+        其中icon-local为.env文件里的 VITE_ICON_LOCAL_PREFFIX
+      </div>
+      <div class="grid grid-cols-10">
+        <div class="mt-5px flex-x-center">
+          <icon-local-activity class="text-40px text-success" />
+        </div>
+        <div class="mt-5px flex-x-center">
+          <icon-local-cast class="text-20px text-error" />
+        </div>
+      </div>
+      <div class="py-12px text-16px">通过SvgIcon组件动态渲染, 菜单通过meta的localIcon属性渲染自定义图标</div>
+      <div class="grid grid-cols-10">
+        <div v-for="(fileName, index) in localIcons" :key="index" class="mt-5px flex-x-center">
+          <svg-icon :local-icon="fileName" class="text-30px text-primary" />
+        </div>
+      </div>
+    </n-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { icons } from './icons';
+
+const selectValue = ref('');
+
+const localIcons = ['custom-icon', 'activity', 'at-sign', 'cast', 'chrome', 'copy', 'wind'];
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/map/components/baidu-map.vue b/src/views/plugin/map/components/baidu-map.vue
new file mode 100644
index 0000000..90e9a5c
--- /dev/null
+++ b/src/views/plugin/map/components/baidu-map.vue
@@ -0,0 +1,30 @@
+<template>
+  <div ref="domRef" class="w-full h-full"></div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { useScriptTag } from '@vueuse/core';
+import { BAIDU_MAP_SDK_URL } from '@/config';
+
+defineOptions({ name: 'BaiduMap' });
+
+const { load } = useScriptTag(BAIDU_MAP_SDK_URL);
+
+const domRef = ref<HTMLDivElement>();
+
+async function renderMap() {
+  await load(true);
+  if (!domRef.value) return;
+  const map = new BMap.Map(domRef.value);
+  const point = new BMap.Point(114.05834626586915, 22.546789983033168);
+  map.centerAndZoom(point, 15);
+  map.enableScrollWheelZoom();
+}
+
+onMounted(() => {
+  renderMap();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/map/components/gaode-map.vue b/src/views/plugin/map/components/gaode-map.vue
new file mode 100644
index 0000000..8f99846
--- /dev/null
+++ b/src/views/plugin/map/components/gaode-map.vue
@@ -0,0 +1,32 @@
+<template>
+  <div ref="domRef" class="w-full h-full"></div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { useScriptTag } from '@vueuse/core';
+import { GAODE_MAP_SDK_URL } from '@/config';
+
+defineOptions({ name: 'GaodeMap' });
+
+const { load } = useScriptTag(GAODE_MAP_SDK_URL);
+
+const domRef = ref<HTMLDivElement>();
+
+async function renderMap() {
+  await load(true);
+  if (!domRef.value) return;
+  const map = new AMap.Map(domRef.value, {
+    zoom: 11,
+    center: [114.05834626586915, 22.546789983033168],
+    viewMode: '3D'
+  });
+  map.getCenter();
+}
+
+onMounted(() => {
+  renderMap();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/map/components/index.ts b/src/views/plugin/map/components/index.ts
new file mode 100644
index 0000000..b4a518f
--- /dev/null
+++ b/src/views/plugin/map/components/index.ts
@@ -0,0 +1,5 @@
+import BaiduMap from './baidu-map.vue';
+import GaodeMap from './gaode-map.vue';
+import TencentMap from './tencent-map.vue';
+
+export { BaiduMap, GaodeMap, TencentMap };
diff --git a/src/views/plugin/map/components/tencent-map.vue b/src/views/plugin/map/components/tencent-map.vue
new file mode 100644
index 0000000..83d3589
--- /dev/null
+++ b/src/views/plugin/map/components/tencent-map.vue
@@ -0,0 +1,32 @@
+<template>
+  <div ref="domRef" class="w-full h-full"></div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { useScriptTag } from '@vueuse/core';
+import { TENCENT_MAP_SDK_URL } from '@/config';
+
+defineOptions({ name: 'TencentMap' });
+
+const { load } = useScriptTag(TENCENT_MAP_SDK_URL);
+
+const domRef = ref<HTMLDivElement | null>(null);
+
+async function renderMap() {
+  await load(true);
+  if (!domRef.value) return;
+  // eslint-disable-next-line no-new
+  new TMap.Map(domRef.value, {
+    center: new TMap.LatLng(39.98412, 116.307484),
+    zoom: 11,
+    viewMode: '3D'
+  });
+}
+
+onMounted(() => {
+  renderMap();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/map/index.vue b/src/views/plugin/map/index.vue
new file mode 100644
index 0000000..9217c63
--- /dev/null
+++ b/src/views/plugin/map/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="h-full">
+    <n-card title="地图插件" class="h-full shadow-sm rounded-16px" content-style="overflow:hidden">
+      <n-tabs type="line" class="flex-col-stretch h-full" pane-class="flex-1-hidden">
+        <n-tab-pane v-for="item in maps" :key="item.id" :name="item.id" :tab="item.label">
+          <component :is="item.component" />
+        </n-tab-pane>
+      </n-tabs>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Component } from 'vue';
+import { BaiduMap, GaodeMap, TencentMap } from './components';
+
+interface Map {
+  id: string;
+  label: string;
+  component: Component;
+}
+
+const maps: Map[] = [
+  { id: 'gaode', label: '高德地图', component: GaodeMap },
+  { id: 'tencent', label: '腾讯地图', component: TencentMap },
+  { id: 'baidu', label: '百度地图', component: BaiduMap }
+];
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/print/index.vue b/src/views/plugin/print/index.vue
new file mode 100644
index 0000000..bcfcd0c
--- /dev/null
+++ b/src/views/plugin/print/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="h-full">
+    <n-card title="打印" class="shadow-sm rounded-16px">
+      <n-button type="primary" class="mr-10px" @click="printTable">打印表格</n-button>
+      <n-button type="primary" @click="printImage">打印图片</n-button>
+      <template #footer>
+        <github-link label="printJS：" link="https://github.com/crabbly/Print.js" class="mt-10px" />
+      </template>
+    </n-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import printJS from 'print-js';
+
+function printTable() {
+  printJS({
+    printable: [
+      { name: 'soybean', wechat: 'honghuangdc', remark: '欢迎来技术交流' },
+      { name: 'soybean', wechat: 'honghuangdc', remark: '欢迎来技术交流' }
+    ],
+    properties: ['name', 'wechat', 'remark'],
+    type: 'json'
+  });
+}
+function printImage() {
+  printJS({
+    printable: [
+      'https://i.loli.net/2021/11/24/1J6REWXiHomU2kM.jpg',
+      'https://i.loli.net/2021/11/24/1J6REWXiHomU2kM.jpg'
+    ],
+    type: 'image',
+    header: 'Multiple Images',
+    imageStyle: 'width:100%;'
+  });
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/swiper/index.vue b/src/views/plugin/swiper/index.vue
new file mode 100644
index 0000000..86eabf2
--- /dev/null
+++ b/src/views/plugin/swiper/index.vue
@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <n-card title="Swiper插件" class="shadow-sm rounded-16px">
+      <n-space :vertical="true">
+        <github-link link="https://github.com/nolimits4web/swiper" />
+        <web-site-link label="vue3版文档地址：" link="https://swiperjs.com/vue" />
+        <web-site-link label="插件demo地址：" link="https://swiperjs.com/demos" />
+      </n-space>
+      <n-space :vertical="true">
+        <div v-for="item in swiperExample" :key="item.id">
+          <h3 class="py-24px text-24px font-bold">{{ item.label }}</h3>
+          <swiper v-bind="item.options">
+            <swiper-slide v-for="i in 5" :key="i">
+              <div class="flex-center h-240px border-1px border-#999 text-18px font-bold">Slide{{ i }}</div>
+            </swiper-slide>
+          </swiper>
+        </div>
+      </n-space>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import SwiperCore, { Navigation, Pagination } from 'swiper';
+import { Swiper, SwiperSlide } from 'swiper/vue';
+import type { SwiperOptions } from 'swiper';
+
+type SwiperExampleOptions = Pick<
+  SwiperOptions,
+  'navigation' | 'pagination' | 'scrollbar' | 'slidesPerView' | 'slidesPerGroup' | 'spaceBetween' | 'direction' | 'loop'
+>;
+
+interface SwiperExample {
+  id: number;
+  label: string;
+  options: Partial<SwiperExampleOptions>;
+}
+
+SwiperCore.use([Navigation, Pagination]);
+
+const swiperExample: SwiperExample[] = [
+  { id: 0, label: 'Default', options: {} },
+  {
+    id: 1,
+    label: 'Navigation',
+    options: {
+      navigation: true
+    }
+  },
+  {
+    id: 2,
+    label: 'Pagination',
+    options: {
+      pagination: true
+    }
+  },
+  {
+    id: 3,
+    label: 'Pagination dynamic',
+    options: {
+      pagination: { dynamicBullets: true }
+    }
+  },
+  {
+    id: 4,
+    label: 'Pagination progress',
+    options: {
+      navigation: true,
+      pagination: {
+        type: 'progressbar'
+      }
+    }
+  },
+  {
+    id: 5,
+    label: 'Pagination fraction',
+    options: {
+      navigation: true,
+      pagination: {
+        type: 'fraction'
+      }
+    }
+  },
+  {
+    id: 6,
+    label: 'Slides per view',
+    options: {
+      pagination: {
+        clickable: true
+      },
+      slidesPerView: 3,
+      spaceBetween: 30
+    }
+  },
+  {
+    id: 7,
+    label: 'Infinite loop',
+    options: {
+      navigation: true,
+      pagination: {
+        clickable: true
+      },
+      loop: true
+    }
+  }
+];
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/video/index.vue b/src/views/plugin/video/index.vue
new file mode 100644
index 0000000..1975ef3
--- /dev/null
+++ b/src/views/plugin/video/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="h-full">
+    <n-card title="视频播放器插件" class="h-full shadow-sm rounded-16px">
+      <div ref="domRef" class=""></div>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref } from 'vue';
+import Player from 'xgplayer';
+
+const domRef = ref<HTMLElement>();
+const player = ref<Player>();
+
+function renderXgPlayer() {
+  if (!domRef.value) return;
+  const url = 'https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4';
+  player.value = new Player({
+    el: domRef.value,
+    url,
+    playbackRate: [0.5, 0.75, 1, 1.5, 2],
+    fluid: true
+  });
+}
+function destroyXgPlayer() {
+  player.value?.destroy();
+}
+
+onMounted(() => {
+  renderXgPlayer();
+});
+
+onUnmounted(() => {
+  destroyXgPlayer();
+});
+</script>
+
+<style scoped></style>
diff --git a/src/views/source-management/api.ts b/src/views/source-management/api.ts
new file mode 100644
index 0000000..4afbd49
--- /dev/null
+++ b/src/views/source-management/api.ts
@@ -0,0 +1,47 @@
+import { request } from '@/service/request';
+// import qs from 'qs';
+
+type FormDataType = {
+	[key: string]: any;
+}
+
+type AddQuery = {
+	[key: string]: any;
+}
+
+type delQuery = {
+	[key: string]: any;
+}
+
+type updateQuery = {
+	[key: string]: any;
+}
+
+function resHandle(res: any) {
+  return res.data;
+}
+
+export async function GetDetails(data: FormDataType) {
+	const res = await request.post(`/config/data`, data);
+  return resHandle(res);
+}
+
+export async function DelObj(data: delQuery) {
+  const res = await request.post(`/config/del`, data);
+  return resHandle(res);
+}
+
+export async function AddObj(data: AddQuery) {
+  const res = await request.post(`/config/add`, data);
+  return res;
+}
+
+export async function UpdateObj(obj: updateQuery) {
+  const res = await request.post(`/config/update`, obj);
+  return res;
+}
+
+export async function DownloadObj(obj: updateQuery) {
+  const res = await request.post(`/config/download`, obj, { responseType: 'blob' });
+  return res;
+}
diff --git a/src/views/source-management/components/index.ts b/src/views/source-management/components/index.ts
new file mode 100644
index 0000000..efac859
--- /dev/null
+++ b/src/views/source-management/components/index.ts
@@ -0,0 +1,3 @@
+import LookDialog from './look-dialog.vue';
+
+export { LookDialog }
diff --git a/src/views/source-management/components/look-dialog.vue b/src/views/source-management/components/look-dialog.vue
new file mode 100644
index 0000000..ec3a314
--- /dev/null
+++ b/src/views/source-management/components/look-dialog.vue
@@ -0,0 +1,279 @@
+<template>
+	<n-modal
+		v-model:show="show"
+		style="width: 1280px; position: fixed; top: 10vh"
+		:title="title"
+		preset="card"
+	>
+		<div class="card-content">
+			<div class="form">
+				<div class="form-item">
+					<div class="form-item-select">
+						<span class="label">表名：</span>
+						<n-select
+							v-model:value="sheetName"
+							:options="options"
+							:on-update:value="selectChange"
+							placeholder="请选择"
+						/>
+					</div>
+				</div>
+			</div>
+			<div class="card-table">
+				<!-- <div class="table-inner">
+						<n-data-table
+							:columns="columns"
+							:data="data"
+							:max-height="'50vh'"
+						/>
+					</div> -->
+				<n-scrollbar x-scrollable style="height: 100%">
+					<n-table
+						v-if="loaded && !loading && tHeadList.length"
+						:bordered="false"
+						:single-line="false"
+					>
+						<thead>
+							<tr>
+								<th v-for="(name, index) in tHeadList" :key="index">
+									{{ name }}
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr v-for="(item, index) in tBodyList" :key="index">
+								<td v-for="(name, tdIndex) in item.tdList" :key="tdIndex">
+									{{ name }}
+								</td>
+							</tr>
+						</tbody>
+					</n-table>
+					<div
+						v-if="loaded && !loading && tHeadList.length === 0"
+						class="table-empty"
+					>
+						<n-empty description="暂无数据" />
+					</div>
+				</n-scrollbar>
+			</div>
+			<div class="pagination">
+				<n-pagination
+					v-model:page="currentPage"
+					v-model:page-size="pageSize"
+					:item-count="total"
+					show-size-picker
+					:page-sizes="[10, 20, 30, 40]"
+					:on-update:page="pageChange"
+					:on-update:page-size="pageSizeChange"
+				/>
+			</div>
+		</div>
+	</n-modal>
+</template>
+<script lang="ts">
+import { reactive, ref, toRefs } from "vue";
+import * as api from "../api";
+import { useAuthStore } from "@/store";
+
+interface Info {
+	SheetNames: [];
+	[key: string]: any;
+}
+
+export default {
+	props: {
+		title: {
+			type: String,
+			default: "",
+		},
+	},
+	setup(props) {
+		const state = reactive({
+			show: false,
+			loading: false,
+			options: [],
+			currentPage: 1,
+			pageSize: 10,
+			pageCount: 0,
+			total: 0,
+			title: props.title,
+		});
+		const sheetName = ref();
+		const rowData = ref();
+		const tHeadList: any = ref([]);
+		const tBodyList: any = ref([]);
+		const loading = ref(false);
+		const loaded = ref(false);
+		const columnsRef = ref([]);
+		const dataRef = ref([]);
+
+		const auth = useAuthStore()
+
+		const getData = async () => {
+			if (loading.value) return;
+			loading.value = true;
+			let results;
+			try {
+				const formData = new FormData();
+				const { ConfigId, Label } = rowData.value || {};
+				const currentPage = state.currentPage;
+				formData.append("ConfigId", ConfigId);
+				formData.append("Label", Label);
+				formData.append("Uid", auth.userInfo.userId);
+				formData.append("Offset", state.pageSize * (currentPage - 1) + "");
+				formData.append("Limit", state.pageSize + "");
+				formData.append("SheetName", sheetName.value);
+				results = await api.GetDetails(formData);
+			} catch (error) {
+				console.log("error", error);
+			} finally {
+				loading.value = false;
+				loaded.value = true;
+			}
+
+			if (!results) return;
+
+			const { records, total } = results || {};
+
+			state.total = total || 0;
+			tHeadList.value = [];
+			tBodyList.value = [];
+			columnsRef.value = [];
+			dataRef.value = [];
+
+			records.forEach((item: any, index: number) => {
+				const keys = Object.keys(item) || [];
+				if (index === 0) {
+					tHeadList.value = keys;
+				}
+				let tdList = [];
+				if (keys.length > 0) {
+					for (let i in item) {
+						tdList.push(item[i]);
+					}
+				}
+				tBodyList.value.push({ tdList });
+			});
+
+			const list: any = [];
+			tHeadList.value.forEach((item: string, index: number) => {
+				let obj = {
+					title: item,
+					key: index,
+				};
+				list.push(obj);
+			});
+
+			columnsRef.value = list;
+
+			dataRef.value = tBodyList.value.map((item: any, index: number) => {
+				let res = {
+					key: index,
+					...item.tdList,
+				};
+				return res;
+			});
+		};
+
+		const onShow = (data: Info) => {
+			rowData.value = data;
+			state.show = true;
+			let list: any = data.Data || [];
+			list =
+				list.map((item: any) => {
+					return {
+						label: item.sheetName,
+						value: item.sheetName,
+					};
+				}) || [];
+			state.options = list;
+
+			if (list.length > 0) {
+				sheetName.value = list[0].value;
+			}
+
+			getData();
+		};
+
+		const onHide = () => {
+			state.show = false;
+		};
+
+		const pageChange = (page: number) => {
+			state.currentPage = page;
+			getData();
+		};
+
+		const pageSizeChange = (size: number) => {
+			state.pageSize = size;
+			state.currentPage = 1;
+			getData();
+		};
+
+		const selectChange = (value: string | number | null) => {
+			sheetName.value = value;
+			state.currentPage = 1;
+			getData();
+		};
+
+		return {
+			...toRefs(state),
+			data: dataRef,
+			columns: columnsRef,
+			sheetName,
+			tHeadList,
+			tBodyList,
+			loading,
+			loaded,
+			onShow,
+			onHide,
+			pageChange,
+			pageSizeChange,
+			selectChange,
+		};
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.card-content {
+	height: 70vh;
+	display: flex;
+	flex-direction: column;
+	padding: 20px 0;
+	.form {
+		margin-bottom: 20px;
+		.form-item {
+			.form-item-select {
+				width: 280px;
+				display: flex;
+				align-items: center;
+				.label {
+					width: 60px;
+				}
+				.value {
+					flex: 1;
+					overflow: hidden;
+				}
+			}
+		}
+	}
+	.card-table {
+		flex: 1;
+		overflow: hidden;
+		.table-inner {
+			width: 100%;
+			height: 100%;
+			overflow: auto;
+		}
+		.table-empty {
+			padding-top: 20px;
+		}
+	}
+	.pagination {
+		margin-top: 20px;
+		display: flex;
+		justify-content: flex-end;
+	}
+}
+</style>
diff --git a/src/views/source-management/index.vue b/src/views/source-management/index.vue
new file mode 100644
index 0000000..0126698
--- /dev/null
+++ b/src/views/source-management/index.vue
@@ -0,0 +1,711 @@
+<template>
+	<div class="h-full">
+		<div class="c-container">
+			<div class="c-content">
+				<!-- <div class="header">
+					<div class="search-box">
+						<div class="input">
+							<div class="label">文件名称</div>
+							<div class="value">
+								<n-input
+									v-model:value="search"
+									type="text"
+									placeholder="请输入"
+								/>
+							</div>
+						</div>
+						<n-button type="info" color="#1890ff" @click="queryClick"
+							>查询</n-button
+						>
+					</div>
+				</div>
+				<div class="body">
+					<div class="top-bar">
+						<div class="top-bar-actionbar">
+							<n-button type="info" color="#1890ff" @click="addClick"
+								>添加</n-button
+							>
+						</div>
+						<div class="top-bar-toolbar"></div>
+					</div>
+					<div class="table" ref="table">
+						<n-data-table
+							:single-line="false"
+							:columns="columns"
+							:data="pageList"
+							:pagination="pagination"
+							:max-height="tableHeight"
+						/>
+					</div>
+				</div>
+				<div class="footer"></div> -->
+				<div class="top-action">
+					<n-button type="info" size="small" style="height: 34px;" color="#1890ff" @click="addClick">
+						<template #icon>
+							<n-icon>
+								<AddIcon />
+							</n-icon>
+						</template>
+						添加
+					</n-button>
+					<n-input style="width: 300px;margin-left: 20px;" type="text" v-model:value="search" round placeholder="请输入文件名" :on-input="searchChange">
+						<template #prefix>
+							<n-icon :component="SearchOutline" />
+						</template>
+					</n-input>
+				</div>
+				<div class="main">
+					<div v-if="loading" class="loading-box">
+						<n-spin size="small" />
+						<span class="loading-text">正在加载...</span>
+					</div>
+					<div v-if="!loading && loaded && pageList.length" class="list">
+						<div class="list-item" v-for="item in pageList" :key="item.ConfigId">
+							<div class="list-item_top">
+								<div class="info">
+									<div class="info-left">
+										<img src="@/assets/images/file-type-xlsx.png" alt="" />
+									</div>
+									<div class="info-right">
+										<n-ellipsis class="i-title" style="max-width: 200px">
+											{{ item.SourceName }}
+										</n-ellipsis>
+									</div>
+								</div>
+								<n-ellipsis class="desc" :line-clamp="1" style="max-width: 260px">
+									创建时间：{{ item.CreateTime }}
+								</n-ellipsis>
+							</div>
+							<div class="list-item_bom">
+								<div class="btn-group">
+									<div class="btn-item">
+										<n-icon size="20" @click="getInfoClick(item)">
+											<EyeIcon />
+										</n-icon>
+									</div>
+									<div class="btn-item">
+										<n-icon size="20" @click="editClick(item)">
+											<CreateIcon />
+										</n-icon>
+									</div>
+									<div class="btn-item">
+										<n-icon size="20" @click="downloadClick(item)">
+											<DownloadIcon />
+										</n-icon>
+									</div>
+									<div class="btn-item">
+										<n-icon size="20" @click="delClick(item)">
+											<TrashIcon />
+										</n-icon>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<n-empty v-if="!loading && loaded && pageList.length === 0" style="margin-top: 30px;" description="暂无数据" />
+				</div>
+				<div class="footer">
+					<n-pagination :item-count="total" :page-size="pageSize" :page="currentPage" :on-update:page="changePage">
+						<template #prefix="{ itemCount }">
+							共 {{ itemCount }} 条
+						</template>
+					</n-pagination>
+				</div>
+			</div>
+		</div>
+
+		<!-- 弹框 -->
+		<n-modal
+			v-model:show="showModal"
+			style="width: 960px"
+			:title="title"
+			preset="dialog"
+			:loading="submitLoading"
+			positive-text="确定"
+			negative-text="取消"
+			:on-after-leave="onAfterLeave"
+			@positive-click="submitClick"
+			@negative-click="cancelClick"
+		>
+			<div class="card-content">
+				<n-upload
+					:multiple="false"
+					directory-dnd
+					action="#"
+					accept=".xlsx"
+					:max="1"
+					:default-upload="false"
+					v-model:file-list="fileList"
+					@change="handleUploadChange"
+				>
+					<n-upload-dragger>
+						<div style="margin-bottom: 12px">
+							<n-icon size="48" :depth="3">
+								<icon-local-xlsx />
+							</n-icon>
+						</div>
+						<n-text style="font-size: 16px">
+							点击或者拖动文件到该区域来上传
+						</n-text>
+						<n-p depth="3" style="margin: 8px 0 0 0"> 仅支持xlsx文件 </n-p>
+					</n-upload-dragger>
+				</n-upload>
+			</div>
+		</n-modal>
+		<look-dialog ref="lookRef" :title="lookTitle" />
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	h,
+	ref,
+	reactive,
+	defineComponent,
+	onMounted,
+	nextTick,
+	watch,
+} from "vue";
+import {
+	TrashOutline as TrashIcon,
+	Add as AddIcon,
+	CreateOutline as CreateIcon,
+	EyeOutline as EyeIcon,
+	SearchOutline,
+	DownloadOutline as DownloadIcon
+} from "@vicons/ionicons5";
+import { NButton, useMessage, useDialog } from "naive-ui";
+import type { UploadFileInfo } from "naive-ui";
+import type { DataTableColumns } from "naive-ui";
+import { useAuthStore } from "@/store";
+import * as api from "./api";
+import { LookDialog } from './components';
+import { downloadBlobFile } from '@/utils';
+
+type RowData = {
+	[key: string]: any;
+};
+
+const createColumns = ({
+	getInfoClick,
+	editClick,
+	delClick,
+}: {
+	getInfoClick: (rowData: RowData) => void;
+	editClick: (rowData: RowData) => void;
+	delClick: (rowData: RowData) => void;
+}): DataTableColumns<RowData> => {
+	return [
+		{
+			title: "文件名称",
+			key: "SourceName",
+		},
+		// {
+		// 	title: "表名",
+		// 	key: "SheetNames",
+		// 	render(row) {
+		// 		const SheetNames = row.SheetNames || [];
+		// 		return SheetNames.join("、") || "-";
+		// 	},
+		// },
+		{
+			title: "创建时间",
+			key: "CreateTime",
+		},
+		{
+			title: "更新时间",
+			key: "UpdateTime",
+		},
+		{
+			title: "操作",
+			key: "actions",
+			render(row) {
+				return h("div", [
+					h(
+						NButton,
+						{
+							size: "small",
+							type: "info",
+							color: "#1890ff",
+							onClick: () => getInfoClick(row),
+						},
+						{ default: () => "查看" }
+					),
+					h(
+						NButton,
+						{
+							style: { "margin-left": "10px" },
+							size: "small",
+							type: "info",
+							color: "#1890ff",
+							onClick: () => editClick(row),
+						},
+						{ default: () => "编辑" }
+					),
+					h(
+						NButton,
+						{
+							style: { "margin-left": "10px" },
+							type: "error",
+							size: "small",
+							onClick: () => delClick(row),
+						},
+						{ default: () => "删除" }
+					),
+				]);
+			},
+		},
+	];
+};
+
+export default defineComponent({
+	name: "ComponentConfigInfo",
+	components: {
+		LookDialog,
+		TrashIcon,
+		AddIcon,
+		CreateIcon,
+		EyeIcon,
+		DownloadIcon
+	},
+	setup() {
+		const search = ref("");
+		const table = ref();
+		const tableHeight = ref(0);
+		const tableData: any = ref([]);
+		const showModal = ref(false);
+		const title = ref("添加数据源");
+		const fileListRef = ref<UploadFileInfo[]>([]);
+		const submitLoading = ref(false);
+		const isUpdate = ref(false);
+		const updateRow: any = ref({});
+		const pageList = ref<RowData[]>([]);
+		const lookRef = ref();
+		const lookTitle = ref('');
+		const currentPage = ref(1);
+		const total = ref(0);
+		const pageSize = ref(30);
+		const loading = ref(false);
+		const loaded = ref(false);
+
+		const message = useMessage();
+		const dialog = useDialog();
+
+		const paginationReactive = reactive({
+			page: 1,
+			pageSize: 10,
+			pageSizes: [10, 20, 30, 40],
+			showSizePicker: true,
+			onChange: (page: number) => {
+				paginationReactive.page = page;
+			},
+			onUpdatePageSize: (pageSize: number) => {
+				paginationReactive.pageSize = pageSize;
+				paginationReactive.page = 1;
+			},
+		});
+
+		const auth = useAuthStore();
+
+		const resizeTableHeight = () => {
+			nextTick(() => {
+				let height = table.value?.clientHeight;
+				tableHeight.value = height - 120;
+			});
+		};
+
+		const getPageList = () => {
+			let list = tableData.value || [];
+			loading.value = true;
+			if (search.value) {
+				list = list.filter((item: any) => {
+					const name: string = item.SourceName || "";
+					return name.includes(search.value);
+				});
+			}
+			pageList.value = list.slice((currentPage.value - 1) * pageSize.value, currentPage.value * pageSize.value);
+			total.value = list.length;
+			loading.value = false;
+			loaded.value = true;
+		};
+
+		watch(
+			() => auth.wdConfigInfo,
+			(newInfo) => {
+				let list = newInfo || [];
+				tableData.value = list;
+				getPageList();
+				resizeTableHeight();
+			},
+			{ deep: true, immediate: true }
+		);
+
+		onMounted(() => {
+			resizeTableHeight();
+		});
+
+		const getInfoClick = (rowData: RowData) => {
+			lookTitle.value = rowData.SourceName;
+			lookRef.value.onShow(rowData)
+		};
+
+		const editClick = (rowData: RowData) => {
+			fileListRef.value = [
+				{
+					id: rowData.ConfigId,
+					name: rowData.SourceName,
+					status: "finished",
+				},
+			];
+			updateRow.value = rowData;
+			title.value = "编辑数据源";
+			isUpdate.value = true;
+			showModal.value = true;
+		};
+
+		const delClick = (rowData: RowData) => {
+			dialog.warning({
+				title: "删除提示",
+				content: "您确定要删除该记录吗?",
+				positiveText: "确定",
+				negativeText: "取消",
+				onPositiveClick: async () => {
+					const formData = new FormData();
+					formData.append("Uid", auth.userInfo.userId);
+					formData.append("ConfigId", rowData.ConfigId);
+					formData.append("Label", rowData.Label);
+					const res = await api.DelObj(formData);
+
+					if (res) {
+						const id: string = res.ConfigId || "";
+						auth.delWdConfigInfo(id);
+						message.success("删除成功");
+					}
+				},
+				onNegativeClick: () => {
+					// message.error('不确定')
+				},
+			});
+		};
+
+		const handleUploadChange = (options: {
+			file: UploadFileInfo;
+			fileList: Array<UploadFileInfo>;
+			event?: Event;
+		}) => {
+			console.log("handleUploadChange---options-----", options);
+		};
+
+		let timer: any = null
+		const searchChange = (value: any) => {
+			if (timer) {
+				clearTimeout(timer)
+			}
+
+			timer = setTimeout(() => {
+				currentPage.value = 1;
+				getPageList();
+			}, 1000)
+		}
+
+		const changePage = (page: number) => {
+			currentPage.value = page;
+			getPageList();
+		}
+
+		const queryClick = () => {
+			getPageList();
+		};
+
+		const addClick = () => {
+			title.value = "添加数据源";
+			showModal.value = true;
+		};
+
+		const downloadClick = async (row: RowData) => {
+			const formData = new FormData();
+			formData.append("Uid", auth.userInfo.userId);
+			formData.append("ConfigId", row.ConfigId);
+			if (row.downloading) return false;
+			row.downloading = true;
+
+			try {
+				const resData = await api.DownloadObj(formData);
+				downloadBlobFile(resData.data, row.SourceName);
+			} catch (error) {
+				message.warning("下载失败");
+			}
+			row.downloading = false;
+		}
+
+		const handleAdd = async (formData: any) => {
+			const { data } = await api.AddObj(formData);
+			if (data) {
+				message.success("添加成功");
+				auth.addWdConfigInfo(data);
+				return true;
+			}
+			message.error("添加失败");
+			return false;
+		};
+
+		const handleUpdate = async (formData: any) => {
+			const { data } = await api.UpdateObj(formData);
+			if (data) {
+				const id = updateRow.value?.ConfigId;
+				auth.updateWdConfigInfo(id, data);
+				message.success("更新成功");
+				return true;
+			}
+			message.success("更新失败");
+			return false;
+		};
+
+		const submitClick = async () => {
+			const obj = fileListRef.value[0] || {};
+
+			if (!obj.file) {
+				message.warning("请选择要上传的文件");
+				return false;
+			}
+
+			const formData = new FormData();
+			formData.append("Label", "Excel");
+			formData.append("Uid", auth.userInfo.userId);
+			formData.append("FileName", obj.file);
+
+			submitLoading.value = true;
+			try {
+				if (isUpdate.value) {
+					formData.append("ConfigId", updateRow.value?.ConfigId);
+					await handleUpdate(formData);
+				} else {
+					await handleAdd(formData);
+				}
+			} catch (error) {}
+			submitLoading.value = false;
+		};
+
+		const cancelClick = () => {
+			console.log("onCloseModal");
+		};
+
+		const onAfterLeave = () => {
+			fileListRef.value = [];
+			updateRow.value = {};
+			isUpdate.value = false;
+		};
+
+		return {
+			search,
+			table,
+			tableHeight,
+			pageList,
+			showModal,
+			title,
+			submitLoading,
+			lookRef,
+			lookTitle,
+			SearchOutline,
+			fileList: fileListRef,
+			columns: createColumns({
+				getInfoClick,
+				editClick,
+				delClick,
+			}),
+			pagination: paginationReactive,
+			currentPage,
+			pageSize,
+			total,
+			loading,
+			loaded,
+			changePage,
+			handleUploadChange,
+			searchChange,
+			queryClick,
+			getInfoClick,
+			addClick,
+			delClick,
+			editClick,
+			downloadClick,
+			submitClick,
+			cancelClick,
+			onAfterLeave,
+		};
+	},
+});
+</script>
+
+<style lang="scss" scoped>
+.c-container {
+	height: 100%;
+	width: 100%;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	background-color: var(--baseColor);
+	.c-content {
+		position: absolute;
+		width: 100%;
+		top: 0;
+		bottom: 0;
+		display: flex;
+		flex-direction: column;
+		padding: 20px;
+		.header {
+			// min-height: 90px;
+			border: 1px solid var(--n-border-color);
+			margin: 10px 10px 5px;
+			flex-shrink: 0;
+			border: 1px solid rgb(239, 239, 245);
+			.search-box {
+				padding: 20px 24px;
+				.input {
+					display: inline-flex;
+					align-items: center;
+					margin-right: 20px;
+					.value {
+						width: 150px;
+						margin-left: 10px;
+					}
+				}
+			}
+		}
+		.body {
+			flex: 1;
+			overflow-y: auto;
+			margin: 5px 10px 10px;
+			border: 1px solid rgb(239, 239, 245);
+			display: flex;
+			flex-direction: column;
+			.top-bar {
+				min-height: 54px;
+				border-bottom: 1px solid rgb(239, 239, 245);
+				display: flex;
+				justify-content: space-between;
+				.top-bar-actionbar {
+					margin: 10px;
+				}
+			}
+			.table {
+				flex: 1;
+				padding: 10px;
+			}
+		}
+		.footer {
+			flex-shrink: 0;
+			margin-top: 20px;
+		}
+
+		.top-action {
+			margin-bottom: 20px;
+			display: flex;
+			align-items: center;
+		}
+
+		.main {
+			flex: 1;
+			overflow-y: auto;
+			.loading-box {
+				width: 100px;
+				margin: 0 auto;
+				margin-top: 30px;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				.loading-text {
+					margin-top: 8px;
+				}
+			}
+			.list {
+				height: initial;
+				display: flex;
+				flex-wrap: wrap;
+				.list-item {
+					width: 300px;
+					height: 156px;
+					display: flex;
+					flex-direction: column;
+					background-color: var(--baseColor);
+					border-radius: 6px;
+					margin-bottom: 16px;
+					margin-right: 16px;
+					border: 1px solid rgb(239, 239, 245);
+					.list-item_top {
+						flex: 1;
+						display: flex;
+						flex-direction: column;
+						padding: 12px 16px;
+						box-sizing: border-box;
+						overflow: hidden;
+						.info {
+							display: flex;
+							margin-bottom: 8px;
+							.info-left {
+								flex: 0 0 48px;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								width: 48px;
+								height: 48px;
+								margin-right: 16px;
+								img {
+									max-width: 100%;
+									max-height: 100%;
+								}
+							}
+							.info-right {
+								:deep(.i-title) {
+									font-size: 16px;
+									font-weight: 500;
+								}
+							}
+						}
+						:deep(.desc) {
+							font-size: 14px;
+							font-weight: 400;
+							color: rgb(118, 124, 130);
+						}
+					}
+					.list-item_bom {
+						height: 48px;
+						border-top: 1px solid #f3f4f6;
+						.btn-group {
+							display: flex;
+							padding: 10px 0;
+							height: 100%;
+							.btn-item {
+								position: relative;
+								flex: 1;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								border-right: 1.5px solid #f3f4f6;
+								&:last-child {
+									border-right: none;
+								}
+								.n-icon {
+									cursor: pointer;
+									&:hover {
+										color: #1890ff;
+									}
+
+								}
+								.c-icon {
+									&:hover {
+										:deep(path) {
+											fill: #1890ff;
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/src/views/ybp-list/index.vue b/src/views/ybp-list/index.vue
new file mode 100644
index 0000000..b3fd3c4
--- /dev/null
+++ b/src/views/ybp-list/index.vue
@@ -0,0 +1,278 @@
+<template>
+	<div class="h-full">
+		<div class="c-container">
+			<div class="c-content">
+				<!-- <div class="header">
+				</div> -->
+				<div class="body">
+					<!-- <div class="top-bar">
+						<div class="top-bar-actionbar">
+							<n-button type="info" color="#1890ff" @click="addClick"
+								>添加</n-button
+							>
+						</div>
+						<div class="top-bar-toolbar"></div>
+					</div> -->
+					<div class="table" ref="table">
+						<n-data-table
+							:single-line="false"
+							:columns="columns"
+							:data="tableData"
+							:max-height="tableHeight"
+						/>
+					</div>
+				</div>
+				<div class="footer">
+					<n-pagination :item-count="total" :page-size="pageSize" :page="currentPage" :on-update:page="changePage">
+						<template #prefix="{ itemCount }">
+							共 {{ itemCount }} 条
+						</template>
+					</n-pagination>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import {
+	TrashOutline as TrashIcon,
+	Add as AddIcon,
+	CreateOutline as CreateIcon,
+	EyeOutline as EyeIcon,
+	SearchOutline,
+	DownloadOutline as DownloadIcon
+} from "@vicons/ionicons5";
+import { NButton, NTag, useMessage, useDialog } from "naive-ui";
+import { ref, h, nextTick, defineComponent, onMounted } from 'vue';
+
+
+const createColumns = ({
+	getInfoClick,
+	editClick,
+	delClick,
+}: {
+	getInfoClick: (rowData: RowData) => void;
+	editClick: (rowData: RowData) => void;
+	delClick: (rowData: RowData) => void;
+}): DataTableColumns<RowData> => {
+	return [
+		{
+			title: "名称",
+			key: "name",
+		},
+		{
+			title: "创建时间",
+			key: "CreateTime",
+		},
+		{
+      title: '状态',
+      key: 'tags',
+      render (row) {
+        const tags = row.tags.map((tagKey) => {
+          return h(
+            NTag,
+            {
+              style: {
+                marginRight: '6px'
+              },
+              type: 'info',
+              bordered: false
+            },
+            {
+              default: () => tagKey
+            }
+          )
+        })
+        return tags
+      }
+    },
+		{
+			title: "操作",
+			key: "actions",
+			render(row) {
+				return h("div", [
+					h(
+						NButton,
+						{
+							size: "small",
+							type: "info",
+							color: "#1890ff",
+							onClick: () => getInfoClick(row),
+						},
+						{ default: () => "查看" }
+					),
+					h(
+						NButton,
+						{
+							style: { "margin-left": "10px" },
+							size: "small",
+							type: "info",
+							color: "#1890ff",
+							onClick: () => editClick(row),
+						},
+						{ default: () => "编辑" }
+					),
+					h(
+						NButton,
+						{
+							style: { "margin-left": "10px" },
+							type: "error",
+							size: "small",
+							onClick: () => delClick(row),
+						},
+						{ default: () => "删除" }
+					),
+				]);
+			},
+		},
+	];
+};
+
+export default defineComponent({
+	components: {
+		TrashIcon,
+		AddIcon,
+		CreateIcon,
+		EyeIcon,
+		DownloadIcon
+	},
+	setup () {
+		const tableRef = ref(null);
+		const tableHeight = ref(0);
+		const currentPage = ref(1);
+		const pageSize = ref(10);
+		const total = ref(0);
+		const columns = ref([]);
+
+		const createData = (): RowData[] => [
+			{
+				key: 0,
+				name: 'John Brown',
+				CreateTime: '2024-02-03 12:12:30',
+				tags: ['待生成']
+			},
+			{
+				key: 1,
+				name: 'Jim Green',
+				CreateTime: '2024-02-03 12:12:30',
+				tags: ['待生成']
+			},
+			{
+				key: 2,
+				name: 'Joe Black',
+				CreateTime: '2024-02-03 12:12:30',
+				tags: ['待生成']
+			}
+		]
+
+
+		onMounted(() => {
+			resizeTableHeight();
+		});
+
+		const resizeTableHeight = () => {
+			nextTick(() => {
+				let height = tableRef.value?.clientHeight;
+				tableHeight.value = height - 120;
+			});
+		};
+
+		const changePage = (val) => {
+			currentPage.value = val
+		}
+
+		const getInfoClick = () => {
+
+		}
+
+		const editClick = () => {
+
+		}
+
+		const delClick = () => {
+
+		}
+
+		return {
+			table: tableRef,
+			tableHeight,
+			columns: createColumns({
+				getInfoClick,
+				editClick,
+				delClick,
+			}),
+			tableData: createData(),
+			total,
+			currentPage,
+			pageSize,
+			changePage
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.c-container {
+	height: 100%;
+	width: 100%;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	background-color: var(--baseColor);
+	.c-content {
+		position: absolute;
+		width: 100%;
+		top: 0;
+		bottom: 0;
+		display: flex;
+		flex-direction: column;
+		padding: 20px;
+		.header {
+			// min-height: 90px;
+			border: 1px solid var(--n-border-color);
+			margin: 10px 10px 5px;
+			flex-shrink: 0;
+			border: 1px solid rgb(239, 239, 245);
+			.search-box {
+				padding: 20px 24px;
+				.input {
+					display: inline-flex;
+					align-items: center;
+					margin-right: 20px;
+					.value {
+						width: 150px;
+						margin-left: 10px;
+					}
+				}
+			}
+		}
+		.body {
+			flex: 1;
+			overflow-y: auto;
+			margin: 5px 10px 10px;
+			border: 1px solid rgb(239, 239, 245);
+			display: flex;
+			flex-direction: column;
+			.top-bar {
+				min-height: 54px;
+				border-bottom: 1px solid rgb(239, 239, 245);
+				display: flex;
+				justify-content: space-between;
+				.top-bar-actionbar {
+					margin: 10px;
+				}
+			}
+			.table {
+				flex: 1;
+				padding: 10px;
+			}
+		}
+		.footer {
+			flex-shrink: 0;
+			margin-top: 20px;
+		}
+	}
+}
+</style>
diff --git a/test b/test
new file mode 100644
index 0000000..e69de29
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..aa79207
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["DOM", "ESNext"],
+    "strict": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "forceConsistentCasingInFileNames": true,
+    "paths": {
+      "~/*": ["./*"],
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client", "node", "unplugin-icons/types/vue", "naive-ui/volar"]
+  },
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/uno.config.ts b/uno.config.ts
new file mode 100644
index 0000000..c94d052
--- /dev/null
+++ b/uno.config.ts
@@ -0,0 +1,79 @@
+import { defineConfig } from '@unocss/vite';
+import presetUno from '@unocss/preset-uno';
+import transformerDirectives from '@unocss/transformer-directives';
+
+export default defineConfig({
+  exclude: ['node_modules', 'dist', '.git', '.husky', '.vscode', 'public', 'build', 'mock', './stats.html'],
+  presets: [presetUno({ dark: 'class' })],
+  transformers: [transformerDirectives()],
+  shortcuts: {
+    'wh-full': 'w-full h-full',
+    'flex-center': 'flex justify-center items-center',
+    'flex-col-center': 'flex-center flex-col',
+    'flex-x-center': 'flex justify-center',
+    'flex-y-center': 'flex items-center',
+    'i-flex-center': 'inline-flex justify-center items-center',
+    'i-flex-x-center': 'inline-flex justify-center',
+    'i-flex-y-center': 'inline-flex items-center',
+    'flex-col': 'flex flex-col',
+    'flex-col-stretch': 'flex-col items-stretch',
+    'i-flex-col': 'inline-flex flex-col',
+    'i-flex-col-stretch': 'i-flex-col items-stretch',
+    'flex-1-hidden': 'flex-1 overflow-hidden',
+    'absolute-lt': 'absolute left-0 top-0',
+    'absolute-lb': 'absolute left-0 bottom-0',
+    'absolute-rt': 'absolute right-0 top-0',
+    'absolute-rb': 'absolute right-0 bottom-0',
+    'absolute-tl': 'absolute-lt',
+    'absolute-tr': 'absolute-rt',
+    'absolute-bl': 'absolute-lb',
+    'absolute-br': 'absolute-rb',
+    'absolute-center': 'absolute-lt flex-center wh-full',
+    'fixed-lt': 'fixed left-0 top-0',
+    'fixed-lb': 'fixed left-0 bottom-0',
+    'fixed-rt': 'fixed right-0 top-0',
+    'fixed-rb': 'fixed right-0 bottom-0',
+    'fixed-tl': 'fixed-lt',
+    'fixed-tr': 'fixed-rt',
+    'fixed-bl': 'fixed-lb',
+    'fixed-br': 'fixed-rb',
+    'fixed-center': 'fixed-lt flex-center wh-full',
+    'nowrap-hidden': 'whitespace-nowrap overflow-hidden',
+    'ellipsis-text': 'nowrap-hidden text-ellipsis',
+    'transition-base': 'transition-all duration-300 ease-in-out'
+  },
+  theme: {
+    colors: {
+      primary: 'rgb(var(--primary-color))',
+      primary_hover: 'rgb(var(--primary-color-hover))',
+      primary_pressed: 'rgb(var(--primary-color-pressed))',
+      primary_active: 'rgba(var(--primary-color-active),0.1)',
+      primary_1: 'rgb(var(--primary-color1))',
+      primary_2: 'rgb(var(--primary-color2))',
+      primary_3: 'rgb(var(--primary-color3))',
+      primary_4: 'rgb(var(--primary-color4))',
+      primary_5: 'rgb(var(--primary-color5))',
+      primary_6: 'rgb(var(--primary-color6))',
+      primary_7: 'rgb(var(--primary-color7))',
+      primary_8: 'rgb(var(--primary-color8))',
+      primary_9: 'rgb(var(--primary-color9))',
+      info: 'rgb(var(--info-color))',
+      info_hover: 'rgb(var(--info-color-hover))',
+      info_pressed: 'rgb(var(--info-color-pressed))',
+      info_active: 'rgb(var(--info-color-active),0.1)',
+      success: 'rgb(var(--success-color))',
+      success_hover: 'rgb(var(--success-color-hover))',
+      success_pressed: 'rgb(var(--success-color-pressed))',
+      success_active: 'rgb(var(--success-color-active),0.1)',
+      warning: 'rgb(var(--warning-color))',
+      warning_hover: 'rgb(var(--warning-color-hover))',
+      warning_pressed: 'rgb(var(--warning-color-pressed))',
+      warning_active: 'rgb(var(--warning-color-active),0.1)',
+      error: 'rgb(var(--error-color))',
+      error_hover: 'rgb(var(--error-color-hover))',
+      error_pressed: 'rgb(var(--error-color-pressed))',
+      error_active: 'rgb(var(--error-color-active),0.1)',
+      dark: '#18181c'
+    }
+  }
+});
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..2711fc9
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,59 @@
+import { defineConfig, loadEnv } from 'vite';
+import { createViteProxy, getRootPath, getSrcPath, setupVitePlugins, viteDefine } from './build';
+import { getServiceEnvConfig } from './.env-config';
+
+export default defineConfig(configEnv => {
+  const viteEnv = loadEnv(configEnv.mode, process.cwd()) as unknown as ImportMetaEnv;
+
+  const rootPath = getRootPath();
+  const srcPath = getSrcPath();
+
+  const isOpenProxy = viteEnv.VITE_HTTP_PROXY === 'Y';
+  const envConfig = getServiceEnvConfig(viteEnv);
+
+  return {
+    base: viteEnv.VITE_BASE_URL,
+    resolve: {
+      alias: {
+        '~': rootPath,
+        '@': srcPath,
+        'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
+      }
+    },
+    define: viteDefine,
+    plugins: setupVitePlugins(viteEnv),
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: `@use "./src/styles/scss/global.scss" as *;`
+        }
+      }
+    },
+    server: {
+      host: '0.0.0.0',
+      port: 3200,
+      open: true,
+      proxy: createViteProxy(isOpenProxy, envConfig)
+    },
+    optimizeDeps: {
+      include: [
+        '@antv/data-set',
+        '@antv/g2',
+        '@better-scroll/core',
+        'echarts',
+        'swiper',
+        'swiper/vue',
+        'vditor',
+        'wangeditor',
+        'xgplayer'
+      ]
+    },
+    build: {
+      reportCompressedSize: false,
+      sourcemap: false,
+      commonjsOptions: {
+        ignoreTryCatch: false
+      }
+    }
+  };
+});