From 8d8768eba2fdd14ab4c6218214b84d86f72f0caf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Mon, 24 Feb 2025 11:52:17 +0800
Subject: [PATCH 01/26] =?UTF-8?q?=E6=88=90=E5=8A=9F=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E8=B5=84=E4=BA=A7=E6=8F=90=E7=A4=BA=E8=87=AA=E5=8A=A8=E6=B6=88?=
 =?UTF-8?q?=E5=A4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/knowledgeLibrary/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/knowledgeLibrary/index.vue b/src/views/knowledgeLibrary/index.vue
index 9ff95bd..ed66d58 100644
--- a/src/views/knowledgeLibrary/index.vue
+++ b/src/views/knowledgeLibrary/index.vue
@@ -1188,7 +1188,7 @@ const handleConfirmDelKb = (row: any) => {
           message: t("opsMessage.delSuccess"),
           icon: IconSuccess,
           customClass: "o-message--success",
-          duration: 30000000,
+          duration: 3000,
         });
         if (switchIcon.value === "thumb") {
           klCardBox.value.scrollTop = 0;
-- 
Gitee


From 5421b1a865a46d60060ed1c7fda1c5bc2105b7fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Mon, 24 Feb 2025 14:18:53 +0800
Subject: [PATCH 02/26] =?UTF-8?q?=E5=B5=8C=E5=85=A5=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/package/en.ts    | 2 +-
 src/lang/package/zh-cn.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 48a4f20..d61cb78 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -185,7 +185,7 @@ export default {
   },
   formTipText: {
     analyticTip:
-      "Vectorization model for transforming document chunks into vectors. Currently,two options are available:bge-large-en-v1.5 for English text and bge-mixed-model for Chinese text.",
+      "Vectorization model for transforming document chunks into vectors. Currently,two options are available:bge-large-en for English text bge-large-zh for Chinese text.",
     fileChunkSizeTip:
       "Chunk size for dividing files after the configuration file is uploaded. The value ranges from 512 to 1024 tokens per chunk. By default, a chunk size of 1024 tokens is used.",
   },
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index bb1e2a6..9fec3ff 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -189,7 +189,7 @@ export default {
   },
   formTipText: {
     analyticTip:
-      "文档分块后，将分块转换为向量的向量化模型类型，先暂支持两种向量化模型bg-large-en-v1.5（面向英文向量化场景）和bge-mixed-model（面向中文向量化场景），默认情况下选择bge-mixed-model模型。",
+      "文档分块后，将分块转换为向量的向量化模型类型，先暂支持两种向量化模型bge-large-en（面向英文向量化场景）和bge-large-zh（面向中文向量化场景），默认情况下选择bge-large-zh模型。",
     fileChunkSizeTip:
       "配置文档上传后，将文件处理成片段分块的大小，分块大小范围为512-1024Token/块，默认使用1024Toke/块对文件进行分块。",
   },
-- 
Gitee


From 5b0ae71cd0cdbc6d2e873c77e9c7257dd979059c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Thu, 27 Feb 2025 15:04:14 +0800
Subject: [PATCH 03/26] =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=82=AC=E6=B5=AE?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=9B=BE=E6=A0=87=E6=97=B6=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E4=B8=8D=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserHeaderBar/headerCom.vue | 25 ++++++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/components/UserHeaderBar/headerCom.vue b/src/components/UserHeaderBar/headerCom.vue
index 0036518..30cd41e 100644
--- a/src/components/UserHeaderBar/headerCom.vue
+++ b/src/components/UserHeaderBar/headerCom.vue
@@ -39,7 +39,7 @@
           class="box-item"
           effect="light"
           :content="
-            `${$t('model.modelName')}：${ruleForm?.model_name}` ||
+            modelNameStr?`${$t('model.modelName')}：${modelNameStr}` :
             `${$t('model.modelName')}`
           "
           placement="left"
@@ -57,7 +57,7 @@
     v-model="modelVisible"
     class="model-dialog"
     width="560"
-    @close="handleModelDialog"
+    @close="handleClose"
     :title="$t('model.modelConfig')"
   >
     <el-radio-group
@@ -309,12 +309,14 @@ const formValidateStatus = ref<any>({
 
 const userInfo = ref<any>({});
 
+const modelNameStr=ref<string>("");   // 保持当前用户配置的模型名称
+
+const persisitModel = ref<string>("");  // 保持当前用户配置的模型类型，避免刚打开对话框时的单选框切换效果
+
 const handleClose = () => {
   modelVisible.value = false;
-  ruleFormRef.value?.resetFields();
-  ruleFormRefLocal.value?.resetFields();
-  ruleForm.value = { max_tokens: 1024 };
-  ruleFormLocal.value = {};
+  
+  openai_api_type.value = persisitModel.value;
 
   formValidateStatus.value = {
     openai_api_key: true,
@@ -332,7 +334,13 @@ onMounted(() => {
       modelTypes.value = res;
     });
   }
+  getModelInfo();
+});
+
+const getModelInfo=()=>{
   KbAppAPI.getdUserModel().then((res) => {
+    persisitModel.value= res.is_online?"online":"local";
+    modelNameStr.value = res.model_name;
     if (res.is_online) {
       openai_api_type.value = "online";
       ruleForm.value = res;
@@ -344,7 +352,7 @@ onMounted(() => {
       ruleForm.value = { max_tokens: 1024 };
     }
   });
-});
+}
 
 watch(openai_api_type, (val) => {
   if (ruleFormRef.value) {
@@ -461,6 +469,7 @@ const handleConfirmCreateModel = async (formData: FormInstance | undefined) => {
             duration: 3000,
           });
           handleModelDialog();
+          getModelInfo();
         })
         .finally(() => {
           submitLoading.value = false;
@@ -484,6 +493,8 @@ const handleModelDialog = () => {
 
 const handleModelVisible = (visible: boolean) => {
   KbAppAPI.getdUserModel().then((res) => {
+    modelNameStr.value = res.model_name;
+    persisitModel.value= res.is_online?"online":"local";
     if (res.is_online) {
       ruleForm.value = {
         ...res,
-- 
Gitee


From d96f42d6d9b2fd086607aaf8412b11b834b925f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Fri, 28 Feb 2025 14:36:39 +0800
Subject: [PATCH 04/26] =?UTF-8?q?=E5=AF=BC=E5=85=A5=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E5=90=8E=E9=BB=98=E8=AE=A4=E5=8B=BE=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue | 16 ++++++++++++++++
 src/lang/package/en.ts          |  2 +-
 src/lang/package/zh-cn.ts       |  2 +-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index a42e806..2ae8302 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -29,6 +29,7 @@
             :data="fileTableList.data"
             max-height="184"
             @selection-change="handleSelectionChange"
+            ref="fileTableRef"
           >
             <el-table-column
               type="selection"
@@ -194,6 +195,8 @@ const multipleSelection = ref<TableRow[]>([]);
 const uploadingList = ref<Array<any>>([]);
 const showTaskList = ref(true);
 
+// 表格实例引用
+const fileTableRef = ref();
 const handleSelectionChange = (val: TableRow[]) => {
   multipleSelection.value = val;
   let allFileSizes = 0;
@@ -223,6 +226,19 @@ const handleChange = (file: UploadFile) => {
     file: file,
   };
   fileTableList.data.push(item);
+  selectedFiles.push({
+    id: item.id,
+    name: item.name,
+    file: item.file,
+    percent: 0,
+  });
+  // 异步更新选中状态
+  nextTick(() => {
+    const row = fileTableList.data.find((val) => item.id === val.id);
+    if (row) {
+      fileTableRef.value.toggleRowSelection(row, true);
+    }
+  });
 };
 
 const handleProgress = (e: UploadProgressEvent) => {
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index d61cb78..f93ca59 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -58,7 +58,7 @@ export default {
     assetId: "Asset ID",
     welcomeUsePro: "Welcome to witChainD!",
     profile:
-      "witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including XML,MD,XLSX,DOCX,DOC,and TXT.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.",
+      "witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including XML,MD,XLSX,DOCX,DOC,PDF,and TXT.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.",
     message: {
       name: "Enter an asset libraray name.",
       libraryNameLen: "The asset library name can contain 1 to 15 characters.",
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 9fec3ff..d0f0afa 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -63,7 +63,7 @@ export default {
     assetId: "资产ID",
     welcomeUsePro: "欢迎使用知识库!",
     profile:
-      "知识库专注于文档的高效管理和智能解析，支持包括XML、MD、XLSX、DOCX、DOC以及TXT在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。",
+      "知识库专注于文档的高效管理和智能解析，支持包括XML、MD、XLSX、DOCX、DOC、PDF以及TXT在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。",
     message: {
       name: "请输入资产库名称",
       libraryNameLen: "资产库名称长度1-15个字符",
-- 
Gitee


From ab63fcd62329c2da6b851222975b353270f5718c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Tue, 4 Mar 2025 16:23:45 +0800
Subject: [PATCH 05/26] =?UTF-8?q?=E5=90=8C=E6=AD=A5copilot=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E5=88=B0iframe?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/package/en.ts    |  1 +
 src/lang/package/zh-cn.ts |  1 +
 src/views/login/index.vue | 31 +++++++++++++++++++++++++++----
 3 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index f93ca59..25bccc8 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -8,6 +8,7 @@ export default {
     backToLogin:'Back to Log In',
     logOut: "Log Out",
     welcomeToUse: "Welcome",
+    appName: "witChainD",
     loginSuccessful: "Login Successful",
     signinSuccessful: "Signin Successful",
     message: {
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index d0f0afa..0c626ba 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -8,6 +8,7 @@ export default {
     backToLogin:'返回登录',
     logOut: "退出登录",
     welcomeToUse: "欢迎使用",
+    appName: "知识库",
     loginSuccessful: "登录成功",
     signinSuccessful: "注册成功",
     message: {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 93971da..e22a21c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -8,7 +8,7 @@
         <el-card class="login-card">
           <div class="platform-login-text">{{ $t("login.welcomeToUse") }}</div>
           <div class="relative">
-            <div class="login-title">{{ defaultSettings.title }}</div>
+            <div class="login-title">{{ $t("login.appName") }}</div>
           </div>
 
           <!-- 登录页面 -->
@@ -230,7 +230,6 @@ import type { FormInstance } from "element-plus";
 import { useRoute } from "vue-router";
 import { useUserStore } from "@/store";
 import { SigninData, type LoginData } from "@/api/auth";
-import defaultSettings from "@/settings";
 import HeaderBar from "@/components/HeaderBar/index.vue";
 import {
   IconInvisible,
@@ -238,10 +237,11 @@ import {
   IconVisible,
 } from "@computing/opendesign-icons";
 import CustomLoading from "@/components/CustomLoading/index.vue";
+import { useAppStore } from "@/store";
 
 const userStore = useUserStore();
-const route = useRoute();
-const { t } = useI18n();
+const appStore = useAppStore();
+const { t,locale } = useI18n();
 const passwordType = ref("password");
 const inputRef = ref();
 // 按钮 loading 状态
@@ -471,6 +471,29 @@ const handleSigInSubmit = () => {
     }
   });
 };
+
+
+/**
+ * 处理接postmessage收到的数据，根据消息中的语言设置应用语言。
+ * 该函数会根据接收到的语言代码更新应用的语言设置，并将其存储在本地存储中。
+ */
+ const handleMessage = (e: Event)=> {
+
+const langObj={
+  'CN': 'zh',
+  'EN': 'en'
+};
+let lang = langObj[e.data.lang];
+locale.value = lang;
+appStore.changeLanguage(lang);
+localStorage.setItem("language", lang);
+
+};
+
+onMounted(() => {
+window.addEventListener('message', handleMessage)
+});
+onUnmounted(() => window.removeEventListener('message', handleMessage));
 </script>
 
 <style lang="scss" scoped></style>
-- 
Gitee


From c53d54a1aee1be14fe8f921a34232225e17412c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Tue, 4 Mar 2025 17:13:59 +0800
Subject: [PATCH 06/26] =?UTF-8?q?=E8=AF=AD=E8=A8=80=E5=90=8C=E6=AD=A5?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserHeaderBar/headerCom.vue | 35 ++++++++++++++--------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/components/UserHeaderBar/headerCom.vue b/src/components/UserHeaderBar/headerCom.vue
index 30cd41e..390ae1f 100644
--- a/src/components/UserHeaderBar/headerCom.vue
+++ b/src/components/UserHeaderBar/headerCom.vue
@@ -214,7 +214,7 @@
 
 <script setup lang="ts">
 // 内部依赖
-import { useUserStore } from "@/store";
+import { useAppStore, useUserStore } from "@/store";
 import "@/styles/headerBar.scss";
 import {
   IconCaretDown,
@@ -227,8 +227,9 @@ import { FormInstance, FormItemProp } from "element-plus";
 import KbAppAPI from "@/api/kbApp";
 import defaultSettings from "@/settings";
 
+const appStore = useAppStore();
 const userStore = useUserStore();
-const { t } = useI18n();
+const { t,locale} = useI18n();
 const ruleFormRef = ref<FormInstance>();
 const ruleFormRefLocal = ref<FormInstance>();
 const userLanguage = ref();
@@ -247,16 +248,7 @@ interface ModelType {
 const initModelTYpe = ref("");
 
 // 使用接口定义 modelTypes 数组的类型
-let modelTypes: Ref<ModelType[]> = ref([
-  // {
-  //   model_name: "千问",
-  //   model_type: "qwen",
-  // },
-  // {
-  //   model_name: "deepseek",
-  //   model_type: "deepseek",
-  // },
-]);
+let modelTypes: Ref<ModelType[]> = ref([]);
 
 const ruleForm = ref<ModelForm>({
   openai_api_key: "",
@@ -326,7 +318,25 @@ const handleClose = () => {
   };
 };
 
+/**
+ * 处理接postmessage收到的数据，根据消息中的语言设置应用语言。
+ * 该函数会根据接收到的语言代码更新应用的语言设置，并将其存储在本地存储中。
+ */
+const handleMessage = (e: Event)=> {
+
+  const langObj={
+    'CN': 'zh',
+    'EN': 'en'
+  };
+  let lang = langObj[e.data.lang];
+  locale.value = lang;
+  appStore.changeLanguage(lang);
+  localStorage.setItem("language", lang);
+
+};
+
 onMounted(() => {
+  window.addEventListener('message', handleMessage)
   userInfo.value = JSON.parse(localStorage.getItem("userInfo") || "{}");
   userLanguage.value = userInfo.value?.language;
   if (openai_api_type.value === "local") {
@@ -336,6 +346,7 @@ onMounted(() => {
   }
   getModelInfo();
 });
+onUnmounted(() => window.removeEventListener('message', handleMessage));
 
 const getModelInfo=()=>{
   KbAppAPI.getdUserModel().then((res) => {
-- 
Gitee


From e390767ceed0e6a471582be2de58d6403ea54b42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Thu, 6 Mar 2025 10:57:16 +0800
Subject: [PATCH 07/26] =?UTF-8?q?=E5=AF=BC=E5=85=A5=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E7=B1=BB=E5=9E=8B=E9=99=90=E5=88=B6=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E6=8F=90=E7=A4=BA=E6=96=87=E6=9C=AC=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/package/en.ts            | 4 ++--
 src/lang/package/zh-cn.ts         | 4 ++--
 src/views/knowledgeFile/index.vue | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 25bccc8..393853c 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -59,7 +59,7 @@ export default {
     assetId: "Asset ID",
     welcomeUsePro: "Welcome to witChainD!",
     profile:
-      "witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including XML,MD,XLSX,DOCX,DOC,PDF,and TXT.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.",
+      "witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including md,xlsx,pdf,doc,docx,pptx,xml and txt.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.",
     message: {
       name: "Enter an asset libraray name.",
       libraryNameLen: "The asset library name can contain 1 to 15 characters.",
@@ -176,7 +176,7 @@ export default {
     fileZipFormat:
       "The file must be in .zip format. A maximum of five asssets with a total size of 5 GB can be uploaded.",
     fileAllFormat:
-      "The file can be in .md,.xlsx,.pdf,.docx,or .txt format. A maximum of 100 files with a total size of 500 MB can be uploaded.",
+      "The file can be in .md,.xlsx,.pdf,.doc,.docx,.pptx,.xml or .txt format. A maximum of 100 files with a total size of 500 MB can be uploaded.",
     continueAdd: "You can drag files to the list area below to add more.",
     dragDropAdd: "Drop files here.",
     dragFile: "Drop files here.",
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 0c626ba..d60a89d 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -64,7 +64,7 @@ export default {
     assetId: "资产ID",
     welcomeUsePro: "欢迎使用知识库!",
     profile:
-      "知识库专注于文档的高效管理和智能解析，支持包括XML、MD、XLSX、DOCX、DOC、PDF以及TXT在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。",
+      "知识库专注于文档的高效管理和智能解析，支持包括md,xlsx,pdf,doc,docx,pptx,xml以及txt在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。",
     message: {
       name: "请输入资产库名称",
       libraryNameLen: "资产库名称长度1-15个字符",
@@ -180,7 +180,7 @@ export default {
     fileZipFormat:
       "文件支持.zip格式，最多支持上传5个资产库，资产库总大小不超过5GB",
     fileAllFormat:
-      "文件支持.md,.xlsx,.pdf,.docx,.txt格式，最多支持上传128个文件，文件总大小不超过500MB",
+      "文件支持.md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.xml格式，最多支持上传128个文件，文件总大小不超过500MB",
     continueAdd: "您仍可以通过拖拽文件到下方列表区域进行文件添加",
     dragDropAdd: "将文件拖到此处即可继续添加",
     dragFile: "将文件拖到此处",
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index 098b0c5..3a166b4 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -556,7 +556,7 @@
       :singleFileLimit="true"
       :singleFileSize="0.05"
       :tipText="$t('dialogTipText.fileAllFormat')"
-      accept=".md,.xlsx,.pdf,.docx,.txt"
+      accept=".md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.xml"
       :maxFileNum="128"
       :maxSize="0.5"
       :handleUploadMyFile="handleUploadMyFile"
-- 
Gitee


From 5e8f174d84890cfa16813de7befb60d7396105d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Mon, 10 Mar 2025 15:18:22 +0800
Subject: [PATCH 08/26] =?UTF-8?q?=E6=96=87=E4=BB=B6=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=8F=AF=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/package/en.ts            | 4 ++--
 src/lang/package/zh-cn.ts         | 4 ++--
 src/views/knowledgeFile/index.vue | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 393853c..04e4da2 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -59,7 +59,7 @@ export default {
     assetId: "Asset ID",
     welcomeUsePro: "Welcome to witChainD!",
     profile:
-      "witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including md,xlsx,pdf,doc,docx,pptx,xml and txt.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.",
+      "witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including md,xlsx,pdf,doc,docx,pptx,html and txt.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.",
     message: {
       name: "Enter an asset libraray name.",
       libraryNameLen: "The asset library name can contain 1 to 15 characters.",
@@ -176,7 +176,7 @@ export default {
     fileZipFormat:
       "The file must be in .zip format. A maximum of five asssets with a total size of 5 GB can be uploaded.",
     fileAllFormat:
-      "The file can be in .md,.xlsx,.pdf,.doc,.docx,.pptx,.xml or .txt format. A maximum of 100 files with a total size of 500 MB can be uploaded.",
+      "The file can be in .md,.xlsx,.pdf,.doc,.docx,.pptx,.html or .txt format. A maximum of 100 files with a total size of 500 MB can be uploaded.",
     continueAdd: "You can drag files to the list area below to add more.",
     dragDropAdd: "Drop files here.",
     dragFile: "Drop files here.",
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index d60a89d..262688e 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -64,7 +64,7 @@ export default {
     assetId: "资产ID",
     welcomeUsePro: "欢迎使用知识库!",
     profile:
-      "知识库专注于文档的高效管理和智能解析，支持包括md,xlsx,pdf,doc,docx,pptx,xml以及txt在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。",
+      "知识库专注于文档的高效管理和智能解析，支持包括md,xlsx,pdf,doc,docx,pptx,html以及txt在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。",
     message: {
       name: "请输入资产库名称",
       libraryNameLen: "资产库名称长度1-15个字符",
@@ -180,7 +180,7 @@ export default {
     fileZipFormat:
       "文件支持.zip格式，最多支持上传5个资产库，资产库总大小不超过5GB",
     fileAllFormat:
-      "文件支持.md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.xml格式，最多支持上传128个文件，文件总大小不超过500MB",
+      "文件支持.md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.html格式，最多支持上传128个文件，文件总大小不超过500MB",
     continueAdd: "您仍可以通过拖拽文件到下方列表区域进行文件添加",
     dragDropAdd: "将文件拖到此处即可继续添加",
     dragFile: "将文件拖到此处",
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index 3a166b4..d576452 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -556,7 +556,7 @@
       :singleFileLimit="true"
       :singleFileSize="0.05"
       :tipText="$t('dialogTipText.fileAllFormat')"
-      accept=".md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.xml"
+      accept=".md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.html"
       :maxFileNum="128"
       :maxSize="0.5"
       :handleUploadMyFile="handleUploadMyFile"
-- 
Gitee


From e3f2647015d5e87c7e15c94567ace3ed65165f3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Fri, 14 Mar 2025 17:13:44 +0800
Subject: [PATCH 09/26] =?UTF-8?q?=E8=B5=84=E4=BA=A7=E5=BA=93=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=AF=BC=E5=85=A5=E6=95=B0=E9=87=8F=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue | 81 +++++++++++++++++----------------
 src/lang/package/en.ts          |  1 +
 src/lang/package/zh-cn.ts       |  1 +
 src/styles/upload.scss          |  4 +-
 4 files changed, 48 insertions(+), 39 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 2ae8302..e350f00 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -3,21 +3,31 @@
     <div v-if="hasFiles">
       <el-alert :title="tipText" type="info" show-icon :closable="false" />
       <div class="list-action">
-        <el-button type="primary" @click.stop="selectFiles" class="file-ops">
+        <el-button
+          type="primary"
+          @click.stop="selectFiles"
+          class="file-ops"
+          :disabled="fileTableList.data.length >= props.maxFileNum"
+        >
           {{ $t("btnText.chooseFile") }}
         </el-button>
-        <el-button @click="deleteFile()" class="delFileBtn cancelBtn">
-          {{ $t("btnText.delete") }}
+        <el-button @click="batchDelete()" class="delFileBtn cancelBtn">
+          {{ $t("btnText.batchDelete") }}
         </el-button>
       </div>
-      <div class="list-tip">{{ $t("dialogTipText.continueAdd") }}</div>
+      <div class="list-tip">
+        <div>{{ $t("dialogTipText.continueAdd") }}</div>
+        <div>{{ fileTableList.data.length }} / {{ props.maxFileNum }}</div>
+      </div>
     </div>
     <el-upload
       action=""
       drag
       multiple
+      :limit="props.maxFileNum"
       :accept="accept"
       :show-file-list="false"
+      :on-exceed="handleExceed"
       :on-success="handlsSuccess"
       :on-change="handleChange"
       :on-progress="handleProgress"
@@ -199,14 +209,6 @@ const showTaskList = ref(true);
 const fileTableRef = ref();
 const handleSelectionChange = (val: TableRow[]) => {
   multipleSelection.value = val;
-  let allFileSizes = 0;
-  val.forEach((item) => {
-    allFileSizes += item.file.size as number;
-  });
-  btnDisabled.value =
-    isMaxMemoryOut(allFileSizes, props.maxSize) ||
-    val.length > props.maxFileNum ||
-    !val.length;
   selectedFiles = val.map((item) => {
     return {
       id: item.id,
@@ -218,6 +220,8 @@ const handleSelectionChange = (val: TableRow[]) => {
 };
 
 const hasFiles = computed(() => fileTableList.data.length > 0);
+
+let allFileSizes = 0; // 所有文件大小
 const handleChange = (file: UploadFile) => {
   const item: TableRow = {
     id: file.uid,
@@ -225,20 +229,16 @@ const handleChange = (file: UploadFile) => {
     size: bytesToSize(file.size as number),
     file: file,
   };
+  allFileSizes += file.size as number;
+  btnDisabled.value = isMaxMemoryOut(allFileSizes, props.maxSize);
   fileTableList.data.push(item);
-  selectedFiles.push({
-    id: item.id,
-    name: item.name,
-    file: item.file,
-    percent: 0,
-  });
-  // 异步更新选中状态
-  nextTick(() => {
-    const row = fileTableList.data.find((val) => item.id === val.id);
-    if (row) {
-      fileTableRef.value.toggleRowSelection(row, true);
-    }
-  });
+};
+
+// 超出文件数量限制时的处理
+const handleExceed = () => {
+  ElMessage.warning(
+    `超出文件数量限制,最多只能上传 ${props.maxFileNum} 个文件!`
+  );
 };
 
 const handleProgress = (e: UploadProgressEvent) => {
@@ -287,13 +287,17 @@ watch(
     immediate: true,
   }
 );
-
+const batchDelete = () => {
+  if (!selectedFiles.length) {
+    ElMessage.warning(`请先选择文件再进行批量删除操作！`);
+    return;
+  }
+  selectedFiles.forEach((item) => item && deleteFile(item));
+};
 const deleteFile = (row?: any) => {
   if (row) {
     const idx = fileTableList.data.findIndex((item: any) => item.id === row.id);
     fileTableList.data.splice(idx, 1);
-  } else if (selectedFiles.length > 0) {
-    selectedFiles.forEach((item) => item && deleteFile(item));
   }
 };
 
@@ -330,10 +334,10 @@ const handleLimitSize = (selectedFileData) => {
 
   return flag;
 };
-
+// 提交资产库 .zip
 const uploadFiles = () => {
   if (props.singleFileLimit) {
-    if (handleLimitSize(selectedFiles)) {
+    if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
         message: t("dialogTipText.singleFileSize"),
@@ -346,8 +350,8 @@ const uploadFiles = () => {
   }
   props?.handleImportLoading(true);
   let uploadFileNumber = 0;
-  props.handInitTaskList(selectedFiles).then((res: any) => {
-    uploadingList.value = selectedFiles.map((item) => {
+    props.handInitTaskList(fileTableList.data).then((res: any) => {
+    uploadingList.value = fileTableList.data.map((item) => {
       return {
         id: item.id,
         name: item.name,
@@ -374,7 +378,7 @@ const uploadFiles = () => {
         },
         onSuccess: (response: any) => {
           uploadFileNumber += 1;
-          if (uploadFileNumber === selectedFiles.length) {
+          if (uploadFileNumber === fileTableList.data.length) {
             props.handleQueryTaskList();
           }
         },
@@ -404,14 +408,15 @@ const uploadFiles = () => {
       }),
     ];
     uploadingList.value.length && handleToggleUploadNotify();
+    props.handleCancelVisible();
+    fileTableList.data = [];
   });
-  props.handleCancelVisible();
-  fileTableList.data = [];
 };
 
+// 资产库内提交文件 .pdf .ms .docx......
 const uploadKnowledgeFile = () => {
   if (props.singleFileLimit) {
-    if (handleLimitSize(selectedFiles)) {
+    if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
         message: t("dialogTipText.singleFileSize"),
@@ -424,7 +429,7 @@ const uploadKnowledgeFile = () => {
   }
   props?.handleImportLoading(true);
   let uploadFileNumber = 0;
-  uploadingList.value = selectedFiles.map((item) => {
+  uploadingList.value = fileTableList.data.map((item) => {
     return {
       id: item.id,
       name: item.name,
@@ -452,7 +457,7 @@ const uploadKnowledgeFile = () => {
         uploadingList.value.length && handleToggleUploadNotify();
       },
       onSuccess: (response: any) => {
-        props.handleQueryTaskList(selectedFiles);
+        props.handleQueryTaskList(fileTableList.data);
         uploadFileNumber += 1;
         item.percent = 100;
         item.uploadStatus = "success";
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 04e4da2..86a59f6 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -138,6 +138,7 @@ export default {
     export: "Export",
     edit: "Edit",
     delete: "Delete",
+    batchDelete: "Batch Delete",
     retry: "Retry",
     restart: "Restart",
     clearAll: "Clear all",
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 262688e..97f5c62 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -143,6 +143,7 @@ export default {
     export: "导出",
     edit: "编辑",
     delete: "删除",
+    batchDelete: "批量删除",
     retry: "重试",
     restart: "重启",
     clearAll: "全部清空",
diff --git a/src/styles/upload.scss b/src/styles/upload.scss
index 4818025..673e672 100644
--- a/src/styles/upload.scss
+++ b/src/styles/upload.scss
@@ -15,7 +15,7 @@
 
       .delFileBtn {
         height: 24px;
-        padding: 4px 20px;
+        padding: 4px 10px;
         font-size: 12px;
 
         span {
@@ -28,6 +28,8 @@
       margin: 8px 0;
       font-size: var(--o-font-size-info);
       line-height: var(--o-line-height-info);
+      display: flex;
+      justify-content: space-between;
     }
 
     &.has-files {
-- 
Gitee


From 4233473db92d6a25a00d052d7d3284f8bce8d6da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Fri, 14 Mar 2025 17:21:11 +0800
Subject: [PATCH 10/26] =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=80=BB=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F=E9=87=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index e350f00..c377b2c 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -410,6 +410,7 @@ const uploadFiles = () => {
     uploadingList.value.length && handleToggleUploadNotify();
     props.handleCancelVisible();
     fileTableList.data = [];
+    allFileSizes=0;
   });
 };
 
@@ -468,6 +469,7 @@ const uploadKnowledgeFile = () => {
   uploadingList.value.length && handleToggleUploadNotify();
   props.handleCancelVisible();
   fileTableList.data = [];
+  allFileSizes=0;
 };
 
 const handleToggleUploadNotify = () => {
-- 
Gitee


From ce99829ae3a67332e498bda6ea6e2d3b6c85bc0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Fri, 14 Mar 2025 18:30:26 +0800
Subject: [PATCH 11/26] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E6=AF=94=E4=BE=8B&=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=80=BB=E6=96=87=E4=BB=B6=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue | 67 ++++++++++++++++++++++-----------
 src/styles/upload.scss          | 20 ++++++++--
 2 files changed, 62 insertions(+), 25 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index c377b2c..c10064c 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -3,22 +3,29 @@
     <div v-if="hasFiles">
       <el-alert :title="tipText" type="info" show-icon :closable="false" />
       <div class="list-action">
-        <el-button
-          type="primary"
-          @click.stop="selectFiles"
-          class="file-ops"
-          :disabled="fileTableList.data.length >= props.maxFileNum"
-        >
-          {{ $t("btnText.chooseFile") }}
-        </el-button>
-        <el-button @click="batchDelete()" class="delFileBtn cancelBtn">
-          {{ $t("btnText.batchDelete") }}
-        </el-button>
-      </div>
-      <div class="list-tip">
-        <div>{{ $t("dialogTipText.continueAdd") }}</div>
-        <div>{{ fileTableList.data.length }} / {{ props.maxFileNum }}</div>
+        <div>
+          <el-button
+            type="primary"
+            @click.stop="selectFiles"
+            class="file-ops"
+            :disabled="fileTableList.data.length >= props.maxFileNum"
+          >
+            {{ $t("btnText.chooseFile") }}
+          </el-button>
+          <el-button @click="batchDelete()" class="delFileBtn cancelBtn">
+            {{ $t("btnText.batchDelete") }}
+          </el-button>
+        </div>
+        <div class="list-action-tip">
+          <div>
+            文件数：{{ fileTableList.data.length }}/{{ props.maxFileNum }}
+          </div>
+          <div>
+            文件大小：{{ allFileSizesInfo }}/{{ props.maxSize }}MB
+          </div>
+        </div>
       </div>
+      <div class="list-tip">{{ $t("dialogTipText.continueAdd") }}</div>
     </div>
     <el-upload
       action=""
@@ -204,6 +211,16 @@ let selectedFiles: any[] = [];
 const multipleSelection = ref<TableRow[]>([]);
 const uploadingList = ref<Array<any>>([]);
 const showTaskList = ref(true);
+let allFileSizes = ref(0); // 所有文件大小
+
+let allFileSizesInfo=computed(()=>{
+  // 字节转MB：1 MB = 1024 * 1024 bytes
+  if (allFileSizes.value <= 0) return 0;
+  const mbValue = allFileSizes.value / (1024 * 1024);
+  
+  // 保留2位小数并转为数字类型
+  return Number(mbValue.toFixed(2));
+})
 
 // 表格实例引用
 const fileTableRef = ref();
@@ -221,7 +238,15 @@ const handleSelectionChange = (val: TableRow[]) => {
 
 const hasFiles = computed(() => fileTableList.data.length > 0);
 
-let allFileSizes = 0; // 所有文件大小
+const changeAllSizes=(file:any,type?:string)=>{
+  if(type==='add'){
+    allFileSizes.value += file.size as number;
+  }else{
+    allFileSizes.value -= file.size as number;
+  }
+  btnDisabled.value = isMaxMemoryOut(allFileSizes.value, props.maxSize);
+}
+
 const handleChange = (file: UploadFile) => {
   const item: TableRow = {
     id: file.uid,
@@ -229,8 +254,7 @@ const handleChange = (file: UploadFile) => {
     size: bytesToSize(file.size as number),
     file: file,
   };
-  allFileSizes += file.size as number;
-  btnDisabled.value = isMaxMemoryOut(allFileSizes, props.maxSize);
+  changeAllSizes(file,'add');
   fileTableList.data.push(item);
 };
 
@@ -298,6 +322,7 @@ const deleteFile = (row?: any) => {
   if (row) {
     const idx = fileTableList.data.findIndex((item: any) => item.id === row.id);
     fileTableList.data.splice(idx, 1);
+    changeAllSizes(row.file,'del');
   }
 };
 
@@ -350,7 +375,7 @@ const uploadFiles = () => {
   }
   props?.handleImportLoading(true);
   let uploadFileNumber = 0;
-    props.handInitTaskList(fileTableList.data).then((res: any) => {
+  props.handInitTaskList(fileTableList.data).then((res: any) => {
     uploadingList.value = fileTableList.data.map((item) => {
       return {
         id: item.id,
@@ -410,7 +435,7 @@ const uploadFiles = () => {
     uploadingList.value.length && handleToggleUploadNotify();
     props.handleCancelVisible();
     fileTableList.data = [];
-    allFileSizes=0;
+    allFileSizes.value = 0;
   });
 };
 
@@ -469,7 +494,7 @@ const uploadKnowledgeFile = () => {
   uploadingList.value.length && handleToggleUploadNotify();
   props.handleCancelVisible();
   fileTableList.data = [];
-  allFileSizes=0;
+  allFileSizes.value = 0;
 };
 
 const handleToggleUploadNotify = () => {
diff --git a/src/styles/upload.scss b/src/styles/upload.scss
index 673e672..798ad49 100644
--- a/src/styles/upload.scss
+++ b/src/styles/upload.scss
@@ -6,6 +6,7 @@
   .upload-to-list {
     .list-action {
       display: flex;
+      justify-content: space-between;
 
       .file-ops {
         height: 24px;
@@ -22,14 +23,22 @@
           min-width: unset !important;
         }
       }
+
+      .list-action-tip {
+        width: 60%;
+        font-size: var(--o-font-size-info);
+        display: flex;
+        justify-content: end;
+        &>:first-child{
+          margin-right: 15px;
+        }
+      }
     }
 
     .list-tip {
       margin: 8px 0;
       font-size: var(--o-font-size-info);
       line-height: var(--o-line-height-info);
-      display: flex;
-      justify-content: space-between;
     }
 
     &.has-files {
@@ -163,7 +172,7 @@
       height: 24px;
     }
 
-    + .upload-tip {
+    +.upload-tip {
       margin-top: 24px;
     }
   }
@@ -173,13 +182,16 @@
     height: 184px;
     cursor: default;
     background-color: var(--o-bg-color-base);
+
     .cell {
       font-size: 12px !important;
     }
+
     .el-table {
       ::-webkit-scrollbar {
         width: 4px !important;
       }
+
       .el-scrollbar__bar.is-vertical {
         width: 4px !important;
       }
@@ -222,4 +234,4 @@
   .el-progress__text {
     font-weight: 600 !important;
   }
-}
+}
\ No newline at end of file
-- 
Gitee


From 8783e0c687f77e944d22ff85aceb2d2a7a0d23fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Mon, 17 Mar 2025 10:24:19 +0800
Subject: [PATCH 12/26] =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=95=B0=E9=87=8F?=
 =?UTF-8?q?=E5=92=8C=E5=A4=A7=E5=B0=8F=E6=8F=90=E7=A4=BA=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue   | 46 +++++++++++++++++++++----------
 src/lang/package/en.ts            |  2 ++
 src/lang/package/zh-cn.ts         |  2 ++
 src/views/knowledgeFile/index.vue |  2 +-
 4 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index c10064c..9b5a8ae 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -18,10 +18,14 @@
         </div>
         <div class="list-action-tip">
           <div>
-            文件数：{{ fileTableList.data.length }}/{{ props.maxFileNum }}
+            {{ $t("dialogTipText.fileNums") }}:{{
+              fileTableList.data.length
+            }}/{{ props.maxFileNum }}
           </div>
           <div>
-            文件大小：{{ allFileSizesInfo }}/{{ props.maxSize }}MB
+            {{ $t("dialogTipText.fileSizes") }}:{{ allFileSizesInfo }}/{{
+              maxFileSizesInfo
+            }}
           </div>
         </div>
       </div>
@@ -213,14 +217,28 @@ const uploadingList = ref<Array<any>>([]);
 const showTaskList = ref(true);
 let allFileSizes = ref(0); // 所有文件大小
 
-let allFileSizesInfo=computed(()=>{
+let allFileSizesInfo = computed(() => {
   // 字节转MB：1 MB = 1024 * 1024 bytes
   if (allFileSizes.value <= 0) return 0;
-  const mbValue = allFileSizes.value / (1024 * 1024);
-  
-  // 保留2位小数并转为数字类型
-  return Number(mbValue.toFixed(2));
-})
+  if (allFileSizes.value < 1024) {
+    return allFileSizes.value + "B";
+  } else if (allFileSizes.value / 1024 < 1024) {
+    return (allFileSizes.value / 1024).toFixed(0) + "KB";
+  } else if (allFileSizes.value / 1024 / 1024 < 1024) {
+    return (allFileSizes.value / 1024 / 1024).toFixed(0) + "MB";
+  } else {
+    return (allFileSizes.value / 1024 / 1024 / 1024).toFixed(0) + "GB";
+  }
+});
+
+let maxFileSizesInfo = computed(() => {
+  if (props.maxSize <= 0) return 0;
+  if (props.maxSize < 1) {
+    return (props.maxSize * 1024).toFixed(0) + "MB";
+  } else {
+    return props.maxSize + "GB";
+  }
+});
 
 // 表格实例引用
 const fileTableRef = ref();
@@ -238,14 +256,14 @@ const handleSelectionChange = (val: TableRow[]) => {
 
 const hasFiles = computed(() => fileTableList.data.length > 0);
 
-const changeAllSizes=(file:any,type?:string)=>{
-  if(type==='add'){
+const changeAllSizes = (file: any, type?: string) => {
+  if (type === "add") {
     allFileSizes.value += file.size as number;
-  }else{
+  } else {
     allFileSizes.value -= file.size as number;
   }
   btnDisabled.value = isMaxMemoryOut(allFileSizes.value, props.maxSize);
-}
+};
 
 const handleChange = (file: UploadFile) => {
   const item: TableRow = {
@@ -254,7 +272,7 @@ const handleChange = (file: UploadFile) => {
     size: bytesToSize(file.size as number),
     file: file,
   };
-  changeAllSizes(file,'add');
+  changeAllSizes(file, "add");
   fileTableList.data.push(item);
 };
 
@@ -322,7 +340,7 @@ const deleteFile = (row?: any) => {
   if (row) {
     const idx = fileTableList.data.findIndex((item: any) => item.id === row.id);
     fileTableList.data.splice(idx, 1);
-    changeAllSizes(row.file,'del');
+    changeAllSizes(row.file, "del");
   }
 };
 
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 86a59f6..053f724 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -184,6 +184,8 @@ export default {
     fileName: "File name",
     fileSize: "Size",
     singleFileSize: "The size of a file cannot exceed 20 MB.",
+    fileNums: "File Number",
+    fileSizes: "File Size",
   },
   formTipText: {
     analyticTip:
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 97f5c62..1062fd7 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -188,6 +188,8 @@ export default {
     fileName: "文件名",
     fileSize: "大小",
     singleFileSize: "单个文件大小不能超过20MB",
+    fileNums: "文件数",
+    fileSizes: "文件大小",
   },
   formTipText: {
     analyticTip:
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index d576452..cd78c36 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -558,7 +558,7 @@
       :tipText="$t('dialogTipText.fileAllFormat')"
       accept=".md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.html"
       :maxFileNum="128"
-      :maxSize="0.5"
+      :maxSize="0.488"
       :handleUploadMyFile="handleUploadMyFile"
       :handleQueryTaskList="handleQueryTaskList"
       :handleCancelVisible="handleCancelVisible"
-- 
Gitee


From 7357f1f99f8bd57e7c4e5ef992bbe5d9baba81b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Thu, 20 Mar 2025 16:39:59 +0800
Subject: [PATCH 13/26] =?UTF-8?q?=E5=86=85=E5=AE=B9=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/knowledgeFileSection/index.vue | 3 +--
 vite.config.ts                           | 5 +++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/knowledgeFileSection/index.vue b/src/views/knowledgeFileSection/index.vue
index 99ce277..0306474 100644
--- a/src/views/knowledgeFileSection/index.vue
+++ b/src/views/knowledgeFileSection/index.vue
@@ -238,8 +238,7 @@
                     </span>
                     <span style="white-space: pre-wrap">
                       <span v-for="itemText in scope.row?.text?.split('\n')">
-                        {{ itemText }}
-                        <br />
+                        <div v-html="itemText"></div>
                       </span>
                     </span>
                   </div>
diff --git a/vite.config.ts b/vite.config.ts
index 3337c7e..2c6ec92 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -60,10 +60,11 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
       open: true,
       proxy: {
         "/witchaind/api": {
-          target: "http://116.63.144.61:9988",
+          target: "https://euler-copilot-master.test.osinfra.cn/witchaind",
           changeOrigin: true,
           ws: false,
-          rewrite: (path) => path.replace(new RegExp("^" + "/witchaind/api"), ""),
+          secure: false, 
+          rewrite: (path) => path.replace(/^\/witchaind\/api/, "/api")
         },
       },
     },
-- 
Gitee


From 2d56b53c29f7f4df4be28ab58d7b3335e0e990d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Fri, 21 Mar 2025 10:44:53 +0800
Subject: [PATCH 14/26] init .prettierrc.json

---
 .prettierrc.json                              |   13 +
 README.en.md                                  |    7 +-
 README.md                                     |    2 +-
 commitlint.config.cjs                         |   89 +-
 index.html                                    |   12 +-
 lint-staged.config.cjs                        |   17 +-
 src/App.vue                                   |   25 +-
 src/api/auth.ts                               |   22 +-
 src/api/kbApp.ts                              |   66 +-
 src/api/kfApp.ts                              |   66 +-
 src/api/menu.ts                               |    6 +-
 src/api/user.ts                               |    6 +-
 src/assets/base.css                           |   14 +-
 src/assets/fonts/HarmonyOS/HarmonyOS_font.css |   98 +-
 src/components/CustomLoading/index.vue        |   11 +-
 src/components/HeaderBar/index.vue            |   14 +-
 src/components/IconSelect/index.vue           |   77 +-
 src/components/KnowledgeForm/index.vue        |  249 +-
 src/components/LangSelect/index.vue           |   58 +-
 src/components/SvgIcon/index.vue              |   17 +-
 src/components/TableFilter/index.vue          |   75 +-
 src/components/TextMoreTootip/index.vue       |   64 +-
 src/components/TextSingleTootip/index.vue     |   36 +-
 src/components/Upload/index.vue               |  220 +-
 src/components/Upload/uploadProgress.vue      |  117 +-
 src/components/UserHeaderBar/headerCom.vue    |  263 +-
 src/components/UserHeaderBar/index.vue        |   15 +-
 src/enums/CacheEnum.ts                        |    2 +-
 src/enums/FormTypeEnum.ts                     |   18 +-
 src/enums/KnowledgeEnum.ts                    |   14 +-
 src/enums/LanguageEnum.ts                     |    4 +-
 src/enums/MessageTypeEnum.ts                  |   12 +-
 src/enums/QueryTypeEnum.ts                    |   18 +-
 src/enums/ResultEnum.ts                       |    6 +-
 src/enums/ThemeEnum.ts                        |    6 +-
 src/lang/index.ts                             |   22 +-
 src/lang/package/en.ts                        |  344 ++-
 src/lang/package/zh-cn.ts                     |  353 ++-
 src/main.ts                                   |   38 +-
 src/plugins/icons.ts                          |    4 +-
 src/plugins/index.ts                          |   14 +-
 src/plugins/permission.ts                     |   23 +-
 src/router/index.ts                           |   56 +-
 src/settings.ts                               |   10 +-
 src/store/index.ts                            |   12 +-
 src/store/modules/app.ts                      |   16 +-
 src/store/modules/permission.ts               |   14 +-
 src/store/modules/settings.ts                 |   35 +-
 src/store/modules/user.ts                     |   20 +-
 src/styles/app.scss                           |    6 +-
 src/styles/headerBar.scss                     |    2 +-
 src/styles/index.scss                         |    4 +-
 src/styles/knowledgeFile.scss                 |    4 +-
 src/styles/knowledgeFileSection.scss          |    4 +-
 src/styles/knowledgeForm.scss                 |    2 +-
 src/styles/knowledgeLibrary.scss              |    8 +-
 src/styles/login.scss                         |    4 +-
 src/styles/reset.scss                         |  123 +-
 src/styles/upload.scss                        |    8 +-
 src/types/auto-imports.d.ts                   | 2600 ++++++-----------
 src/types/components.d.ts                     |  192 +-
 src/types/env.d.ts                            |    4 +-
 src/types/router.d.ts                         |    4 +-
 src/types/socket.d.ts                         |    4 +-
 src/utils/bytesToSize.ts                      |    6 +-
 src/utils/convertUTCToLocalTime.ts            |   28 +-
 src/utils/i18n.ts                             |    6 +-
 src/utils/index.ts                            |    8 +-
 src/utils/nprogress.ts                        |    8 +-
 src/utils/request.ts                          |   55 +-
 src/views/knowledgeFile/index.vue             |  670 ++---
 src/views/knowledgeFileSection/index.vue      |  235 +-
 src/views/knowledgeLibrary/index.vue          |  534 ++--
 src/views/login/index.vue                     |  446 ++-
 src/views/notFoundPage/index.vue              |    2 +-
 uno.config.ts                                 |   34 +-
 vite.config.ts                                |  280 +-
 77 files changed, 3452 insertions(+), 4529 deletions(-)
 create mode 100644 .prettierrc.json

diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..547b9f8
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,13 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "arrowParens": "always",
+  "htmlWhitespaceSensitivity": "ignore",
+  "endOfLine": "auto",
+  "singleAttributePerLine": true
+}
diff --git a/README.en.md b/README.en.md
index 96300c7..100efc8 100644
--- a/README.en.md
+++ b/README.en.md
@@ -1,9 +1,11 @@
 # euler-copilot-witchaind-web
 
 #### Description
+
 The web frontend of EulerCopilot witChainD.
 
 #### Software Architecture
+
 Software architecture description
 
 #### Installation
@@ -25,12 +27,11 @@ Software architecture description
 3.  Commit your code
 4.  Create Pull Request
 
-
 #### Gitee Feature
 
-1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
+1.  You can use Readme_XXX.md to support different languages, such as Readme_en.md, Readme_zh.md
 2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
 3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
 4.  The most valuable open source project [GVP](https://gitee.com/gvp)
 5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
-6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
+6.  The most popular members [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
diff --git a/README.md b/README.md
index 0ed320c..abd8067 100644
--- a/README.md
+++ b/README.md
@@ -12,4 +12,4 @@ pnpm install
 
 # 启动运行
 pnpm run dev
-```
\ No newline at end of file
+```
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
index 6045ee3..ef0d019 100644
--- a/commitlint.config.cjs
+++ b/commitlint.config.cjs
@@ -1,46 +1,46 @@
 module.exports = {
   // 继承的规则
-  extends: ["@commitlint/config-conventional"],
+  extends: ['@commitlint/config-conventional'],
   // 自定义规则
   rules: {
     // @see https://commitlint.js.org/#/reference-rules
 
     // 提交类型枚举，git提交type必须是以下类型
-    "type-enum": [
+    'type-enum': [
       2,
-      "always",
+      'always',
       [
-        "feat", // 新增功能
-        "fix", // 修复缺陷
-        "docs", // 文档变更
-        "style", // 代码格式（不影响功能，例如空格、分号等格式修正）
-        "refactor", // 代码重构（不包括 bug 修复、功能新增）
-        "perf", // 性能优化
-        "test", // 添加疏漏测试或已有测试改动
-        "build", // 构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）
-        "ci", // 修改 CI 配置、脚本
-        "revert", // 回滚 commit
-        "chore", // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
-        "wip", // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
-      ],
+        'feat', // 新增功能
+        'fix', // 修复缺陷
+        'docs', // 文档变更
+        'style', // 代码格式（不影响功能，例如空格、分号等格式修正）
+        'refactor', // 代码重构（不包括 bug 修复、功能新增）
+        'perf', // 性能优化
+        'test', // 添加疏漏测试或已有测试改动
+        'build', // 构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）
+        'ci', // 修改 CI 配置、脚本
+        'revert', // 回滚 commit
+        'chore', // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
+        'wip' // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
+      ]
     ],
-    "subject-case": [0], // subject大小写不做校验
+    'subject-case': [0] // subject大小写不做校验
   },
 
   prompt: {
     messages: {
-      type: "选择你要提交的类型 :",
-      scope: "选择一个提交范围（可选）:",
-      customScope: "请输入自定义的提交范围 :",
-      subject: "填写简短精炼的变更描述 :\n",
+      type: '选择你要提交的类型 :',
+      scope: '选择一个提交范围（可选）:',
+      customScope: '请输入自定义的提交范围 :',
+      subject: '填写简短精炼的变更描述 :\n',
       body: '填写更加详细的变更描述（可选）。使用 "|" 换行 :\n',
       breaking: '列举非兼容性重大的变更（可选）。使用 "|" 换行 :\n',
-      footerPrefixesSelect: "选择关联issue前缀（可选）:",
-      customFooterPrefix: "输入自定义issue前缀 :",
-      footer: "列举关联issue (可选) 例如: #31, #I3244 :\n",
-      generatingByAI: "正在通过 AI 生成你的提交简短描述...",
-      generatedSelectByAI: "选择一个 AI 生成的简短描述:",
-      confirmCommit: "是否提交或修改commit ?",
+      footerPrefixesSelect: '选择关联issue前缀（可选）:',
+      customFooterPrefix: '输入自定义issue前缀 :',
+      footer: '列举关联issue (可选) 例如: #31, #I3244 :\n',
+      generatingByAI: '正在通过 AI 生成你的提交简短描述...',
+      generatedSelectByAI: '选择一个 AI 生成的简短描述:',
+      confirmCommit: '是否提交或修改commit ?'
     },
     // prettier-ignore
     types: [
@@ -58,28 +58,26 @@ module.exports = {
       { value: "wip", name: "开发中:   🚧  开发阶段临时提交", emoji: ":construction:" },
     ],
     useEmoji: true,
-    emojiAlign: "center",
+    emojiAlign: 'center',
     useAI: false,
     aiNumber: 1,
-    themeColorCode: "",
+    themeColorCode: '',
     scopes: [],
     allowCustomScopes: true,
     allowEmptyScopes: true,
-    customScopesAlign: "bottom",
-    customScopesAlias: "custom",
-    emptyScopesAlias: "empty",
+    customScopesAlign: 'bottom',
+    customScopesAlias: 'custom',
+    emptyScopesAlias: 'empty',
     upperCaseSubject: false,
     markBreakingChangeMode: false,
-    allowBreakingChanges: ["feat", "fix"],
+    allowBreakingChanges: ['feat', 'fix'],
     breaklineNumber: 100,
-    breaklineChar: "|",
+    breaklineChar: '|',
     skipQuestions: [],
-    issuePrefixes: [
-      { value: "closed", name: "closed:   ISSUES has been processed" },
-    ],
-    customIssuePrefixAlign: "top",
-    emptyIssuePrefixAlias: "skip",
-    customIssuePrefixAlias: "custom",
+    issuePrefixes: [{ value: 'closed', name: 'closed:   ISSUES has been processed' }],
+    customIssuePrefixAlign: 'top',
+    emptyIssuePrefixAlias: 'skip',
+    customIssuePrefixAlias: 'custom',
     allowCustomIssuePrefix: true,
     allowEmptyIssuePrefix: true,
     confirmColorize: true,
@@ -87,10 +85,9 @@ module.exports = {
     maxSubjectLength: Infinity,
     minSubjectLength: 0,
     scopeOverrides: undefined,
-    defaultBody: "",
-    defaultIssues: "",
-    defaultScope: "",
-    defaultSubject: "",
-  },
+    defaultBody: '',
+    defaultIssues: '',
+    defaultScope: '',
+    defaultSubject: ''
+  }
 };
-
diff --git a/index.html b/index.html
index 1d65c64..f87aef1 100644
--- a/index.html
+++ b/index.html
@@ -2,8 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/euler_copilot_logo.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="icon"
+      href="/euler_copilot_logo.svg" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0" />
     <title>witChainD</title>
   </head>
 
@@ -12,7 +16,9 @@
       <div class="loader"></div>
     </div>
   </body>
-  <script type="module" src="/src/main.ts"></script>
+  <script
+    type="module"
+    src="/src/main.ts"></script>
 
   <style>
     html,
diff --git a/lint-staged.config.cjs b/lint-staged.config.cjs
index 6de155a..c9a75fd 100644
--- a/lint-staged.config.cjs
+++ b/lint-staged.config.cjs
@@ -1,13 +1,8 @@
 module.exports = {
-  "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
-  "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
-    "prettier --write--parser json",
-  ],
-  "package.json": ["prettier --write"],
-  "*.vue": ["eslint --fix", "prettier --write", "stylelint --fix"],
-  "*.{scss,less,styl,html}": [
-    "stylelint --fix --allow-empty-input",
-    "prettier --write ",
-  ],
-  "*.md": ["prettier --write"],
+  '*.{js,jsx,ts,tsx}': ['eslint --fix', 'prettier --write'],
+  '{!(package)*.json,*.code-snippets,.!(browserslist)*rc}': ['prettier --write--parser json'],
+  'package.json': ['prettier --write'],
+  '*.vue': ['eslint --fix', 'prettier --write', 'stylelint --fix'],
+  '*.{scss,less,styl,html}': ['stylelint --fix --allow-empty-input', 'prettier --write '],
+  '*.md': ['prettier --write']
 };
diff --git a/src/App.vue b/src/App.vue
index 0a3de3e..232b672 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,31 +5,30 @@
 </template>
 
 <script setup lang="ts">
-import { useAppStore, useSettingsStore } from "@/store";
-import { ThemeEnum } from "@/enums/ThemeEnum";
+import { useAppStore, useSettingsStore } from '@/store';
+import { ThemeEnum } from '@/enums/ThemeEnum';
 const appStore = useAppStore();
 const settingsStore = useSettingsStore();
-import "@/styles/app.scss";
-import router from "./router";
+import '@/styles/app.scss';
+import router from './router';
 
 const locale = computed(() => appStore.locale);
 
 onMounted(() => {
-  window.addEventListener("beforeunload", (e) => {
-    sessionStorage.setItem("beforeunload", "1");
+  window.addEventListener('beforeunload', (e) => {
+    sessionStorage.setItem('beforeunload', '1');
   });
   // 监听页面刷新
-  const beforeUnload = sessionStorage.getItem("beforeunload");
-  if (beforeUnload === "1") {
-    const name = sessionStorage.getItem("routerName");
+  const beforeUnload = sessionStorage.getItem('beforeunload');
+  if (beforeUnload === '1') {
+    const name = sessionStorage.getItem('routerName');
     if (name) {
-      router.push( name ); // 如果sessionStorage存在路由，去缓存的路由
+      router.push(name); // 如果sessionStorage存在路由，去缓存的路由
     } else {
-      router.push( "/" ); // 不存在存储，去主页
+      router.push('/'); // 不存在存储，去主页
     }
-    sessionStorage.removeItem("beforeunload"); // 清除标记
+    sessionStorage.removeItem('beforeunload'); // 清除标记
   }
-
 });
 </script>
 
diff --git a/src/api/auth.ts b/src/api/auth.ts
index 78fe0b6..ef27133 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -1,5 +1,5 @@
-import request from "@/utils/request";
-import CryptoJS from "crypto-js"; // 导入 CryptoJS
+import request from '@/utils/request';
+import CryptoJS from 'crypto-js'; // 导入 CryptoJS
 
 class AuthAPI {
   /** 注册 接口*/
@@ -8,19 +8,19 @@ class AuthAPI {
     const newData = { ...data, passwd: hashPwd };
     return request({
       url: `/user/add`,
-      method: "post",
-      data: newData,
+      method: 'post',
+      data: newData
     });
   }
-  
+
   /** 登录 接口*/
   static login(data: LoginData) {
     const hashPwd = CryptoJS.SHA256(data.password).toString();
     const newData = { ...data, password: hashPwd };
     return request({
       url: `/user/login`,
-      method: "get",
-      params: newData,
+      method: 'get',
+      params: newData
     });
   }
 
@@ -28,7 +28,7 @@ class AuthAPI {
   static logout() {
     return request({
       url: `/user/logout`,
-      method: "get",
+      method: 'get'
     });
   }
 
@@ -36,8 +36,8 @@ class AuthAPI {
   static userUpdate(data: userUpade) {
     return request({
       url: `/user/update`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 }
@@ -58,7 +58,7 @@ export interface SigninData {
   /** 昵称 */
   name: string;
   /** 邮箱 */
-  email:string | null;
+  email: string | null;
 }
 
 export interface userUpade {
diff --git a/src/api/kbApp.ts b/src/api/kbApp.ts
index c611941..5dbf70f 100644
--- a/src/api/kbApp.ts
+++ b/src/api/kbApp.ts
@@ -1,14 +1,14 @@
-import request from "@/utils/request";
-import { CreateKbRequest, QueryKbRequest, UpdateKbRequest } from "./apiType";
-import { ModelForm } from "@/components/UserHeaderBar/modelConfig";
+import request from '@/utils/request';
+import { CreateKbRequest, QueryKbRequest, UpdateKbRequest } from './apiType';
+import { ModelForm } from '@/components/UserHeaderBar/modelConfig';
 
 class KbAppAPI {
   /** 获取用户所有知识库*/
   static getKbLibrary(data: QueryKbRequest) {
     return request({
       url: `/kb/list`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -16,8 +16,8 @@ class KbAppAPI {
   static delKbLibrary(data: { id: string; task_id: string }) {
     return request({
       url: `/kb/rm`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -25,8 +25,8 @@ class KbAppAPI {
   static createKbLibrary(data: CreateKbRequest) {
     return request({
       url: `/kb/create`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -34,29 +34,25 @@ class KbAppAPI {
   static updateKbLibrary(data: UpdateKbRequest) {
     return request({
       url: `/kb/update`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
   /** 获取导入知识库状态*/
-  static queryKbTaskList(data: {
-    types: any[];
-    page_size: number;
-    page_number: number;
-  }) {
+  static queryKbTaskList(data: { types: any[]; page_size: number; page_number: number }) {
     return request({
       url: `/kb/task/list`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
   static stopKbTaskList(data: { task_id?: string; types?: any[] }) {
     return request({
       url: `/kb/task/rm`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -64,17 +60,17 @@ class KbAppAPI {
   static importKbLibrary(payload: { data: any }, options: any) {
     return request({
       url: `/kb/import`,
-      method: "post",
+      method: 'post',
       data: payload.data,
       headers: {
-        "Content-Type": "multipart/form-data",
+        'Content-Type': 'multipart/form-data'
       },
       onUploadProgress(e) {
         const rate = Math.floor((e.loaded / (e.total as number)) * 100);
         if (rate < 100) {
           options.onProgress(rate);
         }
-      },
+      }
     });
   }
 
@@ -84,15 +80,15 @@ class KbAppAPI {
     return request({
       url: `/kb/export`,
       data: {
-        id,
+        id
       },
-      method: "post",
+      method: 'post',
       onUploadProgress(e) {
         const rate = Math.floor((e.loaded / (e.total as number)) * 100);
         if (rate < 100) {
           options.onProgress(rate);
         }
-      },
+      }
     });
   }
 
@@ -101,30 +97,30 @@ class KbAppAPI {
     return request({
       url: `/kb/download`,
       data: {
-        id: fileId,
+        id: fileId
       },
-      method: "post",
+      method: 'post'
     });
   }
 
   static queryLanguageList() {
     return request({
       url: `/kb/language`,
-      method: "get",
+      method: 'get'
     });
   }
 
   static queryEmbeddingModelList() {
     return request({
       url: `/other/embedding_model`,
-      method: "get",
+      method: 'get'
     });
   }
 
   static queryParseMethodList() {
     return request({
       url: `/other/parse_method`,
-      method: "get",
+      method: 'get'
     });
   }
 
@@ -132,22 +128,22 @@ class KbAppAPI {
   static addUserModel(data: ModelForm) {
     return request({
       url: `/model/update`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
   static getdUserModel() {
     return request({
       url: `/model/get`,
-      method: "get",
+      method: 'get'
     });
   }
 
   static localModelList() {
     return request({
       url: `/model/list`,
-      method: "get",
+      method: 'get'
     });
   }
 }
diff --git a/src/api/kfApp.ts b/src/api/kfApp.ts
index bf0bb9f..af26da5 100644
--- a/src/api/kfApp.ts
+++ b/src/api/kfApp.ts
@@ -1,26 +1,21 @@
-import request from "@/utils/request";
-import {
-  ChunkRequest,
-  DocDownload,
-  DocListRequest,
-  DocRenameRequest,
-} from "./apiType";
+import request from '@/utils/request';
+import { ChunkRequest, DocDownload, DocListRequest, DocRenameRequest } from './apiType';
 
 class KfAppAPI {
   /** 获取资产库里的文件*/
   static getKbLibraryFile(data: DocListRequest) {
     return request({
       url: `/doc/list`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
   /** 修改资产库里的文件*/
   static updateLibraryFile(data: DocRenameRequest) {
     return request({
       url: `/doc/update`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -28,8 +23,8 @@ class KfAppAPI {
   static switchLibraryFile(data: { enabled: boolean; id: string }) {
     return request({
       url: `/doc/switch`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -37,8 +32,8 @@ class KfAppAPI {
   static delLibraryFile(data: { ids: any[] }) {
     return request({
       url: `/doc/rm`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -46,29 +41,26 @@ class KfAppAPI {
   static runLibraryFile(data: { ids: string[]; run: string }) {
     return request({
       url: `/doc/run`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
   /**导入资产库文档 */
-  static importKbLibraryFile(
-    payload: { data: any; params: any },
-    options: any
-  ) {
+  static importKbLibraryFile(payload: { data: any; params: any }, options: any) {
     return request({
       url: `/doc/upload?kb_id=${payload.params.kb_id}`,
-      method: "post",
+      method: 'post',
       data: payload.data,
       headers: {
-        "Content-Type": "multipart/form-data",
+        'Content-Type': 'multipart/form-data'
       },
       onUploadProgress(e) {
         const rate = Math.floor((e.loaded / (e.total as number)) * 100);
         if (rate < 100) {
           options.onProgress(rate);
         }
-      },
+      }
     });
   }
 
@@ -76,8 +68,8 @@ class KfAppAPI {
   static downloadLibraryFile(data: { ids: string[] }) {
     return request({
       url: `/doc/download`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -85,16 +77,16 @@ class KfAppAPI {
   static queryKfTaskList(data: { type: string }) {
     return request({
       url: `/doc/task/list`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
   static stopKfTaskList(data: { id: string }) {
     return request({
       url: `/doc/task/stop`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
@@ -102,21 +94,17 @@ class KfAppAPI {
   static chunkLibraryFile(data: ChunkRequest) {
     return request({
       url: `/chunk/list`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 
   /** 是否启用文件*/
-  static switchLibraryFileSection(data: {
-    enabled: boolean;
-    ids: string[];
-    document_id: string;
-  }) {
+  static switchLibraryFileSection(data: { enabled: boolean; ids: string[]; document_id: string }) {
     return request({
       url: `/chunk/switch`,
-      method: "post",
-      data: data,
+      method: 'post',
+      data: data
     });
   }
 }
diff --git a/src/api/menu.ts b/src/api/menu.ts
index baa6243..f38f810 100644
--- a/src/api/menu.ts
+++ b/src/api/menu.ts
@@ -1,6 +1,6 @@
-import request from "@/utils/request";
+import request from '@/utils/request';
 // 菜单基础URL
-const MENU_BASE_URL = "/api/v1/menus";
+const MENU_BASE_URL = '/api/v1/menus';
 
 class MenuAPI {
   /**
@@ -13,7 +13,7 @@ class MenuAPI {
   static getRoutes() {
     return request<any, RouteVO[]>({
       url: `${MENU_BASE_URL}/routes`,
-      method: "get",
+      method: 'get'
     });
   }
 }
diff --git a/src/api/user.ts b/src/api/user.ts
index f26c72a..87d0f2d 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -1,6 +1,6 @@
-import request from "@/utils/request";
+import request from '@/utils/request';
 
-const USER_BASE_URL = "/api/v1/users";
+const USER_BASE_URL = '/api/v1/users';
 
 class UserAPI {
   /**
@@ -11,7 +11,7 @@ class UserAPI {
   static getInfo() {
     return request<any, UserInfo>({
       url: `${USER_BASE_URL}/me`,
-      method: "get",
+      method: 'get'
     });
   }
 }
diff --git a/src/assets/base.css b/src/assets/base.css
index 5750a71..11b6ac7 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -22,14 +22,14 @@ body {
     Inter,
     -apple-system,
     BlinkMacSystemFont,
-    "Segoe UI",
+    'Segoe UI',
     Roboto,
     Oxygen,
     Ubuntu,
     Cantarell,
-    "Fira Sans",
-    "Droid Sans",
-    "Helvetica Neue",
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
     sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
@@ -42,6 +42,6 @@ body {
   flex-direction: column;
 }
 
-:deep(.el-dialog){
-  --el-dialog-padding-primary:0px;
-}
\ No newline at end of file
+:deep(.el-dialog) {
+  --el-dialog-padding-primary: 0px;
+}
diff --git a/src/assets/fonts/HarmonyOS/HarmonyOS_font.css b/src/assets/fonts/HarmonyOS/HarmonyOS_font.css
index 1812ff0..d078d57 100644
--- a/src/assets/fonts/HarmonyOS/HarmonyOS_font.css
+++ b/src/assets/fonts/HarmonyOS/HarmonyOS_font.css
@@ -12,110 +12,110 @@
 
 /* 鸿蒙中文 */
 @font-face {
-  font-family: "HarmonyOS Sans SC Thin";
-  src: 
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff)  format("woff");
+  font-family: 'HarmonyOS Sans SC Thin';
+  src:
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff) format('woff');
   font-weight: 100;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Light";
-  src: 
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff)  format("woff");
+  font-family: 'HarmonyOS Sans SC Light';
+  src:
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff) format('woff');
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Regular";
-  src: 
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff)  format("woff");
+  font-family: 'HarmonyOS Sans SC Regular';
+  src:
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff) format('woff');
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Medium";
-  src: 
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff)  format("woff");
+  font-family: 'HarmonyOS Sans SC Medium';
+  src:
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff) format('woff');
   font-weight: 500;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Bold";
-  src: 
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff)  format("woff");
+  font-family: 'HarmonyOS Sans SC Bold';
+  src:
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff) format('woff');
   font-weight: 700;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Black";
-  src: 
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff)  format("woff");
+  font-family: 'HarmonyOS Sans SC Black';
+  src:
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff) format('woff');
   font-weight: 900;
   font-style: normal;
 }
 
 /*  鸿蒙西文字体 */
 @font-face {
-  font-family: "HarmonyOS Sans En Thin";
-  src: 
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff)  format("woff");
+  font-family: 'HarmonyOS Sans En Thin';
+  src:
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff) format('woff');
   font-weight: 100;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Light";
-  src: 
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff)  format("woff");
+  font-family: 'HarmonyOS Sans En Light';
+  src:
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff) format('woff');
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Regular";
-  src: 
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff)  format("woff");
+  font-family: 'HarmonyOS Sans En Regular';
+  src:
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff) format('woff');
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Medium";
-  src: 
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff)  format("woff");
+  font-family: 'HarmonyOS Sans En Medium';
+  src:
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff) format('woff');
   font-weight: 500;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Bold";
-  src: 
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff)  format("woff");
+  font-family: 'HarmonyOS Sans En Bold';
+  src:
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff) format('woff');
   font-weight: 700;
   font-style: normal;
 }
 
-@font-face  {
-  font-family: "HarmonyOS Sans En Black";
-  src: 
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff)  format("woff");
+@font-face {
+  font-family: 'HarmonyOS Sans En Black';
+  src:
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff) format('woff');
   font-weight: 900;
   font-style: normal;
 }
diff --git a/src/components/CustomLoading/index.vue b/src/components/CustomLoading/index.vue
index 7eda783..c705c54 100644
--- a/src/components/CustomLoading/index.vue
+++ b/src/components/CustomLoading/index.vue
@@ -4,20 +4,19 @@
     v-loading="loading"
     :class="loading ? 'customLoading' : 'loadingNone'"
     :element-loading-text="loadingText || `${$t('pageTipText.Loading')}...`"
-    element-loading-background="rgba(122, 122, 122, 0.5)"
-  ></div>
+    element-loading-background="rgba(122, 122, 122, 0.5)"></div>
 </template>
 <script lang="ts" setup>
-import { defineProps } from "vue";
+import { defineProps } from 'vue';
 const { t } = useI18n();
 
 const props = defineProps({
   loading: {
-    type: Boolean,
+    type: Boolean
   },
   loadingText: {
-    type: String,
-  },
+    type: String
+  }
 });
 </script>
 
diff --git a/src/components/HeaderBar/index.vue b/src/components/HeaderBar/index.vue
index 9306976..7bf3942 100644
--- a/src/components/HeaderBar/index.vue
+++ b/src/components/HeaderBar/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <el-affix target=".main-container" :offset="0">
+  <el-affix
+    target=".main-container"
+    :offset="0">
     <!-- 因嵌入copilot页面暂时注释 -->
     <!-- <el-header class="platform-header">
       <span class="platform-title">
@@ -18,11 +20,11 @@
 
 <script setup lang="ts">
 // 内部依赖
-import { useSettingsStore, useUserStore } from "@/store";
-import { ThemeEnum } from "@/enums/ThemeEnum";
-import "@/styles/headerBar.scss";
-import { IconHelpCircle } from "@computing/opendesign-icons";
-import { TOKEN_KEY } from "@/enums/CacheEnum";
+import { useSettingsStore, useUserStore } from '@/store';
+import { ThemeEnum } from '@/enums/ThemeEnum';
+import '@/styles/headerBar.scss';
+import { IconHelpCircle } from '@computing/opendesign-icons';
+import { TOKEN_KEY } from '@/enums/CacheEnum';
 const settingsStore = useSettingsStore();
 const { t } = useI18n();
 </script>
diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 7e38308..7aa8fe4 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -1,18 +1,20 @@
 <template>
-  <div ref="iconSelectRef" :style="'width:' + width">
-    <el-popover :visible="popoverVisible" :width="width" placement="bottom-end">
+  <div
+    ref="iconSelectRef"
+    :style="'width:' + width">
+    <el-popover
+      :visible="popoverVisible"
+      :width="width"
+      placement="bottom-end">
       <template #reference>
         <el-input
           class="reference"
           v-model="selectedIcon"
           readonly
           placeholder="点击选择图标"
-          @click="popoverVisible = !popoverVisible"
-        >
+          @click="popoverVisible = !popoverVisible">
           <template #prepend>
-            <template
-              v-if="selectedIcon && selectedIcon.startsWith('el-icon-')"
-            >
+            <template v-if="selectedIcon && selectedIcon.startsWith('el-icon-')">
               <el-icon>
                 <component :is="selectedIcon.replace('el-icon-', '')" />
               </el-icon>
@@ -25,10 +27,9 @@
             <el-icon
               :style="{
                 transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
-                transition: 'transform .5s',
+                transition: 'transform .5s'
               }"
-              @click="popoverVisible = !popoverVisible"
-            >
+              @click="popoverVisible = !popoverVisible">
               <ArrowDown />
             </el-icon>
           </template>
@@ -41,34 +42,40 @@
           v-model="searchText"
           placeholder="搜索图标"
           clearable
-          @input="filterIcons"
-        />
-        <el-tabs v-model="activeTab" @tab-click="handleTabClick">
-          <el-tab-pane label="SVG 图标" name="svg">
+          @input="filterIcons" />
+        <el-tabs
+          v-model="activeTab"
+          @tab-click="handleTabClick">
+          <el-tab-pane
+            label="SVG 图标"
+            name="svg">
             <el-scrollbar height="300px">
               <ul class="icon-container">
                 <li
                   v-for="icon in filteredSvgIcons"
                   :key="'svg-' + icon"
                   class="icon-item"
-                  @click="selectIcon(icon)"
-                >
-                  <el-tooltip :content="icon" placement="bottom" effect="light">
+                  @click="selectIcon(icon)">
+                  <el-tooltip
+                    :content="icon"
+                    placement="bottom"
+                    effect="light">
                     <svg-icon :icon-class="icon" />
                   </el-tooltip>
                 </li>
               </ul>
             </el-scrollbar>
           </el-tab-pane>
-          <el-tab-pane label="Element 图标" name="element">
+          <el-tab-pane
+            label="Element 图标"
+            name="element">
             <el-scrollbar height="300px">
               <ul class="icon-container">
                 <li
                   v-for="icon in filteredEpIcons"
                   :key="icon"
                   class="icon-item"
-                  @click="selectIcon(icon)"
-                >
+                  @click="selectIcon(icon)">
                   <el-icon>
                     <component :is="icon" />
                   </el-icon>
@@ -83,29 +90,29 @@
 </template>
 
 <script setup lang="ts">
-import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+import * as ElementPlusIconsVue from '@element-plus/icons-vue';
 
 const props = defineProps({
   modelValue: {
     type: String,
     require: false,
-    default: "",
+    default: ''
   },
   width: {
     type: String,
     require: false,
-    default: "500px",
-  },
+    default: '500px'
+  }
 });
 
-const emit = defineEmits(["update:modelValue"]);
-const selectedIcon = toRef(props, "modelValue");
+const emit = defineEmits(['update:modelValue']);
+const selectedIcon = toRef(props, 'modelValue');
 
 const iconSelectRef = ref();
 const popoverContentRef = ref();
 
-const activeTab = ref("svg"); // 默认激活的Tab
-const searchText = ref(""); // 筛选的值
+const activeTab = ref('svg'); // 默认激活的Tab
+const searchText = ref(''); // 筛选的值
 const popoverVisible = ref(false); // 弹窗显示状态
 
 const svgIcons: string[] = []; //  SVG图标集合
@@ -122,9 +129,9 @@ onMounted(() => {
  * icon 加载
  */
 function loadIcons() {
-  const icons = import.meta.glob("../../assets/icons/*.svg");
+  const icons = import.meta.glob('../../assets/icons/*.svg');
   for (const path in icons) {
-    const iconName = path.replace(/.*\/(.*)\.svg$/, "$1");
+    const iconName = path.replace(/.*\/(.*)\.svg$/, '$1');
     svgIcons.push(iconName);
   }
   filteredSvgIcons.value = svgIcons;
@@ -142,7 +149,7 @@ function handleTabClick(tabPane: any) {
  * icon 筛选
  */
 function filterIcons() {
-  if (activeTab.value === "svg") {
+  if (activeTab.value === 'svg') {
     // 过滤SVG图标逻辑
     filteredSvgIcons.value = searchText.value
       ? svgIcons.filter((iconName) =>
@@ -163,10 +170,10 @@ function filterIcons() {
  * 选择图标
  */
 function selectIcon(iconName: string) {
-  if (activeTab.value === "element") {
-    iconName = "el-icon-" + iconName;
+  if (activeTab.value === 'element') {
+    iconName = 'el-icon-' + iconName;
   }
-  emit("update:modelValue", iconName);
+  emit('update:modelValue', iconName);
   popoverVisible.value = false;
 }
 
@@ -174,7 +181,7 @@ function selectIcon(iconName: string) {
  * 点击容器外的区域关闭弹窗 VueUse onClickOutside
  */
 onClickOutside(iconSelectRef, () => (popoverVisible.value = false), {
-  ignore: [popoverContentRef],
+  ignore: [popoverContentRef]
 });
 </script>
 
diff --git a/src/components/KnowledgeForm/index.vue b/src/components/KnowledgeForm/index.vue
index 7fd781f..7b859f5 100644
--- a/src/components/KnowledgeForm/index.vue
+++ b/src/components/KnowledgeForm/index.vue
@@ -7,79 +7,72 @@
     label-width="auto"
     class="kl-ruleForm"
     :size="formSize"
-    label-position="left"
-  >
+    label-position="left">
     <el-form-item
       :label="$t('assetLibrary.assetId')"
       prop="id"
       class="assetIdClass"
       :id="props.configInfo ? 'asset-box-id' : null"
-      v-if="ruleForm.id?.length > 0"
-    >
+      v-if="ruleForm.id?.length > 0">
       <el-input
         v-model="ruleForm.id"
         minlength="1"
         :disabled="true"
         maxlength="50"
-        :placeholder="$t('assetLibrary.message.pleasePlace')"
-      />
+        :placeholder="$t('assetLibrary.message.pleasePlace')" />
       <el-icon
         v-if="props.configInfo"
         class="copydocument"
-        @click="handleCopyTextToclipboard(ruleForm.id)"
-      >
+        @click="handleCopyTextToclipboard(ruleForm.id)">
         <CopyDocument />
       </el-icon>
     </el-form-item>
-    <el-form-item :label="$t('assetLibrary.name')" prop="name">
+    <el-form-item
+      :label="$t('assetLibrary.name')"
+      prop="name">
       <el-input
         v-model="ruleForm.name"
         minlength="1"
         maxlength="50"
-        :placeholder="$t('assetLibrary.message.pleasePlace')"
-      />
+        :placeholder="$t('assetLibrary.message.pleasePlace')" />
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.desc')"
       prop="description"
-      class="config-size-desc"
-    >
+      class="config-size-desc">
       <el-input
         v-model="ruleForm.description"
         maxlength="150"
         show-word-limit
         type="textarea"
-        :placeholder="$t('assetLibrary.message.pleasePlace')"
-      />
+        :placeholder="$t('assetLibrary.message.pleasePlace')" />
     </el-form-item>
-    <el-form-item :label="$t('assetLibrary.language')" prop="language">
+    <el-form-item
+      :label="$t('assetLibrary.language')"
+      prop="language">
       <el-select
         v-model="ruleForm.language"
         :placeholder="$t('assetLibrary.message.pleaseChoose')"
         :suffix-icon="IconCaretDown"
         :teleported="false"
-        class="select-container"
-      >
+        class="select-container">
         <el-option
           v-for="item in languageOptions"
           :key="item.value"
           :label="item.label"
-          :value="item.value"
-        />
+          :value="item.value" />
       </el-select>
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.embeddedModel')"
-      prop="embedding_model"
-    >
+      prop="embedding_model">
       <template #label>
-        {{ $t("assetLibrary.embeddedModel") }}
+        {{ $t('assetLibrary.embeddedModel') }}
         <el-tooltip
           :content="$t('formTipText.analyticTip')"
           placement="top"
           popper-class="analyticTipBox"
-          effect="light"
-        >
+          effect="light">
           <el-icon>
             <IconHelpCircle />
           </el-icon>
@@ -92,46 +85,39 @@
         :teleported="false"
         class="select-container"
         :disabled="props.formData.id"
-        :suffix-icon="IconCaretDown"
-      >
+        :suffix-icon="IconCaretDown">
         <el-option
           v-for="item in emBeddingModelOptions"
           :key="item.value"
           :label="item.label"
-          :value="item.value"
-        />
+          :value="item.value" />
       </el-select>
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.analyticMethod')"
-      prop="default_parser_method"
-    >
+      prop="default_parser_method">
       <el-select
         v-model="ruleForm.default_parser_method"
         :placeholder="$t('assetLibrary.message.pleaseChoose')"
         :suffix-icon="IconCaretDown"
-        popper-class="analyticMethodSelect"
-      >
+        popper-class="analyticMethodSelect">
         <el-option
           v-for="item in parserMethodOptions"
           :key="item.value"
           :label="item.label"
-          :value="item.value"
-        />
+          :value="item.value" />
       </el-select>
     </el-form-item>
     <el-form-item
       :label="$t('assetLibrary.fileChunkSize')"
-      prop="default_chunk_size"
-    >
+      prop="default_chunk_size">
       <template #label>
-        {{ $t("assetLibrary.fileChunkSize") }}
+        {{ $t('assetLibrary.fileChunkSize') }}
         <el-tooltip
           :content="$t('formTipText.fileChunkSizeTip')"
           placement="top"
           popper-class="fileChunkSizeTip"
-          effect="light"
-        >
+          effect="light">
           <el-icon>
             <IconHelpCircle />
           </el-icon>
@@ -141,30 +127,24 @@
         class="config-size"
         v-model="ruleForm.default_chunk_size"
         :min="512"
-        :max="1024"
-      />
+        :max="1024" />
       <span class="form-right-tip">（512~1024）</span>
     </el-form-item>
     <el-form-item
       :label="
-        props.configInfo
-          ? $t('assetLibrary.fileConfigCategory')
-          : $t('assetLibrary.configCategory')
+        props.configInfo ? $t('assetLibrary.fileConfigCategory') : $t('assetLibrary.configCategory')
       "
-      class="config-form"
-    >
+      class="config-form">
       <el-button
         class="resetBtn addDocuType"
         :disabled="ruleForm?.document_type_list?.length >= 10"
-        @click="handleAddDocType"
-      >
-        {{ $t("btnText.add") }}
+        @click="handleAddDocType">
+        {{ $t('btnText.add') }}
       </el-button>
       <el-button
         class="resetBtn delAllCocuType"
-        @click="handleRemoveAllDocType"
-      >
-        {{ $t("btnText.delAll") }}
+        @click="handleRemoveAllDocType">
+        {{ $t('btnText.delAll') }}
       </el-button>
       <div class="supAddCategoris">
         <TextTooltip :content="$t('assetLibrary.supAddCategoris')" />
@@ -175,60 +155,55 @@
       v-for="(item, index) in ruleForm.document_type_list"
       :key="`documentType${index}`"
       label="domain"
-      class="domain-config"
-    >
+      class="domain-config">
       <el-input
         v-model="ruleForm.document_type_list[index].type"
-        :placeholder="$t('assetLibrary.message.categoryInfo')"
-      />
-      <el-icon class="deleteConfig" @click="handleRemoveDocType(index)">
+        :placeholder="$t('assetLibrary.message.categoryInfo')" />
+      <el-icon
+        class="deleteConfig"
+        @click="handleRemoveDocType(index)">
         <IconDelete />
       </el-icon>
     </el-form-item>
     <el-form-item
       class="kl-ops-btn"
-      :class="!props.configInfo ? 'kl-create-ops-btn' : null"
-    >
+      :class="!props.configInfo ? 'kl-create-ops-btn' : null">
       <el-button
         class="resetBtn"
         type="primary"
         :disabled="isSubmitDisabled"
         :loading="createLoading"
-        @click="submitForm(ruleFormRef)"
-      >
-        {{ props.configInfo ? $t("btnText.save") : $t("btnText.confirm") }}
+        @click="submitForm(ruleFormRef)">
+        {{ props.configInfo ? $t('btnText.save') : $t('btnText.confirm') }}
       </el-button>
-      <el-button class="resetBtn cancelBtn" @click="handleCancelForm()">
-        {{ $t("btnText.cancel") }}
+      <el-button
+        class="resetBtn cancelBtn"
+        @click="handleCancelForm()">
+        {{ $t('btnText.cancel') }}
       </el-button>
     </el-form-item>
   </el-form>
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, watch } from "vue";
-import {
-  ElLoading,
-  type ComponentSize,
-  type FormInstance,
-  type FormRules,
-} from "element-plus";
+import { reactive, ref, watch } from 'vue';
+import { ElLoading, type ComponentSize, type FormInstance, type FormRules } from 'element-plus';
 import {
   IconCaretDown,
   IconDelete,
   IconSuccess,
-  IconHelpCircle,
-} from "@computing/opendesign-icons";
-import "@/styles/knowledgeForm.scss";
-import TextTooltip from "@/components/TextSingleTootip/index.vue";
-import { v4 as uuidv4 } from "uuid";
-import KbAppAPI from "@/api/kbApp";
+  IconHelpCircle
+} from '@computing/opendesign-icons';
+import '@/styles/knowledgeForm.scss';
+import TextTooltip from '@/components/TextSingleTootip/index.vue';
+import { v4 as uuidv4 } from 'uuid';
+import KbAppAPI from '@/api/kbApp';
 
 const { t } = useI18n();
 const loading = ElLoading.service({
   visible: false,
-  text: `${t("pageTipText.Loading")}...`,
-  background: "rgba(122, 122, 122, 0.5)",
+  text: `${t('pageTipText.Loading')}...`,
+  background: 'rgba(122, 122, 122, 0.5)'
 });
 interface RuleForm {
   default_chunk_size: number;
@@ -241,18 +216,18 @@ interface RuleForm {
   [property: string]: any;
 }
 
-const formSize = ref<ComponentSize>("default");
+const formSize = ref<ComponentSize>('default');
 const ruleFormRef = ref<FormInstance>();
 const createLoading = ref(false);
 const isSubmitDisabled = ref(true);
 const ruleForm = ref<RuleForm>({
-  name: "",
-  language: "",
+  name: '',
+  language: '',
   default_chunk_size: 1024,
-  embedding_model: "",
-  default_parser_method: "",
+  embedding_model: '',
+  default_parser_method: '',
   document_type_list: [],
-  description: "",
+  description: ''
 });
 const languageOptions = ref();
 const emBeddingModelOptions = ref();
@@ -261,26 +236,26 @@ const parserMethodOptions = ref();
 const props = defineProps({
   handelResetForm: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   handleCloseCreateKb: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   handleOpsKbForm: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   formData: {
-    type: <any>{},
+    type: <any>{}
   },
   configInfo: {
-    type: Boolean,
+    type: Boolean
   },
   handleQueryKbData: {
     type: Function,
-    default: () => {},
-  },
+    default: () => {}
+  }
 });
 
 onMounted(() => {
@@ -293,18 +268,18 @@ onMounted(() => {
             document_type_list: props.formData?.document_type_list.filter(
               (item) => item?.type?.length
             ),
-            default_chunk_size: props.formData.default_chunk_size || 1024,
-          } as RuleForm) || "{}"
+            default_chunk_size: props.formData.default_chunk_size || 1024
+          } as RuleForm) || '{}'
         )
       )
     : ruleForm.value;
 
   KbAppAPI.queryLanguageList().then((res: any) => {
     languageOptions.value = res?.map((item: any) => {
-      if (item === "English") {
-        return { label: item, value: "en" };
+      if (item === 'English') {
+        return { label: item, value: 'en' };
       }
-      return { label: item, value: "zh" };
+      return { label: item, value: 'zh' };
     });
   });
 
@@ -341,73 +316,73 @@ watch(
 const rules = reactive<FormRules<RuleForm>>({
   id: [
     {
-      required: true,
-    },
+      required: true
+    }
   ],
   name: [
     {
       required: true,
-      message: t("assetLibrary.message.name"),
-      trigger: ["blur", "change"],
+      message: t('assetLibrary.message.name'),
+      trigger: ['blur', 'change']
     },
     {
       min: 1,
-      message: t("assetLibrary.message.libraryNameLen"),
-      trigger: ["blur", "change"],
-    },
+      message: t('assetLibrary.message.libraryNameLen'),
+      trigger: ['blur', 'change']
+    }
   ],
   language: [
     {
       required: true,
-      message: t("assetLibrary.message.languagePlace"),
-      trigger: ["blur", "chanblurge"],
-    },
+      message: t('assetLibrary.message.languagePlace'),
+      trigger: ['blur', 'chanblurge']
+    }
   ],
   embedding_model: [
     {
       required: true,
-      message: t("assetLibrary.message.modelPlace"),
-      trigger: ["blur", "change"],
-    },
+      message: t('assetLibrary.message.modelPlace'),
+      trigger: ['blur', 'change']
+    }
   ],
   default_parser_method: [
     {
       required: true,
-      message: t("assetLibrary.message.analyticMethodPlace"),
-      trigger: ["blur", "change"],
-    },
+      message: t('assetLibrary.message.analyticMethodPlace'),
+      trigger: ['blur', 'change']
+    }
   ],
   default_chunk_size: [
     {
-      message: t("assetLibrary.message.pleasePlace"),
-      trigger: ["blur", "change"],
-      required: true,
-    },
-  ],
+      message: t('assetLibrary.message.pleasePlace'),
+      trigger: ['blur', 'change'],
+      required: true
+    }
+  ]
 });
 
 const handleCopyTextToclipboard = (text) => {
-  const input = document.createElement("input");
+  const input = document.createElement('input');
   input.value = text;
   document.body.appendChild(input);
   input.select();
-  document.execCommand("copy");
+  document.execCommand('copy');
   ElMessage({
     showClose: true,
-    message: t("assetLibrary.copySuccessFul"),
+    message: t('assetLibrary.copySuccessFul'),
     icon: IconSuccess,
-    customClass: "o-message--success",
-    duration: 3000,
+    customClass: 'o-message--success',
+    duration: 3000
   });
   document.body.removeChild(input);
 };
 
 onMounted(() => {
-  const isTransList = document.querySelectorAll(".is-transparent");
+  const isTransList = document.querySelectorAll('.is-transparent');
   isTransList?.forEach((el) => {
-    const span = el.querySelector("span");
-    if (span?.innerHTML === t("assetLibrary.message.pleaseChoose")) {
-      el.classList.add("removeIsTrans");
+    const span = el.querySelector('span');
+    if (span?.innerHTML === t('assetLibrary.message.pleaseChoose')) {
+      el.classList.add('removeIsTrans');
     }
   });
 });
@@ -422,9 +397,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
       embedding_model: ruleForm.value.embedding_model,
       default_parser_method: ruleForm.value.default_parser_method,
       default_chunk_size: ruleForm.value.default_chunk_size,
-      document_type_list: ruleForm.value.document_type_list.filter(
-        (item) => item.type.length > 0
-      ),
+      document_type_list: ruleForm.value.document_type_list.filter((item) => item.type.length > 0)
     };
     if (valid) {
       loading.visible.value = true;
@@ -432,7 +405,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
       if (ruleForm.value?.id) {
         KbAppAPI.updateKbLibrary({
           id: ruleForm.value.id,
-          ...payload,
+          ...payload
         })
           .then((res) => {
             props.handleOpsKbForm();
@@ -441,10 +414,10 @@ const submitForm = async (formEl: FormInstance | undefined) => {
             }
             ElMessage({
               showClose: true,
-              message: t("opsMessage.modifSuccess"),
+              message: t('opsMessage.modifSuccess'),
               icon: IconSuccess,
-              customClass: "o-message--success",
-              duration: 3000,
+              customClass: 'o-message--success',
+              duration: 3000
             });
             ruleForm.value.document_type_list = res.document_type_list;
           })
@@ -455,9 +428,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
       } else {
         KbAppAPI.createKbLibrary({
           ...payload,
-          document_type_list: ruleForm.value.document_type_list.map(
-            (item) => item.type
-          ),
+          document_type_list: ruleForm.value.document_type_list.map((item) => item.type)
         })
           .then((res) => {
             props.handleOpsKbForm();
@@ -491,7 +462,7 @@ const handleRemoveAllDocType = () => {
 const handleAddDocType = () => {
   ruleForm.value.document_type_list.push({
     id: uuidv4(),
-    type: "",
+    type: ''
   });
 };
 </script>
diff --git a/src/components/LangSelect/index.vue b/src/components/LangSelect/index.vue
index 6261629..e84dcbe 100644
--- a/src/components/LangSelect/index.vue
+++ b/src/components/LangSelect/index.vue
@@ -2,18 +2,16 @@
   <el-dropdown
     trigger="click"
     :popper-class="
-      !userInfo?.name?.length
-        ? 'dropdown-container notUserDrop'
-        : 'dropdown-container languageDrop'
-    "
-  >
+      !userInfo?.name?.length ? 'dropdown-container notUserDrop' : 'dropdown-container languageDrop'
+    ">
     <div class="language-container">
       <div>
         <img
           v-if="language === 'zh'"
-          src="/src/assets/images/language-zh.svg"
-        />
-        <img v-else src="/src/assets/images/language-en.svg" />
+          src="/src/assets/images/language-zh.svg" />
+        <img
+          v-else
+          src="/src/assets/images/language-en.svg" />
       </div>
       <div class="laguageChecd">
         {{ languageText }}
@@ -25,8 +23,7 @@
           v-for="item in langOptions"
           :key="item.value"
           :command="item.value"
-          @click="handleLanguageChange(item.value)"
-        >
+          @click="handleLanguageChange(item.value)">
           {{ item.label }}
         </el-dropdown-item>
       </el-dropdown-menu>
@@ -35,25 +32,25 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from "vue-i18n";
-import { useAppStore } from "@/store/modules/app";
-import { LanguageEnum } from "@/enums/LanguageEnum";
-import defaultSettings from "@/settings";
-import AuthAPI from "@/api/auth";
-import { IconSuccess } from "@computing/opendesign-icons";
+import { useI18n } from 'vue-i18n';
+import { useAppStore } from '@/store/modules/app';
+import { LanguageEnum } from '@/enums/LanguageEnum';
+import defaultSettings from '@/settings';
+import AuthAPI from '@/api/auth';
+import { IconSuccess } from '@computing/opendesign-icons';
 const languageText = ref();
 const language = ref();
 const userInfo = ref();
 defineProps({
   size: {
     type: String,
-    required: false,
-  },
+    required: false
+  }
 });
 
 const langOptions = [
-  { label: "简体中文", value: LanguageEnum.ZH_CN },
-  { label: "English", value: LanguageEnum.EN },
+  { label: '简体中文', value: LanguageEnum.ZH_CN },
+  { label: 'English', value: LanguageEnum.EN }
 ];
 
 const appStore = useAppStore();
@@ -61,12 +58,12 @@ const { locale, t } = useI18n();
 
 const handeQueryLanguage = () => {
   setTimeout(() => {
-    language.value = useStorage("language", defaultSettings.language).value;
-    languageText.value = language.value === "zh" ? "简体中文" : "English";
+    language.value = useStorage('language', defaultSettings.language).value;
+    languageText.value = language.value === 'zh' ? '简体中文' : 'English';
   });
 };
 onMounted(() => {
-  userInfo.value = JSON.parse(localStorage.getItem("userInfo") || "{}");
+  userInfo.value = JSON.parse(localStorage.getItem('userInfo') || '{}');
   handeQueryLanguage();
 });
 
@@ -74,22 +71,19 @@ const handleLanguageChange = (lang: string) => {
   locale.value = lang;
   appStore.changeLanguage(lang);
   language.value = lang;
-  languageText.value = lang === "zh" ? "简体中文" : "English";
+  languageText.value = lang === 'zh' ? '简体中文' : 'English';
   if (userInfo.value.name) {
-    localStorage.setItem(
-      "userInfo",
-      JSON.stringify({ name: userInfo.value.name, language: lang })
-    );
+    localStorage.setItem('userInfo', JSON.stringify({ name: userInfo.value.name, language: lang }));
     AuthAPI.userUpdate({
-      language: lang,
+      language: lang
     });
   }
   ElMessage({
     showClose: true,
-    message: t("langSelect.message.success"),
+    message: t('langSelect.message.success'),
     icon: IconSuccess,
-    customClass: "o-message--success",
-    duration: 3000,
+    customClass: 'o-message--success',
+    duration: 3000
   });
 };
 </script>
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 07b65e8..8844c66 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -2,9 +2,10 @@
   <svg
     aria-hidden="true"
     class="svg-icon"
-    :style="'width:' + size + ';height:' + size"
-  >
-    <use :xlink:href="symbolId" :fill="color" />
+    :style="'width:' + size + ';height:' + size">
+    <use
+      :xlink:href="symbolId"
+      :fill="color" />
   </svg>
 </template>
 
@@ -12,21 +13,21 @@
 const props = defineProps({
   prefix: {
     type: String,
-    default: "icon",
+    default: 'icon'
   },
   iconClass: {
     type: String,
     required: false,
-    default: "",
+    default: ''
   },
   color: {
     type: String,
-    default: "",
+    default: ''
   },
   size: {
     type: String,
-    default: "1em",
-  },
+    default: '1em'
+  }
 });
 
 const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`);
diff --git a/src/components/TableFilter/index.vue b/src/components/TableFilter/index.vue
index 504667e..9b150c2 100644
--- a/src/components/TableFilter/index.vue
+++ b/src/components/TableFilter/index.vue
@@ -8,17 +8,15 @@
         @change="handleCheckAllChange"
         :class="isHoverIndex === 'all' ? 'isChcekHover' : ''"
         @mouseover="onMouseOver('all')"
-        @mouseout="handleMouseOut"
-      >
-        {{ $t("btnText.all") }}
+        @mouseout="handleMouseOut">
+        {{ $t('btnText.all') }}
       </el-checkbox>
     </div>
 
     <el-checkbox-group
       v-model="checkedList"
       @change="handleCheckedChange"
-      class="checkBoxGroup"
-    >
+      class="checkBoxGroup">
       <el-checkbox
         v-for="(item, index) in checkList"
         :key="item.value || item"
@@ -27,21 +25,25 @@
         class=""
         :class="isHoverIndex === index ? 'isChcekHover' : ''"
         @mouseover="onMouseOver(index)"
-        @mouseout="handleMouseOut"
-      >
-        <TextTooltip :content="item.label || item" className="checkBoxText" />
+        @mouseout="handleMouseOut">
+        <TextTooltip
+          :content="item.label || item"
+          className="checkBoxText" />
       </el-checkbox>
     </el-checkbox-group>
   </div>
-  <div class="filter-btn" v-if="filterCustomType === 'checkBox'">
+  <div
+    class="filter-btn"
+    v-if="filterCustomType === 'checkBox'">
     <el-button
       type="primary"
       class="resetBtn"
-      @click="handleSubimitFilter(null)"
-    >
-      {{ $t("btnText.confirm") }}
+      @click="handleSubimitFilter(null)">
+      {{ $t('btnText.confirm') }}
     </el-button>
-    <el-button class="resetBtn cancelBtn" @click="handleSubimitFilter('reset')">
+    <el-button
+      class="resetBtn cancelBtn"
+      @click="handleSubimitFilter('reset')">
       重置
     </el-button>
   </div>
@@ -54,10 +56,11 @@
       clearable
       @clear="hanldeSearhNameFilter"
       @keyup.enter="hanldeSearhNameFilter"
-      v-model="searchName"
-    >
+      v-model="searchName">
       <template #suffix>
-        <el-icon class="el-input__icon" @click="hanldeSearhNameFilter">
+        <el-icon
+          class="el-input__icon"
+          @click="hanldeSearhNameFilter">
           <IconSearch />
         </el-icon>
       </template>
@@ -66,41 +69,41 @@
 </template>
 
 <script lang="ts" setup>
-import TextTooltip from "@/components/TextSingleTootip/index.vue";
-import { IconSearch } from "@computing/opendesign-icons";
-import { CheckboxValueType } from "element-plus";
+import TextTooltip from '@/components/TextSingleTootip/index.vue';
+import { IconSearch } from '@computing/opendesign-icons';
+import { CheckboxValueType } from 'element-plus';
 
-import { ref } from "vue";
+import { ref } from 'vue';
 const { t } = useI18n();
 
 const props = defineProps({
   filterList: {
-    type: <any>[],
+    type: <any>[]
   },
   checkedFilterList: {
-    type: Array,
+    type: Array
   },
   filterType: {
-    type: String,
+    type: String
   },
   handelSubFilterProper: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   hanldeSearhNameFilter: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   searchPayload: {
-    type: Object,
+    type: Object
   },
   filterProp: {
-    type: String,
+    type: String
   },
   handelSubTimeFilterProper: {
     type: Function,
-    default: () => {},
-  },
+    default: () => {}
+  }
 });
 
 const isHoverIndex = ref();
@@ -115,13 +118,12 @@ const searchName = ref<string>();
 watch(
   () => props.filterList,
   (newVal, oldVal) => {
-    checkAll.value =
-      props.filterList?.length === props.checkedFilterList?.length;
+    checkAll.value = props.filterList?.length === props.checkedFilterList?.length;
     checkList.value = props.filterList as string[];
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 
@@ -132,7 +134,7 @@ watch(
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 
@@ -146,8 +148,7 @@ const handleCheckAllChange = (val: CheckboxValueType) => {
 };
 const handleCheckedChange = (value: CheckboxValueType[]) => {
   checkAll.value = value.length === props.filterList?.length;
-  isIndeterminate.value =
-    value.length > 0 && props.filterList?.length > value.length;
+  isIndeterminate.value = value.length > 0 && props.filterList?.length > value.length;
 };
 
 const onMouseOver = (index: Number | string) => {
@@ -155,7 +156,7 @@ const onMouseOver = (index: Number | string) => {
 };
 
 const handleMouseOut = () => {
-  isHoverIndex.value = "";
+  isHoverIndex.value = '';
 };
 
 const handleSubimitFilter = (type: any) => {
@@ -188,7 +189,7 @@ const hanldeSearhNameFilter = () => {
   inset: 0;
   z-index: -1;
   width: 168px;
-  content: "";
+  content: '';
   background: rgb(82 163 255);
   transform: translateX(-16px);
 }
diff --git a/src/components/TextMoreTootip/index.vue b/src/components/TextMoreTootip/index.vue
index c74fb66..abb5ec1 100644
--- a/src/components/TextMoreTootip/index.vue
+++ b/src/components/TextMoreTootip/index.vue
@@ -4,15 +4,13 @@
     ref="text"
     :style="textStyle"
     @mouseenter="mouseenter"
-    @mouseleave="mouseleave"
-  >
+    @mouseleave="mouseleave">
     <el-tooltip
       class="box-item"
       effect="dark"
       :visible="visible"
       :content="value"
-      placement="top"
-    >
+      placement="top">
       {{ value }}
     </el-tooltip>
   </div>
@@ -21,30 +19,30 @@
 <script>
 export default {
   // 显示文字组件，可以设置最多显示几行，超过后会隐藏并且鼠标hover显示全部信息（需要给组件设置宽度）
-  name: "VueText",
+  name: 'VueText',
   props: {
     value: {
       type: String,
-      default: "",
+      default: ''
     },
     row: {
       //最多显示几行，超过后会...隐藏 为0时不隐藏
       type: [Number, String],
-      default: 0,
-    },
+      default: 0
+    }
   },
   data() {
     return {
       isShowHover: false,
       textStyle: {},
       visible: false,
-      div: null,
+      div: null
     };
   },
   computed: {
     text() {
       return this.$refs.text;
-    },
+    }
   },
   watch: {
     row: function (val) {
@@ -53,22 +51,22 @@ export default {
     value: function () {
       this.isShowHover = false;
       this.textStyle = {
-        cursor: "text",
+        cursor: 'text'
       };
       this.$nextTick(() => {
         this.getStyle(this.row - 0);
       });
-    },
+    }
   },
   mounted() {
     this.init();
   },
   methods: {
     init() {
-      this.div = document.querySelector(".hover-wrap");
+      this.div = document.querySelector('.hover-wrap');
       if (!this.div && this.row - 0) {
-        this.div = document.createElement("div");
-        this.div.className = "hover-wrap";
+        this.div = document.createElement('div');
+        this.div.className = 'hover-wrap';
         this.div.style.top = 0;
         this.div.style.left = 0;
         document.body.append(this.div);
@@ -78,24 +76,23 @@ export default {
       }
     },
     getStyle(val) {
-      let lineHeight =
-        getComputedStyle(this.text).lineHeight.replace("px", "") - 0 || 20;
-      let height = getComputedStyle(this.text).height.replace("px", "") - 0;
+      let lineHeight = getComputedStyle(this.text).lineHeight.replace('px', '') - 0 || 20;
+      let height = getComputedStyle(this.text).height.replace('px', '') - 0;
       if (height > lineHeight * val) {
         this.isShowHover = true;
         this.textStyle = {
           height: `${lineHeight * val}px`,
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          display: "-webkit-box",
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          display: '-webkit-box',
           webkitLineClamp: val,
-          webkitBoxOrient: "vertical",
-          cursor: "pointer",
+          webkitBoxOrient: 'vertical',
+          cursor: 'pointer'
         };
       } else {
         this.isShowHover = false;
         this.textStyle = {
-          cursor: "text",
+          cursor: 'text'
         };
       }
     },
@@ -106,15 +103,12 @@ export default {
       let box = e.target.getBoundingClientRect();
       let left = 0;
       this.div.innerHTML = this.value;
-      let top = box.top - this.div.getBoundingClientRect().height + "px";
-      left =
-        box.left +
-        (box.width - this.div.getBoundingClientRect().width) / 2 +
-        "px";
+      let top = box.top - this.div.getBoundingClientRect().height + 'px';
+      left = box.left + (box.width - this.div.getBoundingClientRect().width) / 2 + 'px';
       this.div.style.top = top;
       this.div.style.left = left;
-      this.div.classList.add("active");
-      this.div.style.opacity = "0";
+      this.div.classList.add('active');
+      this.div.style.opacity = '0';
       this.visible = true;
     },
     mouseleave(e) {
@@ -124,16 +118,16 @@ export default {
       if (e.relatedTarget !== this.div) {
         this.div.style.top = 0;
         this.div.style.left = 0;
-        this.div.classList.remove("active");
+        this.div.classList.remove('active');
         this.visible = false;
       }
       this.div.onmouseleave = () => {
         this.div.style.top = 0;
         this.div.style.left = 0;
-        this.div.classList.remove("active");
+        this.div.classList.remove('active');
       };
-    },
-  },
+    }
+  }
 };
 </script>
 
diff --git a/src/components/TextSingleTootip/index.vue b/src/components/TextSingleTootip/index.vue
index 381252c..ff37143 100644
--- a/src/components/TextSingleTootip/index.vue
+++ b/src/components/TextSingleTootip/index.vue
@@ -5,46 +5,48 @@
       effect="dark"
       :disabled="isShowToolTip"
       :content="content"
-      :placement="placement"
-    >
-      <p class="over-flow" :class="className" @mouseover="onMouseOver(refName)">
-        <span :ref="refName">{{ content || "-" }}</span>
+      :placement="placement">
+      <p
+        class="over-flow"
+        :class="className"
+        @mouseover="onMouseOver(refName)">
+        <span :ref="refName">{{ content || '-' }}</span>
       </p>
     </el-tooltip>
   </div>
 </template>
 <script>
 export default {
-  name: "TextTooltip",
+  name: 'TextTooltip',
   props: {
     content: {
       type: String,
       default: () => {
-        return "";
-      },
+        return '';
+      }
     },
     placement: {
       type: String,
       default: () => {
-        return "right";
-      },
+        return 'right';
+      }
     },
     className: {
       type: String,
       default: () => {
-        return "";
-      },
+        return '';
+      }
     },
     refName: {
       type: String,
       default: () => {
-        return "";
-      },
-    },
+        return '';
+      }
+    }
   },
   data() {
     return {
-      isShowToolTip: true,
+      isShowToolTip: true
     };
   },
   methods: {
@@ -56,8 +58,8 @@ export default {
       } else {
         this.isShowToolTip = true;
       }
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 9b5a8ae..ffb6b6e 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -1,35 +1,40 @@
 <template>
-  <div class="upload-to-list" :class="{ 'has-files': hasFiles }">
+  <div
+    class="upload-to-list"
+    :class="{ 'has-files': hasFiles }">
     <div v-if="hasFiles">
-      <el-alert :title="tipText" type="info" show-icon :closable="false" />
+      <el-alert
+        :title="tipText"
+        type="info"
+        show-icon
+        :closable="false" />
       <div class="list-action">
         <div>
           <el-button
             type="primary"
             @click.stop="selectFiles"
             class="file-ops"
-            :disabled="fileTableList.data.length >= props.maxFileNum"
-          >
-            {{ $t("btnText.chooseFile") }}
+            :disabled="fileTableList.data.length >= props.maxFileNum">
+            {{ $t('btnText.chooseFile') }}
           </el-button>
-          <el-button @click="batchDelete()" class="delFileBtn cancelBtn">
-            {{ $t("btnText.batchDelete") }}
+          <el-button
+            @click="batchDelete()"
+            class="delFileBtn cancelBtn">
+            {{ $t('btnText.batchDelete') }}
           </el-button>
         </div>
         <div class="list-action-tip">
           <div>
-            {{ $t("dialogTipText.fileNums") }}:{{
-              fileTableList.data.length
-            }}/{{ props.maxFileNum }}
+            {{ $t('dialogTipText.fileNums') }}:{{ fileTableList.data.length }}/{{
+              props.maxFileNum
+            }}
           </div>
           <div>
-            {{ $t("dialogTipText.fileSizes") }}:{{ allFileSizesInfo }}/{{
-              maxFileSizesInfo
-            }}
+            {{ $t('dialogTipText.fileSizes') }}:{{ allFileSizesInfo }}/{{ maxFileSizesInfo }}
           </div>
         </div>
       </div>
-      <div class="list-tip">{{ $t("dialogTipText.continueAdd") }}</div>
+      <div class="list-tip">{{ $t('dialogTipText.continueAdd') }}</div>
     </div>
     <el-upload
       action=""
@@ -42,40 +47,41 @@
       :on-success="handlsSuccess"
       :on-change="handleChange"
       :on-progress="handleProgress"
-      :auto-upload="false"
-    >
-      <div ref="uploadEl" class="upload-block">
-        <div v-if="hasFiles" class="upload-preview" @click.stop>
+      :auto-upload="false">
+      <div
+        ref="uploadEl"
+        class="upload-block">
+        <div
+          v-if="hasFiles"
+          class="upload-preview"
+          @click.stop>
           <el-table
             :data="fileTableList.data"
             max-height="184"
             @selection-change="handleSelectionChange"
-            ref="fileTableRef"
-          >
+            ref="fileTableRef">
             <el-table-column
               type="selection"
               class-name="upload-file-selection"
-              width="48"
-            />
+              width="48" />
             <el-table-column
               prop="name"
               :label="$t('dialogTipText.fileName')"
               class-name="upload-file-name"
-              :show-overflow-tooltip="true"
-            />
+              :show-overflow-tooltip="true" />
             <el-table-column
               prop="size"
               :label="$t('dialogTipText.fileSize')"
-              width="120"
-            />
+              width="120" />
             <el-table-column
               prop="action"
               :label="$t('btnText.operation')"
-              width="100"
-            >
+              width="100">
               <template #default="scope">
-                <el-button text @click="deleteFile(scope.row)">
-                  {{ $t("btnText.delete") }}
+                <el-button
+                  text
+                  @click="deleteFile(scope.row)">
+                  {{ $t('btnText.delete') }}
                 </el-button>
               </template>
             </el-table-column>
@@ -86,53 +92,57 @@
                 <IconUpload />
               </el-icon>
               <div class="upload-tip">
-                {{ $t("dialogTipText.dragDropAdd") }}
+                {{ $t('dialogTipText.dragDropAdd') }}
               </div>
             </div>
           </div>
         </div>
-        <div v-else class="upload-add">
+        <div
+          v-else
+          class="upload-add">
           <el-icon class="upload-btn-icon">
             <IconUpload />
           </el-icon>
           <div class="upload-tip">
-            <div class="upload-drag">{{ $t("dialogTipText.dragFile") }}</div>
+            <div class="upload-drag">{{ $t('dialogTipText.dragFile') }}</div>
             <div class="upload-tip-text">({{ tipText }})</div>
             <div style="margin-top: 24px">
-              <el-button type="primary" class="chooseFileBtn">
-                {{ $t("btnText.chooseFile") }}
+              <el-button
+                type="primary"
+                class="chooseFileBtn">
+                {{ $t('btnText.chooseFile') }}
               </el-button>
             </div>
           </div>
         </div>
       </div>
     </el-upload>
-    <div v-if="hasFiles" class="upload-ops-btn">
+    <div
+      v-if="hasFiles"
+      class="upload-ops-btn">
       <el-button
         class="resetBtn"
         type="primary"
         :disabled="btnDisabled"
-        @click="uploadType === 'file' ? uploadKnowledgeFile() : uploadFiles()"
-      >
-        {{ $t("btnText.confirm") }}
+        @click="uploadType === 'file' ? uploadKnowledgeFile() : uploadFiles()">
+        {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button class="resetBtn cancelBtn" @click="handleCancelUpload()">
-        {{ $t("btnText.cancel") }}
+      <el-button
+        class="resetBtn cancelBtn"
+        @click="handleCancelUpload()">
+        {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, reactive, ref } from "vue";
-import "@/styles/upload.scss";
-import { IconUpload, IconError } from "@computing/opendesign-icons";
-import type {
-  UploadFile,
-  UploadProgressEvent,
-} from "element-plus/es/components/upload/src/upload";
+import { computed, reactive, ref } from 'vue';
+import '@/styles/upload.scss';
+import { IconUpload, IconError } from '@computing/opendesign-icons';
+import type { UploadFile, UploadProgressEvent } from 'element-plus/es/components/upload/src/upload';
 const { t } = useI18n();
-import { ElMessage } from "element-plus";
-import { bytesToSize, isMaxMemoryOut } from "@/utils/bytesToSize";
+import { ElMessage } from 'element-plus';
+import { bytesToSize, isMaxMemoryOut } from '@/utils/bytesToSize';
 interface TableRow {
   id: string | number;
   name: string;
@@ -147,69 +157,69 @@ const uploadEl = ref(null);
 const btnDisabled = ref(true);
 const props = defineProps({
   tipText: {
-    type: String,
+    type: String
   },
   accept: {
-    type: String,
+    type: String
   },
   maxFileNum: {
     type: Number,
-    default: 0,
+    default: 0
   },
   handleCancelVisible: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   handleQueryTaskList: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   maxSize: {
     type: Number,
-    default: 0,
+    default: 0
   },
   handleUploadMyFile: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   handInitTaskList: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   handleStopUploadFile: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   taskListImportDate: {
-    type: Number,
+    type: Number
   },
   taskList: {
     type: Array,
-    default: [],
+    default: []
   },
   toggleUploadNotify: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   handleImportLoading: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   singleFileLimit: {
     type: Boolean,
-    default: false,
+    default: false
   },
   singleFileSize: {
-    type: Number,
+    type: Number
   },
   uploadType: {
-    type: String,
-  },
+    type: String
+  }
 });
 const fileTableList = reactive<{
   data: Array<TableRow>;
 }>({
-  data: [],
+  data: []
 });
 let selectedFiles: any[] = [];
 const multipleSelection = ref<TableRow[]>([]);
@@ -221,22 +231,22 @@ let allFileSizesInfo = computed(() => {
   // 字节转MB：1 MB = 1024 * 1024 bytes
   if (allFileSizes.value <= 0) return 0;
   if (allFileSizes.value < 1024) {
-    return allFileSizes.value + "B";
+    return allFileSizes.value + 'B';
   } else if (allFileSizes.value / 1024 < 1024) {
-    return (allFileSizes.value / 1024).toFixed(0) + "KB";
+    return (allFileSizes.value / 1024).toFixed(0) + 'KB';
   } else if (allFileSizes.value / 1024 / 1024 < 1024) {
-    return (allFileSizes.value / 1024 / 1024).toFixed(0) + "MB";
+    return (allFileSizes.value / 1024 / 1024).toFixed(0) + 'MB';
   } else {
-    return (allFileSizes.value / 1024 / 1024 / 1024).toFixed(0) + "GB";
+    return (allFileSizes.value / 1024 / 1024 / 1024).toFixed(0) + 'GB';
   }
 });
 
 let maxFileSizesInfo = computed(() => {
   if (props.maxSize <= 0) return 0;
   if (props.maxSize < 1) {
-    return (props.maxSize * 1024).toFixed(0) + "MB";
+    return (props.maxSize * 1024).toFixed(0) + 'MB';
   } else {
-    return props.maxSize + "GB";
+    return props.maxSize + 'GB';
   }
 });
 
@@ -249,7 +259,7 @@ const handleSelectionChange = (val: TableRow[]) => {
       id: item.id,
       name: item.name,
       file: item.file,
-      percent: 0,
+      percent: 0
     };
   });
 };
@@ -257,7 +267,7 @@ const handleSelectionChange = (val: TableRow[]) => {
 const hasFiles = computed(() => fileTableList.data.length > 0);
 
 const changeAllSizes = (file: any, type?: string) => {
-  if (type === "add") {
+  if (type === 'add') {
     allFileSizes.value += file.size as number;
   } else {
     allFileSizes.value -= file.size as number;
@@ -270,17 +280,15 @@ const handleChange = (file: UploadFile) => {
     id: file.uid,
     name: file.name,
     size: bytesToSize(file.size as number),
-    file: file,
+    file: file
   };
-  changeAllSizes(file, "add");
+  changeAllSizes(file, 'add');
   fileTableList.data.push(item);
 };
 
 // 超出文件数量限制时的处理
 const handleExceed = () => {
-  ElMessage.warning(
-    `超出文件数量限制,最多只能上传 ${props.maxFileNum} 个文件!`
-  );
+  ElMessage.warning(`超出文件数量限制,最多只能上传 ${props.maxFileNum} 个文件!`);
 };
 
 const handleProgress = (e: UploadProgressEvent) => {
@@ -294,7 +302,7 @@ const handlsSuccess = () => {
 const handleUploadRestart = (item: any) => {
   uploadingList.value = uploadingList.value.map((up) => {
     if (up.id === item.id) {
-      return { ...item, error: false, uploadStatus: "error" };
+      return { ...item, error: false, uploadStatus: 'error' };
     }
     return up;
   });
@@ -315,7 +323,7 @@ const handleUploadRestart = (item: any) => {
       item.percent = 100;
       props.handInitTaskList();
     },
-    fileInfo: item,
+    fileInfo: item
   });
 };
 
@@ -326,7 +334,7 @@ watch(
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 const batchDelete = () => {
@@ -340,7 +348,7 @@ const deleteFile = (row?: any) => {
   if (row) {
     const idx = fileTableList.data.findIndex((item: any) => item.id === row.id);
     fileTableList.data.splice(idx, 1);
-    changeAllSizes(row.file, "del");
+    changeAllSizes(row.file, 'del');
   }
 };
 
@@ -358,9 +366,8 @@ watch(
         taskId: item.task.id,
         name: item.name,
         size: item?.document_size,
-        percent:
-          item?.task?.status && item?.task?.status !== "pending" ? 100 : 99,
-        uploadStatus: item?.task?.status,
+        percent: item?.task?.status && item?.task?.status !== 'pending' ? 100 : 99,
+        uploadStatus: item?.task?.status
       };
     });
     handleToggleUploadNotify();
@@ -383,10 +390,10 @@ const uploadFiles = () => {
     if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
-        message: t("dialogTipText.singleFileSize"),
+        message: t('dialogTipText.singleFileSize'),
         icon: IconError,
-        customClass: "o-message--error",
-        duration: 3000,
+        customClass: 'o-message--error',
+        duration: 3000
       });
       return;
     }
@@ -400,7 +407,7 @@ const uploadFiles = () => {
         name: item.name,
         file: item.file,
         percent: 0,
-        newUploadTask: true,
+        newUploadTask: true
       };
     });
     uploadingList.value.forEach((item) => {
@@ -425,7 +432,7 @@ const uploadFiles = () => {
             props.handleQueryTaskList();
           }
         },
-        fileInfo: item,
+        fileInfo: item
       });
     });
     uploadingList.value = [
@@ -438,17 +445,14 @@ const uploadFiles = () => {
           name: item.name,
           size: item?.document_size,
           percent:
-            item?.task?.status === "success"
+            item?.task?.status === 'success'
               ? 100
               : reportDetail && reportDetail?.current_stage
-                ? (
-                    (reportDetail?.current_stage / reportDetail?.stage_cnt) *
-                    100
-                  ).toFixed(1)
+                ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
                 : 0,
-          uploadStatus: item?.task?.status,
+          uploadStatus: item?.task?.status
         };
-      }),
+      })
     ];
     uploadingList.value.length && handleToggleUploadNotify();
     props.handleCancelVisible();
@@ -463,10 +467,10 @@ const uploadKnowledgeFile = () => {
     if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
-        message: t("dialogTipText.singleFileSize"),
+        message: t('dialogTipText.singleFileSize'),
         icon: IconError,
-        customClass: "o-message--error",
-        duration: 3000,
+        customClass: 'o-message--error',
+        duration: 3000
       });
       return;
     }
@@ -479,7 +483,7 @@ const uploadKnowledgeFile = () => {
       name: item.name,
       file: item.file,
       percent: 0,
-      newUploadTask: true,
+      newUploadTask: true
     };
   });
   uploadingList.value.forEach((item) => {
@@ -493,7 +497,7 @@ const uploadKnowledgeFile = () => {
       onError: (e: any) => {
         uploadingList.value = uploadingList.value.map((up) => {
           if (up.id === e.id) {
-            return { ...e, uploadStatus: "error" };
+            return { ...e, uploadStatus: 'error' };
           }
           return up;
         });
@@ -504,9 +508,9 @@ const uploadKnowledgeFile = () => {
         props.handleQueryTaskList(fileTableList.data);
         uploadFileNumber += 1;
         item.percent = 100;
-        item.uploadStatus = "success";
+        item.uploadStatus = 'success';
       },
-      fileInfo: item,
+      fileInfo: item
     });
   });
   uploadingList.value.length && handleToggleUploadNotify();
@@ -521,7 +525,7 @@ const handleToggleUploadNotify = () => {
     uploadingList: uploadingList.value,
     showTaskList: showTaskList.value,
     handleShowTaskList: handleShowTaskList,
-    handleUploadRestart: handleUploadRestart,
+    handleUploadRestart: handleUploadRestart
   });
 };
 
diff --git a/src/components/Upload/uploadProgress.vue b/src/components/Upload/uploadProgress.vue
index 1cfec25..6f412d0 100644
--- a/src/components/Upload/uploadProgress.vue
+++ b/src/components/Upload/uploadProgress.vue
@@ -4,27 +4,31 @@
     class="o-upload-progress-notify"
     v-loading="taskListLoading"
     :element-loading-text="`${$t('pageTipText.Loading')}...`"
-    element-loading-background="rgba(122, 122, 122, 0.3)"
-  >
+    element-loading-background="rgba(122, 122, 122, 0.3)">
     <div class="o-upload-notify__head">
       <div class="task-list">
-        <span>{{ $t("assetLibrary.importTaskList") }}</span>
+        <span>{{ $t('assetLibrary.importTaskList') }}</span>
         <span>{{ `(${taskStatusList.length})` }}</span>
       </div>
       <div class="nofity-show">
-        <el-icon class="o-upload-notify__close" @click="handleShowTaskList()">
+        <el-icon
+          class="o-upload-notify__close"
+          @click="handleShowTaskList()">
           <IconChevronDown v-if="showTaskList" />
           <IconChevronUp v-else />
         </el-icon>
       </div>
     </div>
-    <div class="o-upload-notify__body" v-if="showTaskList">
-      <div class="o-upload-notify__list" @scroll="handleScroll">
+    <div
+      class="o-upload-notify__body"
+      v-if="showTaskList">
+      <div
+        class="o-upload-notify__list"
+        @scroll="handleScroll">
         <div
           v-for="(item, index) in taskStatusList"
           :key="item.id"
-          class="item"
-        >
+          class="item">
           <di class="item-box">
             <div class="item-info">
               <div
@@ -32,126 +36,123 @@
                   ['success', 'canceled'].includes(item.uploadStatus)
                     ? 'item-success-name'
                     : 'item-name'
-                "
-              >
+                ">
                 <TextSingleTootip :content="item.name" />
               </div>
               <div
                 class="item-file-size"
-                v-if="!['pending', 'running'].includes(item.uploadStatus)"
-              >
+                v-if="!['pending', 'running'].includes(item.uploadStatus)">
                 <TextSingleTootip
-                  :content="`，${$t('dialogTipText.fileSize')} ${bytesToSize(item?.file?.size || item?.size || 0)}`"
-                />
+                  :content="`，${$t('dialogTipText.fileSize')} ${bytesToSize(item?.file?.size || item?.size || 0)}`" />
               </div>
               <div
                 v-if="!['success', 'canceled'].includes(item.uploadStatus)"
-                class="upload-status"
-              >
-                {{ `，${$t("assetLibrary.uploadIng")}...` }}
+                class="upload-status">
+                {{ `，${$t('assetLibrary.uploadIng')}...` }}
               </div>
             </div>
-            <div class="item-close" v-if="typeof item.id === 'string'">
+            <div
+              class="item-close"
+              v-if="typeof item.id === 'string'">
               <IconX @click="handleCloseSingleUpload(item.taskId)" />
             </div>
           </di>
           <el-progress
             :percentage="item.percent"
             v-if="item.uploadStatus !== 'canceled'"
-            :stroke-width="8"
-          />
+            :stroke-width="8" />
           <div
             v-if="['success'].includes(item.uploadStatus)"
-            class="upload-success"
-          >
+            class="upload-success">
             <span>
               <el-icon class="icon-tip">
                 <CircleCheckFilled />
               </el-icon>
             </span>
-            <span>{{ $t("uploadText.uploadSuccess") }}</span>
+            <span>{{ $t('uploadText.uploadSuccess') }}</span>
           </div>
-          <div v-if="item.error" class="upload-error">
+          <div
+            v-if="item.error"
+            class="upload-error">
             <span>
               <el-icon class="icon-tip"><WarningFilled /></el-icon>
             </span>
-            <span>{{ $t("uploadText.uploadFailed") }}</span>
-            <span class="upload-restart" @click="handleUploadRestart(item)">
-              {{ $t("btnText.retry") }}
+            <span>{{ $t('uploadText.uploadFailed') }}</span>
+            <span
+              class="upload-restart"
+              @click="handleUploadRestart(item)">
+              {{ $t('btnText.retry') }}
             </span>
           </div>
-          <div v-if="item.uploadStatus === 'canceled'" class="upload-error">
+          <div
+            v-if="item.uploadStatus === 'canceled'"
+            class="upload-error">
             <span>
               <el-icon class="icon-tip"><WarningFilled /></el-icon>
             </span>
-            <span>{{ $t("exportTask.canceled") }}</span>
+            <span>{{ $t('exportTask.canceled') }}</span>
           </div>
         </div>
       </div>
       <div
         class="item-all-close"
         v-if="taskStatusList.length > 0 && isShowAllClear"
-        @click="handleCloseSingleUpload('all')"
-      >
-        {{ $t("btnText.clearAll") }}
+        @click="handleCloseSingleUpload('all')">
+        {{ $t('btnText.clearAll') }}
       </div>
     </div>
   </div>
 </template>
 <script setup lang="ts">
-import "@/styles/uploadProgress.scss";
-import { bytesToSize } from "@/utils/bytesToSize";
-import TextSingleTootip from "@/components/TextSingleTootip/index.vue";
-import {
-  IconChevronUp,
-  IconChevronDown,
-  IconX,
-} from "@computing/opendesign-icons";
+import '@/styles/uploadProgress.scss';
+import { bytesToSize } from '@/utils/bytesToSize';
+import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
+import { IconChevronUp, IconChevronDown, IconX } from '@computing/opendesign-icons';
 const taskStatusList = ref<any>([]);
 const props = defineProps({
   isKnowledgeFileUpload: {
-    type: Boolean,
+    type: Boolean
   },
   showUploadNotify: {
-    type: Boolean,
+    type: Boolean
   },
   uploadingList: {
     type: Array,
-    default: [],
+    default: []
   },
   handleShowTaskList: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   showTaskList: {
-    type: Boolean,
+    type: Boolean
   },
   handleCloseSingleUpload: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   handleUploadRestart: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   taskListImportDate: {
-    type: Number,
+    type: Number
   },
   importTaskTotal: {
-    type: Number,
+    type: Number
   },
   handleImportScroll: {
     type: Function,
-    default: () => {},
+    default: () => {}
   },
   taskListLoading: {
     type: Boolean,
-    default: false,
+    default: false
   },
   isShowAllClear: {
     type: Boolean,
-    default: true,
-  },
+    default: true
+  }
 });
 
 const handleScroll = (e: any) => {
@@ -161,15 +162,13 @@ watch(
   () => props.uploadingList,
   () => {
     if (props.isKnowledgeFileUpload) {
-      taskStatusList.value = props.uploadingList.filter(
-        (item) => item.uploadStatus !== "success"
-      );
+      taskStatusList.value = props.uploadingList.filter((item) => item.uploadStatus !== 'success');
     } else {
       taskStatusList.value = props.uploadingList;
     }
   },
   {
-    deep: true,
+    deep: true
   }
 );
 watch(
@@ -180,9 +179,7 @@ watch(
 );
 onMounted(() => {
   if (props.isKnowledgeFileUpload) {
-    taskStatusList.value = props.uploadingList.filter(
-      (item) => item.uploadStatus !== "success"
-    );
+    taskStatusList.value = props.uploadingList.filter((item) => item.uploadStatus !== 'success');
   } else {
     taskStatusList.value = props.uploadingList;
   }
diff --git a/src/components/UserHeaderBar/headerCom.vue b/src/components/UserHeaderBar/headerCom.vue
index 390ae1f..afa0dbe 100644
--- a/src/components/UserHeaderBar/headerCom.vue
+++ b/src/components/UserHeaderBar/headerCom.vue
@@ -12,24 +12,24 @@
           popper-class="dropdown-container userDro"
           class="userDroContainer"
           trigger="click"
-          @visible-change="handleBatchDownBth"
-        >
+          @visible-change="handleBatchDownBth">
           <span class="el-dropdown-link">
             {{ userInfo.name }}
-            <el-icon class="el-icon--right" v-if="!batchDownBth">
+            <el-icon
+              class="el-icon--right"
+              v-if="!batchDownBth">
               <IconCaretDown />
             </el-icon>
             <el-icon
               class="el-icon--right el-icon--caretup"
-              v-if="batchDownBth"
-            >
+              v-if="batchDownBth">
               <IconCaretUp />
             </el-icon>
           </span>
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item @click="handlLogout">
-                {{ $t("login.logOut") }}
+                {{ $t('login.logOut') }}
               </el-dropdown-item>
             </el-dropdown-menu>
           </template>
@@ -39,12 +39,12 @@
           class="box-item"
           effect="light"
           :content="
-            modelNameStr?`${$t('model.modelName')}：${modelNameStr}` :
-            `${$t('model.modelName')}`
+            modelNameStr ? `${$t('model.modelName')}：${modelNameStr}` : `${$t('model.modelName')}`
           "
-          placement="left"
-        >
-          <el-icon class="setting-icon" @click="handleModelVisible(true)">
+          placement="left">
+          <el-icon
+            class="setting-icon"
+            @click="handleModelVisible(true)">
             <Setting />
           </el-icon>
         </el-tooltip>
@@ -58,19 +58,21 @@
     class="model-dialog"
     width="560"
     @close="handleClose"
-    :title="$t('model.modelConfig')"
-  >
+    :title="$t('model.modelConfig')">
     <el-radio-group
       v-model="openai_api_type"
       class="model-radio"
-      @change="handleRadioChange"
-    >
-      <el-radio value="local" size="large">{{
-        t("model.localModel")
-      }}</el-radio>
-      <el-radio value="online" size="large">{{
-        t("model.onlineModel")
-      }}</el-radio>
+      @change="handleRadioChange">
+      <el-radio
+        value="local"
+        size="large">
+        {{ t('model.localModel') }}
+      </el-radio>
+      <el-radio
+        value="online"
+        size="large">
+        {{ t('model.onlineModel') }}
+      </el-radio>
     </el-radio-group>
 
     <el-form
@@ -80,39 +82,33 @@
       :rules="rules"
       label-position="left"
       :label-width="userLanguage === 'zh' ? '92px' : 'auto'"
-      @validate="handleFormValidate"
-    >
+      @validate="handleFormValidate">
       <!-- 本地模型 -->
       <div class="form-container">
         <el-form-item
           :label="$t('model.modelType')"
           prop="model_name"
-          class="docName"
-        >
+          class="docName">
           <el-select
             v-model="ruleFormLocal.model_name"
             placeholder="选择模型类型"
             class="select-container"
-            :clearable="true"
-          >
+            :clearable="true">
             <el-option
               v-for="item in modelTypes"
               :key="item.id"
               :label="item.model_name"
-              :value="item.id"
-            >
+              :value="item.id">
               <img
                 v-if="item.model_type === 'deepseek'"
                 src="/src/assets/images/deepseek.png"
                 width="25"
-                height="25"
-              />
+                height="25" />
               <img
                 v-if="item.model_type === 'qwen'"
                 src="/src/assets/images/Qwen.png"
                 width="25"
-                height="25"
-              />
+                height="25" />
               {{ item.model_name }}
             </el-option>
           </el-select>
@@ -127,66 +123,63 @@
       :rules="rules"
       label-position="left"
       :label-width="userLanguage === 'zh' ? '92px' : 'auto'"
-      @validate="handleFormValidate"
-    >
+      @validate="handleFormValidate">
       <!-- 在线模型 -->
       <div class="form-container">
         <el-form-item
           :label="$t('API KEY')"
           prop="openai_api_key"
-          class="docName"
-        >
+          class="docName">
           <el-input
             v-model="ruleForm.openai_api_key"
-            :placeholder="$t('model.pleasePlace')"
-          >
+            :placeholder="$t('model.pleasePlace')">
             <template #suffix>
               <el-icon
                 class="warning-icon"
-                v-if="!formValidateStatus.openai_api_key"
-              >
+                v-if="!formValidateStatus.openai_api_key">
                 <WarningFilled />
               </el-icon>
             </template>
           </el-input>
         </el-form-item>
-        <el-form-item :label="$t('Base-Url')" prop="openai_api_base">
+        <el-form-item
+          :label="$t('Base-Url')"
+          prop="openai_api_base">
           <el-input
             v-model="ruleForm.openai_api_base"
-            :placeholder="$t('model.pleasePlace')"
-          >
+            :placeholder="$t('model.pleasePlace')">
             <template #suffix>
               <el-icon
                 class="warning-icon"
-                v-if="!formValidateStatus.openai_api_base"
-              >
+                v-if="!formValidateStatus.openai_api_base">
                 <WarningFilled />
               </el-icon>
             </template>
           </el-input>
         </el-form-item>
-        <el-form-item :label="$t('model.modelType')" prop="model_name">
+        <el-form-item
+          :label="$t('model.modelType')"
+          prop="model_name">
           <el-input
             v-model="ruleForm.model_name"
-            :placeholder="$t('model.pleasePlace')"
-          >
+            :placeholder="$t('model.pleasePlace')">
             <template #suffix>
               <el-icon
                 class="warning-icon"
-                v-if="!formValidateStatus.model_name"
-              >
+                v-if="!formValidateStatus.model_name">
                 <WarningFilled />
               </el-icon>
             </template>
           </el-input>
         </el-form-item>
-        <el-form-item :label="$t('model.maxToken')" prop="max_tokens">
+        <el-form-item
+          :label="$t('model.maxToken')"
+          prop="max_tokens">
           <el-input-number
             class="token-size"
             v-model="ruleForm.max_tokens"
             :min="1024"
-            :max="8096"
-          />
+            :max="8096" />
           <span class="form-right-tip">（1024~8096）</span>
         </el-form-item>
       </div>
@@ -197,16 +190,15 @@
         class="resetBtn"
         type="primary"
         @click="
-          handleConfirmCreateModel(
-            openai_api_type === 'online' ? ruleFormRef : ruleFormRefLocal
-          )
+          handleConfirmCreateModel(openai_api_type === 'online' ? ruleFormRef : ruleFormRefLocal)
         "
-        :loading="submitLoading"
-      >
-        {{ $t("btnText.confirm") }}
+        :loading="submitLoading">
+        {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button class="resetBtn cancelBtn" @click="handleClose">
-        {{ $t("btnText.cancel") }}
+      <el-button
+        class="resetBtn cancelBtn"
+        @click="handleClose">
+        {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </el-dialog>
@@ -214,30 +206,25 @@
 
 <script setup lang="ts">
 // 内部依赖
-import { useAppStore, useUserStore } from "@/store";
-import "@/styles/headerBar.scss";
-import {
-  IconCaretDown,
-  IconCaretUp,
-  IconError,
-  IconSuccess,
-} from "@computing/opendesign-icons";
-import { ModelForm } from "./modelConfig";
-import { FormInstance, FormItemProp } from "element-plus";
-import KbAppAPI from "@/api/kbApp";
-import defaultSettings from "@/settings";
+import { useAppStore, useUserStore } from '@/store';
+import '@/styles/headerBar.scss';
+import { IconCaretDown, IconCaretUp, IconError, IconSuccess } from '@computing/opendesign-icons';
+import { ModelForm } from './modelConfig';
+import { FormInstance, FormItemProp } from 'element-plus';
+import KbAppAPI from '@/api/kbApp';
+import defaultSettings from '@/settings';
 
 const appStore = useAppStore();
 const userStore = useUserStore();
-const { t,locale} = useI18n();
+const { t, locale } = useI18n();
 const ruleFormRef = ref<FormInstance>();
 const ruleFormRefLocal = ref<FormInstance>();
 const userLanguage = ref();
 const isSubmitDisabled = ref(true);
 const batchDownBth = ref(false);
 const modelVisible = ref(false);
-const openai_api_type = ref("local");
-const value = ref("");
+const openai_api_type = ref('local');
+const value = ref('');
 // 定义一个接口来描述 modelTypes 数组中的对象结构
 interface ModelType {
   model_name: string; // value 属性是字符串类型
@@ -245,76 +232,76 @@ interface ModelType {
   id: string;
 }
 
-const initModelTYpe = ref("");
+const initModelTYpe = ref('');
 
 // 使用接口定义 modelTypes 数组的类型
 let modelTypes: Ref<ModelType[]> = ref([]);
 
 const ruleForm = ref<ModelForm>({
-  openai_api_key: "",
-  openai_api_base: "",
+  openai_api_key: '',
+  openai_api_base: '',
   max_tokens: 1024,
-  model_name: "",
+  model_name: ''
 });
 const ruleFormLocal = ref<ModelForm>({
-  id: "",
-  model_name: "",
+  id: '',
+  model_name: ''
 });
 
 const rules = ref({
   openai_api_key: [
     {
       required: true,
-      message: t("model.pleasePlace"),
-      trigger: ["blur", "change"],
-    },
+      message: t('model.pleasePlace'),
+      trigger: ['blur', 'change']
+    }
   ],
   openai_api_base: [
     {
       required: true,
-      message: t("model.pleasePlace"),
-      trigger: ["blur", "change"],
-    },
+      message: t('model.pleasePlace'),
+      trigger: ['blur', 'change']
+    }
   ],
   max_tokens: [
     {
       required: true,
-      message: t("model.pleasePlace"),
-      trigger: ["blur", "change"],
-    },
+      message: t('model.pleasePlace'),
+      trigger: ['blur', 'change']
+    }
   ],
   model_name: [
     {
       required: true,
-      message: t("model.pleasePlace"),
-      trigger: ["blur", "change"],
-    },
-  ],
+      message: t('model.pleasePlace'),
+      trigger: ['blur', 'change']
+    }
+  ]
 });
 
 const formValidateStatus = ref<any>({
   openai_api_key: true,
   openai_api_base: true,
   max_tokens: true,
-  model_name: true,
+  model_name: true
 });
 
 const userInfo = ref<any>({});
 
-const modelNameStr=ref<string>("");   // 保持当前用户配置的模型名称
+const modelNameStr = ref<string>(''); // 保持当前用户配置的模型名称
 
-const persisitModel = ref<string>("");  // 保持当前用户配置的模型类型，避免刚打开对话框时的单选框切换效果
+const persisitModel = ref<string>(''); // 保持当前用户配置的模型类型，避免刚打开对话框时的单选框切换效果
 
 const handleClose = () => {
   modelVisible.value = false;
-  
+
   openai_api_type.value = persisitModel.value;
 
   formValidateStatus.value = {
     openai_api_key: true,
     openai_api_base: true,
     max_tokens: true,
-    model_name: true,
+    model_name: true
   };
 };
 
@@ -322,24 +309,22 @@ const handleClose = () => {
  * 处理接postmessage收到的数据，根据消息中的语言设置应用语言。
  * 该函数会根据接收到的语言代码更新应用的语言设置，并将其存储在本地存储中。
  */
-const handleMessage = (e: Event)=> {
-
-  const langObj={
-    'CN': 'zh',
-    'EN': 'en'
+const handleMessage = (e: Event) => {
+  const langObj = {
+    CN: 'zh',
+    EN: 'en'
   };
   let lang = langObj[e.data.lang];
   locale.value = lang;
   appStore.changeLanguage(lang);
-  localStorage.setItem("language", lang);
-
+  localStorage.setItem('language', lang);
 };
 
 onMounted(() => {
-  window.addEventListener('message', handleMessage)
-  userInfo.value = JSON.parse(localStorage.getItem("userInfo") || "{}");
+  window.addEventListener('message', handleMessage);
+  userInfo.value = JSON.parse(localStorage.getItem('userInfo') || '{}');
   userLanguage.value = userInfo.value?.language;
-  if (openai_api_type.value === "local") {
+  if (openai_api_type.value === 'local') {
     KbAppAPI.localModelList().then((res) => {
       modelTypes.value = res;
     });
@@ -348,30 +333,30 @@ onMounted(() => {
 });
 onUnmounted(() => window.removeEventListener('message', handleMessage));
 
-const getModelInfo=()=>{
+const getModelInfo = () => {
   KbAppAPI.getdUserModel().then((res) => {
-    persisitModel.value= res.is_online?"online":"local";
+    persisitModel.value = res.is_online ? 'online' : 'local';
     modelNameStr.value = res.model_name;
     if (res.is_online) {
-      openai_api_type.value = "online";
+      openai_api_type.value = 'online';
       ruleForm.value = res;
       ruleFormLocal.value = {};
     } else {
-      openai_api_type.value = "local";
+      openai_api_type.value = 'local';
       ruleFormLocal.value = res;
       initModelTYpe.value = res.id;
       ruleForm.value = { max_tokens: 1024 };
     }
   });
-}
+};
 
 watch(openai_api_type, (val) => {
   if (ruleFormRef.value) {
     ruleFormRef.value.resetFields();
   } else {
-    console.warn("Form instance is not initialized yet.");
+    console.warn('Form instance is not initialized yet.');
   }
-  if (val === "local") {
+  if (val === 'local') {
     KbAppAPI.localModelList().then((res) => {
       modelTypes.value = res;
     });
@@ -396,18 +381,18 @@ watch(
 );
 
 watch(
-  () => useStorage("language", defaultSettings.language).value,
+  () => useStorage('language', defaultSettings.language).value,
   () => {
-    userLanguage.value = useStorage("language", defaultSettings.language).value;
+    userLanguage.value = useStorage('language', defaultSettings.language).value;
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 
 const handleRadioChange = () => {
-  if (openai_api_type.value === "local") {
+  if (openai_api_type.value === 'local') {
     ruleFormLocal.value = {};
     ruleFormRefLocal.value.resetFields();
   } else {
@@ -423,7 +408,7 @@ const handleBatchDownBth = (e) => {
 const handlLogout = () => {
   userStore.logout().then((res: any) => {
     if (res && !Object.keys(res).length) {
-      localStorage.removeItem("userInfo");
+      localStorage.removeItem('userInfo');
       userStore.resetToken();
     }
   });
@@ -438,35 +423,35 @@ const handleConfirmCreateModel = async (formData: FormInstance | undefined) => {
 
   await formData.validate((valid, fields) => {
     if (valid) {
-      if (openai_api_type.value === "local") {
+      if (openai_api_type.value === 'local') {
         if (
           ruleFormLocal.value.model_name?.length < 36 ||
           initModelTYpe.value === ruleFormLocal.value.model_name
         ) {
           ElMessage({
             showClose: true,
-            message: "请勿重复配置",
+            message: '请勿重复配置',
             icon: IconError,
-            customClass: "o-message--error",
-            duration: 3000,
+            customClass: 'o-message--error',
+            duration: 3000
           });
           return;
         }
       }
       submitLoading.value = true;
       let param = {};
-      if (openai_api_type.value === "online") {
+      if (openai_api_type.value === 'online') {
         param = {
           max_tokens: ruleForm.value.max_tokens || 1024,
           model_name: ruleForm.value.model_name,
           openai_api_base: ruleForm.value.openai_api_base,
           openai_api_key: ruleForm.value.openai_api_key,
-          is_online: true,
+          is_online: true
         };
       } else {
         param = {
           id: ruleFormLocal.value.model_name,
-          is_online: false,
+          is_online: false
         };
       }
       KbAppAPI.addUserModel(param)
@@ -474,10 +459,10 @@ const handleConfirmCreateModel = async (formData: FormInstance | undefined) => {
           modelVisible.value = false;
           ElMessage({
             showClose: true,
-            message: t("opsMessage.modifSuccess"),
+            message: t('opsMessage.modifSuccess'),
             icon: IconSuccess,
-            customClass: "o-message--success",
-            duration: 3000,
+            customClass: 'o-message--success',
+            duration: 3000
           });
           handleModelDialog();
           getModelInfo();
@@ -498,24 +483,24 @@ const handleModelDialog = () => {
     openai_api_key: true,
     openai_api_base: true,
     max_tokens: true,
-    model_name: true,
+    model_name: true
   };
 };
 
 const handleModelVisible = (visible: boolean) => {
   KbAppAPI.getdUserModel().then((res) => {
     modelNameStr.value = res.model_name;
-    persisitModel.value= res.is_online?"online":"local";
+    persisitModel.value = res.is_online ? 'online' : 'local';
     if (res.is_online) {
       ruleForm.value = {
         ...res,
-        max_tokens: res?.max_tokens || 1024,
+        max_tokens: res?.max_tokens || 1024
       };
-      openai_api_type.value = "online";
+      openai_api_type.value = 'online';
     } else {
       initModelTYpe.value = res.id;
       ruleFormLocal.value = res;
-      openai_api_type.value = "local";
+      openai_api_type.value = 'local';
     }
   });
   modelVisible.value = visible;
@@ -601,7 +586,7 @@ const handleModelVisible = (visible: boolean) => {
     }
   }
   .el-dialog__title {
-    font-family: "HarmonyOS Sans SC Bold", sans-serif !important;
+    font-family: 'HarmonyOS Sans SC Bold', sans-serif !important;
     font-weight: 800;
   }
   .el-input {
diff --git a/src/components/UserHeaderBar/index.vue b/src/components/UserHeaderBar/index.vue
index c06111a..a15ba31 100644
--- a/src/components/UserHeaderBar/index.vue
+++ b/src/components/UserHeaderBar/index.vue
@@ -3,10 +3,10 @@
     <HeaderCom />
     <div class="knowledge-welcome">
       <div class="knowledge-welcome-text">
-        <h1>{{ `Hi, ${$t("assetLibrary.welcomeUsePro")}` }}</h1>
+        <h1>{{ `Hi, ${$t('assetLibrary.welcomeUsePro')}` }}</h1>
       </div>
       <div class="knowledge-show-text">
-        {{ $t("assetLibrary.profile") }}
+        {{ $t('assetLibrary.profile') }}
       </div>
     </div>
   </div>
@@ -14,14 +14,13 @@
 
 <script setup lang="ts">
 // 内部依赖
-import { useSettingsStore, useUserStore } from "@/store";
-import { ThemeEnum } from "@/enums/ThemeEnum";
-import "@/styles/headerBar.scss";
-import HeaderCom from "./headerCom.vue";
-import { TOKEN_KEY } from "@/enums/CacheEnum";
+import { useSettingsStore, useUserStore } from '@/store';
+import { ThemeEnum } from '@/enums/ThemeEnum';
+import '@/styles/headerBar.scss';
+import HeaderCom from './headerCom.vue';
+import { TOKEN_KEY } from '@/enums/CacheEnum';
 const settingsStore = useSettingsStore();
 const { t } = useI18n();
- 
 </script>
 <style lang="scss" scoped>
 .knowledge-welcome {
diff --git a/src/enums/CacheEnum.ts b/src/enums/CacheEnum.ts
index f3c434b..f587bd4 100644
--- a/src/enums/CacheEnum.ts
+++ b/src/enums/CacheEnum.ts
@@ -1,4 +1,4 @@
 /**
  * 令牌缓存Key
  */
-export const TOKEN_KEY = "accessToken";
+export const TOKEN_KEY = 'accessToken';
diff --git a/src/enums/FormTypeEnum.ts b/src/enums/FormTypeEnum.ts
index 583c33a..478afe7 100644
--- a/src/enums/FormTypeEnum.ts
+++ b/src/enums/FormTypeEnum.ts
@@ -2,13 +2,13 @@
  * 表单类型枚举
  */
 export const FormTypeEnum: Record<string, OptionType> = {
-  INPUT: { value: 1, label: "输入框" },
-  SELECT: { value: 2, label: "下拉框" },
-  RADIO: { value: 3, label: "单选框" },
-  CHECK_BOX: { value: 4, label: "复选框" },
-  INPUT_NUMBER: { value: 5, label: "数字输入框" },
-  SWITCH: { value: 6, label: "开关" },
-  TEXT_AREA: { value: 7, label: "文本域" },
-  DATE: { value: 8, label: "日期框" },
-  DATE_TIME: { value: 9, label: "日期时间框" },
+  INPUT: { value: 1, label: '输入框' },
+  SELECT: { value: 2, label: '下拉框' },
+  RADIO: { value: 3, label: '单选框' },
+  CHECK_BOX: { value: 4, label: '复选框' },
+  INPUT_NUMBER: { value: 5, label: '数字输入框' },
+  SWITCH: { value: 6, label: '开关' },
+  TEXT_AREA: { value: 7, label: '文本域' },
+  DATE: { value: 8, label: '日期框' },
+  DATE_TIME: { value: 9, label: '日期时间框' }
 };
diff --git a/src/enums/KnowledgeEnum.ts b/src/enums/KnowledgeEnum.ts
index b493a8c..3df8616 100644
--- a/src/enums/KnowledgeEnum.ts
+++ b/src/enums/KnowledgeEnum.ts
@@ -2,14 +2,14 @@
  * 状态枚举
  */
 export const enum StatusEnum {
-  FAIL = "failed",
-  CANCEL = "canceled",
-  ANALYSIS_ING = "pending",
-  SUCCESS = "success",
-  RUNNING = "running",
+  FAIL = 'failed',
+  CANCEL = 'canceled',
+  ANALYSIS_ING = 'pending',
+  SUCCESS = 'success',
+  RUNNING = 'running'
 }
 
 export const enum MenuType {
-  KL_FILE = "klFile",
-  KL_CONFIG = "klConfig",
+  KL_FILE = 'klFile',
+  KL_CONFIG = 'klConfig'
 }
diff --git a/src/enums/LanguageEnum.ts b/src/enums/LanguageEnum.ts
index e674c0b..dc315d1 100644
--- a/src/enums/LanguageEnum.ts
+++ b/src/enums/LanguageEnum.ts
@@ -5,10 +5,10 @@ export const enum LanguageEnum {
   /**
    * 中文
    */
-  ZH_CN = "zh",
+  ZH_CN = 'zh',
 
   /**
    * 英文
    */
-  EN = "en",
+  EN = 'en'
 }
diff --git a/src/enums/MessageTypeEnum.ts b/src/enums/MessageTypeEnum.ts
index 42a6fb9..208a06c 100644
--- a/src/enums/MessageTypeEnum.ts
+++ b/src/enums/MessageTypeEnum.ts
@@ -1,15 +1,15 @@
 /* 消息类型枚举 */
 export const enum MessageTypeEnum {
   /* 消息 */
-  MESSAGE = "MESSAGE",
+  MESSAGE = 'MESSAGE',
   /* 通知 */
-  NOTICE = "NOTICE",
+  NOTICE = 'NOTICE',
   /* 待办 */
-  TODO = "TODO",
+  TODO = 'TODO'
 }
 
 export const MessageTypeLabels = {
-  [MessageTypeEnum.MESSAGE]: "消息",
-  [MessageTypeEnum.NOTICE]: "通知",
-  [MessageTypeEnum.TODO]: "待办",
+  [MessageTypeEnum.MESSAGE]: '消息',
+  [MessageTypeEnum.NOTICE]: '通知',
+  [MessageTypeEnum.TODO]: '待办'
 };
diff --git a/src/enums/QueryTypeEnum.ts b/src/enums/QueryTypeEnum.ts
index 253efc0..14a9c78 100644
--- a/src/enums/QueryTypeEnum.ts
+++ b/src/enums/QueryTypeEnum.ts
@@ -3,35 +3,35 @@
  */
 export const QueryTypeEnum: Record<string, OptionType> = {
   /** 等于 */
-  EQ: { value: 1, label: "=" },
+  EQ: { value: 1, label: '=' },
 
   /** 模糊匹配 */
   LIKE: { value: 2, label: "LIKE '%s%'" },
 
   /** 包含 */
-  IN: { value: 3, label: "IN" },
+  IN: { value: 3, label: 'IN' },
 
   /** 范围 */
-  BETWEEN: { value: 4, label: "BETWEEN" },
+  BETWEEN: { value: 4, label: 'BETWEEN' },
 
   /** 大于 */
-  GT: { value: 5, label: ">" },
+  GT: { value: 5, label: '>' },
 
   /** 大于等于 */
-  GE: { value: 6, label: ">=" },
+  GE: { value: 6, label: '>=' },
 
   /** 小于 */
-  LT: { value: 7, label: "<" },
+  LT: { value: 7, label: '<' },
 
   /** 小于等于 */
-  LE: { value: 8, label: "<=" },
+  LE: { value: 8, label: '<=' },
 
   /** 不等于 */
-  NE: { value: 9, label: "!=" },
+  NE: { value: 9, label: '!=' },
 
   /** 左模糊匹配 */
   LIKE_LEFT: { value: 10, label: "LIKE '%s'" },
 
   /** 右模糊匹配 */
-  LIKE_RIGHT: { value: 11, label: "LIKE 's%'" },
+  LIKE_RIGHT: { value: 11, label: "LIKE 's%'" }
 };
diff --git a/src/enums/ResultEnum.ts b/src/enums/ResultEnum.ts
index 2f9bc8f..b4c9823 100644
--- a/src/enums/ResultEnum.ts
+++ b/src/enums/ResultEnum.ts
@@ -5,14 +5,14 @@ export const enum ResultEnum {
   /**
    * 成功
    */
-  SUCCESS = "200",
+  SUCCESS = '200',
   /**
    * 错误
    */
-  ERROR = "10003",
+  ERROR = '10003',
 
   /**
    * 令牌无效或过期
    */
-  TOKEN_INVALID = "401",
+  TOKEN_INVALID = '401'
 }
diff --git a/src/enums/ThemeEnum.ts b/src/enums/ThemeEnum.ts
index 91458e1..36b4b49 100644
--- a/src/enums/ThemeEnum.ts
+++ b/src/enums/ThemeEnum.ts
@@ -5,14 +5,14 @@ export const enum ThemeEnum {
   /**
    * 明亮主题
    */
-  LIGHT = "light",
+  LIGHT = 'light',
   /**
    * 暗黑主题
    */
-  DARK = "dark",
+  DARK = 'dark',
 
   /**
    * 系统自动
    */
-  AUTO = "auto",
+  AUTO = 'auto'
 }
diff --git a/src/lang/index.ts b/src/lang/index.ts
index a350571..6944994 100644
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -1,27 +1,27 @@
-import type { App } from "vue";
-import { createI18n } from "vue-i18n";
-import { useAppStoreHook } from "@/store/modules/app";
+import type { App } from 'vue';
+import { createI18n } from 'vue-i18n';
+import { useAppStoreHook } from '@/store/modules/app';
 // 本地语言包
-import enLocale from "./package/en";
-import zhCnLocale from "./package/zh-cn";
-import defaultSettings from "@/settings";
+import enLocale from './package/en';
+import zhCnLocale from './package/zh-cn';
+import defaultSettings from '@/settings';
 
 const messages = {
   zh: {
-    ...zhCnLocale,
+    ...zhCnLocale
   },
   en: {
-    ...enLocale,
-  },
+    ...enLocale
+  }
 };
 
-const language = useStorage("language", defaultSettings.language);
+const language = useStorage('language', defaultSettings.language);
 
 const i18n = createI18n({
   legacy: false,
   locale: language.value,
   messages: messages,
-  globalInjection: true,
+  globalInjection: true
 });
 
 // 全局注册 i18n
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 053f724..6cd72d0 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -1,227 +1,225 @@
 export default {
   // 登录页面国际化
   login: {
-    username: "Username",
-    password: "Password",
-    login: "Log In",
-    signin:'Sign In',
-    backToLogin:'Back to Log In',
-    logOut: "Log Out",
-    welcomeToUse: "Welcome",
-    appName: "witChainD",
-    loginSuccessful: "Login Successful",
-    signinSuccessful: "Signin Successful",
+    username: 'Username',
+    password: 'Password',
+    login: 'Log In',
+    signin: 'Sign In',
+    backToLogin: 'Back to Log In',
+    logOut: 'Log Out',
+    welcomeToUse: 'Welcome',
+    appName: 'witChainD',
+    loginSuccessful: 'Login Successful',
+    signinSuccessful: 'Signin Successful',
     message: {
-      name:{
-        nameMsg: "The name cannot be empty.",
-        required: "Enter a name.",
-        notMinThan: "The name cannot be longer than 10 characters.",
+      name: {
+        nameMsg: 'The name cannot be empty.',
+        required: 'Enter a name.',
+        notMinThan: 'The name cannot be longer than 10 characters.'
       },
       username: {
-        usernameMsg: "The username cannot be empty.",
-        required: "Enter a username.",
-        notMinThan: "The username cannot be less than 5 characters.",
-        notMaxThan: "The username cannot be longer than 20 characters.",
-        regxMsg: "The username can contain only lowercase letters and number.",
+        usernameMsg: 'The username cannot be empty.',
+        required: 'Enter a username.',
+        notMinThan: 'The username cannot be less than 5 characters.',
+        notMaxThan: 'The username cannot be longer than 20 characters.',
+        regxMsg: 'The username can contain only lowercase letters and number.'
       },
       password: {
-        passwordMsg: "The password cannot be empty.",
-        required: "Enter a password.",
-        notMinThan: "The password cannot be less than 6 characters.",
-        notMaxThan: "The password cannot be longer than 20 characters.",
-        regxMsg: "The password must contain uppercase letters, lowercase letters, and digits.",
+        passwordMsg: 'The password cannot be empty.',
+        required: 'Enter a password.',
+        notMinThan: 'The password cannot be less than 6 characters.',
+        notMaxThan: 'The password cannot be longer than 20 characters.',
+        regxMsg: 'The password must contain uppercase letters, lowercase letters, and digits.'
       },
       passwd: {
-        passwordMsg: "The password cannot be empty.",
-        required: "Enter a password.",
-        notMinThan: "The password cannot be less than 6 characters.",
-        notMaxThan: "The password cannot be longer than 20 characters.",
-        regxMsg: "The password must contain uppercase letters, lowercase letters, and digits.",
+        passwordMsg: 'The password cannot be empty.',
+        required: 'Enter a password.',
+        notMinThan: 'The password cannot be less than 6 characters.',
+        notMaxThan: 'The password cannot be longer than 20 characters.',
+        regxMsg: 'The password must contain uppercase letters, lowercase letters, and digits.'
       },
       email: {
-        emailMsg: "The email cannot be empty.",
-        required: "Enter an email.",
-        notMinThan: "The email  cannot be less than 5 characters.",
-        notMaxThan: "The email cannot be longer than 20 characters.",
-        regxMsg: "The email format is incorrect.",
+        emailMsg: 'The email cannot be empty.',
+        required: 'Enter an email.',
+        notMinThan: 'The email  cannot be less than 5 characters.',
+        notMaxThan: 'The email cannot be longer than 20 characters.',
+        regxMsg: 'The email format is incorrect.'
       },
-      loginTip: "The username or password is not correct.",
-      loginToken: "The session has expired.Please login again.",
-    },
+      loginTip: 'The username or password is not correct.',
+      loginToken: 'The session has expired.Please login again.'
+    }
   },
   langSelect: {
     message: {
-      success: "Switch Language Successful!",
-    },
+      success: 'Switch Language Successful!'
+    }
   },
   assetLibrary: {
-    assetLibrary: "Asset Libraries",
-    assetId: "Asset ID",
-    welcomeUsePro: "Welcome to witChainD!",
+    assetLibrary: 'Asset Libraries',
+    assetId: 'Asset ID',
+    welcomeUsePro: 'Welcome to witChainD!',
     profile:
-      "witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including md,xlsx,pdf,doc,docx,pptx,html and txt.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.",
+      'witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including md,xlsx,pdf,doc,docx,pptx,html and txt.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.',
     message: {
-      name: "Enter an asset libraray name.",
-      libraryNameLen: "The asset library name can contain 1 to 15 characters.",
-      categoryInfo: "Enter a category name.",
-      languagePlace: "Select a language.",
-      modelPlace: "Select a parsing method.",
-      analyticMethodPlace: "Enter a value",
-      pleasePlace: "Enter a value",
-      pleaseChoose: "Select an option",
-      assetEditSuccess: "Asset library information is modified successfully.",
+      name: 'Enter an asset libraray name.',
+      libraryNameLen: 'The asset library name can contain 1 to 15 characters.',
+      categoryInfo: 'Enter a category name.',
+      languagePlace: 'Select a language.',
+      modelPlace: 'Select a parsing method.',
+      analyticMethodPlace: 'Enter a value',
+      pleasePlace: 'Enter a value',
+      pleaseChoose: 'Select an option',
+      assetEditSuccess: 'Asset library information is modified successfully.'
     },
-    piece: "piece ",
-    file: "documents",
-    name: "Asset Library Name",
-    desc: "Description",
-    language: "Language",
-    embeddedModel: "Embedded Model",
-    analyticMethod: "Parsing Method",
-    fileChunkSize: "File Block Size",
-    configCategory: "Document Categories",
-    fileConfigCategory: "Document Information Categories",
-    supAddCategoris: "A maximum of 10 document categories can be added.",
-    fileNum: "Document Count",
-    uploadTime: "Create Time",
-    importTaskList: "File upload list",
-    exportTaskList: "Export Task List",
-    uploadIng: "Uploading",
-    uploadFailedNet: "Upload failed.Check the netwok.",
-    fileSuffiexNot: "The file name extension is not supported.",
-    copySuccessFul: "Copy successful",
+    piece: 'piece ',
+    file: 'documents',
+    name: 'Asset Library Name',
+    desc: 'Description',
+    language: 'Language',
+    embeddedModel: 'Embedded Model',
+    analyticMethod: 'Parsing Method',
+    fileChunkSize: 'File Block Size',
+    configCategory: 'Document Categories',
+    fileConfigCategory: 'Document Information Categories',
+    supAddCategoris: 'A maximum of 10 document categories can be added.',
+    fileNum: 'Document Count',
+    uploadTime: 'Create Time',
+    importTaskList: 'File upload list',
+    exportTaskList: 'Export Task List',
+    uploadIng: 'Uploading',
+    uploadFailedNet: 'Upload failed.Check the netwok.',
+    fileSuffiexNot: 'The file name extension is not supported.',
+    copySuccessFul: 'Copy successful'
   },
   assetFile: {
-    docName: "Document Name",
-    category: "Category",
-    chunkSize: "Chunk Size",
-    uploadTime: "Upload Time",
-    analyticStatus: "Parsing Status",
-    parsingMethod: "Parsing Method",
-    parsingComTime: "Parsing Completion Time",
-    analyticTip:
-      "The document will be re-parsed after the chunk size is changed.",
-    contentView: "Preview",
-    baseInfo: "Basic Information",
+    docName: 'Document Name',
+    category: 'Category',
+    chunkSize: 'Chunk Size',
+    uploadTime: 'Upload Time',
+    analyticStatus: 'Parsing Status',
+    parsingMethod: 'Parsing Method',
+    parsingComTime: 'Parsing Completion Time',
+    analyticTip: 'The document will be re-parsed after the chunk size is changed.',
+    contentView: 'Preview',
+    baseInfo: 'Basic Information',
     message: {
-      name: "Enter an file name.",
-      docNameLen: "The file name can contain 1 to 15 characters",
+      name: 'Enter an file name.',
+      docNameLen: 'The file name can contain 1 to 15 characters'
     },
     status: {
-      analyticIng: "Parsing",
-      analyticWaitIng: "Parsing waitIng",
-      analyticFail: "Parsing failed",
-      cancelAnalytic: "Parsing canceled",
-      analyticSucces: "Parsing successful",
+      analyticIng: 'Parsing',
+      analyticWaitIng: 'Parsing waitIng',
+      analyticFail: 'Parsing failed',
+      cancelAnalytic: 'Parsing canceled',
+      analyticSucces: 'Parsing successful'
     },
-    open: "Open",
-    close: "Close",
+    open: 'Open',
+    close: 'Close'
   },
   fileChunk: {
-    parag: "Paragraph",
-    table: "table",
-    img: "Image",
+    parag: 'Paragraph',
+    table: 'table',
+    img: 'Image'
   },
   model: {
-    pleasePlace: "Enter a value",
-    modelName: "Model",
-    modelConfig: "Configure Model",
-    modelType: "Model",
-    maxToken: "Maximum Token Limit",
-    localModel:'Local Model',
-    onlineModel:'Online Model',
+    pleasePlace: 'Enter a value',
+    modelName: 'Model',
+    modelConfig: 'Configure Model',
+    modelType: 'Model',
+    maxToken: 'Maximum Token Limit',
+    localModel: 'Local Model',
+    onlineModel: 'Online Model'
   },
   btnText: {
-    confirm: "Ok",
-    cancel: "Cancel",
-    operation: "Operation",
-    export: "Export",
-    edit: "Edit",
-    delete: "Delete",
-    batchDelete: "Batch Delete",
-    retry: "Retry",
-    restart: "Restart",
-    clearAll: "Clear all",
-    homePage: "Home Page",
-    assetDocList: "Documents List",
-    configInfo: "Configure Information",
-    importFile: "Import Document",
-    editAssetLibrary: "Edit Asset Library",
-    createAssetLibrary: "Create Asset Library",
-    batchImport: "Batch Import",
-    batchDown: "Batch Download",
-    download: "Download",
-    downloadAll: "Download All",
-    downloadChoose: "Download Selected",
-    all: "All",
-    chooseFile: "Select File",
-    batch: "Batch",
-    enable: "Enable",
-    close: "Close",
-    save: "Save",
-    add: "Add",
-    delAll: "Delete All",
-    analytic: "Analytic",
-    selectAll: "Select All",
+    confirm: 'Ok',
+    cancel: 'Cancel',
+    operation: 'Operation',
+    export: 'Export',
+    edit: 'Edit',
+    delete: 'Delete',
+    batchDelete: 'Batch Delete',
+    retry: 'Retry',
+    restart: 'Restart',
+    clearAll: 'Clear all',
+    homePage: 'Home Page',
+    assetDocList: 'Documents List',
+    configInfo: 'Configure Information',
+    importFile: 'Import Document',
+    editAssetLibrary: 'Edit Asset Library',
+    createAssetLibrary: 'Create Asset Library',
+    batchImport: 'Batch Import',
+    batchDown: 'Batch Download',
+    download: 'Download',
+    downloadAll: 'Download All',
+    downloadChoose: 'Download Selected',
+    all: 'All',
+    chooseFile: 'Select File',
+    batch: 'Batch',
+    enable: 'Enable',
+    close: 'Close',
+    save: 'Save',
+    add: 'Add',
+    delAll: 'Delete All',
+    analytic: 'Analytic',
+    selectAll: 'Select All'
   },
   dialogTipText: {
-    importAssetLibrary: "Import Document",
-    tipsText: "Warining",
-    isAddFilr: "Are you sure you want to add the documents?",
-    confirmDelAsset: "Are you sure you want to delete asset?",
-    confirmDelFile: "Are you sure you want to delete file?",
-    confirmDelSelected: "Are you sure you want to delete selected file?",
-    eidtFile: "Edit Document",
+    importAssetLibrary: 'Import Document',
+    tipsText: 'Warining',
+    isAddFilr: 'Are you sure you want to add the documents?',
+    confirmDelAsset: 'Are you sure you want to delete asset?',
+    confirmDelFile: 'Are you sure you want to delete file?',
+    confirmDelSelected: 'Are you sure you want to delete selected file?',
+    eidtFile: 'Edit Document',
     confirmCancelAnalytic:
-      "Are you sure you want to cancel parsing? After you click Ok,parsing will be canceled.Please proceed with caution.",
+      'Are you sure you want to cancel parsing? After you click Ok,parsing will be canceled.Please proceed with caution.',
     fileZipFormat:
-      "The file must be in .zip format. A maximum of five asssets with a total size of 5 GB can be uploaded.",
+      'The file must be in .zip format. A maximum of five asssets with a total size of 5 GB can be uploaded.',
     fileAllFormat:
-      "The file can be in .md,.xlsx,.pdf,.doc,.docx,.pptx,.html or .txt format. A maximum of 100 files with a total size of 500 MB can be uploaded.",
-    continueAdd: "You can drag files to the list area below to add more.",
-    dragDropAdd: "Drop files here.",
-    dragFile: "Drop files here.",
-    fileName: "File name",
-    fileSize: "Size",
-    singleFileSize: "The size of a file cannot exceed 20 MB.",
-    fileNums: "File Number",
-    fileSizes: "File Size",
+      'The file can be in .md,.xlsx,.pdf,.doc,.docx,.pptx,.html or .txt format. A maximum of 100 files with a total size of 500 MB can be uploaded.',
+    continueAdd: 'You can drag files to the list area below to add more.',
+    dragDropAdd: 'Drop files here.',
+    dragFile: 'Drop files here.',
+    fileName: 'File name',
+    fileSize: 'Size',
+    singleFileSize: 'The size of a file cannot exceed 20 MB.',
+    fileNums: 'File Number',
+    fileSizes: 'File Size'
   },
   formTipText: {
     analyticTip:
-      "Vectorization model for transforming document chunks into vectors. Currently,two options are available:bge-large-en for English text bge-large-zh for Chinese text.",
+      'Vectorization model for transforming document chunks into vectors. Currently,two options are available:bge-large-en for English text bge-large-zh for Chinese text.',
     fileChunkSizeTip:
-      "Chunk size for dividing files after the configuration file is uploaded. The value ranges from 512 to 1024 tokens per chunk. By default, a chunk size of 1024 tokens is used.",
+      'Chunk size for dividing files after the configuration file is uploaded. The value ranges from 512 to 1024 tokens per chunk. By default, a chunk size of 1024 tokens is used.'
   },
   pageTipText: {
-    NoData: "No data available.",
-    systemError: "System error.",
-    Loading: "Loading",
+    NoData: 'No data available.',
+    systemError: 'System error.',
+    Loading: 'Loading'
   },
   uploadText: {
-    uploadFailed: "Upload failed.",
-    uploadSuccess: "Upload successful.",
+    uploadFailed: 'Upload failed.',
+    uploadSuccess: 'Upload successful.'
   },
   exportTask: {
-    export: " export",
-    pendingExport: "Pending export",
-    exportFailed: "Failed",
-    exportSuccess: "Successful",
-    reason: "Reason",
-    downloadTask: "Download Task",
-    canceled: "Canceled",
+    export: ' export',
+    pendingExport: 'Pending export',
+    exportFailed: 'Failed',
+    exportSuccess: 'Successful',
+    reason: 'Reason',
+    downloadTask: 'Download Task',
+    canceled: 'Canceled'
   },
   opsMessage: {
-    opsSuccess: "Operation successful.",
-    opsRestart: "Operation restarted.",
-    opsCancel: "Operation canceled.",
-    delSuccess: "Deletion successful.",
-    opsAnalyticIng: "AnalyticIng",
-    modifSuccess: "Modification successful.",
+    opsSuccess: 'Operation successful.',
+    opsRestart: 'Operation restarted.',
+    opsCancel: 'Operation canceled.',
+    delSuccess: 'Deletion successful.',
+    opsAnalyticIng: 'AnalyticIng',
+    modifSuccess: 'Modification successful.'
   },
   timerSearch: {
-    lastHour: "Last {timer} hour",
+    lastHour: 'Last {timer} hour'
   },
-  copyright:
-    "Copyright© Huawei Software Technologies Co., Ltd.2024. All rights reserved.",
+  copyright: 'Copyright© Huawei Software Technologies Co., Ltd.2024. All rights reserved.'
 };
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 1062fd7..b6d673c 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -1,230 +1,229 @@
 export default {
   // 登录页面国际化
   login: {
-    username: "用户名",
-    password: "密码",
-    login: "登录",
-    signin:'注册',
-    backToLogin:'返回登录',
-    logOut: "退出登录",
-    welcomeToUse: "欢迎使用",
-    appName: "知识库",
-    loginSuccessful: "登录成功",
-    signinSuccessful: "注册成功",
+    username: '用户名',
+    password: '密码',
+    login: '登录',
+    signin: '注册',
+    backToLogin: '返回登录',
+    logOut: '退出登录',
+    welcomeToUse: '欢迎使用',
+    appName: '知识库',
+    loginSuccessful: '登录成功',
+    signinSuccessful: '注册成功',
     message: {
-      name:{
-        nameMsg: "昵称不能为空",
-        required: "请输入昵称",
-        notMinThan: "昵称长度不能大于10个字符",
-        popoverMsg:'长度为1-10个字符'
+      name: {
+        nameMsg: '昵称不能为空',
+        required: '请输入昵称',
+        notMinThan: '昵称长度不能大于10个字符',
+        popoverMsg: '长度为1-10个字符'
       },
       username: {
-        usernameMsg: "用户名不能为空",
-        required: "请输入用户名",
-        notMinThan: "用户名长度不能少于5个字符",
-        notMaxThan: "用户名长度不能大于20个字符",
-        regxMsg: "用户名只能为小写字母、数字",
-        popoverMsg:'长度为5-20个字符,只能包含小写字母、数字'
+        usernameMsg: '用户名不能为空',
+        required: '请输入用户名',
+        notMinThan: '用户名长度不能少于5个字符',
+        notMaxThan: '用户名长度不能大于20个字符',
+        regxMsg: '用户名只能为小写字母、数字',
+        popoverMsg: '长度为5-20个字符,只能包含小写字母、数字'
       },
       password: {
-        passwordMsg: "密码不能为空",
-        required: "请输入密码",
-        notMinThan: "密码长度不能少于6个字符",
-        notMaxThan: "密码长度不能大于20个字符",
-        regxMsg: "密码必须包含大写字母、小写字母、数字",
-        popoverMsg:'长度为6-20个字符,必须包含大写字母、小写字母、数字'
+        passwordMsg: '密码不能为空',
+        required: '请输入密码',
+        notMinThan: '密码长度不能少于6个字符',
+        notMaxThan: '密码长度不能大于20个字符',
+        regxMsg: '密码必须包含大写字母、小写字母、数字',
+        popoverMsg: '长度为6-20个字符,必须包含大写字母、小写字母、数字'
       },
       passwd: {
-        passwordMsg: "密码不能为空",
-        required: "请输入密码",
-        notMinThan: "密码长度不能少于6个字符",
-        notMaxThan: "密码长度不能大于20个字符",
-        regxMsg: "密码必须包含大写字母、小写字母、数字",
-        popoverMsg:'长度为6-20个字符,必须包含大写字母、小写字母、数字'
+        passwordMsg: '密码不能为空',
+        required: '请输入密码',
+        notMinThan: '密码长度不能少于6个字符',
+        notMaxThan: '密码长度不能大于20个字符',
+        regxMsg: '密码必须包含大写字母、小写字母、数字',
+        popoverMsg: '长度为6-20个字符,必须包含大写字母、小写字母、数字'
       },
       email: {
-        emailMsg: "邮箱不能为空",
-        required: "请输入邮箱",
-        notMinThan: "邮箱长度不能少于5个字符",
-        notMaxThan: "邮箱长度不能大于20个字符",
-        regxMsg: "邮箱格式不正确",
-        popoverMsg:'长度为5-20个字符,格式必须为XXX@XXX.XXX'
+        emailMsg: '邮箱不能为空',
+        required: '请输入邮箱',
+        notMinThan: '邮箱长度不能少于5个字符',
+        notMaxThan: '邮箱长度不能大于20个字符',
+        regxMsg: '邮箱格式不正确',
+        popoverMsg: '长度为5-20个字符,格式必须为XXX@XXX.XXX'
       },
-      loginTip: "用户名或密码错误",
-      loginToken: "您的会话已过期，请重新登录",
-    },
+      loginTip: '用户名或密码错误',
+      loginToken: '您的会话已过期，请重新登录'
+    }
   },
   langSelect: {
     message: {
-      success: "切换语言成功",
-    },
+      success: '切换语言成功'
+    }
   },
   assetLibrary: {
-    assetLibrary: "资产库",
-    assetId: "资产ID",
-    welcomeUsePro: "欢迎使用知识库!",
+    assetLibrary: '资产库',
+    assetId: '资产ID',
+    welcomeUsePro: '欢迎使用知识库!',
     profile:
-      "知识库专注于文档的高效管理和智能解析，支持包括md,xlsx,pdf,doc,docx,pptx,html以及txt在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。",
+      '知识库专注于文档的高效管理和智能解析，支持包括md,xlsx,pdf,doc,docx,pptx,html以及txt在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。',
     message: {
-      name: "请输入资产库名称",
-      libraryNameLen: "资产库名称长度1-15个字符",
-      categoryInfo: "请输入类别名称",
-      languagePlace: "请选择语言",
-      modelPlace: "请选择模型",
-      analyticMethodPlace: "请选择解析方法",
-      pleasePlace: "请输入",
-      pleaseChoose: "请选择",
-      assetEditSuccess: "配置信息修改成功",
+      name: '请输入资产库名称',
+      libraryNameLen: '资产库名称长度1-15个字符',
+      categoryInfo: '请输入类别名称',
+      languagePlace: '请选择语言',
+      modelPlace: '请选择模型',
+      analyticMethodPlace: '请选择解析方法',
+      pleasePlace: '请输入',
+      pleaseChoose: '请选择',
+      assetEditSuccess: '配置信息修改成功'
     },
-    piece: "篇",
-    file: "文档",
-    name: "资产库名称",
-    desc: "描述",
-    language: "语言",
-    embeddedModel: "嵌入模型",
-    analyticMethod: "解析方法",
-    fileChunkSize: "文件分块大小",
-    configCategory: "配置类别",
-    fileConfigCategory: "文档信息类别",
-    supAddCategoris: "最多支持添加10个文档信息类别",
-    fileNum: "文档数量",
-    uploadTime: "创建时间",
-    importTaskList: "文件上传列表",
-    exportTaskList: "导出任务列表",
-    uploadIng: "上传中",
-    uploadFailedNet: "上传失败，请检查网络",
-    fileSuffiexNot: "文件后缀不符合要求，请检查文件",
-    copySuccessFul: "复制成功",
+    piece: '篇',
+    file: '文档',
+    name: '资产库名称',
+    desc: '描述',
+    language: '语言',
+    embeddedModel: '嵌入模型',
+    analyticMethod: '解析方法',
+    fileChunkSize: '文件分块大小',
+    configCategory: '配置类别',
+    fileConfigCategory: '文档信息类别',
+    supAddCategoris: '最多支持添加10个文档信息类别',
+    fileNum: '文档数量',
+    uploadTime: '创建时间',
+    importTaskList: '文件上传列表',
+    exportTaskList: '导出任务列表',
+    uploadIng: '上传中',
+    uploadFailedNet: '上传失败，请检查网络',
+    fileSuffiexNot: '文件后缀不符合要求，请检查文件',
+    copySuccessFul: '复制成功'
   },
   assetFile: {
-    docName: "文档名称",
-    category: "类别",
-    chunkSize: "分块大小",
-    uploadTime: "上传时间",
-    analyticStatus: "解析状态",
-    parsingMethod: "解析方法",
-    parsingComTime: "解析完成时间",
-    analyticTip: "修改文件分块大小，文档会自动重新解析",
-    contentView: "内容预览",
-    baseInfo: "基本信息",
+    docName: '文档名称',
+    category: '类别',
+    chunkSize: '分块大小',
+    uploadTime: '上传时间',
+    analyticStatus: '解析状态',
+    parsingMethod: '解析方法',
+    parsingComTime: '解析完成时间',
+    analyticTip: '修改文件分块大小，文档会自动重新解析',
+    contentView: '内容预览',
+    baseInfo: '基本信息',
     message: {
-      name: "请输入文档名称",
-      docNameLen: "资产库名称长度1-15个字符",
+      name: '请输入文档名称',
+      docNameLen: '资产库名称长度1-15个字符'
     },
     status: {
-      analyticIng: "解析中",
-      analyticWaitIng: "等待解析",
-      analyticFail: "解析失败",
-      cancelAnalytic: "取消解析",
-      analyticSucces: "解析成功",
+      analyticIng: '解析中',
+      analyticWaitIng: '等待解析',
+      analyticFail: '解析失败',
+      cancelAnalytic: '取消解析',
+      analyticSucces: '解析成功'
     },
-    open: "开启",
-    close: "关闭",
+    open: '开启',
+    close: '关闭'
   },
 
   fileChunk: {
-    parag: "段落",
-    table: "表格",
-    img: "图片",
+    parag: '段落',
+    table: '表格',
+    img: '图片'
   },
   model: {
-    pleasePlace: "请输入",
-    modelName: "模型名称",
-    modelType: "模型类型",
-    modelConfig: "模型配置",
-    maxToken: "最大Token数",
-    localModel:'本地模型',
-    onlineModel:'在线模型',
+    pleasePlace: '请输入',
+    modelName: '模型名称',
+    modelType: '模型类型',
+    modelConfig: '模型配置',
+    maxToken: '最大Token数',
+    localModel: '本地模型',
+    onlineModel: '在线模型'
   },
   btnText: {
-    confirm: "确定",
-    cancel: "取消",
-    operation: "操作",
-    export: "导出",
-    edit: "编辑",
-    delete: "删除",
-    batchDelete: "批量删除",
-    retry: "重试",
-    restart: "重启",
-    clearAll: "全部清空",
-    homePage: "首页",
-    assetDocList: "文档列表",
-    configInfo: "配置信息",
-    importFile: "导入文档",
-    createAssetLibrary: "新建资产库",
-    editAssetLibrary: "编辑资产库",
-    batchImport: "批量导入",
-    batchDown: "批量下载",
-    download: "下载",
-    downloadAll: "下载全部",
-    downloadChoose: "下载已选",
-    all: "全部",
-    chooseFile: "选择文件",
-    batch: "批量",
-    enable: "启用",
-    close: "关闭",
-    save: "保存",
-    add: "添加",
-    analytic: "解析",
-    delAll: "删除全部",
-    selectAll: "选择全部",
+    confirm: '确定',
+    cancel: '取消',
+    operation: '操作',
+    export: '导出',
+    edit: '编辑',
+    delete: '删除',
+    batchDelete: '批量删除',
+    retry: '重试',
+    restart: '重启',
+    clearAll: '全部清空',
+    homePage: '首页',
+    assetDocList: '文档列表',
+    configInfo: '配置信息',
+    importFile: '导入文档',
+    createAssetLibrary: '新建资产库',
+    editAssetLibrary: '编辑资产库',
+    batchImport: '批量导入',
+    batchDown: '批量下载',
+    download: '下载',
+    downloadAll: '下载全部',
+    downloadChoose: '下载已选',
+    all: '全部',
+    chooseFile: '选择文件',
+    batch: '批量',
+    enable: '启用',
+    close: '关闭',
+    save: '保存',
+    add: '添加',
+    analytic: '解析',
+    delAll: '删除全部',
+    selectAll: '选择全部'
   },
   dialogTipText: {
-    importAssetLibrary: "导入资产库",
-    tipsText: "提示",
-    isAddFilr: "是否继续添加文档",
-    confirmDelAsset: "确定删除资产库",
-    confirmDelFile: "确定删除文档",
-    confirmDelSelected: "确定删除选择的文档吗",
-    eidtFile: "文档编辑",
-    confirmCancelAnalytic: "确认取消解析？点击确认后将停止解析，请谨慎操作。",
-    fileZipFormat:
-      "文件支持.zip格式，最多支持上传5个资产库，资产库总大小不超过5GB",
+    importAssetLibrary: '导入资产库',
+    tipsText: '提示',
+    isAddFilr: '是否继续添加文档',
+    confirmDelAsset: '确定删除资产库',
+    confirmDelFile: '确定删除文档',
+    confirmDelSelected: '确定删除选择的文档吗',
+    eidtFile: '文档编辑',
+    confirmCancelAnalytic: '确认取消解析？点击确认后将停止解析，请谨慎操作。',
+    fileZipFormat: '文件支持.zip格式，最多支持上传5个资产库，资产库总大小不超过5GB',
     fileAllFormat:
-      "文件支持.md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.html格式，最多支持上传128个文件，文件总大小不超过500MB",
-    continueAdd: "您仍可以通过拖拽文件到下方列表区域进行文件添加",
-    dragDropAdd: "将文件拖到此处即可继续添加",
-    dragFile: "将文件拖到此处",
-    fileName: "文件名",
-    fileSize: "大小",
-    singleFileSize: "单个文件大小不能超过20MB",
-    fileNums: "文件数",
-    fileSizes: "文件大小",
+      '文件支持.md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.html格式，最多支持上传128个文件，文件总大小不超过500MB',
+    continueAdd: '您仍可以通过拖拽文件到下方列表区域进行文件添加',
+    dragDropAdd: '将文件拖到此处即可继续添加',
+    dragFile: '将文件拖到此处',
+    fileName: '文件名',
+    fileSize: '大小',
+    singleFileSize: '单个文件大小不能超过20MB',
+    fileNums: '文件数',
+    fileSizes: '文件大小'
   },
   formTipText: {
     analyticTip:
-      "文档分块后，将分块转换为向量的向量化模型类型，先暂支持两种向量化模型bge-large-en（面向英文向量化场景）和bge-large-zh（面向中文向量化场景），默认情况下选择bge-large-zh模型。",
+      '文档分块后，将分块转换为向量的向量化模型类型，先暂支持两种向量化模型bge-large-en（面向英文向量化场景）和bge-large-zh（面向中文向量化场景），默认情况下选择bge-large-zh模型。',
     fileChunkSizeTip:
-      "配置文档上传后，将文件处理成片段分块的大小，分块大小范围为512-1024Token/块，默认使用1024Toke/块对文件进行分块。",
+      '配置文档上传后，将文件处理成片段分块的大小，分块大小范围为512-1024Token/块，默认使用1024Toke/块对文件进行分块。'
   },
   pageTipText: {
-    NoData: "暂无数据",
-    systemError: "系统出错",
-    Loading: "加载中",
+    NoData: '暂无数据',
+    systemError: '系统出错',
+    Loading: '加载中'
   },
   uploadText: {
-    uploadFailed: "上传失败",
-    uploadSuccess: "上传成功",
+    uploadFailed: '上传失败',
+    uploadSuccess: '上传成功'
   },
   exportTask: {
-    export: "导出任务",
-    pendingExport: "待导出",
-    exportFailed: "导出失败",
-    exportSuccess: "导出成功",
-    reason: "失败原因",
-    downloadTask: "下载任务",
-    canceled: "已取消",
+    export: '导出任务',
+    pendingExport: '待导出',
+    exportFailed: '导出失败',
+    exportSuccess: '导出成功',
+    reason: '失败原因',
+    downloadTask: '下载任务',
+    canceled: '已取消'
   },
   opsMessage: {
-    opsSuccess: "操作成功",
-    opsRestart: "重启成功",
-    opsCancel: "取消成功",
-    opsAnalyticIng: "解析中",
-    delSuccess: "删除成功",
-    modifSuccess: "修改成功",
+    opsSuccess: '操作成功',
+    opsRestart: '重启成功',
+    opsCancel: '取消成功',
+    opsAnalyticIng: '解析中',
+    delSuccess: '删除成功',
+    modifSuccess: '修改成功'
   },
   timerSearch: {
-    lastHour: "最近 {timer} 小时",
+    lastHour: '最近 {timer} 小时'
   },
-  copyright: "版权所有© 华为软件技术有限公司2024。保留一切权利",
+  copyright: '版权所有© 华为软件技术有限公司2024。保留一切权利'
 };
diff --git a/src/main.ts b/src/main.ts
index 651edd9..b6fb48d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,33 +1,33 @@
-import { createApp } from "vue";
-import { createPinia } from "pinia";
-import ElementPlus from "element-plus";
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import ElementPlus from 'element-plus';
 
-import opendesign2 from "@computing/opendesign2";
-import "element-plus/dist/index.css";
-import "@/assets/base.css";
-import "@computing/opendesign2/themes/es/css";
-import zhCn from "element-plus/es/locale/lang/zh-cn";
-import App from "./App.vue";
-import setupPlugins from "@/plugins";
+import opendesign2 from '@computing/opendesign2';
+import 'element-plus/dist/index.css';
+import '@/assets/base.css';
+import '@computing/opendesign2/themes/es/css';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import App from './App.vue';
+import setupPlugins from '@/plugins';
 
 // 本地SVG图标
-import "virtual:svg-icons-register";
-import "@computing/opendesign2/themes/es/css";
+import 'virtual:svg-icons-register';
+import '@computing/opendesign2/themes/es/css';
 
 // 样式
-import "element-plus/theme-chalk/dark/css-vars.css";
-import "@/styles/index.scss";
-import "uno.css";
-import "animate.css";
-import router from "./router";
+import 'element-plus/theme-chalk/dark/css-vars.css';
+import '@/styles/index.scss';
+import 'uno.css';
+import 'animate.css';
+import router from './router';
 
 const app = createApp(App);
 
 app.use(createPinia());
 app.use(router);
 app.use(ElementPlus, {
-  locale: zhCn,
+  locale: zhCn
 });
 app.use(setupPlugins);
 app.use(opendesign2);
-app.mount("#app");
+app.mount('#app');
diff --git a/src/plugins/icons.ts b/src/plugins/icons.ts
index fa85ba1..9498b05 100644
--- a/src/plugins/icons.ts
+++ b/src/plugins/icons.ts
@@ -1,5 +1,5 @@
-import type { App } from "vue";
-import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+import type { App } from 'vue';
+import * as ElementPlusIconsVue from '@element-plus/icons-vue';
 
 // 注册所有图标
 export function setupElIcons(app: App<Element>) {
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
index a716ae9..492d20d 100644
--- a/src/plugins/index.ts
+++ b/src/plugins/index.ts
@@ -1,9 +1,9 @@
-import { setupI18n } from "@/lang";
-import { setupRouter } from "@/router";
-import { setupStore } from "@/store";
-import type { App } from "vue";
-import { setupElIcons } from "./icons";
-import { setupPermission } from "./permission";
+import { setupI18n } from '@/lang';
+import { setupRouter } from '@/router';
+import { setupStore } from '@/store';
+import type { App } from 'vue';
+import { setupElIcons } from './icons';
+import { setupPermission } from './permission';
 
 export default {
   install(app: App<Element>) {
@@ -17,5 +17,5 @@ export default {
     setupPermission();
     // 状态管理(store)
     setupStore(app);
-  },
+  }
 };
diff --git a/src/plugins/permission.ts b/src/plugins/permission.ts
index a3ae8b5..be71555 100644
--- a/src/plugins/permission.ts
+++ b/src/plugins/permission.ts
@@ -1,22 +1,18 @@
-import {
-  NavigationGuardNext,
-  RouteLocationNormalized,
-  RouteRecordRaw,
-} from "vue-router";
+import { NavigationGuardNext, RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
 
-import NProgress from "@/utils/nprogress";
-import { TOKEN_KEY } from "@/enums/CacheEnum";
-import router from "@/router";
+import NProgress from '@/utils/nprogress';
+import { TOKEN_KEY } from '@/enums/CacheEnum';
+import router from '@/router';
 
 export function setupPermission() {
   // 白名单路由
-  const whiteList = ["/login", "/NotFoundPage"];
+  const whiteList = ['/login', '/NotFoundPage'];
 
   router.beforeEach(async (to, from, next) => {
     NProgress.start();
     const hasToken = document.cookie;
-    if (hasToken?.length === 0 && !["/login", "/"].includes(to.path)) {
-      next({ path: "/login" });
+    if (hasToken?.length === 0 && !['/login', '/'].includes(to.path)) {
+      next({ path: '/login' });
       NProgress.done();
     } else {
       // 未登录
@@ -35,9 +31,6 @@ export function setupPermission() {
 }
 
 /** 重定向到登录页 */
-function redirectToLogin(
-  to: RouteLocationNormalized,
-  next: NavigationGuardNext
-) {
+function redirectToLogin(to: RouteLocationNormalized, next: NavigationGuardNext) {
   next(`/login`);
 }
diff --git a/src/router/index.ts b/src/router/index.ts
index b538359..c0614b4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,42 +1,42 @@
-import type { App } from "vue";
-import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
+import type { App } from 'vue';
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
 
 // 静态路由
 export const constantRoutes: RouteRecordRaw[] = [
   {
-    path: "/",
-    name: "/",
-    redirect: "/login",
+    path: '/',
+    name: '/',
+    redirect: '/login'
   },
   {
-    path: "/login",
-    component: () => import("@/views/login/index.vue"),
-    meta: { hidden: true },
+    path: '/login',
+    component: () => import('@/views/login/index.vue'),
+    meta: { hidden: true }
   },
   {
-    path: "/NotFoundPage",
-    component: () => import("@/views/notFoundPage/index.vue"),
-    meta: { hidden: true },
+    path: '/NotFoundPage',
+    component: () => import('@/views/notFoundPage/index.vue'),
+    meta: { hidden: true }
   },
   {
-    path: "/knowledge/library",
-    component: () => import("@/views/knowledgeLibrary/index.vue"),
-    meta: { hidden: true },
+    path: '/knowledge/library',
+    component: () => import('@/views/knowledgeLibrary/index.vue'),
+    meta: { hidden: true }
   },
   {
-    path: "/knowledge/file",
-    component: () => import("@/views/knowledgeFile/index.vue"),
-    meta: { hidden: true },
+    path: '/knowledge/file',
+    component: () => import('@/views/knowledgeFile/index.vue'),
+    meta: { hidden: true }
   },
   {
-    path: "/knowledge/fileSection",
-    component: () => import("@/views/knowledgeFileSection/index.vue"),
-    meta: { hidden: true },
+    path: '/knowledge/fileSection',
+    component: () => import('@/views/knowledgeFileSection/index.vue'),
+    meta: { hidden: true }
   },
   {
-    path: "/:catchAll(.*)",
-    redirect: "/NotFoundPage",
-  },
+    path: '/:catchAll(.*)',
+    redirect: '/NotFoundPage'
+  }
 ];
 /**
  * 创建路由
@@ -45,7 +45,7 @@ const router = createRouter({
   history: createWebHashHistory('/witchaind/'),
   routes: constantRoutes,
   // 刷新时，滚动条位置还原
-  scrollBehavior: () => ({ left: 0, top: 0 }),
+  scrollBehavior: () => ({ left: 0, top: 0 })
 });
 
 // 全局注册 router
@@ -57,12 +57,12 @@ export function setupRouter(app: App<Element>) {
  * 重置路由
  */
 export function resetRouter() {
-  window.open(`${window.origin}/witchaind/#/login`, "_self");
+  window.open(`${window.origin}/witchaind/#/login`, '_self');
 }
 
 router.beforeEach((to, from, next) => {
-  sessionStorage.setItem('routerName', to.fullPath) //存储当前路由
-  next()
-})
+  sessionStorage.setItem('routerName', to.fullPath); //存储当前路由
+  next();
+});
 
 export default router;
diff --git a/src/settings.ts b/src/settings.ts
index 04707e5..5e4b6e5 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -1,9 +1,9 @@
-import { ThemeEnum } from "./enums/ThemeEnum";
-import { LanguageEnum } from "./enums/LanguageEnum";
+import { ThemeEnum } from './enums/ThemeEnum';
+import { LanguageEnum } from './enums/LanguageEnum';
 
 const { pkg } = __APP_INFO__;
 
-const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
+const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
 
 const defaultSettings: AppSettings = {
   title: pkg.name,
@@ -14,9 +14,9 @@ const defaultSettings: AppSettings = {
   sidebarLogo: true,
   theme: mediaQueryList.matches ? ThemeEnum.DARK : ThemeEnum.LIGHT,
   language: LanguageEnum.ZH_CN,
-  themeColor: "#409EFF",
+  themeColor: '#409EFF',
   watermarkEnabled: false,
-  watermarkContent: pkg.name,
+  watermarkContent: pkg.name
 };
 
 export default defaultSettings;
diff --git a/src/store/index.ts b/src/store/index.ts
index 809c5d2..e2308cd 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,5 +1,5 @@
-import type { App } from "vue";
-import { createPinia } from "pinia";
+import type { App } from 'vue';
+import { createPinia } from 'pinia';
 
 const store = createPinia();
 
@@ -8,8 +8,8 @@ export function setupStore(app: App<Element>) {
   app.use(store);
 }
 
-export * from "./modules/app";
-export * from "./modules/permission";
-export * from "./modules/settings";
-export * from "./modules/user";
+export * from './modules/app';
+export * from './modules/permission';
+export * from './modules/settings';
+export * from './modules/user';
 export { store };
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 848fb45..e358e34 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,18 +1,18 @@
-import defaultSettings from "@/settings";
+import defaultSettings from '@/settings';
 
 // 导入 Element Plus 中英文语言包
-import zhCn from "element-plus/es/locale/lang/zh-cn";
-import en from "element-plus/es/locale/lang/en";
-import { store } from "@/store";
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import en from 'element-plus/es/locale/lang/en';
+import { store } from '@/store';
 
-export const useAppStore = defineStore("app", () => {
+export const useAppStore = defineStore('app', () => {
   // 语言
-  const language = useStorage("language", defaultSettings.language);
+  const language = useStorage('language', defaultSettings.language);
   /**
    * 根据语言标识读取对应的语言包
    */
   const locale = computed(() => {
-    if (language?.value == "en") {
+    if (language?.value == 'en') {
       return en;
     } else {
       return zhCn;
@@ -30,7 +30,7 @@ export const useAppStore = defineStore("app", () => {
   return {
     language,
     locale,
-    changeLanguage,
+    changeLanguage
   };
 });
 
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 38e837c..9d7591c 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -1,11 +1,11 @@
-import { RouteRecordRaw } from "vue-router";
-import { constantRoutes } from "@/router";
-import { store } from "@/store";
-import MenuAPI, { RouteVO } from "@/api/menu";
+import { RouteRecordRaw } from 'vue-router';
+import { constantRoutes } from '@/router';
+import { store } from '@/store';
+import MenuAPI, { RouteVO } from '@/api/menu';
 
-const modules = import.meta.glob("../../views/**/**.vue");
+const modules = import.meta.glob('../../views/**/**.vue');
 
-export const usePermissionStore = defineStore("permission", () => {
+export const usePermissionStore = defineStore('permission', () => {
   /** 所有路由，包括静态和动态路由 */
   const routes = ref<RouteRecordRaw[]>([]);
 
@@ -28,7 +28,7 @@ export const usePermissionStore = defineStore("permission", () => {
 
   return {
     routes,
-    generateRoutes,
+    generateRoutes
   };
 });
 
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 4367e65..f5df273 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -1,46 +1,33 @@
-import defaultSettings from "@/settings";
-import { ThemeEnum } from "@/enums/ThemeEnum";
-import Color from "color";
+import defaultSettings from '@/settings';
+import { ThemeEnum } from '@/enums/ThemeEnum';
+import Color from 'color';
 
 type SettingsValue = boolean | string;
 
-export const useSettingsStore = defineStore("setting", () => {
+export const useSettingsStore = defineStore('setting', () => {
   // 是否固定头部
-  const fixedHeader = useStorage<boolean>(
-    "fixedHeader",
-    defaultSettings.fixedHeader
-  );
+  const fixedHeader = useStorage<boolean>('fixedHeader', defaultSettings.fixedHeader);
   // 主题颜色
-  const themeColor = useStorage<string>(
-    "themeColor",
-    defaultSettings.themeColor
-  );
-  
+  const themeColor = useStorage<string>('themeColor', defaultSettings.themeColor);
+
   // 是否开启水印
   const watermarkEnabled = useStorage<boolean>(
-    "watermarkEnabled",
+    'watermarkEnabled',
     defaultSettings.watermarkEnabled
   );
 
   const settingsMap: Record<string, Ref<SettingsValue>> = {
     fixedHeader,
-    watermarkEnabled,
+    watermarkEnabled
   };
 
-  function changeSetting({
-    key,
-    value,
-  }: {
-    key: string;
-    value: SettingsValue;
-  }) {
+  function changeSetting({ key, value }: { key: string; value: SettingsValue }) {
     const setting = settingsMap[key];
     if (setting) {
       setting.value = value;
     }
   }
 
-
   /**
    * 切换主题颜色
    *
@@ -56,6 +43,6 @@ export const useSettingsStore = defineStore("setting", () => {
     themeColor,
     watermarkEnabled,
     changeSetting,
-    changeThemeColor,
+    changeThemeColor
   };
 });
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index ea3c931..d818853 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,13 +1,13 @@
-import AuthAPI, { SigninData, type LoginData } from "@/api/auth";
-import { type UserInfo } from "@/api/user";
-import { resetRouter } from "@/router";
-import { store } from "@/store";
-import { TOKEN_KEY } from "@/enums/CacheEnum";
+import AuthAPI, { SigninData, type LoginData } from '@/api/auth';
+import { type UserInfo } from '@/api/user';
+import { resetRouter } from '@/router';
+import { store } from '@/store';
+import { TOKEN_KEY } from '@/enums/CacheEnum';
 
-export const useUserStore = defineStore("user", () => {
+export const useUserStore = defineStore('user', () => {
   const user = ref<UserInfo>({
     roles: [],
-    perms: [],
+    perms: []
   });
 
   /**
@@ -24,7 +24,7 @@ export const useUserStore = defineStore("user", () => {
           reject(error);
         });
     });
-  }  
+  }
 
   /**
    * 注册
@@ -56,7 +56,7 @@ export const useUserStore = defineStore("user", () => {
   // remove token
   function resetToken() {
     return new Promise<void>((resolve) => {
-      document.cookie = "";
+      document.cookie = '';
       resetRouter();
       resolve();
     });
@@ -67,7 +67,7 @@ export const useUserStore = defineStore("user", () => {
     login,
     logout,
     resetToken,
-    signin,
+    signin
   };
 });
 
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 0811b45..3079cf0 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -14,8 +14,7 @@ body,
   width: 100%;
   min-width: 600px;
   overflow-y: auto;
-  background: url("/src/assets/images/login-background-light.png") center/100%
-    100%;
+  background: url('/src/assets/images/login-background-light.png') center/100% 100%;
 }
 
 .main-container {
@@ -29,6 +28,5 @@ body,
 }
 
 html.dark .euler-copilot-container {
-  background: url("@/assets/images/login-background-dark.jpg") no-repeat center
-    right;
+  background: url('@/assets/images/login-background-dark.jpg') no-repeat center right;
 }
diff --git a/src/styles/headerBar.scss b/src/styles/headerBar.scss
index a2aa909..3373ea8 100644
--- a/src/styles/headerBar.scss
+++ b/src/styles/headerBar.scss
@@ -47,7 +47,7 @@
 .user-platform-header {
   width: 100%;
   height: 300px;
-  background: url("/src/assets/images/userHeader.jpeg") center/101% 100%;
+  background: url('/src/assets/images/userHeader.jpeg') center/101% 100%;
 }
 
 .page-platform-header {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 3df4ef4..c09550a 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,5 +1,5 @@
-@use "./reset";
-@use "./dark";
+@use './reset';
+@use './dark';
 
 .app-container {
   padding: 15px;
diff --git a/src/styles/knowledgeFile.scss b/src/styles/knowledgeFile.scss
index d352a0b..b771b1f 100644
--- a/src/styles/knowledgeFile.scss
+++ b/src/styles/knowledgeFile.scss
@@ -247,7 +247,7 @@
         background-repeat: no-repeat !important;
         background-size: 100% !important;
         display: inline-block;
-        background: url("/src/assets/icons/taskLoading.png");
+        background: url('/src/assets/icons/taskLoading.png');
       }
 
       .icon-box {
@@ -275,7 +275,7 @@
 
         .statusAnalysisText {
           font-size: 12px;
-          font-family: "HarmonyOS Sans SC Medium";
+          font-family: 'HarmonyOS Sans SC Medium';
           margin-left: 2px;
           color: rgb(0 0 0);
         }
diff --git a/src/styles/knowledgeFileSection.scss b/src/styles/knowledgeFileSection.scss
index 39d4edc..db0966d 100644
--- a/src/styles/knowledgeFileSection.scss
+++ b/src/styles/knowledgeFileSection.scss
@@ -197,7 +197,7 @@
           }
         }
 
-        col[name="el-table_1_column_1"] {
+        col[name='el-table_1_column_1'] {
           width: 24px !important;
         }
 
@@ -437,7 +437,7 @@
 
   .isFileTypeChcekHover::after {
     position: absolute;
-    content: "";
+    content: '';
     display: block;
     z-index: -1;
     width: 120px;
diff --git a/src/styles/knowledgeForm.scss b/src/styles/knowledgeForm.scss
index 68fe1e8..7c0496a 100644
--- a/src/styles/knowledgeForm.scss
+++ b/src/styles/knowledgeForm.scss
@@ -147,7 +147,7 @@
     .el-form-item__label::before {
       display: block;
       margin-right: 4px;
-      content: "*";
+      content: '*';
       opacity: 0;
     }
   }
diff --git a/src/styles/knowledgeLibrary.scss b/src/styles/knowledgeLibrary.scss
index a3fdfba..6a3d98a 100644
--- a/src/styles/knowledgeLibrary.scss
+++ b/src/styles/knowledgeLibrary.scss
@@ -182,7 +182,7 @@
 
             .kl-file-num {
               font-size: 14px;
-              font-family: "HarmonyOS Sans SC Bold";
+              font-family: 'HarmonyOS Sans SC Bold';
             }
           }
 
@@ -208,7 +208,7 @@
             color: #575d6c;
           }
           .id-label {
-            font-family: "HarmonyOS Sans SC Bold";
+            font-family: 'HarmonyOS Sans SC Bold';
           }
         }
       }
@@ -427,7 +427,7 @@
         gap: 4px;
         align-items: center;
         height: 32px;
-        font-family: "HarmonyOS Sans SC Regular", sans-serif !important;
+        font-family: 'HarmonyOS Sans SC Regular', sans-serif !important;
         font-size: 12px;
         font-weight: 600;
 
@@ -452,7 +452,7 @@
         background-repeat: no-repeat !important;
         background-size: 100% !important;
         display: inline-block;
-        background: url("/src/assets/icons/taskLoading.png");
+        background: url('/src/assets/icons/taskLoading.png');
       }
 
       .icon-box {
diff --git a/src/styles/login.scss b/src/styles/login.scss
index 4e00c07..eef45f7 100644
--- a/src/styles/login.scss
+++ b/src/styles/login.scss
@@ -95,7 +95,7 @@
         transition: 200ms;
       }
     }
-    .not-click{
+    .not-click {
       cursor: not-allowed;
     }
   }
@@ -134,4 +134,4 @@
 .el-popover.custom-popover .el-popper__arrow::before {
   /* 调整箭头伪元素的样式 */
   border-top-color: #fff;
-}
\ No newline at end of file
+}
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 97d6a8b..d5b775a 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -1,108 +1,108 @@
 @font-face {
-  font-family: "HarmonyOS Sans SC Thin";
+  font-family: 'HarmonyOS Sans SC Thin';
   src:
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff) format("woff");
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Thin.woff) format('woff');
   font-weight: 100;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Light";
+  font-family: 'HarmonyOS Sans SC Light';
   src:
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff) format("woff");
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Light.woff) format('woff');
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Regular";
+  font-family: 'HarmonyOS Sans SC Regular';
   src:
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff) format("woff");
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff) format('woff');
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Medium";
+  font-family: 'HarmonyOS Sans SC Medium';
   src:
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff) format("woff");
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff) format('woff');
   font-weight: 500;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Bold";
+  font-family: 'HarmonyOS Sans SC Bold';
   src:
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff) format("woff");
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff) format('woff');
   font-weight: 700;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans SC Black";
+  font-family: 'HarmonyOS Sans SC Black';
   src:
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff2) format("woff2"),
-    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff) format("woff");
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff2) format('woff2'),
+    url(./HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Black.woff) format('woff');
   font-weight: 900;
   font-style: normal;
 }
 
 /*  鸿蒙西文字体 */
 @font-face {
-  font-family: "HarmonyOS Sans En Thin";
+  font-family: 'HarmonyOS Sans En Thin';
   src:
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff) format("woff");
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff) format('woff');
   font-weight: 100;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Light";
+  font-family: 'HarmonyOS Sans En Light';
   src:
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff) format("woff");
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Light.woff) format('woff');
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Regular";
+  font-family: 'HarmonyOS Sans En Regular';
   src:
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff) format("woff");
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff) format('woff');
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Medium";
+  font-family: 'HarmonyOS Sans En Medium';
   src:
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff) format("woff");
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff) format('woff');
   font-weight: 500;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Bold";
+  font-family: 'HarmonyOS Sans En Bold';
   src:
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff) format("woff");
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff) format('woff');
   font-weight: 700;
   font-style: normal;
 }
 
 @font-face {
-  font-family: "HarmonyOS Sans En Black";
+  font-family: 'HarmonyOS Sans En Black';
   src:
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2) format("woff2"),
-    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff) format("woff");
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2) format('woff2'),
+    url(./HarmonyOS_Sans/HarmonyOS_Sans_Black.woff) format('woff');
   font-weight: 900;
   font-style: normal;
 }
@@ -132,10 +132,10 @@ body {
 }
 
 :root {
-  --el-font-family: "HarmonyOS Sans SC Medium", -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" !important;
+  --el-font-family:
+    'HarmonyOS Sans SC Medium', -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' !important;
 }
 
 html,
@@ -145,19 +145,19 @@ button,
 .is-selected {
   margin: 0;
   font-family:
-    "HarmonyOS Sans SC Medium",
+    'HarmonyOS Sans SC Medium',
     -apple-system,
     BlinkMacSystemFont,
-    "Segoe UI",
+    'Segoe UI',
     Roboto,
-    "Helvetica Neue",
+    'Helvetica Neue',
     Arial,
-    "Noto Sans",
+    'Noto Sans',
     sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji" !important;
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
+    'Noto Color Emoji' !important;
   line-height: inherit;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -205,13 +205,23 @@ h6 {
   font-size: 12px;
 }
 
-$newbg: linear-gradient(to top left, rgba(165, 221, 249, 0.637), rgba(118, 182, 251, 0.698) 50.232%, rgba(106, 147, 243, 0.632) 83.699%); 
+$newbg: linear-gradient(
+  to top left,
+  rgba(165, 221, 249, 0.637),
+  rgba(118, 182, 251, 0.698) 50.232%,
+  rgba(106, 147, 243, 0.632) 83.699%
+);
 // $newbg:linear-gradient(270deg, rgba(109, 117, 250, 0.2), rgba(90, 179, 255, 0.2));
-$newHoverBg: linear-gradient(to top left, rgb(182, 216, 253), rgb(149, 203, 250) 33.232%, rgb(139, 152, 249) 85.699%);
+$newHoverBg: linear-gradient(
+  to top left,
+  rgb(182, 216, 253),
+  rgb(149, 203, 250) 33.232%,
+  rgb(139, 152, 249) 85.699%
+);
 /**
  * 重置按钮背景及边框颜色样式
  */
- .el-button{
+.el-button {
   &:hover {
     color: #5d7dffc0 !important;
     border-color: #5d7dffc0 !important;
@@ -219,7 +229,7 @@ $newHoverBg: linear-gradient(to top left, rgb(182, 216, 253), rgb(149, 203, 250)
 }
 .el-button--primary,
 .bgThumb {
-  background:  $newbg !important;  
+  background: $newbg !important;
   border-color: #c7d2fbc0 !important;
   &:hover {
     color: white !important;
@@ -228,7 +238,6 @@ $newHoverBg: linear-gradient(to top left, rgb(182, 216, 253), rgb(149, 203, 250)
   }
 }
 
-
 *,
 *::before,
 *::after {
@@ -432,7 +441,7 @@ div:focus {
 }
 
 .el-select-dropdown__item {
-  font-family: "HarmonyOS Sans SC Medium" !important;
+  font-family: 'HarmonyOS Sans SC Medium' !important;
   font-size: 12px;
   font-weight: unset !important;
 }
@@ -582,7 +591,7 @@ div:focus {
   font-size: 12px;
 }
 
-:is([role="option"]) {
+:is([role='option']) {
   font-size: 12px !important;
 }
 .datetimerangeClass {
@@ -696,7 +705,7 @@ div:focus {
       display: block;
       width: 8px;
       height: 1px;
-      content: "";
+      content: '';
       background-color: rgb(223 229 239);
     }
 
@@ -834,7 +843,7 @@ div:focus {
     left: 50%;
     width: 8px;
     height: 8px;
-    content: "";
+    content: '';
     background-color: var(--el-color-white);
     border-radius: var(--el-radio-input-border-radius);
     transition: transform 0.15s ease-in;
diff --git a/src/styles/upload.scss b/src/styles/upload.scss
index 798ad49..446ff42 100644
--- a/src/styles/upload.scss
+++ b/src/styles/upload.scss
@@ -29,7 +29,7 @@
         font-size: var(--o-font-size-info);
         display: flex;
         justify-content: end;
-        &>:first-child{
+        & > :first-child {
           margin-right: 15px;
         }
       }
@@ -136,7 +136,7 @@
         position: absolute;
         inset: 0;
         z-index: -1;
-        content: "";
+        content: '';
         background-color: rgb(235 239 246);
         opacity: 0.9;
       }
@@ -172,7 +172,7 @@
       height: 24px;
     }
 
-    +.upload-tip {
+    + .upload-tip {
       margin-top: 24px;
     }
   }
@@ -234,4 +234,4 @@
   .el-progress__text {
     font-weight: 600 !important;
   }
-}
\ No newline at end of file
+}
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index f4a814d..74d08f6 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -5,302 +5,302 @@
 // Generated by unplugin-auto-import
 export {}
 declare global {
-  const EffectScope: (typeof import("vue"))["EffectScope"];
-  const ElForm: (typeof import("element-plus/es"))["ElForm"];
-  const ElMessage: (typeof import("element-plus/es"))["ElMessage"];
-  const ElMessageBox: (typeof import("element-plus/es"))["ElMessageBox"];
-  const ElNotification: (typeof import("element-plus/es"))["ElNotification"];
-  const ElTree: (typeof import("element-plus/es"))["ElTree"];
-  const acceptHMRUpdate: (typeof import("pinia"))["acceptHMRUpdate"];
-  const asyncComputed: (typeof import("@vueuse/core"))["asyncComputed"];
-  const autoResetRef: (typeof import("@vueuse/core"))["autoResetRef"];
-  const computed: (typeof import("vue"))["computed"];
-  const computedAsync: (typeof import("@vueuse/core"))["computedAsync"];
-  const computedEager: (typeof import("@vueuse/core"))["computedEager"];
-  const computedInject: (typeof import("@vueuse/core"))["computedInject"];
-  const computedWithControl: (typeof import("@vueuse/core"))["computedWithControl"];
-  const controlledComputed: (typeof import("@vueuse/core"))["controlledComputed"];
-  const controlledRef: (typeof import("@vueuse/core"))["controlledRef"];
-  const createApp: (typeof import("vue"))["createApp"];
-  const createEventHook: (typeof import("@vueuse/core"))["createEventHook"];
-  const createGlobalState: (typeof import("@vueuse/core"))["createGlobalState"];
-  const createInjectionState: (typeof import("@vueuse/core"))["createInjectionState"];
-  const createPinia: (typeof import("pinia"))["createPinia"];
-  const createReactiveFn: (typeof import("@vueuse/core"))["createReactiveFn"];
-  const createReusableTemplate: (typeof import("@vueuse/core"))["createReusableTemplate"];
-  const createSharedComposable: (typeof import("@vueuse/core"))["createSharedComposable"];
-  const createTemplatePromise: (typeof import("@vueuse/core"))["createTemplatePromise"];
-  const createUnrefFn: (typeof import("@vueuse/core"))["createUnrefFn"];
-  const customRef: (typeof import("vue"))["customRef"];
-  const debouncedRef: (typeof import("@vueuse/core"))["debouncedRef"];
-  const debouncedWatch: (typeof import("@vueuse/core"))["debouncedWatch"];
-  const defineAsyncComponent: (typeof import("vue"))["defineAsyncComponent"];
-  const defineComponent: (typeof import("vue"))["defineComponent"];
-  const defineStore: (typeof import("pinia"))["defineStore"];
-  const eagerComputed: (typeof import("@vueuse/core"))["eagerComputed"];
-  const effectScope: (typeof import("vue"))["effectScope"];
-  const extendRef: (typeof import("@vueuse/core"))["extendRef"];
-  const getActivePinia: (typeof import("pinia"))["getActivePinia"];
-  const getCurrentInstance: (typeof import("vue"))["getCurrentInstance"];
-  const getCurrentScope: (typeof import("vue"))["getCurrentScope"];
-  const h: (typeof import("vue"))["h"];
-  const ignorableWatch: (typeof import("@vueuse/core"))["ignorableWatch"];
-  const inject: (typeof import("vue"))["inject"];
-  const injectLocal: (typeof import("@vueuse/core"))["injectLocal"];
-  const isDefined: (typeof import("@vueuse/core"))["isDefined"];
-  const isProxy: (typeof import("vue"))["isProxy"];
-  const isReactive: (typeof import("vue"))["isReactive"];
-  const isReadonly: (typeof import("vue"))["isReadonly"];
-  const isRef: (typeof import("vue"))["isRef"];
-  const makeDestructurable: (typeof import("@vueuse/core"))["makeDestructurable"];
-  const mapActions: (typeof import("pinia"))["mapActions"];
-  const mapGetters: (typeof import("pinia"))["mapGetters"];
-  const mapState: (typeof import("pinia"))["mapState"];
-  const mapStores: (typeof import("pinia"))["mapStores"];
-  const mapWritableState: (typeof import("pinia"))["mapWritableState"];
-  const markRaw: (typeof import("vue"))["markRaw"];
-  const nextTick: (typeof import("vue"))["nextTick"];
-  const onActivated: (typeof import("vue"))["onActivated"];
-  const onBeforeMount: (typeof import("vue"))["onBeforeMount"];
-  const onBeforeRouteLeave: (typeof import("vue-router"))["onBeforeRouteLeave"];
-  const onBeforeRouteUpdate: (typeof import("vue-router"))["onBeforeRouteUpdate"];
-  const onBeforeUnmount: (typeof import("vue"))["onBeforeUnmount"];
-  const onBeforeUpdate: (typeof import("vue"))["onBeforeUpdate"];
-  const onClickOutside: (typeof import("@vueuse/core"))["onClickOutside"];
-  const onDeactivated: (typeof import("vue"))["onDeactivated"];
-  const onErrorCaptured: (typeof import("vue"))["onErrorCaptured"];
-  const onKeyStroke: (typeof import("@vueuse/core"))["onKeyStroke"];
-  const onLongPress: (typeof import("@vueuse/core"))["onLongPress"];
-  const onMounted: (typeof import("vue"))["onMounted"];
-  const onRenderTracked: (typeof import("vue"))["onRenderTracked"];
-  const onRenderTriggered: (typeof import("vue"))["onRenderTriggered"];
-  const onScopeDispose: (typeof import("vue"))["onScopeDispose"];
-  const onServerPrefetch: (typeof import("vue"))["onServerPrefetch"];
-  const onStartTyping: (typeof import("@vueuse/core"))["onStartTyping"];
-  const onUnmounted: (typeof import("vue"))["onUnmounted"];
-  const onUpdated: (typeof import("vue"))["onUpdated"];
-  const pausableWatch: (typeof import("@vueuse/core"))["pausableWatch"];
-  const provide: (typeof import("vue"))["provide"];
-  const provideLocal: (typeof import("@vueuse/core"))["provideLocal"];
-  const reactify: (typeof import("@vueuse/core"))["reactify"];
-  const reactifyObject: (typeof import("@vueuse/core"))["reactifyObject"];
-  const reactive: (typeof import("vue"))["reactive"];
-  const reactiveComputed: (typeof import("@vueuse/core"))["reactiveComputed"];
-  const reactiveOmit: (typeof import("@vueuse/core"))["reactiveOmit"];
-  const reactivePick: (typeof import("@vueuse/core"))["reactivePick"];
-  const readonly: (typeof import("vue"))["readonly"];
-  const ref: (typeof import("vue"))["ref"];
-  const refAutoReset: (typeof import("@vueuse/core"))["refAutoReset"];
-  const refDebounced: (typeof import("@vueuse/core"))["refDebounced"];
-  const refDefault: (typeof import("@vueuse/core"))["refDefault"];
-  const refThrottled: (typeof import("@vueuse/core"))["refThrottled"];
-  const refWithControl: (typeof import("@vueuse/core"))["refWithControl"];
-  const resolveComponent: (typeof import("vue"))["resolveComponent"];
-  const resolveRef: (typeof import("@vueuse/core"))["resolveRef"];
-  const resolveUnref: (typeof import("@vueuse/core"))["resolveUnref"];
-  const setActivePinia: (typeof import("pinia"))["setActivePinia"];
-  const setMapStoreSuffix: (typeof import("pinia"))["setMapStoreSuffix"];
-  const shallowReactive: (typeof import("vue"))["shallowReactive"];
-  const shallowReadonly: (typeof import("vue"))["shallowReadonly"];
-  const shallowRef: (typeof import("vue"))["shallowRef"];
-  const storeToRefs: (typeof import("pinia"))["storeToRefs"];
-  const syncRef: (typeof import("@vueuse/core"))["syncRef"];
-  const syncRefs: (typeof import("@vueuse/core"))["syncRefs"];
-  const templateRef: (typeof import("@vueuse/core"))["templateRef"];
-  const throttledRef: (typeof import("@vueuse/core"))["throttledRef"];
-  const throttledWatch: (typeof import("@vueuse/core"))["throttledWatch"];
-  const toRaw: (typeof import("vue"))["toRaw"];
-  const toReactive: (typeof import("@vueuse/core"))["toReactive"];
-  const toRef: (typeof import("vue"))["toRef"];
-  const toRefs: (typeof import("vue"))["toRefs"];
-  const toValue: (typeof import("vue"))["toValue"];
-  const triggerRef: (typeof import("vue"))["triggerRef"];
-  const tryOnBeforeMount: (typeof import("@vueuse/core"))["tryOnBeforeMount"];
-  const tryOnBeforeUnmount: (typeof import("@vueuse/core"))["tryOnBeforeUnmount"];
-  const tryOnMounted: (typeof import("@vueuse/core"))["tryOnMounted"];
-  const tryOnScopeDispose: (typeof import("@vueuse/core"))["tryOnScopeDispose"];
-  const tryOnUnmounted: (typeof import("@vueuse/core"))["tryOnUnmounted"];
-  const unref: (typeof import("vue"))["unref"];
-  const unrefElement: (typeof import("@vueuse/core"))["unrefElement"];
-  const until: (typeof import("@vueuse/core"))["until"];
-  const useActiveElement: (typeof import("@vueuse/core"))["useActiveElement"];
-  const useAnimate: (typeof import("@vueuse/core"))["useAnimate"];
-  const useArrayDifference: (typeof import("@vueuse/core"))["useArrayDifference"];
-  const useArrayEvery: (typeof import("@vueuse/core"))["useArrayEvery"];
-  const useArrayFilter: (typeof import("@vueuse/core"))["useArrayFilter"];
-  const useArrayFind: (typeof import("@vueuse/core"))["useArrayFind"];
-  const useArrayFindIndex: (typeof import("@vueuse/core"))["useArrayFindIndex"];
-  const useArrayFindLast: (typeof import("@vueuse/core"))["useArrayFindLast"];
-  const useArrayIncludes: (typeof import("@vueuse/core"))["useArrayIncludes"];
-  const useArrayJoin: (typeof import("@vueuse/core"))["useArrayJoin"];
-  const useArrayMap: (typeof import("@vueuse/core"))["useArrayMap"];
-  const useArrayReduce: (typeof import("@vueuse/core"))["useArrayReduce"];
-  const useArraySome: (typeof import("@vueuse/core"))["useArraySome"];
-  const useArrayUnique: (typeof import("@vueuse/core"))["useArrayUnique"];
-  const useAsyncQueue: (typeof import("@vueuse/core"))["useAsyncQueue"];
-  const useAsyncState: (typeof import("@vueuse/core"))["useAsyncState"];
-  const useAttrs: (typeof import("vue"))["useAttrs"];
-  const useBase64: (typeof import("@vueuse/core"))["useBase64"];
-  const useBattery: (typeof import("@vueuse/core"))["useBattery"];
-  const useBluetooth: (typeof import("@vueuse/core"))["useBluetooth"];
-  const useBreakpoints: (typeof import("@vueuse/core"))["useBreakpoints"];
-  const useBroadcastChannel: (typeof import("@vueuse/core"))["useBroadcastChannel"];
-  const useBrowserLocation: (typeof import("@vueuse/core"))["useBrowserLocation"];
-  const useCached: (typeof import("@vueuse/core"))["useCached"];
-  const useClipboard: (typeof import("@vueuse/core"))["useClipboard"];
-  const useClipboardItems: (typeof import("@vueuse/core"))["useClipboardItems"];
-  const useCloned: (typeof import("@vueuse/core"))["useCloned"];
-  const useColorMode: (typeof import("@vueuse/core"))["useColorMode"];
-  const useConfirmDialog: (typeof import("@vueuse/core"))["useConfirmDialog"];
-  const useCounter: (typeof import("@vueuse/core"))["useCounter"];
-  const useCssModule: (typeof import("vue"))["useCssModule"];
-  const useCssVar: (typeof import("@vueuse/core"))["useCssVar"];
-  const useCssVars: (typeof import("vue"))["useCssVars"];
-  const useCurrentElement: (typeof import("@vueuse/core"))["useCurrentElement"];
-  const useCycleList: (typeof import("@vueuse/core"))["useCycleList"];
-  const useDark: (typeof import("@vueuse/core"))["useDark"];
-  const useDateFormat: (typeof import("@vueuse/core"))["useDateFormat"];
-  const useDebounce: (typeof import("@vueuse/core"))["useDebounce"];
-  const useDebounceFn: (typeof import("@vueuse/core"))["useDebounceFn"];
-  const useDebouncedRefHistory: (typeof import("@vueuse/core"))["useDebouncedRefHistory"];
-  const useDeviceMotion: (typeof import("@vueuse/core"))["useDeviceMotion"];
-  const useDeviceOrientation: (typeof import("@vueuse/core"))["useDeviceOrientation"];
-  const useDevicePixelRatio: (typeof import("@vueuse/core"))["useDevicePixelRatio"];
-  const useDevicesList: (typeof import("@vueuse/core"))["useDevicesList"];
-  const useDisplayMedia: (typeof import("@vueuse/core"))["useDisplayMedia"];
-  const useDocumentVisibility: (typeof import("@vueuse/core"))["useDocumentVisibility"];
-  const useDraggable: (typeof import("@vueuse/core"))["useDraggable"];
-  const useDropZone: (typeof import("@vueuse/core"))["useDropZone"];
-  const useElementBounding: (typeof import("@vueuse/core"))["useElementBounding"];
-  const useElementByPoint: (typeof import("@vueuse/core"))["useElementByPoint"];
-  const useElementHover: (typeof import("@vueuse/core"))["useElementHover"];
-  const useElementSize: (typeof import("@vueuse/core"))["useElementSize"];
-  const useElementVisibility: (typeof import("@vueuse/core"))["useElementVisibility"];
-  const useEventBus: (typeof import("@vueuse/core"))["useEventBus"];
-  const useEventListener: (typeof import("@vueuse/core"))["useEventListener"];
-  const useEventSource: (typeof import("@vueuse/core"))["useEventSource"];
-  const useEyeDropper: (typeof import("@vueuse/core"))["useEyeDropper"];
-  const useFavicon: (typeof import("@vueuse/core"))["useFavicon"];
-  const useFetch: (typeof import("@vueuse/core"))["useFetch"];
-  const useFileDialog: (typeof import("@vueuse/core"))["useFileDialog"];
-  const useFileSystemAccess: (typeof import("@vueuse/core"))["useFileSystemAccess"];
-  const useFocus: (typeof import("@vueuse/core"))["useFocus"];
-  const useFocusWithin: (typeof import("@vueuse/core"))["useFocusWithin"];
-  const useFps: (typeof import("@vueuse/core"))["useFps"];
-  const useFullscreen: (typeof import("@vueuse/core"))["useFullscreen"];
-  const useGamepad: (typeof import("@vueuse/core"))["useGamepad"];
-  const useGeolocation: (typeof import("@vueuse/core"))["useGeolocation"];
-  const useI18n: (typeof import("vue-i18n"))["useI18n"];
-  const useIdle: (typeof import("@vueuse/core"))["useIdle"];
-  const useImage: (typeof import("@vueuse/core"))["useImage"];
-  const useInfiniteScroll: (typeof import("@vueuse/core"))["useInfiniteScroll"];
-  const useIntersectionObserver: (typeof import("@vueuse/core"))["useIntersectionObserver"];
-  const useInterval: (typeof import("@vueuse/core"))["useInterval"];
-  const useIntervalFn: (typeof import("@vueuse/core"))["useIntervalFn"];
-  const useKeyModifier: (typeof import("@vueuse/core"))["useKeyModifier"];
-  const useLastChanged: (typeof import("@vueuse/core"))["useLastChanged"];
-  const useLink: (typeof import("vue-router"))["useLink"];
-  const useLocalStorage: (typeof import("@vueuse/core"))["useLocalStorage"];
-  const useMagicKeys: (typeof import("@vueuse/core"))["useMagicKeys"];
-  const useManualRefHistory: (typeof import("@vueuse/core"))["useManualRefHistory"];
-  const useMediaControls: (typeof import("@vueuse/core"))["useMediaControls"];
-  const useMediaQuery: (typeof import("@vueuse/core"))["useMediaQuery"];
-  const useMemoize: (typeof import("@vueuse/core"))["useMemoize"];
-  const useMemory: (typeof import("@vueuse/core"))["useMemory"];
-  const useMounted: (typeof import("@vueuse/core"))["useMounted"];
-  const useMouse: (typeof import("@vueuse/core"))["useMouse"];
-  const useMouseInElement: (typeof import("@vueuse/core"))["useMouseInElement"];
-  const useMousePressed: (typeof import("@vueuse/core"))["useMousePressed"];
-  const useMutationObserver: (typeof import("@vueuse/core"))["useMutationObserver"];
-  const useNavigatorLanguage: (typeof import("@vueuse/core"))["useNavigatorLanguage"];
-  const useNetwork: (typeof import("@vueuse/core"))["useNetwork"];
-  const useNow: (typeof import("@vueuse/core"))["useNow"];
-  const useObjectUrl: (typeof import("@vueuse/core"))["useObjectUrl"];
-  const useOffsetPagination: (typeof import("@vueuse/core"))["useOffsetPagination"];
-  const useOnline: (typeof import("@vueuse/core"))["useOnline"];
-  const usePageLeave: (typeof import("@vueuse/core"))["usePageLeave"];
-  const useParallax: (typeof import("@vueuse/core"))["useParallax"];
-  const useParentElement: (typeof import("@vueuse/core"))["useParentElement"];
-  const usePerformanceObserver: (typeof import("@vueuse/core"))["usePerformanceObserver"];
-  const usePermission: (typeof import("@vueuse/core"))["usePermission"];
-  const usePointer: (typeof import("@vueuse/core"))["usePointer"];
-  const usePointerLock: (typeof import("@vueuse/core"))["usePointerLock"];
-  const usePointerSwipe: (typeof import("@vueuse/core"))["usePointerSwipe"];
-  const usePreferredColorScheme: (typeof import("@vueuse/core"))["usePreferredColorScheme"];
-  const usePreferredContrast: (typeof import("@vueuse/core"))["usePreferredContrast"];
-  const usePreferredDark: (typeof import("@vueuse/core"))["usePreferredDark"];
-  const usePreferredLanguages: (typeof import("@vueuse/core"))["usePreferredLanguages"];
-  const usePreferredReducedMotion: (typeof import("@vueuse/core"))["usePreferredReducedMotion"];
-  const usePrevious: (typeof import("@vueuse/core"))["usePrevious"];
-  const useRafFn: (typeof import("@vueuse/core"))["useRafFn"];
-  const useRefHistory: (typeof import("@vueuse/core"))["useRefHistory"];
-  const useResizeObserver: (typeof import("@vueuse/core"))["useResizeObserver"];
-  const useRoute: (typeof import("vue-router"))["useRoute"];
-  const useRouter: (typeof import("vue-router"))["useRouter"];
-  const useScreenOrientation: (typeof import("@vueuse/core"))["useScreenOrientation"];
-  const useScreenSafeArea: (typeof import("@vueuse/core"))["useScreenSafeArea"];
-  const useScriptTag: (typeof import("@vueuse/core"))["useScriptTag"];
-  const useScroll: (typeof import("@vueuse/core"))["useScroll"];
-  const useScrollLock: (typeof import("@vueuse/core"))["useScrollLock"];
-  const useSessionStorage: (typeof import("@vueuse/core"))["useSessionStorage"];
-  const useShare: (typeof import("@vueuse/core"))["useShare"];
-  const useSlots: (typeof import("vue"))["useSlots"];
-  const useSorted: (typeof import("@vueuse/core"))["useSorted"];
-  const useSpeechRecognition: (typeof import("@vueuse/core"))["useSpeechRecognition"];
-  const useSpeechSynthesis: (typeof import("@vueuse/core"))["useSpeechSynthesis"];
-  const useStepper: (typeof import("@vueuse/core"))["useStepper"];
-  const useStorage: (typeof import("@vueuse/core"))["useStorage"];
-  const useStorageAsync: (typeof import("@vueuse/core"))["useStorageAsync"];
-  const useStyleTag: (typeof import("@vueuse/core"))["useStyleTag"];
-  const useSupported: (typeof import("@vueuse/core"))["useSupported"];
-  const useSwipe: (typeof import("@vueuse/core"))["useSwipe"];
-  const useTemplateRefsList: (typeof import("@vueuse/core"))["useTemplateRefsList"];
-  const useTextDirection: (typeof import("@vueuse/core"))["useTextDirection"];
-  const useTextSelection: (typeof import("@vueuse/core"))["useTextSelection"];
-  const useTextareaAutosize: (typeof import("@vueuse/core"))["useTextareaAutosize"];
-  const useThrottle: (typeof import("@vueuse/core"))["useThrottle"];
-  const useThrottleFn: (typeof import("@vueuse/core"))["useThrottleFn"];
-  const useThrottledRefHistory: (typeof import("@vueuse/core"))["useThrottledRefHistory"];
-  const useTimeAgo: (typeof import("@vueuse/core"))["useTimeAgo"];
-  const useTimeout: (typeof import("@vueuse/core"))["useTimeout"];
-  const useTimeoutFn: (typeof import("@vueuse/core"))["useTimeoutFn"];
-  const useTimeoutPoll: (typeof import("@vueuse/core"))["useTimeoutPoll"];
-  const useTimestamp: (typeof import("@vueuse/core"))["useTimestamp"];
-  const useTitle: (typeof import("@vueuse/core"))["useTitle"];
-  const useToNumber: (typeof import("@vueuse/core"))["useToNumber"];
-  const useToString: (typeof import("@vueuse/core"))["useToString"];
-  const useToggle: (typeof import("@vueuse/core"))["useToggle"];
-  const useTransition: (typeof import("@vueuse/core"))["useTransition"];
-  const useUrlSearchParams: (typeof import("@vueuse/core"))["useUrlSearchParams"];
-  const useUserMedia: (typeof import("@vueuse/core"))["useUserMedia"];
-  const useVModel: (typeof import("@vueuse/core"))["useVModel"];
-  const useVModels: (typeof import("@vueuse/core"))["useVModels"];
-  const useVibrate: (typeof import("@vueuse/core"))["useVibrate"];
-  const useVirtualList: (typeof import("@vueuse/core"))["useVirtualList"];
-  const useWakeLock: (typeof import("@vueuse/core"))["useWakeLock"];
-  const useWebNotification: (typeof import("@vueuse/core"))["useWebNotification"];
-  const useWebSocket: (typeof import("@vueuse/core"))["useWebSocket"];
-  const useWebWorker: (typeof import("@vueuse/core"))["useWebWorker"];
-  const useWebWorkerFn: (typeof import("@vueuse/core"))["useWebWorkerFn"];
-  const useWindowFocus: (typeof import("@vueuse/core"))["useWindowFocus"];
-  const useWindowScroll: (typeof import("@vueuse/core"))["useWindowScroll"];
-  const useWindowSize: (typeof import("@vueuse/core"))["useWindowSize"];
-  const watch: (typeof import("vue"))["watch"];
-  const watchArray: (typeof import("@vueuse/core"))["watchArray"];
-  const watchAtMost: (typeof import("@vueuse/core"))["watchAtMost"];
-  const watchDebounced: (typeof import("@vueuse/core"))["watchDebounced"];
-  const watchDeep: (typeof import("@vueuse/core"))["watchDeep"];
-  const watchEffect: (typeof import("vue"))["watchEffect"];
-  const watchIgnorable: (typeof import("@vueuse/core"))["watchIgnorable"];
-  const watchImmediate: (typeof import("@vueuse/core"))["watchImmediate"];
-  const watchOnce: (typeof import("@vueuse/core"))["watchOnce"];
-  const watchPausable: (typeof import("@vueuse/core"))["watchPausable"];
-  const watchPostEffect: (typeof import("vue"))["watchPostEffect"];
-  const watchSyncEffect: (typeof import("vue"))["watchSyncEffect"];
-  const watchThrottled: (typeof import("@vueuse/core"))["watchThrottled"];
-  const watchTriggerable: (typeof import("@vueuse/core"))["watchTriggerable"];
-  const watchWithFilter: (typeof import("@vueuse/core"))["watchWithFilter"];
-  const whenever: (typeof import("@vueuse/core"))["whenever"];
+  const EffectScope: (typeof import('vue'))['EffectScope'];
+  const ElForm: (typeof import('element-plus/es'))['ElForm'];
+  const ElMessage: (typeof import('element-plus/es'))['ElMessage'];
+  const ElMessageBox: (typeof import('element-plus/es'))['ElMessageBox'];
+  const ElNotification: (typeof import('element-plus/es'))['ElNotification'];
+  const ElTree: (typeof import('element-plus/es'))['ElTree'];
+  const acceptHMRUpdate: (typeof import('pinia'))['acceptHMRUpdate'];
+  const asyncComputed: (typeof import('@vueuse/core'))['asyncComputed'];
+  const autoResetRef: (typeof import('@vueuse/core'))['autoResetRef'];
+  const computed: (typeof import('vue'))['computed'];
+  const computedAsync: (typeof import('@vueuse/core'))['computedAsync'];
+  const computedEager: (typeof import('@vueuse/core'))['computedEager'];
+  const computedInject: (typeof import('@vueuse/core'))['computedInject'];
+  const computedWithControl: (typeof import('@vueuse/core'))['computedWithControl'];
+  const controlledComputed: (typeof import('@vueuse/core'))['controlledComputed'];
+  const controlledRef: (typeof import('@vueuse/core'))['controlledRef'];
+  const createApp: (typeof import('vue'))['createApp'];
+  const createEventHook: (typeof import('@vueuse/core'))['createEventHook'];
+  const createGlobalState: (typeof import('@vueuse/core'))['createGlobalState'];
+  const createInjectionState: (typeof import('@vueuse/core'))['createInjectionState'];
+  const createPinia: (typeof import('pinia'))['createPinia'];
+  const createReactiveFn: (typeof import('@vueuse/core'))['createReactiveFn'];
+  const createReusableTemplate: (typeof import('@vueuse/core'))['createReusableTemplate'];
+  const createSharedComposable: (typeof import('@vueuse/core'))['createSharedComposable'];
+  const createTemplatePromise: (typeof import('@vueuse/core'))['createTemplatePromise'];
+  const createUnrefFn: (typeof import('@vueuse/core'))['createUnrefFn'];
+  const customRef: (typeof import('vue'))['customRef'];
+  const debouncedRef: (typeof import('@vueuse/core'))['debouncedRef'];
+  const debouncedWatch: (typeof import('@vueuse/core'))['debouncedWatch'];
+  const defineAsyncComponent: (typeof import('vue'))['defineAsyncComponent'];
+  const defineComponent: (typeof import('vue'))['defineComponent'];
+  const defineStore: (typeof import('pinia'))['defineStore'];
+  const eagerComputed: (typeof import('@vueuse/core'))['eagerComputed'];
+  const effectScope: (typeof import('vue'))['effectScope'];
+  const extendRef: (typeof import('@vueuse/core'))['extendRef'];
+  const getActivePinia: (typeof import('pinia'))['getActivePinia'];
+  const getCurrentInstance: (typeof import('vue'))['getCurrentInstance'];
+  const getCurrentScope: (typeof import('vue'))['getCurrentScope'];
+  const h: (typeof import('vue'))['h'];
+  const ignorableWatch: (typeof import('@vueuse/core'))['ignorableWatch'];
+  const inject: (typeof import('vue'))['inject'];
+  const injectLocal: (typeof import('@vueuse/core'))['injectLocal'];
+  const isDefined: (typeof import('@vueuse/core'))['isDefined'];
+  const isProxy: (typeof import('vue'))['isProxy'];
+  const isReactive: (typeof import('vue'))['isReactive'];
+  const isReadonly: (typeof import('vue'))['isReadonly'];
+  const isRef: (typeof import('vue'))['isRef'];
+  const makeDestructurable: (typeof import('@vueuse/core'))['makeDestructurable'];
+  const mapActions: (typeof import('pinia'))['mapActions'];
+  const mapGetters: (typeof import('pinia'))['mapGetters'];
+  const mapState: (typeof import('pinia'))['mapState'];
+  const mapStores: (typeof import('pinia'))['mapStores'];
+  const mapWritableState: (typeof import('pinia'))['mapWritableState'];
+  const markRaw: (typeof import('vue'))['markRaw'];
+  const nextTick: (typeof import('vue'))['nextTick'];
+  const onActivated: (typeof import('vue'))['onActivated'];
+  const onBeforeMount: (typeof import('vue'))['onBeforeMount'];
+  const onBeforeRouteLeave: (typeof import('vue-router'))['onBeforeRouteLeave'];
+  const onBeforeRouteUpdate: (typeof import('vue-router'))['onBeforeRouteUpdate'];
+  const onBeforeUnmount: (typeof import('vue'))['onBeforeUnmount'];
+  const onBeforeUpdate: (typeof import('vue'))['onBeforeUpdate'];
+  const onClickOutside: (typeof import('@vueuse/core'))['onClickOutside'];
+  const onDeactivated: (typeof import('vue'))['onDeactivated'];
+  const onErrorCaptured: (typeof import('vue'))['onErrorCaptured'];
+  const onKeyStroke: (typeof import('@vueuse/core'))['onKeyStroke'];
+  const onLongPress: (typeof import('@vueuse/core'))['onLongPress'];
+  const onMounted: (typeof import('vue'))['onMounted'];
+  const onRenderTracked: (typeof import('vue'))['onRenderTracked'];
+  const onRenderTriggered: (typeof import('vue'))['onRenderTriggered'];
+  const onScopeDispose: (typeof import('vue'))['onScopeDispose'];
+  const onServerPrefetch: (typeof import('vue'))['onServerPrefetch'];
+  const onStartTyping: (typeof import('@vueuse/core'))['onStartTyping'];
+  const onUnmounted: (typeof import('vue'))['onUnmounted'];
+  const onUpdated: (typeof import('vue'))['onUpdated'];
+  const pausableWatch: (typeof import('@vueuse/core'))['pausableWatch'];
+  const provide: (typeof import('vue'))['provide'];
+  const provideLocal: (typeof import('@vueuse/core'))['provideLocal'];
+  const reactify: (typeof import('@vueuse/core'))['reactify'];
+  const reactifyObject: (typeof import('@vueuse/core'))['reactifyObject'];
+  const reactive: (typeof import('vue'))['reactive'];
+  const reactiveComputed: (typeof import('@vueuse/core'))['reactiveComputed'];
+  const reactiveOmit: (typeof import('@vueuse/core'))['reactiveOmit'];
+  const reactivePick: (typeof import('@vueuse/core'))['reactivePick'];
+  const readonly: (typeof import('vue'))['readonly'];
+  const ref: (typeof import('vue'))['ref'];
+  const refAutoReset: (typeof import('@vueuse/core'))['refAutoReset'];
+  const refDebounced: (typeof import('@vueuse/core'))['refDebounced'];
+  const refDefault: (typeof import('@vueuse/core'))['refDefault'];
+  const refThrottled: (typeof import('@vueuse/core'))['refThrottled'];
+  const refWithControl: (typeof import('@vueuse/core'))['refWithControl'];
+  const resolveComponent: (typeof import('vue'))['resolveComponent'];
+  const resolveRef: (typeof import('@vueuse/core'))['resolveRef'];
+  const resolveUnref: (typeof import('@vueuse/core'))['resolveUnref'];
+  const setActivePinia: (typeof import('pinia'))['setActivePinia'];
+  const setMapStoreSuffix: (typeof import('pinia'))['setMapStoreSuffix'];
+  const shallowReactive: (typeof import('vue'))['shallowReactive'];
+  const shallowReadonly: (typeof import('vue'))['shallowReadonly'];
+  const shallowRef: (typeof import('vue'))['shallowRef'];
+  const storeToRefs: (typeof import('pinia'))['storeToRefs'];
+  const syncRef: (typeof import('@vueuse/core'))['syncRef'];
+  const syncRefs: (typeof import('@vueuse/core'))['syncRefs'];
+  const templateRef: (typeof import('@vueuse/core'))['templateRef'];
+  const throttledRef: (typeof import('@vueuse/core'))['throttledRef'];
+  const throttledWatch: (typeof import('@vueuse/core'))['throttledWatch'];
+  const toRaw: (typeof import('vue'))['toRaw'];
+  const toReactive: (typeof import('@vueuse/core'))['toReactive'];
+  const toRef: (typeof import('vue'))['toRef'];
+  const toRefs: (typeof import('vue'))['toRefs'];
+  const toValue: (typeof import('vue'))['toValue'];
+  const triggerRef: (typeof import('vue'))['triggerRef'];
+  const tryOnBeforeMount: (typeof import('@vueuse/core'))['tryOnBeforeMount'];
+  const tryOnBeforeUnmount: (typeof import('@vueuse/core'))['tryOnBeforeUnmount'];
+  const tryOnMounted: (typeof import('@vueuse/core'))['tryOnMounted'];
+  const tryOnScopeDispose: (typeof import('@vueuse/core'))['tryOnScopeDispose'];
+  const tryOnUnmounted: (typeof import('@vueuse/core'))['tryOnUnmounted'];
+  const unref: (typeof import('vue'))['unref'];
+  const unrefElement: (typeof import('@vueuse/core'))['unrefElement'];
+  const until: (typeof import('@vueuse/core'))['until'];
+  const useActiveElement: (typeof import('@vueuse/core'))['useActiveElement'];
+  const useAnimate: (typeof import('@vueuse/core'))['useAnimate'];
+  const useArrayDifference: (typeof import('@vueuse/core'))['useArrayDifference'];
+  const useArrayEvery: (typeof import('@vueuse/core'))['useArrayEvery'];
+  const useArrayFilter: (typeof import('@vueuse/core'))['useArrayFilter'];
+  const useArrayFind: (typeof import('@vueuse/core'))['useArrayFind'];
+  const useArrayFindIndex: (typeof import('@vueuse/core'))['useArrayFindIndex'];
+  const useArrayFindLast: (typeof import('@vueuse/core'))['useArrayFindLast'];
+  const useArrayIncludes: (typeof import('@vueuse/core'))['useArrayIncludes'];
+  const useArrayJoin: (typeof import('@vueuse/core'))['useArrayJoin'];
+  const useArrayMap: (typeof import('@vueuse/core'))['useArrayMap'];
+  const useArrayReduce: (typeof import('@vueuse/core'))['useArrayReduce'];
+  const useArraySome: (typeof import('@vueuse/core'))['useArraySome'];
+  const useArrayUnique: (typeof import('@vueuse/core'))['useArrayUnique'];
+  const useAsyncQueue: (typeof import('@vueuse/core'))['useAsyncQueue'];
+  const useAsyncState: (typeof import('@vueuse/core'))['useAsyncState'];
+  const useAttrs: (typeof import('vue'))['useAttrs'];
+  const useBase64: (typeof import('@vueuse/core'))['useBase64'];
+  const useBattery: (typeof import('@vueuse/core'))['useBattery'];
+  const useBluetooth: (typeof import('@vueuse/core'))['useBluetooth'];
+  const useBreakpoints: (typeof import('@vueuse/core'))['useBreakpoints'];
+  const useBroadcastChannel: (typeof import('@vueuse/core'))['useBroadcastChannel'];
+  const useBrowserLocation: (typeof import('@vueuse/core'))['useBrowserLocation'];
+  const useCached: (typeof import('@vueuse/core'))['useCached'];
+  const useClipboard: (typeof import('@vueuse/core'))['useClipboard'];
+  const useClipboardItems: (typeof import('@vueuse/core'))['useClipboardItems'];
+  const useCloned: (typeof import('@vueuse/core'))['useCloned'];
+  const useColorMode: (typeof import('@vueuse/core'))['useColorMode'];
+  const useConfirmDialog: (typeof import('@vueuse/core'))['useConfirmDialog'];
+  const useCounter: (typeof import('@vueuse/core'))['useCounter'];
+  const useCssModule: (typeof import('vue'))['useCssModule'];
+  const useCssVar: (typeof import('@vueuse/core'))['useCssVar'];
+  const useCssVars: (typeof import('vue'))['useCssVars'];
+  const useCurrentElement: (typeof import('@vueuse/core'))['useCurrentElement'];
+  const useCycleList: (typeof import('@vueuse/core'))['useCycleList'];
+  const useDark: (typeof import('@vueuse/core'))['useDark'];
+  const useDateFormat: (typeof import('@vueuse/core'))['useDateFormat'];
+  const useDebounce: (typeof import('@vueuse/core'))['useDebounce'];
+  const useDebounceFn: (typeof import('@vueuse/core'))['useDebounceFn'];
+  const useDebouncedRefHistory: (typeof import('@vueuse/core'))['useDebouncedRefHistory'];
+  const useDeviceMotion: (typeof import('@vueuse/core'))['useDeviceMotion'];
+  const useDeviceOrientation: (typeof import('@vueuse/core'))['useDeviceOrientation'];
+  const useDevicePixelRatio: (typeof import('@vueuse/core'))['useDevicePixelRatio'];
+  const useDevicesList: (typeof import('@vueuse/core'))['useDevicesList'];
+  const useDisplayMedia: (typeof import('@vueuse/core'))['useDisplayMedia'];
+  const useDocumentVisibility: (typeof import('@vueuse/core'))['useDocumentVisibility'];
+  const useDraggable: (typeof import('@vueuse/core'))['useDraggable'];
+  const useDropZone: (typeof import('@vueuse/core'))['useDropZone'];
+  const useElementBounding: (typeof import('@vueuse/core'))['useElementBounding'];
+  const useElementByPoint: (typeof import('@vueuse/core'))['useElementByPoint'];
+  const useElementHover: (typeof import('@vueuse/core'))['useElementHover'];
+  const useElementSize: (typeof import('@vueuse/core'))['useElementSize'];
+  const useElementVisibility: (typeof import('@vueuse/core'))['useElementVisibility'];
+  const useEventBus: (typeof import('@vueuse/core'))['useEventBus'];
+  const useEventListener: (typeof import('@vueuse/core'))['useEventListener'];
+  const useEventSource: (typeof import('@vueuse/core'))['useEventSource'];
+  const useEyeDropper: (typeof import('@vueuse/core'))['useEyeDropper'];
+  const useFavicon: (typeof import('@vueuse/core'))['useFavicon'];
+  const useFetch: (typeof import('@vueuse/core'))['useFetch'];
+  const useFileDialog: (typeof import('@vueuse/core'))['useFileDialog'];
+  const useFileSystemAccess: (typeof import('@vueuse/core'))['useFileSystemAccess'];
+  const useFocus: (typeof import('@vueuse/core'))['useFocus'];
+  const useFocusWithin: (typeof import('@vueuse/core'))['useFocusWithin'];
+  const useFps: (typeof import('@vueuse/core'))['useFps'];
+  const useFullscreen: (typeof import('@vueuse/core'))['useFullscreen'];
+  const useGamepad: (typeof import('@vueuse/core'))['useGamepad'];
+  const useGeolocation: (typeof import('@vueuse/core'))['useGeolocation'];
+  const useI18n: (typeof import('vue-i18n'))['useI18n'];
+  const useIdle: (typeof import('@vueuse/core'))['useIdle'];
+  const useImage: (typeof import('@vueuse/core'))['useImage'];
+  const useInfiniteScroll: (typeof import('@vueuse/core'))['useInfiniteScroll'];
+  const useIntersectionObserver: (typeof import('@vueuse/core'))['useIntersectionObserver'];
+  const useInterval: (typeof import('@vueuse/core'))['useInterval'];
+  const useIntervalFn: (typeof import('@vueuse/core'))['useIntervalFn'];
+  const useKeyModifier: (typeof import('@vueuse/core'))['useKeyModifier'];
+  const useLastChanged: (typeof import('@vueuse/core'))['useLastChanged'];
+  const useLink: (typeof import('vue-router'))['useLink'];
+  const useLocalStorage: (typeof import('@vueuse/core'))['useLocalStorage'];
+  const useMagicKeys: (typeof import('@vueuse/core'))['useMagicKeys'];
+  const useManualRefHistory: (typeof import('@vueuse/core'))['useManualRefHistory'];
+  const useMediaControls: (typeof import('@vueuse/core'))['useMediaControls'];
+  const useMediaQuery: (typeof import('@vueuse/core'))['useMediaQuery'];
+  const useMemoize: (typeof import('@vueuse/core'))['useMemoize'];
+  const useMemory: (typeof import('@vueuse/core'))['useMemory'];
+  const useMounted: (typeof import('@vueuse/core'))['useMounted'];
+  const useMouse: (typeof import('@vueuse/core'))['useMouse'];
+  const useMouseInElement: (typeof import('@vueuse/core'))['useMouseInElement'];
+  const useMousePressed: (typeof import('@vueuse/core'))['useMousePressed'];
+  const useMutationObserver: (typeof import('@vueuse/core'))['useMutationObserver'];
+  const useNavigatorLanguage: (typeof import('@vueuse/core'))['useNavigatorLanguage'];
+  const useNetwork: (typeof import('@vueuse/core'))['useNetwork'];
+  const useNow: (typeof import('@vueuse/core'))['useNow'];
+  const useObjectUrl: (typeof import('@vueuse/core'))['useObjectUrl'];
+  const useOffsetPagination: (typeof import('@vueuse/core'))['useOffsetPagination'];
+  const useOnline: (typeof import('@vueuse/core'))['useOnline'];
+  const usePageLeave: (typeof import('@vueuse/core'))['usePageLeave'];
+  const useParallax: (typeof import('@vueuse/core'))['useParallax'];
+  const useParentElement: (typeof import('@vueuse/core'))['useParentElement'];
+  const usePerformanceObserver: (typeof import('@vueuse/core'))['usePerformanceObserver'];
+  const usePermission: (typeof import('@vueuse/core'))['usePermission'];
+  const usePointer: (typeof import('@vueuse/core'))['usePointer'];
+  const usePointerLock: (typeof import('@vueuse/core'))['usePointerLock'];
+  const usePointerSwipe: (typeof import('@vueuse/core'))['usePointerSwipe'];
+  const usePreferredColorScheme: (typeof import('@vueuse/core'))['usePreferredColorScheme'];
+  const usePreferredContrast: (typeof import('@vueuse/core'))['usePreferredContrast'];
+  const usePreferredDark: (typeof import('@vueuse/core'))['usePreferredDark'];
+  const usePreferredLanguages: (typeof import('@vueuse/core'))['usePreferredLanguages'];
+  const usePreferredReducedMotion: (typeof import('@vueuse/core'))['usePreferredReducedMotion'];
+  const usePrevious: (typeof import('@vueuse/core'))['usePrevious'];
+  const useRafFn: (typeof import('@vueuse/core'))['useRafFn'];
+  const useRefHistory: (typeof import('@vueuse/core'))['useRefHistory'];
+  const useResizeObserver: (typeof import('@vueuse/core'))['useResizeObserver'];
+  const useRoute: (typeof import('vue-router'))['useRoute'];
+  const useRouter: (typeof import('vue-router'))['useRouter'];
+  const useScreenOrientation: (typeof import('@vueuse/core'))['useScreenOrientation'];
+  const useScreenSafeArea: (typeof import('@vueuse/core'))['useScreenSafeArea'];
+  const useScriptTag: (typeof import('@vueuse/core'))['useScriptTag'];
+  const useScroll: (typeof import('@vueuse/core'))['useScroll'];
+  const useScrollLock: (typeof import('@vueuse/core'))['useScrollLock'];
+  const useSessionStorage: (typeof import('@vueuse/core'))['useSessionStorage'];
+  const useShare: (typeof import('@vueuse/core'))['useShare'];
+  const useSlots: (typeof import('vue'))['useSlots'];
+  const useSorted: (typeof import('@vueuse/core'))['useSorted'];
+  const useSpeechRecognition: (typeof import('@vueuse/core'))['useSpeechRecognition'];
+  const useSpeechSynthesis: (typeof import('@vueuse/core'))['useSpeechSynthesis'];
+  const useStepper: (typeof import('@vueuse/core'))['useStepper'];
+  const useStorage: (typeof import('@vueuse/core'))['useStorage'];
+  const useStorageAsync: (typeof import('@vueuse/core'))['useStorageAsync'];
+  const useStyleTag: (typeof import('@vueuse/core'))['useStyleTag'];
+  const useSupported: (typeof import('@vueuse/core'))['useSupported'];
+  const useSwipe: (typeof import('@vueuse/core'))['useSwipe'];
+  const useTemplateRefsList: (typeof import('@vueuse/core'))['useTemplateRefsList'];
+  const useTextDirection: (typeof import('@vueuse/core'))['useTextDirection'];
+  const useTextSelection: (typeof import('@vueuse/core'))['useTextSelection'];
+  const useTextareaAutosize: (typeof import('@vueuse/core'))['useTextareaAutosize'];
+  const useThrottle: (typeof import('@vueuse/core'))['useThrottle'];
+  const useThrottleFn: (typeof import('@vueuse/core'))['useThrottleFn'];
+  const useThrottledRefHistory: (typeof import('@vueuse/core'))['useThrottledRefHistory'];
+  const useTimeAgo: (typeof import('@vueuse/core'))['useTimeAgo'];
+  const useTimeout: (typeof import('@vueuse/core'))['useTimeout'];
+  const useTimeoutFn: (typeof import('@vueuse/core'))['useTimeoutFn'];
+  const useTimeoutPoll: (typeof import('@vueuse/core'))['useTimeoutPoll'];
+  const useTimestamp: (typeof import('@vueuse/core'))['useTimestamp'];
+  const useTitle: (typeof import('@vueuse/core'))['useTitle'];
+  const useToNumber: (typeof import('@vueuse/core'))['useToNumber'];
+  const useToString: (typeof import('@vueuse/core'))['useToString'];
+  const useToggle: (typeof import('@vueuse/core'))['useToggle'];
+  const useTransition: (typeof import('@vueuse/core'))['useTransition'];
+  const useUrlSearchParams: (typeof import('@vueuse/core'))['useUrlSearchParams'];
+  const useUserMedia: (typeof import('@vueuse/core'))['useUserMedia'];
+  const useVModel: (typeof import('@vueuse/core'))['useVModel'];
+  const useVModels: (typeof import('@vueuse/core'))['useVModels'];
+  const useVibrate: (typeof import('@vueuse/core'))['useVibrate'];
+  const useVirtualList: (typeof import('@vueuse/core'))['useVirtualList'];
+  const useWakeLock: (typeof import('@vueuse/core'))['useWakeLock'];
+  const useWebNotification: (typeof import('@vueuse/core'))['useWebNotification'];
+  const useWebSocket: (typeof import('@vueuse/core'))['useWebSocket'];
+  const useWebWorker: (typeof import('@vueuse/core'))['useWebWorker'];
+  const useWebWorkerFn: (typeof import('@vueuse/core'))['useWebWorkerFn'];
+  const useWindowFocus: (typeof import('@vueuse/core'))['useWindowFocus'];
+  const useWindowScroll: (typeof import('@vueuse/core'))['useWindowScroll'];
+  const useWindowSize: (typeof import('@vueuse/core'))['useWindowSize'];
+  const watch: (typeof import('vue'))['watch'];
+  const watchArray: (typeof import('@vueuse/core'))['watchArray'];
+  const watchAtMost: (typeof import('@vueuse/core'))['watchAtMost'];
+  const watchDebounced: (typeof import('@vueuse/core'))['watchDebounced'];
+  const watchDeep: (typeof import('@vueuse/core'))['watchDeep'];
+  const watchEffect: (typeof import('vue'))['watchEffect'];
+  const watchIgnorable: (typeof import('@vueuse/core'))['watchIgnorable'];
+  const watchImmediate: (typeof import('@vueuse/core'))['watchImmediate'];
+  const watchOnce: (typeof import('@vueuse/core'))['watchOnce'];
+  const watchPausable: (typeof import('@vueuse/core'))['watchPausable'];
+  const watchPostEffect: (typeof import('vue'))['watchPostEffect'];
+  const watchSyncEffect: (typeof import('vue'))['watchSyncEffect'];
+  const watchThrottled: (typeof import('@vueuse/core'))['watchThrottled'];
+  const watchTriggerable: (typeof import('@vueuse/core'))['watchTriggerable'];
+  const watchWithFilter: (typeof import('@vueuse/core'))['watchWithFilter'];
+  const whenever: (typeof import('@vueuse/core'))['whenever'];
 }
 // for type re-export
 declare global {
@@ -316,1465 +316,677 @@ declare global {
     PropType,
     Ref,
     VNode,
-    WritableComputedRef,
-  } from "vue";
-  import("vue");
+    WritableComputedRef
+  } from 'vue';
+  import('vue');
 }
 // for vue template auto import
-import { UnwrapRef } from "vue";
-declare module "vue" {
+import { UnwrapRef } from 'vue';
+declare module 'vue' {
   interface GlobalComponents {}
   interface ComponentCustomProperties {
-    readonly EffectScope: UnwrapRef<(typeof import("vue"))["EffectScope"]>;
-    readonly ElMessage: UnwrapRef<
-      (typeof import("element-plus/es"))["ElMessage"]
-    >;
-    readonly ElMessageBox: UnwrapRef<
-      (typeof import("element-plus/es"))["ElMessageBox"]
-    >;
-    readonly acceptHMRUpdate: UnwrapRef<
-      (typeof import("pinia"))["acceptHMRUpdate"]
-    >;
-    readonly asyncComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["asyncComputed"]
-    >;
-    readonly autoResetRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["autoResetRef"]
-    >;
-    readonly computed: UnwrapRef<(typeof import("vue"))["computed"]>;
-    readonly computedAsync: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedAsync"]
-    >;
-    readonly computedEager: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedEager"]
-    >;
-    readonly computedInject: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedInject"]
-    >;
-    readonly computedWithControl: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedWithControl"]
-    >;
-    readonly controlledComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["controlledComputed"]
-    >;
-    readonly controlledRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["controlledRef"]
-    >;
-    readonly createApp: UnwrapRef<(typeof import("vue"))["createApp"]>;
-    readonly createEventHook: UnwrapRef<
-      (typeof import("@vueuse/core"))["createEventHook"]
-    >;
-    readonly createGlobalState: UnwrapRef<
-      (typeof import("@vueuse/core"))["createGlobalState"]
-    >;
+    readonly EffectScope: UnwrapRef<(typeof import('vue'))['EffectScope']>;
+    readonly ElMessage: UnwrapRef<(typeof import('element-plus/es'))['ElMessage']>;
+    readonly ElMessageBox: UnwrapRef<(typeof import('element-plus/es'))['ElMessageBox']>;
+    readonly acceptHMRUpdate: UnwrapRef<(typeof import('pinia'))['acceptHMRUpdate']>;
+    readonly asyncComputed: UnwrapRef<(typeof import('@vueuse/core'))['asyncComputed']>;
+    readonly autoResetRef: UnwrapRef<(typeof import('@vueuse/core'))['autoResetRef']>;
+    readonly computed: UnwrapRef<(typeof import('vue'))['computed']>;
+    readonly computedAsync: UnwrapRef<(typeof import('@vueuse/core'))['computedAsync']>;
+    readonly computedEager: UnwrapRef<(typeof import('@vueuse/core'))['computedEager']>;
+    readonly computedInject: UnwrapRef<(typeof import('@vueuse/core'))['computedInject']>;
+    readonly computedWithControl: UnwrapRef<(typeof import('@vueuse/core'))['computedWithControl']>;
+    readonly controlledComputed: UnwrapRef<(typeof import('@vueuse/core'))['controlledComputed']>;
+    readonly controlledRef: UnwrapRef<(typeof import('@vueuse/core'))['controlledRef']>;
+    readonly createApp: UnwrapRef<(typeof import('vue'))['createApp']>;
+    readonly createEventHook: UnwrapRef<(typeof import('@vueuse/core'))['createEventHook']>;
+    readonly createGlobalState: UnwrapRef<(typeof import('@vueuse/core'))['createGlobalState']>;
     readonly createInjectionState: UnwrapRef<
-      (typeof import("@vueuse/core"))["createInjectionState"]
-    >;
-    readonly createPinia: UnwrapRef<(typeof import("pinia"))["createPinia"]>;
-    readonly createReactiveFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["createReactiveFn"]
+      (typeof import('@vueuse/core'))['createInjectionState']
     >;
+    readonly createPinia: UnwrapRef<(typeof import('pinia'))['createPinia']>;
+    readonly createReactiveFn: UnwrapRef<(typeof import('@vueuse/core'))['createReactiveFn']>;
     readonly createReusableTemplate: UnwrapRef<
-      (typeof import("@vueuse/core"))["createReusableTemplate"]
+      (typeof import('@vueuse/core'))['createReusableTemplate']
     >;
     readonly createSharedComposable: UnwrapRef<
-      (typeof import("@vueuse/core"))["createSharedComposable"]
+      (typeof import('@vueuse/core'))['createSharedComposable']
     >;
     readonly createTemplatePromise: UnwrapRef<
-      (typeof import("@vueuse/core"))["createTemplatePromise"]
-    >;
-    readonly createUnrefFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["createUnrefFn"]
-    >;
-    readonly customRef: UnwrapRef<(typeof import("vue"))["customRef"]>;
-    readonly debouncedRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["debouncedRef"]
-    >;
-    readonly debouncedWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["debouncedWatch"]
-    >;
-    readonly defineAsyncComponent: UnwrapRef<
-      (typeof import("vue"))["defineAsyncComponent"]
-    >;
-    readonly defineComponent: UnwrapRef<
-      (typeof import("vue"))["defineComponent"]
-    >;
-    readonly defineStore: UnwrapRef<(typeof import("pinia"))["defineStore"]>;
-    readonly eagerComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["eagerComputed"]
-    >;
-    readonly effectScope: UnwrapRef<(typeof import("vue"))["effectScope"]>;
-    readonly extendRef: UnwrapRef<(typeof import("@vueuse/core"))["extendRef"]>;
-    readonly getActivePinia: UnwrapRef<
-      (typeof import("pinia"))["getActivePinia"]
-    >;
-    readonly getCurrentInstance: UnwrapRef<
-      (typeof import("vue"))["getCurrentInstance"]
-    >;
-    readonly getCurrentScope: UnwrapRef<
-      (typeof import("vue"))["getCurrentScope"]
-    >;
-    readonly h: UnwrapRef<(typeof import("vue"))["h"]>;
-    readonly ignorableWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["ignorableWatch"]
-    >;
-    readonly inject: UnwrapRef<(typeof import("vue"))["inject"]>;
-    readonly injectLocal: UnwrapRef<
-      (typeof import("@vueuse/core"))["injectLocal"]
-    >;
-    readonly isDefined: UnwrapRef<(typeof import("@vueuse/core"))["isDefined"]>;
-    readonly isProxy: UnwrapRef<(typeof import("vue"))["isProxy"]>;
-    readonly isReactive: UnwrapRef<(typeof import("vue"))["isReactive"]>;
-    readonly isReadonly: UnwrapRef<(typeof import("vue"))["isReadonly"]>;
-    readonly isRef: UnwrapRef<(typeof import("vue"))["isRef"]>;
-    readonly makeDestructurable: UnwrapRef<
-      (typeof import("@vueuse/core"))["makeDestructurable"]
-    >;
-    readonly mapActions: UnwrapRef<(typeof import("pinia"))["mapActions"]>;
-    readonly mapGetters: UnwrapRef<(typeof import("pinia"))["mapGetters"]>;
-    readonly mapState: UnwrapRef<(typeof import("pinia"))["mapState"]>;
-    readonly mapStores: UnwrapRef<(typeof import("pinia"))["mapStores"]>;
-    readonly mapWritableState: UnwrapRef<
-      (typeof import("pinia"))["mapWritableState"]
-    >;
-    readonly markRaw: UnwrapRef<(typeof import("vue"))["markRaw"]>;
-    readonly nextTick: UnwrapRef<(typeof import("vue"))["nextTick"]>;
-    readonly onActivated: UnwrapRef<(typeof import("vue"))["onActivated"]>;
-    readonly onBeforeMount: UnwrapRef<(typeof import("vue"))["onBeforeMount"]>;
-    readonly onBeforeRouteLeave: UnwrapRef<
-      (typeof import("vue-router"))["onBeforeRouteLeave"]
-    >;
-    readonly onBeforeRouteUpdate: UnwrapRef<
-      (typeof import("vue-router"))["onBeforeRouteUpdate"]
-    >;
-    readonly onBeforeUnmount: UnwrapRef<
-      (typeof import("vue"))["onBeforeUnmount"]
-    >;
-    readonly onBeforeUpdate: UnwrapRef<
-      (typeof import("vue"))["onBeforeUpdate"]
-    >;
-    readonly onClickOutside: UnwrapRef<
-      (typeof import("@vueuse/core"))["onClickOutside"]
-    >;
-    readonly onDeactivated: UnwrapRef<(typeof import("vue"))["onDeactivated"]>;
-    readonly onErrorCaptured: UnwrapRef<
-      (typeof import("vue"))["onErrorCaptured"]
-    >;
-    readonly onKeyStroke: UnwrapRef<
-      (typeof import("@vueuse/core"))["onKeyStroke"]
-    >;
-    readonly onLongPress: UnwrapRef<
-      (typeof import("@vueuse/core"))["onLongPress"]
-    >;
-    readonly onMounted: UnwrapRef<(typeof import("vue"))["onMounted"]>;
-    readonly onRenderTracked: UnwrapRef<
-      (typeof import("vue"))["onRenderTracked"]
-    >;
-    readonly onRenderTriggered: UnwrapRef<
-      (typeof import("vue"))["onRenderTriggered"]
-    >;
-    readonly onScopeDispose: UnwrapRef<
-      (typeof import("vue"))["onScopeDispose"]
-    >;
-    readonly onServerPrefetch: UnwrapRef<
-      (typeof import("vue"))["onServerPrefetch"]
-    >;
-    readonly onStartTyping: UnwrapRef<
-      (typeof import("@vueuse/core"))["onStartTyping"]
-    >;
-    readonly onUnmounted: UnwrapRef<(typeof import("vue"))["onUnmounted"]>;
-    readonly onUpdated: UnwrapRef<(typeof import("vue"))["onUpdated"]>;
-    readonly pausableWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["pausableWatch"]
-    >;
-    readonly provide: UnwrapRef<(typeof import("vue"))["provide"]>;
-    readonly provideLocal: UnwrapRef<
-      (typeof import("@vueuse/core"))["provideLocal"]
-    >;
-    readonly reactify: UnwrapRef<(typeof import("@vueuse/core"))["reactify"]>;
-    readonly reactifyObject: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactifyObject"]
-    >;
-    readonly reactive: UnwrapRef<(typeof import("vue"))["reactive"]>;
-    readonly reactiveComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactiveComputed"]
-    >;
-    readonly reactiveOmit: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactiveOmit"]
-    >;
-    readonly reactivePick: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactivePick"]
-    >;
-    readonly readonly: UnwrapRef<(typeof import("vue"))["readonly"]>;
-    readonly ref: UnwrapRef<(typeof import("vue"))["ref"]>;
-    readonly refAutoReset: UnwrapRef<
-      (typeof import("@vueuse/core"))["refAutoReset"]
-    >;
-    readonly refDebounced: UnwrapRef<
-      (typeof import("@vueuse/core"))["refDebounced"]
-    >;
-    readonly refDefault: UnwrapRef<
-      (typeof import("@vueuse/core"))["refDefault"]
-    >;
-    readonly refThrottled: UnwrapRef<
-      (typeof import("@vueuse/core"))["refThrottled"]
-    >;
-    readonly refWithControl: UnwrapRef<
-      (typeof import("@vueuse/core"))["refWithControl"]
-    >;
-    readonly resolveComponent: UnwrapRef<
-      (typeof import("vue"))["resolveComponent"]
-    >;
-    readonly resolveRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["resolveRef"]
-    >;
-    readonly resolveUnref: UnwrapRef<
-      (typeof import("@vueuse/core"))["resolveUnref"]
-    >;
-    readonly setActivePinia: UnwrapRef<
-      (typeof import("pinia"))["setActivePinia"]
-    >;
-    readonly setMapStoreSuffix: UnwrapRef<
-      (typeof import("pinia"))["setMapStoreSuffix"]
-    >;
-    readonly shallowReactive: UnwrapRef<
-      (typeof import("vue"))["shallowReactive"]
-    >;
-    readonly shallowReadonly: UnwrapRef<
-      (typeof import("vue"))["shallowReadonly"]
-    >;
-    readonly shallowRef: UnwrapRef<(typeof import("vue"))["shallowRef"]>;
-    readonly storeToRefs: UnwrapRef<(typeof import("pinia"))["storeToRefs"]>;
-    readonly syncRef: UnwrapRef<(typeof import("@vueuse/core"))["syncRef"]>;
-    readonly syncRefs: UnwrapRef<(typeof import("@vueuse/core"))["syncRefs"]>;
-    readonly templateRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["templateRef"]
-    >;
-    readonly throttledRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["throttledRef"]
-    >;
-    readonly throttledWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["throttledWatch"]
-    >;
-    readonly toRaw: UnwrapRef<(typeof import("vue"))["toRaw"]>;
-    readonly toReactive: UnwrapRef<
-      (typeof import("@vueuse/core"))["toReactive"]
-    >;
-    readonly toRef: UnwrapRef<(typeof import("vue"))["toRef"]>;
-    readonly toRefs: UnwrapRef<(typeof import("vue"))["toRefs"]>;
-    readonly toValue: UnwrapRef<(typeof import("vue"))["toValue"]>;
-    readonly triggerRef: UnwrapRef<(typeof import("vue"))["triggerRef"]>;
-    readonly tryOnBeforeMount: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnBeforeMount"]
-    >;
-    readonly tryOnBeforeUnmount: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnBeforeUnmount"]
-    >;
-    readonly tryOnMounted: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnMounted"]
-    >;
-    readonly tryOnScopeDispose: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnScopeDispose"]
-    >;
-    readonly tryOnUnmounted: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnUnmounted"]
-    >;
-    readonly unref: UnwrapRef<(typeof import("vue"))["unref"]>;
-    readonly unrefElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["unrefElement"]
-    >;
-    readonly until: UnwrapRef<(typeof import("@vueuse/core"))["until"]>;
-    readonly useActiveElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useActiveElement"]
-    >;
-    readonly useAnimate: UnwrapRef<
-      (typeof import("@vueuse/core"))["useAnimate"]
-    >;
-    readonly useArrayDifference: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayDifference"]
-    >;
-    readonly useArrayEvery: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayEvery"]
-    >;
-    readonly useArrayFilter: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFilter"]
-    >;
-    readonly useArrayFind: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFind"]
-    >;
-    readonly useArrayFindIndex: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFindIndex"]
-    >;
-    readonly useArrayFindLast: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFindLast"]
-    >;
-    readonly useArrayIncludes: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayIncludes"]
-    >;
-    readonly useArrayJoin: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayJoin"]
-    >;
-    readonly useArrayMap: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayMap"]
-    >;
-    readonly useArrayReduce: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayReduce"]
-    >;
-    readonly useArraySome: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArraySome"]
-    >;
-    readonly useArrayUnique: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayUnique"]
-    >;
-    readonly useAsyncQueue: UnwrapRef<
-      (typeof import("@vueuse/core"))["useAsyncQueue"]
-    >;
-    readonly useAsyncState: UnwrapRef<
-      (typeof import("@vueuse/core"))["useAsyncState"]
-    >;
-    readonly useAttrs: UnwrapRef<(typeof import("vue"))["useAttrs"]>;
-    readonly useBase64: UnwrapRef<(typeof import("@vueuse/core"))["useBase64"]>;
-    readonly useBattery: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBattery"]
-    >;
-    readonly useBluetooth: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBluetooth"]
-    >;
-    readonly useBreakpoints: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBreakpoints"]
-    >;
-    readonly useBroadcastChannel: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBroadcastChannel"]
-    >;
-    readonly useBrowserLocation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBrowserLocation"]
-    >;
-    readonly useCached: UnwrapRef<(typeof import("@vueuse/core"))["useCached"]>;
-    readonly useClipboard: UnwrapRef<
-      (typeof import("@vueuse/core"))["useClipboard"]
-    >;
-    readonly useClipboardItems: UnwrapRef<
-      (typeof import("@vueuse/core"))["useClipboardItems"]
-    >;
-    readonly useCloned: UnwrapRef<(typeof import("@vueuse/core"))["useCloned"]>;
-    readonly useColorMode: UnwrapRef<
-      (typeof import("@vueuse/core"))["useColorMode"]
-    >;
-    readonly useConfirmDialog: UnwrapRef<
-      (typeof import("@vueuse/core"))["useConfirmDialog"]
-    >;
-    readonly useCounter: UnwrapRef<
-      (typeof import("@vueuse/core"))["useCounter"]
-    >;
-    readonly useCssModule: UnwrapRef<(typeof import("vue"))["useCssModule"]>;
-    readonly useCssVar: UnwrapRef<(typeof import("@vueuse/core"))["useCssVar"]>;
-    readonly useCssVars: UnwrapRef<(typeof import("vue"))["useCssVars"]>;
-    readonly useCurrentElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useCurrentElement"]
-    >;
-    readonly useCycleList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useCycleList"]
-    >;
-    readonly useDark: UnwrapRef<(typeof import("@vueuse/core"))["useDark"]>;
-    readonly useDateFormat: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDateFormat"]
-    >;
-    readonly useDebounce: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDebounce"]
-    >;
-    readonly useDebounceFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDebounceFn"]
-    >;
+      (typeof import('@vueuse/core'))['createTemplatePromise']
+    >;
+    readonly createUnrefFn: UnwrapRef<(typeof import('@vueuse/core'))['createUnrefFn']>;
+    readonly customRef: UnwrapRef<(typeof import('vue'))['customRef']>;
+    readonly debouncedRef: UnwrapRef<(typeof import('@vueuse/core'))['debouncedRef']>;
+    readonly debouncedWatch: UnwrapRef<(typeof import('@vueuse/core'))['debouncedWatch']>;
+    readonly defineAsyncComponent: UnwrapRef<(typeof import('vue'))['defineAsyncComponent']>;
+    readonly defineComponent: UnwrapRef<(typeof import('vue'))['defineComponent']>;
+    readonly defineStore: UnwrapRef<(typeof import('pinia'))['defineStore']>;
+    readonly eagerComputed: UnwrapRef<(typeof import('@vueuse/core'))['eagerComputed']>;
+    readonly effectScope: UnwrapRef<(typeof import('vue'))['effectScope']>;
+    readonly extendRef: UnwrapRef<(typeof import('@vueuse/core'))['extendRef']>;
+    readonly getActivePinia: UnwrapRef<(typeof import('pinia'))['getActivePinia']>;
+    readonly getCurrentInstance: UnwrapRef<(typeof import('vue'))['getCurrentInstance']>;
+    readonly getCurrentScope: UnwrapRef<(typeof import('vue'))['getCurrentScope']>;
+    readonly h: UnwrapRef<(typeof import('vue'))['h']>;
+    readonly ignorableWatch: UnwrapRef<(typeof import('@vueuse/core'))['ignorableWatch']>;
+    readonly inject: UnwrapRef<(typeof import('vue'))['inject']>;
+    readonly injectLocal: UnwrapRef<(typeof import('@vueuse/core'))['injectLocal']>;
+    readonly isDefined: UnwrapRef<(typeof import('@vueuse/core'))['isDefined']>;
+    readonly isProxy: UnwrapRef<(typeof import('vue'))['isProxy']>;
+    readonly isReactive: UnwrapRef<(typeof import('vue'))['isReactive']>;
+    readonly isReadonly: UnwrapRef<(typeof import('vue'))['isReadonly']>;
+    readonly isRef: UnwrapRef<(typeof import('vue'))['isRef']>;
+    readonly makeDestructurable: UnwrapRef<(typeof import('@vueuse/core'))['makeDestructurable']>;
+    readonly mapActions: UnwrapRef<(typeof import('pinia'))['mapActions']>;
+    readonly mapGetters: UnwrapRef<(typeof import('pinia'))['mapGetters']>;
+    readonly mapState: UnwrapRef<(typeof import('pinia'))['mapState']>;
+    readonly mapStores: UnwrapRef<(typeof import('pinia'))['mapStores']>;
+    readonly mapWritableState: UnwrapRef<(typeof import('pinia'))['mapWritableState']>;
+    readonly markRaw: UnwrapRef<(typeof import('vue'))['markRaw']>;
+    readonly nextTick: UnwrapRef<(typeof import('vue'))['nextTick']>;
+    readonly onActivated: UnwrapRef<(typeof import('vue'))['onActivated']>;
+    readonly onBeforeMount: UnwrapRef<(typeof import('vue'))['onBeforeMount']>;
+    readonly onBeforeRouteLeave: UnwrapRef<(typeof import('vue-router'))['onBeforeRouteLeave']>;
+    readonly onBeforeRouteUpdate: UnwrapRef<(typeof import('vue-router'))['onBeforeRouteUpdate']>;
+    readonly onBeforeUnmount: UnwrapRef<(typeof import('vue'))['onBeforeUnmount']>;
+    readonly onBeforeUpdate: UnwrapRef<(typeof import('vue'))['onBeforeUpdate']>;
+    readonly onClickOutside: UnwrapRef<(typeof import('@vueuse/core'))['onClickOutside']>;
+    readonly onDeactivated: UnwrapRef<(typeof import('vue'))['onDeactivated']>;
+    readonly onErrorCaptured: UnwrapRef<(typeof import('vue'))['onErrorCaptured']>;
+    readonly onKeyStroke: UnwrapRef<(typeof import('@vueuse/core'))['onKeyStroke']>;
+    readonly onLongPress: UnwrapRef<(typeof import('@vueuse/core'))['onLongPress']>;
+    readonly onMounted: UnwrapRef<(typeof import('vue'))['onMounted']>;
+    readonly onRenderTracked: UnwrapRef<(typeof import('vue'))['onRenderTracked']>;
+    readonly onRenderTriggered: UnwrapRef<(typeof import('vue'))['onRenderTriggered']>;
+    readonly onScopeDispose: UnwrapRef<(typeof import('vue'))['onScopeDispose']>;
+    readonly onServerPrefetch: UnwrapRef<(typeof import('vue'))['onServerPrefetch']>;
+    readonly onStartTyping: UnwrapRef<(typeof import('@vueuse/core'))['onStartTyping']>;
+    readonly onUnmounted: UnwrapRef<(typeof import('vue'))['onUnmounted']>;
+    readonly onUpdated: UnwrapRef<(typeof import('vue'))['onUpdated']>;
+    readonly pausableWatch: UnwrapRef<(typeof import('@vueuse/core'))['pausableWatch']>;
+    readonly provide: UnwrapRef<(typeof import('vue'))['provide']>;
+    readonly provideLocal: UnwrapRef<(typeof import('@vueuse/core'))['provideLocal']>;
+    readonly reactify: UnwrapRef<(typeof import('@vueuse/core'))['reactify']>;
+    readonly reactifyObject: UnwrapRef<(typeof import('@vueuse/core'))['reactifyObject']>;
+    readonly reactive: UnwrapRef<(typeof import('vue'))['reactive']>;
+    readonly reactiveComputed: UnwrapRef<(typeof import('@vueuse/core'))['reactiveComputed']>;
+    readonly reactiveOmit: UnwrapRef<(typeof import('@vueuse/core'))['reactiveOmit']>;
+    readonly reactivePick: UnwrapRef<(typeof import('@vueuse/core'))['reactivePick']>;
+    readonly readonly: UnwrapRef<(typeof import('vue'))['readonly']>;
+    readonly ref: UnwrapRef<(typeof import('vue'))['ref']>;
+    readonly refAutoReset: UnwrapRef<(typeof import('@vueuse/core'))['refAutoReset']>;
+    readonly refDebounced: UnwrapRef<(typeof import('@vueuse/core'))['refDebounced']>;
+    readonly refDefault: UnwrapRef<(typeof import('@vueuse/core'))['refDefault']>;
+    readonly refThrottled: UnwrapRef<(typeof import('@vueuse/core'))['refThrottled']>;
+    readonly refWithControl: UnwrapRef<(typeof import('@vueuse/core'))['refWithControl']>;
+    readonly resolveComponent: UnwrapRef<(typeof import('vue'))['resolveComponent']>;
+    readonly resolveRef: UnwrapRef<(typeof import('@vueuse/core'))['resolveRef']>;
+    readonly resolveUnref: UnwrapRef<(typeof import('@vueuse/core'))['resolveUnref']>;
+    readonly setActivePinia: UnwrapRef<(typeof import('pinia'))['setActivePinia']>;
+    readonly setMapStoreSuffix: UnwrapRef<(typeof import('pinia'))['setMapStoreSuffix']>;
+    readonly shallowReactive: UnwrapRef<(typeof import('vue'))['shallowReactive']>;
+    readonly shallowReadonly: UnwrapRef<(typeof import('vue'))['shallowReadonly']>;
+    readonly shallowRef: UnwrapRef<(typeof import('vue'))['shallowRef']>;
+    readonly storeToRefs: UnwrapRef<(typeof import('pinia'))['storeToRefs']>;
+    readonly syncRef: UnwrapRef<(typeof import('@vueuse/core'))['syncRef']>;
+    readonly syncRefs: UnwrapRef<(typeof import('@vueuse/core'))['syncRefs']>;
+    readonly templateRef: UnwrapRef<(typeof import('@vueuse/core'))['templateRef']>;
+    readonly throttledRef: UnwrapRef<(typeof import('@vueuse/core'))['throttledRef']>;
+    readonly throttledWatch: UnwrapRef<(typeof import('@vueuse/core'))['throttledWatch']>;
+    readonly toRaw: UnwrapRef<(typeof import('vue'))['toRaw']>;
+    readonly toReactive: UnwrapRef<(typeof import('@vueuse/core'))['toReactive']>;
+    readonly toRef: UnwrapRef<(typeof import('vue'))['toRef']>;
+    readonly toRefs: UnwrapRef<(typeof import('vue'))['toRefs']>;
+    readonly toValue: UnwrapRef<(typeof import('vue'))['toValue']>;
+    readonly triggerRef: UnwrapRef<(typeof import('vue'))['triggerRef']>;
+    readonly tryOnBeforeMount: UnwrapRef<(typeof import('@vueuse/core'))['tryOnBeforeMount']>;
+    readonly tryOnBeforeUnmount: UnwrapRef<(typeof import('@vueuse/core'))['tryOnBeforeUnmount']>;
+    readonly tryOnMounted: UnwrapRef<(typeof import('@vueuse/core'))['tryOnMounted']>;
+    readonly tryOnScopeDispose: UnwrapRef<(typeof import('@vueuse/core'))['tryOnScopeDispose']>;
+    readonly tryOnUnmounted: UnwrapRef<(typeof import('@vueuse/core'))['tryOnUnmounted']>;
+    readonly unref: UnwrapRef<(typeof import('vue'))['unref']>;
+    readonly unrefElement: UnwrapRef<(typeof import('@vueuse/core'))['unrefElement']>;
+    readonly until: UnwrapRef<(typeof import('@vueuse/core'))['until']>;
+    readonly useActiveElement: UnwrapRef<(typeof import('@vueuse/core'))['useActiveElement']>;
+    readonly useAnimate: UnwrapRef<(typeof import('@vueuse/core'))['useAnimate']>;
+    readonly useArrayDifference: UnwrapRef<(typeof import('@vueuse/core'))['useArrayDifference']>;
+    readonly useArrayEvery: UnwrapRef<(typeof import('@vueuse/core'))['useArrayEvery']>;
+    readonly useArrayFilter: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFilter']>;
+    readonly useArrayFind: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFind']>;
+    readonly useArrayFindIndex: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFindIndex']>;
+    readonly useArrayFindLast: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFindLast']>;
+    readonly useArrayIncludes: UnwrapRef<(typeof import('@vueuse/core'))['useArrayIncludes']>;
+    readonly useArrayJoin: UnwrapRef<(typeof import('@vueuse/core'))['useArrayJoin']>;
+    readonly useArrayMap: UnwrapRef<(typeof import('@vueuse/core'))['useArrayMap']>;
+    readonly useArrayReduce: UnwrapRef<(typeof import('@vueuse/core'))['useArrayReduce']>;
+    readonly useArraySome: UnwrapRef<(typeof import('@vueuse/core'))['useArraySome']>;
+    readonly useArrayUnique: UnwrapRef<(typeof import('@vueuse/core'))['useArrayUnique']>;
+    readonly useAsyncQueue: UnwrapRef<(typeof import('@vueuse/core'))['useAsyncQueue']>;
+    readonly useAsyncState: UnwrapRef<(typeof import('@vueuse/core'))['useAsyncState']>;
+    readonly useAttrs: UnwrapRef<(typeof import('vue'))['useAttrs']>;
+    readonly useBase64: UnwrapRef<(typeof import('@vueuse/core'))['useBase64']>;
+    readonly useBattery: UnwrapRef<(typeof import('@vueuse/core'))['useBattery']>;
+    readonly useBluetooth: UnwrapRef<(typeof import('@vueuse/core'))['useBluetooth']>;
+    readonly useBreakpoints: UnwrapRef<(typeof import('@vueuse/core'))['useBreakpoints']>;
+    readonly useBroadcastChannel: UnwrapRef<(typeof import('@vueuse/core'))['useBroadcastChannel']>;
+    readonly useBrowserLocation: UnwrapRef<(typeof import('@vueuse/core'))['useBrowserLocation']>;
+    readonly useCached: UnwrapRef<(typeof import('@vueuse/core'))['useCached']>;
+    readonly useClipboard: UnwrapRef<(typeof import('@vueuse/core'))['useClipboard']>;
+    readonly useClipboardItems: UnwrapRef<(typeof import('@vueuse/core'))['useClipboardItems']>;
+    readonly useCloned: UnwrapRef<(typeof import('@vueuse/core'))['useCloned']>;
+    readonly useColorMode: UnwrapRef<(typeof import('@vueuse/core'))['useColorMode']>;
+    readonly useConfirmDialog: UnwrapRef<(typeof import('@vueuse/core'))['useConfirmDialog']>;
+    readonly useCounter: UnwrapRef<(typeof import('@vueuse/core'))['useCounter']>;
+    readonly useCssModule: UnwrapRef<(typeof import('vue'))['useCssModule']>;
+    readonly useCssVar: UnwrapRef<(typeof import('@vueuse/core'))['useCssVar']>;
+    readonly useCssVars: UnwrapRef<(typeof import('vue'))['useCssVars']>;
+    readonly useCurrentElement: UnwrapRef<(typeof import('@vueuse/core'))['useCurrentElement']>;
+    readonly useCycleList: UnwrapRef<(typeof import('@vueuse/core'))['useCycleList']>;
+    readonly useDark: UnwrapRef<(typeof import('@vueuse/core'))['useDark']>;
+    readonly useDateFormat: UnwrapRef<(typeof import('@vueuse/core'))['useDateFormat']>;
+    readonly useDebounce: UnwrapRef<(typeof import('@vueuse/core'))['useDebounce']>;
+    readonly useDebounceFn: UnwrapRef<(typeof import('@vueuse/core'))['useDebounceFn']>;
     readonly useDebouncedRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDebouncedRefHistory"]
-    >;
-    readonly useDeviceMotion: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDeviceMotion"]
+      (typeof import('@vueuse/core'))['useDebouncedRefHistory']
     >;
+    readonly useDeviceMotion: UnwrapRef<(typeof import('@vueuse/core'))['useDeviceMotion']>;
     readonly useDeviceOrientation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDeviceOrientation"]
-    >;
-    readonly useDevicePixelRatio: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDevicePixelRatio"]
-    >;
-    readonly useDevicesList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDevicesList"]
-    >;
-    readonly useDisplayMedia: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDisplayMedia"]
+      (typeof import('@vueuse/core'))['useDeviceOrientation']
     >;
+    readonly useDevicePixelRatio: UnwrapRef<(typeof import('@vueuse/core'))['useDevicePixelRatio']>;
+    readonly useDevicesList: UnwrapRef<(typeof import('@vueuse/core'))['useDevicesList']>;
+    readonly useDisplayMedia: UnwrapRef<(typeof import('@vueuse/core'))['useDisplayMedia']>;
     readonly useDocumentVisibility: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDocumentVisibility"]
-    >;
-    readonly useDraggable: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDraggable"]
-    >;
-    readonly useDropZone: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDropZone"]
-    >;
-    readonly useElementBounding: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementBounding"]
-    >;
-    readonly useElementByPoint: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementByPoint"]
-    >;
-    readonly useElementHover: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementHover"]
-    >;
-    readonly useElementSize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementSize"]
-    >;
+      (typeof import('@vueuse/core'))['useDocumentVisibility']
+    >;
+    readonly useDraggable: UnwrapRef<(typeof import('@vueuse/core'))['useDraggable']>;
+    readonly useDropZone: UnwrapRef<(typeof import('@vueuse/core'))['useDropZone']>;
+    readonly useElementBounding: UnwrapRef<(typeof import('@vueuse/core'))['useElementBounding']>;
+    readonly useElementByPoint: UnwrapRef<(typeof import('@vueuse/core'))['useElementByPoint']>;
+    readonly useElementHover: UnwrapRef<(typeof import('@vueuse/core'))['useElementHover']>;
+    readonly useElementSize: UnwrapRef<(typeof import('@vueuse/core'))['useElementSize']>;
     readonly useElementVisibility: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementVisibility"]
-    >;
-    readonly useEventBus: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEventBus"]
-    >;
-    readonly useEventListener: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEventListener"]
-    >;
-    readonly useEventSource: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEventSource"]
-    >;
-    readonly useEyeDropper: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEyeDropper"]
-    >;
-    readonly useFavicon: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFavicon"]
-    >;
-    readonly useFetch: UnwrapRef<(typeof import("@vueuse/core"))["useFetch"]>;
-    readonly useFileDialog: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFileDialog"]
-    >;
-    readonly useFileSystemAccess: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFileSystemAccess"]
-    >;
-    readonly useFocus: UnwrapRef<(typeof import("@vueuse/core"))["useFocus"]>;
-    readonly useFocusWithin: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFocusWithin"]
-    >;
-    readonly useFps: UnwrapRef<(typeof import("@vueuse/core"))["useFps"]>;
-    readonly useFullscreen: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFullscreen"]
-    >;
-    readonly useGamepad: UnwrapRef<
-      (typeof import("@vueuse/core"))["useGamepad"]
-    >;
-    readonly useGeolocation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useGeolocation"]
-    >;
-    readonly useI18n: UnwrapRef<(typeof import("vue-i18n"))["useI18n"]>;
-    readonly useIdle: UnwrapRef<(typeof import("@vueuse/core"))["useIdle"]>;
-    readonly useImage: UnwrapRef<(typeof import("@vueuse/core"))["useImage"]>;
-    readonly useInfiniteScroll: UnwrapRef<
-      (typeof import("@vueuse/core"))["useInfiniteScroll"]
-    >;
+      (typeof import('@vueuse/core'))['useElementVisibility']
+    >;
+    readonly useEventBus: UnwrapRef<(typeof import('@vueuse/core'))['useEventBus']>;
+    readonly useEventListener: UnwrapRef<(typeof import('@vueuse/core'))['useEventListener']>;
+    readonly useEventSource: UnwrapRef<(typeof import('@vueuse/core'))['useEventSource']>;
+    readonly useEyeDropper: UnwrapRef<(typeof import('@vueuse/core'))['useEyeDropper']>;
+    readonly useFavicon: UnwrapRef<(typeof import('@vueuse/core'))['useFavicon']>;
+    readonly useFetch: UnwrapRef<(typeof import('@vueuse/core'))['useFetch']>;
+    readonly useFileDialog: UnwrapRef<(typeof import('@vueuse/core'))['useFileDialog']>;
+    readonly useFileSystemAccess: UnwrapRef<(typeof import('@vueuse/core'))['useFileSystemAccess']>;
+    readonly useFocus: UnwrapRef<(typeof import('@vueuse/core'))['useFocus']>;
+    readonly useFocusWithin: UnwrapRef<(typeof import('@vueuse/core'))['useFocusWithin']>;
+    readonly useFps: UnwrapRef<(typeof import('@vueuse/core'))['useFps']>;
+    readonly useFullscreen: UnwrapRef<(typeof import('@vueuse/core'))['useFullscreen']>;
+    readonly useGamepad: UnwrapRef<(typeof import('@vueuse/core'))['useGamepad']>;
+    readonly useGeolocation: UnwrapRef<(typeof import('@vueuse/core'))['useGeolocation']>;
+    readonly useI18n: UnwrapRef<(typeof import('vue-i18n'))['useI18n']>;
+    readonly useIdle: UnwrapRef<(typeof import('@vueuse/core'))['useIdle']>;
+    readonly useImage: UnwrapRef<(typeof import('@vueuse/core'))['useImage']>;
+    readonly useInfiniteScroll: UnwrapRef<(typeof import('@vueuse/core'))['useInfiniteScroll']>;
     readonly useIntersectionObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["useIntersectionObserver"]
-    >;
-    readonly useInterval: UnwrapRef<
-      (typeof import("@vueuse/core"))["useInterval"]
-    >;
-    readonly useIntervalFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useIntervalFn"]
-    >;
-    readonly useKeyModifier: UnwrapRef<
-      (typeof import("@vueuse/core"))["useKeyModifier"]
-    >;
-    readonly useLastChanged: UnwrapRef<
-      (typeof import("@vueuse/core"))["useLastChanged"]
-    >;
-    readonly useLink: UnwrapRef<(typeof import("vue-router"))["useLink"]>;
-    readonly useLocalStorage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useLocalStorage"]
-    >;
-    readonly useMagicKeys: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMagicKeys"]
-    >;
-    readonly useManualRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useManualRefHistory"]
-    >;
-    readonly useMediaControls: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMediaControls"]
-    >;
-    readonly useMediaQuery: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMediaQuery"]
-    >;
-    readonly useMemoize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMemoize"]
-    >;
-    readonly useMemory: UnwrapRef<(typeof import("@vueuse/core"))["useMemory"]>;
-    readonly useMounted: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMounted"]
-    >;
-    readonly useMouse: UnwrapRef<(typeof import("@vueuse/core"))["useMouse"]>;
-    readonly useMouseInElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMouseInElement"]
-    >;
-    readonly useMousePressed: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMousePressed"]
-    >;
-    readonly useMutationObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMutationObserver"]
-    >;
+      (typeof import('@vueuse/core'))['useIntersectionObserver']
+    >;
+    readonly useInterval: UnwrapRef<(typeof import('@vueuse/core'))['useInterval']>;
+    readonly useIntervalFn: UnwrapRef<(typeof import('@vueuse/core'))['useIntervalFn']>;
+    readonly useKeyModifier: UnwrapRef<(typeof import('@vueuse/core'))['useKeyModifier']>;
+    readonly useLastChanged: UnwrapRef<(typeof import('@vueuse/core'))['useLastChanged']>;
+    readonly useLink: UnwrapRef<(typeof import('vue-router'))['useLink']>;
+    readonly useLocalStorage: UnwrapRef<(typeof import('@vueuse/core'))['useLocalStorage']>;
+    readonly useMagicKeys: UnwrapRef<(typeof import('@vueuse/core'))['useMagicKeys']>;
+    readonly useManualRefHistory: UnwrapRef<(typeof import('@vueuse/core'))['useManualRefHistory']>;
+    readonly useMediaControls: UnwrapRef<(typeof import('@vueuse/core'))['useMediaControls']>;
+    readonly useMediaQuery: UnwrapRef<(typeof import('@vueuse/core'))['useMediaQuery']>;
+    readonly useMemoize: UnwrapRef<(typeof import('@vueuse/core'))['useMemoize']>;
+    readonly useMemory: UnwrapRef<(typeof import('@vueuse/core'))['useMemory']>;
+    readonly useMounted: UnwrapRef<(typeof import('@vueuse/core'))['useMounted']>;
+    readonly useMouse: UnwrapRef<(typeof import('@vueuse/core'))['useMouse']>;
+    readonly useMouseInElement: UnwrapRef<(typeof import('@vueuse/core'))['useMouseInElement']>;
+    readonly useMousePressed: UnwrapRef<(typeof import('@vueuse/core'))['useMousePressed']>;
+    readonly useMutationObserver: UnwrapRef<(typeof import('@vueuse/core'))['useMutationObserver']>;
     readonly useNavigatorLanguage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useNavigatorLanguage"]
-    >;
-    readonly useNetwork: UnwrapRef<
-      (typeof import("@vueuse/core"))["useNetwork"]
-    >;
-    readonly useNow: UnwrapRef<(typeof import("@vueuse/core"))["useNow"]>;
-    readonly useObjectUrl: UnwrapRef<
-      (typeof import("@vueuse/core"))["useObjectUrl"]
-    >;
-    readonly useOffsetPagination: UnwrapRef<
-      (typeof import("@vueuse/core"))["useOffsetPagination"]
-    >;
-    readonly useOnline: UnwrapRef<(typeof import("@vueuse/core"))["useOnline"]>;
-    readonly usePageLeave: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePageLeave"]
-    >;
-    readonly useParallax: UnwrapRef<
-      (typeof import("@vueuse/core"))["useParallax"]
-    >;
-    readonly useParentElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useParentElement"]
-    >;
+      (typeof import('@vueuse/core'))['useNavigatorLanguage']
+    >;
+    readonly useNetwork: UnwrapRef<(typeof import('@vueuse/core'))['useNetwork']>;
+    readonly useNow: UnwrapRef<(typeof import('@vueuse/core'))['useNow']>;
+    readonly useObjectUrl: UnwrapRef<(typeof import('@vueuse/core'))['useObjectUrl']>;
+    readonly useOffsetPagination: UnwrapRef<(typeof import('@vueuse/core'))['useOffsetPagination']>;
+    readonly useOnline: UnwrapRef<(typeof import('@vueuse/core'))['useOnline']>;
+    readonly usePageLeave: UnwrapRef<(typeof import('@vueuse/core'))['usePageLeave']>;
+    readonly useParallax: UnwrapRef<(typeof import('@vueuse/core'))['useParallax']>;
+    readonly useParentElement: UnwrapRef<(typeof import('@vueuse/core'))['useParentElement']>;
     readonly usePerformanceObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePerformanceObserver"]
-    >;
-    readonly usePermission: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePermission"]
-    >;
-    readonly usePointer: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePointer"]
-    >;
-    readonly usePointerLock: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePointerLock"]
-    >;
-    readonly usePointerSwipe: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePointerSwipe"]
+      (typeof import('@vueuse/core'))['usePerformanceObserver']
     >;
+    readonly usePermission: UnwrapRef<(typeof import('@vueuse/core'))['usePermission']>;
+    readonly usePointer: UnwrapRef<(typeof import('@vueuse/core'))['usePointer']>;
+    readonly usePointerLock: UnwrapRef<(typeof import('@vueuse/core'))['usePointerLock']>;
+    readonly usePointerSwipe: UnwrapRef<(typeof import('@vueuse/core'))['usePointerSwipe']>;
     readonly usePreferredColorScheme: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredColorScheme"]
+      (typeof import('@vueuse/core'))['usePreferredColorScheme']
     >;
     readonly usePreferredContrast: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredContrast"]
-    >;
-    readonly usePreferredDark: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredDark"]
+      (typeof import('@vueuse/core'))['usePreferredContrast']
     >;
+    readonly usePreferredDark: UnwrapRef<(typeof import('@vueuse/core'))['usePreferredDark']>;
     readonly usePreferredLanguages: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredLanguages"]
+      (typeof import('@vueuse/core'))['usePreferredLanguages']
     >;
     readonly usePreferredReducedMotion: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredReducedMotion"]
-    >;
-    readonly usePrevious: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePrevious"]
-    >;
-    readonly useRafFn: UnwrapRef<(typeof import("@vueuse/core"))["useRafFn"]>;
-    readonly useRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useRefHistory"]
-    >;
-    readonly useResizeObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["useResizeObserver"]
-    >;
-    readonly useRoute: UnwrapRef<(typeof import("vue-router"))["useRoute"]>;
-    readonly useRouter: UnwrapRef<(typeof import("vue-router"))["useRouter"]>;
+      (typeof import('@vueuse/core'))['usePreferredReducedMotion']
+    >;
+    readonly usePrevious: UnwrapRef<(typeof import('@vueuse/core'))['usePrevious']>;
+    readonly useRafFn: UnwrapRef<(typeof import('@vueuse/core'))['useRafFn']>;
+    readonly useRefHistory: UnwrapRef<(typeof import('@vueuse/core'))['useRefHistory']>;
+    readonly useResizeObserver: UnwrapRef<(typeof import('@vueuse/core'))['useResizeObserver']>;
+    readonly useRoute: UnwrapRef<(typeof import('vue-router'))['useRoute']>;
+    readonly useRouter: UnwrapRef<(typeof import('vue-router'))['useRouter']>;
     readonly useScreenOrientation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScreenOrientation"]
-    >;
-    readonly useScreenSafeArea: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScreenSafeArea"]
-    >;
-    readonly useScriptTag: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScriptTag"]
-    >;
-    readonly useScroll: UnwrapRef<(typeof import("@vueuse/core"))["useScroll"]>;
-    readonly useScrollLock: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScrollLock"]
-    >;
-    readonly useSessionStorage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSessionStorage"]
-    >;
-    readonly useShare: UnwrapRef<(typeof import("@vueuse/core"))["useShare"]>;
-    readonly useSlots: UnwrapRef<(typeof import("vue"))["useSlots"]>;
-    readonly useSorted: UnwrapRef<(typeof import("@vueuse/core"))["useSorted"]>;
+      (typeof import('@vueuse/core'))['useScreenOrientation']
+    >;
+    readonly useScreenSafeArea: UnwrapRef<(typeof import('@vueuse/core'))['useScreenSafeArea']>;
+    readonly useScriptTag: UnwrapRef<(typeof import('@vueuse/core'))['useScriptTag']>;
+    readonly useScroll: UnwrapRef<(typeof import('@vueuse/core'))['useScroll']>;
+    readonly useScrollLock: UnwrapRef<(typeof import('@vueuse/core'))['useScrollLock']>;
+    readonly useSessionStorage: UnwrapRef<(typeof import('@vueuse/core'))['useSessionStorage']>;
+    readonly useShare: UnwrapRef<(typeof import('@vueuse/core'))['useShare']>;
+    readonly useSlots: UnwrapRef<(typeof import('vue'))['useSlots']>;
+    readonly useSorted: UnwrapRef<(typeof import('@vueuse/core'))['useSorted']>;
     readonly useSpeechRecognition: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSpeechRecognition"]
-    >;
-    readonly useSpeechSynthesis: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSpeechSynthesis"]
-    >;
-    readonly useStepper: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStepper"]
-    >;
-    readonly useStorage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStorage"]
-    >;
-    readonly useStorageAsync: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStorageAsync"]
-    >;
-    readonly useStyleTag: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStyleTag"]
-    >;
-    readonly useSupported: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSupported"]
-    >;
-    readonly useSwipe: UnwrapRef<(typeof import("@vueuse/core"))["useSwipe"]>;
-    readonly useTemplateRefsList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTemplateRefsList"]
-    >;
-    readonly useTextDirection: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTextDirection"]
-    >;
-    readonly useTextSelection: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTextSelection"]
-    >;
-    readonly useTextareaAutosize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTextareaAutosize"]
-    >;
-    readonly useThrottle: UnwrapRef<
-      (typeof import("@vueuse/core"))["useThrottle"]
-    >;
-    readonly useThrottleFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useThrottleFn"]
-    >;
+      (typeof import('@vueuse/core'))['useSpeechRecognition']
+    >;
+    readonly useSpeechSynthesis: UnwrapRef<(typeof import('@vueuse/core'))['useSpeechSynthesis']>;
+    readonly useStepper: UnwrapRef<(typeof import('@vueuse/core'))['useStepper']>;
+    readonly useStorage: UnwrapRef<(typeof import('@vueuse/core'))['useStorage']>;
+    readonly useStorageAsync: UnwrapRef<(typeof import('@vueuse/core'))['useStorageAsync']>;
+    readonly useStyleTag: UnwrapRef<(typeof import('@vueuse/core'))['useStyleTag']>;
+    readonly useSupported: UnwrapRef<(typeof import('@vueuse/core'))['useSupported']>;
+    readonly useSwipe: UnwrapRef<(typeof import('@vueuse/core'))['useSwipe']>;
+    readonly useTemplateRefsList: UnwrapRef<(typeof import('@vueuse/core'))['useTemplateRefsList']>;
+    readonly useTextDirection: UnwrapRef<(typeof import('@vueuse/core'))['useTextDirection']>;
+    readonly useTextSelection: UnwrapRef<(typeof import('@vueuse/core'))['useTextSelection']>;
+    readonly useTextareaAutosize: UnwrapRef<(typeof import('@vueuse/core'))['useTextareaAutosize']>;
+    readonly useThrottle: UnwrapRef<(typeof import('@vueuse/core'))['useThrottle']>;
+    readonly useThrottleFn: UnwrapRef<(typeof import('@vueuse/core'))['useThrottleFn']>;
     readonly useThrottledRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useThrottledRefHistory"]
-    >;
-    readonly useTimeAgo: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeAgo"]
-    >;
-    readonly useTimeout: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeout"]
-    >;
-    readonly useTimeoutFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeoutFn"]
-    >;
-    readonly useTimeoutPoll: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeoutPoll"]
-    >;
-    readonly useTimestamp: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimestamp"]
-    >;
-    readonly useTitle: UnwrapRef<(typeof import("@vueuse/core"))["useTitle"]>;
-    readonly useToNumber: UnwrapRef<
-      (typeof import("@vueuse/core"))["useToNumber"]
-    >;
-    readonly useToString: UnwrapRef<
-      (typeof import("@vueuse/core"))["useToString"]
-    >;
-    readonly useToggle: UnwrapRef<(typeof import("@vueuse/core"))["useToggle"]>;
-    readonly useTransition: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTransition"]
-    >;
-    readonly useUrlSearchParams: UnwrapRef<
-      (typeof import("@vueuse/core"))["useUrlSearchParams"]
-    >;
-    readonly useUserMedia: UnwrapRef<
-      (typeof import("@vueuse/core"))["useUserMedia"]
-    >;
-    readonly useVModel: UnwrapRef<(typeof import("@vueuse/core"))["useVModel"]>;
-    readonly useVModels: UnwrapRef<
-      (typeof import("@vueuse/core"))["useVModels"]
-    >;
-    readonly useVibrate: UnwrapRef<
-      (typeof import("@vueuse/core"))["useVibrate"]
-    >;
-    readonly useVirtualList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useVirtualList"]
-    >;
-    readonly useWakeLock: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWakeLock"]
-    >;
-    readonly useWebNotification: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebNotification"]
-    >;
-    readonly useWebSocket: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebSocket"]
-    >;
-    readonly useWebWorker: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebWorker"]
-    >;
-    readonly useWebWorkerFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebWorkerFn"]
-    >;
-    readonly useWindowFocus: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWindowFocus"]
-    >;
-    readonly useWindowScroll: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWindowScroll"]
-    >;
-    readonly useWindowSize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWindowSize"]
-    >;
-    readonly watch: UnwrapRef<(typeof import("vue"))["watch"]>;
-    readonly watchArray: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchArray"]
-    >;
-    readonly watchAtMost: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchAtMost"]
-    >;
-    readonly watchDebounced: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchDebounced"]
-    >;
-    readonly watchDeep: UnwrapRef<(typeof import("@vueuse/core"))["watchDeep"]>;
-    readonly watchEffect: UnwrapRef<(typeof import("vue"))["watchEffect"]>;
-    readonly watchIgnorable: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchIgnorable"]
-    >;
-    readonly watchImmediate: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchImmediate"]
-    >;
-    readonly watchOnce: UnwrapRef<(typeof import("@vueuse/core"))["watchOnce"]>;
-    readonly watchPausable: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchPausable"]
-    >;
-    readonly watchPostEffect: UnwrapRef<
-      (typeof import("vue"))["watchPostEffect"]
-    >;
-    readonly watchSyncEffect: UnwrapRef<
-      (typeof import("vue"))["watchSyncEffect"]
-    >;
-    readonly watchThrottled: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchThrottled"]
-    >;
-    readonly watchTriggerable: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchTriggerable"]
-    >;
-    readonly watchWithFilter: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchWithFilter"]
-    >;
-    readonly whenever: UnwrapRef<(typeof import("@vueuse/core"))["whenever"]>;
+      (typeof import('@vueuse/core'))['useThrottledRefHistory']
+    >;
+    readonly useTimeAgo: UnwrapRef<(typeof import('@vueuse/core'))['useTimeAgo']>;
+    readonly useTimeout: UnwrapRef<(typeof import('@vueuse/core'))['useTimeout']>;
+    readonly useTimeoutFn: UnwrapRef<(typeof import('@vueuse/core'))['useTimeoutFn']>;
+    readonly useTimeoutPoll: UnwrapRef<(typeof import('@vueuse/core'))['useTimeoutPoll']>;
+    readonly useTimestamp: UnwrapRef<(typeof import('@vueuse/core'))['useTimestamp']>;
+    readonly useTitle: UnwrapRef<(typeof import('@vueuse/core'))['useTitle']>;
+    readonly useToNumber: UnwrapRef<(typeof import('@vueuse/core'))['useToNumber']>;
+    readonly useToString: UnwrapRef<(typeof import('@vueuse/core'))['useToString']>;
+    readonly useToggle: UnwrapRef<(typeof import('@vueuse/core'))['useToggle']>;
+    readonly useTransition: UnwrapRef<(typeof import('@vueuse/core'))['useTransition']>;
+    readonly useUrlSearchParams: UnwrapRef<(typeof import('@vueuse/core'))['useUrlSearchParams']>;
+    readonly useUserMedia: UnwrapRef<(typeof import('@vueuse/core'))['useUserMedia']>;
+    readonly useVModel: UnwrapRef<(typeof import('@vueuse/core'))['useVModel']>;
+    readonly useVModels: UnwrapRef<(typeof import('@vueuse/core'))['useVModels']>;
+    readonly useVibrate: UnwrapRef<(typeof import('@vueuse/core'))['useVibrate']>;
+    readonly useVirtualList: UnwrapRef<(typeof import('@vueuse/core'))['useVirtualList']>;
+    readonly useWakeLock: UnwrapRef<(typeof import('@vueuse/core'))['useWakeLock']>;
+    readonly useWebNotification: UnwrapRef<(typeof import('@vueuse/core'))['useWebNotification']>;
+    readonly useWebSocket: UnwrapRef<(typeof import('@vueuse/core'))['useWebSocket']>;
+    readonly useWebWorker: UnwrapRef<(typeof import('@vueuse/core'))['useWebWorker']>;
+    readonly useWebWorkerFn: UnwrapRef<(typeof import('@vueuse/core'))['useWebWorkerFn']>;
+    readonly useWindowFocus: UnwrapRef<(typeof import('@vueuse/core'))['useWindowFocus']>;
+    readonly useWindowScroll: UnwrapRef<(typeof import('@vueuse/core'))['useWindowScroll']>;
+    readonly useWindowSize: UnwrapRef<(typeof import('@vueuse/core'))['useWindowSize']>;
+    readonly watch: UnwrapRef<(typeof import('vue'))['watch']>;
+    readonly watchArray: UnwrapRef<(typeof import('@vueuse/core'))['watchArray']>;
+    readonly watchAtMost: UnwrapRef<(typeof import('@vueuse/core'))['watchAtMost']>;
+    readonly watchDebounced: UnwrapRef<(typeof import('@vueuse/core'))['watchDebounced']>;
+    readonly watchDeep: UnwrapRef<(typeof import('@vueuse/core'))['watchDeep']>;
+    readonly watchEffect: UnwrapRef<(typeof import('vue'))['watchEffect']>;
+    readonly watchIgnorable: UnwrapRef<(typeof import('@vueuse/core'))['watchIgnorable']>;
+    readonly watchImmediate: UnwrapRef<(typeof import('@vueuse/core'))['watchImmediate']>;
+    readonly watchOnce: UnwrapRef<(typeof import('@vueuse/core'))['watchOnce']>;
+    readonly watchPausable: UnwrapRef<(typeof import('@vueuse/core'))['watchPausable']>;
+    readonly watchPostEffect: UnwrapRef<(typeof import('vue'))['watchPostEffect']>;
+    readonly watchSyncEffect: UnwrapRef<(typeof import('vue'))['watchSyncEffect']>;
+    readonly watchThrottled: UnwrapRef<(typeof import('@vueuse/core'))['watchThrottled']>;
+    readonly watchTriggerable: UnwrapRef<(typeof import('@vueuse/core'))['watchTriggerable']>;
+    readonly watchWithFilter: UnwrapRef<(typeof import('@vueuse/core'))['watchWithFilter']>;
+    readonly whenever: UnwrapRef<(typeof import('@vueuse/core'))['whenever']>;
   }
 }
-declare module "@vue/runtime-core" {
+declare module '@vue/runtime-core' {
   interface GlobalComponents {}
   interface ComponentCustomProperties {
-    readonly EffectScope: UnwrapRef<(typeof import("vue"))["EffectScope"]>;
-    readonly ElMessage: UnwrapRef<
-      (typeof import("element-plus/es"))["ElMessage"]
-    >;
-    readonly ElMessageBox: UnwrapRef<
-      (typeof import("element-plus/es"))["ElMessageBox"]
-    >;
-    readonly acceptHMRUpdate: UnwrapRef<
-      (typeof import("pinia"))["acceptHMRUpdate"]
-    >;
-    readonly asyncComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["asyncComputed"]
-    >;
-    readonly autoResetRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["autoResetRef"]
-    >;
-    readonly computed: UnwrapRef<(typeof import("vue"))["computed"]>;
-    readonly computedAsync: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedAsync"]
-    >;
-    readonly computedEager: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedEager"]
-    >;
-    readonly computedInject: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedInject"]
-    >;
-    readonly computedWithControl: UnwrapRef<
-      (typeof import("@vueuse/core"))["computedWithControl"]
-    >;
-    readonly controlledComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["controlledComputed"]
-    >;
-    readonly controlledRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["controlledRef"]
-    >;
-    readonly createApp: UnwrapRef<(typeof import("vue"))["createApp"]>;
-    readonly createEventHook: UnwrapRef<
-      (typeof import("@vueuse/core"))["createEventHook"]
-    >;
-    readonly createGlobalState: UnwrapRef<
-      (typeof import("@vueuse/core"))["createGlobalState"]
-    >;
+    readonly EffectScope: UnwrapRef<(typeof import('vue'))['EffectScope']>;
+    readonly ElMessage: UnwrapRef<(typeof import('element-plus/es'))['ElMessage']>;
+    readonly ElMessageBox: UnwrapRef<(typeof import('element-plus/es'))['ElMessageBox']>;
+    readonly acceptHMRUpdate: UnwrapRef<(typeof import('pinia'))['acceptHMRUpdate']>;
+    readonly asyncComputed: UnwrapRef<(typeof import('@vueuse/core'))['asyncComputed']>;
+    readonly autoResetRef: UnwrapRef<(typeof import('@vueuse/core'))['autoResetRef']>;
+    readonly computed: UnwrapRef<(typeof import('vue'))['computed']>;
+    readonly computedAsync: UnwrapRef<(typeof import('@vueuse/core'))['computedAsync']>;
+    readonly computedEager: UnwrapRef<(typeof import('@vueuse/core'))['computedEager']>;
+    readonly computedInject: UnwrapRef<(typeof import('@vueuse/core'))['computedInject']>;
+    readonly computedWithControl: UnwrapRef<(typeof import('@vueuse/core'))['computedWithControl']>;
+    readonly controlledComputed: UnwrapRef<(typeof import('@vueuse/core'))['controlledComputed']>;
+    readonly controlledRef: UnwrapRef<(typeof import('@vueuse/core'))['controlledRef']>;
+    readonly createApp: UnwrapRef<(typeof import('vue'))['createApp']>;
+    readonly createEventHook: UnwrapRef<(typeof import('@vueuse/core'))['createEventHook']>;
+    readonly createGlobalState: UnwrapRef<(typeof import('@vueuse/core'))['createGlobalState']>;
     readonly createInjectionState: UnwrapRef<
-      (typeof import("@vueuse/core"))["createInjectionState"]
-    >;
-    readonly createPinia: UnwrapRef<(typeof import("pinia"))["createPinia"]>;
-    readonly createReactiveFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["createReactiveFn"]
+      (typeof import('@vueuse/core'))['createInjectionState']
     >;
+    readonly createPinia: UnwrapRef<(typeof import('pinia'))['createPinia']>;
+    readonly createReactiveFn: UnwrapRef<(typeof import('@vueuse/core'))['createReactiveFn']>;
     readonly createReusableTemplate: UnwrapRef<
-      (typeof import("@vueuse/core"))["createReusableTemplate"]
+      (typeof import('@vueuse/core'))['createReusableTemplate']
     >;
     readonly createSharedComposable: UnwrapRef<
-      (typeof import("@vueuse/core"))["createSharedComposable"]
+      (typeof import('@vueuse/core'))['createSharedComposable']
     >;
     readonly createTemplatePromise: UnwrapRef<
-      (typeof import("@vueuse/core"))["createTemplatePromise"]
-    >;
-    readonly createUnrefFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["createUnrefFn"]
-    >;
-    readonly customRef: UnwrapRef<(typeof import("vue"))["customRef"]>;
-    readonly debouncedRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["debouncedRef"]
-    >;
-    readonly debouncedWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["debouncedWatch"]
-    >;
-    readonly defineAsyncComponent: UnwrapRef<
-      (typeof import("vue"))["defineAsyncComponent"]
-    >;
-    readonly defineComponent: UnwrapRef<
-      (typeof import("vue"))["defineComponent"]
-    >;
-    readonly defineStore: UnwrapRef<(typeof import("pinia"))["defineStore"]>;
-    readonly eagerComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["eagerComputed"]
-    >;
-    readonly effectScope: UnwrapRef<(typeof import("vue"))["effectScope"]>;
-    readonly extendRef: UnwrapRef<(typeof import("@vueuse/core"))["extendRef"]>;
-    readonly getActivePinia: UnwrapRef<
-      (typeof import("pinia"))["getActivePinia"]
-    >;
-    readonly getCurrentInstance: UnwrapRef<
-      (typeof import("vue"))["getCurrentInstance"]
-    >;
-    readonly getCurrentScope: UnwrapRef<
-      (typeof import("vue"))["getCurrentScope"]
-    >;
-    readonly h: UnwrapRef<(typeof import("vue"))["h"]>;
-    readonly ignorableWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["ignorableWatch"]
-    >;
-    readonly inject: UnwrapRef<(typeof import("vue"))["inject"]>;
-    readonly injectLocal: UnwrapRef<
-      (typeof import("@vueuse/core"))["injectLocal"]
-    >;
-    readonly isDefined: UnwrapRef<(typeof import("@vueuse/core"))["isDefined"]>;
-    readonly isProxy: UnwrapRef<(typeof import("vue"))["isProxy"]>;
-    readonly isReactive: UnwrapRef<(typeof import("vue"))["isReactive"]>;
-    readonly isReadonly: UnwrapRef<(typeof import("vue"))["isReadonly"]>;
-    readonly isRef: UnwrapRef<(typeof import("vue"))["isRef"]>;
-    readonly makeDestructurable: UnwrapRef<
-      (typeof import("@vueuse/core"))["makeDestructurable"]
-    >;
-    readonly mapActions: UnwrapRef<(typeof import("pinia"))["mapActions"]>;
-    readonly mapGetters: UnwrapRef<(typeof import("pinia"))["mapGetters"]>;
-    readonly mapState: UnwrapRef<(typeof import("pinia"))["mapState"]>;
-    readonly mapStores: UnwrapRef<(typeof import("pinia"))["mapStores"]>;
-    readonly mapWritableState: UnwrapRef<
-      (typeof import("pinia"))["mapWritableState"]
-    >;
-    readonly markRaw: UnwrapRef<(typeof import("vue"))["markRaw"]>;
-    readonly nextTick: UnwrapRef<(typeof import("vue"))["nextTick"]>;
-    readonly onActivated: UnwrapRef<(typeof import("vue"))["onActivated"]>;
-    readonly onBeforeMount: UnwrapRef<(typeof import("vue"))["onBeforeMount"]>;
-    readonly onBeforeRouteLeave: UnwrapRef<
-      (typeof import("vue-router"))["onBeforeRouteLeave"]
-    >;
-    readonly onBeforeRouteUpdate: UnwrapRef<
-      (typeof import("vue-router"))["onBeforeRouteUpdate"]
-    >;
-    readonly onBeforeUnmount: UnwrapRef<
-      (typeof import("vue"))["onBeforeUnmount"]
-    >;
-    readonly onBeforeUpdate: UnwrapRef<
-      (typeof import("vue"))["onBeforeUpdate"]
-    >;
-    readonly onClickOutside: UnwrapRef<
-      (typeof import("@vueuse/core"))["onClickOutside"]
-    >;
-    readonly onDeactivated: UnwrapRef<(typeof import("vue"))["onDeactivated"]>;
-    readonly onErrorCaptured: UnwrapRef<
-      (typeof import("vue"))["onErrorCaptured"]
-    >;
-    readonly onKeyStroke: UnwrapRef<
-      (typeof import("@vueuse/core"))["onKeyStroke"]
-    >;
-    readonly onLongPress: UnwrapRef<
-      (typeof import("@vueuse/core"))["onLongPress"]
-    >;
-    readonly onMounted: UnwrapRef<(typeof import("vue"))["onMounted"]>;
-    readonly onRenderTracked: UnwrapRef<
-      (typeof import("vue"))["onRenderTracked"]
-    >;
-    readonly onRenderTriggered: UnwrapRef<
-      (typeof import("vue"))["onRenderTriggered"]
-    >;
-    readonly onScopeDispose: UnwrapRef<
-      (typeof import("vue"))["onScopeDispose"]
-    >;
-    readonly onServerPrefetch: UnwrapRef<
-      (typeof import("vue"))["onServerPrefetch"]
-    >;
-    readonly onStartTyping: UnwrapRef<
-      (typeof import("@vueuse/core"))["onStartTyping"]
-    >;
-    readonly onUnmounted: UnwrapRef<(typeof import("vue"))["onUnmounted"]>;
-    readonly onUpdated: UnwrapRef<(typeof import("vue"))["onUpdated"]>;
-    readonly pausableWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["pausableWatch"]
-    >;
-    readonly provide: UnwrapRef<(typeof import("vue"))["provide"]>;
-    readonly provideLocal: UnwrapRef<
-      (typeof import("@vueuse/core"))["provideLocal"]
-    >;
-    readonly reactify: UnwrapRef<(typeof import("@vueuse/core"))["reactify"]>;
-    readonly reactifyObject: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactifyObject"]
-    >;
-    readonly reactive: UnwrapRef<(typeof import("vue"))["reactive"]>;
-    readonly reactiveComputed: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactiveComputed"]
-    >;
-    readonly reactiveOmit: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactiveOmit"]
-    >;
-    readonly reactivePick: UnwrapRef<
-      (typeof import("@vueuse/core"))["reactivePick"]
-    >;
-    readonly readonly: UnwrapRef<(typeof import("vue"))["readonly"]>;
-    readonly ref: UnwrapRef<(typeof import("vue"))["ref"]>;
-    readonly refAutoReset: UnwrapRef<
-      (typeof import("@vueuse/core"))["refAutoReset"]
-    >;
-    readonly refDebounced: UnwrapRef<
-      (typeof import("@vueuse/core"))["refDebounced"]
-    >;
-    readonly refDefault: UnwrapRef<
-      (typeof import("@vueuse/core"))["refDefault"]
-    >;
-    readonly refThrottled: UnwrapRef<
-      (typeof import("@vueuse/core"))["refThrottled"]
-    >;
-    readonly refWithControl: UnwrapRef<
-      (typeof import("@vueuse/core"))["refWithControl"]
-    >;
-    readonly resolveComponent: UnwrapRef<
-      (typeof import("vue"))["resolveComponent"]
-    >;
-    readonly resolveRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["resolveRef"]
-    >;
-    readonly resolveUnref: UnwrapRef<
-      (typeof import("@vueuse/core"))["resolveUnref"]
-    >;
-    readonly setActivePinia: UnwrapRef<
-      (typeof import("pinia"))["setActivePinia"]
-    >;
-    readonly setMapStoreSuffix: UnwrapRef<
-      (typeof import("pinia"))["setMapStoreSuffix"]
-    >;
-    readonly shallowReactive: UnwrapRef<
-      (typeof import("vue"))["shallowReactive"]
-    >;
-    readonly shallowReadonly: UnwrapRef<
-      (typeof import("vue"))["shallowReadonly"]
-    >;
-    readonly shallowRef: UnwrapRef<(typeof import("vue"))["shallowRef"]>;
-    readonly storeToRefs: UnwrapRef<(typeof import("pinia"))["storeToRefs"]>;
-    readonly syncRef: UnwrapRef<(typeof import("@vueuse/core"))["syncRef"]>;
-    readonly syncRefs: UnwrapRef<(typeof import("@vueuse/core"))["syncRefs"]>;
-    readonly templateRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["templateRef"]
-    >;
-    readonly throttledRef: UnwrapRef<
-      (typeof import("@vueuse/core"))["throttledRef"]
-    >;
-    readonly throttledWatch: UnwrapRef<
-      (typeof import("@vueuse/core"))["throttledWatch"]
-    >;
-    readonly toRaw: UnwrapRef<(typeof import("vue"))["toRaw"]>;
-    readonly toReactive: UnwrapRef<
-      (typeof import("@vueuse/core"))["toReactive"]
-    >;
-    readonly toRef: UnwrapRef<(typeof import("vue"))["toRef"]>;
-    readonly toRefs: UnwrapRef<(typeof import("vue"))["toRefs"]>;
-    readonly toValue: UnwrapRef<(typeof import("vue"))["toValue"]>;
-    readonly triggerRef: UnwrapRef<(typeof import("vue"))["triggerRef"]>;
-    readonly tryOnBeforeMount: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnBeforeMount"]
-    >;
-    readonly tryOnBeforeUnmount: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnBeforeUnmount"]
-    >;
-    readonly tryOnMounted: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnMounted"]
-    >;
-    readonly tryOnScopeDispose: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnScopeDispose"]
-    >;
-    readonly tryOnUnmounted: UnwrapRef<
-      (typeof import("@vueuse/core"))["tryOnUnmounted"]
-    >;
-    readonly unref: UnwrapRef<(typeof import("vue"))["unref"]>;
-    readonly unrefElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["unrefElement"]
-    >;
-    readonly until: UnwrapRef<(typeof import("@vueuse/core"))["until"]>;
-    readonly useActiveElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useActiveElement"]
-    >;
-    readonly useAnimate: UnwrapRef<
-      (typeof import("@vueuse/core"))["useAnimate"]
-    >;
-    readonly useArrayDifference: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayDifference"]
-    >;
-    readonly useArrayEvery: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayEvery"]
-    >;
-    readonly useArrayFilter: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFilter"]
-    >;
-    readonly useArrayFind: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFind"]
-    >;
-    readonly useArrayFindIndex: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFindIndex"]
-    >;
-    readonly useArrayFindLast: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayFindLast"]
-    >;
-    readonly useArrayIncludes: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayIncludes"]
-    >;
-    readonly useArrayJoin: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayJoin"]
-    >;
-    readonly useArrayMap: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayMap"]
-    >;
-    readonly useArrayReduce: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayReduce"]
-    >;
-    readonly useArraySome: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArraySome"]
-    >;
-    readonly useArrayUnique: UnwrapRef<
-      (typeof import("@vueuse/core"))["useArrayUnique"]
-    >;
-    readonly useAsyncQueue: UnwrapRef<
-      (typeof import("@vueuse/core"))["useAsyncQueue"]
-    >;
-    readonly useAsyncState: UnwrapRef<
-      (typeof import("@vueuse/core"))["useAsyncState"]
-    >;
-    readonly useAttrs: UnwrapRef<(typeof import("vue"))["useAttrs"]>;
-    readonly useBase64: UnwrapRef<(typeof import("@vueuse/core"))["useBase64"]>;
-    readonly useBattery: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBattery"]
-    >;
-    readonly useBluetooth: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBluetooth"]
-    >;
-    readonly useBreakpoints: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBreakpoints"]
-    >;
-    readonly useBroadcastChannel: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBroadcastChannel"]
-    >;
-    readonly useBrowserLocation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useBrowserLocation"]
-    >;
-    readonly useCached: UnwrapRef<(typeof import("@vueuse/core"))["useCached"]>;
-    readonly useClipboard: UnwrapRef<
-      (typeof import("@vueuse/core"))["useClipboard"]
-    >;
-    readonly useClipboardItems: UnwrapRef<
-      (typeof import("@vueuse/core"))["useClipboardItems"]
-    >;
-    readonly useCloned: UnwrapRef<(typeof import("@vueuse/core"))["useCloned"]>;
-    readonly useColorMode: UnwrapRef<
-      (typeof import("@vueuse/core"))["useColorMode"]
-    >;
-    readonly useConfirmDialog: UnwrapRef<
-      (typeof import("@vueuse/core"))["useConfirmDialog"]
-    >;
-    readonly useCounter: UnwrapRef<
-      (typeof import("@vueuse/core"))["useCounter"]
-    >;
-    readonly useCssModule: UnwrapRef<(typeof import("vue"))["useCssModule"]>;
-    readonly useCssVar: UnwrapRef<(typeof import("@vueuse/core"))["useCssVar"]>;
-    readonly useCssVars: UnwrapRef<(typeof import("vue"))["useCssVars"]>;
-    readonly useCurrentElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useCurrentElement"]
-    >;
-    readonly useCycleList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useCycleList"]
-    >;
-    readonly useDark: UnwrapRef<(typeof import("@vueuse/core"))["useDark"]>;
-    readonly useDateFormat: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDateFormat"]
-    >;
-    readonly useDebounce: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDebounce"]
-    >;
-    readonly useDebounceFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDebounceFn"]
-    >;
+      (typeof import('@vueuse/core'))['createTemplatePromise']
+    >;
+    readonly createUnrefFn: UnwrapRef<(typeof import('@vueuse/core'))['createUnrefFn']>;
+    readonly customRef: UnwrapRef<(typeof import('vue'))['customRef']>;
+    readonly debouncedRef: UnwrapRef<(typeof import('@vueuse/core'))['debouncedRef']>;
+    readonly debouncedWatch: UnwrapRef<(typeof import('@vueuse/core'))['debouncedWatch']>;
+    readonly defineAsyncComponent: UnwrapRef<(typeof import('vue'))['defineAsyncComponent']>;
+    readonly defineComponent: UnwrapRef<(typeof import('vue'))['defineComponent']>;
+    readonly defineStore: UnwrapRef<(typeof import('pinia'))['defineStore']>;
+    readonly eagerComputed: UnwrapRef<(typeof import('@vueuse/core'))['eagerComputed']>;
+    readonly effectScope: UnwrapRef<(typeof import('vue'))['effectScope']>;
+    readonly extendRef: UnwrapRef<(typeof import('@vueuse/core'))['extendRef']>;
+    readonly getActivePinia: UnwrapRef<(typeof import('pinia'))['getActivePinia']>;
+    readonly getCurrentInstance: UnwrapRef<(typeof import('vue'))['getCurrentInstance']>;
+    readonly getCurrentScope: UnwrapRef<(typeof import('vue'))['getCurrentScope']>;
+    readonly h: UnwrapRef<(typeof import('vue'))['h']>;
+    readonly ignorableWatch: UnwrapRef<(typeof import('@vueuse/core'))['ignorableWatch']>;
+    readonly inject: UnwrapRef<(typeof import('vue'))['inject']>;
+    readonly injectLocal: UnwrapRef<(typeof import('@vueuse/core'))['injectLocal']>;
+    readonly isDefined: UnwrapRef<(typeof import('@vueuse/core'))['isDefined']>;
+    readonly isProxy: UnwrapRef<(typeof import('vue'))['isProxy']>;
+    readonly isReactive: UnwrapRef<(typeof import('vue'))['isReactive']>;
+    readonly isReadonly: UnwrapRef<(typeof import('vue'))['isReadonly']>;
+    readonly isRef: UnwrapRef<(typeof import('vue'))['isRef']>;
+    readonly makeDestructurable: UnwrapRef<(typeof import('@vueuse/core'))['makeDestructurable']>;
+    readonly mapActions: UnwrapRef<(typeof import('pinia'))['mapActions']>;
+    readonly mapGetters: UnwrapRef<(typeof import('pinia'))['mapGetters']>;
+    readonly mapState: UnwrapRef<(typeof import('pinia'))['mapState']>;
+    readonly mapStores: UnwrapRef<(typeof import('pinia'))['mapStores']>;
+    readonly mapWritableState: UnwrapRef<(typeof import('pinia'))['mapWritableState']>;
+    readonly markRaw: UnwrapRef<(typeof import('vue'))['markRaw']>;
+    readonly nextTick: UnwrapRef<(typeof import('vue'))['nextTick']>;
+    readonly onActivated: UnwrapRef<(typeof import('vue'))['onActivated']>;
+    readonly onBeforeMount: UnwrapRef<(typeof import('vue'))['onBeforeMount']>;
+    readonly onBeforeRouteLeave: UnwrapRef<(typeof import('vue-router'))['onBeforeRouteLeave']>;
+    readonly onBeforeRouteUpdate: UnwrapRef<(typeof import('vue-router'))['onBeforeRouteUpdate']>;
+    readonly onBeforeUnmount: UnwrapRef<(typeof import('vue'))['onBeforeUnmount']>;
+    readonly onBeforeUpdate: UnwrapRef<(typeof import('vue'))['onBeforeUpdate']>;
+    readonly onClickOutside: UnwrapRef<(typeof import('@vueuse/core'))['onClickOutside']>;
+    readonly onDeactivated: UnwrapRef<(typeof import('vue'))['onDeactivated']>;
+    readonly onErrorCaptured: UnwrapRef<(typeof import('vue'))['onErrorCaptured']>;
+    readonly onKeyStroke: UnwrapRef<(typeof import('@vueuse/core'))['onKeyStroke']>;
+    readonly onLongPress: UnwrapRef<(typeof import('@vueuse/core'))['onLongPress']>;
+    readonly onMounted: UnwrapRef<(typeof import('vue'))['onMounted']>;
+    readonly onRenderTracked: UnwrapRef<(typeof import('vue'))['onRenderTracked']>;
+    readonly onRenderTriggered: UnwrapRef<(typeof import('vue'))['onRenderTriggered']>;
+    readonly onScopeDispose: UnwrapRef<(typeof import('vue'))['onScopeDispose']>;
+    readonly onServerPrefetch: UnwrapRef<(typeof import('vue'))['onServerPrefetch']>;
+    readonly onStartTyping: UnwrapRef<(typeof import('@vueuse/core'))['onStartTyping']>;
+    readonly onUnmounted: UnwrapRef<(typeof import('vue'))['onUnmounted']>;
+    readonly onUpdated: UnwrapRef<(typeof import('vue'))['onUpdated']>;
+    readonly pausableWatch: UnwrapRef<(typeof import('@vueuse/core'))['pausableWatch']>;
+    readonly provide: UnwrapRef<(typeof import('vue'))['provide']>;
+    readonly provideLocal: UnwrapRef<(typeof import('@vueuse/core'))['provideLocal']>;
+    readonly reactify: UnwrapRef<(typeof import('@vueuse/core'))['reactify']>;
+    readonly reactifyObject: UnwrapRef<(typeof import('@vueuse/core'))['reactifyObject']>;
+    readonly reactive: UnwrapRef<(typeof import('vue'))['reactive']>;
+    readonly reactiveComputed: UnwrapRef<(typeof import('@vueuse/core'))['reactiveComputed']>;
+    readonly reactiveOmit: UnwrapRef<(typeof import('@vueuse/core'))['reactiveOmit']>;
+    readonly reactivePick: UnwrapRef<(typeof import('@vueuse/core'))['reactivePick']>;
+    readonly readonly: UnwrapRef<(typeof import('vue'))['readonly']>;
+    readonly ref: UnwrapRef<(typeof import('vue'))['ref']>;
+    readonly refAutoReset: UnwrapRef<(typeof import('@vueuse/core'))['refAutoReset']>;
+    readonly refDebounced: UnwrapRef<(typeof import('@vueuse/core'))['refDebounced']>;
+    readonly refDefault: UnwrapRef<(typeof import('@vueuse/core'))['refDefault']>;
+    readonly refThrottled: UnwrapRef<(typeof import('@vueuse/core'))['refThrottled']>;
+    readonly refWithControl: UnwrapRef<(typeof import('@vueuse/core'))['refWithControl']>;
+    readonly resolveComponent: UnwrapRef<(typeof import('vue'))['resolveComponent']>;
+    readonly resolveRef: UnwrapRef<(typeof import('@vueuse/core'))['resolveRef']>;
+    readonly resolveUnref: UnwrapRef<(typeof import('@vueuse/core'))['resolveUnref']>;
+    readonly setActivePinia: UnwrapRef<(typeof import('pinia'))['setActivePinia']>;
+    readonly setMapStoreSuffix: UnwrapRef<(typeof import('pinia'))['setMapStoreSuffix']>;
+    readonly shallowReactive: UnwrapRef<(typeof import('vue'))['shallowReactive']>;
+    readonly shallowReadonly: UnwrapRef<(typeof import('vue'))['shallowReadonly']>;
+    readonly shallowRef: UnwrapRef<(typeof import('vue'))['shallowRef']>;
+    readonly storeToRefs: UnwrapRef<(typeof import('pinia'))['storeToRefs']>;
+    readonly syncRef: UnwrapRef<(typeof import('@vueuse/core'))['syncRef']>;
+    readonly syncRefs: UnwrapRef<(typeof import('@vueuse/core'))['syncRefs']>;
+    readonly templateRef: UnwrapRef<(typeof import('@vueuse/core'))['templateRef']>;
+    readonly throttledRef: UnwrapRef<(typeof import('@vueuse/core'))['throttledRef']>;
+    readonly throttledWatch: UnwrapRef<(typeof import('@vueuse/core'))['throttledWatch']>;
+    readonly toRaw: UnwrapRef<(typeof import('vue'))['toRaw']>;
+    readonly toReactive: UnwrapRef<(typeof import('@vueuse/core'))['toReactive']>;
+    readonly toRef: UnwrapRef<(typeof import('vue'))['toRef']>;
+    readonly toRefs: UnwrapRef<(typeof import('vue'))['toRefs']>;
+    readonly toValue: UnwrapRef<(typeof import('vue'))['toValue']>;
+    readonly triggerRef: UnwrapRef<(typeof import('vue'))['triggerRef']>;
+    readonly tryOnBeforeMount: UnwrapRef<(typeof import('@vueuse/core'))['tryOnBeforeMount']>;
+    readonly tryOnBeforeUnmount: UnwrapRef<(typeof import('@vueuse/core'))['tryOnBeforeUnmount']>;
+    readonly tryOnMounted: UnwrapRef<(typeof import('@vueuse/core'))['tryOnMounted']>;
+    readonly tryOnScopeDispose: UnwrapRef<(typeof import('@vueuse/core'))['tryOnScopeDispose']>;
+    readonly tryOnUnmounted: UnwrapRef<(typeof import('@vueuse/core'))['tryOnUnmounted']>;
+    readonly unref: UnwrapRef<(typeof import('vue'))['unref']>;
+    readonly unrefElement: UnwrapRef<(typeof import('@vueuse/core'))['unrefElement']>;
+    readonly until: UnwrapRef<(typeof import('@vueuse/core'))['until']>;
+    readonly useActiveElement: UnwrapRef<(typeof import('@vueuse/core'))['useActiveElement']>;
+    readonly useAnimate: UnwrapRef<(typeof import('@vueuse/core'))['useAnimate']>;
+    readonly useArrayDifference: UnwrapRef<(typeof import('@vueuse/core'))['useArrayDifference']>;
+    readonly useArrayEvery: UnwrapRef<(typeof import('@vueuse/core'))['useArrayEvery']>;
+    readonly useArrayFilter: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFilter']>;
+    readonly useArrayFind: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFind']>;
+    readonly useArrayFindIndex: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFindIndex']>;
+    readonly useArrayFindLast: UnwrapRef<(typeof import('@vueuse/core'))['useArrayFindLast']>;
+    readonly useArrayIncludes: UnwrapRef<(typeof import('@vueuse/core'))['useArrayIncludes']>;
+    readonly useArrayJoin: UnwrapRef<(typeof import('@vueuse/core'))['useArrayJoin']>;
+    readonly useArrayMap: UnwrapRef<(typeof import('@vueuse/core'))['useArrayMap']>;
+    readonly useArrayReduce: UnwrapRef<(typeof import('@vueuse/core'))['useArrayReduce']>;
+    readonly useArraySome: UnwrapRef<(typeof import('@vueuse/core'))['useArraySome']>;
+    readonly useArrayUnique: UnwrapRef<(typeof import('@vueuse/core'))['useArrayUnique']>;
+    readonly useAsyncQueue: UnwrapRef<(typeof import('@vueuse/core'))['useAsyncQueue']>;
+    readonly useAsyncState: UnwrapRef<(typeof import('@vueuse/core'))['useAsyncState']>;
+    readonly useAttrs: UnwrapRef<(typeof import('vue'))['useAttrs']>;
+    readonly useBase64: UnwrapRef<(typeof import('@vueuse/core'))['useBase64']>;
+    readonly useBattery: UnwrapRef<(typeof import('@vueuse/core'))['useBattery']>;
+    readonly useBluetooth: UnwrapRef<(typeof import('@vueuse/core'))['useBluetooth']>;
+    readonly useBreakpoints: UnwrapRef<(typeof import('@vueuse/core'))['useBreakpoints']>;
+    readonly useBroadcastChannel: UnwrapRef<(typeof import('@vueuse/core'))['useBroadcastChannel']>;
+    readonly useBrowserLocation: UnwrapRef<(typeof import('@vueuse/core'))['useBrowserLocation']>;
+    readonly useCached: UnwrapRef<(typeof import('@vueuse/core'))['useCached']>;
+    readonly useClipboard: UnwrapRef<(typeof import('@vueuse/core'))['useClipboard']>;
+    readonly useClipboardItems: UnwrapRef<(typeof import('@vueuse/core'))['useClipboardItems']>;
+    readonly useCloned: UnwrapRef<(typeof import('@vueuse/core'))['useCloned']>;
+    readonly useColorMode: UnwrapRef<(typeof import('@vueuse/core'))['useColorMode']>;
+    readonly useConfirmDialog: UnwrapRef<(typeof import('@vueuse/core'))['useConfirmDialog']>;
+    readonly useCounter: UnwrapRef<(typeof import('@vueuse/core'))['useCounter']>;
+    readonly useCssModule: UnwrapRef<(typeof import('vue'))['useCssModule']>;
+    readonly useCssVar: UnwrapRef<(typeof import('@vueuse/core'))['useCssVar']>;
+    readonly useCssVars: UnwrapRef<(typeof import('vue'))['useCssVars']>;
+    readonly useCurrentElement: UnwrapRef<(typeof import('@vueuse/core'))['useCurrentElement']>;
+    readonly useCycleList: UnwrapRef<(typeof import('@vueuse/core'))['useCycleList']>;
+    readonly useDark: UnwrapRef<(typeof import('@vueuse/core'))['useDark']>;
+    readonly useDateFormat: UnwrapRef<(typeof import('@vueuse/core'))['useDateFormat']>;
+    readonly useDebounce: UnwrapRef<(typeof import('@vueuse/core'))['useDebounce']>;
+    readonly useDebounceFn: UnwrapRef<(typeof import('@vueuse/core'))['useDebounceFn']>;
     readonly useDebouncedRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDebouncedRefHistory"]
-    >;
-    readonly useDeviceMotion: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDeviceMotion"]
+      (typeof import('@vueuse/core'))['useDebouncedRefHistory']
     >;
+    readonly useDeviceMotion: UnwrapRef<(typeof import('@vueuse/core'))['useDeviceMotion']>;
     readonly useDeviceOrientation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDeviceOrientation"]
-    >;
-    readonly useDevicePixelRatio: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDevicePixelRatio"]
-    >;
-    readonly useDevicesList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDevicesList"]
-    >;
-    readonly useDisplayMedia: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDisplayMedia"]
+      (typeof import('@vueuse/core'))['useDeviceOrientation']
     >;
+    readonly useDevicePixelRatio: UnwrapRef<(typeof import('@vueuse/core'))['useDevicePixelRatio']>;
+    readonly useDevicesList: UnwrapRef<(typeof import('@vueuse/core'))['useDevicesList']>;
+    readonly useDisplayMedia: UnwrapRef<(typeof import('@vueuse/core'))['useDisplayMedia']>;
     readonly useDocumentVisibility: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDocumentVisibility"]
-    >;
-    readonly useDraggable: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDraggable"]
-    >;
-    readonly useDropZone: UnwrapRef<
-      (typeof import("@vueuse/core"))["useDropZone"]
-    >;
-    readonly useElementBounding: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementBounding"]
-    >;
-    readonly useElementByPoint: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementByPoint"]
-    >;
-    readonly useElementHover: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementHover"]
-    >;
-    readonly useElementSize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementSize"]
-    >;
+      (typeof import('@vueuse/core'))['useDocumentVisibility']
+    >;
+    readonly useDraggable: UnwrapRef<(typeof import('@vueuse/core'))['useDraggable']>;
+    readonly useDropZone: UnwrapRef<(typeof import('@vueuse/core'))['useDropZone']>;
+    readonly useElementBounding: UnwrapRef<(typeof import('@vueuse/core'))['useElementBounding']>;
+    readonly useElementByPoint: UnwrapRef<(typeof import('@vueuse/core'))['useElementByPoint']>;
+    readonly useElementHover: UnwrapRef<(typeof import('@vueuse/core'))['useElementHover']>;
+    readonly useElementSize: UnwrapRef<(typeof import('@vueuse/core'))['useElementSize']>;
     readonly useElementVisibility: UnwrapRef<
-      (typeof import("@vueuse/core"))["useElementVisibility"]
-    >;
-    readonly useEventBus: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEventBus"]
-    >;
-    readonly useEventListener: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEventListener"]
-    >;
-    readonly useEventSource: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEventSource"]
-    >;
-    readonly useEyeDropper: UnwrapRef<
-      (typeof import("@vueuse/core"))["useEyeDropper"]
-    >;
-    readonly useFavicon: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFavicon"]
-    >;
-    readonly useFetch: UnwrapRef<(typeof import("@vueuse/core"))["useFetch"]>;
-    readonly useFileDialog: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFileDialog"]
-    >;
-    readonly useFileSystemAccess: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFileSystemAccess"]
-    >;
-    readonly useFocus: UnwrapRef<(typeof import("@vueuse/core"))["useFocus"]>;
-    readonly useFocusWithin: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFocusWithin"]
-    >;
-    readonly useFps: UnwrapRef<(typeof import("@vueuse/core"))["useFps"]>;
-    readonly useFullscreen: UnwrapRef<
-      (typeof import("@vueuse/core"))["useFullscreen"]
-    >;
-    readonly useGamepad: UnwrapRef<
-      (typeof import("@vueuse/core"))["useGamepad"]
-    >;
-    readonly useGeolocation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useGeolocation"]
-    >;
-    readonly useI18n: UnwrapRef<(typeof import("vue-i18n"))["useI18n"]>;
-    readonly useIdle: UnwrapRef<(typeof import("@vueuse/core"))["useIdle"]>;
-    readonly useImage: UnwrapRef<(typeof import("@vueuse/core"))["useImage"]>;
-    readonly useInfiniteScroll: UnwrapRef<
-      (typeof import("@vueuse/core"))["useInfiniteScroll"]
-    >;
+      (typeof import('@vueuse/core'))['useElementVisibility']
+    >;
+    readonly useEventBus: UnwrapRef<(typeof import('@vueuse/core'))['useEventBus']>;
+    readonly useEventListener: UnwrapRef<(typeof import('@vueuse/core'))['useEventListener']>;
+    readonly useEventSource: UnwrapRef<(typeof import('@vueuse/core'))['useEventSource']>;
+    readonly useEyeDropper: UnwrapRef<(typeof import('@vueuse/core'))['useEyeDropper']>;
+    readonly useFavicon: UnwrapRef<(typeof import('@vueuse/core'))['useFavicon']>;
+    readonly useFetch: UnwrapRef<(typeof import('@vueuse/core'))['useFetch']>;
+    readonly useFileDialog: UnwrapRef<(typeof import('@vueuse/core'))['useFileDialog']>;
+    readonly useFileSystemAccess: UnwrapRef<(typeof import('@vueuse/core'))['useFileSystemAccess']>;
+    readonly useFocus: UnwrapRef<(typeof import('@vueuse/core'))['useFocus']>;
+    readonly useFocusWithin: UnwrapRef<(typeof import('@vueuse/core'))['useFocusWithin']>;
+    readonly useFps: UnwrapRef<(typeof import('@vueuse/core'))['useFps']>;
+    readonly useFullscreen: UnwrapRef<(typeof import('@vueuse/core'))['useFullscreen']>;
+    readonly useGamepad: UnwrapRef<(typeof import('@vueuse/core'))['useGamepad']>;
+    readonly useGeolocation: UnwrapRef<(typeof import('@vueuse/core'))['useGeolocation']>;
+    readonly useI18n: UnwrapRef<(typeof import('vue-i18n'))['useI18n']>;
+    readonly useIdle: UnwrapRef<(typeof import('@vueuse/core'))['useIdle']>;
+    readonly useImage: UnwrapRef<(typeof import('@vueuse/core'))['useImage']>;
+    readonly useInfiniteScroll: UnwrapRef<(typeof import('@vueuse/core'))['useInfiniteScroll']>;
     readonly useIntersectionObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["useIntersectionObserver"]
-    >;
-    readonly useInterval: UnwrapRef<
-      (typeof import("@vueuse/core"))["useInterval"]
-    >;
-    readonly useIntervalFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useIntervalFn"]
-    >;
-    readonly useKeyModifier: UnwrapRef<
-      (typeof import("@vueuse/core"))["useKeyModifier"]
-    >;
-    readonly useLastChanged: UnwrapRef<
-      (typeof import("@vueuse/core"))["useLastChanged"]
-    >;
-    readonly useLink: UnwrapRef<(typeof import("vue-router"))["useLink"]>;
-    readonly useLocalStorage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useLocalStorage"]
-    >;
-    readonly useMagicKeys: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMagicKeys"]
-    >;
-    readonly useManualRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useManualRefHistory"]
-    >;
-    readonly useMediaControls: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMediaControls"]
-    >;
-    readonly useMediaQuery: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMediaQuery"]
-    >;
-    readonly useMemoize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMemoize"]
-    >;
-    readonly useMemory: UnwrapRef<(typeof import("@vueuse/core"))["useMemory"]>;
-    readonly useMounted: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMounted"]
-    >;
-    readonly useMouse: UnwrapRef<(typeof import("@vueuse/core"))["useMouse"]>;
-    readonly useMouseInElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMouseInElement"]
-    >;
-    readonly useMousePressed: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMousePressed"]
-    >;
-    readonly useMutationObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["useMutationObserver"]
-    >;
+      (typeof import('@vueuse/core'))['useIntersectionObserver']
+    >;
+    readonly useInterval: UnwrapRef<(typeof import('@vueuse/core'))['useInterval']>;
+    readonly useIntervalFn: UnwrapRef<(typeof import('@vueuse/core'))['useIntervalFn']>;
+    readonly useKeyModifier: UnwrapRef<(typeof import('@vueuse/core'))['useKeyModifier']>;
+    readonly useLastChanged: UnwrapRef<(typeof import('@vueuse/core'))['useLastChanged']>;
+    readonly useLink: UnwrapRef<(typeof import('vue-router'))['useLink']>;
+    readonly useLocalStorage: UnwrapRef<(typeof import('@vueuse/core'))['useLocalStorage']>;
+    readonly useMagicKeys: UnwrapRef<(typeof import('@vueuse/core'))['useMagicKeys']>;
+    readonly useManualRefHistory: UnwrapRef<(typeof import('@vueuse/core'))['useManualRefHistory']>;
+    readonly useMediaControls: UnwrapRef<(typeof import('@vueuse/core'))['useMediaControls']>;
+    readonly useMediaQuery: UnwrapRef<(typeof import('@vueuse/core'))['useMediaQuery']>;
+    readonly useMemoize: UnwrapRef<(typeof import('@vueuse/core'))['useMemoize']>;
+    readonly useMemory: UnwrapRef<(typeof import('@vueuse/core'))['useMemory']>;
+    readonly useMounted: UnwrapRef<(typeof import('@vueuse/core'))['useMounted']>;
+    readonly useMouse: UnwrapRef<(typeof import('@vueuse/core'))['useMouse']>;
+    readonly useMouseInElement: UnwrapRef<(typeof import('@vueuse/core'))['useMouseInElement']>;
+    readonly useMousePressed: UnwrapRef<(typeof import('@vueuse/core'))['useMousePressed']>;
+    readonly useMutationObserver: UnwrapRef<(typeof import('@vueuse/core'))['useMutationObserver']>;
     readonly useNavigatorLanguage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useNavigatorLanguage"]
-    >;
-    readonly useNetwork: UnwrapRef<
-      (typeof import("@vueuse/core"))["useNetwork"]
-    >;
-    readonly useNow: UnwrapRef<(typeof import("@vueuse/core"))["useNow"]>;
-    readonly useObjectUrl: UnwrapRef<
-      (typeof import("@vueuse/core"))["useObjectUrl"]
-    >;
-    readonly useOffsetPagination: UnwrapRef<
-      (typeof import("@vueuse/core"))["useOffsetPagination"]
-    >;
-    readonly useOnline: UnwrapRef<(typeof import("@vueuse/core"))["useOnline"]>;
-    readonly usePageLeave: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePageLeave"]
-    >;
-    readonly useParallax: UnwrapRef<
-      (typeof import("@vueuse/core"))["useParallax"]
-    >;
-    readonly useParentElement: UnwrapRef<
-      (typeof import("@vueuse/core"))["useParentElement"]
-    >;
+      (typeof import('@vueuse/core'))['useNavigatorLanguage']
+    >;
+    readonly useNetwork: UnwrapRef<(typeof import('@vueuse/core'))['useNetwork']>;
+    readonly useNow: UnwrapRef<(typeof import('@vueuse/core'))['useNow']>;
+    readonly useObjectUrl: UnwrapRef<(typeof import('@vueuse/core'))['useObjectUrl']>;
+    readonly useOffsetPagination: UnwrapRef<(typeof import('@vueuse/core'))['useOffsetPagination']>;
+    readonly useOnline: UnwrapRef<(typeof import('@vueuse/core'))['useOnline']>;
+    readonly usePageLeave: UnwrapRef<(typeof import('@vueuse/core'))['usePageLeave']>;
+    readonly useParallax: UnwrapRef<(typeof import('@vueuse/core'))['useParallax']>;
+    readonly useParentElement: UnwrapRef<(typeof import('@vueuse/core'))['useParentElement']>;
     readonly usePerformanceObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePerformanceObserver"]
-    >;
-    readonly usePermission: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePermission"]
-    >;
-    readonly usePointer: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePointer"]
-    >;
-    readonly usePointerLock: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePointerLock"]
-    >;
-    readonly usePointerSwipe: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePointerSwipe"]
+      (typeof import('@vueuse/core'))['usePerformanceObserver']
     >;
+    readonly usePermission: UnwrapRef<(typeof import('@vueuse/core'))['usePermission']>;
+    readonly usePointer: UnwrapRef<(typeof import('@vueuse/core'))['usePointer']>;
+    readonly usePointerLock: UnwrapRef<(typeof import('@vueuse/core'))['usePointerLock']>;
+    readonly usePointerSwipe: UnwrapRef<(typeof import('@vueuse/core'))['usePointerSwipe']>;
     readonly usePreferredColorScheme: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredColorScheme"]
+      (typeof import('@vueuse/core'))['usePreferredColorScheme']
     >;
     readonly usePreferredContrast: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredContrast"]
-    >;
-    readonly usePreferredDark: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredDark"]
+      (typeof import('@vueuse/core'))['usePreferredContrast']
     >;
+    readonly usePreferredDark: UnwrapRef<(typeof import('@vueuse/core'))['usePreferredDark']>;
     readonly usePreferredLanguages: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredLanguages"]
+      (typeof import('@vueuse/core'))['usePreferredLanguages']
     >;
     readonly usePreferredReducedMotion: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePreferredReducedMotion"]
-    >;
-    readonly usePrevious: UnwrapRef<
-      (typeof import("@vueuse/core"))["usePrevious"]
-    >;
-    readonly useRafFn: UnwrapRef<(typeof import("@vueuse/core"))["useRafFn"]>;
-    readonly useRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useRefHistory"]
-    >;
-    readonly useResizeObserver: UnwrapRef<
-      (typeof import("@vueuse/core"))["useResizeObserver"]
-    >;
-    readonly useRoute: UnwrapRef<(typeof import("vue-router"))["useRoute"]>;
-    readonly useRouter: UnwrapRef<(typeof import("vue-router"))["useRouter"]>;
+      (typeof import('@vueuse/core'))['usePreferredReducedMotion']
+    >;
+    readonly usePrevious: UnwrapRef<(typeof import('@vueuse/core'))['usePrevious']>;
+    readonly useRafFn: UnwrapRef<(typeof import('@vueuse/core'))['useRafFn']>;
+    readonly useRefHistory: UnwrapRef<(typeof import('@vueuse/core'))['useRefHistory']>;
+    readonly useResizeObserver: UnwrapRef<(typeof import('@vueuse/core'))['useResizeObserver']>;
+    readonly useRoute: UnwrapRef<(typeof import('vue-router'))['useRoute']>;
+    readonly useRouter: UnwrapRef<(typeof import('vue-router'))['useRouter']>;
     readonly useScreenOrientation: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScreenOrientation"]
-    >;
-    readonly useScreenSafeArea: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScreenSafeArea"]
-    >;
-    readonly useScriptTag: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScriptTag"]
-    >;
-    readonly useScroll: UnwrapRef<(typeof import("@vueuse/core"))["useScroll"]>;
-    readonly useScrollLock: UnwrapRef<
-      (typeof import("@vueuse/core"))["useScrollLock"]
-    >;
-    readonly useSessionStorage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSessionStorage"]
-    >;
-    readonly useShare: UnwrapRef<(typeof import("@vueuse/core"))["useShare"]>;
-    readonly useSlots: UnwrapRef<(typeof import("vue"))["useSlots"]>;
-    readonly useSorted: UnwrapRef<(typeof import("@vueuse/core"))["useSorted"]>;
+      (typeof import('@vueuse/core'))['useScreenOrientation']
+    >;
+    readonly useScreenSafeArea: UnwrapRef<(typeof import('@vueuse/core'))['useScreenSafeArea']>;
+    readonly useScriptTag: UnwrapRef<(typeof import('@vueuse/core'))['useScriptTag']>;
+    readonly useScroll: UnwrapRef<(typeof import('@vueuse/core'))['useScroll']>;
+    readonly useScrollLock: UnwrapRef<(typeof import('@vueuse/core'))['useScrollLock']>;
+    readonly useSessionStorage: UnwrapRef<(typeof import('@vueuse/core'))['useSessionStorage']>;
+    readonly useShare: UnwrapRef<(typeof import('@vueuse/core'))['useShare']>;
+    readonly useSlots: UnwrapRef<(typeof import('vue'))['useSlots']>;
+    readonly useSorted: UnwrapRef<(typeof import('@vueuse/core'))['useSorted']>;
     readonly useSpeechRecognition: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSpeechRecognition"]
-    >;
-    readonly useSpeechSynthesis: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSpeechSynthesis"]
-    >;
-    readonly useStepper: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStepper"]
-    >;
-    readonly useStorage: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStorage"]
-    >;
-    readonly useStorageAsync: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStorageAsync"]
-    >;
-    readonly useStyleTag: UnwrapRef<
-      (typeof import("@vueuse/core"))["useStyleTag"]
-    >;
-    readonly useSupported: UnwrapRef<
-      (typeof import("@vueuse/core"))["useSupported"]
-    >;
-    readonly useSwipe: UnwrapRef<(typeof import("@vueuse/core"))["useSwipe"]>;
-    readonly useTemplateRefsList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTemplateRefsList"]
-    >;
-    readonly useTextDirection: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTextDirection"]
-    >;
-    readonly useTextSelection: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTextSelection"]
-    >;
-    readonly useTextareaAutosize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTextareaAutosize"]
-    >;
-    readonly useThrottle: UnwrapRef<
-      (typeof import("@vueuse/core"))["useThrottle"]
-    >;
-    readonly useThrottleFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useThrottleFn"]
-    >;
+      (typeof import('@vueuse/core'))['useSpeechRecognition']
+    >;
+    readonly useSpeechSynthesis: UnwrapRef<(typeof import('@vueuse/core'))['useSpeechSynthesis']>;
+    readonly useStepper: UnwrapRef<(typeof import('@vueuse/core'))['useStepper']>;
+    readonly useStorage: UnwrapRef<(typeof import('@vueuse/core'))['useStorage']>;
+    readonly useStorageAsync: UnwrapRef<(typeof import('@vueuse/core'))['useStorageAsync']>;
+    readonly useStyleTag: UnwrapRef<(typeof import('@vueuse/core'))['useStyleTag']>;
+    readonly useSupported: UnwrapRef<(typeof import('@vueuse/core'))['useSupported']>;
+    readonly useSwipe: UnwrapRef<(typeof import('@vueuse/core'))['useSwipe']>;
+    readonly useTemplateRefsList: UnwrapRef<(typeof import('@vueuse/core'))['useTemplateRefsList']>;
+    readonly useTextDirection: UnwrapRef<(typeof import('@vueuse/core'))['useTextDirection']>;
+    readonly useTextSelection: UnwrapRef<(typeof import('@vueuse/core'))['useTextSelection']>;
+    readonly useTextareaAutosize: UnwrapRef<(typeof import('@vueuse/core'))['useTextareaAutosize']>;
+    readonly useThrottle: UnwrapRef<(typeof import('@vueuse/core'))['useThrottle']>;
+    readonly useThrottleFn: UnwrapRef<(typeof import('@vueuse/core'))['useThrottleFn']>;
     readonly useThrottledRefHistory: UnwrapRef<
-      (typeof import("@vueuse/core"))["useThrottledRefHistory"]
-    >;
-    readonly useTimeAgo: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeAgo"]
-    >;
-    readonly useTimeout: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeout"]
-    >;
-    readonly useTimeoutFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeoutFn"]
-    >;
-    readonly useTimeoutPoll: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimeoutPoll"]
-    >;
-    readonly useTimestamp: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTimestamp"]
-    >;
-    readonly useTitle: UnwrapRef<(typeof import("@vueuse/core"))["useTitle"]>;
-    readonly useToNumber: UnwrapRef<
-      (typeof import("@vueuse/core"))["useToNumber"]
-    >;
-    readonly useToString: UnwrapRef<
-      (typeof import("@vueuse/core"))["useToString"]
-    >;
-    readonly useToggle: UnwrapRef<(typeof import("@vueuse/core"))["useToggle"]>;
-    readonly useTransition: UnwrapRef<
-      (typeof import("@vueuse/core"))["useTransition"]
-    >;
-    readonly useUrlSearchParams: UnwrapRef<
-      (typeof import("@vueuse/core"))["useUrlSearchParams"]
-    >;
-    readonly useUserMedia: UnwrapRef<
-      (typeof import("@vueuse/core"))["useUserMedia"]
-    >;
-    readonly useVModel: UnwrapRef<(typeof import("@vueuse/core"))["useVModel"]>;
-    readonly useVModels: UnwrapRef<
-      (typeof import("@vueuse/core"))["useVModels"]
-    >;
-    readonly useVibrate: UnwrapRef<
-      (typeof import("@vueuse/core"))["useVibrate"]
-    >;
-    readonly useVirtualList: UnwrapRef<
-      (typeof import("@vueuse/core"))["useVirtualList"]
-    >;
-    readonly useWakeLock: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWakeLock"]
-    >;
-    readonly useWebNotification: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebNotification"]
-    >;
-    readonly useWebSocket: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebSocket"]
-    >;
-    readonly useWebWorker: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebWorker"]
-    >;
-    readonly useWebWorkerFn: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWebWorkerFn"]
-    >;
-    readonly useWindowFocus: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWindowFocus"]
-    >;
-    readonly useWindowScroll: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWindowScroll"]
-    >;
-    readonly useWindowSize: UnwrapRef<
-      (typeof import("@vueuse/core"))["useWindowSize"]
-    >;
-    readonly watch: UnwrapRef<(typeof import("vue"))["watch"]>;
-    readonly watchArray: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchArray"]
-    >;
-    readonly watchAtMost: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchAtMost"]
-    >;
-    readonly watchDebounced: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchDebounced"]
-    >;
-    readonly watchDeep: UnwrapRef<(typeof import("@vueuse/core"))["watchDeep"]>;
-    readonly watchEffect: UnwrapRef<(typeof import("vue"))["watchEffect"]>;
-    readonly watchIgnorable: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchIgnorable"]
-    >;
-    readonly watchImmediate: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchImmediate"]
-    >;
-    readonly watchOnce: UnwrapRef<(typeof import("@vueuse/core"))["watchOnce"]>;
-    readonly watchPausable: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchPausable"]
-    >;
-    readonly watchPostEffect: UnwrapRef<
-      (typeof import("vue"))["watchPostEffect"]
-    >;
-    readonly watchSyncEffect: UnwrapRef<
-      (typeof import("vue"))["watchSyncEffect"]
-    >;
-    readonly watchThrottled: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchThrottled"]
-    >;
-    readonly watchTriggerable: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchTriggerable"]
-    >;
-    readonly watchWithFilter: UnwrapRef<
-      (typeof import("@vueuse/core"))["watchWithFilter"]
-    >;
-    readonly whenever: UnwrapRef<(typeof import("@vueuse/core"))["whenever"]>;
+      (typeof import('@vueuse/core'))['useThrottledRefHistory']
+    >;
+    readonly useTimeAgo: UnwrapRef<(typeof import('@vueuse/core'))['useTimeAgo']>;
+    readonly useTimeout: UnwrapRef<(typeof import('@vueuse/core'))['useTimeout']>;
+    readonly useTimeoutFn: UnwrapRef<(typeof import('@vueuse/core'))['useTimeoutFn']>;
+    readonly useTimeoutPoll: UnwrapRef<(typeof import('@vueuse/core'))['useTimeoutPoll']>;
+    readonly useTimestamp: UnwrapRef<(typeof import('@vueuse/core'))['useTimestamp']>;
+    readonly useTitle: UnwrapRef<(typeof import('@vueuse/core'))['useTitle']>;
+    readonly useToNumber: UnwrapRef<(typeof import('@vueuse/core'))['useToNumber']>;
+    readonly useToString: UnwrapRef<(typeof import('@vueuse/core'))['useToString']>;
+    readonly useToggle: UnwrapRef<(typeof import('@vueuse/core'))['useToggle']>;
+    readonly useTransition: UnwrapRef<(typeof import('@vueuse/core'))['useTransition']>;
+    readonly useUrlSearchParams: UnwrapRef<(typeof import('@vueuse/core'))['useUrlSearchParams']>;
+    readonly useUserMedia: UnwrapRef<(typeof import('@vueuse/core'))['useUserMedia']>;
+    readonly useVModel: UnwrapRef<(typeof import('@vueuse/core'))['useVModel']>;
+    readonly useVModels: UnwrapRef<(typeof import('@vueuse/core'))['useVModels']>;
+    readonly useVibrate: UnwrapRef<(typeof import('@vueuse/core'))['useVibrate']>;
+    readonly useVirtualList: UnwrapRef<(typeof import('@vueuse/core'))['useVirtualList']>;
+    readonly useWakeLock: UnwrapRef<(typeof import('@vueuse/core'))['useWakeLock']>;
+    readonly useWebNotification: UnwrapRef<(typeof import('@vueuse/core'))['useWebNotification']>;
+    readonly useWebSocket: UnwrapRef<(typeof import('@vueuse/core'))['useWebSocket']>;
+    readonly useWebWorker: UnwrapRef<(typeof import('@vueuse/core'))['useWebWorker']>;
+    readonly useWebWorkerFn: UnwrapRef<(typeof import('@vueuse/core'))['useWebWorkerFn']>;
+    readonly useWindowFocus: UnwrapRef<(typeof import('@vueuse/core'))['useWindowFocus']>;
+    readonly useWindowScroll: UnwrapRef<(typeof import('@vueuse/core'))['useWindowScroll']>;
+    readonly useWindowSize: UnwrapRef<(typeof import('@vueuse/core'))['useWindowSize']>;
+    readonly watch: UnwrapRef<(typeof import('vue'))['watch']>;
+    readonly watchArray: UnwrapRef<(typeof import('@vueuse/core'))['watchArray']>;
+    readonly watchAtMost: UnwrapRef<(typeof import('@vueuse/core'))['watchAtMost']>;
+    readonly watchDebounced: UnwrapRef<(typeof import('@vueuse/core'))['watchDebounced']>;
+    readonly watchDeep: UnwrapRef<(typeof import('@vueuse/core'))['watchDeep']>;
+    readonly watchEffect: UnwrapRef<(typeof import('vue'))['watchEffect']>;
+    readonly watchIgnorable: UnwrapRef<(typeof import('@vueuse/core'))['watchIgnorable']>;
+    readonly watchImmediate: UnwrapRef<(typeof import('@vueuse/core'))['watchImmediate']>;
+    readonly watchOnce: UnwrapRef<(typeof import('@vueuse/core'))['watchOnce']>;
+    readonly watchPausable: UnwrapRef<(typeof import('@vueuse/core'))['watchPausable']>;
+    readonly watchPostEffect: UnwrapRef<(typeof import('vue'))['watchPostEffect']>;
+    readonly watchSyncEffect: UnwrapRef<(typeof import('vue'))['watchSyncEffect']>;
+    readonly watchThrottled: UnwrapRef<(typeof import('@vueuse/core'))['watchThrottled']>;
+    readonly watchTriggerable: UnwrapRef<(typeof import('@vueuse/core'))['watchTriggerable']>;
+    readonly watchWithFilter: UnwrapRef<(typeof import('@vueuse/core'))['watchWithFilter']>;
+    readonly whenever: UnwrapRef<(typeof import('@vueuse/core'))['whenever']>;
   }
 }
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index eecb0e3..945e4d4 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -5,104 +5,104 @@
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
-declare module "vue" {
+declare module 'vue' {
   export interface GlobalComponents {
-    AppLink: (typeof import("./../components/AppLink/index.vue"))["default"];
-    AppMain: (typeof import("./../layout/components/AppMain/index.vue"))["default"];
-    VisitTrend: (typeof import("./../views/dashboard/components/VisitTrend.vue"))["default"];
-    Breadcrumb: (typeof import("./../components/Breadcrumb/index.vue"))["default"];
-    CopyButton: (typeof import("./../components/CopyButton/index.vue"))["default"];
-    CURD: (typeof import("./../components/CURD/index.vue"))["default"];
-    DeptTree: (typeof import("./../views/system/user/components/dept-tree.vue"))["default"];
-    UserImport: (typeof import("./../views/system/user/components/user-import.vue"))["default"];
-    Dictionary: (typeof import("./../components/Dictionary/index.vue"))["default"];
-    DictItem: (typeof import("./../views/system/dict/components/dict-item.vue"))["default"];
-    ElBacktop: (typeof import("element-plus/es"))["ElBacktop"];
-    ElBreadcrumb: (typeof import("element-plus/es"))["ElBreadcrumb"];
-    ElBreadcrumbItem: (typeof import("element-plus/es"))["ElBreadcrumbItem"];
-    ElButton: (typeof import("element-plus/es"))["ElButton"];
-    ElCard: (typeof import("element-plus/es"))["ElCard"];
-    ElCheckbox: (typeof import("element-plus/es"))["ElCheckbox"];
-    ElCheckboxGroup: (typeof import("element-plus/es"))["ElCheckboxGroup"];
-    ElCol: (typeof import("element-plus/es"))["ElCol"];
-    ElColorPicker: (typeof import("element-plus/es"))["ElColorPicker"];
-    ElConfigProvider: (typeof import("element-plus/es"))["ElConfigProvider"];
-    ElDatePicker: (typeof import("element-plus/es"))["ElDatePicker"];
-    ElDialog: (typeof import("element-plus/es"))["ElDialog"];
-    ElDivider: (typeof import("element-plus/es"))["ElDivider"];
-    ElDrawer: (typeof import("element-plus/es"))["ElDrawer"];
-    ElDropdown: (typeof import("element-plus/es"))["ElDropdown"];
-    ElDropdownItem: (typeof import("element-plus/es"))["ElDropdownItem"];
-    ElDropdownMenu: (typeof import("element-plus/es"))["ElDropdownMenu"];
-    ElForm: (typeof import("element-plus/es"))["ElForm"];
-    ElFormItem: (typeof import("element-plus/es"))["ElFormItem"];
-    ElIcon: (typeof import("element-plus/es"))["ElIcon"];
-    ElImage: (typeof import("element-plus/es"))["ElImage"];
-    ElInput: (typeof import("element-plus/es"))["ElInput"];
-    ElInputNumber: (typeof import("element-plus/es"))["ElInputNumber"];
-    ElLink: (typeof import("element-plus/es"))["ElLink"];
-    ElMenu: (typeof import("element-plus/es"))["ElMenu"];
-    ElMenuItem: (typeof import("element-plus/es"))["ElMenuItem"];
-    ElOption: (typeof import("element-plus/es"))["ElOption"];
-    ElPagination: (typeof import("element-plus/es"))["ElPagination"];
-    ElPopover: (typeof import("element-plus/es"))["ElPopover"];
-    ElRadio: (typeof import("element-plus/es"))["ElRadio"];
-    ElRadioGroup: (typeof import("element-plus/es"))["ElRadioGroup"];
-    ElRow: (typeof import("element-plus/es"))["ElRow"];
-    ElScrollbar: (typeof import("element-plus/es"))["ElScrollbar"];
-    ElSelect: (typeof import("element-plus/es"))["ElSelect"];
-    ElStatistic: (typeof import("element-plus/es"))["ElStatistic"];
-    ElSubMenu: (typeof import("element-plus/es"))["ElSubMenu"];
-    ElSwitch: (typeof import("element-plus/es"))["ElSwitch"];
-    ElTable: (typeof import("element-plus/es"))["ElTable"];
-    ElTableColumn: (typeof import("element-plus/es"))["ElTableColumn"];
-    ElTag: (typeof import("element-plus/es"))["ElTag"];
-    ElText: (typeof import("element-plus/es"))["ElText"];
-    ElTooltip: (typeof import("element-plus/es"))["ElTooltip"];
-    ElTreeSelect: (typeof import("element-plus/es"))["ElTreeSelect"];
-    ElUpload: (typeof import("element-plus/es"))["ElUpload"];
-    ElWatermark: (typeof import("element-plus/es"))["ElWatermark"];
-    ElSkeleton: (typeof import("element-plus/es"))["ElSkeleton"];
-    Form: (typeof import("./../components/CURD/Form.vue"))["default"];
-    FunnelChart: (typeof import("./../views/dashboard/components/FunnelChart.vue"))["default"];
-    GithubCorner: (typeof import("./../components/GithubCorner/index.vue"))["default"];
-    Hamburger: (typeof import("./../components/Hamburger/index.vue"))["default"];
-    IconSelect: (typeof import("./../components/IconSelect/index.vue"))["default"];
-    IEpArrowDown: (typeof import("~icons/ep/arrow-down"))["default"];
-    IEpArrowUp: (typeof import("~icons/ep/arrow-up"))["default"];
-    IEpClose: (typeof import("~icons/ep/close"))["default"];
-    IEpDownload: (typeof import("~icons/ep/download"))["default"];
-    LangSelect: (typeof import("./../components/LangSelect/index.vue"))["default"];
-    MenuSearch: (typeof import("./../components/MenuSearch/index.vue"))["default"];
-    LayoutSelect: (typeof import("./../layout/components/Settings/components/LayoutSelect.vue"))["default"];
-    MultiUpload: (typeof import("./../components/Upload/MultiUpload.vue"))["default"];
-    NavBar: (typeof import("./../layout/components/NavBar/index.vue"))["default"];
-    NavbarAction: (typeof import("./../layout/components/NavBar/components/NavbarAction.vue"))["default"];
-    PageContent: (typeof import("./../components/CURD/PageContent.vue"))["default"];
-    PageForm: (typeof import("./../components/CURD/PageForm.vue"))["default"];
-    PageModal: (typeof import("./../components/CURD/PageModal.vue"))["default"];
-    PageSearch: (typeof import("./../components/CURD/PageSearch.vue"))["default"];
-    Pagination: (typeof import("./../components/Pagination/index.vue"))["default"];
-    PieChart: (typeof import("./../views/dashboard/components/PieChart.vue"))["default"];
-    RadarChart: (typeof import("./../views/dashboard/components/RadarChart.vue"))["default"];
-    RouterLink: (typeof import("vue-router"))["RouterLink"];
-    RouterView: (typeof import("vue-router"))["RouterView"];
-    Settings: (typeof import("./../layout/components/Settings/index.vue"))["default"];
-    Sidebar: (typeof import("./../layout/components/Sidebar/index.vue"))["default"];
-    SidebarLogo: (typeof import("./../layout/components/Sidebar/components/SidebarLogo.vue"))["default"];
-    SidebarMenu: (typeof import("./../layout/components/Sidebar/components/SidebarMenu.vue"))["default"];
-    SidebarMenuItem: (typeof import("./../layout/components/Sidebar/components/SidebarMenuItem.vue"))["default"];
-    SidebarMenuItemTitle: (typeof import("./../layout/components/Sidebar/components/SidebarMenuItemTitle.vue"))["default"];
-    SidebarMixTopMenu: (typeof import("./../layout/components/Sidebar/components/SidebarMixTopMenu.vue"))["default"];
-    SingleUpload: (typeof import("./../components/Upload/SingleUpload.vue"))["default"];
-    SizeSelect: (typeof import("./../components/SizeSelect/index.vue"))["default"];
-    SvgIcon: (typeof import("./../components/SvgIcon/index.vue"))["default"];
-    TableSelect: (typeof import("./../components/TableSelect/index.vue"))["default"];
-    TagsView: (typeof import("./../layout/components/TagsView/index.vue"))["default"];
-    ThemeColorPicker: (typeof import("./../layout/components/Settings/components/ThemeColorPicker.vue"))["default"];
-    WangEditor: (typeof import("./../components/WangEditor/index.vue"))["default"];
+    AppLink: (typeof import('./../components/AppLink/index.vue'))['default'];
+    AppMain: (typeof import('./../layout/components/AppMain/index.vue'))['default'];
+    VisitTrend: (typeof import('./../views/dashboard/components/VisitTrend.vue'))['default'];
+    Breadcrumb: (typeof import('./../components/Breadcrumb/index.vue'))['default'];
+    CopyButton: (typeof import('./../components/CopyButton/index.vue'))['default'];
+    CURD: (typeof import('./../components/CURD/index.vue'))['default'];
+    DeptTree: (typeof import('./../views/system/user/components/dept-tree.vue'))['default'];
+    UserImport: (typeof import('./../views/system/user/components/user-import.vue'))['default'];
+    Dictionary: (typeof import('./../components/Dictionary/index.vue'))['default'];
+    DictItem: (typeof import('./../views/system/dict/components/dict-item.vue'))['default'];
+    ElBacktop: (typeof import('element-plus/es'))['ElBacktop'];
+    ElBreadcrumb: (typeof import('element-plus/es'))['ElBreadcrumb'];
+    ElBreadcrumbItem: (typeof import('element-plus/es'))['ElBreadcrumbItem'];
+    ElButton: (typeof import('element-plus/es'))['ElButton'];
+    ElCard: (typeof import('element-plus/es'))['ElCard'];
+    ElCheckbox: (typeof import('element-plus/es'))['ElCheckbox'];
+    ElCheckboxGroup: (typeof import('element-plus/es'))['ElCheckboxGroup'];
+    ElCol: (typeof import('element-plus/es'))['ElCol'];
+    ElColorPicker: (typeof import('element-plus/es'))['ElColorPicker'];
+    ElConfigProvider: (typeof import('element-plus/es'))['ElConfigProvider'];
+    ElDatePicker: (typeof import('element-plus/es'))['ElDatePicker'];
+    ElDialog: (typeof import('element-plus/es'))['ElDialog'];
+    ElDivider: (typeof import('element-plus/es'))['ElDivider'];
+    ElDrawer: (typeof import('element-plus/es'))['ElDrawer'];
+    ElDropdown: (typeof import('element-plus/es'))['ElDropdown'];
+    ElDropdownItem: (typeof import('element-plus/es'))['ElDropdownItem'];
+    ElDropdownMenu: (typeof import('element-plus/es'))['ElDropdownMenu'];
+    ElForm: (typeof import('element-plus/es'))['ElForm'];
+    ElFormItem: (typeof import('element-plus/es'))['ElFormItem'];
+    ElIcon: (typeof import('element-plus/es'))['ElIcon'];
+    ElImage: (typeof import('element-plus/es'))['ElImage'];
+    ElInput: (typeof import('element-plus/es'))['ElInput'];
+    ElInputNumber: (typeof import('element-plus/es'))['ElInputNumber'];
+    ElLink: (typeof import('element-plus/es'))['ElLink'];
+    ElMenu: (typeof import('element-plus/es'))['ElMenu'];
+    ElMenuItem: (typeof import('element-plus/es'))['ElMenuItem'];
+    ElOption: (typeof import('element-plus/es'))['ElOption'];
+    ElPagination: (typeof import('element-plus/es'))['ElPagination'];
+    ElPopover: (typeof import('element-plus/es'))['ElPopover'];
+    ElRadio: (typeof import('element-plus/es'))['ElRadio'];
+    ElRadioGroup: (typeof import('element-plus/es'))['ElRadioGroup'];
+    ElRow: (typeof import('element-plus/es'))['ElRow'];
+    ElScrollbar: (typeof import('element-plus/es'))['ElScrollbar'];
+    ElSelect: (typeof import('element-plus/es'))['ElSelect'];
+    ElStatistic: (typeof import('element-plus/es'))['ElStatistic'];
+    ElSubMenu: (typeof import('element-plus/es'))['ElSubMenu'];
+    ElSwitch: (typeof import('element-plus/es'))['ElSwitch'];
+    ElTable: (typeof import('element-plus/es'))['ElTable'];
+    ElTableColumn: (typeof import('element-plus/es'))['ElTableColumn'];
+    ElTag: (typeof import('element-plus/es'))['ElTag'];
+    ElText: (typeof import('element-plus/es'))['ElText'];
+    ElTooltip: (typeof import('element-plus/es'))['ElTooltip'];
+    ElTreeSelect: (typeof import('element-plus/es'))['ElTreeSelect'];
+    ElUpload: (typeof import('element-plus/es'))['ElUpload'];
+    ElWatermark: (typeof import('element-plus/es'))['ElWatermark'];
+    ElSkeleton: (typeof import('element-plus/es'))['ElSkeleton'];
+    Form: (typeof import('./../components/CURD/Form.vue'))['default'];
+    FunnelChart: (typeof import('./../views/dashboard/components/FunnelChart.vue'))['default'];
+    GithubCorner: (typeof import('./../components/GithubCorner/index.vue'))['default'];
+    Hamburger: (typeof import('./../components/Hamburger/index.vue'))['default'];
+    IconSelect: (typeof import('./../components/IconSelect/index.vue'))['default'];
+    IEpArrowDown: (typeof import('~icons/ep/arrow-down'))['default'];
+    IEpArrowUp: (typeof import('~icons/ep/arrow-up'))['default'];
+    IEpClose: (typeof import('~icons/ep/close'))['default'];
+    IEpDownload: (typeof import('~icons/ep/download'))['default'];
+    LangSelect: (typeof import('./../components/LangSelect/index.vue'))['default'];
+    MenuSearch: (typeof import('./../components/MenuSearch/index.vue'))['default'];
+    LayoutSelect: (typeof import('./../layout/components/Settings/components/LayoutSelect.vue'))['default'];
+    MultiUpload: (typeof import('./../components/Upload/MultiUpload.vue'))['default'];
+    NavBar: (typeof import('./../layout/components/NavBar/index.vue'))['default'];
+    NavbarAction: (typeof import('./../layout/components/NavBar/components/NavbarAction.vue'))['default'];
+    PageContent: (typeof import('./../components/CURD/PageContent.vue'))['default'];
+    PageForm: (typeof import('./../components/CURD/PageForm.vue'))['default'];
+    PageModal: (typeof import('./../components/CURD/PageModal.vue'))['default'];
+    PageSearch: (typeof import('./../components/CURD/PageSearch.vue'))['default'];
+    Pagination: (typeof import('./../components/Pagination/index.vue'))['default'];
+    PieChart: (typeof import('./../views/dashboard/components/PieChart.vue'))['default'];
+    RadarChart: (typeof import('./../views/dashboard/components/RadarChart.vue'))['default'];
+    RouterLink: (typeof import('vue-router'))['RouterLink'];
+    RouterView: (typeof import('vue-router'))['RouterView'];
+    Settings: (typeof import('./../layout/components/Settings/index.vue'))['default'];
+    Sidebar: (typeof import('./../layout/components/Sidebar/index.vue'))['default'];
+    SidebarLogo: (typeof import('./../layout/components/Sidebar/components/SidebarLogo.vue'))['default'];
+    SidebarMenu: (typeof import('./../layout/components/Sidebar/components/SidebarMenu.vue'))['default'];
+    SidebarMenuItem: (typeof import('./../layout/components/Sidebar/components/SidebarMenuItem.vue'))['default'];
+    SidebarMenuItemTitle: (typeof import('./../layout/components/Sidebar/components/SidebarMenuItemTitle.vue'))['default'];
+    SidebarMixTopMenu: (typeof import('./../layout/components/Sidebar/components/SidebarMixTopMenu.vue'))['default'];
+    SingleUpload: (typeof import('./../components/Upload/SingleUpload.vue'))['default'];
+    SizeSelect: (typeof import('./../components/SizeSelect/index.vue'))['default'];
+    SvgIcon: (typeof import('./../components/SvgIcon/index.vue'))['default'];
+    TableSelect: (typeof import('./../components/TableSelect/index.vue'))['default'];
+    TagsView: (typeof import('./../layout/components/TagsView/index.vue'))['default'];
+    ThemeColorPicker: (typeof import('./../layout/components/Settings/components/ThemeColorPicker.vue'))['default'];
+    WangEditor: (typeof import('./../components/WangEditor/index.vue'))['default'];
   }
   export interface ComponentCustomProperties {
-    vLoading: (typeof import("element-plus/es"))["ElLoadingDirective"];
+    vLoading: (typeof import('element-plus/es'))['ElLoadingDirective'];
   }
 }
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
index 7ed1377..24247c4 100644
--- a/src/types/env.d.ts
+++ b/src/types/env.d.ts
@@ -1,7 +1,7 @@
 // https://cn.vitejs.dev/guide/env-and-mode
 
-declare module "*.vue" {
-  import { DefineComponent } from "vue";
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>;
   export default component;
diff --git a/src/types/router.d.ts b/src/types/router.d.ts
index a175ea1..b4dcdf1 100644
--- a/src/types/router.d.ts
+++ b/src/types/router.d.ts
@@ -1,6 +1,6 @@
-import "vue-router";
+import 'vue-router';
 
-declare module "vue-router" {
+declare module 'vue-router' {
   // https://router.vuejs.org/zh/guide/advanced/meta.html#typescript
   // 可以通过扩展 RouteMeta 接口来输入 meta 字段
   interface RouteMeta {
diff --git a/src/types/socket.d.ts b/src/types/socket.d.ts
index 15a8ed7..2a036a2 100644
--- a/src/types/socket.d.ts
+++ b/src/types/socket.d.ts
@@ -1,6 +1,6 @@
 // https://github.com/sockjs/sockjs-client/issues/565
 
-declare module "sockjs-client/dist/sockjs.min.js" {
-  import Client from "sockjs-client";
+declare module 'sockjs-client/dist/sockjs.min.js' {
+  import Client from 'sockjs-client';
   export default Client;
 }
diff --git a/src/utils/bytesToSize.ts b/src/utils/bytesToSize.ts
index 78a101c..749d770 100644
--- a/src/utils/bytesToSize.ts
+++ b/src/utils/bytesToSize.ts
@@ -1,8 +1,8 @@
 export function bytesToSize(bytes: number) {
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  if (bytes === 0) return "0 B";
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+  if (bytes === 0) return '0 B';
   const i = Math.floor(Math.log(bytes) / Math.log(1024));
-  return (bytes / Math.pow(1024, i)).toFixed() + " " + sizes[i];
+  return (bytes / Math.pow(1024, i)).toFixed() + ' ' + sizes[i];
 }
 
 export function isMaxMemoryOut(bytes: number, moreNum: number) {
diff --git a/src/utils/convertUTCToLocalTime.ts b/src/utils/convertUTCToLocalTime.ts
index 079e36c..635f568 100644
--- a/src/utils/convertUTCToLocalTime.ts
+++ b/src/utils/convertUTCToLocalTime.ts
@@ -4,15 +4,15 @@ export function convertUTCToLocalTime(utcDateString: string | number | Date) {
 
   // 使用toLocaleString可以按照本地时区进行格式化
   const localTimer = date
-    .toLocaleString("zh-CN", {
+    .toLocaleString('zh-CN', {
       hour12: false,
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit'
     })
-    .replace(/\//g, "-");
+    .replace(/\//g, '-');
   return localTimer;
 }
 export function uTCToLocalTime(utcDateString: string | number | Date) {
@@ -21,14 +21,14 @@ export function uTCToLocalTime(utcDateString: string | number | Date) {
 
   // 使用toLocaleString可以按照本地时区进行格式化
   const localTimer = date
-    .toLocaleString("zh-CN", {
+    .toLocaleString('zh-CN', {
       hour12: false,
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit'
     })
-    .replace(/\//g, "-");
+    .replace(/\//g, '-');
   return localTimer;
 }
diff --git a/src/utils/i18n.ts b/src/utils/i18n.ts
index 17ed904..819867a 100644
--- a/src/utils/i18n.ts
+++ b/src/utils/i18n.ts
@@ -1,11 +1,11 @@
 // translate router.meta.title, be used in breadcrumb sidebar tagsview
-import i18n from "@/lang/index";
+import i18n from '@/lang/index';
 
 export function translateRouteTitle(title: any) {
   // 判断是否存在国际化配置，如果没有原生返回
-  const hasKey = i18n.global.te("route." + title);
+  const hasKey = i18n.global.te('route.' + title);
   if (hasKey) {
-    const translatedTitle = i18n.global.t("route." + title);
+    const translatedTitle = i18n.global.t('route.' + title);
     return translatedTitle;
   }
   return title;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 44bb588..26e1386 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -5,7 +5,7 @@
  * @returns {boolean}
  */
 export function hasClass(ele: HTMLElement, cls: string) {
-  return !!ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
 }
 
 /**
@@ -14,7 +14,7 @@ export function hasClass(ele: HTMLElement, cls: string) {
  * @param {string} cls
  */
 export function addClass(ele: HTMLElement, cls: string) {
-  if (!hasClass(ele, cls)) ele.className += " " + cls;
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls;
 }
 
 /**
@@ -24,8 +24,8 @@ export function addClass(ele: HTMLElement, cls: string) {
  */
 export function removeClass(ele: HTMLElement, cls: string) {
   if (hasClass(ele, cls)) {
-    const reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
-    ele.className = ele.className.replace(reg, " ");
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
+    ele.className = ele.className.replace(reg, ' ');
   }
 }
 
diff --git a/src/utils/nprogress.ts b/src/utils/nprogress.ts
index c1d5f23..c47ab61 100644
--- a/src/utils/nprogress.ts
+++ b/src/utils/nprogress.ts
@@ -1,10 +1,10 @@
-import NProgress from "nprogress";
-import "nprogress/nprogress.css";
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
 
 // 进度条
 NProgress.configure({
   // 动画方式
-  easing: "ease",
+  easing: 'ease',
   // 递增进度条的速度
   speed: 500,
   // 是否显示加载ico
@@ -12,7 +12,7 @@ NProgress.configure({
   // 自动递增间隔
   trickleSpeed: 200,
   // 初始化时的最小百分比
-  minimum: 0.3,
+  minimum: 0.3
 });
 
 export default NProgress;
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 88a9f5b..ae9573c 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -1,22 +1,22 @@
-import axios, { InternalAxiosRequestConfig, AxiosResponse } from "axios";
-import { useUserStoreHook } from "@/store/modules/user";
-import { ResultEnum } from "@/enums/ResultEnum";
-import { TOKEN_KEY } from "@/enums/CacheEnum";
-import qs from "qs";
-import i18n from "@/lang/index";
-import { IconError } from "@computing/opendesign-icons";
+import axios, { InternalAxiosRequestConfig, AxiosResponse } from 'axios';
+import { useUserStoreHook } from '@/store/modules/user';
+import { ResultEnum } from '@/enums/ResultEnum';
+import { TOKEN_KEY } from '@/enums/CacheEnum';
+import qs from 'qs';
+import i18n from '@/lang/index';
+import { IconError } from '@computing/opendesign-icons';
 
 // 创建 axios 实例
 const service = axios.create({
-  baseURL: "/witchaind/api",
+  baseURL: '/witchaind/api',
   timeout: 90000,
   withCredentials: true,
   headers: {
-    "Access-control-allow-origin": "*",
+    'Access-control-allow-origin': '*'
   },
   paramsSerializer: (params) => {
     return qs.stringify(params);
-  },
+  }
 });
 
 // 请求拦截器
@@ -37,10 +37,7 @@ service.interceptors.request.use(
 service.interceptors.response.use(
   (response: AxiosResponse) => {
     // 检查配置的响应类型是否为二进制类型（'blob' 或 'arraybuffer'）, 如果是，直接返回响应对象
-    if (
-      response.config.responseType === "blob" ||
-      response.config.responseType === "arraybuffer"
-    ) {
+    if (response.config.responseType === 'blob' || response.config.responseType === 'arraybuffer') {
       return response;
     }
 
@@ -50,31 +47,31 @@ service.interceptors.response.use(
     }
     ElMessage({
       showClose: true,
-      message: retmsg || i18n.global.t("pageTipText.systemError"),
+      message: retmsg || i18n.global.t('pageTipText.systemError'),
       icon: IconError,
-      customClass: "o-message--error",
-      duration: 3000,
+      customClass: 'o-message--error',
+      duration: 3000
     });
-    return Promise.reject(new Error(retmsg || "Error"));
+    return Promise.reject(new Error(retmsg || 'Error'));
   },
   (error: any) => {
     // 异常处理
     if (error?.response?.data) {
       const { retcode, retmsg } = error.response.data;
       if (retcode?.toString() === ResultEnum.TOKEN_INVALID) {
-        if (error?.config?.url === "/user/login") {
+        if (error?.config?.url === '/user/login') {
           ElMessage({
             showClose: true,
-            message: i18n.global.t("login.message.loginTip"),
+            message: i18n.global.t('login.message.loginTip'),
             icon: IconError,
-            customClass: "o-message--error",
-            duration: 3000,
+            customClass: 'o-message--error',
+            duration: 3000
           });
         } else {
           ElNotification({
-            title: i18n.global.t("dialogTipText.tipsText"),
-            message: i18n.global.t("login.message.loginToken"),
-            type: "info",
+            title: i18n.global.t('dialogTipText.tipsText'),
+            message: i18n.global.t('login.message.loginToken'),
+            type: 'info'
           });
           useUserStoreHook()
             .resetToken()
@@ -87,8 +84,8 @@ service.interceptors.response.use(
           showClose: true,
           message: retmsg || error?.message,
           icon: IconError,
-          customClass: "o-message--error",
-          duration: 3000,
+          customClass: 'o-message--error',
+          duration: 3000
         });
       }
     } else {
@@ -96,8 +93,8 @@ service.interceptors.response.use(
         showClose: true,
         message: error?.message,
         icon: IconError,
-        customClass: "o-message--error",
-        duration: 3000,
+        customClass: 'o-message--error',
+        duration: 3000
       });
     }
     return Promise.reject(error.message);
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index cd78c36..eee8bc2 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -11,9 +11,8 @@
           type="primary"
           target="_blank"
           class="home-menu"
-          :underline="false"
-        >
-          {{ $t("btnText.homePage") }}
+          :underline="false">
+          {{ $t('btnText.homePage') }}
         </el-link>
         <div>/</div>
         <div class="kf-name">
@@ -21,11 +20,7 @@
         </div>
       </div>
       <div class="kf-right-title">
-        {{
-          menuType === MenuType.KL_FILE
-            ? $t("btnText.assetDocList")
-            : $t("btnText.configInfo")
-        }}
+        {{ menuType === MenuType.KL_FILE ? $t('btnText.assetDocList') : $t('btnText.configInfo') }}
       </div>
     </div>
     <div class="kf-container-action">
@@ -33,57 +28,53 @@
         <div
           class="kf-file-btn"
           :class="menuType === MenuType.KL_FILE ? 'kf-ops-btn' : ''"
-          @click="handleChangeMenu(MenuType.KL_FILE)"
-        >
-          {{ $t("btnText.assetDocList") }}
+          @click="handleChangeMenu(MenuType.KL_FILE)">
+          {{ $t('btnText.assetDocList') }}
         </div>
         <div
           class="kf-file-config"
           :class="menuType === MenuType.KL_CONFIG ? 'kf-ops-btn' : ''"
-          @click="handleChangeMenu(MenuType.KL_CONFIG)"
-        >
-          {{ $t("btnText.configInfo") }}
+          @click="handleChangeMenu(MenuType.KL_CONFIG)">
+          {{ $t('btnText.configInfo') }}
         </div>
       </div>
-      <div class="kf-container-right" v-if="menuType === MenuType.KL_FILE">
+      <div
+        class="kf-container-right"
+        v-if="menuType === MenuType.KL_FILE">
         <div class="kf-container-table-ops">
           <el-button
             type="primary"
             style="margin-right: 24px"
             @click="handleImportKnowledge"
-            class="importFileBtn"
-          >
-            {{ $t("btnText.importFile") }}
+            class="importFileBtn">
+            {{ $t('btnText.importFile') }}
           </el-button>
           <el-dropdown
             placement="bottom"
             popper-class="dropdown-container kf-ops-dowlon"
-            @visible-change="handleBatchDownBth"
-          >
+            @visible-change="handleBatchDownBth">
             <el-button :class="batchDownBth ? 'upBtn' : 'downBtn'">
-              {{ $t("btnText.batchDown") }}
-              <el-icon class="el-icon--right" v-if="!batchDownBth">
+              {{ $t('btnText.batchDown') }}
+              <el-icon
+                class="el-icon--right"
+                v-if="!batchDownBth">
                 <IconCaretDown />
               </el-icon>
               <el-icon
                 class="el-icon--right el-icon--caretup"
-                v-if="batchDownBth"
-              >
+                v-if="batchDownBth">
                 <IconCaretUp />
               </el-icon>
             </el-button>
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item
-                  @click="handleDownloadFile(fileTableList.data)"
-                >
-                  {{ $t("btnText.downloadAll") }}
+                <el-dropdown-item @click="handleDownloadFile(fileTableList.data)">
+                  {{ $t('btnText.downloadAll') }}
                 </el-dropdown-item>
                 <el-dropdown-item
                   :disabled="!(selectionFileData.length > 0)"
-                  @click="handleDownloadFile(selectionFileData)"
-                >
-                  {{ $t("btnText.downloadChoose") }}
+                  @click="handleDownloadFile(selectionFileData)">
+                  {{ $t('btnText.downloadChoose') }}
                 </el-dropdown-item>
               </el-dropdown-menu>
             </template>
@@ -91,16 +82,14 @@
           <el-button
             class="delFileBtn"
             :disabled="!(selectionFileData.length > 0)"
-            @click="handleSelectRunKl"
-          >
-            {{ $t("btnText.analytic") }}
+            @click="handleSelectRunKl">
+            {{ $t('btnText.analytic') }}
           </el-button>
           <el-button
             class="delFileBtn cancelBtn"
             :disabled="!(selectionFileData.length > 0)"
-            @click="handleSelectDeleteKl"
-          >
-            {{ $t("btnText.delete") }}
+            @click="handleSelectDeleteKl">
+            {{ $t('btnText.delete') }}
           </el-button>
         </div>
         <div class="kf-container-table-box">
@@ -112,34 +101,30 @@
             @selection-change="handleSelectionChange"
             @sort-change="handleSortChange"
             ref="multipleTable"
-            :border="true"
-          >
+            :border="true">
             <el-table-column
               type="selection"
               :fixed="true"
               class-name="kl-selection"
               width="35"
-              :reserve-selection="true"
-            />
+              :reserve-selection="true" />
             <el-table-column
               prop="name"
               :label="$t('assetFile.docName')"
               show-overflow-tooltip
               :fixed="true"
               class-name="kl-name"
-              min-width="150"
-            >
+              min-width="150">
               <template #header>
                 <div class="custom-header">
-                  <span>{{ $t("assetFile.docName") }}</span>
+                  <span>{{ $t('assetFile.docName') }}</span>
                   <el-icon
                     ref="inputSearchRef"
                     :class="
                       searchPayload?.name?.length > 0 || fileFilterVisible
                         ? 'searchIconIsActive'
                         : ''
-                    "
-                  >
+                    ">
                     <IconSearch />
                   </el-icon>
                   <el-popover
@@ -150,22 +135,19 @@
                     :virtual-ref="inputSearchRef"
                     :show-arrow="false"
                     trigger="click"
-                    virtual-triggering
-                  >
+                    virtual-triggering>
                     <FilterContainr
                       filterType="input"
                       v-model:serachName="searchPayload.name"
                       :hanldeSearhNameFilter="hanldeSearhNameFilter"
-                      :searchPayload="searchPayload"
-                    />
+                      :searchPayload="searchPayload" />
                   </el-popover>
                 </div>
               </template>
               <template #default="scope">
                 <span
                   class="kf-name-row"
-                  @click="handleJumpFileSection(scope.row)"
-                >
+                  @click="handleJumpFileSection(scope.row)">
                   {{ scope.row.name }}
                 </span>
               </template>
@@ -174,20 +156,17 @@
               prop="document_type"
               :label="$t('assetFile.category')"
               width="150"
-              show-overflow-tooltip
-            >
+              show-overflow-tooltip>
               <template #header>
                 <div class="custom-header">
-                  <span>{{ $t("assetFile.category") }}</span>
+                  <span>{{ $t('assetFile.category') }}</span>
                   <el-icon
                     ref="buttonRef"
                     :class="
-                      searchPayload?.document_type_list?.length > 0 ||
-                      categoryFilterVisible
+                      searchPayload?.document_type_list?.length > 0 || categoryFilterVisible
                         ? 'searchIconIsActive'
                         : ''
-                    "
-                  >
+                    ">
                     <IconFilter />
                   </el-icon>
                   <el-popover
@@ -198,14 +177,12 @@
                     :virtual-ref="buttonRef"
                     :show-arrow="false"
                     trigger="click"
-                    virtual-triggering
-                  >
+                    virtual-triggering>
                     <FilterContainr
                       filterType="checkBox"
                       :handelSubFilterProper="handelCategoryFilterProper"
                       :filterList="filterCategoryList"
-                      :checkedFilterList="checkedFilterList"
-                    />
+                      :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
@@ -217,8 +194,7 @@
               prop="chunk_size"
               :label="$t('assetFile.chunkSize')"
               sortable
-              width="120"
-            />
+              width="120" />
             <el-table-column
               prop="created_time"
               class-name="upload-time-cell"
@@ -226,11 +202,10 @@
               :label="$t('assetFile.uploadTime')"
               width="200"
               @header-click="handleHeaderClick"
-              @click.stop
-            >
+              @click.stop>
               <template #header>
                 <div class="custom-header">
-                  <span>{{ $t("assetFile.uploadTime") }}</span>
+                  <span>{{ $t('assetFile.uploadTime') }}</span>
                   <el-date-picker
                     popper-class="datetimerangeClass"
                     placement="bottom"
@@ -245,25 +220,21 @@
                     :unlink-panels="true"
                     @change="handleTimeChange"
                     ref="tiemPick"
-                    @visible-change="handleVisibleChange"
-                  />
+                    @visible-change="handleVisibleChange" />
                   <el-popover
                     :visible="timeFilterVisible"
                     popper-class="filterPopper timeFilterPo"
                     placement="bottom-start"
-                    :show-arrow="false"
-                  >
+                    :show-arrow="false">
                     <template #reference>
                       <el-icon
                         @click="handeDatePickerShow"
                         @click.stop
                         :class="
-                          searchPayload?.created_time_start?.length > 0 ||
-                          timeFilterVisible
+                          searchPayload?.created_time_start?.length > 0 || timeFilterVisible
                             ? 'searchIconIsActive'
                             : ''
-                        "
-                      >
+                        ">
                         <IconFilter />
                       </el-icon>
                     </template>
@@ -277,11 +248,10 @@
             <el-table-column
               prop="status"
               :label="$t('assetFile.analyticStatus')"
-              width="220"
-            >
+              width="220">
               <template #header>
                 <div class="custom-header">
-                  <span>{{ $t("assetFile.analyticStatus") }}</span>
+                  <span>{{ $t('assetFile.analyticStatus') }}</span>
                   <el-icon
                     ref="statusRef"
                     @click.stop
@@ -289,8 +259,7 @@
                       searchPayload?.status?.length > 0 || statusFilterVisible
                         ? 'searchIconIsActive'
                         : ''
-                    "
-                  >
+                    ">
                     <IconFilter />
                   </el-icon>
                   <el-popover
@@ -301,68 +270,58 @@
                     :virtual-ref="statusRef"
                     :show-arrow="false"
                     trigger="click"
-                    virtual-triggering
-                  >
+                    virtual-triggering>
                     <FilterContainr
                       filterType="checkBox"
                       :filterList="filterStatusList"
                       :handelSubFilterProper="handelStatusFilterProper"
-                      :checkedFilterList="checkedFilterList"
-                    />
+                      :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
               <template #default="scope">
                 <div
                   v-if="scope.row.task.status === StatusEnum.FAIL"
-                  class="statusFail"
-                >
-                  {{ $t("assetFile.status.analyticFail") }}
+                  class="statusFail">
+                  {{ $t('assetFile.status.analyticFail') }}
                 </div>
                 <div
                   v-if="scope.row.task.status === StatusEnum.SUCCESS"
-                  class="statusSuccess"
-                >
-                  {{ $t("assetFile.status.analyticSucces") }}
+                  class="statusSuccess">
+                  {{ $t('assetFile.status.analyticSucces') }}
                 </div>
                 <div
                   v-if="scope.row.task.status === StatusEnum.CANCEL"
-                  class="statusCancel"
-                >
-                  {{ $t("assetFile.status.cancelAnalytic") }}
+                  class="statusCancel">
+                  {{ $t('assetFile.status.cancelAnalytic') }}
                 </div>
                 <div
                   v-if="scope.row.task.status === StatusEnum.ANALYSIS_ING"
-                  class="statusWaitIng"
-                >
+                  class="statusWaitIng">
                   <div class="icon-box icon-loading"></div>
-                  {{ $t("assetFile.status.analyticWaitIng") }}
+                  {{ $t('assetFile.status.analyticWaitIng') }}
                 </div>
                 <div
                   class="statusAnalysis"
-                  v-if="scope.row.task.status === StatusEnum.RUNNING"
-                >
+                  v-if="scope.row.task.status === StatusEnum.RUNNING">
                   <div class="percent-box">
                     <el-progress
                       :percentage="
                         scope.row.task?.reports?.[0]?.current_stage &&
                         scope.row.task?.reports?.[0]?.stage_cnt
                           ? Math.floor(
-                              ((scope.row.task?.reports?.[0]?.current_stage ||
-                                0) /
-                                (scope.row.task?.reports?.[0]?.stage_cnt ||
-                                  0)) *
+                              ((scope.row.task?.reports?.[0]?.current_stage || 0) /
+                                (scope.row.task?.reports?.[0]?.stage_cnt || 0)) *
                                 100
                             )
                           : 0
                       "
                       :color="customColor"
                       striped
-                      striped-flow
-                    />
+                      striped-flow />
                   </div>
                   <div class="statusAnalysisText">
-                    {{ $t("assetFile.status.analyticIng") }}
+                    {{ $t('assetFile.status.analyticIng') }}
                   </div>
                 </div>
               </template>
@@ -371,20 +330,17 @@
               prop="parser_method"
               :label="$t('assetFile.parsingMethod')"
               width="150"
-              show-overflow-tooltip
-            >
+              show-overflow-tooltip>
               <template #header>
                 <div class="custom-header">
-                  <span>{{ $t("assetFile.parsingMethod") }}</span>
+                  <span>{{ $t('assetFile.parsingMethod') }}</span>
                   <el-icon
                     ref="parserMethodRef"
                     :class="
-                      searchPayload?.parser_method?.length > 0 ||
-                      parserMethodVisible
+                      searchPayload?.parser_method?.length > 0 || parserMethodVisible
                         ? 'searchIconIsActive'
                         : ''
-                    "
-                  >
+                    ">
                     <IconFilter />
                   </el-icon>
                   <el-popover
@@ -395,14 +351,12 @@
                     :virtual-ref="parserMethodRef"
                     :show-arrow="false"
                     trigger="click"
-                    virtual-triggering
-                  >
+                    virtual-triggering>
                     <FilterContainr
                       filterType="checkBox"
                       :handelSubFilterProper="handelParserMethodFilterProper"
                       :filterList="parserMethodOptions"
-                      :checkedFilterList="checkedFilterList"
-                    />
+                      :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
@@ -410,17 +364,14 @@
             <el-table-column
               prop="status"
               :label="$t('assetFile.parsingComTime')"
-              width="200"
-            >
+              width="200">
               <template #default="scope">
                 <div>
                   {{
-                    scope?.row?.task?.status === "success" &&
+                    scope?.row?.task?.status === 'success' &&
                     scope?.row?.task?.reports?.[0]?.create_time
-                      ? convertUTCToLocalTime(
-                          scope?.row?.task?.reports?.[0]?.create_time
-                        )
-                      : "--"
+                      ? convertUTCToLocalTime(scope?.row?.task?.reports?.[0]?.create_time)
+                      : '--'
                   }}
                 </div>
               </template>
@@ -428,11 +379,10 @@
             <el-table-column
               prop="enabled"
               :label="$t('btnText.enable')"
-              width="120"
-            >
+              width="120">
               <template #header>
                 <div class="custom-header">
-                  <span>{{ $t("btnText.enable") }}</span>
+                  <span>{{ $t('btnText.enable') }}</span>
                   <el-icon
                     ref="enableRef"
                     @click.stop
@@ -440,8 +390,7 @@
                       searchPayload?.enabled?.length > 0 || enableFilterVisible
                         ? 'searchIconIsActive'
                         : ''
-                    "
-                  >
+                    ">
                     <IconFilter />
                   </el-icon>
                   <el-popover
@@ -452,14 +401,12 @@
                     :virtual-ref="enableRef"
                     :show-arrow="false"
                     trigger="click"
-                    virtual-triggering
-                  >
+                    virtual-triggering>
                     <FilterContainr
                       :filterList="filterEnableList"
                       filterType="checkBox"
                       :handelSubFilterProper="handelEnableFilterProper"
-                      :checkedFilterList="checkedFilterList"
-                    />
+                      :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
@@ -467,26 +414,20 @@
                 <el-switch
                   v-model:model-value="scope.row.enabled"
                   @change="handleSwitch(scope.row)"
-                  style="
-                    --el-switch-on-color: #24ab36;
-                    --el-switch-off-color: #c3cedf;
-                  "
-                />
+                  style="--el-switch-on-color: #24ab36; --el-switch-off-color: #c3cedf" />
               </template>
             </el-table-column>
             <el-table-column
               prop="action"
               :label="$t('btnText.operation')"
               width="220"
-              fixed="right"
-            >
+              fixed="right">
               <template #default="scope">
                 <el-button
                   v-if="scope.row.status === StatusEnum.RUNNING"
                   text
-                  @click="handleRunKl(scope.row, 'cancel')"
-                >
-                  {{ $t("btnText.cancel") }}
+                  @click="handleRunKl(scope.row, 'cancel')">
+                  {{ $t('btnText.cancel') }}
                 </el-button>
                 <el-button
                   v-if="
@@ -494,30 +435,29 @@
                       StatusEnum.FAIL,
                       StatusEnum.CANCEL,
                       StatusEnum.ANALYSIS_ING,
-                      StatusEnum.SUCCESS,
+                      StatusEnum.SUCCESS
                     ].includes(scope.row.status)
                   "
                   text
-                  @click="handleRunKl(scope.row, 'run')"
-                >
-                  {{ $t("btnText.analytic") }}
+                  @click="handleRunKl(scope.row, 'run')">
+                  {{ $t('btnText.analytic') }}
                 </el-button>
                 <el-button
                   text
                   :disabled="scope.row.status === StatusEnum.RUNNING"
-                  @click="handleEditKl(scope.row)"
-                >
-                  {{ $t("btnText.edit") }}
+                  @click="handleEditKl(scope.row)">
+                  {{ $t('btnText.edit') }}
                 </el-button>
-                <el-button text @click="handleDownloadFile([scope.row])">
-                  {{ $t("btnText.download") }}
+                <el-button
+                  text
+                  @click="handleDownloadFile([scope.row])">
+                  {{ $t('btnText.download') }}
                 </el-button>
                 <el-button
                   :disabled="scope.row.status === StatusEnum.RUNNING"
                   text
-                  @click="handleDeleteKl(scope.row)"
-                >
-                  {{ $t("btnText.delete") }}
+                  @click="handleDeleteKl(scope.row)">
+                  {{ $t('btnText.delete') }}
                 </el-button>
               </template>
             </el-table-column>
@@ -530,19 +470,16 @@
             :layout="pagination.layout"
             :total="totalCount"
             popper-class="kbLibraryPage"
-            @change="handleChangePage"
-          />
+            @change="handleChangePage" />
         </div>
       </div>
       <div
         class="kf-container-right kf-container-form"
-        v-if="menuType === MenuType.KL_CONFIG"
-      >
+        v-if="menuType === MenuType.KL_CONFIG">
         <KnowledgeForm
           :configInfo="true"
           :formData="kbInfo"
-          :handleQueryKbData="handleQueryKbData"
-        />
+          :handleQueryKbData="handleQueryKbData" />
       </div>
     </div>
   </div>
@@ -550,8 +487,7 @@
     v-model="dialogImportVisible"
     class="upload-dialog"
     align-center
-    :title="$t('btnText.importFile')"
-  >
+    :title="$t('btnText.importFile')">
     <Upload
       :singleFileLimit="true"
       :singleFileSize="0.05"
@@ -566,30 +502,29 @@
       :taskListImportDate="taskListImportDate"
       :toggleUploadNotify="toggleUploadNotify"
       :handleImportLoading="handleImportLoading"
-      uploadType="file"
-    />
+      uploadType="file" />
   </el-dialog>
   <el-dialog
     align-center
     v-model="cancelTipVisible"
     class="tip-dialog"
     width="432"
-    :title="$t('dialogTipText.tipsText')"
-  >
+    :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
       <span class="iconAlarmOrange"><IconAlarmOrange /></span>
-      {{ $t("dialogTipText.confirmCancelAnalytic") }}
+      {{ $t('dialogTipText.confirmCancelAnalytic') }}
     </div>
     <div class="tip-ops-btn">
-      <el-button class="resetBtn" @click="handleConfirmFileAnalytic">
-        {{ $t("btnText.confirm") }}
+      <el-button
+        class="resetBtn"
+        @click="handleConfirmFileAnalytic">
+        {{ $t('btnText.confirm') }}
       </el-button>
       <el-button
         type="primary"
         class="resetBtn cancelBtn"
-        @click="handleCancelVisible"
-      >
-        {{ $t("btnText.cancel") }}
+        @click="handleCancelVisible">
+        {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </el-dialog>
@@ -598,19 +533,18 @@
     v-model="delTipVisible"
     class="tip-dialog"
     width="400"
-    :title="$t('dialogTipText.tipsText')"
-  >
+    :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
       <span class="iconAlarmOrange"><IconAlarmOrange /></span>
       <span>
-        {{ $t("dialogTipText.confirmDelFile") }}
+        {{ $t('dialogTipText.confirmDelFile') }}
         <span>
           【
           <span class="delToolTip">
             <TextSingleTootip :content="opsItem.name" />
           </span>
           】
-          {{ userLanguage === "zh" ? "吗？" : null }}
+          {{ userLanguage === 'zh' ? '吗？' : null }}
         </span>
       </span>
     </div>
@@ -618,12 +552,13 @@
       <el-button
         class="resetBtn"
         type="primary"
-        @click="handleConfirmDleSingle(opsItem)"
-      >
-        {{ $t("btnText.confirm") }}
+        @click="handleConfirmDleSingle(opsItem)">
+        {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button class="resetBtn cancelBtn" @click="handleCancelVisible">
-        {{ $t("btnText.cancel") }}
+      <el-button
+        class="resetBtn cancelBtn"
+        @click="handleCancelVisible">
+        {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </el-dialog>
@@ -632,24 +567,24 @@
     v-model="delSelectTipVisible"
     class="tip-dialog"
     width="400"
-    :title="$t('dialogTipText.tipsText')"
-  >
+    :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
       <span class="iconAlarmOrange"><IconAlarmOrange /></span>
       <span>
-        {{ $t("dialogTipText.confirmDelSelected") }}
+        {{ $t('dialogTipText.confirmDelSelected') }}
       </span>
     </div>
     <div class="tip-ops-btn">
       <el-button
         class="resetBtn"
         type="primary"
-        @click="handleConfirmDleSelected"
-      >
-        {{ $t("btnText.confirm") }}
+        @click="handleConfirmDleSelected">
+        {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button class="resetBtn cancelBtn" @click="handleCancelVisible">
-        {{ $t("btnText.cancel") }}
+      <el-button
+        class="resetBtn cancelBtn"
+        @click="handleCancelVisible">
+        {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </el-dialog>
@@ -659,8 +594,7 @@
     class="edit-dialog"
     align-center
     width="560"
-    :title="$t('dialogTipText.eidtFile')"
-  >
+    :title="$t('dialogTipText.eidtFile')">
     <el-form
       ref="ruleFormRef"
       style="max-width: 600px"
@@ -668,67 +602,59 @@
       :rules="rules"
       label-width="116"
       class="kl-ruleForm kf-ruleForm"
-      label-position="left"
-    >
+      label-position="left">
       <el-form-item
         :label="$t('assetFile.docName')"
         prop="name"
-        class="docName"
-      >
+        class="docName">
         <el-input
           v-model="ruleForm.name"
-          :placeholder="$t('assetLibrary.message.pleasePlace')"
-        />
+          :placeholder="$t('assetLibrary.message.pleasePlace')" />
       </el-form-item>
       <el-form-item
         :label="$t('assetLibrary.analyticMethod')"
-        prop="parser_method"
-      >
+        prop="parser_method">
         <el-select
           v-model="ruleForm.parser_method"
           :placeholder="$t('assetLibrary.message.pleaseChoose')"
           :teleported="false"
-          :suffix-icon="IconCaretDown"
-        >
+          :suffix-icon="IconCaretDown">
           <el-option
             v-for="item in parserMethodOptions"
             :key="item.value"
             :label="item.label"
-            :value="item.value"
-          />
+            :value="item.value" />
         </el-select>
       </el-form-item>
-      <el-form-item :label="$t('assetFile.category')" prop="type_id">
+      <el-form-item
+        :label="$t('assetFile.category')"
+        prop="type_id">
         <el-select
           v-model="ruleForm.type_id"
           popper-class="docTypeClass"
           :placeholder="$t('assetLibrary.message.pleaseChoose')"
           :suffix-icon="IconCaretDown"
-          :teleported="false"
-        >
+          :teleported="false">
           <el-option
             v-for="item in filterCategoryList"
             :key="item.value"
             :label="item.label"
-            :value="item.value"
-          />
+            :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item
         :label="$t('assetLibrary.fileChunkSize')"
         prop="szie"
-        class="fileChunkSize"
-      >
+        class="fileChunkSize">
         <el-input-number
           class="config-size"
           v-model="ruleForm.chunk_size"
           :min="512"
-          :max="1024"
-        />
+          :max="1024" />
         <span class="form-right-tip">（512~1024）</span>
         <div class="editTip">
           <span class="iconAlarmOrange"><IconAlarmOrange /></span>
-          <span class="editTipText">{{ $t("assetFile.analyticTip") }}</span>
+          <span class="editTipText">{{ $t('assetFile.analyticTip') }}</span>
         </div>
       </el-form-item>
       <el-form-item class="kl-ops-btn">
@@ -736,12 +662,13 @@
           class="resetBtn"
           type="primary"
           :disabled="isSubmitDisabled"
-          @click="submitForm(ruleFormRef)"
-        >
-          {{ $t("btnText.confirm") }}
+          @click="submitForm(ruleFormRef)">
+          {{ $t('btnText.confirm') }}
         </el-button>
-        <el-button class="resetBtn cancelBtn" @click="handleCancelVisible()">
-          {{ $t("btnText.cancel") }}
+        <el-button
+          class="resetBtn cancelBtn"
+          @click="handleCancelVisible()">
+          {{ $t('btnText.cancel') }}
         </el-button>
       </el-form-item>
     </el-form>
@@ -755,44 +682,40 @@
     :handleUploadRestart="uploadTaskListData.handleUploadRestart"
     :taskListImportDate="taskListImportDate"
     :importTaskTotal="importTaskTotal"
-    :isShowAllClear="false"
-  />
+    :isShowAllClear="false" />
 </template>
 <script setup lang="ts">
-import HeaderBar from "@/components/UserHeaderBar/headerCom.vue";
-import UploadProgress from "@/components/Upload/uploadProgress.vue";
-import "@/styles/knowledgeFile.scss";
+import HeaderBar from '@/components/UserHeaderBar/headerCom.vue';
+import UploadProgress from '@/components/Upload/uploadProgress.vue';
+import '@/styles/knowledgeFile.scss';
 import {
   IconAlarmOrange,
   IconCaretDown,
   IconCaretUp,
   IconFilter,
   IconSearch,
-  IconSuccess,
-} from "@computing/opendesign-icons";
-import { StatusEnum, MenuType } from "@/enums/KnowledgeEnum";
-import KnowledgeForm from "@/components/KnowledgeForm/index.vue";
-import FilterContainr from "@/components/TableFilter/index.vue";
+  IconSuccess
+} from '@computing/opendesign-icons';
+import { StatusEnum, MenuType } from '@/enums/KnowledgeEnum';
+import KnowledgeForm from '@/components/KnowledgeForm/index.vue';
+import FilterContainr from '@/components/TableFilter/index.vue';
 const { t } = useI18n();
-import { ElLoading, type FormInstance, type FormRules } from "element-plus";
-import KfAppAPI from "@/api/kfApp";
-import { DocListRequest } from "@/api/apiType";
-import KbAppAPI from "@/api/kbApp";
-import TextTooltip from "@/components/TextSingleTootip/index.vue";
+import { ElLoading, type FormInstance, type FormRules } from 'element-plus';
+import KfAppAPI from '@/api/kfApp';
+import { DocListRequest } from '@/api/apiType';
+import KbAppAPI from '@/api/kbApp';
+import TextTooltip from '@/components/TextSingleTootip/index.vue';
 
-import CustomLoading from "@/components/CustomLoading/index.vue";
-import {
-  convertUTCToLocalTime,
-  uTCToLocalTime,
-} from "@/utils/convertUTCToLocalTime";
+import CustomLoading from '@/components/CustomLoading/index.vue';
+import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
 
-import { FileForm, DocumentType } from "./fileConfig";
+import { FileForm, DocumentType } from './fileConfig';
 
 const router = useRouter();
 const route = useRoute();
 const dialogImportVisible = ref(false);
-const customColor = ref("#0077FF");
-const menuType = ref("klFile");
+const customColor = ref('#0077FF');
+const menuType = ref('klFile');
 const buttonRef = ref();
 const created_time = ref();
 const statusRef = ref();
@@ -816,15 +739,15 @@ const multipleTable = ref();
 const selectionFileData = ref<any[]>([]);
 const importTaskTotal = ref(0);
 const searchPayload = ref<any>({
-  name: "",
+  name: '',
   document_type_list: [],
-  chunk_size_order: "",
-  created_time_order: "",
+  chunk_size_order: '',
+  created_time_order: '',
   status: [],
-  created_time_start: "",
-  created_time_end: "",
-  enabled: "",
-  parser_method: [],
+  created_time_start: '',
+  created_time_end: '',
+  enabled: '',
+  parser_method: []
 });
 const kbInfo = ref<any>({});
 const checkedFilterList = ref([]);
@@ -835,7 +758,7 @@ const filterEnableList = ref();
 const ruleFormRef = ref<FormInstance>();
 const pagination = ref({
   pageSizes: [10, 20, 30, 40, 50],
-  layout: "total,sizes,prev,pager,next,jumper",
+  layout: 'total,sizes,prev,pager,next,jumper'
 });
 const currentPage = ref(1);
 const totalCount = ref(0);
@@ -851,67 +774,67 @@ const parserMethodOptions = ref<any>([]);
 const userLanguage = ref();
 const isSubmitDisabled = ref(true);
 const ruleForm = ref<FileForm>({
-  id: "",
-  name: "",
-  type_id: "",
-  parser_method: "",
-  chunk_size: 1024,
+  id: '',
+  name: '',
+  type_id: '',
+  parser_method: '',
+  chunk_size: 1024
 });
 const rules = reactive({
   name: [
     {
       required: true,
-      message: t("assetFile.message.name"),
-      trigger: ["blur", "change"],
+      message: t('assetFile.message.name'),
+      trigger: ['blur', 'change']
     },
     {
       min: 1,
-      message: t("assetFile.message.docNameLen"),
-      trigger: ["blur", "change"],
-    },
-  ],
+      message: t('assetFile.message.docNameLen'),
+      trigger: ['blur', 'change']
+    }
+  ]
 });
 const shortcuts = ref();
 
 const fileTableList = reactive<{
   data: Array<any>;
 }>({
-  data: [],
+  data: []
 });
 
 watch(
-  () => t(""),
+  () => t(''),
   (newVal, oldVal) => {
     filterStatusList.value = [
       {
-        label: t("assetFile.status.analyticFail"),
-        value: StatusEnum.FAIL,
+        label: t('assetFile.status.analyticFail'),
+        value: StatusEnum.FAIL
       },
       {
-        label: t("assetFile.status.analyticSucces"),
-        value: StatusEnum.SUCCESS,
+        label: t('assetFile.status.analyticSucces'),
+        value: StatusEnum.SUCCESS
       },
       {
-        label: t("assetFile.status.cancelAnalytic"),
-        value: StatusEnum.CANCEL,
+        label: t('assetFile.status.cancelAnalytic'),
+        value: StatusEnum.CANCEL
       },
       {
-        label: t("assetFile.status.analyticWaitIng"),
-        value: StatusEnum.ANALYSIS_ING,
+        label: t('assetFile.status.analyticWaitIng'),
+        value: StatusEnum.ANALYSIS_ING
       },
       {
-        label: t("assetFile.status.analyticIng"),
-        value: StatusEnum.RUNNING,
-      },
+        label: t('assetFile.status.analyticIng'),
+        value: StatusEnum.RUNNING
+      }
     ];
     filterEnableList.value = [
-      { label: t("assetFile.open"), value: "true" },
-      { label: t("assetFile.close"), value: "false" },
+      { label: t('assetFile.open'), value: 'true' },
+      { label: t('assetFile.close'), value: 'false' }
     ];
     shortcuts.value = [
       {
-        text: t("timerSearch.lastHour", {
-          timer: 12,
+        text: t('timerSearch.lastHour', {
+          timer: 12
         }),
         value: () => {
           const end = new Date();
@@ -919,49 +842,47 @@ watch(
           start.setHours(start.getHours() - 12);
 
           return [start, end];
-        },
+        }
       },
       {
-        text: t("timerSearch.lastHour", {
-          timer: 1,
+        text: t('timerSearch.lastHour', {
+          timer: 1
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 1);
           return [start, end];
-        },
+        }
       },
       {
-        text: t("timerSearch.lastHour", {
-          timer: 3,
+        text: t('timerSearch.lastHour', {
+          timer: 3
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 3);
           return [start, end];
-        },
+        }
       },
       {
-        text: t("timerSearch.lastHour", {
-          timer: 7,
+        text: t('timerSearch.lastHour', {
+          timer: 7
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 7);
           return [start, end];
-        },
-      },
+        }
+      }
     ];
-    userLanguage.value = JSON.parse(
-      localStorage.getItem("userInfo") || "{}"
-    )?.language;
+    userLanguage.value = JSON.parse(localStorage.getItem('userInfo') || '{}')?.language;
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 
@@ -972,7 +893,7 @@ watch(
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 
@@ -981,27 +902,21 @@ const handleBatchDownBth = (e) => {
 };
 
 const handleSearchPayload = () => {
-  const searchParams = Object.keys(searchPayload.value || {}).reduce(
-    (pre: any, item) => {
-      if (
-        searchPayload.value?.[item]?.length > 0 &&
-        searchPayload.value?.[item] !== "all"
-      ) {
-        pre[item] = searchPayload.value[item];
-        if (item === "enabled") {
-          pre[item] = JSON.parse(searchPayload.value[item]);
-        }
+  const searchParams = Object.keys(searchPayload.value || {}).reduce((pre: any, item) => {
+    if (searchPayload.value?.[item]?.length > 0 && searchPayload.value?.[item] !== 'all') {
+      pre[item] = searchPayload.value[item];
+      if (item === 'enabled') {
+        pre[item] = JSON.parse(searchPayload.value[item]);
       }
+    }
 
-      return pre;
-    },
-    {}
-  );
+    return pre;
+  }, {});
   return searchParams || {};
 };
 
 const handleJumpHome = () => {
-  window.open(`${window.origin}/witchaind/#/knowledge/library`, "_self");
+  window.open(`${window.origin}/witchaind/#/knowledge/library`, '_self');
 };
 
 const handleHeaderClick = (e: any) => {};
@@ -1016,7 +931,7 @@ const handelStatusFilterProper = (filterList: any) => {
   handleSearchData();
 };
 const handelEnableFilterProper = (filterList: any) => {
-  searchPayload.value.enabled = filterList.length === 2 ? "all" : filterList[0];
+  searchPayload.value.enabled = filterList.length === 2 ? 'all' : filterList[0];
   handleSearchData();
 };
 
@@ -1026,20 +941,20 @@ const handelParserMethodFilterProper = (filterList: any) => {
 };
 
 const handleRunKl = (row: any, type: string) => {
-  if (type === "cancel") {
+  if (type === 'cancel') {
     cancelTipVisible.value = true;
     opsItem.value = row;
   } else {
     KfAppAPI.runLibraryFile({
       ids: [row.id],
-      run: type,
+      run: type
     }).then((res) => {
       ElMessage({
         showClose: true,
-        message: t("opsMessage.opsAnalyticIng"),
+        message: t('opsMessage.opsAnalyticIng'),
         icon: IconSuccess,
-        customClass: "o-message--success",
-        duration: 3000,
+        customClass: 'o-message--success',
+        duration: 3000
       });
       handleSearchOpsData(true, true);
     });
@@ -1049,14 +964,14 @@ const handleRunKl = (row: any, type: string) => {
 const handleConfirmFileAnalytic = () => {
   KfAppAPI.runLibraryFile({
     ids: [opsItem.value.id],
-    run: "cancel",
+    run: 'cancel'
   }).then((res) => {
     ElMessage({
       showClose: true,
-      message: t("opsMessage.opsCancel"),
+      message: t('opsMessage.opsCancel'),
       icon: IconSuccess,
-      customClass: "o-message--success",
-      duration: 3000,
+      customClass: 'o-message--success',
+      duration: 3000
     });
     handleSearchOpsData(true, true);
     handleCancelVisible();
@@ -1098,7 +1013,7 @@ const handlePollAssetFileData = () => {
     page_size: currentPageSize.value,
     kb_id: route.query.kb_id as string,
     ...handleSearchPayload(),
-    ...sortFilter.value,
+    ...sortFilter.value
   })
     .then((res: any) => {
       if (res.page_number === currentPage.value && fileTableList.data?.length) {
@@ -1108,9 +1023,7 @@ const handlePollAssetFileData = () => {
           return;
         }
         fileTableList.data = fileTableList.data.map((item) => {
-          let fileData = res?.data_list?.filter(
-            (file: any) => file.id === item.id
-          )?.[0];
+          let fileData = res?.data_list?.filter((file: any) => file.id === item.id)?.[0];
           return fileData || item;
         });
       }
@@ -1128,7 +1041,7 @@ const hanldeSearhNameFilter = (filterName: string) => {
 const handleJumpFileSection = (row: any) => {
   window.open(
     `${window.origin}/witchaind/#/knowledge/fileSection?kb_id=${route.query.kb_id}&file_id=${row.id}`,
-    "_self"
+    '_self'
   );
 };
 
@@ -1139,7 +1052,7 @@ const handleSearchData = () => {
       page_size: currentPageSize.value,
       kb_id: route.query.kb_id as string,
       ...handleSearchPayload(),
-      ...sortFilter.value,
+      ...sortFilter.value
     },
     true,
     true
@@ -1156,25 +1069,23 @@ const handleQueryKbData = () => {
   KbAppAPI.getKbLibrary({
     id: kbId,
     page_number: 1,
-    page_size: 10,
+    page_size: 10
   }).then((res: any) => {
     kbInfo.value = res.data_list?.[0] || {};
     let categoryList = JSON.parse(
-      JSON.stringify(
-        Array.from(new Set(res.data_list?.[0]?.document_type_list)) || "[]"
-      )
+      JSON.stringify(Array.from(new Set(res.data_list?.[0]?.document_type_list)) || '[]')
     );
     filterCategoryList.value = [
       ...categoryList.map((item: { type: string; id: string }) => {
         return {
           label: item.type,
-          value: item.id,
+          value: item.id
         };
       }),
       {
-        label: "default type",
-        value: "00000000-0000-0000-0000-000000000000",
-      },
+        label: 'default type',
+        value: '00000000-0000-0000-0000-000000000000'
+      }
     ].filter((item) => item?.label?.length > 0);
   });
 };
@@ -1190,7 +1101,7 @@ onMounted(() => {
       {
         kb_id: kbId as string,
         page_number: 1,
-        page_size: 20,
+        page_size: 20
       },
       true,
       true
@@ -1202,7 +1113,7 @@ onMounted(() => {
     });
     handleQueryKbData();
   }
-  document.addEventListener("click", () => handleDateTimerange);
+  document.addEventListener('click', () => handleDateTimerange);
 });
 
 const handleCleartTimer = () => {
@@ -1221,32 +1132,27 @@ const handleVisibleChange = (e) => {
 const handeDatePickerShow = (e: { pageX: string; pageY: string }) => {
   timeFilterVisible.value = true;
   tiemPick.value.handleOpen();
-  let dateTimerContainer = document.querySelector(
-    ".datetimerangeClass"
-  ) as HTMLElement;
+  let dateTimerContainer = document.querySelector('.datetimerangeClass') as HTMLElement;
   if (dateTimerContainer) {
-    dateTimerContainer.style.position = "absolute";
-    dateTimerContainer.style.left = e.pageX + "px";
-    dateTimerContainer.style.top = e.pageY + "px";
+    dateTimerContainer.style.position = 'absolute';
+    dateTimerContainer.style.left = e.pageX + 'px';
+    dateTimerContainer.style.top = e.pageY + 'px';
   }
 };
 
 const handleDateTimerange = (e: { target: Node | null }) => {
-  const dateTimeContainer = document.querySelector(".datetimerangeClass");
-  const timeFilterPo = document.querySelector(".timeFilterPo");
+  const dateTimeContainer = document.querySelector('.datetimerangeClass');
+  const timeFilterPo = document.querySelector('.timeFilterPo');
   if (dateTimeContainer) {
-    if (
-      !dateTimeContainer.contains(e.target) &&
-      !timeFilterPo?.contains(e.target)
-    ) {
+    if (!dateTimeContainer.contains(e.target) && !timeFilterPo?.contains(e.target)) {
       timeFilterVisible.value = false;
     }
   }
 };
 
 const handleTimeChange = (e: (string | undefined)[]) => {
-  searchPayload.value.created_time_start = e?.[0] ? uTCToLocalTime(e?.[0]) : "";
-  searchPayload.value.created_time_end = e?.[1] ? uTCToLocalTime(e?.[1]) : "";
+  searchPayload.value.created_time_start = e?.[0] ? uTCToLocalTime(e?.[0]) : '';
+  searchPayload.value.created_time_end = e?.[1] ? uTCToLocalTime(e?.[1]) : '';
   handleSearchOpsData(true, true);
   handleCancelVisible();
 };
@@ -1255,17 +1161,14 @@ const handleChangeMenu = (type: string) => {
   menuType.value = type;
 };
 
-const handleSearchOpsData = (
-  loadingStatus: boolean,
-  startPollTimer: boolean
-) => {
+const handleSearchOpsData = (loadingStatus: boolean, startPollTimer: boolean) => {
   handeAssetLibraryData(
     {
       page_number: currentPage.value,
       page_size: currentPageSize.value,
       kb_id: route.query.kb_id as string,
       ...handleSearchPayload(),
-      ...sortFilter.value,
+      ...sortFilter.value
     },
     loadingStatus,
     startPollTimer
@@ -1275,14 +1178,14 @@ const handleSearchOpsData = (
 const handleSwitch = (row: any) => {
   KfAppAPI.switchLibraryFile({
     id: row.id,
-    enabled: row.enabled,
+    enabled: row.enabled
   }).then((res) => {
     ElMessage({
       showClose: true,
-      message: t("opsMessage.opsSuccess"),
+      message: t('opsMessage.opsSuccess'),
       icon: IconSuccess,
-      customClass: "o-message--success",
-      duration: 3000,
+      customClass: 'o-message--success',
+      duration: 3000
     });
     handleSearchOpsData(true, true);
   });
@@ -1319,14 +1222,14 @@ const handleSelectRunKl = () => {
     ids: selectionFileData.value.map((item) => {
       return item.id;
     }),
-    run: "run",
+    run: 'run'
   }).then((res) => {
     ElMessage({
       showClose: true,
-      message: t("opsMessage.opsAnalyticIng"),
+      message: t('opsMessage.opsAnalyticIng'),
       icon: IconSuccess,
-      customClass: "o-message--success",
-      duration: 3000,
+      customClass: 'o-message--success',
+      duration: 3000
     });
     selectionFileData.value = [];
     multipleTable.value.clearSelection();
@@ -1336,14 +1239,14 @@ const handleSelectRunKl = () => {
 
 const handleConfirmDleSingle = (row: any) => {
   KfAppAPI.delLibraryFile({
-    ids: [row.id],
+    ids: [row.id]
   }).then((res) => {
     ElMessage({
       showClose: true,
-      message: t("opsMessage.delSuccess"),
+      message: t('opsMessage.delSuccess'),
       icon: IconSuccess,
-      customClass: "o-message--success",
-      duration: 3000,
+      customClass: 'o-message--success',
+      duration: 3000
     });
     let selectData = JSON.parse(JSON.stringify(selectionFileData.value));
     selectData = selectData
@@ -1370,15 +1273,15 @@ const handleConfirmDleSelected = () => {
   KfAppAPI.delLibraryFile({
     ids: selectionFileData.value.map((item) => {
       return item.id;
-    }),
+    })
   })
     .then((res) => {
       ElMessage({
         showClose: true,
-        message: t("opsMessage.delSuccess"),
+        message: t('opsMessage.delSuccess'),
         icon: IconSuccess,
-        customClass: "o-message--success",
-        duration: 3000,
+        customClass: 'o-message--success',
+        duration: 3000
       });
       currentPage.value = 1;
       handleSearchOpsData(true, true);
@@ -1397,14 +1300,14 @@ const submitForm = async (formEl: FormInstance | undefined) => {
     if (valid) {
       KfAppAPI.updateLibraryFile({
         ...ruleForm.value,
-        document_type: ruleForm.value.document_type,
+        document_type: ruleForm.value.document_type
       }).then((res) => {
         ElMessage({
           showClose: true,
-          message: t("opsMessage.modifSuccess"),
+          message: t('opsMessage.modifSuccess'),
           icon: IconSuccess,
-          customClass: "o-message--success",
-          duration: 3000,
+          customClass: 'o-message--success',
+          duration: 3000
         });
         handleSearchOpsData(true, true);
         dialogEditVisible.value = false;
@@ -1431,16 +1334,11 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
 
 const sortFilter = ref({});
 const handleSortChange = (data: { column: any; prop: string; order: any }) => {
-  let sortKey =
-    data.prop === "chunk_size" ? "chunk_size_order" : "created_time_order";
-  let sortValue = data.order
-    ? data.order === "ascending"
-      ? "asc"
-      : "desc"
-    : null;
+  let sortKey = data.prop === 'chunk_size' ? 'chunk_size_order' : 'created_time_order';
+  let sortValue = data.order ? (data.order === 'ascending' ? 'asc' : 'desc') : null;
   sortFilter.value = sortValue
     ? {
-        [sortKey]: sortValue,
+        [sortKey]: sortValue
       }
     : {};
   handleSearchOpsData(true, true);
@@ -1467,16 +1365,16 @@ const handleUploadMyFile = (options: any) => {
   KfAppAPI.importKbLibraryFile(
     {
       data: {
-        files: options.file.raw,
+        files: options.file.raw
       },
       params: {
-        kb_id: route.query.kb_id,
-      },
+        kb_id: route.query.kb_id
+      }
     },
     options
   )
     .then((res) => {
-      options.onSuccess({ ...options.fileInfo, success: "success" });
+      options.onSuccess({ ...options.fileInfo, success: 'success' });
     })
     .catch((err) => {
       options.onError({ ...options.fileInfo, error: err });
diff --git a/src/views/knowledgeFileSection/index.vue b/src/views/knowledgeFileSection/index.vue
index 0306474..495c790 100644
--- a/src/views/knowledgeFileSection/index.vue
+++ b/src/views/knowledgeFileSection/index.vue
@@ -12,9 +12,8 @@
           target="_blank"
           class="home-menu"
           :underline="false"
-          @click="handleJumpHome"
-        >
-          {{ $t("btnText.homePage") }}
+          @click="handleJumpHome">
+          {{ $t('btnText.homePage') }}
         </el-link>
         <div>/</div>
         <el-link
@@ -22,8 +21,7 @@
           type="primary"
           target="_blank"
           class="home-menu libraryName"
-          :underline="false"
-        >
+          :underline="false">
           <TextSingleTootip :content="libraryInfo?.name" />
         </el-link>
         <div>/</div>
@@ -34,16 +32,16 @@
     </div>
     <div class="kf-section-container-action">
       <div class="kf-section-container-left">
-        <div class="kf-section-info-title">{{ $t("assetFile.baseInfo") }}</div>
+        <div class="kf-section-info-title">{{ $t('assetFile.baseInfo') }}</div>
         <div class="kf-section-info-desc">
-          <div class="kf-section-info-label">{{ $t("assetFile.docName") }}</div>
+          <div class="kf-section-info-label">{{ $t('assetFile.docName') }}</div>
           <div class="kf-section-info-content">
             <TextSingleTootip :content="fileInfo?.name" />
           </div>
         </div>
         <div class="kf-section-info-desc">
           <div class="kf-section-info-label">
-            {{ $t("assetFile.category") }}
+            {{ $t('assetFile.category') }}
           </div>
           <div class="kf-section-info-content">
             <TextSingleTootip :content="fileInfo?.document_type?.type" />
@@ -51,7 +49,7 @@
         </div>
         <div class="kf-section-info-desc">
           <div class="kf-section-info-label">
-            {{ $t("assetLibrary.analyticMethod") }}
+            {{ $t('assetLibrary.analyticMethod') }}
           </div>
           <div class="kf-section-info-content">
             {{ fileInfo?.parser_method }}
@@ -59,26 +57,22 @@
         </div>
         <div class="kf-section-info-desc">
           <div class="kf-section-info-label">
-            {{ $t("assetFile.uploadTime") }}
+            {{ $t('assetFile.uploadTime') }}
           </div>
           <div class="kf-section-info-content">
-            {{
-              fileInfo?.created_time
-                ? convertUTCToLocalTime(fileInfo?.created_time)
-                : "--"
-            }}
+            {{ fileInfo?.created_time ? convertUTCToLocalTime(fileInfo?.created_time) : '--' }}
           </div>
         </div>
         <div class="kf-section-info-desc">
           <div class="kf-section-info-label">
-            {{ $t("assetFile.chunkSize") }}
+            {{ $t('assetFile.chunkSize') }}
           </div>
           <div class="kf-section-info-content">{{ fileInfo?.chunk_size }}</div>
         </div>
       </div>
       <div class="kf-section-container-right">
         <div class="kf-section-container-table-ops">
-          <div class="kf-pre-title">{{ $t("assetFile.contentView") }}</div>
+          <div class="kf-pre-title">{{ $t('assetFile.contentView') }}</div>
           <div class="kf-btn-search">
             <el-input
               ref="inputRef"
@@ -86,8 +80,7 @@
               class="flie-serch-input"
               :placeholder="$t('assetLibrary.message.pleasePlace')"
               clearable
-              @input="handleInputSearch"
-            >
+              @input="handleInputSearch">
               <template #prepend>
                 <el-popover
                   placement="bottom"
@@ -98,36 +91,28 @@
                   @show="handleShowFileType(true)"
                   @hide="handleShowFileType(false)"
                   v-popover="popoverRef"
-                  v-click-outside="onClickOutside"
-                >
+                  v-click-outside="onClickOutside">
                   <div>
                     <el-checkbox
                       v-model="checkAll"
                       :indeterminate="isIndeterminate"
                       @change="handleCheckAllChange"
-                      :class="
-                        isHoverIndex === 'all' ? 'isFileTypeChcekHover' : ''
-                      "
+                      :class="isHoverIndex === 'all' ? 'isFileTypeChcekHover' : ''"
                       @mouseover="onMouseOver('all')"
-                      @mouseout="handleMouseOut"
-                    >
-                      {{ $t("btnText.all") }}
+                      @mouseout="handleMouseOut">
+                      {{ $t('btnText.all') }}
                     </el-checkbox>
                     <el-checkbox-group
                       v-model="fileType"
-                      @change="handleCheckedCitiesChange"
-                    >
+                      @change="handleCheckedCitiesChange">
                       <el-checkbox
                         v-for="(item, index) in Object.keys(textType)"
                         :key="item"
                         :label="textType[item]"
                         :value="item"
-                        :class="
-                          isHoverIndex === index ? 'isFileTypeChcekHover' : ''
-                        "
+                        :class="isHoverIndex === index ? 'isFileTypeChcekHover' : ''"
                         @mouseover="onMouseOver(index)"
-                        @mouseout="handleMouseOut"
-                      >
+                        @mouseout="handleMouseOut">
                         {{ textType[item] }}
                       </el-checkbox>
                     </el-checkbox-group>
@@ -135,21 +120,24 @@
                   <template #reference>
                     <div
                       class="fileCheckTypeShow"
-                      :class="filteTypeShow ? 'filteTypeShowClass' : null"
-                    >
+                      :class="filteTypeShow ? 'filteTypeShowClass' : null">
                       <div class="fileCheckTypeContent">
                         <span v-if="fileType.length">
                           <span v-if="fileType.length === 3">
-                            {{ $t("btnText.all") }}
+                            {{ $t('btnText.all') }}
                           </span>
-                          <span v-else v-for="(item, index) in fileType">
+                          <span
+                            v-else
+                            v-for="(item, index) in fileType">
                             {{
-                              `${textType[item]}${fileType.length > 1 && index === 0 ? "," : ""}`
+                              `${textType[item]}${fileType.length > 1 && index === 0 ? ',' : ''}`
                             }}
                           </span>
                         </span>
-                        <span v-else class="filterPleaseChoose">
-                          {{ $t("assetLibrary.message.pleaseChoose") }}
+                        <span
+                          v-else
+                          class="filterPleaseChoose">
+                          {{ $t('assetLibrary.message.pleaseChoose') }}
                         </span>
                       </div>
                       <div class="fileTypeIcon">
@@ -157,8 +145,7 @@
                           <IconCaretDown v-if="!filteTypeShow" />
                           <IconCaretUp
                             v-if="filteTypeShow"
-                            class="icon-up el-icon--caretup"
-                          />
+                            class="icon-up el-icon--caretup" />
                         </el-icon>
                       </div>
                     </div>
@@ -173,20 +160,19 @@
           <el-dropdown
             placement="bottom"
             popper-class="dropdown-container kf-section-ops-dowlon"
-            @visible-change="handleBatchDownBth"
-          >
+            @visible-change="handleBatchDownBth">
             <el-button
               class="kf-batch-ops"
-              :class="batchDownBth ? 'upBtn' : 'downBtn'"
-            >
-              {{ $t("btnText.batch") }}
-              <el-icon class="el-icon--right" v-if="!batchDownBth">
+              :class="batchDownBth ? 'upBtn' : 'downBtn'">
+              {{ $t('btnText.batch') }}
+              <el-icon
+                class="el-icon--right"
+                v-if="!batchDownBth">
                 <IconCaretDown />
               </el-icon>
               <el-icon
                 class="el-icon--right el-icon--caretup"
-                v-if="batchDownBth"
-              >
+                v-if="batchDownBth">
                 <IconCaretUp />
               </el-icon>
             </el-button>
@@ -194,15 +180,13 @@
               <el-dropdown-menu>
                 <el-dropdown-item
                   :disabled="!(selectedData.length > 0)"
-                  @click="handleEnableData(true)"
-                >
-                  {{ $t("btnText.enable") }}
+                  @click="handleEnableData(true)">
+                  {{ $t('btnText.enable') }}
                 </el-dropdown-item>
                 <el-dropdown-item
                   :disabled="!(selectedData.length > 0)"
-                  @click="handleEnableData(false)"
-                >
-                  {{ $t("btnText.close") }}
+                  @click="handleEnableData(false)">
+                  {{ $t('btnText.close') }}
                 </el-dropdown-item>
               </el-dropdown-menu>
             </template>
@@ -212,24 +196,17 @@
           <el-table
             :data="fileTableList.data"
             ref="fileSectionTable"
-            :class-name="
-              fileTableList.data.length < currentPageSize
-                ? 'showPagination'
-                : ''
-            "
-            @selection-change="handleSelectionChange"
-          >
+            :class-name="fileTableList.data.length < currentPageSize ? 'showPagination' : ''"
+            @selection-change="handleSelectionChange">
             <el-table-column
               type="selection"
               class-name="kf-selection"
-              width="46"
-            />
+              width="46" />
 
             <el-table-column
               prop="name"
               :label="$t('btnText.selectAll')"
-              class-name="kf-file-content"
-            >
+              class-name="kf-file-content">
               <template #default="scope">
                 <div class="kf-file-content-box">
                   <div class="kf-file-content-text">
@@ -246,11 +223,7 @@
                     <el-switch
                       v-model:model-value="scope.row.enabled"
                       @change="handleSwitch(scope.row)"
-                      style="
-                        --el-switch-on-color: #24ab36;
-                        --el-switch-off-color: #c3cedf;
-                      "
-                    />
+                      style="--el-switch-on-color: #24ab36; --el-switch-off-color: #c3cedf" />
                   </div>
                 </div>
               </template>
@@ -263,52 +236,43 @@
             :layout="pagination.layout"
             :total="totalCount"
             @change="handleChangePage"
-            popper-class="kbLibraryPage"
-          />
+            popper-class="kbLibraryPage" />
         </div>
       </div>
     </div>
   </div>
 </template>
 <script setup lang="ts">
-import KbAppAPI from "@/api/kbApp";
-import KfAppAPI from "@/api/kfApp";
-import HeaderBar from "@/components/UserHeaderBar/headerCom.vue";
-import TextSingleTootip from "@/components/TextSingleTootip/index.vue";
-import CustomLoading from "@/components/CustomLoading/index.vue";
-import {
-  convertUTCToLocalTime,
-  uTCToLocalTime,
-} from "@/utils/convertUTCToLocalTime";
-import "@/styles/knowledgeFileSection.scss";
-import {
-  IconCaretDown,
-  IconSearch,
-  IconCaretUp,
-  IconSuccess,
-} from "@computing/opendesign-icons";
-import { ChunkRequest } from "@/api/apiType";
-import { debounce } from "lodash";
-import { CheckboxValueType } from "element-plus";
+import KbAppAPI from '@/api/kbApp';
+import KfAppAPI from '@/api/kfApp';
+import HeaderBar from '@/components/UserHeaderBar/headerCom.vue';
+import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
+import CustomLoading from '@/components/CustomLoading/index.vue';
+import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
+import '@/styles/knowledgeFileSection.scss';
+import { IconCaretDown, IconSearch, IconCaretUp, IconSuccess } from '@computing/opendesign-icons';
+import { ChunkRequest } from '@/api/apiType';
+import { debounce } from 'lodash';
+import { CheckboxValueType } from 'element-plus';
 const { t } = useI18n();
 
 const route = useRoute();
 const textkeyWord = ref();
 const textType = ref<any>({
-  para: t("fileChunk.parag"),
-  table: t("fileChunk.table"),
-  image: t("fileChunk.img"),
+  para: t('fileChunk.parag'),
+  table: t('fileChunk.table'),
+  image: t('fileChunk.img')
 });
-const fileType = ref<any>(["para", "table", "image"]);
+const fileType = ref<any>(['para', 'table', 'image']);
 const pagination = ref({
-  layout: "total,sizes,prev,pager,next,jumper",
+  layout: 'total,sizes,prev,pager,next,jumper'
 });
 const currentPage = ref(1);
 const currentPageSize = ref(20);
 const fileTableList = reactive<{
   data: Array<any>;
 }>({
-  data: [],
+  data: []
 });
 const libraryInfo = ref<any>({});
 const fileInfo = ref<any>({});
@@ -327,7 +291,7 @@ const batchDownBth = ref(false);
 
 const highlightSearchTerm = (text: String, searchTerm: any) => {
   const highlightedTerm = `<span class="highlighted-term">${searchTerm}</span>`;
-  const regex = new RegExp(searchTerm, "gi");
+  const regex = new RegExp(searchTerm, 'gi');
   return text.replace(regex, highlightedTerm);
 };
 
@@ -340,9 +304,7 @@ const handleFileSectionData = (payload: ChunkRequest) => {
         res?.data_list?.map((item: { text: String }) => {
           return {
             ...item,
-            text: payload.text?.length
-              ? highlightSearchTerm(item.text, payload.text)
-              : item.text,
+            text: payload.text?.length ? highlightSearchTerm(item.text, payload.text) : item.text
           };
         }) || [];
       totalCount.value = res?.total || 0;
@@ -358,7 +320,7 @@ const handeSearchFileType = () => {
     document_id: ids.value.document_id,
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    text: textkeyWord.value,
+    text: textkeyWord.value
   };
   if (fileType.value?.length) {
     payload.types = fileType.value;
@@ -377,7 +339,7 @@ const handleShowFileType = (showStatus: boolean) => {
 const handleCheckAllChange = (val: CheckboxValueType) => {
   isIndeterminate.value = false;
   if (val) {
-    fileType.value = ["para", "table", "image"];
+    fileType.value = ['para', 'table', 'image'];
   } else {
     fileType.value = [];
   }
@@ -388,8 +350,7 @@ const handleCheckedCitiesChange = (value: CheckboxValueType[]) => {
   fileType.value = value;
   const checkedCount = value.length;
   checkAll.value = checkedCount === Object.keys(textType.value).length;
-  isIndeterminate.value =
-    checkedCount > 0 && checkedCount < Object.keys(textType.value).length;
+  isIndeterminate.value = checkedCount > 0 && checkedCount < Object.keys(textType.value).length;
   handeSearchFileType();
 };
 
@@ -398,7 +359,7 @@ const onMouseOver = (index: Number | string) => {
 };
 
 const handleMouseOut = () => {
-  isHoverIndex.value = "";
+  isHoverIndex.value = '';
 };
 
 const handleBatchDownBth = (e) => {
@@ -412,12 +373,12 @@ onMounted(() => {
   if (kb_Id && kf_Id) {
     ids.value = {
       id: kb_Id,
-      document_id: kf_Id,
+      document_id: kf_Id
     };
     KbAppAPI.getKbLibrary({
       id: kb_Id,
       page_number: 1,
-      page_size: 10,
+      page_size: 10
     }).then((res: any) => {
       libraryInfo.value = res.data_list?.[0];
     });
@@ -425,14 +386,14 @@ onMounted(() => {
       kb_id: kb_Id,
       id: kf_Id,
       page_number: 1,
-      page_size: 10,
+      page_size: 10
     }).then((res: any) => {
       fileInfo.value = res.data_list?.[0];
     });
     handleFileSectionData({
       document_id: kf_Id,
       page_number: 1,
-      page_size: 20,
+      page_size: 20
     });
   }
 });
@@ -441,20 +402,20 @@ const handleSwitch = (row: any) => {
   KfAppAPI.switchLibraryFileSection({
     ids: [row.id],
     document_id: ids.value.document_id,
-    enabled: row.enabled,
+    enabled: row.enabled
   }).then((res) => {
     ElMessage({
       showClose: true,
-      message: t("opsMessage.opsSuccess"),
+      message: t('opsMessage.opsSuccess'),
       icon: IconSuccess,
-      customClass: "o-message--success",
-      duration: 3000,
+      customClass: 'o-message--success',
+      duration: 3000
     });
     let payload: any = {
       document_id: ids.value.document_id,
       page_number: currentPage.value,
       page_size: currentPageSize.value,
-      text: textkeyWord.value,
+      text: textkeyWord.value
     };
     if (fileType.value?.length) {
       payload.types = fileType.value;
@@ -467,20 +428,20 @@ const handleEnableData = (enabledType: any) => {
   KfAppAPI.switchLibraryFileSection({
     ids: selectedData.value.map((item: any) => item.id),
     document_id: ids.value.document_id,
-    enabled: enabledType,
+    enabled: enabledType
   }).then((res) => {
     ElMessage({
       showClose: true,
-      message: t("opsMessage.opsSuccess"),
+      message: t('opsMessage.opsSuccess'),
       icon: IconSuccess,
-      customClass: "o-message--error",
-      duration: 3000,
+      customClass: 'o-message--error',
+      duration: 3000
     });
     let payload: any = {
       document_id: ids.value.document_id,
       page_number: currentPage.value,
       page_size: currentPageSize.value,
-      text: textkeyWord.value,
+      text: textkeyWord.value
     };
     if (fileType.value?.length) {
       payload.types = fileType.value;
@@ -497,18 +458,16 @@ watch(
   () => fileTableList.data,
   (newVal, oldVal) => {
     setTimeout(() => {
-      let tbodyContainer = document.querySelector(
-        ".el-table__body"
-      ) as HTMLElement;
-      let tableContainer = document.querySelector(".el-table") as HTMLElement;
+      let tbodyContainer = document.querySelector('.el-table__body') as HTMLElement;
+      let tableContainer = document.querySelector('.el-table') as HTMLElement;
       if (tableContainer) {
         if (
           tbodyContainer?.getBoundingClientRect().height >
           tableContainer?.getBoundingClientRect().height
         ) {
-          tableContainer.style.height = "calc(100% - 96px)";
+          tableContainer.style.height = 'calc(100% - 96px)';
         } else {
-          tableContainer.style.height = "unset";
+          tableContainer.style.height = 'unset';
         }
       }
     }, 100);
@@ -516,17 +475,17 @@ watch(
 );
 
 watch(
-  () => t(""),
+  () => t(''),
   (newVal, oldVal) => {
     textType.value = {
-      para: t("fileChunk.parag"),
-      table: t("fileChunk.table"),
-      image: t("fileChunk.img"),
+      para: t('fileChunk.parag'),
+      table: t('fileChunk.table'),
+      image: t('fileChunk.img')
     };
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 
@@ -539,7 +498,7 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
     document_id: kf_Id,
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    text: textkeyWord.value,
+    text: textkeyWord.value
   };
   if (fileType.value?.length) {
     payload.types = fileType.value;
@@ -554,7 +513,7 @@ const handleInputSearch = debounce((e) => {
     document_id: ids.value.document_id,
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    text: textkeyWord.value,
+    text: textkeyWord.value
   };
   if (fileType.value?.length) {
     payload.types = fileType.value;
@@ -563,11 +522,11 @@ const handleInputSearch = debounce((e) => {
 }, 200);
 
 const handleJumpHome = () => {
-  window.open(`${window.origin}/witchaind/#/knowledge/library`, "_self");
+  window.open(`${window.origin}/witchaind/#/knowledge/library`, '_self');
 };
 
 const handleJumpFile = () => {
   const kb_Id = route.query.kb_id as string;
-  window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${kb_Id}`, "_self");
+  window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${kb_Id}`, '_self');
 };
 </script>
diff --git a/src/views/knowledgeLibrary/index.vue b/src/views/knowledgeLibrary/index.vue
index ed66d58..0317894 100644
--- a/src/views/knowledgeLibrary/index.vue
+++ b/src/views/knowledgeLibrary/index.vue
@@ -7,30 +7,31 @@
       v-if="showTaskExportNotify"
       class="o-export-progress-notify"
       v-loading="taskExportLoading"
-      element-loading-background="rgba(122, 122, 122, 0.3)"
-    >
+      element-loading-background="rgba(122, 122, 122, 0.3)">
       <div class="o-export-notify__head">
         <div class="task-list">
-          <span>{{ $t("assetLibrary.exportTaskList") }}</span>
+          <span>{{ $t('assetLibrary.exportTaskList') }}</span>
           <span>{{ `(${exportTaskTotal})` }}</span>
         </div>
         <div class="nofity-show">
           <el-icon
             class="o-export-notify__close"
-            @click="showTaskExportList = !showTaskExportList"
-          >
+            @click="showTaskExportList = !showTaskExportList">
             <IconChevronDown v-if="showTaskExportList" />
             <IconChevronUp v-else />
           </el-icon>
         </div>
       </div>
-      <div class="o-export-notify__body" v-if="showTaskExportList">
-        <div class="o-export-notify__list" @scroll="handleExportScroll">
+      <div
+        class="o-export-notify__body"
+        v-if="showTaskExportList">
+        <div
+          class="o-export-notify__list"
+          @scroll="handleExportScroll">
           <div
             v-for="(item, index) in taskExportList"
             :key="item.id"
-            class="item"
-          >
+            class="item">
             <di class="item-box">
               <div class="item-info">
                 <div class="item-name">
@@ -40,7 +41,7 @@
                 </div>
                 <div>
                   <span>_</span>
-                  <span>{{ $t("exportTask.export") }}</span>
+                  <span>{{ $t('exportTask.export') }}</span>
                 </div>
               </div>
               <div class="item-close">
@@ -50,62 +51,52 @@
             <div class="taskStatusPer">
               <div
                 class="waitExport"
-                v-if="['pending', 'running'].includes(item.exportStatus)"
-              >
+                v-if="['pending', 'running'].includes(item.exportStatus)">
                 <div class="icon-box icon-loading"></div>
                 <span>
-                  {{ $t("exportTask.pendingExport") }}
+                  {{ $t('exportTask.pendingExport') }}
                 </span>
               </div>
               <div
                 class="packData"
-                v-if="
-                  ['success', 'error', 'canceled', 'failed'].includes(
-                    item.exportStatus
-                  )
-                "
-              >
+                v-if="['success', 'error', 'canceled', 'failed'].includes(item.exportStatus)">
                 <IconError
-                  v-if="
-                    ['error', 'canceled', 'failed'].includes(item.exportStatus)
-                  "
-                  class="errorIcon"
-                />
-                <el-icon v-if="item.percent === 100" class="successIcon">
+                  v-if="['error', 'canceled', 'failed'].includes(item.exportStatus)"
+                  class="errorIcon" />
+                <el-icon
+                  v-if="item.percent === 100"
+                  class="successIcon">
                   <CircleCheckFilled />
                 </el-icon>
                 <span v-if="item.exportStatus === 'success'">
-                  {{ $t("exportTask.exportSuccess") }}
+                  {{ $t('exportTask.exportSuccess') }}
                 </span>
                 <span v-if="['error', 'failed'].includes(item.exportStatus)">
-                  {{ $t("exportTask.exportFailed") }}
+                  {{ $t('exportTask.exportFailed') }}
                 </span>
                 <span v-if="item.exportStatus === 'canceled'">
-                  {{ $t("exportTask.canceled") }}
+                  {{ $t('exportTask.canceled') }}
                 </span>
               </div>
               <div
                 class="opsExportTask"
-                v-if="
-                  ['success', 'error', 'failed'].includes(item.exportStatus)
-                "
-              >
+                v-if="['success', 'error', 'failed'].includes(item.exportStatus)">
                 <div
                   v-if="['error', 'failed'].includes(item.exportStatus)"
-                  class="errorTask"
-                >
-                  <div class="errorReson">{{ $t("exportTask.reason") }}</div>
-                  <div class="errorRestart" @click="handleUploadRestart(item)">
-                    {{ $t("btnText.retry") }}
+                  class="errorTask">
+                  <div class="errorReson">{{ $t('exportTask.reason') }}</div>
+                  <div
+                    class="errorRestart"
+                    @click="handleUploadRestart(item)">
+                    {{ $t('btnText.retry') }}
                   </div>
                 </div>
 
                 <div
                   v-if="item.exportStatus === 'success'"
                   class="successTask"
-                  @click="handleOpenDownload(item.taskId)"
-                >
-                  {{ $t("exportTask.downloadTask") }}
+                  @click="handleOpenDownload(item.taskId)">
+                  {{ $t('exportTask.downloadTask') }}
                 </div>
               </div>
             </div>
@@ -114,34 +105,30 @@
         <div class="item-all-close">
           <div
             v-if="taskExportList.length > 0"
-            @click="handleCloseSingleUpload('all')"
-          >
-            {{ $t("btnText.clearAll") }}
+            @click="handleCloseSingleUpload('all')">
+            {{ $t('btnText.clearAll') }}
           </div>
         </div>
       </div>
     </div>
     <div
       class="knowledgeLibrary-box knowledgeLibrary-table-box"
-      :class="{ knowledgeLibrayList: switchIcon === 'list' }"
-    >
+      :class="{ knowledgeLibrayList: switchIcon === 'list' }">
       <div class="kl-tilte">
-        {{ $t("assetLibrary.assetLibrary") }}
+        {{ $t('assetLibrary.assetLibrary') }}
       </div>
       <div class="kl-ops">
         <div class="kl-left-btn">
           <el-button
             type="primary"
             class="createAsset"
-            @click="handleCreateKnowledge"
-          >
-            {{ $t("btnText.createAssetLibrary") }}
+            @click="handleCreateKnowledge">
+            {{ $t('btnText.createAssetLibrary') }}
           </el-button>
           <el-button
             @click="handleImportKnowledge"
-            class="ImportAsset cancelBtn"
-          >
-            {{ $t("btnText.batchImport") }}
+            class="ImportAsset cancelBtn">
+            {{ $t('btnText.batchImport') }}
           </el-button>
         </div>
         <div class="kl-right-btn">
@@ -152,8 +139,7 @@
               @input="handleInputSearch"
               class="o-style-serch"
               :placeholder="$t('assetLibrary.message.name')"
-              clearable
-            >
+              clearable>
               <template #suffix>
                 <el-icon class="el-input__icon"><IconSearch /></el-icon>
               </template>
@@ -163,8 +149,7 @@
             <div
               class="kl-btn-switch-icon"
               @click="handleSwitch('thumb')"
-              :class="switchIcon === 'thumb' ? 'bgThumb' : ''"
-            >
+              :class="switchIcon === 'thumb' ? 'bgThumb' : ''">
               <el-icon>
                 <IconThumbnail />
               </el-icon>
@@ -173,8 +158,7 @@
             <div
               class="kl-btn-switch-icon"
               @click="handleSwitch('list')"
-              :class="switchIcon === 'list' ? 'bgThumb' : ''"
-            >
+              :class="switchIcon === 'list' ? 'bgThumb' : ''">
               <el-icon>
                 <IconList />
               </el-icon>
@@ -186,100 +170,101 @@
         class="kl-card-box"
         @scroll="handleScroll"
         ref="klCardBox"
-        v-if="switchIcon === 'thumb'"
-      >
+        v-if="switchIcon === 'thumb'">
         <div
           class="kl-card kl-card-container"
-          :class="
-            5 < fileTableList.data.length ? 'kl-card-display' : 'kl-card-show'
-          "
-        >
+          :class="5 < fileTableList.data.length ? 'kl-card-display' : 'kl-card-show'">
           <div
             class="kl-single-card"
             v-for="item in fileTableList.data"
             @click="handleJumpAssets(item)"
-            :key="item.id"
-          >
+            :key="item.id">
             <div class="kl-card-top">
               <div class="kl-card-name">
                 <TextSingleTootip :content="item.name" />
               </div>
               <el-dropdown
                 placement="bottom-end"
-                popper-class="dropdown-container assetDro"
-              >
-                <div class="kl-card-more-icon" @click.stop>
+                popper-class="dropdown-container assetDro">
+                <div
+                  class="kl-card-more-icon"
+                  @click.stop>
                   <el-icon><IconMore /></el-icon>
                 </div>
                 <template #dropdown>
                   <el-dropdown-menu>
                     <el-dropdown-item @click="handleEditKl(item)">
-                      {{ $t("btnText.edit") }}
+                      {{ $t('btnText.edit') }}
                     </el-dropdown-item>
                     <el-dropdown-item @click="handleExportKl(item)">
-                      {{ $t("btnText.export") }}
+                      {{ $t('btnText.export') }}
                     </el-dropdown-item>
                     <el-dropdown-item @click="handleDeleteKl(item)">
-                      {{ $t("btnText.delete") }}
+                      {{ $t('btnText.delete') }}
                     </el-dropdown-item>
                   </el-dropdown-menu>
                 </template>
               </el-dropdown>
             </div>
             <div class="kl-card-desc">
-              <TextMoreTootip :value="item.description" :row="6" />
+              <TextMoreTootip
+                :value="item.description"
+                :row="6" />
             </div>
             <div class="kl-card-footer">
               <div class="kl-card-file-icon">
-                <img src="/src/assets/images/file.png" class="filePng" />
+                <img
+                  src="/src/assets/images/file.png"
+                  class="filePng" />
                 <div class="kl-card-file">
                   <span class="kl-file-num">{{ item.document_count }}</span>
                   <span class="kl-file-text">
                     <TextSingleTootip
-                      :content="`${$t('assetLibrary.piece')}${$t('assetLibrary.file')}`"
-                    />
+                      :content="`${$t('assetLibrary.piece')}${$t('assetLibrary.file')}`" />
                   </span>
                 </div>
               </div>
               <div class="kl-card-timer-icon">
-                <img src="/src/assets/images/timer.png" class="timePng" />
+                <img
+                  src="/src/assets/images/timer.png"
+                  class="timePng" />
                 <div class="kl-card-timer">
-                  <TextSingleTootip
-                    :content="convertUTCToLocalTime(item.created_time)"
-                  />
+                  <TextSingleTootip :content="convertUTCToLocalTime(item.created_time)" />
                 </div>
               </div>
             </div>
             <div class="kl-card-id">
-              <span class="id-label">{{ `ID:${" "} ` }}</span>
+              <span class="id-label">{{ `ID:${' '} ` }}</span>
               <span class="id-value">{{ item.id }}</span>
             </div>
           </div>
         </div>
-        <div v-if="!(fileTableList.data.length > 0)" class="pageNoData">
-          {{ $t("pageTipText.NoData") }}
+        <div
+          v-if="!(fileTableList.data.length > 0)"
+          class="pageNoData">
+          {{ $t('pageTipText.NoData') }}
         </div>
       </div>
-      <div class="kl-table-box" v-else>
+      <div
+        class="kl-table-box"
+        v-else>
         <el-table
           :data="fileTableList.data"
           :border="true"
           @sort-change="handleSortChange"
           @selection-change="handleSelectionChange"
-          :class="
-            fileTableList.data.length < currentPageSize ? 'showPagination' : ''
-          "
-        >
+          :class="fileTableList.data.length < currentPageSize ? 'showPagination' : ''">
           <el-table-column
             prop="name"
             :label="$t('assetLibrary.name')"
             :show-overflow-tooltip="true"
             width="300"
             :fixed="true"
-            class-name="kl-name"
-          >
+            class-name="kl-name">
             <template #default="scope">
-              <span class="kl-name-row" @click="handleJumpAssets(scope.row)">
+              <span
+                class="kl-name-row"
+                @click="handleJumpAssets(scope.row)">
                 {{ scope.row.name }}
               </span>
             </template>
@@ -290,19 +275,15 @@
             show-overflow-tooltip
             :fixed="true"
             class-name="kl-id"
-            width="300"
-          >
+            width="300">
             <template #header>
               <div class="asset-id-custom-header">
-                <span>{{ $t("assetLibrary.assetId") }}</span>
+                <span>{{ $t('assetLibrary.assetId') }}</span>
                 <el-icon
                   ref="inputSearchRef"
                   :class="
-                    sortFilter?.id?.length > 0 || fileFilterVisible
-                      ? 'searchIconIsActive'
-                      : ''
-                  "
-                >
+                    sortFilter?.id?.length > 0 || fileFilterVisible ? 'searchIconIsActive' : ''
+                  ">
                   <IconSearch />
                 </el-icon>
                 <el-popover
@@ -313,14 +294,12 @@
                   :virtual-ref="inputSearchRef"
                   :show-arrow="false"
                   trigger="click"
-                  virtual-triggering
-                >
+                  virtual-triggering>
                   <FilterContainr
                     filterType="input"
                     v-model:serachName="sortFilter.id"
                     :hanldeSearhNameFilter="hanldeSearhNameFilter"
-                    :searchPayload="sortFilter"
-                  />
+                    :searchPayload="sortFilter" />
                 </el-popover>
               </div>
             </template>
@@ -333,14 +312,12 @@
           <el-table-column
             prop="description"
             :label="$t('assetLibrary.desc')"
-            :show-overflow-tooltip="true"
-          />
+            :show-overflow-tooltip="true" />
           <el-table-column
             prop="document_count"
             sortable
             width="150"
-            :label="$t('assetLibrary.fileNum')"
-          />
+            :label="$t('assetLibrary.fileNum')" />
 
           <el-table-column
             prop="created_time"
@@ -349,11 +326,10 @@
             :label="$t('assetLibrary.uploadTime')"
             width="200"
             @header-click="() => {}"
-            @click.stop
-          >
+            @click.stop>
             <template #header>
               <div class="asset-custom-header custom-header">
-                <span>{{ $t("assetLibrary.uploadTime") }}</span>
+                <span>{{ $t('assetLibrary.uploadTime') }}</span>
                 <el-date-picker
                   popper-class="datetimerangeClass"
                   placement="bottom"
@@ -368,25 +344,21 @@
                   time-format="HH:mm"
                   @change="handleTimeChange"
                   ref="tiemPick"
-                  @visible-change="handleVisibleChange"
-                />
+                  @visible-change="handleVisibleChange" />
                 <el-popover
                   :visible="timeFilterVisible"
                   popper-class="filterPopper timeFilterPo"
                   placement="bottom-start"
-                  :show-arrow="false"
-                >
+                  :show-arrow="false">
                   <template #reference>
                     <el-icon
                       @click="handeDatePickerShow"
                       @click.stop
                       :class="
-                        sortFilter?.created_time_start?.length > 0 ||
-                        timeFilterVisible
+                        sortFilter?.created_time_start?.length > 0 || timeFilterVisible
                           ? 'searchIconIsActive'
                           : ''
-                      "
-                    >
+                      ">
                       <IconFilter />
                     </el-icon>
                   </template>
@@ -400,17 +372,22 @@
           <el-table-column
             prop="action"
             :label="$t('btnText.operation')"
-            width="180"
-          >
+            width="180">
             <template #default="scope">
-              <el-button text @click="handleEditKl(scope.row)">
-                {{ $t("btnText.edit") }}
+              <el-button
+                text
+                @click="handleEditKl(scope.row)">
+                {{ $t('btnText.edit') }}
               </el-button>
-              <el-button text @click="handleExportKl(scope.row)">
-                {{ $t("btnText.export") }}
+              <el-button
+                text
+                @click="handleExportKl(scope.row)">
+                {{ $t('btnText.export') }}
               </el-button>
-              <el-button text @click="handleDeleteKl(scope.row)">
-                {{ $t("btnText.delete") }}
+              <el-button
+                text
+                @click="handleDeleteKl(scope.row)">
+                {{ $t('btnText.delete') }}
               </el-button>
             </template>
           </el-table-column>
@@ -423,16 +400,14 @@
           :layout="pagination.layout"
           :total="totalCount"
           popper-class="kbLibraryPage"
-          @change="handleChangePage"
-        />
+          @change="handleChangePage" />
       </div>
     </div>
     <el-dialog
       v-model="dialogImportVisible"
       class="upload-dialog"
       align-center
-      :title="$t('dialogTipText.importAssetLibrary')"
-    >
+      :title="$t('dialogTipText.importAssetLibrary')">
       <Upload
         :tipText="$t('dialogTipText.fileZipFormat')"
         accept=".zip"
@@ -448,8 +423,7 @@
         :taskList="importTaskList"
         :toggleUploadNotify="toggleUploadNotify"
         :handleStopUploadFile="handleStopUploadFile"
-        :handleImportLoading="handleImportLoading"
-      />
+        :handleImportLoading="handleImportLoading" />
     </el-dialog>
     <el-dialog
       v-if="dialogCreateVisible"
@@ -462,29 +436,31 @@
         formData?.name?.length > 0
           ? $t('btnText.editAssetLibrary')
           : $t('btnText.createAssetLibrary')
-      "
-    >
+      ">
       <KnowledgeForm
         :handleOpsKbForm="handleOpsKbForm"
         :handelResetForm="handelResetForm"
         :handleCloseCreateKb="handleCloseCreateKb"
-        :formData="formData"
-      />
+        :formData="formData" />
     </el-dialog>
     <el-dialog
       align-center
       v-model="addTipVisible"
       class="tip-dialog"
       width="400"
-      :title="$t('dialogTipText.tipsText')"
-    >
-      {{ $t("dialogTipText.isAddFilr") }}
+      :title="$t('dialogTipText.tipsText')">
+      {{ $t('dialogTipText.isAddFilr') }}
       <div class="tip-ops-btn">
-        <el-button class="resetBtn" type="primary" @click="handleAddFile">
-          {{ $t("btnText.confirm") }}
+        <el-button
+          class="resetBtn"
+          type="primary"
+          @click="handleAddFile">
+          {{ $t('btnText.confirm') }}
         </el-button>
-        <el-button class="resetBtn cancelBtn" @click="handleCancelAddFile">
-          {{ $t("btnText.cancel") }}
+        <el-button
+          class="resetBtn cancelBtn"
+          @click="handleCancelAddFile">
+          {{ $t('btnText.cancel') }}
         </el-button>
       </div>
     </el-dialog>
@@ -493,32 +469,32 @@
       v-model="delTipVisible"
       class="tip-dialog delTipDialog"
       width="432"
-      :title="$t('dialogTipText.tipsText')"
-    >
+      :title="$t('dialogTipText.tipsText')">
       <div class="delTip">
         <span class="iconAlarmOrange"><IconAlarmOrange /></span>
         <span>
-          {{ $t("dialogTipText.confirmDelAsset") }}
+          {{ $t('dialogTipText.confirmDelAsset') }}
           <span>
             【
             <span class="delToolTip">
               <TextSingleTootip :content="opsItem.name" />
             </span>
             】
-            {{ userLanguage === "zh" ? "吗？" : null }}
+            {{ userLanguage === 'zh' ? '吗？' : null }}
           </span>
         </span>
       </div>
       <div class="tip-ops-btn">
-        <el-button class="resetBtn" @click="handleConfirmDelKb(opsItem)">
-          {{ $t("btnText.confirm") }}
+        <el-button
+          class="resetBtn"
+          @click="handleConfirmDelKb(opsItem)">
+          {{ $t('btnText.confirm') }}
         </el-button>
         <el-button
           type="primary"
           class="resetBtn cancelBtn"
-          @click="handleCancelDelKb()"
-        >
-          {{ $t("btnText.cancel") }}
+          @click="handleCancelDelKb()">
+          {{ $t('btnText.cancel') }}
         </el-button>
       </div>
     </el-dialog>
@@ -533,15 +509,14 @@
     :taskListImportDate="taskListImportDate"
     :importTaskTotal="importTaskTotal"
     :handleImportScroll="handleImportScroll"
-    :taskListLoading="taskListLoading"
-  />
+    :taskListLoading="taskListLoading" />
 </template>
 <script lang="ts" setup>
-import UserHeaderBar from "@/components/UserHeaderBar/index.vue";
-import KnowledgeForm from "@/components/KnowledgeForm/index.vue";
-import UploadProgress from "@/components/Upload/uploadProgress.vue";
-import Upload from "@/components/Upload/index.vue";
-import "@/styles/knowledgeLibrary.scss";
+import UserHeaderBar from '@/components/UserHeaderBar/index.vue';
+import KnowledgeForm from '@/components/KnowledgeForm/index.vue';
+import UploadProgress from '@/components/Upload/uploadProgress.vue';
+import Upload from '@/components/Upload/index.vue';
+import '@/styles/knowledgeLibrary.scss';
 import {
   IconList,
   IconMore,
@@ -554,20 +529,17 @@ import {
   IconX,
   IconError,
   IconFilter,
-  IconSuccess,
-} from "@computing/opendesign-icons";
-import TextMoreTootip from "@/components/TextMoreTootip/index.vue";
-import TextSingleTootip from "@/components/TextSingleTootip/index.vue";
-import CustomLoading from "@/components/CustomLoading/index.vue";
+  IconSuccess
+} from '@computing/opendesign-icons';
+import TextMoreTootip from '@/components/TextMoreTootip/index.vue';
+import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
+import CustomLoading from '@/components/CustomLoading/index.vue';
 
-import { debounce } from "lodash";
-import KbAppAPI from "@/api/kbApp";
-import { QueryKbRequest } from "@/api/apiType";
-import {
-  convertUTCToLocalTime,
-  uTCToLocalTime,
-} from "@/utils/convertUTCToLocalTime";
-import FilterContainr from "@/components/TableFilter/index.vue";
+import { debounce } from 'lodash';
+import KbAppAPI from '@/api/kbApp';
+import { QueryKbRequest } from '@/api/apiType';
+import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
+import FilterContainr from '@/components/TableFilter/index.vue';
 
 const { t } = useI18n();
 const router = useRouter();
@@ -576,7 +548,7 @@ const dialogImportVisible = ref(false);
 const dialogCreateVisible = ref(false);
 const addTipVisible = ref(false);
 const delTipVisible = ref(false);
-const switchIcon = ref("thumb");
+const switchIcon = ref('thumb');
 const opsItem = ref();
 const klCardBox = ref();
 const loading = ref(false);
@@ -584,13 +556,13 @@ const importTaskList = ref([]);
 const userLanguage = ref();
 
 const resetFormData = ref({
-  name: "",
-  language: "",
+  name: '',
+  language: '',
   default_chunk_size: 1024,
-  embedding_model: "",
-  default_parser_method: "",
+  embedding_model: '',
+  default_parser_method: '',
   document_type_list: [],
-  description: "",
+  description: ''
 });
 const showTaskExportNotify = ref(false);
 const taskExportList = ref<any[]>([]);
@@ -598,7 +570,7 @@ const showTaskExportList = ref(false);
 const formData = ref(resetFormData.value);
 const pagination = ref({
   pageSizes: [10, 20, 30, 40, 50],
-  layout: "total,sizes,prev,pager,next,jumper",
+  layout: 'total,sizes,prev,pager,next,jumper'
 });
 const sortFilter = ref({});
 const currentPage = ref(1);
@@ -624,24 +596,21 @@ const shortcuts = ref();
 const fileTableList = reactive<{
   data: Array<any>;
 }>({
-  data: [],
+  data: []
 });
 const taskTimer = ref();
 
 const handleScroll = (e: { target: any }) => {
   const klCardBox = e.target;
   // 检查是否已经滚动到底部
-  if (
-    klCardBox?.clientHeight + klCardBox.scrollTop + 10 >=
-    klCardBox?.scrollHeight
-  ) {
+  if (klCardBox?.clientHeight + klCardBox.scrollTop + 10 >= klCardBox?.scrollHeight) {
     if (currentPage.value * currentPageSize.value < totalCount.value) {
       currentPage.value = currentPage.value + 1;
       loading.value = true;
 
       KbAppAPI.getKbLibrary({
         page_number: currentPage.value,
-        page_size: currentPageSize.value,
+        page_size: currentPageSize.value
       })
         .then((res: any) => {
           fileTableList.data = [...fileTableList.data, ...res?.data_list];
@@ -667,7 +636,7 @@ const handleQueryKbLibrary = (params: QueryKbRequest) => {
 onMounted(() => {
   handleQueryKbLibrary({
     page_number: 1,
-    page_size: 10,
+    page_size: 10
   });
 });
 
@@ -678,13 +647,11 @@ const handleVisibleChange = (e) => {
 const handeDatePickerShow = (e: { pageX: string; pageY: string }) => {
   timeFilterVisible.value = true;
   tiemPick.value.handleOpen();
-  let dateTimerContainer = document.querySelector(
-    ".datetimerangeClass"
-  ) as HTMLElement;
+  let dateTimerContainer = document.querySelector('.datetimerangeClass') as HTMLElement;
   if (dateTimerContainer) {
-    dateTimerContainer.style.position = "absolute";
-    dateTimerContainer.style.left = e.pageX + "px";
-    dateTimerContainer.style.top = e.pageY + "px";
+    dateTimerContainer.style.position = 'absolute';
+    dateTimerContainer.style.left = e.pageX + 'px';
+    dateTimerContainer.style.top = e.pageY + 'px';
   }
 };
 
@@ -705,7 +672,7 @@ const hanldeSearhNameFilter = (filterName: string) => {
   handleQueryKbLibrary({
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value),
+    ...handleFilterData(sortFilter.value)
   });
   fileFilterVisible.value = false;
 };
@@ -715,10 +682,10 @@ const handleSwitch = (switchType: string) => {
   sortFilter.value = {};
   currentPage.value = 1;
   currentPageSize.value = 10;
-  knoledgekeyWord.value = "";
+  knoledgekeyWord.value = '';
   handleQueryKbLibrary({
     page_number: currentPage.value,
-    page_size: currentPageSize.value,
+    page_size: currentPageSize.value
   });
 };
 const handleImportKnowledge = () => {
@@ -732,33 +699,27 @@ const toggleUploadNotify = (uploadTaskPayload: {}) => {
 
 const handInitTaskList = (selectedFiles: string | any[]) => {
   return KbAppAPI.queryKbTaskList({
-    types: ["import_knowledge_base"],
+    types: ['import_knowledge_base'],
     page_number: 1,
-    page_size: importTaskPageSize.value,
+    page_size: importTaskPageSize.value
   }).then((res: any) => {
     importTaskList.value = res.data_list || [];
-    importTaskTotal.value = selectedFiles
-      ? res.total + selectedFiles.length
-      : res.total;
+    importTaskTotal.value = selectedFiles ? res.total + selectedFiles.length : res.total;
     return res.data_list || [];
   });
 };
 
 const handelTaskList = () => {
   KbAppAPI.queryKbTaskList({
-    types: ["import_knowledge_base"],
+    types: ['import_knowledge_base'],
     page_number: 1,
-    page_size: importTaskPageSize.value,
+    page_size: importTaskPageSize.value
   }).then((res: any) => {
     importTaskList.value = res.data_list || [];
     importTaskTotal.value = res.total;
     taskListImportDate.value = Date.now();
     taskListLoading.value = false;
-    if (
-      res.data_list?.every(
-        (item: any) => !["pending", "running"].includes(item.task.status)
-      )
-    ) {
+    if (res.data_list?.every((item: any) => !['pending', 'running'].includes(item.task.status))) {
       clearInterval(taskTimer.value);
       taskTimer.value = null;
       handleOpsKbConfirm();
@@ -796,16 +757,16 @@ const handleStopUploadFile = (taskId: string) => {
   taskListImportDate.value = Date.now();
   taskListLoading.value = true;
   let payload: any = {
-    task_id: taskId,
+    task_id: taskId
   };
-  if (taskId === "all") {
-    payload = { types: ["import_knowledge_base"] };
+  if (taskId === 'all') {
+    payload = { types: ['import_knowledge_base'] };
   }
   KbAppAPI.stopKbTaskList(payload).then((res) => {
     KbAppAPI.queryKbTaskList({
-      types: ["import_knowledge_base"],
+      types: ['import_knowledge_base'],
       page_number: 1,
-      page_size: importTaskPageSize.value,
+      page_size: importTaskPageSize.value
     }).then((res: any) => {
       importTaskList.value = res.data_list || [];
       taskListLoading.value = false;
@@ -828,20 +789,20 @@ const handleExportKl = async (row: any) => {
         {
           name: row.name,
           id: row.id,
-          exportStatus: "pending",
-          taskId: res.data,
-        },
+          exportStatus: 'pending',
+          taskId: res.data
+        }
       ]?.map((item: any) => {
         let taskOptions = {
           taksInfo: row,
-          taskDownUrl: "",
+          taskDownUrl: '',
           onProgress: (evt: any) => {
             item.percent = evt;
           },
           onError: () => {
-            item.exportStatus = "error";
-            item.percent = "0";
-          },
+            item.exportStatus = 'error';
+            item.percent = '0';
+          }
         };
         KbAppAPI.savebLibrary(row.id, taskOptions)
           .then((taskRes) => {
@@ -864,17 +825,14 @@ const handleExportKl = async (row: any) => {
           taskId: item.task.id,
           name: item.name,
           percent:
-            item?.task?.status === "success"
+            item?.task?.status === 'success'
               ? 100
               : reportDetail
-                ? (
-                    (reportDetail?.current_stage / reportDetail?.stage_cnt) *
-                    100
-                  ).toFixed(1)
+                ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
                 : 0,
-          exportStatus: item?.task?.status,
+          exportStatus: item?.task?.status
         };
-      }),
+      })
     ];
   });
 };
@@ -884,17 +842,17 @@ const handleUploadRestart = (task: { taskId: string }) => {
     if (task.taskId === item.taskId) {
       let taskOptions = {
         taksInfo: task,
-        taskDownUrl: "",
+        taskDownUrl: '',
         onProgress: (evt: any) => {
           item.percent = evt;
         },
         onError: () => {
-          item.exportStatus = "error";
-          item.percent = "0";
+          item.exportStatus = 'error';
+          item.percent = '0';
         },
         onSuccess: () => {
-          item.exportStatus = "success";
-        },
+          item.exportStatus = 'success';
+        }
       };
       KbAppAPI.savebLibrary(task.taskId, taskOptions)
         .then((res) => {
@@ -910,10 +868,10 @@ const handleUploadRestart = (task: { taskId: string }) => {
 const handleCloseSingleUpload = (taskId: string) => {
   taskExportLoading.value = true;
   let payload: any = {
-    task_id: taskId,
+    task_id: taskId
   };
-  if (taskId === "all") {
-    payload = { types: ["export_knowledge_base"] };
+  if (taskId === 'all') {
+    payload = { types: ['export_knowledge_base'] };
   }
   KbAppAPI.stopKbTaskList(payload).then((res) => {
     handleInitExportTaskList();
@@ -922,9 +880,9 @@ const handleCloseSingleUpload = (taskId: string) => {
 
 const handleInitExportTaskList = () => {
   return KbAppAPI.queryKbTaskList({
-    types: ["export_knowledge_base"],
+    types: ['export_knowledge_base'],
     page_number: 1,
-    page_size: exportTaskPageSize.value,
+    page_size: exportTaskPageSize.value
   }).then((res: any) => {
     exportTaskTotal.value = res?.total || 0;
     taskExportLoading.value = false;
@@ -936,22 +894,15 @@ const handleInitExportTaskList = () => {
           taskId: item.task.id,
           name: item.name,
           percent:
-            item?.task?.status === "success"
+            item?.task?.status === 'success'
               ? 100
               : reportDetail
-                ? (
-                    (reportDetail?.current_stage / reportDetail?.stage_cnt) *
-                    100
-                  ).toFixed(1)
+                ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
                 : 0,
-          exportStatus: item?.task?.status,
+          exportStatus: item?.task?.status
         };
       }) || [];
-    if (
-      res?.data_list.every(
-        (item: any) => !["pending", "running"].includes(item?.task?.status)
-      )
-    ) {
+    if (res?.data_list.every((item: any) => !['pending', 'running'].includes(item?.task?.status))) {
       clearInterval(taskExportTimer.value);
       taskExportTimer.value = null;
     }
@@ -992,12 +943,12 @@ const handleExportScroll = (e: { target: any }) => {
 // };
 
 watch(
-  () => t(""),
+  () => t(''),
   (newVal, oldVal) => {
     shortcuts.value = [
       {
-        text: t("timerSearch.lastHour", {
-          timer: 12,
+        text: t('timerSearch.lastHour', {
+          timer: 12
         }),
         value: () => {
           const end = new Date();
@@ -1005,61 +956,59 @@ watch(
 
           start.setHours(start.getHours() - 12);
           return [start, end];
-        },
+        }
       },
       {
-        text: t("timerSearch.lastHour", {
-          timer: 1,
+        text: t('timerSearch.lastHour', {
+          timer: 1
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 1);
           return [start, end];
-        },
+        }
       },
       {
-        text: t("timerSearch.lastHour", {
-          timer: 3,
+        text: t('timerSearch.lastHour', {
+          timer: 3
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 3);
           return [start, end];
-        },
+        }
       },
       {
-        text: t("timerSearch.lastHour", {
-          timer: 7,
+        text: t('timerSearch.lastHour', {
+          timer: 7
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 7);
           return [start, end];
-        },
-      },
+        }
+      }
     ];
-    userLanguage.value = JSON.parse(
-      localStorage.getItem("userInfo") || "{}"
-    )?.language;
+    userLanguage.value = JSON.parse(localStorage.getItem('userInfo') || '{}')?.language;
   },
   {
     deep: true,
-    immediate: true,
+    immediate: true
   }
 );
 
 const handleTimeChange = (e: (string | undefined)[]) => {
-  sortFilter.value.created_time_start = e?.[0] ? uTCToLocalTime(e?.[0]) : "";
-  sortFilter.value.created_time_end = e?.[1] ? uTCToLocalTime(e?.[1]) : "";
+  sortFilter.value.created_time_start = e?.[0] ? uTCToLocalTime(e?.[0]) : '';
+  sortFilter.value.created_time_end = e?.[1] ? uTCToLocalTime(e?.[1]) : '';
   currentPage.value = 1;
   currentPageSize.value = 10;
   handleQueryKbLibrary({
     page_number: 1,
     page_size: 10,
-    ...handleFilterData(sortFilter.value),
+    ...handleFilterData(sortFilter.value)
   });
   handleCancelVisible();
 };
@@ -1074,15 +1023,12 @@ const handleCancelVisible = () => {
 };
 
 const handleJumpAssets = (kbItem: any) => {
-  window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${kbItem.id}`, "_self");
+  window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${kbItem.id}`, '_self');
 };
 
 const handleAddFile = () => {
   const assetLibraryObj = fileTableList.data[0];
-  window.open(
-    `${window.origin}/witchaind/#/knowledge/file?kb_id=${assetLibraryObj.id}`,
-    "_self"
-  );
+  window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${assetLibraryObj.id}`, '_self');
 };
 
 const handleCancelAddFile = () => {
@@ -1095,16 +1041,14 @@ const handleSortChange = (data: { column: any; prop: string; order: any }) => {
   currentPage.value = 1;
   sortFilter.value = data.order
     ? {
-        [data.prop === "created_time"
-          ? "created_time_order"
-          : "document_count_order"]:
-          data.order === "descending" ? "desc" : "asc",
+        [data.prop === 'created_time' ? 'created_time_order' : 'document_count_order']:
+          data.order === 'descending' ? 'desc' : 'asc'
       }
     : {};
   handleQueryKbLibrary({
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value),
+    ...handleFilterData(sortFilter.value)
   });
 };
 
@@ -1129,15 +1073,15 @@ const handleInputSearch = debounce((e) => {
     [property: string]: any;
   } = {
     page_number: 1,
-    page_size: currentPageSize.value,
+    page_size: currentPageSize.value
   };
   if (e) {
     payload = {
       ...payload,
-      name: e,
+      name: e
     };
 
-    if (switchIcon.value === "list") {
+    if (switchIcon.value === 'list') {
       sortFilter.value.name = e;
       payload = { ...payload, ...handleFilterData(sortFilter.value) };
     }
@@ -1152,21 +1096,21 @@ const handleOpsKbConfirm = () => {
     [property: string]: any;
   } = {
     page_number: 1,
-    page_size: 10,
+    page_size: 10
   };
-  if (switchIcon.value === "thumb") {
+  if (switchIcon.value === 'thumb') {
     currentPage.value = 1;
     currentPageSize.value = 10;
   } else {
     payload = {
       ...payload,
-      ...sortFilter.value,
+      ...sortFilter.value
     };
   }
   payload = {
     ...payload,
     page_number: currentPage.value,
-    page_size: currentPageSize.value,
+    page_size: currentPageSize.value
   };
   if (knoledgekeyWord.value?.length > 0) {
     payload.name = knoledgekeyWord.value;
@@ -1179,18 +1123,18 @@ const handleConfirmDelKb = (row: any) => {
   delTipVisible.value = false;
   KbAppAPI.delKbLibrary({
     id: row.id,
-    task_id: row.task_id,
+    task_id: row.task_id
   })
     .then((res) => {
       if (res) {
         ElMessage({
           showClose: true,
-          message: t("opsMessage.delSuccess"),
+          message: t('opsMessage.delSuccess'),
           icon: IconSuccess,
-          customClass: "o-message--success",
-          duration: 3000,
+          customClass: 'o-message--success',
+          duration: 3000
         });
-        if (switchIcon.value === "thumb") {
+        if (switchIcon.value === 'thumb') {
           klCardBox.value.scrollTop = 0;
         }
         handleOpsKbConfirm();
@@ -1223,7 +1167,7 @@ const handleOpsKbForm = () => {
   handleQueryKbLibrary({
     page_number: 1,
     page_size: 10,
-    ...handleFilterData(sortFilter.value),
+    ...handleFilterData(sortFilter.value)
   });
 };
 
@@ -1233,7 +1177,7 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
   handleQueryKbLibrary({
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value),
+    ...handleFilterData(sortFilter.value)
   });
 };
 
@@ -1241,8 +1185,8 @@ const handleUploadMyFile = (options: any) => {
   KbAppAPI.importKbLibrary(
     {
       data: {
-        files: options.file.raw,
-      },
+        files: options.file.raw
+      }
     },
     options
   )
@@ -1250,7 +1194,7 @@ const handleUploadMyFile = (options: any) => {
       options.onProgress(100);
       options.onSuccess({
         ...options.fileInfo,
-        success: "success",
+        success: 'success'
       });
     })
     .catch((err) => {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index e22a21c..d7761de 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,9 +6,9 @@
     <div class="main-container">
       <div class="login-container">
         <el-card class="login-card">
-          <div class="platform-login-text">{{ $t("login.welcomeToUse") }}</div>
+          <div class="platform-login-text">{{ $t('login.welcomeToUse') }}</div>
           <div class="relative">
-            <div class="login-title">{{ $t("login.appName") }}</div>
+            <div class="login-title">{{ $t('login.appName') }}</div>
           </div>
 
           <!-- 登录页面 -->
@@ -17,10 +17,11 @@
             ref="loginFormRef"
             :model="loginData"
             :rules="loginRules"
-            class="login-form"
-          >
+            class="login-form">
             <!-- 用户名 -->
-            <el-form-item prop="account" class="username-from">
+            <el-form-item
+              prop="account"
+              class="username-from">
               <div class="input-wrapper">
                 <el-input
                   ref="account"
@@ -28,14 +29,14 @@
                   :placeholder="$t('login.message.username.required')"
                   name="account"
                   size="large"
-                  class="h-[48px]"
-                >
-                </el-input>
+                  class="h-[48px]"></el-input>
               </div>
             </el-form-item>
 
             <!-- 密码 -->
-            <el-form-item prop="password" class="password-from">
+            <el-form-item
+              prop="password"
+              class="password-from">
               <div class="input-wrapper">
                 <el-input
                   v-model="loginData.password"
@@ -46,13 +47,11 @@
                   size="large"
                   class="h-[48px]"
                   autocomplete="off"
-                  ref="inputRef"
-                >
+                  ref="inputRef">
                   <template #suffix>
                     <el-icon
                       class="el-input__icon el-input__password"
-                      @click="handleShowPassword"
-                    >
+                      @click="handleShowPassword">
                       <IconInvisible v-if="passwordType === 'password'" />
                       <IconVisible v-else />
                     </el-icon>
@@ -66,17 +65,15 @@
               type="primary"
               size="large"
               class="w-full login-btn"
-              @click.prevent="handleLoginSubmit"
-            >
-              {{ $t("login.login") }}
+              @click.prevent="handleLoginSubmit">
+              {{ $t('login.login') }}
             </el-button>
             <!-- 去注册按钮 -->
             <el-button
               size="large"
               class="w-full sigin-btn"
-              @click="handleSigIn"
-            >
-              {{ $t("login.signin") }}
+              @click="handleSigIn">
+              {{ $t('login.signin') }}
             </el-button>
           </el-form>
 
@@ -86,138 +83,134 @@
             ref="signinFormRef"
             :model="signinData"
             :rules="signinRules"
-            class="login-form"
-          >
-          <div style="min-height:220px">
-            <!-- 昵称 -->
-            <el-form-item prop="name" class="username-from">
-              <div class="input-wrapper">
-                <el-popover
-                  placement="top-end"
-                  :width="500"
-                  trigger="hover"
-                  :content="t('login.message.name.popoverMsg')"
-                  popper-class="custom-popover"
-                >
-                  <template #reference>
-                    <el-input
-                      ref="name"
-                      v-model="signinData.name"
-                      :placeholder="$t('login.message.name.required')"
-                      name="name"
-                      size="large"
-                      class="h-[48px]"
-                    />
-                  </template>
-                </el-popover>
-              </div>
-            </el-form-item>
-            <!-- 用户名 -->
-            <el-form-item prop="account" class="username-from">
-              <div class="input-wrapper">
-                <el-popover
-                  placement="top-end"
-                  :width="500"
-                  trigger="hover"
-                  :content="t('login.message.username.popoverMsg')"
-                  popper-class="custom-popover"
-                >
-                  <template #reference>
-                    <el-input
-                      ref="account"
-                      v-model="signinData.account"
-                      :placeholder="$t('login.message.username.required')"
-                      name="account"
-                      size="large"
-                      class="h-[48px]"
-                    />
-                  </template>
-                </el-popover>
-              </div>
-            </el-form-item>
-            <!-- 邮箱 -->
-            <el-form-item prop="email" class="username-from">
-              <div class="input-wrapper">
-                <el-popover
-                  placement="top-end"
-                  :width="500"
-                  trigger="hover"
-                  :content="t('login.message.email.popoverMsg')"
-                  popper-class="custom-popover"
-                >
-                  <template #reference>
-                    <el-input
-                      ref="email"
-                      v-model="signinData.email"
-                      :placeholder="$t('login.message.email.required')"
-                      name="email"
-                      size="large"
-                      class="h-[48px]"
-                    />
-                  </template>
-                </el-popover>
-              </div>
-            </el-form-item>
+            class="login-form">
+            <div style="min-height: 220px">
+              <!-- 昵称 -->
+              <el-form-item
+                prop="name"
+                class="username-from">
+                <div class="input-wrapper">
+                  <el-popover
+                    placement="top-end"
+                    :width="500"
+                    trigger="hover"
+                    :content="t('login.message.name.popoverMsg')"
+                    popper-class="custom-popover">
+                    <template #reference>
+                      <el-input
+                        ref="name"
+                        v-model="signinData.name"
+                        :placeholder="$t('login.message.name.required')"
+                        name="name"
+                        size="large"
+                        class="h-[48px]" />
+                    </template>
+                  </el-popover>
+                </div>
+              </el-form-item>
+              <!-- 用户名 -->
+              <el-form-item
+                prop="account"
+                class="username-from">
+                <div class="input-wrapper">
+                  <el-popover
+                    placement="top-end"
+                    :width="500"
+                    trigger="hover"
+                    :content="t('login.message.username.popoverMsg')"
+                    popper-class="custom-popover">
+                    <template #reference>
+                      <el-input
+                        ref="account"
+                        v-model="signinData.account"
+                        :placeholder="$t('login.message.username.required')"
+                        name="account"
+                        size="large"
+                        class="h-[48px]" />
+                    </template>
+                  </el-popover>
+                </div>
+              </el-form-item>
+              <!-- 邮箱 -->
+              <el-form-item
+                prop="email"
+                class="username-from">
+                <div class="input-wrapper">
+                  <el-popover
+                    placement="top-end"
+                    :width="500"
+                    trigger="hover"
+                    :content="t('login.message.email.popoverMsg')"
+                    popper-class="custom-popover">
+                    <template #reference>
+                      <el-input
+                        ref="email"
+                        v-model="signinData.email"
+                        :placeholder="$t('login.message.email.required')"
+                        name="email"
+                        size="large"
+                        class="h-[48px]" />
+                    </template>
+                  </el-popover>
+                </div>
+              </el-form-item>
 
-            <!-- 密码 -->
-            <el-form-item prop="passwd" class="password-from">
-              <div class="input-wrapper">
-                <el-popover
-                  placement="top-end"
-                  :width="500"
-                  trigger="hover"
-                  :content="t('login.message.passwd.popoverMsg')"
-                  popper-class="custom-popover"
-                >
-                  <template #reference>
-                    <el-input
-                      v-model="signinData.passwd"
-                      :placeholder="$t('login.message.passwd.required')"
-                      name="passwd"
-                      :type="passwordType"
-                      @keyup.enter="handleLoginSubmit"
-                      size="large"
-                      class="h-[48px]"
-                      autocomplete="off"
-                      ref="inputRef"
-                    >
-                      <template #suffix>
-                        <el-icon
-                          class="el-input__icon el-input__password"
-                          @click="handleShowPassword"
-                        >
-                          <IconInvisible v-if="passwordType === 'password'" />
-                          <IconVisible v-else />
-                        </el-icon>
-                      </template>
-                    </el-input>
-                  </template>
-                </el-popover>
-              </div>
-            </el-form-item>
-          </div>
+              <!-- 密码 -->
+              <el-form-item
+                prop="passwd"
+                class="password-from">
+                <div class="input-wrapper">
+                  <el-popover
+                    placement="top-end"
+                    :width="500"
+                    trigger="hover"
+                    :content="t('login.message.passwd.popoverMsg')"
+                    popper-class="custom-popover">
+                    <template #reference>
+                      <el-input
+                        v-model="signinData.passwd"
+                        :placeholder="$t('login.message.passwd.required')"
+                        name="passwd"
+                        :type="passwordType"
+                        @keyup.enter="handleLoginSubmit"
+                        size="large"
+                        class="h-[48px]"
+                        autocomplete="off"
+                        ref="inputRef">
+                        <template #suffix>
+                          <el-icon
+                            class="el-input__icon el-input__password"
+                            @click="handleShowPassword">
+                            <IconInvisible v-if="passwordType === 'password'" />
+                            <IconVisible v-else />
+                          </el-icon>
+                        </template>
+                      </el-input>
+                    </template>
+                  </el-popover>
+                </div>
+              </el-form-item>
+            </div>
             <!-- 注册按钮 -->
             <el-button
               :loading="signinLoding"
               type="primary"
               size="large"
               class="w-full sigin-btn !mt-[28px]"
-              @click.prevent="handleSigInSubmit"
-            >
-              {{ $t("login.signin") }}
+              @click.prevent="handleSigInSubmit">
+              {{ $t('login.signin') }}
             </el-button>
             <!-- 返回按钮 -->
             <div
               class="backToLogin"
               :class="signinLoding ? 'not-click' : ''"
-              @click.prevent="handleBackLogin"
-            >
-              {{ $t("login.backToLogin") }}
+              @click.prevent="handleBackLogin">
+              {{ $t('login.backToLogin') }}
             </div>
           </el-form>
         </el-card>
         <div class="icp-info">
-          {{ $t("copyright") }}
+          {{ $t('copyright') }}
         </div>
       </div>
     </div>
@@ -225,24 +218,20 @@
 </template>
 
 <script setup lang="ts">
-import "@/styles/login.scss";
-import type { FormInstance } from "element-plus";
-import { useRoute } from "vue-router";
-import { useUserStore } from "@/store";
-import { SigninData, type LoginData } from "@/api/auth";
-import HeaderBar from "@/components/HeaderBar/index.vue";
-import {
-  IconInvisible,
-  IconSuccess,
-  IconVisible,
-} from "@computing/opendesign-icons";
-import CustomLoading from "@/components/CustomLoading/index.vue";
-import { useAppStore } from "@/store";
+import '@/styles/login.scss';
+import type { FormInstance } from 'element-plus';
+import { useRoute } from 'vue-router';
+import { useUserStore } from '@/store';
+import { SigninData, type LoginData } from '@/api/auth';
+import HeaderBar from '@/components/HeaderBar/index.vue';
+import { IconInvisible, IconSuccess, IconVisible } from '@computing/opendesign-icons';
+import CustomLoading from '@/components/CustomLoading/index.vue';
+import { useAppStore } from '@/store';
 
 const userStore = useUserStore();
 const appStore = useAppStore();
-const { t,locale } = useI18n();
-const passwordType = ref("password");
+const { t, locale } = useI18n();
+const passwordType = ref('password');
 const inputRef = ref();
 // 按钮 loading 状态
 const loading = ref(false);
@@ -253,14 +242,14 @@ const loginFormRef = ref<FormInstance>();
 const signinFormRef = ref<FormInstance>();
 
 const loginData = ref<LoginData>({
-  account: "",
-  password: "",
+  account: '',
+  password: ''
 });
 const signinData = ref<SigninData>({
-  name: "",
-  account: "",
-  passwd: "",
-  email: null,
+  name: '',
+  account: '',
+  passwd: '',
+  email: null
 });
 
 // 是否是注册页面
@@ -271,42 +260,42 @@ const loginRules = computed(() => {
     account: [
       {
         required: true,
-        trigger: ["blur", "change"],
-        message: t("login.message.username.usernameMsg"),
+        trigger: ['blur', 'change'],
+        message: t('login.message.username.usernameMsg')
       },
       {
         min: 5,
-        message: t("login.message.username.notMinThan"),
-        trigger: "blur",
+        message: t('login.message.username.notMinThan'),
+        trigger: 'blur'
       },
       {
         max: 20,
-        message: t("login.message.username.notMaxThan"),
-        trigger: "change",
+        message: t('login.message.username.notMaxThan'),
+        trigger: 'change'
       },
       {
         pattern: /^[a-z0-9]+$/,
-        message: t("login.message.username.regxMsg"),
-        trigger: ["blur", "change"],
-      },
+        message: t('login.message.username.regxMsg'),
+        trigger: ['blur', 'change']
+      }
     ],
     password: [
       {
         required: true,
-        trigger: ["blur", "change"],
-        message: t("login.message.password.passwordMsg"),
+        trigger: ['blur', 'change'],
+        message: t('login.message.password.passwordMsg')
       },
       {
         min: 6,
-        message: t("login.message.password.notMinThan"),
-        trigger: "blur",
+        message: t('login.message.password.notMinThan'),
+        trigger: 'blur'
       },
       {
         max: 20,
-        message: t("login.message.password.notMaxThan"),
-        trigger: "change",
-      },
-    ],
+        message: t('login.message.password.notMaxThan'),
+        trigger: 'change'
+      }
+    ]
   };
 });
 const signinRules = computed(() => {
@@ -314,89 +303,89 @@ const signinRules = computed(() => {
     name: [
       {
         required: true,
-        trigger: ["blur", "change"],
-        message: t("login.message.name.nameMsg"),
+        trigger: ['blur', 'change'],
+        message: t('login.message.name.nameMsg')
       },
       {
         max: 10,
-        message: t("login.message.name.notMinThan"),
-        trigger: "change",
-      },
+        message: t('login.message.name.notMinThan'),
+        trigger: 'change'
+      }
     ],
     account: [
       {
         required: true,
-        trigger: ["blur", "change"],
-        message: t("login.message.username.usernameMsg"),
+        trigger: ['blur', 'change'],
+        message: t('login.message.username.usernameMsg')
       },
       {
         min: 5,
-        message: t("login.message.username.notMinThan"),
-        trigger: "blur",
+        message: t('login.message.username.notMinThan'),
+        trigger: 'blur'
       },
       {
         max: 20,
-        message: t("login.message.username.notMaxThan"),
-        trigger: "change",
+        message: t('login.message.username.notMaxThan'),
+        trigger: 'change'
       },
       {
         pattern: /^[a-z0-9]+$/,
-        message: t("login.message.username.regxMsg"),
-        trigger: ["blur", "change"],
-      },
+        message: t('login.message.username.regxMsg'),
+        trigger: ['blur', 'change']
+      }
     ],
     passwd: [
       {
         required: true,
-        trigger: ["blur", "change"],
-        message: t("login.message.password.passwordMsg"),
+        trigger: ['blur', 'change'],
+        message: t('login.message.password.passwordMsg')
       },
       {
         min: 6,
-        message: t("login.message.password.notMinThan"),
-        trigger: "blur",
+        message: t('login.message.password.notMinThan'),
+        trigger: 'blur'
       },
       {
         max: 20,
-        message: t("login.message.password.notMaxThan"),
-        trigger: "change",
+        message: t('login.message.password.notMaxThan'),
+        trigger: 'change'
       },
       {
         pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).+$/,
-        message: t("login.message.password.regxMsg"),
-        trigger: "blur",
-      },
+        message: t('login.message.password.regxMsg'),
+        trigger: 'blur'
+      }
     ],
     email: [
       {
         required: false,
-        trigger: ["blur", "change"],
-        message: t("login.message.email.emailMsg"),
+        trigger: ['blur', 'change'],
+        message: t('login.message.email.emailMsg')
       },
       {
         min: 5,
-        message: t("login.message.email.notMinThan"),
-        trigger: "blur",
+        message: t('login.message.email.notMinThan'),
+        trigger: 'blur'
       },
       {
         max: 20,
-        message: t("login.message.email.notMaxThan"),
-        trigger: "change",
+        message: t('login.message.email.notMaxThan'),
+        trigger: 'change'
       },
       {
         pattern: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
-        message: t("login.message.email.regxMsg"),
-        trigger: "blur",
-      },
-    ],
+        message: t('login.message.email.regxMsg'),
+        trigger: 'blur'
+      }
+    ]
   };
 });
 
 const handleShowPassword = () => {
-  passwordType.value = passwordType.value === "password" ? "text" : "password";
+  passwordType.value = passwordType.value === 'password' ? 'text' : 'password';
   nextTick(() => {
     // 使用$refs访问DOM元素
-    inputRef.value.$el.querySelector(".el-input__inner").scrollLeft = 10000;
+    inputRef.value.$el.querySelector('.el-input__inner').scrollLeft = 10000;
   });
 };
 
@@ -410,13 +399,13 @@ const handleLoginSubmit = () => {
         .then((res) => {
           ElMessage({
             showClose: true,
-            message: t("login.loginSuccessful"),
+            message: t('login.loginSuccessful'),
             icon: IconSuccess,
-            customClass: "o-message--success",
-            duration: 3000,
+            customClass: 'o-message--success',
+            duration: 3000
           });
-          localStorage.setItem("userInfo", JSON.stringify(res));
-          window.open(`${window.origin}/witchaind/#/knowledge/library`, "_self");
+          localStorage.setItem('userInfo', JSON.stringify(res));
+          window.open(`${window.origin}/witchaind/#/knowledge/library`, '_self');
         })
         .finally(() => {
           loading.value = false;
@@ -448,7 +437,7 @@ const handleBackLogin = () => {
  * 注册请求
  */
 const handleSigInSubmit = () => {
-  console.log(signinData.value,signinFormRef);
+  console.log(signinData.value, signinFormRef);
   signinFormRef.value?.validate((valid) => {
     if (valid) {
       signinLoding.value = true;
@@ -457,10 +446,10 @@ const handleSigInSubmit = () => {
         .then(() => {
           ElMessage({
             showClose: true,
-            message: t("login.signinSuccessful"),
+            message: t('login.signinSuccessful'),
             icon: IconSuccess,
-            customClass: "o-message--success",
-            duration: 3000,
+            customClass: 'o-message--success',
+            duration: 3000
           });
           signinFormRef.value?.resetFields();
           isSigIn.value = false;
@@ -472,26 +461,23 @@ const handleSigInSubmit = () => {
   });
 };
 
-
 /**
  * 处理接postmessage收到的数据，根据消息中的语言设置应用语言。
  * 该函数会根据接收到的语言代码更新应用的语言设置，并将其存储在本地存储中。
  */
- const handleMessage = (e: Event)=> {
-
-const langObj={
-  'CN': 'zh',
-  'EN': 'en'
-};
-let lang = langObj[e.data.lang];
-locale.value = lang;
-appStore.changeLanguage(lang);
-localStorage.setItem("language", lang);
-
+const handleMessage = (e: Event) => {
+  const langObj = {
+    CN: 'zh',
+    EN: 'en'
+  };
+  let lang = langObj[e.data.lang];
+  locale.value = lang;
+  appStore.changeLanguage(lang);
+  localStorage.setItem('language', lang);
 };
 
 onMounted(() => {
-window.addEventListener('message', handleMessage)
+  window.addEventListener('message', handleMessage);
 });
 onUnmounted(() => window.removeEventListener('message', handleMessage));
 </script>
diff --git a/src/views/notFoundPage/index.vue b/src/views/notFoundPage/index.vue
index b736d36..25788b9 100644
--- a/src/views/notFoundPage/index.vue
+++ b/src/views/notFoundPage/index.vue
@@ -4,6 +4,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import CustomLoading from "@/components/CustomLoading/index.vue";
+import CustomLoading from '@/components/CustomLoading/index.vue';
 const loading = ref(true);
 </script>
diff --git a/uno.config.ts b/uno.config.ts
index b952fe4..5aad0ad 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -7,26 +7,26 @@ import {
   presetUno,
   presetWebFonts,
   transformerDirectives,
-  transformerVariantGroup,
-} from "unocss";
+  transformerVariantGroup
+} from 'unocss';
 
 export default defineConfig({
   shortcuts: {
-    "flex-center": "flex justify-center items-center",
-    "flex-x-center": "flex justify-center",
-    "flex-y-center": "flex items-center",
-    "wh-full": "w-full h-full",
-    "flex-x-between": "flex items-center justify-between",
-    "flex-x-end": "flex items-center justify-end",
-    "absolute-lt": "absolute left-0 top-0",
-    "absolute-rt": "absolute right-0 top-0 ",
-    "fixed-lt": "fixed left-0 top-0",
+    'flex-center': 'flex justify-center items-center',
+    'flex-x-center': 'flex justify-center',
+    'flex-y-center': 'flex items-center',
+    'wh-full': 'w-full h-full',
+    'flex-x-between': 'flex items-center justify-between',
+    'flex-x-end': 'flex items-center justify-end',
+    'absolute-lt': 'absolute left-0 top-0',
+    'absolute-rt': 'absolute right-0 top-0 ',
+    'fixed-lt': 'fixed left-0 top-0'
   },
   theme: {
     colors: {
-      primary: "var(--el-color-primary)",
-      primary_dark: "var(--el-color-primary-light-5)",
-    },
+      primary: 'var(--el-color-primary)',
+      primary_dark: 'var(--el-color-primary-light-5)'
+    }
   },
   presets: [
     presetUno(),
@@ -36,8 +36,8 @@ export default defineConfig({
     presetWebFonts({
       fonts: {
         // ...
-      },
-    }),
+      }
+    })
   ],
-  transformers: [transformerDirectives(), transformerVariantGroup()],
+  transformers: [transformerDirectives(), transformerVariantGroup()]
 });
diff --git a/vite.config.ts b/vite.config.ts
index 2c6ec92..e2a05ed 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,40 +1,34 @@
-import vue from "@vitejs/plugin-vue";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-import { UserConfig, ConfigEnv, loadEnv, defineConfig } from "vite";
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import { UserConfig, ConfigEnv, loadEnv, defineConfig } from 'vite';
 
-import AutoImport from "unplugin-auto-import/vite";
-import Components from "unplugin-vue-components/vite";
-import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
-import Icons from "unplugin-icons/vite";
-import IconsResolver from "unplugin-icons/resolver";
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+import Icons from 'unplugin-icons/vite';
+import IconsResolver from 'unplugin-icons/resolver';
 
-import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
-import mockDevServerPlugin from "vite-plugin-mock-dev-server";
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+import mockDevServerPlugin from 'vite-plugin-mock-dev-server';
 
-import UnoCSS from "unocss/vite";
-import { resolve } from "path";
-import {
-  name,
-  version,
-  engines,
-  dependencies,
-  devDependencies,
-} from "./package.json";
+import UnoCSS from 'unocss/vite';
+import { resolve } from 'path';
+import { name, version, engines, dependencies, devDependencies } from './package.json';
 
 const __APP_INFO__ = {
   pkg: { name, version, engines, dependencies, devDependencies },
-  buildTimestamp: Date.now(),
+  buildTimestamp: Date.now()
 };
 
-const pathSrc = resolve(__dirname, "src");
+const pathSrc = resolve(__dirname, 'src');
 export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
   const env = loadEnv(mode, process.cwd());
   return {
-    base: "/witchaind/", // 设置打包路径
+    base: '/witchaind/', // 设置打包路径
     resolve: {
       alias: {
-        "@": pathSrc,
-      },
+        '@': pathSrc
+      }
     },
     css: {
       // CSS 预处理器
@@ -44,59 +38,59 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           javascriptEnabled: true,
           additionalData: `
             @use "@/styles/variables.scss" as *;
-          `,
-        },
-      },
+          `
+        }
+      }
     },
     server: {
       // 允许IP访问
-      host: "localhost",
+      host: 'localhost',
       port: 3002,
       origin: 'http://localhost:3002',
       // 运行是否自动打开浏览器
       headers: {
-        "Access-control-allow-origin": "*",
+        'Access-control-allow-origin': '*'
       },
       open: true,
       proxy: {
-        "/witchaind/api": {
-          target: "https://euler-copilot-master.test.osinfra.cn/witchaind",
+        '/witchaind/api': {
+          target: 'https://euler-copilot-master.test.osinfra.cn/witchaind',
           changeOrigin: true,
           ws: false,
-          secure: false, 
-          rewrite: (path) => path.replace(/^\/witchaind\/api/, "/api")
-        },
-      },
+          secure: false,
+          rewrite: (path) => path.replace(/^\/witchaind\/api/, '/api')
+        }
+      }
     },
     plugins: [
       vue(),
       // jsx、tsx语法支持
       vueJsx(),
       // MOCK 服务
-      env.VITE_MOCK_DEV_SERVER === "true" ? mockDevServerPlugin() : null,
+      env.VITE_MOCK_DEV_SERVER === 'true' ? mockDevServerPlugin() : null,
       UnoCSS({
-        hmrTopLevelAwait: false,
+        hmrTopLevelAwait: false
       }),
       AutoImport({
         // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
-        imports: ["vue", "@vueuse/core", "pinia", "vue-router", "vue-i18n"],
+        imports: ['vue', '@vueuse/core', 'pinia', 'vue-router', 'vue-i18n'],
         resolvers: [
           // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
           ElementPlusResolver(),
           // 自动导入图标组件
-          IconsResolver({}),
+          IconsResolver({})
         ],
         eslintrc: {
           // 是否自动生成 eslint 规则，建议生成之后设置 false
           enabled: false,
           // 指定自动导入函数 eslint 规则的文件
-          filepath: "./.eslintrc-auto-import.json",
-          globalsPropValue: true,
+          filepath: './.eslintrc-auto-import.json',
+          globalsPropValue: true
         },
         // 是否在 vue 模板中自动导入
         vueTemplate: true,
         // 指定自动导入函数TS类型声明文件路径 (false:关闭自动生成)
-        dts: false,
+        dts: false
         // dts: "src/types/auto-imports.d.ts",
       }),
       Components({
@@ -106,146 +100,144 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           // 自动注册图标组件
           IconsResolver({
             // element-plus图标库，其他图标库 https://icon-sets.iconify.design/
-            enabledCollections: ["ep"],
-          }),
+            enabledCollections: ['ep']
+          })
         ],
         // 指定自定义组件位置(默认:src/components)
-        dirs: ["src/components", "src/**/components"],
+        dirs: ['src/components', 'src/**/components'],
         // 指定自动导入组件TS类型声明文件路径 (false:关闭自动生成)
-        dts: false,
+        dts: false
         // dts: "src/types/components.d.ts",
       }),
       Icons({
         // 自动安装图标库
-        autoInstall: true,
+        autoInstall: true
       }),
       createSvgIconsPlugin({
         // 指定需要缓存的图标文件夹
-        iconDirs: [resolve(pathSrc, "assets/icons")],
+        iconDirs: [resolve(pathSrc, 'assets/icons')],
         // 指定symbolId格式
-        symbolId: "icon-[dir]-[name]",
-      }),
+        symbolId: 'icon-[dir]-[name]'
+      })
     ],
     // 预加载项目必需的组件
     optimizeDeps: {
       include: [
-        "vue",
-        "vue-router",
-        "pinia",
-        "axios",
-        "@vueuse/core",
-        "sortablejs",
-        "path-to-regexp",
-        "echarts",
-        "@wangeditor/editor",
-        "@wangeditor/editor-for-vue",
-        "vue-i18n",
-        "path-browserify",
-        "element-plus/es/components/form/style/css",
-        "element-plus/es/components/form-item/style/css",
-        "element-plus/es/components/button/style/css",
-        "element-plus/es/components/input/style/css",
-        "element-plus/es/components/input-number/style/css",
-        "element-plus/es/components/switch/style/css",
-        "element-plus/es/components/upload/style/css",
-        "element-plus/es/components/menu/style/css",
-        "element-plus/es/components/col/style/css",
-        "element-plus/es/components/icon/style/css",
-        "element-plus/es/components/row/style/css",
-        "element-plus/es/components/tag/style/css",
-        "element-plus/es/components/dialog/style/css",
-        "element-plus/es/components/loading/style/css",
-        "element-plus/es/components/radio/style/css",
-        "element-plus/es/components/radio-group/style/css",
-        "element-plus/es/components/popover/style/css",
-        "element-plus/es/components/scrollbar/style/css",
-        "element-plus/es/components/tooltip/style/css",
-        "element-plus/es/components/dropdown/style/css",
-        "element-plus/es/components/dropdown-menu/style/css",
-        "element-plus/es/components/dropdown-item/style/css",
-        "element-plus/es/components/sub-menu/style/css",
-        "element-plus/es/components/menu-item/style/css",
-        "element-plus/es/components/divider/style/css",
-        "element-plus/es/components/card/style/css",
-        "element-plus/es/components/link/style/css",
-        "element-plus/es/components/breadcrumb/style/css",
-        "element-plus/es/components/breadcrumb-item/style/css",
-        "element-plus/es/components/table/style/css",
-        "element-plus/es/components/tree-select/style/css",
-        "element-plus/es/components/table-column/style/css",
-        "element-plus/es/components/select/style/css",
-        "element-plus/es/components/option/style/css",
-        "element-plus/es/components/pagination/style/css",
-        "element-plus/es/components/tree/style/css",
-        "element-plus/es/components/alert/style/css",
-        "element-plus/es/components/radio-button/style/css",
-        "element-plus/es/components/checkbox-group/style/css",
-        "element-plus/es/components/checkbox/style/css",
-        "element-plus/es/components/tabs/style/css",
-        "element-plus/es/components/tab-pane/style/css",
-        "element-plus/es/components/rate/style/css",
-        "element-plus/es/components/date-picker/style/css",
-        "element-plus/es/components/notification/style/css",
-        "element-plus/es/components/image/style/css",
-        "element-plus/es/components/statistic/style/css",
-        "element-plus/es/components/watermark/style/css",
-        "element-plus/es/components/config-provider/style/css",
-        "element-plus/es/components/text/style/css",
-        "element-plus/es/components/drawer/style/css",
-        "element-plus/es/components/color-picker/style/css",
-        "element-plus/es/components/backtop/style/css",
-        "element-plus/es/components/message-box/style/css",
-        "element-plus/es/components/skeleton/style/css",
-        "element-plus/es/components/skeleton/style/css",
-        "element-plus/es/components/skeleton-item/style/css",
-        "element-plus/es/components/badge/style/css",
-        "element-plus/es/components/steps/style/css",
-        "element-plus/es/components/step/style/css",
-        "element-plus/es/components/avatar/style/css",
-        "element-plus/es/components/descriptions/style/css",
-        "element-plus/es/components/descriptions-item/style/css",
-      ],
+        'vue',
+        'vue-router',
+        'pinia',
+        'axios',
+        '@vueuse/core',
+        'sortablejs',
+        'path-to-regexp',
+        'echarts',
+        '@wangeditor/editor',
+        '@wangeditor/editor-for-vue',
+        'vue-i18n',
+        'path-browserify',
+        'element-plus/es/components/form/style/css',
+        'element-plus/es/components/form-item/style/css',
+        'element-plus/es/components/button/style/css',
+        'element-plus/es/components/input/style/css',
+        'element-plus/es/components/input-number/style/css',
+        'element-plus/es/components/switch/style/css',
+        'element-plus/es/components/upload/style/css',
+        'element-plus/es/components/menu/style/css',
+        'element-plus/es/components/col/style/css',
+        'element-plus/es/components/icon/style/css',
+        'element-plus/es/components/row/style/css',
+        'element-plus/es/components/tag/style/css',
+        'element-plus/es/components/dialog/style/css',
+        'element-plus/es/components/loading/style/css',
+        'element-plus/es/components/radio/style/css',
+        'element-plus/es/components/radio-group/style/css',
+        'element-plus/es/components/popover/style/css',
+        'element-plus/es/components/scrollbar/style/css',
+        'element-plus/es/components/tooltip/style/css',
+        'element-plus/es/components/dropdown/style/css',
+        'element-plus/es/components/dropdown-menu/style/css',
+        'element-plus/es/components/dropdown-item/style/css',
+        'element-plus/es/components/sub-menu/style/css',
+        'element-plus/es/components/menu-item/style/css',
+        'element-plus/es/components/divider/style/css',
+        'element-plus/es/components/card/style/css',
+        'element-plus/es/components/link/style/css',
+        'element-plus/es/components/breadcrumb/style/css',
+        'element-plus/es/components/breadcrumb-item/style/css',
+        'element-plus/es/components/table/style/css',
+        'element-plus/es/components/tree-select/style/css',
+        'element-plus/es/components/table-column/style/css',
+        'element-plus/es/components/select/style/css',
+        'element-plus/es/components/option/style/css',
+        'element-plus/es/components/pagination/style/css',
+        'element-plus/es/components/tree/style/css',
+        'element-plus/es/components/alert/style/css',
+        'element-plus/es/components/radio-button/style/css',
+        'element-plus/es/components/checkbox-group/style/css',
+        'element-plus/es/components/checkbox/style/css',
+        'element-plus/es/components/tabs/style/css',
+        'element-plus/es/components/tab-pane/style/css',
+        'element-plus/es/components/rate/style/css',
+        'element-plus/es/components/date-picker/style/css',
+        'element-plus/es/components/notification/style/css',
+        'element-plus/es/components/image/style/css',
+        'element-plus/es/components/statistic/style/css',
+        'element-plus/es/components/watermark/style/css',
+        'element-plus/es/components/config-provider/style/css',
+        'element-plus/es/components/text/style/css',
+        'element-plus/es/components/drawer/style/css',
+        'element-plus/es/components/color-picker/style/css',
+        'element-plus/es/components/backtop/style/css',
+        'element-plus/es/components/message-box/style/css',
+        'element-plus/es/components/skeleton/style/css',
+        'element-plus/es/components/skeleton/style/css',
+        'element-plus/es/components/skeleton-item/style/css',
+        'element-plus/es/components/badge/style/css',
+        'element-plus/es/components/steps/style/css',
+        'element-plus/es/components/step/style/css',
+        'element-plus/es/components/avatar/style/css',
+        'element-plus/es/components/descriptions/style/css',
+        'element-plus/es/components/descriptions-item/style/css'
+      ]
     },
     // 构建配置
     build: {
       chunkSizeWarningLimit: 2000, // 消除打包大小超过500kb警告
-      minify: "terser", // Vite 2.6.x 以上需要配置 minify: "terser", terserOptions 才能生效
+      minify: 'terser', // Vite 2.6.x 以上需要配置 minify: "terser", terserOptions 才能生效
       terserOptions: {
         compress: {
           keep_infinity: true, // 防止 Infinity 被压缩成 1/0，这可能会导致 Chrome 上的性能问题
           drop_console: true, // 生产环境去除 console
-          drop_debugger: true, // 生产环境去除 debugger
+          drop_debugger: true // 生产环境去除 debugger
         },
         format: {
-          comments: false, // 删除注释
-        },
+          comments: false // 删除注释
+        }
       },
       rollupOptions: {
         output: {
           // 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
-          entryFileNames: "js/[name].[hash].js",
+          entryFileNames: 'js/[name].[hash].js',
           // 用于命名代码拆分时创建的共享块的输出命名
-          chunkFileNames: "js/[name].[hash].js",
+          chunkFileNames: 'js/[name].[hash].js',
           // 用于输出静态资源的命名，[ext]表示文件扩展名
           assetFileNames: (assetInfo: any) => {
-            const info = assetInfo.name.split(".");
+            const info = assetInfo.name.split('.');
             let extType = info[info.length - 1];
-            if (
-              /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/i.test(assetInfo.name)
-            ) {
-              extType = "media";
+            if (/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/i.test(assetInfo.name)) {
+              extType = 'media';
             } else if (/\.(png|jpe?g|gif|svg)(\?.*)?$/.test(assetInfo.name)) {
-              extType = "img";
+              extType = 'img';
             } else if (/\.(woff2?|eot|ttf|otf)(\?.*)?$/i.test(assetInfo.name)) {
-              extType = "fonts";
+              extType = 'fonts';
             }
             return `${extType}/[name].[hash].[ext]`;
-          },
-        },
-      },
+          }
+        }
+      }
     },
     define: {
-      __APP_INFO__: JSON.stringify(__APP_INFO__),
-    },
+      __APP_INFO__: JSON.stringify(__APP_INFO__)
+    }
   };
 });
-- 
Gitee


From 82a0c8ae805857b8f49f9e4d6fc403ad8626509f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Tue, 25 Mar 2025 10:08:01 +0800
Subject: [PATCH 15/26] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=9C=AA=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E7=9A=84=E5=8F=98=E9=87=8F&=E6=B7=BB=E5=8A=A0.eslintr?=
 =?UTF-8?q?c.json?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.json                           |  28 ++++
 .prettierrc.json                         |   5 +-
 src/App.vue                              |   4 +-
 src/api/kfApp.ts                         |   2 +-
 src/components/KnowledgeForm/index.vue   | 161 +++++++++++------------
 src/components/Upload/index.vue          |   7 +-
 src/components/Upload/uploadProgress.vue |   6 +-
 src/lang/index.ts                        |   1 -
 src/main.ts                              |   1 -
 src/plugins/permission.ts                |  10 +-
 src/store/modules/settings.ts            |   2 -
 src/store/modules/user.ts                |   1 -
 src/views/knowledgeFile/index.vue        |  18 ++-
 src/views/knowledgeFileSection/index.vue |   2 +-
 src/views/knowledgeLibrary/index.vue     |  31 +++--
 src/views/login/index.vue                |   5 +-
 tsconfig.json                            |   2 +-
 vite.config.ts                           |   6 +-
 18 files changed, 160 insertions(+), 132 deletions(-)
 create mode 100644 .eslintrc.json

diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..d274c78
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,28 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "project": ["./tsconfig.json"]
+  },
+  "plugins": ["@typescript-eslint", "import", "prettier"],
+  "extends": [
+    // "eslint:recommended",
+    // "plugin:@typescript-eslint/recommended",
+    // "plugin:@typescript-eslint/recommended-requiring-type-checking",
+    "prettier"
+  ],
+  "settings": {
+    "import/resolver": {
+      "typescript": {}
+    }
+  },
+  "rules": {
+    "prettier/prettier": "error",
+    "@typescript-eslint/no-unused-vars": "error",
+    "no-console": "warn",
+    "@typescript-eslint/prefer-optional-chain": "error",
+    "@typescript-eslint/no-unnecessary-type-assertion": "error"
+  }
+}
diff --git a/.prettierrc.json b/.prettierrc.json
index 547b9f8..23ab7bf 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,9 +1,10 @@
 {
   "printWidth": 100,
   "tabWidth": 2,
+  "useTabs": false,
   "semi": true,
-  "singleQuote": true,
-  "trailingComma": "none",
+  "singleQuote": false,
+  "trailingComma": "es5",
   "bracketSpacing": true,
   "bracketSameLine": true,
   "arrowParens": "always",
diff --git a/src/App.vue b/src/App.vue
index 232b672..0a538aa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,10 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import { useAppStore, useSettingsStore } from '@/store';
-import { ThemeEnum } from '@/enums/ThemeEnum';
+import { useAppStore } from '@/store';
 const appStore = useAppStore();
-const settingsStore = useSettingsStore();
 import '@/styles/app.scss';
 import router from './router';
 
diff --git a/src/api/kfApp.ts b/src/api/kfApp.ts
index af26da5..40580ed 100644
--- a/src/api/kfApp.ts
+++ b/src/api/kfApp.ts
@@ -1,5 +1,5 @@
 import request from '@/utils/request';
-import { ChunkRequest, DocDownload, DocListRequest, DocRenameRequest } from './apiType';
+import { ChunkRequest, DocListRequest, DocRenameRequest } from './apiType';
 
 class KfAppAPI {
   /** 获取资产库里的文件*/
diff --git a/src/components/KnowledgeForm/index.vue b/src/components/KnowledgeForm/index.vue
index 7b859f5..b462ced 100644
--- a/src/components/KnowledgeForm/index.vue
+++ b/src/components/KnowledgeForm/index.vue
@@ -67,7 +67,7 @@
       :label="$t('assetLibrary.embeddedModel')"
       prop="embedding_model">
       <template #label>
-        {{ $t('assetLibrary.embeddedModel') }}
+        {{ $t("assetLibrary.embeddedModel") }}
         <el-tooltip
           :content="$t('formTipText.analyticTip')"
           placement="top"
@@ -112,7 +112,7 @@
       :label="$t('assetLibrary.fileChunkSize')"
       prop="default_chunk_size">
       <template #label>
-        {{ $t('assetLibrary.fileChunkSize') }}
+        {{ $t("assetLibrary.fileChunkSize") }}
         <el-tooltip
           :content="$t('formTipText.fileChunkSizeTip')"
           placement="top"
@@ -139,12 +139,12 @@
         class="resetBtn addDocuType"
         :disabled="ruleForm?.document_type_list?.length >= 10"
         @click="handleAddDocType">
-        {{ $t('btnText.add') }}
+        {{ $t("btnText.add") }}
       </el-button>
       <el-button
         class="resetBtn delAllCocuType"
         @click="handleRemoveAllDocType">
-        {{ $t('btnText.delAll') }}
+        {{ $t("btnText.delAll") }}
       </el-button>
       <div class="supAddCategoris">
         <TextTooltip :content="$t('assetLibrary.supAddCategoris')" />
@@ -174,36 +174,36 @@
         :disabled="isSubmitDisabled"
         :loading="createLoading"
         @click="submitForm(ruleFormRef)">
-        {{ props.configInfo ? $t('btnText.save') : $t('btnText.confirm') }}
+        {{ props.configInfo ? $t("btnText.save") : $t("btnText.confirm") }}
       </el-button>
       <el-button
         class="resetBtn cancelBtn"
         @click="handleCancelForm()">
-        {{ $t('btnText.cancel') }}
+        {{ $t("btnText.cancel") }}
       </el-button>
     </el-form-item>
   </el-form>
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, watch } from 'vue';
-import { ElLoading, type ComponentSize, type FormInstance, type FormRules } from 'element-plus';
+import { reactive, ref, watch } from "vue";
+import { ElLoading, type ComponentSize, type FormInstance, type FormRules } from "element-plus";
 import {
   IconCaretDown,
   IconDelete,
   IconSuccess,
-  IconHelpCircle
-} from '@computing/opendesign-icons';
-import '@/styles/knowledgeForm.scss';
-import TextTooltip from '@/components/TextSingleTootip/index.vue';
-import { v4 as uuidv4 } from 'uuid';
-import KbAppAPI from '@/api/kbApp';
+  IconHelpCircle,
+} from "@computing/opendesign-icons";
+import "@/styles/knowledgeForm.scss";
+import TextTooltip from "@/components/TextSingleTootip/index.vue";
+import { v4 as uuidv4 } from "uuid";
+import KbAppAPI from "@/api/kbApp";
 
 const { t } = useI18n();
 const loading = ElLoading.service({
   visible: false,
-  text: `${t('pageTipText.Loading')}...`,
-  background: 'rgba(122, 122, 122, 0.5)'
+  text: `${t("pageTipText.Loading")}...`,
+  background: "rgba(122, 122, 122, 0.5)",
 });
 interface RuleForm {
   default_chunk_size: number;
@@ -216,18 +216,18 @@ interface RuleForm {
   [property: string]: any;
 }
 
-const formSize = ref<ComponentSize>('default');
+const formSize = ref<ComponentSize>("default");
 const ruleFormRef = ref<FormInstance>();
 const createLoading = ref(false);
 const isSubmitDisabled = ref(true);
 const ruleForm = ref<RuleForm>({
-  name: '',
-  language: '',
+  name: "",
+  language: "",
   default_chunk_size: 1024,
-  embedding_model: '',
-  default_parser_method: '',
+  embedding_model: "",
+  default_parser_method: "",
   document_type_list: [],
-  description: ''
+  description: "",
 });
 const languageOptions = ref();
 const emBeddingModelOptions = ref();
@@ -236,50 +236,48 @@ const parserMethodOptions = ref();
 const props = defineProps({
   handelResetForm: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   handleCloseCreateKb: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   handleOpsKbForm: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   formData: {
-    type: <any>{}
+    type: <any>{},
   },
   configInfo: {
-    type: Boolean
+    type: Boolean,
   },
   handleQueryKbData: {
     type: Function,
-    default: () => {}
-  }
+    default: () => {},
+  },
 });
 
 onMounted(() => {
   loading.visible.value = false;
   ruleForm.value = props.formData
     ? JSON.parse(
-        JSON.stringify(
-          ({
-            ...props.formData,
-            document_type_list: props.formData?.document_type_list.filter(
-              (item) => item?.type?.length
-            ),
-            default_chunk_size: props.formData.default_chunk_size || 1024
-          } as RuleForm) || '{}'
-        )
+        JSON.stringify({
+          ...props.formData,
+          document_type_list: props.formData?.document_type_list.filter(
+            (item: any) => item?.type?.length
+          ),
+          default_chunk_size: props.formData.default_chunk_size || 1024,
+        } as RuleForm)
       )
     : ruleForm.value;
 
   KbAppAPI.queryLanguageList().then((res: any) => {
     languageOptions.value = res?.map((item: any) => {
-      if (item === 'English') {
-        return { label: item, value: 'en' };
+      if (item === "English") {
+        return { label: item, value: "en" };
       }
-      return { label: item, value: 'zh' };
+      return { label: item, value: "zh" };
     });
   });
 
@@ -301,7 +299,8 @@ watch(
   () => {
     let flag = false;
     Object.keys(ruleForm.value).forEach((item) => {
-      if (rules?.[item]?.[0]?.required) {
+      const ruleCopy = rules?.[item];
+      if ((Array.isArray(ruleCopy) ? ruleCopy[0] : ruleCopy)?.required) {
         if (!ruleForm.value?.[item]?.toString().length) {
           flag = true;
         }
@@ -316,73 +315,73 @@ watch(
 const rules = reactive<FormRules<RuleForm>>({
   id: [
     {
-      required: true
-    }
+      required: true,
+    },
   ],
   name: [
     {
       required: true,
-      message: t('assetLibrary.message.name'),
-      trigger: ['blur', 'change']
+      message: t("assetLibrary.message.name"),
+      trigger: ["blur", "change"],
     },
     {
       min: 1,
-      message: t('assetLibrary.message.libraryNameLen'),
-      trigger: ['blur', 'change']
-    }
+      message: t("assetLibrary.message.libraryNameLen"),
+      trigger: ["blur", "change"],
+    },
   ],
   language: [
     {
       required: true,
-      message: t('assetLibrary.message.languagePlace'),
-      trigger: ['blur', 'chanblurge']
-    }
+      message: t("assetLibrary.message.languagePlace"),
+      trigger: ["blur", "chanblurge"],
+    },
   ],
   embedding_model: [
     {
       required: true,
-      message: t('assetLibrary.message.modelPlace'),
-      trigger: ['blur', 'change']
-    }
+      message: t("assetLibrary.message.modelPlace"),
+      trigger: ["blur", "change"],
+    },
   ],
   default_parser_method: [
     {
       required: true,
-      message: t('assetLibrary.message.analyticMethodPlace'),
-      trigger: ['blur', 'change']
-    }
+      message: t("assetLibrary.message.analyticMethodPlace"),
+      trigger: ["blur", "change"],
+    },
   ],
   default_chunk_size: [
     {
-      message: t('assetLibrary.message.pleasePlace'),
-      trigger: ['blur', 'change'],
-      required: true
-    }
-  ]
+      message: t("assetLibrary.message.pleasePlace"),
+      trigger: ["blur", "change"],
+      required: true,
+    },
+  ],
 });
 
-const handleCopyTextToclipboard = (text) => {
-  const input = document.createElement('input');
+const handleCopyTextToclipboard = (text: string) => {
+  const input = document.createElement("input");
   input.value = text;
   document.body.appendChild(input);
   input.select();
-  document.execCommand('copy');
+  document.execCommand("copy");
   ElMessage({
     showClose: true,
-    message: t('assetLibrary.copySuccessFul'),
+    message: t("assetLibrary.copySuccessFul"),
     icon: IconSuccess,
-    customClass: 'o-message--success',
-    duration: 3000
+    customClass: "o-message--success",
+    duration: 3000,
   });
   document.body.removeChild(input);
 };
 
 onMounted(() => {
-  const isTransList = document.querySelectorAll('.is-transparent');
+  const isTransList = document.querySelectorAll(".is-transparent");
   isTransList?.forEach((el) => {
-    const span = el.querySelector('span');
-    if (span?.innerHTML === t('assetLibrary.message.pleaseChoose')) {
-      el.classList.add('removeIsTrans');
+    const span = el.querySelector("span");
+    if (span?.innerHTML === t("assetLibrary.message.pleaseChoose")) {
+      el.classList.add("removeIsTrans");
     }
   });
 });
@@ -397,7 +396,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
       embedding_model: ruleForm.value.embedding_model,
       default_parser_method: ruleForm.value.default_parser_method,
       default_chunk_size: ruleForm.value.default_chunk_size,
-      document_type_list: ruleForm.value.document_type_list.filter((item) => item.type.length > 0)
+      document_type_list: ruleForm.value.document_type_list.filter((item) => item.type.length > 0),
     };
     if (valid) {
       loading.visible.value = true;
@@ -405,7 +404,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
       if (ruleForm.value?.id) {
         KbAppAPI.updateKbLibrary({
           id: ruleForm.value.id,
-          ...payload
+          ...payload,
         })
           .then((res) => {
             props.handleOpsKbForm();
@@ -414,12 +413,12 @@ const submitForm = async (formEl: FormInstance | undefined) => {
             }
             ElMessage({
               showClose: true,
-              message: t('opsMessage.modifSuccess'),
+              message: t("opsMessage.modifSuccess"),
               icon: IconSuccess,
-              customClass: 'o-message--success',
-              duration: 3000
+              customClass: "o-message--success",
+              duration: 3000,
             });
-            ruleForm.value.document_type_list = res.document_type_list;
+            ruleForm.value.document_type_list = (res as any).document_type_list;
           })
           .finally(() => {
             loading.visible.value = false;
@@ -428,7 +427,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
       } else {
         KbAppAPI.createKbLibrary({
           ...payload,
-          document_type_list: ruleForm.value.document_type_list.map((item) => item.type)
+          document_type_list: ruleForm.value.document_type_list.map((item) => item.type),
         })
           .then((res) => {
             props.handleOpsKbForm();
@@ -462,7 +461,7 @@ const handleRemoveAllDocType = () => {
 const handleAddDocType = () => {
   ruleForm.value.document_type_list.push({
     id: uuidv4(),
-    type: ''
+    type: "",
   });
 };
 </script>
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index ffb6b6e..54c3d32 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -210,7 +210,8 @@ const props = defineProps({
     default: false
   },
   singleFileSize: {
-    type: Number
+    type: Number,
+    default: 0
   },
   uploadType: {
     type: String
@@ -374,10 +375,10 @@ watch(
   }
 );
 
-const handleLimitSize = (selectedFileData) => {
+const handleLimitSize = (selectedFileData: Array<TableRow>) => {
   let flag = false;
   selectedFileData.forEach((item) => {
-    if (isMaxMemoryOut(item.file.size, props.singleFileSize)) {
+    if (isMaxMemoryOut(item.file.size ?? 0, props.singleFileSize)) {
       flag = true;
     }
   });
diff --git a/src/components/Upload/uploadProgress.vue b/src/components/Upload/uploadProgress.vue
index 6f412d0..dcaefde 100644
--- a/src/components/Upload/uploadProgress.vue
+++ b/src/components/Upload/uploadProgress.vue
@@ -117,7 +117,7 @@ const props = defineProps({
     type: Boolean
   },
   uploadingList: {
-    type: Array,
+    type: Array<any>,
     default: []
   },
   handleShowTaskList: {
@@ -173,13 +173,13 @@ watch(
 );
 watch(
   () => props.taskListImportDate,
-  (newVal, oldVal) => {
+  () => {
     taskStatusList.value = props.uploadingList;
   }
 );
 onMounted(() => {
   if (props.isKnowledgeFileUpload) {
-    taskStatusList.value = props.uploadingList.filter((item) => item.uploadStatus !== 'success');
+    taskStatusList.value = props.uploadingList.filter((item) => item?.uploadStatus !== 'success');
   } else {
     taskStatusList.value = props.uploadingList;
   }
diff --git a/src/lang/index.ts b/src/lang/index.ts
index 6944994..a3de3c8 100644
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -1,6 +1,5 @@
 import type { App } from 'vue';
 import { createI18n } from 'vue-i18n';
-import { useAppStoreHook } from '@/store/modules/app';
 // 本地语言包
 import enLocale from './package/en';
 import zhCnLocale from './package/zh-cn';
diff --git a/src/main.ts b/src/main.ts
index b6fb48d..63ca9f0 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -12,7 +12,6 @@ import setupPlugins from '@/plugins';
 
 // 本地SVG图标
 import 'virtual:svg-icons-register';
-import '@computing/opendesign2/themes/es/css';
 
 // 样式
 import 'element-plus/theme-chalk/dark/css-vars.css';
diff --git a/src/plugins/permission.ts b/src/plugins/permission.ts
index be71555..253618f 100644
--- a/src/plugins/permission.ts
+++ b/src/plugins/permission.ts
@@ -1,14 +1,11 @@
-import { NavigationGuardNext, RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
-
 import NProgress from '@/utils/nprogress';
-import { TOKEN_KEY } from '@/enums/CacheEnum';
 import router from '@/router';
 
 export function setupPermission() {
   // 白名单路由
   const whiteList = ['/login', '/NotFoundPage'];
 
-  router.beforeEach(async (to, from, next) => {
+  router.beforeEach(async (to, _from, next) => {
     NProgress.start();
     const hasToken = document.cookie;
     if (hasToken?.length === 0 && !['/login', '/'].includes(to.path)) {
@@ -29,8 +26,3 @@ export function setupPermission() {
     NProgress.done();
   });
 }
-
-/** 重定向到登录页 */
-function redirectToLogin(to: RouteLocationNormalized, next: NavigationGuardNext) {
-  next(`/login`);
-}
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index f5df273..57e6793 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -1,6 +1,4 @@
 import defaultSettings from '@/settings';
-import { ThemeEnum } from '@/enums/ThemeEnum';
-import Color from 'color';
 
 type SettingsValue = boolean | string;
 
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index d818853..e14202f 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -2,7 +2,6 @@ import AuthAPI, { SigninData, type LoginData } from '@/api/auth';
 import { type UserInfo } from '@/api/user';
 import { resetRouter } from '@/router';
 import { store } from '@/store';
-import { TOKEN_KEY } from '@/enums/CacheEnum';
 
 export const useUserStore = defineStore('user', () => {
   const user = ref<UserInfo>({
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index eee8bc2..f97117e 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -700,7 +700,7 @@ import { StatusEnum, MenuType } from '@/enums/KnowledgeEnum';
 import KnowledgeForm from '@/components/KnowledgeForm/index.vue';
 import FilterContainr from '@/components/TableFilter/index.vue';
 const { t } = useI18n();
-import { ElLoading, type FormInstance, type FormRules } from 'element-plus';
+import { type FormInstance } from 'element-plus';
 import KfAppAPI from '@/api/kfApp';
 import { DocListRequest } from '@/api/apiType';
 import KbAppAPI from '@/api/kbApp';
@@ -711,7 +711,6 @@ import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocal
 
 import { FileForm, DocumentType } from './fileConfig';
 
-const router = useRouter();
 const route = useRoute();
 const dialogImportVisible = ref(false);
 const customColor = ref('#0077FF');
@@ -766,10 +765,15 @@ const currentPageSize = ref(20);
 const dialogEditVisible = ref(false);
 const loading = ref(false);
 const taskListImportDate = ref();
-const taskNumber = ref(0);
 const taskTimer = ref();
 const taskList = ref<any>([]);
-const uploadTaskListData = ref({});
+const uploadTaskListData = ref<{
+  showUploadNotify?: boolean;
+  uploadingList?: Array<any>;
+  showTaskList?: boolean;
+  handleShowTaskList?: Function;
+  handleUploadRestart?: Function;
+}>({});
 const parserMethodOptions = ref<any>([]);
 const userLanguage = ref();
 const isSubmitDisabled = ref(true);
@@ -804,7 +808,7 @@ const fileTableList = reactive<{
 
 watch(
   () => t(''),
-  (newVal, oldVal) => {
+  () => {
     filterStatusList.value = [
       {
         label: t('assetFile.status.analyticFail'),
@@ -897,7 +901,7 @@ watch(
   }
 );
 
-const handleBatchDownBth = (e) => {
+const handleBatchDownBth = (e: boolean) => {
   batchDownBth.value = e;
 };
 
@@ -1125,7 +1129,7 @@ onUnmounted(() => {
   handleCleartTimer();
 });
 
-const handleVisibleChange = (e) => {
+const handleVisibleChange = (e: boolean) => {
   timeFilterVisible.value = e;
 };
 
diff --git a/src/views/knowledgeFileSection/index.vue b/src/views/knowledgeFileSection/index.vue
index 495c790..c72dba6 100644
--- a/src/views/knowledgeFileSection/index.vue
+++ b/src/views/knowledgeFileSection/index.vue
@@ -362,7 +362,7 @@ const handleMouseOut = () => {
   isHoverIndex.value = '';
 };
 
-const handleBatchDownBth = (e) => {
+const handleBatchDownBth = (e: boolean) => {
   batchDownBth.value = e;
 };
 
diff --git a/src/views/knowledgeLibrary/index.vue b/src/views/knowledgeLibrary/index.vue
index 0317894..8b01e38 100644
--- a/src/views/knowledgeLibrary/index.vue
+++ b/src/views/knowledgeLibrary/index.vue
@@ -282,7 +282,7 @@
                 <el-icon
                   ref="inputSearchRef"
                   :class="
-                    sortFilter?.id?.length > 0 || fileFilterVisible ? 'searchIconIsActive' : ''
+                    sortFilter?.id?.length! > 0 || fileFilterVisible ? 'searchIconIsActive' : ''
                   ">
                   <IconSearch />
                 </el-icon>
@@ -355,7 +355,7 @@
                       @click="handeDatePickerShow"
                       @click.stop
                       :class="
-                        sortFilter?.created_time_start?.length > 0 || timeFilterVisible
+                        sortFilter?.created_time_start?.length! > 0 || timeFilterVisible
                           ? 'searchIconIsActive'
                           : ''
                       ">
@@ -535,7 +535,7 @@ import TextMoreTootip from '@/components/TextMoreTootip/index.vue';
 import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
 import CustomLoading from '@/components/CustomLoading/index.vue';
 
-import { debounce } from 'lodash';
+import { debounce, property } from 'lodash';
 import KbAppAPI from '@/api/kbApp';
 import { QueryKbRequest } from '@/api/apiType';
 import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
@@ -572,7 +572,14 @@ const pagination = ref({
   pageSizes: [10, 20, 30, 40, 50],
   layout: 'total,sizes,prev,pager,next,jumper'
 });
-const sortFilter = ref({});
+interface sortFilterType {
+  id?: string;
+  name?: string;
+  created_time_start?: string;
+  created_time_end?: string;
+  [property: string | number]: string | undefined;
+}
+const sortFilter = ref<sortFilterType>({});
 const currentPage = ref(1);
 const totalCount = ref(0);
 const taskListImportDate = ref();
@@ -590,7 +597,7 @@ const taskListLoading = ref(false);
 const timeFilterVisible = ref(false);
 const fileFilterVisible = ref(false);
 const inputSearchRef = ref();
-const tiemPick = ref();
+const timePick = ref();
 const created_time = ref();
 const shortcuts = ref();
 const fileTableList = reactive<{
@@ -640,13 +647,13 @@ onMounted(() => {
   });
 });
 
-const handleVisibleChange = (e) => {
+const handleVisibleChange = (e: boolean) => {
   timeFilterVisible.value = e;
 };
 
 const handeDatePickerShow = (e: { pageX: string; pageY: string }) => {
   timeFilterVisible.value = true;
-  tiemPick.value.handleOpen();
+  timePick.value.handleOpen();
   let dateTimerContainer = document.querySelector('.datetimerangeClass') as HTMLElement;
   if (dateTimerContainer) {
     dateTimerContainer.style.position = 'absolute';
@@ -655,11 +662,13 @@ const handeDatePickerShow = (e: { pageX: string; pageY: string }) => {
   }
 };
 
-const handleFilterData = (params: any) => {
-  let filterPaylod = {};
+const handleFilterData = (params: sortFilterType) => {
+  let filterPaylod: sortFilterType = {};
   Object.keys(params || {}).forEach((item: string | number) => {
-    if (params[item]?.length > 0) {
-      filterPaylod[item] = params[item];
+    if (params[item]) {
+      if (params[item]?.length > 0) {
+        filterPaylod[item] = params[item];
+      }
     }
   });
   return filterPaylod;
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d7761de..c2f4645 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -465,12 +465,13 @@ const handleSigInSubmit = () => {
  * 处理接postmessage收到的数据，根据消息中的语言设置应用语言。
  * 该函数会根据接收到的语言代码更新应用的语言设置，并将其存储在本地存储中。
  */
-const handleMessage = (e: Event) => {
+const handleMessage = (e: MessageEvent) => {
+  console.log(e);
   const langObj = {
     CN: 'zh',
     EN: 'en'
   };
-  let lang = langObj[e.data.lang];
+  let lang: string = langObj[e.data.lang as keyof typeof langObj];
   locale.value = lang;
   appStore.changeLanguage(lang);
   localStorage.setItem('language', lang);
diff --git a/tsconfig.json b/tsconfig.json
index 441cb93..557786d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -23,6 +23,6 @@
     },
     "types": ["vite/client", "unplugin-icons/types/vue", "element-plus/global"]
   },
-  "include": ["mock/**/*.ts", "src/**/*.ts", "src/**/*.vue", "vite.config.ts"],
+  "include": ["mock/**/*.ts", "src/**/*.ts", "src/**/*.vue", "vite.config.ts", "uno.config.ts"],
   "exclude": ["node_modules", "dist", "**/*.js"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index e2a05ed..477de01 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,7 +12,7 @@ import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
 import mockDevServerPlugin from 'vite-plugin-mock-dev-server';
 
 import UnoCSS from 'unocss/vite';
-import { resolve } from 'path';
+import path, { resolve } from 'path';
 import { name, version, engines, dependencies, devDependencies } from './package.json';
 
 const __APP_INFO__ = {
@@ -20,7 +20,7 @@ const __APP_INFO__ = {
   buildTimestamp: Date.now()
 };
 
-const pathSrc = resolve(__dirname, 'src');
+const pathSrc = path.resolve(__dirname, './src');
 export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
   const env = loadEnv(mode, process.cwd());
   return {
@@ -84,7 +84,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           // 是否自动生成 eslint 规则，建议生成之后设置 false
           enabled: false,
           // 指定自动导入函数 eslint 规则的文件
-          filepath: './.eslintrc-auto-import.json',
+          filepath: './.eslintrc.json',
           globalsPropValue: true
         },
         // 是否在 vue 模板中自动导入
-- 
Gitee


From 63082762fd1811aa34b3c301ddf7386cc10c0d0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Sat, 29 Mar 2025 15:36:52 +0800
Subject: [PATCH 16/26] =?UTF-8?q?fix:=E6=89=B9=E9=87=8F=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E5=90=8E=E7=BF=BB=E9=A1=B5=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E3=80=81=E6=8F=90=E4=BA=A4=E5=88=97=E8=A1=A8=E5=90=8E=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E7=BB=84=E4=BB=B6=E7=BC=93=E5=AD=98=E6=B8=85=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue | 308 +++++++++++++++-----------------
 1 file changed, 141 insertions(+), 167 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 54c3d32..d7e33a0 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -1,87 +1,45 @@
 <template>
-  <div
-    class="upload-to-list"
-    :class="{ 'has-files': hasFiles }">
+  <div class="upload-to-list" :class="{ 'has-files': hasFiles }">
     <div v-if="hasFiles">
-      <el-alert
-        :title="tipText"
-        type="info"
-        show-icon
-        :closable="false" />
+      <el-alert :title="tipText" type="info" show-icon :closable="false" />
       <div class="list-action">
         <div>
-          <el-button
-            type="primary"
-            @click.stop="selectFiles"
-            class="file-ops"
+          <el-button type="primary" @click.stop="selectFiles" class="file-ops"
             :disabled="fileTableList.data.length >= props.maxFileNum">
-            {{ $t('btnText.chooseFile') }}
+            {{ $t("btnText.chooseFile") }}
           </el-button>
-          <el-button
-            @click="batchDelete()"
-            class="delFileBtn cancelBtn">
-            {{ $t('btnText.batchDelete') }}
+          <el-button @click="batchDelete()" class="delFileBtn cancelBtn">
+            {{ $t("btnText.batchDelete") }}
           </el-button>
         </div>
         <div class="list-action-tip">
           <div>
-            {{ $t('dialogTipText.fileNums') }}:{{ fileTableList.data.length }}/{{
+            {{ $t("dialogTipText.fileNums") }}:{{ fileTableList.data.length }}/{{
               props.maxFileNum
             }}
           </div>
           <div>
-            {{ $t('dialogTipText.fileSizes') }}:{{ allFileSizesInfo }}/{{ maxFileSizesInfo }}
+            {{ $t("dialogTipText.fileSizes") }}:{{ allFileSizesInfo }}/{{ maxFileSizesInfo }}
           </div>
         </div>
       </div>
-      <div class="list-tip">{{ $t('dialogTipText.continueAdd') }}</div>
+      <div class="list-tip">{{ $t("dialogTipText.continueAdd") }}</div>
     </div>
-    <el-upload
-      action=""
-      drag
-      multiple
-      :limit="props.maxFileNum"
-      :accept="accept"
-      :show-file-list="false"
-      :on-exceed="handleExceed"
-      :on-success="handlsSuccess"
-      :on-change="handleChange"
-      :on-progress="handleProgress"
-      :auto-upload="false">
-      <div
-        ref="uploadEl"
-        class="upload-block">
-        <div
-          v-if="hasFiles"
-          class="upload-preview"
-          @click.stop>
-          <el-table
-            :data="fileTableList.data"
-            max-height="184"
-            @selection-change="handleSelectionChange"
+    <el-upload ref="uploadRef" action="" drag multiple :limit="props.maxFileNum" :accept="accept"
+      :show-file-list="false" :on-exceed="handleExceed" :on-success="handlsSuccess" :on-change="handleChange"
+      :on-progress="handleProgress" :auto-upload="false">
+      <div ref="uploadEl" class="upload-block">
+        <div v-if="hasFiles" class="upload-preview" @click.stop>
+          <el-table :data="fileTableList.data" max-height="184" @selection-change="handleSelectionChange"
             ref="fileTableRef">
-            <el-table-column
-              type="selection"
-              class-name="upload-file-selection"
-              width="48" />
-            <el-table-column
-              prop="name"
-              :label="$t('dialogTipText.fileName')"
-              class-name="upload-file-name"
+            <el-table-column type="selection" class-name="upload-file-selection" width="48" />
+            <el-table-column prop="name" :label="$t('dialogTipText.fileName')" class-name="upload-file-name"
               :show-overflow-tooltip="true" />
-            <el-table-column
-              prop="size"
-              :label="$t('dialogTipText.fileSize')"
-              width="120" />
-            <el-table-column
-              prop="action"
-              :label="$t('btnText.operation')"
-              width="100">
+            <el-table-column prop="size" :label="$t('dialogTipText.fileSize')" width="120" />
+            <el-table-column prop="action" :label="$t('btnText.operation')" width="100">
               <template #default="scope">
-                <el-button
-                  text
-                  @click="deleteFile(scope.row)">
-                  {{ $t('btnText.delete') }}
+                <el-button text @click="deleteFile(scope.row)">
+                  {{ $t("btnText.delete") }}
                 </el-button>
               </template>
             </el-table-column>
@@ -92,57 +50,46 @@
                 <IconUpload />
               </el-icon>
               <div class="upload-tip">
-                {{ $t('dialogTipText.dragDropAdd') }}
+                {{ $t("dialogTipText.dragDropAdd") }}
               </div>
             </div>
           </div>
         </div>
-        <div
-          v-else
-          class="upload-add">
+        <div v-else class="upload-add">
           <el-icon class="upload-btn-icon">
             <IconUpload />
           </el-icon>
           <div class="upload-tip">
-            <div class="upload-drag">{{ $t('dialogTipText.dragFile') }}</div>
+            <div class="upload-drag">{{ $t("dialogTipText.dragFile") }}</div>
             <div class="upload-tip-text">({{ tipText }})</div>
             <div style="margin-top: 24px">
-              <el-button
-                type="primary"
-                class="chooseFileBtn">
-                {{ $t('btnText.chooseFile') }}
+              <el-button type="primary" class="chooseFileBtn">
+                {{ $t("btnText.chooseFile") }}
               </el-button>
             </div>
           </div>
         </div>
       </div>
     </el-upload>
-    <div
-      v-if="hasFiles"
-      class="upload-ops-btn">
-      <el-button
-        class="resetBtn"
-        type="primary"
-        :disabled="btnDisabled"
+    <div v-if="hasFiles" class="upload-ops-btn">
+      <el-button class="resetBtn" type="primary" :disabled="btnDisabled"
         @click="uploadType === 'file' ? uploadKnowledgeFile() : uploadFiles()">
-        {{ $t('btnText.confirm') }}
+        {{ $t("btnText.confirm") }}
       </el-button>
-      <el-button
-        class="resetBtn cancelBtn"
-        @click="handleCancelUpload()">
-        {{ $t('btnText.cancel') }}
+      <el-button class="resetBtn cancelBtn" @click="handleCancelUpload()">
+        {{ $t("btnText.cancel") }}
       </el-button>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, reactive, ref } from 'vue';
-import '@/styles/upload.scss';
-import { IconUpload, IconError } from '@computing/opendesign-icons';
-import type { UploadFile, UploadProgressEvent } from 'element-plus/es/components/upload/src/upload';
+import { computed, reactive, ref } from "vue";
+import "@/styles/upload.scss";
+import { IconUpload, IconError } from "@computing/opendesign-icons";
+import type { UploadFile, UploadProgressEvent } from "element-plus/es/components/upload/src/upload";
 const { t } = useI18n();
-import { ElMessage } from 'element-plus';
-import { bytesToSize, isMaxMemoryOut } from '@/utils/bytesToSize';
+import { ElMessage } from "element-plus";
+import { bytesToSize, isMaxMemoryOut } from "@/utils/bytesToSize";
 interface TableRow {
   id: string | number;
   name: string;
@@ -151,103 +98,105 @@ interface TableRow {
 }
 const doUpload = (options: any) => {
   props.handleUploadMyFile(options);
+
 };
 const progressVal = ref(0);
 const uploadEl = ref(null);
 const btnDisabled = ref(true);
 const props = defineProps({
   tipText: {
-    type: String
+    type: String,
   },
   accept: {
-    type: String
+    type: String,
   },
   maxFileNum: {
     type: Number,
-    default: 0
+    default: 0,
   },
   handleCancelVisible: {
     type: Function,
-    default: () => {}
+    default: () => { },
   },
   handleQueryTaskList: {
     type: Function,
-    default: () => {}
+    default: () => { },
   },
   maxSize: {
     type: Number,
-    default: 0
+    default: 0,
   },
   handleUploadMyFile: {
     type: Function,
-    default: () => {}
+    default: () => { },
   },
   handInitTaskList: {
     type: Function,
-    default: () => {}
+    default: () => { },
   },
   handleStopUploadFile: {
     type: Function,
-    default: () => {}
+    default: () => { },
   },
   taskListImportDate: {
-    type: Number
+    type: Number,
   },
   taskList: {
     type: Array,
-    default: []
+    default: [],
   },
   toggleUploadNotify: {
     type: Function,
-    default: () => {}
+    default: () => { },
   },
   handleImportLoading: {
     type: Function,
-    default: () => {}
+    default: () => { },
   },
   singleFileLimit: {
     type: Boolean,
-    default: false
+    default: false,
   },
   singleFileSize: {
     type: Number,
-    default: 0
+    default: 0,
   },
   uploadType: {
-    type: String
-  }
+    type: String,
+  },
 });
 const fileTableList = reactive<{
   data: Array<TableRow>;
 }>({
-  data: []
+  data: [],
 });
 let selectedFiles: any[] = [];
 const multipleSelection = ref<TableRow[]>([]);
 const uploadingList = ref<Array<any>>([]);
 const showTaskList = ref(true);
 let allFileSizes = ref(0); // 所有文件大小
+const uploadRef = ref();
 
 let allFileSizesInfo = computed(() => {
   // 字节转MB：1 MB = 1024 * 1024 bytes
   if (allFileSizes.value <= 0) return 0;
   if (allFileSizes.value < 1024) {
-    return allFileSizes.value + 'B';
+    return allFileSizes.value + "B";
   } else if (allFileSizes.value / 1024 < 1024) {
-    return (allFileSizes.value / 1024).toFixed(0) + 'KB';
+    return (allFileSizes.value / 1024).toFixed(0) + "KB";
   } else if (allFileSizes.value / 1024 / 1024 < 1024) {
-    return (allFileSizes.value / 1024 / 1024).toFixed(0) + 'MB';
+    return (allFileSizes.value / 1024 / 1024).toFixed(0) + "MB";
   } else {
-    return (allFileSizes.value / 1024 / 1024 / 1024).toFixed(0) + 'GB';
+    return (allFileSizes.value / 1024 / 1024 / 1024).toFixed(0) + "GB";
   }
 });
 
 let maxFileSizesInfo = computed(() => {
   if (props.maxSize <= 0) return 0;
   if (props.maxSize < 1) {
-    return (props.maxSize * 1024).toFixed(0) + 'MB';
+    return (props.maxSize * 1024).toFixed(0) + "MB";
   } else {
-    return props.maxSize + 'GB';
+    return props.maxSize + "GB";
   }
 });
 
@@ -260,7 +209,7 @@ const handleSelectionChange = (val: TableRow[]) => {
       id: item.id,
       name: item.name,
       file: item.file,
-      percent: 0
+      percent: 0,
     };
   });
 };
@@ -268,7 +217,7 @@ const handleSelectionChange = (val: TableRow[]) => {
 const hasFiles = computed(() => fileTableList.data.length > 0);
 
 const changeAllSizes = (file: any, type?: string) => {
-  if (type === 'add') {
+  if (type === "add") {
     allFileSizes.value += file.size as number;
   } else {
     allFileSizes.value -= file.size as number;
@@ -281,14 +230,15 @@ const handleChange = (file: UploadFile) => {
     id: file.uid,
     name: file.name,
     size: bytesToSize(file.size as number),
-    file: file
+    file: file,
   };
-  changeAllSizes(file, 'add');
+  changeAllSizes(file, "add");
   fileTableList.data.push(item);
 };
 
 // 超出文件数量限制时的处理
-const handleExceed = () => {
+const handleExceed = (files: File[], uploadFiles: any[]) => {
+  console.log(uploadFiles.length);
   ElMessage.warning(`超出文件数量限制,最多只能上传 ${props.maxFileNum} 个文件!`);
 };
 
@@ -303,7 +253,7 @@ const handlsSuccess = () => {
 const handleUploadRestart = (item: any) => {
   uploadingList.value = uploadingList.value.map((up) => {
     if (up.id === item.id) {
-      return { ...item, error: false, uploadStatus: 'error' };
+      return { ...item, error: false, uploadStatus: "error" };
     }
     return up;
   });
@@ -320,11 +270,11 @@ const handleUploadRestart = (item: any) => {
         return up;
       });
     },
-    onSuccess: (response: any) => {
+    onSuccess: () => {
       item.percent = 100;
       props.handInitTaskList();
     },
-    fileInfo: item
+    fileInfo: item,
   });
 };
 
@@ -335,7 +285,7 @@ watch(
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 const batchDelete = () => {
@@ -349,7 +299,7 @@ const deleteFile = (row?: any) => {
   if (row) {
     const idx = fileTableList.data.findIndex((item: any) => item.id === row.id);
     fileTableList.data.splice(idx, 1);
-    changeAllSizes(row.file, 'del');
+    changeAllSizes(row.file, "del");
   }
 };
 
@@ -359,7 +309,7 @@ const selectFiles = () => {
 
 watch(
   () => props.taskListImportDate,
-  (newVal, oldVal) => {
+  () => {
     uploadingList.value = props.taskList?.map((item: any) => {
       return {
         id: item.id,
@@ -367,8 +317,8 @@ watch(
         taskId: item.task.id,
         name: item.name,
         size: item?.document_size,
-        percent: item?.task?.status && item?.task?.status !== 'pending' ? 100 : 99,
-        uploadStatus: item?.task?.status
+        percent: item?.task?.status && item?.task?.status !== "pending" ? 100 : 99,
+        uploadStatus: item?.task?.status,
       };
     });
     handleToggleUploadNotify();
@@ -391,10 +341,10 @@ const uploadFiles = () => {
     if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
-        message: t('dialogTipText.singleFileSize'),
+        message: t("dialogTipText.singleFileSize"),
         icon: IconError,
-        customClass: 'o-message--error',
-        duration: 3000
+        customClass: "o-message--error",
+        duration: 3000,
       });
       return;
     }
@@ -408,7 +358,7 @@ const uploadFiles = () => {
         name: item.name,
         file: item.file,
         percent: 0,
-        newUploadTask: true
+        newUploadTask: true,
       };
     });
     uploadingList.value.forEach((item) => {
@@ -427,13 +377,13 @@ const uploadFiles = () => {
             return up;
           });
         },
-        onSuccess: (response: any) => {
+        onSuccess: () => {
           uploadFileNumber += 1;
           if (uploadFileNumber === fileTableList.data.length) {
             props.handleQueryTaskList();
           }
         },
-        fileInfo: item
+        fileInfo: item,
       });
     });
     uploadingList.value = [
@@ -446,18 +396,19 @@ const uploadFiles = () => {
           name: item.name,
           size: item?.document_size,
           percent:
-            item?.task?.status === 'success'
+            item?.task?.status === "success"
               ? 100
-              : reportDetail && reportDetail?.current_stage
+              : reportDetail?.current_stage
                 ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
                 : 0,
-          uploadStatus: item?.task?.status
+          uploadStatus: item?.task?.status,
         };
-      })
+      }),
     ];
     uploadingList.value.length && handleToggleUploadNotify();
     props.handleCancelVisible();
     fileTableList.data = [];
+    uploadRef.value?.clearFiles();
     allFileSizes.value = 0;
   });
 };
@@ -468,10 +419,10 @@ const uploadKnowledgeFile = () => {
     if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
-        message: t('dialogTipText.singleFileSize'),
+        message: t("dialogTipText.singleFileSize"),
         icon: IconError,
-        customClass: 'o-message--error',
-        duration: 3000
+        customClass: "o-message--error",
+        duration: 3000,
       });
       return;
     }
@@ -484,39 +435,62 @@ const uploadKnowledgeFile = () => {
       name: item.name,
       file: item.file,
       percent: 0,
-      newUploadTask: true
+      newUploadTask: true,
     };
   });
-  uploadingList.value.forEach((item) => {
-    return doUpload({
-      file: item.file,
-      onProgress: (evt: any) => {
-        if (evt < 100) {
-          item.percent = evt;
-        }
-      },
-      onError: (e: any) => {
-        uploadingList.value = uploadingList.value.map((up) => {
-          if (up.id === e.id) {
-            return { ...e, uploadStatus: 'error' };
+  const uploadPromises = uploadingList.value.map((item) => {
+    return new Promise((resolve, reject) => {
+      doUpload({
+        file: item.file,
+        onProgress: (evt: any) => {
+          if (evt < 100) {
+            item.percent = evt;
           }
-          return up;
-        });
-        props?.handleImportLoading(false);
-        uploadingList.value.length && handleToggleUploadNotify();
-      },
-      onSuccess: (response: any) => {
-        props.handleQueryTaskList(fileTableList.data);
-        uploadFileNumber += 1;
-        item.percent = 100;
-        item.uploadStatus = 'success';
-      },
-      fileInfo: item
+        },
+        onError: (e: any) => {
+          uploadingList.value = uploadingList.value.map((up) => {
+            if (up.id === e.id) {
+              return { ...e, uploadStatus: "error" };
+            }
+            return up;
+          });
+          reject(e); // 传递错误
+        },
+        onSuccess: () => {
+          uploadFileNumber += 1;
+          item.percent = 100;
+          item.uploadStatus = "success";
+          resolve(true); // 标记成功
+        },
+        fileInfo: item,
+      });
     });
   });
-  uploadingList.value.length && handleToggleUploadNotify();
+
+  // 所有上传完成后统一更新列表
+  Promise.allSettled(uploadPromises)
+    .then((results) => {
+      const successCount = results.filter(
+        (result) => result.status === 'fulfilled'
+      ).length;
+      const errorCount = results.length - successCount;
+
+      // 统一更新列表
+      props?.handleImportLoading(false);
+      if (errorCount > 0) {
+        handleToggleUploadNotify();
+      }
+
+      // 所有成功后的回调
+      if (errorCount === 0) {
+        props.handleQueryTaskList(fileTableList.data); // 统一更新列表
+      }
+    });
+
+  uploadingList.value.length && handleToggleUploadNotify()
   props.handleCancelVisible();
   fileTableList.data = [];
+  uploadRef.value?.clearFiles();
   allFileSizes.value = 0;
 };
 
@@ -526,7 +500,7 @@ const handleToggleUploadNotify = () => {
     uploadingList: uploadingList.value,
     showTaskList: showTaskList.value,
     handleShowTaskList: handleShowTaskList,
-    handleUploadRestart: handleUploadRestart
+    handleUploadRestart: handleUploadRestart,
   });
 };
 
-- 
Gitee


From 43a9daaf409881874a8f6d259dc39010004b6679 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Sat, 29 Mar 2025 09:13:25 +0000
Subject: [PATCH 17/26] update src/store/modules/app.ts.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 李娜 <lnlnln629@163.com>
---
 src/store/modules/app.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index e358e34..0470058 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -12,7 +12,7 @@ export const useAppStore = defineStore('app', () => {
    * 根据语言标识读取对应的语言包
    */
   const locale = computed(() => {
-    if (language?.value == 'en') {
+    if (language?.value === 'en') {
       return en;
     } else {
       return zhCn;
-- 
Gitee


From 84e65d2a01f826a175688e039522ef8517f73fbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Sat, 29 Mar 2025 09:13:46 +0000
Subject: [PATCH 18/26] update .eslintrc.json.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 李娜 <lnlnln629@163.com>
---
 .eslintrc.json | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index d274c78..91e484b 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -8,9 +8,6 @@
   },
   "plugins": ["@typescript-eslint", "import", "prettier"],
   "extends": [
-    // "eslint:recommended",
-    // "plugin:@typescript-eslint/recommended",
-    // "plugin:@typescript-eslint/recommended-requiring-type-checking",
     "prettier"
   ],
   "settings": {
-- 
Gitee


From 1c72cd5b65b9577aef889612de30cb49d1f8635b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Sat, 29 Mar 2025 17:28:41 +0800
Subject: [PATCH 19/26] =?UTF-8?q?fix:=E5=9B=BD=E9=99=85=E5=8C=96=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TableFilter/index.vue       |  2 +-
 src/components/UserHeaderBar/headerCom.vue |  2 +-
 src/lang/package/en.ts                     | 52 +++++++++++-----------
 src/lang/package/zh-cn.ts                  | 52 +++++++++++-----------
 4 files changed, 56 insertions(+), 52 deletions(-)

diff --git a/src/components/TableFilter/index.vue b/src/components/TableFilter/index.vue
index 9b150c2..85bdac8 100644
--- a/src/components/TableFilter/index.vue
+++ b/src/components/TableFilter/index.vue
@@ -44,7 +44,7 @@
     <el-button
       class="resetBtn cancelBtn"
       @click="handleSubimitFilter('reset')">
-      重置
+      {{ $t('btnText.reset') }}
     </el-button>
   </div>
   <div v-if="filterCustomType === 'input'">
diff --git a/src/components/UserHeaderBar/headerCom.vue b/src/components/UserHeaderBar/headerCom.vue
index afa0dbe..7ddf4ff 100644
--- a/src/components/UserHeaderBar/headerCom.vue
+++ b/src/components/UserHeaderBar/headerCom.vue
@@ -430,7 +430,7 @@ const handleConfirmCreateModel = async (formData: FormInstance | undefined) => {
         ) {
           ElMessage({
             showClose: true,
-            message: '请勿重复配置',
+            message: t('model.repeatTip'),
             icon: IconError,
             customClass: 'o-message--error',
             duration: 3000
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 6cd72d0..41872db 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -15,44 +15,44 @@ export default {
       name: {
         nameMsg: 'The name cannot be empty.',
         required: 'Enter a name.',
-        notMinThan: 'The name cannot be longer than 10 characters.'
+        notMinThan: 'The name cannot be longer than 10 characters.',
       },
       username: {
         usernameMsg: 'The username cannot be empty.',
         required: 'Enter a username.',
         notMinThan: 'The username cannot be less than 5 characters.',
         notMaxThan: 'The username cannot be longer than 20 characters.',
-        regxMsg: 'The username can contain only lowercase letters and number.'
+        regxMsg: 'The username can contain only lowercase letters and number.',
       },
       password: {
         passwordMsg: 'The password cannot be empty.',
         required: 'Enter a password.',
         notMinThan: 'The password cannot be less than 6 characters.',
         notMaxThan: 'The password cannot be longer than 20 characters.',
-        regxMsg: 'The password must contain uppercase letters, lowercase letters, and digits.'
+        regxMsg: 'The password must contain uppercase letters, lowercase letters, and digits.',
       },
       passwd: {
         passwordMsg: 'The password cannot be empty.',
         required: 'Enter a password.',
         notMinThan: 'The password cannot be less than 6 characters.',
         notMaxThan: 'The password cannot be longer than 20 characters.',
-        regxMsg: 'The password must contain uppercase letters, lowercase letters, and digits.'
+        regxMsg: 'The password must contain uppercase letters, lowercase letters, and digits.',
       },
       email: {
         emailMsg: 'The email cannot be empty.',
         required: 'Enter an email.',
         notMinThan: 'The email  cannot be less than 5 characters.',
         notMaxThan: 'The email cannot be longer than 20 characters.',
-        regxMsg: 'The email format is incorrect.'
+        regxMsg: 'The email format is incorrect.',
       },
       loginTip: 'The username or password is not correct.',
-      loginToken: 'The session has expired.Please login again.'
-    }
+      loginToken: 'The session has expired.Please login again.',
+    },
   },
   langSelect: {
     message: {
-      success: 'Switch Language Successful!'
-    }
+      success: 'Switch Language Successful!',
+    },
   },
   assetLibrary: {
     assetLibrary: 'Asset Libraries',
@@ -69,7 +69,7 @@ export default {
       analyticMethodPlace: 'Enter a value',
       pleasePlace: 'Enter a value',
       pleaseChoose: 'Select an option',
-      assetEditSuccess: 'Asset library information is modified successfully.'
+      assetEditSuccess: 'Asset library information is modified successfully.',
     },
     piece: 'piece ',
     file: 'documents',
@@ -89,7 +89,7 @@ export default {
     uploadIng: 'Uploading',
     uploadFailedNet: 'Upload failed.Check the netwok.',
     fileSuffiexNot: 'The file name extension is not supported.',
-    copySuccessFul: 'Copy successful'
+    copySuccessFul: 'Copy successful',
   },
   assetFile: {
     docName: 'Document Name',
@@ -104,22 +104,22 @@ export default {
     baseInfo: 'Basic Information',
     message: {
       name: 'Enter an file name.',
-      docNameLen: 'The file name can contain 1 to 15 characters'
+      docNameLen: 'The file name can contain 1 to 15 characters',
     },
     status: {
       analyticIng: 'Parsing',
       analyticWaitIng: 'Parsing waitIng',
       analyticFail: 'Parsing failed',
       cancelAnalytic: 'Parsing canceled',
-      analyticSucces: 'Parsing successful'
+      analyticSucces: 'Parsing successful',
     },
     open: 'Open',
-    close: 'Close'
+    close: 'Close',
   },
   fileChunk: {
     parag: 'Paragraph',
     table: 'table',
-    img: 'Image'
+    img: 'Image',
   },
   model: {
     pleasePlace: 'Enter a value',
@@ -128,7 +128,8 @@ export default {
     modelType: 'Model',
     maxToken: 'Maximum Token Limit',
     localModel: 'Local Model',
-    onlineModel: 'Online Model'
+    onlineModel: 'Online Model',
+    repeatTip: 'Do not duplicate configuration',
   },
   btnText: {
     confirm: 'Ok',
@@ -161,7 +162,8 @@ export default {
     add: 'Add',
     delAll: 'Delete All',
     analytic: 'Analytic',
-    selectAll: 'Select All'
+    selectAll: 'Select All',
+    reset: 'reset',
   },
   dialogTipText: {
     importAssetLibrary: 'Import Document',
@@ -184,22 +186,22 @@ export default {
     fileSize: 'Size',
     singleFileSize: 'The size of a file cannot exceed 20 MB.',
     fileNums: 'File Number',
-    fileSizes: 'File Size'
+    fileSizes: 'File Size',
   },
   formTipText: {
     analyticTip:
       'Vectorization model for transforming document chunks into vectors. Currently,two options are available:bge-large-en for English text bge-large-zh for Chinese text.',
     fileChunkSizeTip:
-      'Chunk size for dividing files after the configuration file is uploaded. The value ranges from 512 to 1024 tokens per chunk. By default, a chunk size of 1024 tokens is used.'
+      'Chunk size for dividing files after the configuration file is uploaded. The value ranges from 512 to 1024 tokens per chunk. By default, a chunk size of 1024 tokens is used.',
   },
   pageTipText: {
     NoData: 'No data available.',
     systemError: 'System error.',
-    Loading: 'Loading'
+    Loading: 'Loading',
   },
   uploadText: {
     uploadFailed: 'Upload failed.',
-    uploadSuccess: 'Upload successful.'
+    uploadSuccess: 'Upload successful.',
   },
   exportTask: {
     export: ' export',
@@ -208,7 +210,7 @@ export default {
     exportSuccess: 'Successful',
     reason: 'Reason',
     downloadTask: 'Download Task',
-    canceled: 'Canceled'
+    canceled: 'Canceled',
   },
   opsMessage: {
     opsSuccess: 'Operation successful.',
@@ -216,10 +218,10 @@ export default {
     opsCancel: 'Operation canceled.',
     delSuccess: 'Deletion successful.',
     opsAnalyticIng: 'AnalyticIng',
-    modifSuccess: 'Modification successful.'
+    modifSuccess: 'Modification successful.',
   },
   timerSearch: {
-    lastHour: 'Last {timer} hour'
+    lastHour: 'Last {timer} hour',
   },
-  copyright: 'Copyright© Huawei Software Technologies Co., Ltd.2024. All rights reserved.'
+  copyright: 'Copyright© Huawei Software Technologies Co., Ltd.2024. All rights reserved.',
 };
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index b6d673c..3e330a0 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -16,7 +16,7 @@ export default {
         nameMsg: '昵称不能为空',
         required: '请输入昵称',
         notMinThan: '昵称长度不能大于10个字符',
-        popoverMsg: '长度为1-10个字符'
+        popoverMsg: '长度为1-10个字符',
       },
       username: {
         usernameMsg: '用户名不能为空',
@@ -24,7 +24,7 @@ export default {
         notMinThan: '用户名长度不能少于5个字符',
         notMaxThan: '用户名长度不能大于20个字符',
         regxMsg: '用户名只能为小写字母、数字',
-        popoverMsg: '长度为5-20个字符,只能包含小写字母、数字'
+        popoverMsg: '长度为5-20个字符,只能包含小写字母、数字',
       },
       password: {
         passwordMsg: '密码不能为空',
@@ -32,7 +32,7 @@ export default {
         notMinThan: '密码长度不能少于6个字符',
         notMaxThan: '密码长度不能大于20个字符',
         regxMsg: '密码必须包含大写字母、小写字母、数字',
-        popoverMsg: '长度为6-20个字符,必须包含大写字母、小写字母、数字'
+        popoverMsg: '长度为6-20个字符,必须包含大写字母、小写字母、数字',
       },
       passwd: {
         passwordMsg: '密码不能为空',
@@ -40,7 +40,7 @@ export default {
         notMinThan: '密码长度不能少于6个字符',
         notMaxThan: '密码长度不能大于20个字符',
         regxMsg: '密码必须包含大写字母、小写字母、数字',
-        popoverMsg: '长度为6-20个字符,必须包含大写字母、小写字母、数字'
+        popoverMsg: '长度为6-20个字符,必须包含大写字母、小写字母、数字',
       },
       email: {
         emailMsg: '邮箱不能为空',
@@ -48,16 +48,16 @@ export default {
         notMinThan: '邮箱长度不能少于5个字符',
         notMaxThan: '邮箱长度不能大于20个字符',
         regxMsg: '邮箱格式不正确',
-        popoverMsg: '长度为5-20个字符,格式必须为XXX@XXX.XXX'
+        popoverMsg: '长度为5-20个字符,格式必须为XXX@XXX.XXX',
       },
       loginTip: '用户名或密码错误',
-      loginToken: '您的会话已过期，请重新登录'
-    }
+      loginToken: '您的会话已过期，请重新登录',
+    },
   },
   langSelect: {
     message: {
-      success: '切换语言成功'
-    }
+      success: '切换语言成功',
+    },
   },
   assetLibrary: {
     assetLibrary: '资产库',
@@ -74,7 +74,7 @@ export default {
       analyticMethodPlace: '请选择解析方法',
       pleasePlace: '请输入',
       pleaseChoose: '请选择',
-      assetEditSuccess: '配置信息修改成功'
+      assetEditSuccess: '配置信息修改成功',
     },
     piece: '篇',
     file: '文档',
@@ -94,7 +94,7 @@ export default {
     uploadIng: '上传中',
     uploadFailedNet: '上传失败，请检查网络',
     fileSuffiexNot: '文件后缀不符合要求，请检查文件',
-    copySuccessFul: '复制成功'
+    copySuccessFul: '复制成功',
   },
   assetFile: {
     docName: '文档名称',
@@ -109,23 +109,23 @@ export default {
     baseInfo: '基本信息',
     message: {
       name: '请输入文档名称',
-      docNameLen: '资产库名称长度1-15个字符'
+      docNameLen: '资产库名称长度1-15个字符',
     },
     status: {
       analyticIng: '解析中',
       analyticWaitIng: '等待解析',
       analyticFail: '解析失败',
       cancelAnalytic: '取消解析',
-      analyticSucces: '解析成功'
+      analyticSucces: '解析成功',
     },
     open: '开启',
-    close: '关闭'
+    close: '关闭',
   },
 
   fileChunk: {
     parag: '段落',
     table: '表格',
-    img: '图片'
+    img: '图片',
   },
   model: {
     pleasePlace: '请输入',
@@ -134,7 +134,8 @@ export default {
     modelConfig: '模型配置',
     maxToken: '最大Token数',
     localModel: '本地模型',
-    onlineModel: '在线模型'
+    onlineModel: '在线模型',
+    repeatTip: '请勿重复配置',
   },
   btnText: {
     confirm: '确定',
@@ -167,7 +168,8 @@ export default {
     add: '添加',
     analytic: '解析',
     delAll: '删除全部',
-    selectAll: '选择全部'
+    selectAll: '选择全部',
+    reset: '重置',
   },
   dialogTipText: {
     importAssetLibrary: '导入资产库',
@@ -188,22 +190,22 @@ export default {
     fileSize: '大小',
     singleFileSize: '单个文件大小不能超过20MB',
     fileNums: '文件数',
-    fileSizes: '文件大小'
+    fileSizes: '文件大小',
   },
   formTipText: {
     analyticTip:
       '文档分块后，将分块转换为向量的向量化模型类型，先暂支持两种向量化模型bge-large-en（面向英文向量化场景）和bge-large-zh（面向中文向量化场景），默认情况下选择bge-large-zh模型。',
     fileChunkSizeTip:
-      '配置文档上传后，将文件处理成片段分块的大小，分块大小范围为512-1024Token/块，默认使用1024Toke/块对文件进行分块。'
+      '配置文档上传后，将文件处理成片段分块的大小，分块大小范围为512-1024Token/块，默认使用1024Toke/块对文件进行分块。',
   },
   pageTipText: {
     NoData: '暂无数据',
     systemError: '系统出错',
-    Loading: '加载中'
+    Loading: '加载中',
   },
   uploadText: {
     uploadFailed: '上传失败',
-    uploadSuccess: '上传成功'
+    uploadSuccess: '上传成功',
   },
   exportTask: {
     export: '导出任务',
@@ -212,7 +214,7 @@ export default {
     exportSuccess: '导出成功',
     reason: '失败原因',
     downloadTask: '下载任务',
-    canceled: '已取消'
+    canceled: '已取消',
   },
   opsMessage: {
     opsSuccess: '操作成功',
@@ -220,10 +222,10 @@ export default {
     opsCancel: '取消成功',
     opsAnalyticIng: '解析中',
     delSuccess: '删除成功',
-    modifSuccess: '修改成功'
+    modifSuccess: '修改成功',
   },
   timerSearch: {
-    lastHour: '最近 {timer} 小时'
+    lastHour: '最近 {timer} 小时',
   },
-  copyright: '版权所有© 华为软件技术有限公司2024。保留一切权利'
+  copyright: '版权所有© 华为软件技术有限公司2024。保留一切权利',
 };
-- 
Gitee


From 9d9d0683f9d0c9388d23d140a78c918e21eb13f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Mon, 31 Mar 2025 09:47:15 +0800
Subject: [PATCH 20/26] =?UTF-8?q?cleanCode=E9=85=8D=E7=BD=AE=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.json                             |  22 ++-
 .gitignore                                 |   1 +
 .prettierrc.json                           |   2 +-
 commitlint.config.cjs                      |  12 +-
 lint-staged.config.cjs                     |   2 +-
 package.json                               |   7 +-
 src/App.vue                                |   2 +-
 src/api/auth.ts                            |   8 +-
 src/api/kbApp.ts                           |  36 ++--
 src/api/kfApp.ts                           |  24 +--
 src/api/menu.ts                            |   2 +-
 src/api/user.ts                            |   2 +-
 src/components/CustomLoading/index.vue     |  13 --
 src/components/HeaderBar/index.vue         |   6 -
 src/components/IconSelect/index.vue        |  10 +-
 src/components/KnowledgeForm/index.vue     | 100 +++++-----
 src/components/LangSelect/index.vue        |  10 +-
 src/components/SvgIcon/index.vue           |  10 +-
 src/components/TableFilter/index.vue       |  27 +--
 src/components/TextMoreTootip/index.vue    |  22 +--
 src/components/TextSingleTootip/index.vue  |  16 +-
 src/components/Upload/index.vue            | 210 +++++++++++++--------
 src/components/Upload/uploadProgress.vue   |  28 +--
 src/components/UserHeaderBar/headerCom.vue | 111 +++++++----
 src/components/UserHeaderBar/index.vue     |   5 -
 src/enums/FormTypeEnum.ts                  |   2 +-
 src/enums/KnowledgeEnum.ts                 |   4 +-
 src/enums/LanguageEnum.ts                  |   2 +-
 src/enums/MessageTypeEnum.ts               |   4 +-
 src/enums/QueryTypeEnum.ts                 |   2 +-
 src/enums/ResultEnum.ts                    |   2 +-
 src/enums/ThemeEnum.ts                     |   2 +-
 src/lang/index.ts                          |   8 +-
 src/main.ts                                |   2 +-
 src/plugins/index.ts                       |   2 +-
 src/router/index.ts                        |  18 +-
 src/settings.ts                            |   2 +-
 src/store/modules/app.ts                   |   2 +-
 src/store/modules/permission.ts            |   2 +-
 src/store/modules/settings.ts              |   4 +-
 src/store/modules/user.ts                  |   4 +-
 src/styles/headerBar.scss                  |   2 +
 src/types/auto-imports.d.ts                |   2 +-
 src/utils/convertUTCToLocalTime.ts         |   4 +-
 src/utils/debounce.js                      |  10 -
 src/utils/nprogress.ts                     |   2 +-
 src/utils/request.ts                       |  14 +-
 src/views/knowledgeFile/index.vue          | 149 ++++++++-------
 src/views/knowledgeFileSection/index.vue   |  52 ++---
 src/views/knowledgeLibrary/index.vue       | 118 ++++++------
 src/views/login/index.vue                  |  69 ++++---
 uno.config.ts                              |  14 +-
 vite.config.ts                             |  62 +++---
 53 files changed, 660 insertions(+), 588 deletions(-)
 delete mode 100644 src/utils/debounce.js

diff --git a/.eslintrc.json b/.eslintrc.json
index 91e484b..f88927c 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,15 +1,15 @@
 {
   "root": true,
-  "parser": "@typescript-eslint/parser",
+  "parser": "vue-eslint-parser",
   "parserOptions": {
-    "ecmaVersion": 2020,
+    "parser": "@typescript-eslint/parser",
+    "extraFileExtensions": [".vue"],
+    "project": "./tsconfig.json",
     "sourceType": "module",
-    "project": ["./tsconfig.json"]
+    "ecmaVersion": "latest"
   },
   "plugins": ["@typescript-eslint", "import", "prettier"],
-  "extends": [
-    "prettier"
-  ],
+  "extends": ["prettier"],
   "settings": {
     "import/resolver": {
       "typescript": {}
@@ -17,9 +17,13 @@
   },
   "rules": {
     "prettier/prettier": "error",
-    "@typescript-eslint/no-unused-vars": "error",
     "no-console": "warn",
-    "@typescript-eslint/prefer-optional-chain": "error",
-    "@typescript-eslint/no-unnecessary-type-assertion": "error"
+    "no-undef": "off",
+    "@typescript-eslint/no-unnecessary-type-assertion": "error",
+    "quotes": "off"
+  },
+  "env": {
+    "browser": true, // 声明代码运行在浏览器环境
+    "es2021": true // 启用 ES2021 全局变量
   }
 }
diff --git a/.gitignore b/.gitignore
index 4b7c870..5fe63fa 100755
--- a/.gitignore
+++ b/.gitignore
@@ -40,3 +40,4 @@ package-lock.json
 .gitee/
 .npmrc
 .pnpm-lock.yaml
+pnpm-lock.yaml
diff --git a/.prettierrc.json b/.prettierrc.json
index 23ab7bf..493e4f0 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -3,7 +3,7 @@
   "tabWidth": 2,
   "useTabs": false,
   "semi": true,
-  "singleQuote": false,
+  "singleQuote": true,
   "trailingComma": "es5",
   "bracketSpacing": true,
   "bracketSameLine": true,
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
index ef0d019..c12ee4e 100644
--- a/commitlint.config.cjs
+++ b/commitlint.config.cjs
@@ -21,10 +21,10 @@ module.exports = {
         'ci', // 修改 CI 配置、脚本
         'revert', // 回滚 commit
         'chore', // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
-        'wip' // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
-      ]
+        'wip', // 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）
+      ],
     ],
-    'subject-case': [0] // subject大小写不做校验
+    'subject-case': [0], // subject大小写不做校验
   },
 
   prompt: {
@@ -40,7 +40,7 @@ module.exports = {
       footer: '列举关联issue (可选) 例如: #31, #I3244 :\n',
       generatingByAI: '正在通过 AI 生成你的提交简短描述...',
       generatedSelectByAI: '选择一个 AI 生成的简短描述:',
-      confirmCommit: '是否提交或修改commit ?'
+      confirmCommit: '是否提交或修改commit ?',
     },
     // prettier-ignore
     types: [
@@ -88,6 +88,6 @@ module.exports = {
     defaultBody: '',
     defaultIssues: '',
     defaultScope: '',
-    defaultSubject: ''
-  }
+    defaultSubject: '',
+  },
 };
diff --git a/lint-staged.config.cjs b/lint-staged.config.cjs
index c9a75fd..774b22c 100644
--- a/lint-staged.config.cjs
+++ b/lint-staged.config.cjs
@@ -4,5 +4,5 @@ module.exports = {
   'package.json': ['prettier --write'],
   '*.vue': ['eslint --fix', 'prettier --write', 'stylelint --fix'],
   '*.{scss,less,styl,html}': ['stylelint --fix --allow-empty-input', 'prettier --write '],
-  '*.md': ['prettier --write']
+  '*.md': ['prettier --write'],
 };
diff --git a/package.json b/package.json
index b12707c..ab97dd9 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     ]
   },
   "dependencies": {
-    "@computing/opendesign2": "file:lib\\opendesign2-2.0.11.tgz",
+    "@computing/opendesign2": "file:lib/opendesign2-2.0.11.tgz",
     "@element-plus/icons-vue": "^2.3.1",
     "@stomp/stompjs": "^7.0.0",
     "@vueuse/core": "^10.11.1",
@@ -72,8 +72,8 @@
   "devDependencies": {
     "@commitlint/cli": "^18.6.1",
     "@commitlint/config-conventional": "^18.6.3",
-    "@computing/opendesign-icons": "file:lib\\opendesign-icons-1.0.3.tgz",
-    "@computing/opendesign2": "file:lib\\opendesign2-2.0.11.tgz",
+    "@computing/opendesign-icons": "file:lib/opendesign-icons-1.0.3.tgz",
+    "@computing/opendesign2": "file:lib/opendesign2-2.0.11.tgz",
     "@iconify-json/ep": "^1.1.16",
     "@types/codemirror": "^5.60.15",
     "@types/color": "^3.0.6",
@@ -121,6 +121,7 @@
     "vite-plugin-mock-dev-server": "^1.7.1",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-devtools": "^7.3.8",
+    "vue-eslint-parser": "^10.1.1",
     "vue-tsc": "^2.0.29"
   },
   "license": "MIT",
diff --git a/src/App.vue b/src/App.vue
index 0a538aa..d38fc96 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@ import router from './router';
 const locale = computed(() => appStore.locale);
 
 onMounted(() => {
-  window.addEventListener('beforeunload', (e) => {
+  window.addEventListener('beforeunload', () => {
     sessionStorage.setItem('beforeunload', '1');
   });
   // 监听页面刷新
diff --git a/src/api/auth.ts b/src/api/auth.ts
index ef27133..0544489 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -9,7 +9,7 @@ class AuthAPI {
     return request({
       url: `/user/add`,
       method: 'post',
-      data: newData
+      data: newData,
     });
   }
 
@@ -20,7 +20,7 @@ class AuthAPI {
     return request({
       url: `/user/login`,
       method: 'get',
-      params: newData
+      params: newData,
     });
   }
 
@@ -28,7 +28,7 @@ class AuthAPI {
   static logout() {
     return request({
       url: `/user/logout`,
-      method: 'get'
+      method: 'get',
     });
   }
 
@@ -37,7 +37,7 @@ class AuthAPI {
     return request({
       url: `/user/update`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 }
diff --git a/src/api/kbApp.ts b/src/api/kbApp.ts
index 5dbf70f..2a2822f 100644
--- a/src/api/kbApp.ts
+++ b/src/api/kbApp.ts
@@ -8,7 +8,7 @@ class KbAppAPI {
     return request({
       url: `/kb/list`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -17,7 +17,7 @@ class KbAppAPI {
     return request({
       url: `/kb/rm`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -26,7 +26,7 @@ class KbAppAPI {
     return request({
       url: `/kb/create`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -35,7 +35,7 @@ class KbAppAPI {
     return request({
       url: `/kb/update`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -44,7 +44,7 @@ class KbAppAPI {
     return request({
       url: `/kb/task/list`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -52,7 +52,7 @@ class KbAppAPI {
     return request({
       url: `/kb/task/rm`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -63,14 +63,14 @@ class KbAppAPI {
       method: 'post',
       data: payload.data,
       headers: {
-        'Content-Type': 'multipart/form-data'
+        'Content-Type': 'multipart/form-data',
       },
       onUploadProgress(e) {
         const rate = Math.floor((e.loaded / (e.total as number)) * 100);
         if (rate < 100) {
           options.onProgress(rate);
         }
-      }
+      },
     });
   }
 
@@ -80,7 +80,7 @@ class KbAppAPI {
     return request({
       url: `/kb/export`,
       data: {
-        id
+        id,
       },
       method: 'post',
       onUploadProgress(e) {
@@ -88,7 +88,7 @@ class KbAppAPI {
         if (rate < 100) {
           options.onProgress(rate);
         }
-      }
+      },
     });
   }
 
@@ -97,30 +97,30 @@ class KbAppAPI {
     return request({
       url: `/kb/download`,
       data: {
-        id: fileId
+        id: fileId,
       },
-      method: 'post'
+      method: 'post',
     });
   }
 
   static queryLanguageList() {
     return request({
       url: `/kb/language`,
-      method: 'get'
+      method: 'get',
     });
   }
 
   static queryEmbeddingModelList() {
     return request({
       url: `/other/embedding_model`,
-      method: 'get'
+      method: 'get',
     });
   }
 
   static queryParseMethodList() {
     return request({
       url: `/other/parse_method`,
-      method: 'get'
+      method: 'get',
     });
   }
 
@@ -129,21 +129,21 @@ class KbAppAPI {
     return request({
       url: `/model/update`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
   static getdUserModel() {
     return request({
       url: `/model/get`,
-      method: 'get'
+      method: 'get',
     });
   }
 
   static localModelList() {
     return request({
       url: `/model/list`,
-      method: 'get'
+      method: 'get',
     });
   }
 }
diff --git a/src/api/kfApp.ts b/src/api/kfApp.ts
index 40580ed..f94c938 100644
--- a/src/api/kfApp.ts
+++ b/src/api/kfApp.ts
@@ -7,7 +7,7 @@ class KfAppAPI {
     return request({
       url: `/doc/list`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
   /** 修改资产库里的文件*/
@@ -15,7 +15,7 @@ class KfAppAPI {
     return request({
       url: `/doc/update`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -24,7 +24,7 @@ class KfAppAPI {
     return request({
       url: `/doc/switch`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -33,7 +33,7 @@ class KfAppAPI {
     return request({
       url: `/doc/rm`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -42,7 +42,7 @@ class KfAppAPI {
     return request({
       url: `/doc/run`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -53,14 +53,14 @@ class KfAppAPI {
       method: 'post',
       data: payload.data,
       headers: {
-        'Content-Type': 'multipart/form-data'
+        'Content-Type': 'multipart/form-data',
       },
       onUploadProgress(e) {
         const rate = Math.floor((e.loaded / (e.total as number)) * 100);
         if (rate < 100) {
           options.onProgress(rate);
         }
-      }
+      },
     });
   }
 
@@ -69,7 +69,7 @@ class KfAppAPI {
     return request({
       url: `/doc/download`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -78,7 +78,7 @@ class KfAppAPI {
     return request({
       url: `/doc/task/list`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -86,7 +86,7 @@ class KfAppAPI {
     return request({
       url: `/doc/task/stop`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -95,7 +95,7 @@ class KfAppAPI {
     return request({
       url: `/chunk/list`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 
@@ -104,7 +104,7 @@ class KfAppAPI {
     return request({
       url: `/chunk/switch`,
       method: 'post',
-      data: data
+      data: data,
     });
   }
 }
diff --git a/src/api/menu.ts b/src/api/menu.ts
index f38f810..485d337 100644
--- a/src/api/menu.ts
+++ b/src/api/menu.ts
@@ -13,7 +13,7 @@ class MenuAPI {
   static getRoutes() {
     return request<any, RouteVO[]>({
       url: `${MENU_BASE_URL}/routes`,
-      method: 'get'
+      method: 'get',
     });
   }
 }
diff --git a/src/api/user.ts b/src/api/user.ts
index 87d0f2d..5b768e7 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -11,7 +11,7 @@ class UserAPI {
   static getInfo() {
     return request<any, UserInfo>({
       url: `${USER_BASE_URL}/me`,
-      method: 'get'
+      method: 'get',
     });
   }
 }
diff --git a/src/components/CustomLoading/index.vue b/src/components/CustomLoading/index.vue
index c705c54..55aba19 100644
--- a/src/components/CustomLoading/index.vue
+++ b/src/components/CustomLoading/index.vue
@@ -6,19 +6,6 @@
     :element-loading-text="loadingText || `${$t('pageTipText.Loading')}...`"
     element-loading-background="rgba(122, 122, 122, 0.5)"></div>
 </template>
-<script lang="ts" setup>
-import { defineProps } from 'vue';
-const { t } = useI18n();
-
-const props = defineProps({
-  loading: {
-    type: Boolean
-  },
-  loadingText: {
-    type: String
-  }
-});
-</script>
 
 <style>
 .customLoading {
diff --git a/src/components/HeaderBar/index.vue b/src/components/HeaderBar/index.vue
index 7bf3942..e7935cb 100644
--- a/src/components/HeaderBar/index.vue
+++ b/src/components/HeaderBar/index.vue
@@ -20,13 +20,7 @@
 
 <script setup lang="ts">
 // 内部依赖
-import { useSettingsStore, useUserStore } from '@/store';
-import { ThemeEnum } from '@/enums/ThemeEnum';
 import '@/styles/headerBar.scss';
-import { IconHelpCircle } from '@computing/opendesign-icons';
-import { TOKEN_KEY } from '@/enums/CacheEnum';
-const settingsStore = useSettingsStore();
-const { t } = useI18n();
 </script>
 
 <style lang="scss">
diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 7aa8fe4..5451a7c 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -27,7 +27,7 @@
             <el-icon
               :style="{
                 transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
-                transition: 'transform .5s'
+                transition: 'transform .5s',
               }"
               @click="popoverVisible = !popoverVisible">
               <ArrowDown />
@@ -96,13 +96,13 @@ const props = defineProps({
   modelValue: {
     type: String,
     require: false,
-    default: ''
+    default: '',
   },
   width: {
     type: String,
     require: false,
-    default: '500px'
-  }
+    default: '500px',
+  },
 });
 
 const emit = defineEmits(['update:modelValue']);
@@ -181,7 +181,7 @@ function selectIcon(iconName: string) {
  * 点击容器外的区域关闭弹窗 VueUse onClickOutside
  */
 onClickOutside(iconSelectRef, () => (popoverVisible.value = false), {
-  ignore: [popoverContentRef]
+  ignore: [popoverContentRef],
 });
 </script>
 
diff --git a/src/components/KnowledgeForm/index.vue b/src/components/KnowledgeForm/index.vue
index b462ced..e1d6586 100644
--- a/src/components/KnowledgeForm/index.vue
+++ b/src/components/KnowledgeForm/index.vue
@@ -67,7 +67,7 @@
       :label="$t('assetLibrary.embeddedModel')"
       prop="embedding_model">
       <template #label>
-        {{ $t("assetLibrary.embeddedModel") }}
+        {{ $t('assetLibrary.embeddedModel') }}
         <el-tooltip
           :content="$t('formTipText.analyticTip')"
           placement="top"
@@ -112,7 +112,7 @@
       :label="$t('assetLibrary.fileChunkSize')"
       prop="default_chunk_size">
       <template #label>
-        {{ $t("assetLibrary.fileChunkSize") }}
+        {{ $t('assetLibrary.fileChunkSize') }}
         <el-tooltip
           :content="$t('formTipText.fileChunkSizeTip')"
           placement="top"
@@ -139,12 +139,12 @@
         class="resetBtn addDocuType"
         :disabled="ruleForm?.document_type_list?.length >= 10"
         @click="handleAddDocType">
-        {{ $t("btnText.add") }}
+        {{ $t('btnText.add') }}
       </el-button>
       <el-button
         class="resetBtn delAllCocuType"
         @click="handleRemoveAllDocType">
-        {{ $t("btnText.delAll") }}
+        {{ $t('btnText.delAll') }}
       </el-button>
       <div class="supAddCategoris">
         <TextTooltip :content="$t('assetLibrary.supAddCategoris')" />
@@ -174,36 +174,36 @@
         :disabled="isSubmitDisabled"
         :loading="createLoading"
         @click="submitForm(ruleFormRef)">
-        {{ props.configInfo ? $t("btnText.save") : $t("btnText.confirm") }}
+        {{ props.configInfo ? $t('btnText.save') : $t('btnText.confirm') }}
       </el-button>
       <el-button
         class="resetBtn cancelBtn"
         @click="handleCancelForm()">
-        {{ $t("btnText.cancel") }}
+        {{ $t('btnText.cancel') }}
       </el-button>
     </el-form-item>
   </el-form>
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, watch } from "vue";
-import { ElLoading, type ComponentSize, type FormInstance, type FormRules } from "element-plus";
+import { reactive, ref, watch } from 'vue';
+import { ElLoading, type ComponentSize, type FormInstance, type FormRules } from 'element-plus';
 import {
   IconCaretDown,
   IconDelete,
   IconSuccess,
   IconHelpCircle,
-} from "@computing/opendesign-icons";
-import "@/styles/knowledgeForm.scss";
-import TextTooltip from "@/components/TextSingleTootip/index.vue";
-import { v4 as uuidv4 } from "uuid";
-import KbAppAPI from "@/api/kbApp";
+} from '@computing/opendesign-icons';
+import '@/styles/knowledgeForm.scss';
+import TextTooltip from '@/components/TextSingleTootip/index.vue';
+import { v4 as uuidv4 } from 'uuid';
+import KbAppAPI from '@/api/kbApp';
 
 const { t } = useI18n();
 const loading = ElLoading.service({
   visible: false,
-  text: `${t("pageTipText.Loading")}...`,
-  background: "rgba(122, 122, 122, 0.5)",
+  text: `${t('pageTipText.Loading')}...`,
+  background: 'rgba(122, 122, 122, 0.5)',
 });
 interface RuleForm {
   default_chunk_size: number;
@@ -216,18 +216,18 @@ interface RuleForm {
   [property: string]: any;
 }
 
-const formSize = ref<ComponentSize>("default");
+const formSize = ref<ComponentSize>('default');
 const ruleFormRef = ref<FormInstance>();
 const createLoading = ref(false);
 const isSubmitDisabled = ref(true);
 const ruleForm = ref<RuleForm>({
-  name: "",
-  language: "",
+  name: '',
+  language: '',
   default_chunk_size: 1024,
-  embedding_model: "",
-  default_parser_method: "",
+  embedding_model: '',
+  default_parser_method: '',
   document_type_list: [],
-  description: "",
+  description: '',
 });
 const languageOptions = ref();
 const emBeddingModelOptions = ref();
@@ -274,10 +274,10 @@ onMounted(() => {
 
   KbAppAPI.queryLanguageList().then((res: any) => {
     languageOptions.value = res?.map((item: any) => {
-      if (item === "English") {
-        return { label: item, value: "en" };
+      if (item === 'English') {
+        return { label: item, value: 'en' };
       }
-      return { label: item, value: "zh" };
+      return { label: item, value: 'zh' };
     });
   });
 
@@ -321,74 +321,74 @@ const rules = reactive<FormRules<RuleForm>>({
   name: [
     {
       required: true,
-      message: t("assetLibrary.message.name"),
-      trigger: ["blur", "change"],
+      message: t('assetLibrary.message.name'),
+      trigger: ['blur', 'change'],
     },
     {
       min: 1,
-      message: t("assetLibrary.message.libraryNameLen"),
-      trigger: ["blur", "change"],
+      message: t('assetLibrary.message.libraryNameLen'),
+      trigger: ['blur', 'change'],
     },
   ],
   language: [
     {
       required: true,
-      message: t("assetLibrary.message.languagePlace"),
-      trigger: ["blur", "chanblurge"],
+      message: t('assetLibrary.message.languagePlace'),
+      trigger: ['blur', 'chanblurge'],
     },
   ],
   embedding_model: [
     {
       required: true,
-      message: t("assetLibrary.message.modelPlace"),
-      trigger: ["blur", "change"],
+      message: t('assetLibrary.message.modelPlace'),
+      trigger: ['blur', 'change'],
     },
   ],
   default_parser_method: [
     {
       required: true,
-      message: t("assetLibrary.message.analyticMethodPlace"),
-      trigger: ["blur", "change"],
+      message: t('assetLibrary.message.analyticMethodPlace'),
+      trigger: ['blur', 'change'],
     },
   ],
   default_chunk_size: [
     {
-      message: t("assetLibrary.message.pleasePlace"),
-      trigger: ["blur", "change"],
+      message: t('assetLibrary.message.pleasePlace'),
+      trigger: ['blur', 'change'],
       required: true,
     },
   ],
 });
 
 const handleCopyTextToclipboard = (text: string) => {
-  const input = document.createElement("input");
+  const input = document.createElement('input');
   input.value = text;
   document.body.appendChild(input);
   input.select();
-  document.execCommand("copy");
+  document.execCommand('copy');
   ElMessage({
     showClose: true,
-    message: t("assetLibrary.copySuccessFul"),
+    message: t('assetLibrary.copySuccessFul'),
     icon: IconSuccess,
-    customClass: "o-message--success",
+    customClass: 'o-message--success',
     duration: 3000,
   });
   document.body.removeChild(input);
 };
 
 onMounted(() => {
-  const isTransList = document.querySelectorAll(".is-transparent");
+  const isTransList = document.querySelectorAll('.is-transparent');
   isTransList?.forEach((el) => {
-    const span = el.querySelector("span");
-    if (span?.innerHTML === t("assetLibrary.message.pleaseChoose")) {
-      el.classList.add("removeIsTrans");
+    const span = el.querySelector('span');
+    if (span?.innerHTML === t('assetLibrary.message.pleaseChoose')) {
+      el.classList.add('removeIsTrans');
     }
   });
 });
 
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
-  await formEl.validate((valid, fields) => {
+  await formEl.validate((valid) => {
     let payload = {
       name: ruleForm.value.name,
       language: ruleForm.value?.language?.toLocaleLowerCase(),
@@ -413,9 +413,9 @@ const submitForm = async (formEl: FormInstance | undefined) => {
             }
             ElMessage({
               showClose: true,
-              message: t("opsMessage.modifSuccess"),
+              message: t('opsMessage.modifSuccess'),
               icon: IconSuccess,
-              customClass: "o-message--success",
+              customClass: 'o-message--success',
               duration: 3000,
             });
             ruleForm.value.document_type_list = (res as any).document_type_list;
@@ -429,7 +429,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
           ...payload,
           document_type_list: ruleForm.value.document_type_list.map((item) => item.type),
         })
-          .then((res) => {
+          .then(() => {
             props.handleOpsKbForm();
           })
           .finally(() => {
@@ -448,8 +448,6 @@ const handleCancelForm = () => {
   props.handleCloseCreateKb();
 };
 
-const formRef = ref<FormInstance>();
-
 const handleRemoveDocType = (index: number) => {
   ruleForm.value.document_type_list.splice(index, 1);
 };
@@ -461,7 +459,7 @@ const handleRemoveAllDocType = () => {
 const handleAddDocType = () => {
   ruleForm.value.document_type_list.push({
     id: uuidv4(),
-    type: "",
+    type: '',
   });
 };
 </script>
diff --git a/src/components/LangSelect/index.vue b/src/components/LangSelect/index.vue
index e84dcbe..fbbfa25 100644
--- a/src/components/LangSelect/index.vue
+++ b/src/components/LangSelect/index.vue
@@ -44,13 +44,13 @@ const userInfo = ref();
 defineProps({
   size: {
     type: String,
-    required: false
-  }
+    required: false,
+  },
 });
 
 const langOptions = [
   { label: '简体中文', value: LanguageEnum.ZH_CN },
-  { label: 'English', value: LanguageEnum.EN }
+  { label: 'English', value: LanguageEnum.EN },
 ];
 
 const appStore = useAppStore();
@@ -75,7 +75,7 @@ const handleLanguageChange = (lang: string) => {
   if (userInfo.value.name) {
     localStorage.setItem('userInfo', JSON.stringify({ name: userInfo.value.name, language: lang }));
     AuthAPI.userUpdate({
-      language: lang
+      language: lang,
     });
   }
   ElMessage({
@@ -83,7 +83,7 @@ const handleLanguageChange = (lang: string) => {
     message: t('langSelect.message.success'),
     icon: IconSuccess,
     customClass: 'o-message--success',
-    duration: 3000
+    duration: 3000,
   });
 };
 </script>
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 8844c66..d27cd0e 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -13,21 +13,21 @@
 const props = defineProps({
   prefix: {
     type: String,
-    default: 'icon'
+    default: 'icon',
   },
   iconClass: {
     type: String,
     required: false,
-    default: ''
+    default: '',
   },
   color: {
     type: String,
-    default: ''
+    default: '',
   },
   size: {
     type: String,
-    default: '1em'
-  }
+    default: '1em',
+  },
 });
 
 const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`);
diff --git a/src/components/TableFilter/index.vue b/src/components/TableFilter/index.vue
index 85bdac8..9624007 100644
--- a/src/components/TableFilter/index.vue
+++ b/src/components/TableFilter/index.vue
@@ -78,32 +78,32 @@ const { t } = useI18n();
 
 const props = defineProps({
   filterList: {
-    type: <any>[]
+    type: <any>[],
   },
   checkedFilterList: {
-    type: Array
+    type: Array,
   },
   filterType: {
-    type: String
+    type: String,
   },
   handelSubFilterProper: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   hanldeSearhNameFilter: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   searchPayload: {
-    type: Object
+    type: Object,
   },
   filterProp: {
-    type: String
+    type: String,
   },
   handelSubTimeFilterProper: {
     type: Function,
-    default: () => {}
-  }
+    default: () => {},
+  },
 });
 
 const isHoverIndex = ref();
@@ -123,7 +123,7 @@ watch(
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 
@@ -134,7 +134,7 @@ watch(
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 
@@ -196,6 +196,7 @@ const hanldeSearhNameFilter = () => {
 
 .filter-btn {
   display: flex;
+
   .resetBtn {
     width: 64px;
     height: 24px;
@@ -209,16 +210,20 @@ const hanldeSearhNameFilter = () => {
   max-height: 500px;
   padding: 0 16px;
   overflow: hidden auto;
+
   :not(.isChcekHover) .is-checked {
     border: unset !important;
+
     .el-checkbox__inner {
       border: unset !important;
     }
   }
+
   .el-checkbox__inner::after {
     left: 5px;
     top: 2px;
   }
+
   .isChcekHover .el-checkbox__inner::after {
     left: 4px;
     top: 1px;
diff --git a/src/components/TextMoreTootip/index.vue b/src/components/TextMoreTootip/index.vue
index abb5ec1..1725117 100644
--- a/src/components/TextMoreTootip/index.vue
+++ b/src/components/TextMoreTootip/index.vue
@@ -23,26 +23,26 @@ export default {
   props: {
     value: {
       type: String,
-      default: ''
+      default: '',
     },
     row: {
       //最多显示几行，超过后会...隐藏 为0时不隐藏
       type: [Number, String],
-      default: 0
-    }
+      default: 0,
+    },
   },
   data() {
     return {
       isShowHover: false,
       textStyle: {},
       visible: false,
-      div: null
+      div: null,
     };
   },
   computed: {
     text() {
       return this.$refs.text;
-    }
+    },
   },
   watch: {
     row: function (val) {
@@ -51,12 +51,12 @@ export default {
     value: function () {
       this.isShowHover = false;
       this.textStyle = {
-        cursor: 'text'
+        cursor: 'text',
       };
       this.$nextTick(() => {
         this.getStyle(this.row - 0);
       });
-    }
+    },
   },
   mounted() {
     this.init();
@@ -87,12 +87,12 @@ export default {
           display: '-webkit-box',
           webkitLineClamp: val,
           webkitBoxOrient: 'vertical',
-          cursor: 'pointer'
+          cursor: 'pointer',
         };
       } else {
         this.isShowHover = false;
         this.textStyle = {
-          cursor: 'text'
+          cursor: 'text',
         };
       }
     },
@@ -126,8 +126,8 @@ export default {
         this.div.style.left = 0;
         this.div.classList.remove('active');
       };
-    }
-  }
+    },
+  },
 };
 </script>
 
diff --git a/src/components/TextSingleTootip/index.vue b/src/components/TextSingleTootip/index.vue
index ff37143..a897987 100644
--- a/src/components/TextSingleTootip/index.vue
+++ b/src/components/TextSingleTootip/index.vue
@@ -23,30 +23,30 @@ export default {
       type: String,
       default: () => {
         return '';
-      }
+      },
     },
     placement: {
       type: String,
       default: () => {
         return 'right';
-      }
+      },
     },
     className: {
       type: String,
       default: () => {
         return '';
-      }
+      },
     },
     refName: {
       type: String,
       default: () => {
         return '';
-      }
-    }
+      },
+    },
   },
   data() {
     return {
-      isShowToolTip: true
+      isShowToolTip: true,
     };
   },
   methods: {
@@ -58,8 +58,8 @@ export default {
       } else {
         this.isShowToolTip = true;
       }
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index d7e33a0..dac2eb3 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -1,45 +1,88 @@
 <template>
-  <div class="upload-to-list" :class="{ 'has-files': hasFiles }">
+  <div
+    class="upload-to-list"
+    :class="{ 'has-files': hasFiles }">
     <div v-if="hasFiles">
-      <el-alert :title="tipText" type="info" show-icon :closable="false" />
+      <el-alert
+        :title="tipText"
+        type="info"
+        show-icon
+        :closable="false" />
       <div class="list-action">
         <div>
-          <el-button type="primary" @click.stop="selectFiles" class="file-ops"
+          <el-button
+            type="primary"
+            @click.stop="selectFiles"
+            class="file-ops"
             :disabled="fileTableList.data.length >= props.maxFileNum">
-            {{ $t("btnText.chooseFile") }}
+            {{ $t('btnText.chooseFile') }}
           </el-button>
-          <el-button @click="batchDelete()" class="delFileBtn cancelBtn">
-            {{ $t("btnText.batchDelete") }}
+          <el-button
+            @click="batchDelete()"
+            class="delFileBtn cancelBtn">
+            {{ $t('btnText.batchDelete') }}
           </el-button>
         </div>
         <div class="list-action-tip">
           <div>
-            {{ $t("dialogTipText.fileNums") }}:{{ fileTableList.data.length }}/{{
+            {{ $t('dialogTipText.fileNums') }}:{{ fileTableList.data.length }}/{{
               props.maxFileNum
             }}
           </div>
           <div>
-            {{ $t("dialogTipText.fileSizes") }}:{{ allFileSizesInfo }}/{{ maxFileSizesInfo }}
+            {{ $t('dialogTipText.fileSizes') }}:{{ allFileSizesInfo }}/{{ maxFileSizesInfo }}
           </div>
         </div>
       </div>
-      <div class="list-tip">{{ $t("dialogTipText.continueAdd") }}</div>
+      <div class="list-tip">{{ $t('dialogTipText.continueAdd') }}</div>
     </div>
-    <el-upload ref="uploadRef" action="" drag multiple :limit="props.maxFileNum" :accept="accept"
-      :show-file-list="false" :on-exceed="handleExceed" :on-success="handlsSuccess" :on-change="handleChange"
-      :on-progress="handleProgress" :auto-upload="false">
-      <div ref="uploadEl" class="upload-block">
-        <div v-if="hasFiles" class="upload-preview" @click.stop>
-          <el-table :data="fileTableList.data" max-height="184" @selection-change="handleSelectionChange"
+    <el-upload
+      ref="uploadRef"
+      action=""
+      drag
+      multiple
+      :limit="props.maxFileNum"
+      :accept="accept"
+      :show-file-list="false"
+      :on-exceed="handleExceed"
+      :on-success="handlsSuccess"
+      :on-change="handleChange"
+      :on-progress="handleProgress"
+      :auto-upload="false">
+      <div
+        ref="uploadEl"
+        class="upload-block">
+        <div
+          v-if="hasFiles"
+          class="upload-preview"
+          @click.stop>
+          <el-table
+            :data="fileTableList.data"
+            max-height="184"
+            @selection-change="handleSelectionChange"
             ref="fileTableRef">
-            <el-table-column type="selection" class-name="upload-file-selection" width="48" />
-            <el-table-column prop="name" :label="$t('dialogTipText.fileName')" class-name="upload-file-name"
+            <el-table-column
+              type="selection"
+              class-name="upload-file-selection"
+              width="48" />
+            <el-table-column
+              prop="name"
+              :label="$t('dialogTipText.fileName')"
+              class-name="upload-file-name"
               :show-overflow-tooltip="true" />
-            <el-table-column prop="size" :label="$t('dialogTipText.fileSize')" width="120" />
-            <el-table-column prop="action" :label="$t('btnText.operation')" width="100">
+            <el-table-column
+              prop="size"
+              :label="$t('dialogTipText.fileSize')"
+              width="120" />
+            <el-table-column
+              prop="action"
+              :label="$t('btnText.operation')"
+              width="100">
               <template #default="scope">
-                <el-button text @click="deleteFile(scope.row)">
-                  {{ $t("btnText.delete") }}
+                <el-button
+                  text
+                  @click="deleteFile(scope.row)">
+                  {{ $t('btnText.delete') }}
                 </el-button>
               </template>
             </el-table-column>
@@ -50,46 +93,57 @@
                 <IconUpload />
               </el-icon>
               <div class="upload-tip">
-                {{ $t("dialogTipText.dragDropAdd") }}
+                {{ $t('dialogTipText.dragDropAdd') }}
               </div>
             </div>
           </div>
         </div>
-        <div v-else class="upload-add">
+        <div
+          v-else
+          class="upload-add">
           <el-icon class="upload-btn-icon">
             <IconUpload />
           </el-icon>
           <div class="upload-tip">
-            <div class="upload-drag">{{ $t("dialogTipText.dragFile") }}</div>
+            <div class="upload-drag">{{ $t('dialogTipText.dragFile') }}</div>
             <div class="upload-tip-text">({{ tipText }})</div>
             <div style="margin-top: 24px">
-              <el-button type="primary" class="chooseFileBtn">
-                {{ $t("btnText.chooseFile") }}
+              <el-button
+                type="primary"
+                class="chooseFileBtn">
+                {{ $t('btnText.chooseFile') }}
               </el-button>
             </div>
           </div>
         </div>
       </div>
     </el-upload>
-    <div v-if="hasFiles" class="upload-ops-btn">
-      <el-button class="resetBtn" type="primary" :disabled="btnDisabled"
+    <div
+      v-if="hasFiles"
+      class="upload-ops-btn">
+      <el-button
+        class="resetBtn"
+        type="primary"
+        :disabled="btnDisabled"
         @click="uploadType === 'file' ? uploadKnowledgeFile() : uploadFiles()">
-        {{ $t("btnText.confirm") }}
+        {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button class="resetBtn cancelBtn" @click="handleCancelUpload()">
-        {{ $t("btnText.cancel") }}
+      <el-button
+        class="resetBtn cancelBtn"
+        @click="handleCancelUpload()">
+        {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, reactive, ref } from "vue";
-import "@/styles/upload.scss";
-import { IconUpload, IconError } from "@computing/opendesign-icons";
-import type { UploadFile, UploadProgressEvent } from "element-plus/es/components/upload/src/upload";
+import { computed, reactive, ref } from 'vue';
+import '@/styles/upload.scss';
+import { IconUpload, IconError } from '@computing/opendesign-icons';
+import type { UploadFile, UploadProgressEvent } from 'element-plus/es/components/upload/src/upload';
 const { t } = useI18n();
-import { ElMessage } from "element-plus";
-import { bytesToSize, isMaxMemoryOut } from "@/utils/bytesToSize";
+import { ElMessage } from 'element-plus';
+import { bytesToSize, isMaxMemoryOut } from '@/utils/bytesToSize';
 interface TableRow {
   id: string | number;
   name: string;
@@ -98,7 +152,6 @@ interface TableRow {
 }
 const doUpload = (options: any) => {
   props.handleUploadMyFile(options);
-
 };
 const progressVal = ref(0);
 const uploadEl = ref(null);
@@ -116,11 +169,11 @@ const props = defineProps({
   },
   handleCancelVisible: {
     type: Function,
-    default: () => { },
+    default: () => {},
   },
   handleQueryTaskList: {
     type: Function,
-    default: () => { },
+    default: () => {},
   },
   maxSize: {
     type: Number,
@@ -128,15 +181,15 @@ const props = defineProps({
   },
   handleUploadMyFile: {
     type: Function,
-    default: () => { },
+    default: () => {},
   },
   handInitTaskList: {
     type: Function,
-    default: () => { },
+    default: () => {},
   },
   handleStopUploadFile: {
     type: Function,
-    default: () => { },
+    default: () => {},
   },
   taskListImportDate: {
     type: Number,
@@ -147,11 +200,11 @@ const props = defineProps({
   },
   toggleUploadNotify: {
     type: Function,
-    default: () => { },
+    default: () => {},
   },
   handleImportLoading: {
     type: Function,
-    default: () => { },
+    default: () => {},
   },
   singleFileLimit: {
     type: Boolean,
@@ -181,22 +234,22 @@ let allFileSizesInfo = computed(() => {
   // 字节转MB：1 MB = 1024 * 1024 bytes
   if (allFileSizes.value <= 0) return 0;
   if (allFileSizes.value < 1024) {
-    return allFileSizes.value + "B";
+    return allFileSizes.value + 'B';
   } else if (allFileSizes.value / 1024 < 1024) {
-    return (allFileSizes.value / 1024).toFixed(0) + "KB";
+    return (allFileSizes.value / 1024).toFixed(0) + 'KB';
   } else if (allFileSizes.value / 1024 / 1024 < 1024) {
-    return (allFileSizes.value / 1024 / 1024).toFixed(0) + "MB";
+    return (allFileSizes.value / 1024 / 1024).toFixed(0) + 'MB';
   } else {
-    return (allFileSizes.value / 1024 / 1024 / 1024).toFixed(0) + "GB";
+    return (allFileSizes.value / 1024 / 1024 / 1024).toFixed(0) + 'GB';
   }
 });
 
 let maxFileSizesInfo = computed(() => {
   if (props.maxSize <= 0) return 0;
   if (props.maxSize < 1) {
-    return (props.maxSize * 1024).toFixed(0) + "MB";
+    return (props.maxSize * 1024).toFixed(0) + 'MB';
   } else {
-    return props.maxSize + "GB";
+    return props.maxSize + 'GB';
   }
 });
 
@@ -217,7 +270,7 @@ const handleSelectionChange = (val: TableRow[]) => {
 const hasFiles = computed(() => fileTableList.data.length > 0);
 
 const changeAllSizes = (file: any, type?: string) => {
-  if (type === "add") {
+  if (type === 'add') {
     allFileSizes.value += file.size as number;
   } else {
     allFileSizes.value -= file.size as number;
@@ -232,7 +285,7 @@ const handleChange = (file: UploadFile) => {
     size: bytesToSize(file.size as number),
     file: file,
   };
-  changeAllSizes(file, "add");
+  changeAllSizes(file, 'add');
   fileTableList.data.push(item);
 };
 
@@ -253,7 +306,7 @@ const handlsSuccess = () => {
 const handleUploadRestart = (item: any) => {
   uploadingList.value = uploadingList.value.map((up) => {
     if (up.id === item.id) {
-      return { ...item, error: false, uploadStatus: "error" };
+      return { ...item, error: false, uploadStatus: 'error' };
     }
     return up;
   });
@@ -299,7 +352,7 @@ const deleteFile = (row?: any) => {
   if (row) {
     const idx = fileTableList.data.findIndex((item: any) => item.id === row.id);
     fileTableList.data.splice(idx, 1);
-    changeAllSizes(row.file, "del");
+    changeAllSizes(row.file, 'del');
   }
 };
 
@@ -317,7 +370,7 @@ watch(
         taskId: item.task.id,
         name: item.name,
         size: item?.document_size,
-        percent: item?.task?.status && item?.task?.status !== "pending" ? 100 : 99,
+        percent: item?.task?.status && item?.task?.status !== 'pending' ? 100 : 99,
         uploadStatus: item?.task?.status,
       };
     });
@@ -341,9 +394,9 @@ const uploadFiles = () => {
     if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
-        message: t("dialogTipText.singleFileSize"),
+        message: t('dialogTipText.singleFileSize'),
         icon: IconError,
-        customClass: "o-message--error",
+        customClass: 'o-message--error',
         duration: 3000,
       });
       return;
@@ -396,7 +449,7 @@ const uploadFiles = () => {
           name: item.name,
           size: item?.document_size,
           percent:
-            item?.task?.status === "success"
+            item?.task?.status === 'success'
               ? 100
               : reportDetail?.current_stage
                 ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
@@ -419,9 +472,9 @@ const uploadKnowledgeFile = () => {
     if (handleLimitSize(fileTableList.data)) {
       ElMessage({
         showClose: true,
-        message: t("dialogTipText.singleFileSize"),
+        message: t('dialogTipText.singleFileSize'),
         icon: IconError,
-        customClass: "o-message--error",
+        customClass: 'o-message--error',
         duration: 3000,
       });
       return;
@@ -450,7 +503,7 @@ const uploadKnowledgeFile = () => {
         onError: (e: any) => {
           uploadingList.value = uploadingList.value.map((up) => {
             if (up.id === e.id) {
-              return { ...e, uploadStatus: "error" };
+              return { ...e, uploadStatus: 'error' };
             }
             return up;
           });
@@ -459,7 +512,7 @@ const uploadKnowledgeFile = () => {
         onSuccess: () => {
           uploadFileNumber += 1;
           item.percent = 100;
-          item.uploadStatus = "success";
+          item.uploadStatus = 'success';
           resolve(true); // 标记成功
         },
         fileInfo: item,
@@ -468,26 +521,23 @@ const uploadKnowledgeFile = () => {
   });
 
   // 所有上传完成后统一更新列表
-  Promise.allSettled(uploadPromises)
-    .then((results) => {
-      const successCount = results.filter(
-        (result) => result.status === 'fulfilled'
-      ).length;
-      const errorCount = results.length - successCount;
+  Promise.allSettled(uploadPromises).then((results) => {
+    const successCount = results.filter((result) => result.status === 'fulfilled').length;
+    const errorCount = results.length - successCount;
 
-      // 统一更新列表
-      props?.handleImportLoading(false);
-      if (errorCount > 0) {
-        handleToggleUploadNotify();
-      }
+    // 统一更新列表
+    props?.handleImportLoading(false);
+    if (errorCount > 0) {
+      handleToggleUploadNotify();
+    }
 
-      // 所有成功后的回调
-      if (errorCount === 0) {
-        props.handleQueryTaskList(fileTableList.data); // 统一更新列表
-      }
-    });
+    // 所有成功后的回调
+    if (errorCount === 0) {
+      props.handleQueryTaskList(fileTableList.data); // 统一更新列表
+    }
+  });
 
-  uploadingList.value.length && handleToggleUploadNotify()
+  uploadingList.value.length && handleToggleUploadNotify();
   props.handleCancelVisible();
   fileTableList.data = [];
   uploadRef.value?.clearFiles();
diff --git a/src/components/Upload/uploadProgress.vue b/src/components/Upload/uploadProgress.vue
index dcaefde..c60cfd8 100644
--- a/src/components/Upload/uploadProgress.vue
+++ b/src/components/Upload/uploadProgress.vue
@@ -111,48 +111,48 @@ import { IconChevronUp, IconChevronDown, IconX } from '@computing/opendesign-ico
 const taskStatusList = ref<any>([]);
 const props = defineProps({
   isKnowledgeFileUpload: {
-    type: Boolean
+    type: Boolean,
   },
   showUploadNotify: {
-    type: Boolean
+    type: Boolean,
   },
   uploadingList: {
     type: Array<any>,
-    default: []
+    default: [],
   },
   handleShowTaskList: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   showTaskList: {
-    type: Boolean
+    type: Boolean,
   },
   handleCloseSingleUpload: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   handleUploadRestart: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   taskListImportDate: {
-    type: Number
+    type: Number,
   },
   importTaskTotal: {
-    type: Number
+    type: Number,
   },
   handleImportScroll: {
     type: Function,
-    default: () => {}
+    default: () => {},
   },
   taskListLoading: {
     type: Boolean,
-    default: false
+    default: false,
   },
   isShowAllClear: {
     type: Boolean,
-    default: true
-  }
+    default: true,
+  },
 });
 
 const handleScroll = (e: any) => {
@@ -168,7 +168,7 @@ watch(
     }
   },
   {
-    deep: true
+    deep: true,
   }
 );
 watch(
diff --git a/src/components/UserHeaderBar/headerCom.vue b/src/components/UserHeaderBar/headerCom.vue
index 7ddf4ff..e5ea0fc 100644
--- a/src/components/UserHeaderBar/headerCom.vue
+++ b/src/components/UserHeaderBar/headerCom.vue
@@ -210,7 +210,7 @@ import { useAppStore, useUserStore } from '@/store';
 import '@/styles/headerBar.scss';
 import { IconCaretDown, IconCaretUp, IconError, IconSuccess } from '@computing/opendesign-icons';
 import { ModelForm } from './modelConfig';
-import { FormInstance, FormItemProp } from 'element-plus';
+import { FormInstance } from 'element-plus';
 import KbAppAPI from '@/api/kbApp';
 import defaultSettings from '@/settings';
 
@@ -224,7 +224,6 @@ const isSubmitDisabled = ref(true);
 const batchDownBth = ref(false);
 const modelVisible = ref(false);
 const openai_api_type = ref('local');
-const value = ref('');
 // 定义一个接口来描述 modelTypes 数组中的对象结构
 interface ModelType {
   model_name: string; // value 属性是字符串类型
@@ -241,49 +240,54 @@ const ruleForm = ref<ModelForm>({
   openai_api_key: '',
   openai_api_base: '',
   max_tokens: 1024,
-  model_name: ''
+  model_name: '',
 });
 const ruleFormLocal = ref<ModelForm>({
   id: '',
-  model_name: ''
+  model_name: '',
 });
-
-const rules = ref({
+interface Rules {
+  openai_api_key: Array<{ required: boolean; message: string; trigger: string[] }>;
+  openai_api_base: Array<{ required: boolean; message: string; trigger: string[] }>;
+  max_tokens: Array<{ required: boolean; message: string; trigger: string[] }>;
+  model_name: Array<{ required: boolean; message: string; trigger: string[] }>;
+}
+const rules = ref<Rules>({
   openai_api_key: [
     {
       required: true,
       message: t('model.pleasePlace'),
-      trigger: ['blur', 'change']
-    }
+      trigger: ['blur', 'change'],
+    },
   ],
   openai_api_base: [
     {
       required: true,
       message: t('model.pleasePlace'),
-      trigger: ['blur', 'change']
-    }
+      trigger: ['blur', 'change'],
+    },
   ],
   max_tokens: [
     {
       required: true,
       message: t('model.pleasePlace'),
-      trigger: ['blur', 'change']
-    }
+      trigger: ['blur', 'change'],
+    },
   ],
   model_name: [
     {
       required: true,
       message: t('model.pleasePlace'),
-      trigger: ['blur', 'change']
-    }
-  ]
+      trigger: ['blur', 'change'],
+    },
+  ],
 });
 
 const formValidateStatus = ref<any>({
   openai_api_key: true,
   openai_api_base: true,
   max_tokens: true,
-  model_name: true
+  model_name: true,
 });
 
 const userInfo = ref<any>({});
@@ -301,7 +305,7 @@ const handleClose = () => {
     openai_api_key: true,
     openai_api_base: true,
     max_tokens: true,
-    model_name: true
+    model_name: true,
   };
 };
 
@@ -309,12 +313,12 @@ const handleClose = () => {
  * 处理接postmessage收到的数据，根据消息中的语言设置应用语言。
  * 该函数会根据接收到的语言代码更新应用的语言设置，并将其存储在本地存储中。
  */
-const handleMessage = (e: Event) => {
+const handleMessage = (e: MessageEvent) => {
   const langObj = {
     CN: 'zh',
-    EN: 'en'
+    EN: 'en',
   };
-  let lang = langObj[e.data.lang];
+  let lang = langObj[e.data.lang as keyof typeof langObj];
   locale.value = lang;
   appStore.changeLanguage(lang);
   localStorage.setItem('language', lang);
@@ -325,7 +329,7 @@ onMounted(() => {
   userInfo.value = JSON.parse(localStorage.getItem('userInfo') || '{}');
   userLanguage.value = userInfo.value?.language;
   if (openai_api_type.value === 'local') {
-    KbAppAPI.localModelList().then((res) => {
+    KbAppAPI.localModelList().then((res: any) => {
       modelTypes.value = res;
     });
   }
@@ -334,7 +338,7 @@ onMounted(() => {
 onUnmounted(() => window.removeEventListener('message', handleMessage));
 
 const getModelInfo = () => {
-  KbAppAPI.getdUserModel().then((res) => {
+  KbAppAPI.getdUserModel().then((res: any) => {
     persisitModel.value = res.is_online ? 'online' : 'local';
     modelNameStr.value = res.model_name;
     if (res.is_online) {
@@ -357,7 +361,7 @@ watch(openai_api_type, (val) => {
     console.warn('Form instance is not initialized yet.');
   }
   if (val === 'local') {
-    KbAppAPI.localModelList().then((res) => {
+    KbAppAPI.localModelList().then((res: any) => {
       modelTypes.value = res;
     });
   }
@@ -368,7 +372,7 @@ watch(
   () => {
     let flag = false;
     Object.keys(ruleForm.value).forEach((item) => {
-      if (rules.value?.[item]?.[0]?.required) {
+      if (rules.value?.[item as keyof Rules]?.[0]?.required) {
         if (!ruleForm.value?.[item]?.toString()?.length) {
           flag = true;
         }
@@ -387,21 +391,21 @@ watch(
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 
 const handleRadioChange = () => {
   if (openai_api_type.value === 'local') {
     ruleFormLocal.value = {};
-    ruleFormRefLocal.value.resetFields();
+    ruleFormRefLocal.value?.resetFields();
   } else {
     ruleForm.value = { max_tokens: 1024 };
-    ruleFormRef.value.resetFields();
+    ruleFormRef.value?.resetFields();
   }
 };
 
-const handleBatchDownBth = (e) => {
+const handleBatchDownBth = (e: boolean) => {
   batchDownBth.value = e;
 };
 
@@ -414,18 +418,18 @@ const handlLogout = () => {
   });
 };
 
-const handleFormValidate = (prop: any, isValid: boolean, message: string) => {
+const handleFormValidate = (prop: any, isValid: boolean) => {
   formValidateStatus.value[prop] = isValid;
 };
 let submitLoading = ref(false);
 const handleConfirmCreateModel = async (formData: FormInstance | undefined) => {
   if (!formData) return;
 
-  await formData.validate((valid, fields) => {
+  await formData.validate((valid) => {
     if (valid) {
       if (openai_api_type.value === 'local') {
         if (
-          ruleFormLocal.value.model_name?.length < 36 ||
+          (ruleFormLocal.value.model_name || '').length < 36 ||
           initModelTYpe.value === ruleFormLocal.value.model_name
         ) {
           ElMessage({
@@ -433,7 +437,7 @@ const handleConfirmCreateModel = async (formData: FormInstance | undefined) => {
             message: t('model.repeatTip'),
             icon: IconError,
             customClass: 'o-message--error',
-            duration: 3000
+            duration: 3000,
           });
           return;
         }
@@ -446,23 +450,23 @@ const handleConfirmCreateModel = async (formData: FormInstance | undefined) => {
           model_name: ruleForm.value.model_name,
           openai_api_base: ruleForm.value.openai_api_base,
           openai_api_key: ruleForm.value.openai_api_key,
-          is_online: true
+          is_online: true,
         };
       } else {
         param = {
           id: ruleFormLocal.value.model_name,
-          is_online: false
+          is_online: false,
         };
       }
       KbAppAPI.addUserModel(param)
-        .then((res) => {
+        .then(() => {
           modelVisible.value = false;
           ElMessage({
             showClose: true,
             message: t('opsMessage.modifSuccess'),
             icon: IconSuccess,
             customClass: 'o-message--success',
-            duration: 3000
+            duration: 3000,
           });
           handleModelDialog();
           getModelInfo();
@@ -483,18 +487,18 @@ const handleModelDialog = () => {
     openai_api_key: true,
     openai_api_base: true,
     max_tokens: true,
-    model_name: true
+    model_name: true,
   };
 };
 
 const handleModelVisible = (visible: boolean) => {
-  KbAppAPI.getdUserModel().then((res) => {
+  KbAppAPI.getdUserModel().then((res: any) => {
     modelNameStr.value = res.model_name;
     persisitModel.value = res.is_online ? 'online' : 'local';
     if (res.is_online) {
       ruleForm.value = {
         ...res,
-        max_tokens: res?.max_tokens || 1024
+        max_tokens: res?.max_tokens || 1024,
       };
       openai_api_type.value = 'online';
     } else {
@@ -529,26 +533,32 @@ const handleModelVisible = (visible: boolean) => {
   height: 46px !important;
   padding: 4px 0 !important;
   transform: translateX(-50px);
+
   .el-dropdown-menu {
     height: 38px !important;
     padding: unset !important;
   }
+
   .el-dropdown-menu__item {
     display: flex;
     height: 38px !important;
     justify-content: center;
   }
+
   border: unset !important;
 }
+
 .userDroContainer {
   margin-left: 16px;
   height: 26px;
 }
+
 .el-dropdown-menu__item:not(.is-disabled):focus,
 .el-dropdown-menu__item:not(.is-disabled):hover {
   background-color: unset;
   color: #606266;
 }
+
 .top-bar {
   .el-icon.el-icon--right {
     font-size: 16px;
@@ -566,9 +576,11 @@ const handleModelVisible = (visible: boolean) => {
     margin: 0 16px;
     background: rgb(195, 206, 223);
   }
+
   .setting-icon {
     cursor: pointer;
   }
+
   .setting-icon:hover {
     color: rgb(50, 145, 254);
   }
@@ -576,26 +588,33 @@ const handleModelVisible = (visible: boolean) => {
 
 .model-dialog {
   padding: 0 !important;
+
   .model-radio {
     margin: 0 0 16px 0;
   }
+
   .form-container {
     height: 200px;
+
     .el-select__placeholder {
       font-size: 12px;
     }
   }
+
   .el-dialog__title {
     font-family: 'HarmonyOS Sans SC Bold', sans-serif !important;
     font-weight: 800;
   }
+
   .el-input {
     width: 100%;
   }
+
   .el-dialog__body {
     padding: 24px 43px 0 16px;
     margin-right: 0 !important;
   }
+
   .model-ops-btn {
     display: flex;
     justify-content: center;
@@ -603,6 +622,7 @@ const handleModelVisible = (visible: boolean) => {
     min-height: unset !important;
     margin-bottom: 24px;
     margin-top: 32px !important;
+
     .el-form-item__content {
       margin-left: 0 !important;
       height: 24px !important;
@@ -610,34 +630,42 @@ const handleModelVisible = (visible: boolean) => {
       min-height: unset !important;
       justify-content: center;
       transform: translateX(14px);
+
       .el-button {
         height: 24px !important;
         min-height: unset !important;
       }
     }
   }
+
   .el-form-item {
     gap: 24px;
     margin-bottom: 24px !important;
+
     .el-form-item__label,
     .el-input__inner {
       font-size: 12px;
     }
+
     label {
       min-width: 78px !important;
       width: unset !important;
       max-width: unset !important;
     }
   }
+
   .form-right-tip {
     font-size: 12px;
   }
+
   .el-form-item__label {
     padding: 0 !important;
   }
+
   .el-input-number__increase,
   .el-input-number__decrease {
     background: transparent !important;
+
     .el-icon {
       color: #8d98aa;
     }
@@ -645,12 +673,14 @@ const handleModelVisible = (visible: boolean) => {
 
   .token-size {
     width: 111px !important;
+
     .el-input__wrapper {
       width: 50px !important;
       overflow: hidden !important;
       padding-left: 30px !important;
       padding-right: 30px !important;
     }
+
     .el-input__inner {
       width: 50px !important;
       overflow: hidden !important;
@@ -663,17 +693,20 @@ const handleModelVisible = (visible: boolean) => {
     svg {
       color: rgb(228, 33, 33) !important;
     }
+
     path {
       background: rgb(228, 33, 33) !important;
     }
   }
 }
+
 .el-select-dropdown__item,
 .is-hovering {
   color: black !important;
   display: flex;
   align-items: center;
 }
+
 .el-select-dropdown__item:hover {
   color: black !important;
   background-color: var(--o-bg-color-dark) !important;
diff --git a/src/components/UserHeaderBar/index.vue b/src/components/UserHeaderBar/index.vue
index a15ba31..29b4341 100644
--- a/src/components/UserHeaderBar/index.vue
+++ b/src/components/UserHeaderBar/index.vue
@@ -14,13 +14,8 @@
 
 <script setup lang="ts">
 // 内部依赖
-import { useSettingsStore, useUserStore } from '@/store';
-import { ThemeEnum } from '@/enums/ThemeEnum';
 import '@/styles/headerBar.scss';
 import HeaderCom from './headerCom.vue';
-import { TOKEN_KEY } from '@/enums/CacheEnum';
-const settingsStore = useSettingsStore();
-const { t } = useI18n();
 </script>
 <style lang="scss" scoped>
 .knowledge-welcome {
diff --git a/src/enums/FormTypeEnum.ts b/src/enums/FormTypeEnum.ts
index 478afe7..127d0f5 100644
--- a/src/enums/FormTypeEnum.ts
+++ b/src/enums/FormTypeEnum.ts
@@ -10,5 +10,5 @@ export const FormTypeEnum: Record<string, OptionType> = {
   SWITCH: { value: 6, label: '开关' },
   TEXT_AREA: { value: 7, label: '文本域' },
   DATE: { value: 8, label: '日期框' },
-  DATE_TIME: { value: 9, label: '日期时间框' }
+  DATE_TIME: { value: 9, label: '日期时间框' },
 };
diff --git a/src/enums/KnowledgeEnum.ts b/src/enums/KnowledgeEnum.ts
index 3df8616..3778849 100644
--- a/src/enums/KnowledgeEnum.ts
+++ b/src/enums/KnowledgeEnum.ts
@@ -6,10 +6,10 @@ export const enum StatusEnum {
   CANCEL = 'canceled',
   ANALYSIS_ING = 'pending',
   SUCCESS = 'success',
-  RUNNING = 'running'
+  RUNNING = 'running',
 }
 
 export const enum MenuType {
   KL_FILE = 'klFile',
-  KL_CONFIG = 'klConfig'
+  KL_CONFIG = 'klConfig',
 }
diff --git a/src/enums/LanguageEnum.ts b/src/enums/LanguageEnum.ts
index dc315d1..b0df660 100644
--- a/src/enums/LanguageEnum.ts
+++ b/src/enums/LanguageEnum.ts
@@ -10,5 +10,5 @@ export const enum LanguageEnum {
   /**
    * 英文
    */
-  EN = 'en'
+  EN = 'en',
 }
diff --git a/src/enums/MessageTypeEnum.ts b/src/enums/MessageTypeEnum.ts
index 208a06c..ede2095 100644
--- a/src/enums/MessageTypeEnum.ts
+++ b/src/enums/MessageTypeEnum.ts
@@ -5,11 +5,11 @@ export const enum MessageTypeEnum {
   /* 通知 */
   NOTICE = 'NOTICE',
   /* 待办 */
-  TODO = 'TODO'
+  TODO = 'TODO',
 }
 
 export const MessageTypeLabels = {
   [MessageTypeEnum.MESSAGE]: '消息',
   [MessageTypeEnum.NOTICE]: '通知',
-  [MessageTypeEnum.TODO]: '待办'
+  [MessageTypeEnum.TODO]: '待办',
 };
diff --git a/src/enums/QueryTypeEnum.ts b/src/enums/QueryTypeEnum.ts
index 14a9c78..e6996a0 100644
--- a/src/enums/QueryTypeEnum.ts
+++ b/src/enums/QueryTypeEnum.ts
@@ -33,5 +33,5 @@ export const QueryTypeEnum: Record<string, OptionType> = {
   LIKE_LEFT: { value: 10, label: "LIKE '%s'" },
 
   /** 右模糊匹配 */
-  LIKE_RIGHT: { value: 11, label: "LIKE 's%'" }
+  LIKE_RIGHT: { value: 11, label: "LIKE 's%'" },
 };
diff --git a/src/enums/ResultEnum.ts b/src/enums/ResultEnum.ts
index b4c9823..b44d655 100644
--- a/src/enums/ResultEnum.ts
+++ b/src/enums/ResultEnum.ts
@@ -14,5 +14,5 @@ export const enum ResultEnum {
   /**
    * 令牌无效或过期
    */
-  TOKEN_INVALID = '401'
+  TOKEN_INVALID = '401',
 }
diff --git a/src/enums/ThemeEnum.ts b/src/enums/ThemeEnum.ts
index 36b4b49..3cebbb4 100644
--- a/src/enums/ThemeEnum.ts
+++ b/src/enums/ThemeEnum.ts
@@ -14,5 +14,5 @@ export const enum ThemeEnum {
   /**
    * 系统自动
    */
-  AUTO = 'auto'
+  AUTO = 'auto',
 }
diff --git a/src/lang/index.ts b/src/lang/index.ts
index a3de3c8..102f375 100644
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -7,11 +7,11 @@ import defaultSettings from '@/settings';
 
 const messages = {
   zh: {
-    ...zhCnLocale
+    ...zhCnLocale,
   },
   en: {
-    ...enLocale
-  }
+    ...enLocale,
+  },
 };
 
 const language = useStorage('language', defaultSettings.language);
@@ -20,7 +20,7 @@ const i18n = createI18n({
   legacy: false,
   locale: language.value,
   messages: messages,
-  globalInjection: true
+  globalInjection: true,
 });
 
 // 全局注册 i18n
diff --git a/src/main.ts b/src/main.ts
index 63ca9f0..7b71c80 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -25,7 +25,7 @@ const app = createApp(App);
 app.use(createPinia());
 app.use(router);
 app.use(ElementPlus, {
-  locale: zhCn
+  locale: zhCn,
 });
 app.use(setupPlugins);
 app.use(opendesign2);
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
index 492d20d..e5f9bc0 100644
--- a/src/plugins/index.ts
+++ b/src/plugins/index.ts
@@ -17,5 +17,5 @@ export default {
     setupPermission();
     // 状态管理(store)
     setupStore(app);
-  }
+  },
 };
diff --git a/src/router/index.ts b/src/router/index.ts
index c0614b4..7e05ad4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -6,37 +6,37 @@ export const constantRoutes: RouteRecordRaw[] = [
   {
     path: '/',
     name: '/',
-    redirect: '/login'
+    redirect: '/login',
   },
   {
     path: '/login',
     component: () => import('@/views/login/index.vue'),
-    meta: { hidden: true }
+    meta: { hidden: true },
   },
   {
     path: '/NotFoundPage',
     component: () => import('@/views/notFoundPage/index.vue'),
-    meta: { hidden: true }
+    meta: { hidden: true },
   },
   {
     path: '/knowledge/library',
     component: () => import('@/views/knowledgeLibrary/index.vue'),
-    meta: { hidden: true }
+    meta: { hidden: true },
   },
   {
     path: '/knowledge/file',
     component: () => import('@/views/knowledgeFile/index.vue'),
-    meta: { hidden: true }
+    meta: { hidden: true },
   },
   {
     path: '/knowledge/fileSection',
     component: () => import('@/views/knowledgeFileSection/index.vue'),
-    meta: { hidden: true }
+    meta: { hidden: true },
   },
   {
     path: '/:catchAll(.*)',
-    redirect: '/NotFoundPage'
-  }
+    redirect: '/NotFoundPage',
+  },
 ];
 /**
  * 创建路由
@@ -45,7 +45,7 @@ const router = createRouter({
   history: createWebHashHistory('/witchaind/'),
   routes: constantRoutes,
   // 刷新时，滚动条位置还原
-  scrollBehavior: () => ({ left: 0, top: 0 })
+  scrollBehavior: () => ({ left: 0, top: 0 }),
 });
 
 // 全局注册 router
diff --git a/src/settings.ts b/src/settings.ts
index 5e4b6e5..ef807e8 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -16,7 +16,7 @@ const defaultSettings: AppSettings = {
   language: LanguageEnum.ZH_CN,
   themeColor: '#409EFF',
   watermarkEnabled: false,
-  watermarkContent: pkg.name
+  watermarkContent: pkg.name,
 };
 
 export default defaultSettings;
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 0470058..0d9548d 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -30,7 +30,7 @@ export const useAppStore = defineStore('app', () => {
   return {
     language,
     locale,
-    changeLanguage
+    changeLanguage,
   };
 });
 
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 9d7591c..d1234e9 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -28,7 +28,7 @@ export const usePermissionStore = defineStore('permission', () => {
 
   return {
     routes,
-    generateRoutes
+    generateRoutes,
   };
 });
 
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 57e6793..5695d2e 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -16,7 +16,7 @@ export const useSettingsStore = defineStore('setting', () => {
 
   const settingsMap: Record<string, Ref<SettingsValue>> = {
     fixedHeader,
-    watermarkEnabled
+    watermarkEnabled,
   };
 
   function changeSetting({ key, value }: { key: string; value: SettingsValue }) {
@@ -41,6 +41,6 @@ export const useSettingsStore = defineStore('setting', () => {
     themeColor,
     watermarkEnabled,
     changeSetting,
-    changeThemeColor
+    changeThemeColor,
   };
 });
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index e14202f..ab1c64b 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -6,7 +6,7 @@ import { store } from '@/store';
 export const useUserStore = defineStore('user', () => {
   const user = ref<UserInfo>({
     roles: [],
-    perms: []
+    perms: [],
   });
 
   /**
@@ -66,7 +66,7 @@ export const useUserStore = defineStore('user', () => {
     login,
     logout,
     resetToken,
-    signin
+    signin,
   };
 });
 
diff --git a/src/styles/headerBar.scss b/src/styles/headerBar.scss
index 3373ea8..145c623 100644
--- a/src/styles/headerBar.scss
+++ b/src/styles/headerBar.scss
@@ -13,6 +13,7 @@
     display: flex;
     gap: 8px;
     align-items: center;
+
     .project-name {
       font-size: 16px;
       letter-spacing: 0px;
@@ -58,6 +59,7 @@
 .user-platform-header,
 .page-platform-header {
   min-width: 1240px;
+
   .header-container {
     display: flex;
     align-items: center;
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index 74d08f6..b5fba09 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -316,7 +316,7 @@ declare global {
     PropType,
     Ref,
     VNode,
-    WritableComputedRef
+    WritableComputedRef,
   } from 'vue';
   import('vue');
 }
diff --git a/src/utils/convertUTCToLocalTime.ts b/src/utils/convertUTCToLocalTime.ts
index 635f568..369f439 100644
--- a/src/utils/convertUTCToLocalTime.ts
+++ b/src/utils/convertUTCToLocalTime.ts
@@ -10,7 +10,7 @@ export function convertUTCToLocalTime(utcDateString: string | number | Date) {
       month: '2-digit',
       day: '2-digit',
       hour: '2-digit',
-      minute: '2-digit'
+      minute: '2-digit',
     })
     .replace(/\//g, '-');
   return localTimer;
@@ -27,7 +27,7 @@ export function uTCToLocalTime(utcDateString: string | number | Date) {
       month: '2-digit',
       day: '2-digit',
       hour: '2-digit',
-      minute: '2-digit'
+      minute: '2-digit',
     })
     .replace(/\//g, '-');
   return localTimer;
diff --git a/src/utils/debounce.js b/src/utils/debounce.js
deleted file mode 100644
index 3c9ad8a..0000000
--- a/src/utils/debounce.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// 防抖
-export function debounce(func, wait = 1000) {
-  let timeout = null;
-  return function (...args) {
-    clearTimeout(timeout);
-    timeout = setTimeout(() => {
-      func.apply(this, args);
-    }, wait);
-  };
-}
diff --git a/src/utils/nprogress.ts b/src/utils/nprogress.ts
index c47ab61..b90fa11 100644
--- a/src/utils/nprogress.ts
+++ b/src/utils/nprogress.ts
@@ -12,7 +12,7 @@ NProgress.configure({
   // 自动递增间隔
   trickleSpeed: 200,
   // 初始化时的最小百分比
-  minimum: 0.3
+  minimum: 0.3,
 });
 
 export default NProgress;
diff --git a/src/utils/request.ts b/src/utils/request.ts
index ae9573c..775d95a 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -12,11 +12,11 @@ const service = axios.create({
   timeout: 90000,
   withCredentials: true,
   headers: {
-    'Access-control-allow-origin': '*'
+    'Access-control-allow-origin': '*',
   },
   paramsSerializer: (params) => {
     return qs.stringify(params);
-  }
+  },
 });
 
 // 请求拦截器
@@ -50,7 +50,7 @@ service.interceptors.response.use(
       message: retmsg || i18n.global.t('pageTipText.systemError'),
       icon: IconError,
       customClass: 'o-message--error',
-      duration: 3000
+      duration: 3000,
     });
     return Promise.reject(new Error(retmsg || 'Error'));
   },
@@ -65,13 +65,13 @@ service.interceptors.response.use(
             message: i18n.global.t('login.message.loginTip'),
             icon: IconError,
             customClass: 'o-message--error',
-            duration: 3000
+            duration: 3000,
           });
         } else {
           ElNotification({
             title: i18n.global.t('dialogTipText.tipsText'),
             message: i18n.global.t('login.message.loginToken'),
-            type: 'info'
+            type: 'info',
           });
           useUserStoreHook()
             .resetToken()
@@ -85,7 +85,7 @@ service.interceptors.response.use(
           message: retmsg || error?.message,
           icon: IconError,
           customClass: 'o-message--error',
-          duration: 3000
+          duration: 3000,
         });
       }
     } else {
@@ -94,7 +94,7 @@ service.interceptors.response.use(
         message: error?.message,
         icon: IconError,
         customClass: 'o-message--error',
-        duration: 3000
+        duration: 3000,
       });
     }
     return Promise.reject(error.message);
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index f97117e..7ae473d 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -435,7 +435,7 @@
                       StatusEnum.FAIL,
                       StatusEnum.CANCEL,
                       StatusEnum.ANALYSIS_ING,
-                      StatusEnum.SUCCESS
+                      StatusEnum.SUCCESS,
                     ].includes(scope.row.status)
                   "
                   text
@@ -511,7 +511,9 @@
     width="432"
     :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
-      <span class="iconAlarmOrange"><IconAlarmOrange /></span>
+      <span class="iconAlarmOrange">
+        <IconAlarmOrange />
+      </span>
       {{ $t('dialogTipText.confirmCancelAnalytic') }}
     </div>
     <div class="tip-ops-btn">
@@ -535,7 +537,9 @@
     width="400"
     :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
-      <span class="iconAlarmOrange"><IconAlarmOrange /></span>
+      <span class="iconAlarmOrange">
+        <IconAlarmOrange />
+      </span>
       <span>
         {{ $t('dialogTipText.confirmDelFile') }}
         <span>
@@ -569,7 +573,9 @@
     width="400"
     :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
-      <span class="iconAlarmOrange"><IconAlarmOrange /></span>
+      <span class="iconAlarmOrange">
+        <IconAlarmOrange />
+      </span>
       <span>
         {{ $t('dialogTipText.confirmDelSelected') }}
       </span>
@@ -653,7 +659,9 @@
           :max="1024" />
         <span class="form-right-tip">（512~1024）</span>
         <div class="editTip">
-          <span class="iconAlarmOrange"><IconAlarmOrange /></span>
+          <span class="iconAlarmOrange">
+            <IconAlarmOrange />
+          </span>
           <span class="editTipText">{{ $t('assetFile.analyticTip') }}</span>
         </div>
       </el-form-item>
@@ -694,7 +702,7 @@ import {
   IconCaretUp,
   IconFilter,
   IconSearch,
-  IconSuccess
+  IconSuccess,
 } from '@computing/opendesign-icons';
 import { StatusEnum, MenuType } from '@/enums/KnowledgeEnum';
 import KnowledgeForm from '@/components/KnowledgeForm/index.vue';
@@ -746,7 +754,7 @@ const searchPayload = ref<any>({
   created_time_start: '',
   created_time_end: '',
   enabled: '',
-  parser_method: []
+  parser_method: [],
 });
 const kbInfo = ref<any>({});
 const checkedFilterList = ref([]);
@@ -757,7 +765,7 @@ const filterEnableList = ref();
 const ruleFormRef = ref<FormInstance>();
 const pagination = ref({
   pageSizes: [10, 20, 30, 40, 50],
-  layout: 'total,sizes,prev,pager,next,jumper'
+  layout: 'total,sizes,prev,pager,next,jumper',
 });
 const currentPage = ref(1);
 const totalCount = ref(0);
@@ -782,28 +790,28 @@ const ruleForm = ref<FileForm>({
   name: '',
   type_id: '',
   parser_method: '',
-  chunk_size: 1024
+  chunk_size: 1024,
 });
 const rules = reactive({
   name: [
     {
       required: true,
       message: t('assetFile.message.name'),
-      trigger: ['blur', 'change']
+      trigger: ['blur', 'change'],
     },
     {
       min: 1,
       message: t('assetFile.message.docNameLen'),
-      trigger: ['blur', 'change']
-    }
-  ]
+      trigger: ['blur', 'change'],
+    },
+  ],
 });
 const shortcuts = ref();
 
 const fileTableList = reactive<{
   data: Array<any>;
 }>({
-  data: []
+  data: [],
 });
 
 watch(
@@ -812,33 +820,33 @@ watch(
     filterStatusList.value = [
       {
         label: t('assetFile.status.analyticFail'),
-        value: StatusEnum.FAIL
+        value: StatusEnum.FAIL,
       },
       {
         label: t('assetFile.status.analyticSucces'),
-        value: StatusEnum.SUCCESS
+        value: StatusEnum.SUCCESS,
       },
       {
         label: t('assetFile.status.cancelAnalytic'),
-        value: StatusEnum.CANCEL
+        value: StatusEnum.CANCEL,
       },
       {
         label: t('assetFile.status.analyticWaitIng'),
-        value: StatusEnum.ANALYSIS_ING
+        value: StatusEnum.ANALYSIS_ING,
       },
       {
         label: t('assetFile.status.analyticIng'),
-        value: StatusEnum.RUNNING
-      }
+        value: StatusEnum.RUNNING,
+      },
     ];
     filterEnableList.value = [
       { label: t('assetFile.open'), value: 'true' },
-      { label: t('assetFile.close'), value: 'false' }
+      { label: t('assetFile.close'), value: 'false' },
     ];
     shortcuts.value = [
       {
         text: t('timerSearch.lastHour', {
-          timer: 12
+          timer: 12,
         }),
         value: () => {
           const end = new Date();
@@ -846,47 +854,47 @@ watch(
           start.setHours(start.getHours() - 12);
 
           return [start, end];
-        }
+        },
       },
       {
         text: t('timerSearch.lastHour', {
-          timer: 1
+          timer: 1,
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 1);
           return [start, end];
-        }
+        },
       },
       {
         text: t('timerSearch.lastHour', {
-          timer: 3
+          timer: 3,
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 3);
           return [start, end];
-        }
+        },
       },
       {
         text: t('timerSearch.lastHour', {
-          timer: 7
+          timer: 7,
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 7);
           return [start, end];
-        }
-      }
+        },
+      },
     ];
     userLanguage.value = JSON.parse(localStorage.getItem('userInfo') || '{}')?.language;
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 
@@ -897,7 +905,7 @@ watch(
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 
@@ -923,7 +931,7 @@ const handleJumpHome = () => {
   window.open(`${window.origin}/witchaind/#/knowledge/library`, '_self');
 };
 
-const handleHeaderClick = (e: any) => {};
+const handleHeaderClick = () => {};
 
 const handelCategoryFilterProper = (filterList: any) => {
   searchPayload.value.document_type_list = filterList;
@@ -951,14 +959,14 @@ const handleRunKl = (row: any, type: string) => {
   } else {
     KfAppAPI.runLibraryFile({
       ids: [row.id],
-      run: type
-    }).then((res) => {
+      run: type,
+    }).then(() => {
       ElMessage({
         showClose: true,
         message: t('opsMessage.opsAnalyticIng'),
         icon: IconSuccess,
         customClass: 'o-message--success',
-        duration: 3000
+        duration: 3000,
       });
       handleSearchOpsData(true, true);
     });
@@ -968,14 +976,14 @@ const handleRunKl = (row: any, type: string) => {
 const handleConfirmFileAnalytic = () => {
   KfAppAPI.runLibraryFile({
     ids: [opsItem.value.id],
-    run: 'cancel'
-  }).then((res) => {
+    run: 'cancel',
+  }).then(() => {
     ElMessage({
       showClose: true,
       message: t('opsMessage.opsCancel'),
       icon: IconSuccess,
       customClass: 'o-message--success',
-      duration: 3000
+      duration: 3000,
     });
     handleSearchOpsData(true, true);
     handleCancelVisible();
@@ -1017,7 +1025,7 @@ const handlePollAssetFileData = () => {
     page_size: currentPageSize.value,
     kb_id: route.query.kb_id as string,
     ...handleSearchPayload(),
-    ...sortFilter.value
+    ...sortFilter.value,
   })
     .then((res: any) => {
       if (res.page_number === currentPage.value && fileTableList.data?.length) {
@@ -1056,7 +1064,7 @@ const handleSearchData = () => {
       page_size: currentPageSize.value,
       kb_id: route.query.kb_id as string,
       ...handleSearchPayload(),
-      ...sortFilter.value
+      ...sortFilter.value,
     },
     true,
     true
@@ -1073,7 +1081,7 @@ const handleQueryKbData = () => {
   KbAppAPI.getKbLibrary({
     id: kbId,
     page_number: 1,
-    page_size: 10
+    page_size: 10,
   }).then((res: any) => {
     kbInfo.value = res.data_list?.[0] || {};
     let categoryList = JSON.parse(
@@ -1083,13 +1091,13 @@ const handleQueryKbData = () => {
       ...categoryList.map((item: { type: string; id: string }) => {
         return {
           label: item.type,
-          value: item.id
+          value: item.id,
         };
       }),
       {
         label: 'default type',
-        value: '00000000-0000-0000-0000-000000000000'
-      }
+        value: '00000000-0000-0000-0000-000000000000',
+      },
     ].filter((item) => item?.label?.length > 0);
   });
 };
@@ -1105,7 +1113,7 @@ onMounted(() => {
       {
         kb_id: kbId as string,
         page_number: 1,
-        page_size: 20
+        page_size: 20,
       },
       true,
       true
@@ -1172,7 +1180,7 @@ const handleSearchOpsData = (loadingStatus: boolean, startPollTimer: boolean) =>
       page_size: currentPageSize.value,
       kb_id: route.query.kb_id as string,
       ...handleSearchPayload(),
-      ...sortFilter.value
+      ...sortFilter.value,
     },
     loadingStatus,
     startPollTimer
@@ -1182,14 +1190,14 @@ const handleSearchOpsData = (loadingStatus: boolean, startPollTimer: boolean) =>
 const handleSwitch = (row: any) => {
   KfAppAPI.switchLibraryFile({
     id: row.id,
-    enabled: row.enabled
-  }).then((res) => {
+    enabled: row.enabled,
+  }).then(() => {
     ElMessage({
       showClose: true,
       message: t('opsMessage.opsSuccess'),
       icon: IconSuccess,
       customClass: 'o-message--success',
-      duration: 3000
+      duration: 3000,
     });
     handleSearchOpsData(true, true);
   });
@@ -1226,14 +1234,14 @@ const handleSelectRunKl = () => {
     ids: selectionFileData.value.map((item) => {
       return item.id;
     }),
-    run: 'run'
-  }).then((res) => {
+    run: 'run',
+  }).then(() => {
     ElMessage({
       showClose: true,
       message: t('opsMessage.opsAnalyticIng'),
       icon: IconSuccess,
       customClass: 'o-message--success',
-      duration: 3000
+      duration: 3000,
     });
     selectionFileData.value = [];
     multipleTable.value.clearSelection();
@@ -1243,14 +1251,14 @@ const handleSelectRunKl = () => {
 
 const handleConfirmDleSingle = (row: any) => {
   KfAppAPI.delLibraryFile({
-    ids: [row.id]
-  }).then((res) => {
+    ids: [row.id],
+  }).then(() => {
     ElMessage({
       showClose: true,
       message: t('opsMessage.delSuccess'),
       icon: IconSuccess,
       customClass: 'o-message--success',
-      duration: 3000
+      duration: 3000,
     });
     let selectData = JSON.parse(JSON.stringify(selectionFileData.value));
     selectData = selectData
@@ -1277,15 +1285,15 @@ const handleConfirmDleSelected = () => {
   KfAppAPI.delLibraryFile({
     ids: selectionFileData.value.map((item) => {
       return item.id;
-    })
+    }),
   })
-    .then((res) => {
+    .then(() => {
       ElMessage({
         showClose: true,
         message: t('opsMessage.delSuccess'),
         icon: IconSuccess,
         customClass: 'o-message--success',
-        duration: 3000
+        duration: 3000,
       });
       currentPage.value = 1;
       handleSearchOpsData(true, true);
@@ -1293,30 +1301,29 @@ const handleConfirmDleSelected = () => {
       selectionFileData.value = [];
       multipleTable.value.clearSelection();
     })
-    .catch((err) => {
+    .catch(() => {
       handleStartPollTimer();
     });
 };
 
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
-  await formEl.validate((valid, fields) => {
+  await formEl.validate((valid) => {
     if (valid) {
       KfAppAPI.updateLibraryFile({
         ...ruleForm.value,
-        document_type: ruleForm.value.document_type
-      }).then((res) => {
+        document_type: ruleForm.value.document_type,
+      }).then(() => {
         ElMessage({
           showClose: true,
           message: t('opsMessage.modifSuccess'),
           icon: IconSuccess,
           customClass: 'o-message--success',
-          duration: 3000
+          duration: 3000,
         });
         handleSearchOpsData(true, true);
         dialogEditVisible.value = false;
       });
-    } else {
     }
   });
 };
@@ -1342,13 +1349,13 @@ const handleSortChange = (data: { column: any; prop: string; order: any }) => {
   let sortValue = data.order ? (data.order === 'ascending' ? 'asc' : 'desc') : null;
   sortFilter.value = sortValue
     ? {
-        [sortKey]: sortValue
+        [sortKey]: sortValue,
       }
     : {};
   handleSearchOpsData(true, true);
 };
 
-const handleQueryTaskList = (selectedTaskList: string | any[]) => {
+const handleQueryTaskList = () => {
   handleSearchOpsData(true, false);
 };
 
@@ -1369,15 +1376,15 @@ const handleUploadMyFile = (options: any) => {
   KfAppAPI.importKbLibraryFile(
     {
       data: {
-        files: options.file.raw
+        files: options.file.raw,
       },
       params: {
-        kb_id: route.query.kb_id
-      }
+        kb_id: route.query.kb_id,
+      },
     },
     options
   )
-    .then((res) => {
+    .then(() => {
       options.onSuccess({ ...options.fileInfo, success: 'success' });
     })
     .catch((err) => {
diff --git a/src/views/knowledgeFileSection/index.vue b/src/views/knowledgeFileSection/index.vue
index c72dba6..80e32c9 100644
--- a/src/views/knowledgeFileSection/index.vue
+++ b/src/views/knowledgeFileSection/index.vue
@@ -153,7 +153,9 @@
                 </el-popover>
               </template>
               <template #suffix>
-                <el-icon class="el-input__icon"><IconSearch /></el-icon>
+                <el-icon class="el-input__icon">
+                  <IconSearch />
+                </el-icon>
               </template>
             </el-input>
           </div>
@@ -248,7 +250,7 @@ import KfAppAPI from '@/api/kfApp';
 import HeaderBar from '@/components/UserHeaderBar/headerCom.vue';
 import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
 import CustomLoading from '@/components/CustomLoading/index.vue';
-import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
+import { convertUTCToLocalTime } from '@/utils/convertUTCToLocalTime';
 import '@/styles/knowledgeFileSection.scss';
 import { IconCaretDown, IconSearch, IconCaretUp, IconSuccess } from '@computing/opendesign-icons';
 import { ChunkRequest } from '@/api/apiType';
@@ -261,18 +263,18 @@ const textkeyWord = ref();
 const textType = ref<any>({
   para: t('fileChunk.parag'),
   table: t('fileChunk.table'),
-  image: t('fileChunk.img')
+  image: t('fileChunk.img'),
 });
 const fileType = ref<any>(['para', 'table', 'image']);
 const pagination = ref({
-  layout: 'total,sizes,prev,pager,next,jumper'
+  layout: 'total,sizes,prev,pager,next,jumper',
 });
 const currentPage = ref(1);
 const currentPageSize = ref(20);
 const fileTableList = reactive<{
   data: Array<any>;
 }>({
-  data: []
+  data: [],
 });
 const libraryInfo = ref<any>({});
 const fileInfo = ref<any>({});
@@ -304,7 +306,7 @@ const handleFileSectionData = (payload: ChunkRequest) => {
         res?.data_list?.map((item: { text: String }) => {
           return {
             ...item,
-            text: payload.text?.length ? highlightSearchTerm(item.text, payload.text) : item.text
+            text: payload.text?.length ? highlightSearchTerm(item.text, payload.text) : item.text,
           };
         }) || [];
       totalCount.value = res?.total || 0;
@@ -320,7 +322,7 @@ const handeSearchFileType = () => {
     document_id: ids.value.document_id,
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    text: textkeyWord.value
+    text: textkeyWord.value,
   };
   if (fileType.value?.length) {
     payload.types = fileType.value;
@@ -373,12 +375,12 @@ onMounted(() => {
   if (kb_Id && kf_Id) {
     ids.value = {
       id: kb_Id,
-      document_id: kf_Id
+      document_id: kf_Id,
     };
     KbAppAPI.getKbLibrary({
       id: kb_Id,
       page_number: 1,
-      page_size: 10
+      page_size: 10,
     }).then((res: any) => {
       libraryInfo.value = res.data_list?.[0];
     });
@@ -386,14 +388,14 @@ onMounted(() => {
       kb_id: kb_Id,
       id: kf_Id,
       page_number: 1,
-      page_size: 10
+      page_size: 10,
     }).then((res: any) => {
       fileInfo.value = res.data_list?.[0];
     });
     handleFileSectionData({
       document_id: kf_Id,
       page_number: 1,
-      page_size: 20
+      page_size: 20,
     });
   }
 });
@@ -402,20 +404,20 @@ const handleSwitch = (row: any) => {
   KfAppAPI.switchLibraryFileSection({
     ids: [row.id],
     document_id: ids.value.document_id,
-    enabled: row.enabled
-  }).then((res) => {
+    enabled: row.enabled,
+  }).then(() => {
     ElMessage({
       showClose: true,
       message: t('opsMessage.opsSuccess'),
       icon: IconSuccess,
       customClass: 'o-message--success',
-      duration: 3000
+      duration: 3000,
     });
     let payload: any = {
       document_id: ids.value.document_id,
       page_number: currentPage.value,
       page_size: currentPageSize.value,
-      text: textkeyWord.value
+      text: textkeyWord.value,
     };
     if (fileType.value?.length) {
       payload.types = fileType.value;
@@ -428,20 +430,20 @@ const handleEnableData = (enabledType: any) => {
   KfAppAPI.switchLibraryFileSection({
     ids: selectedData.value.map((item: any) => item.id),
     document_id: ids.value.document_id,
-    enabled: enabledType
-  }).then((res) => {
+    enabled: enabledType,
+  }).then(() => {
     ElMessage({
       showClose: true,
       message: t('opsMessage.opsSuccess'),
       icon: IconSuccess,
       customClass: 'o-message--error',
-      duration: 3000
+      duration: 3000,
     });
     let payload: any = {
       document_id: ids.value.document_id,
       page_number: currentPage.value,
       page_size: currentPageSize.value,
-      text: textkeyWord.value
+      text: textkeyWord.value,
     };
     if (fileType.value?.length) {
       payload.types = fileType.value;
@@ -456,7 +458,7 @@ const handleSelectionChange = (newSelectonData: any) => {
 
 watch(
   () => fileTableList.data,
-  (newVal, oldVal) => {
+  () => {
     setTimeout(() => {
       let tbodyContainer = document.querySelector('.el-table__body') as HTMLElement;
       let tableContainer = document.querySelector('.el-table') as HTMLElement;
@@ -476,16 +478,16 @@ watch(
 
 watch(
   () => t(''),
-  (newVal, oldVal) => {
+  () => {
     textType.value = {
       para: t('fileChunk.parag'),
       table: t('fileChunk.table'),
-      image: t('fileChunk.img')
+      image: t('fileChunk.img'),
     };
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 
@@ -498,7 +500,7 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
     document_id: kf_Id,
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    text: textkeyWord.value
+    text: textkeyWord.value,
   };
   if (fileType.value?.length) {
     payload.types = fileType.value;
@@ -513,7 +515,7 @@ const handleInputSearch = debounce((e) => {
     document_id: ids.value.document_id,
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    text: textkeyWord.value
+    text: textkeyWord.value,
   };
   if (fileType.value?.length) {
     payload.types = fileType.value;
diff --git a/src/views/knowledgeLibrary/index.vue b/src/views/knowledgeLibrary/index.vue
index 8b01e38..49665f1 100644
--- a/src/views/knowledgeLibrary/index.vue
+++ b/src/views/knowledgeLibrary/index.vue
@@ -141,7 +141,9 @@
               :placeholder="$t('assetLibrary.message.name')"
               clearable>
               <template #suffix>
-                <el-icon class="el-input__icon"><IconSearch /></el-icon>
+                <el-icon class="el-input__icon">
+                  <IconSearch />
+                </el-icon>
               </template>
             </el-input>
           </div>
@@ -189,7 +191,9 @@
                 <div
                   class="kl-card-more-icon"
                   @click.stop>
-                  <el-icon><IconMore /></el-icon>
+                  <el-icon>
+                    <IconMore />
+                  </el-icon>
                 </div>
                 <template #dropdown>
                   <el-dropdown-menu>
@@ -471,7 +475,9 @@
       width="432"
       :title="$t('dialogTipText.tipsText')">
       <div class="delTip">
-        <span class="iconAlarmOrange"><IconAlarmOrange /></span>
+        <span class="iconAlarmOrange">
+          <IconAlarmOrange />
+        </span>
         <span>
           {{ $t('dialogTipText.confirmDelAsset') }}
           <span>
@@ -522,27 +528,25 @@ import {
   IconMore,
   IconSearch,
   IconThumbnail,
-  IconClock,
   IconAlarmOrange,
   IconChevronUp,
   IconChevronDown,
   IconX,
   IconError,
   IconFilter,
-  IconSuccess
+  IconSuccess,
 } from '@computing/opendesign-icons';
 import TextMoreTootip from '@/components/TextMoreTootip/index.vue';
 import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
 import CustomLoading from '@/components/CustomLoading/index.vue';
 
-import { debounce, property } from 'lodash';
+import { debounce } from 'lodash';
 import KbAppAPI from '@/api/kbApp';
 import { QueryKbRequest } from '@/api/apiType';
 import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
 import FilterContainr from '@/components/TableFilter/index.vue';
 
 const { t } = useI18n();
-const router = useRouter();
 const knoledgekeyWord = ref();
 const dialogImportVisible = ref(false);
 const dialogCreateVisible = ref(false);
@@ -562,7 +566,7 @@ const resetFormData = ref({
   embedding_model: '',
   default_parser_method: '',
   document_type_list: [],
-  description: ''
+  description: '',
 });
 const showTaskExportNotify = ref(false);
 const taskExportList = ref<any[]>([]);
@@ -570,7 +574,7 @@ const showTaskExportList = ref(false);
 const formData = ref(resetFormData.value);
 const pagination = ref({
   pageSizes: [10, 20, 30, 40, 50],
-  layout: 'total,sizes,prev,pager,next,jumper'
+  layout: 'total,sizes,prev,pager,next,jumper',
 });
 interface sortFilterType {
   id?: string;
@@ -603,7 +607,7 @@ const shortcuts = ref();
 const fileTableList = reactive<{
   data: Array<any>;
 }>({
-  data: []
+  data: [],
 });
 const taskTimer = ref();
 
@@ -617,7 +621,7 @@ const handleScroll = (e: { target: any }) => {
 
       KbAppAPI.getKbLibrary({
         page_number: currentPage.value,
-        page_size: currentPageSize.value
+        page_size: currentPageSize.value,
       })
         .then((res: any) => {
           fileTableList.data = [...fileTableList.data, ...res?.data_list];
@@ -643,7 +647,7 @@ const handleQueryKbLibrary = (params: QueryKbRequest) => {
 onMounted(() => {
   handleQueryKbLibrary({
     page_number: 1,
-    page_size: 10
+    page_size: 10,
   });
 });
 
@@ -681,7 +685,7 @@ const hanldeSearhNameFilter = (filterName: string) => {
   handleQueryKbLibrary({
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value)
+    ...handleFilterData(sortFilter.value),
   });
   fileFilterVisible.value = false;
 };
@@ -694,7 +698,7 @@ const handleSwitch = (switchType: string) => {
   knoledgekeyWord.value = '';
   handleQueryKbLibrary({
     page_number: currentPage.value,
-    page_size: currentPageSize.value
+    page_size: currentPageSize.value,
   });
 };
 const handleImportKnowledge = () => {
@@ -710,7 +714,7 @@ const handInitTaskList = (selectedFiles: string | any[]) => {
   return KbAppAPI.queryKbTaskList({
     types: ['import_knowledge_base'],
     page_number: 1,
-    page_size: importTaskPageSize.value
+    page_size: importTaskPageSize.value,
   }).then((res: any) => {
     importTaskList.value = res.data_list || [];
     importTaskTotal.value = selectedFiles ? res.total + selectedFiles.length : res.total;
@@ -722,7 +726,7 @@ const handelTaskList = () => {
   KbAppAPI.queryKbTaskList({
     types: ['import_knowledge_base'],
     page_number: 1,
-    page_size: importTaskPageSize.value
+    page_size: importTaskPageSize.value,
   }).then((res: any) => {
     importTaskList.value = res.data_list || [];
     importTaskTotal.value = res.total;
@@ -766,16 +770,16 @@ const handleStopUploadFile = (taskId: string) => {
   taskListImportDate.value = Date.now();
   taskListLoading.value = true;
   let payload: any = {
-    task_id: taskId
+    task_id: taskId,
   };
   if (taskId === 'all') {
     payload = { types: ['import_knowledge_base'] };
   }
-  KbAppAPI.stopKbTaskList(payload).then((res) => {
+  KbAppAPI.stopKbTaskList(payload).then(() => {
     KbAppAPI.queryKbTaskList({
       types: ['import_knowledge_base'],
       page_number: 1,
-      page_size: importTaskPageSize.value
+      page_size: importTaskPageSize.value,
     }).then((res: any) => {
       importTaskList.value = res.data_list || [];
       taskListLoading.value = false;
@@ -799,8 +803,8 @@ const handleExportKl = async (row: any) => {
           name: row.name,
           id: row.id,
           exportStatus: 'pending',
-          taskId: res.data
-        }
+          taskId: res.data,
+        },
       ]?.map((item: any) => {
         let taskOptions = {
           taksInfo: row,
@@ -811,7 +815,7 @@ const handleExportKl = async (row: any) => {
           onError: () => {
             item.exportStatus = 'error';
             item.percent = '0';
-          }
+          },
         };
         KbAppAPI.savebLibrary(row.id, taskOptions)
           .then((taskRes) => {
@@ -839,9 +843,9 @@ const handleExportKl = async (row: any) => {
               : reportDetail
                 ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
                 : 0,
-          exportStatus: item?.task?.status
+          exportStatus: item?.task?.status,
         };
-      })
+      }),
     ];
   });
 };
@@ -861,10 +865,10 @@ const handleUploadRestart = (task: { taskId: string }) => {
         },
         onSuccess: () => {
           item.exportStatus = 'success';
-        }
+        },
       };
       KbAppAPI.savebLibrary(task.taskId, taskOptions)
-        .then((res) => {
+        .then(() => {
           taskOptions.onSuccess();
         })
         .catch(() => {
@@ -877,12 +881,12 @@ const handleUploadRestart = (task: { taskId: string }) => {
 const handleCloseSingleUpload = (taskId: string) => {
   taskExportLoading.value = true;
   let payload: any = {
-    task_id: taskId
+    task_id: taskId,
   };
   if (taskId === 'all') {
     payload = { types: ['export_knowledge_base'] };
   }
-  KbAppAPI.stopKbTaskList(payload).then((res) => {
+  KbAppAPI.stopKbTaskList(payload).then(() => {
     handleInitExportTaskList();
   });
 };
@@ -891,7 +895,7 @@ const handleInitExportTaskList = () => {
   return KbAppAPI.queryKbTaskList({
     types: ['export_knowledge_base'],
     page_number: 1,
-    page_size: exportTaskPageSize.value
+    page_size: exportTaskPageSize.value,
   }).then((res: any) => {
     exportTaskTotal.value = res?.total || 0;
     taskExportLoading.value = false;
@@ -908,7 +912,7 @@ const handleInitExportTaskList = () => {
               : reportDetail
                 ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
                 : 0,
-          exportStatus: item?.task?.status
+          exportStatus: item?.task?.status,
         };
       }) || [];
     if (res?.data_list.every((item: any) => !['pending', 'running'].includes(item?.task?.status))) {
@@ -953,11 +957,11 @@ const handleExportScroll = (e: { target: any }) => {
 
 watch(
   () => t(''),
-  (newVal, oldVal) => {
+  () => {
     shortcuts.value = [
       {
         text: t('timerSearch.lastHour', {
-          timer: 12
+          timer: 12,
         }),
         value: () => {
           const end = new Date();
@@ -965,47 +969,47 @@ watch(
 
           start.setHours(start.getHours() - 12);
           return [start, end];
-        }
+        },
       },
       {
         text: t('timerSearch.lastHour', {
-          timer: 1
+          timer: 1,
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 1);
           return [start, end];
-        }
+        },
       },
       {
         text: t('timerSearch.lastHour', {
-          timer: 3
+          timer: 3,
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 3);
           return [start, end];
-        }
+        },
       },
       {
         text: t('timerSearch.lastHour', {
-          timer: 7
+          timer: 7,
         }),
         value: () => {
           const end = new Date();
           const start = new Date();
           start.setHours(start.getHours() - 7);
           return [start, end];
-        }
-      }
+        },
+      },
     ];
     userLanguage.value = JSON.parse(localStorage.getItem('userInfo') || '{}')?.language;
   },
   {
     deep: true,
-    immediate: true
+    immediate: true,
   }
 );
 
@@ -1017,7 +1021,7 @@ const handleTimeChange = (e: (string | undefined)[]) => {
   handleQueryKbLibrary({
     page_number: 1,
     page_size: 10,
-    ...handleFilterData(sortFilter.value)
+    ...handleFilterData(sortFilter.value),
   });
   handleCancelVisible();
 };
@@ -1051,13 +1055,13 @@ const handleSortChange = (data: { column: any; prop: string; order: any }) => {
   sortFilter.value = data.order
     ? {
         [data.prop === 'created_time' ? 'created_time_order' : 'document_count_order']:
-          data.order === 'descending' ? 'desc' : 'asc'
+          data.order === 'descending' ? 'desc' : 'asc',
       }
     : {};
   handleQueryKbLibrary({
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value)
+    ...handleFilterData(sortFilter.value),
   });
 };
 
@@ -1082,12 +1086,12 @@ const handleInputSearch = debounce((e) => {
     [property: string]: any;
   } = {
     page_number: 1,
-    page_size: currentPageSize.value
+    page_size: currentPageSize.value,
   };
   if (e) {
     payload = {
       ...payload,
-      name: e
+      name: e,
     };
 
     if (switchIcon.value === 'list') {
@@ -1105,7 +1109,7 @@ const handleOpsKbConfirm = () => {
     [property: string]: any;
   } = {
     page_number: 1,
-    page_size: 10
+    page_size: 10,
   };
   if (switchIcon.value === 'thumb') {
     currentPage.value = 1;
@@ -1113,13 +1117,13 @@ const handleOpsKbConfirm = () => {
   } else {
     payload = {
       ...payload,
-      ...sortFilter.value
+      ...sortFilter.value,
     };
   }
   payload = {
     ...payload,
     page_number: currentPage.value,
-    page_size: currentPageSize.value
+    page_size: currentPageSize.value,
   };
   if (knoledgekeyWord.value?.length > 0) {
     payload.name = knoledgekeyWord.value;
@@ -1132,7 +1136,7 @@ const handleConfirmDelKb = (row: any) => {
   delTipVisible.value = false;
   KbAppAPI.delKbLibrary({
     id: row.id,
-    task_id: row.task_id
+    task_id: row.task_id,
   })
     .then((res) => {
       if (res) {
@@ -1141,7 +1145,7 @@ const handleConfirmDelKb = (row: any) => {
           message: t('opsMessage.delSuccess'),
           icon: IconSuccess,
           customClass: 'o-message--success',
-          duration: 3000
+          duration: 3000,
         });
         if (switchIcon.value === 'thumb') {
           klCardBox.value.scrollTop = 0;
@@ -1176,7 +1180,7 @@ const handleOpsKbForm = () => {
   handleQueryKbLibrary({
     page_number: 1,
     page_size: 10,
-    ...handleFilterData(sortFilter.value)
+    ...handleFilterData(sortFilter.value),
   });
 };
 
@@ -1186,7 +1190,7 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
   handleQueryKbLibrary({
     page_number: currentPage.value,
     page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value)
+    ...handleFilterData(sortFilter.value),
   });
 };
 
@@ -1194,16 +1198,16 @@ const handleUploadMyFile = (options: any) => {
   KbAppAPI.importKbLibrary(
     {
       data: {
-        files: options.file.raw
-      }
+        files: options.file.raw,
+      },
     },
     options
   )
-    .then((res) => {
+    .then(() => {
       options.onProgress(100);
       options.onSuccess({
         ...options.fileInfo,
-        success: 'success'
+        success: 'success',
       });
     })
     .catch((err) => {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index c2f4645..697cfce 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -220,7 +220,6 @@
 <script setup lang="ts">
 import '@/styles/login.scss';
 import type { FormInstance } from 'element-plus';
-import { useRoute } from 'vue-router';
 import { useUserStore } from '@/store';
 import { SigninData, type LoginData } from '@/api/auth';
 import HeaderBar from '@/components/HeaderBar/index.vue';
@@ -243,13 +242,13 @@ const signinFormRef = ref<FormInstance>();
 
 const loginData = ref<LoginData>({
   account: '',
-  password: ''
+  password: '',
 });
 const signinData = ref<SigninData>({
   name: '',
   account: '',
   passwd: '',
-  email: null
+  email: null,
 });
 
 // 是否是注册页面
@@ -261,41 +260,41 @@ const loginRules = computed(() => {
       {
         required: true,
         trigger: ['blur', 'change'],
-        message: t('login.message.username.usernameMsg')
+        message: t('login.message.username.usernameMsg'),
       },
       {
         min: 5,
         message: t('login.message.username.notMinThan'),
-        trigger: 'blur'
+        trigger: 'blur',
       },
       {
         max: 20,
         message: t('login.message.username.notMaxThan'),
-        trigger: 'change'
+        trigger: 'change',
       },
       {
         pattern: /^[a-z0-9]+$/,
         message: t('login.message.username.regxMsg'),
-        trigger: ['blur', 'change']
-      }
+        trigger: ['blur', 'change'],
+      },
     ],
     password: [
       {
         required: true,
         trigger: ['blur', 'change'],
-        message: t('login.message.password.passwordMsg')
+        message: t('login.message.password.passwordMsg'),
       },
       {
         min: 6,
         message: t('login.message.password.notMinThan'),
-        trigger: 'blur'
+        trigger: 'blur',
       },
       {
         max: 20,
         message: t('login.message.password.notMaxThan'),
-        trigger: 'change'
-      }
-    ]
+        trigger: 'change',
+      },
+    ],
   };
 });
 const signinRules = computed(() => {
@@ -304,80 +303,80 @@ const signinRules = computed(() => {
       {
         required: true,
         trigger: ['blur', 'change'],
-        message: t('login.message.name.nameMsg')
+        message: t('login.message.name.nameMsg'),
       },
       {
         max: 10,
         message: t('login.message.name.notMinThan'),
-        trigger: 'change'
-      }
+        trigger: 'change',
+      },
     ],
     account: [
       {
         required: true,
         trigger: ['blur', 'change'],
-        message: t('login.message.username.usernameMsg')
+        message: t('login.message.username.usernameMsg'),
       },
       {
         min: 5,
         message: t('login.message.username.notMinThan'),
-        trigger: 'blur'
+        trigger: 'blur',
       },
       {
         max: 20,
         message: t('login.message.username.notMaxThan'),
-        trigger: 'change'
+        trigger: 'change',
       },
       {
         pattern: /^[a-z0-9]+$/,
         message: t('login.message.username.regxMsg'),
-        trigger: ['blur', 'change']
-      }
+        trigger: ['blur', 'change'],
+      },
     ],
     passwd: [
       {
         required: true,
         trigger: ['blur', 'change'],
-        message: t('login.message.password.passwordMsg')
+        message: t('login.message.password.passwordMsg'),
       },
       {
         min: 6,
         message: t('login.message.password.notMinThan'),
-        trigger: 'blur'
+        trigger: 'blur',
       },
       {
         max: 20,
         message: t('login.message.password.notMaxThan'),
-        trigger: 'change'
+        trigger: 'change',
       },
       {
         pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).+$/,
         message: t('login.message.password.regxMsg'),
-        trigger: 'blur'
-      }
+        trigger: 'blur',
+      },
     ],
     email: [
       {
         required: false,
         trigger: ['blur', 'change'],
-        message: t('login.message.email.emailMsg')
+        message: t('login.message.email.emailMsg'),
       },
       {
         min: 5,
         message: t('login.message.email.notMinThan'),
-        trigger: 'blur'
+        trigger: 'blur',
       },
       {
         max: 20,
         message: t('login.message.email.notMaxThan'),
-        trigger: 'change'
+        trigger: 'change',
       },
       {
         pattern: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
         message: t('login.message.email.regxMsg'),
-        trigger: 'blur'
-      }
-    ]
+        trigger: 'blur',
+      },
+    ],
   };
 });
 
@@ -402,7 +401,7 @@ const handleLoginSubmit = () => {
             message: t('login.loginSuccessful'),
             icon: IconSuccess,
             customClass: 'o-message--success',
-            duration: 3000
+            duration: 3000,
           });
           localStorage.setItem('userInfo', JSON.stringify(res));
           window.open(`${window.origin}/witchaind/#/knowledge/library`, '_self');
@@ -449,7 +448,7 @@ const handleSigInSubmit = () => {
             message: t('login.signinSuccessful'),
             icon: IconSuccess,
             customClass: 'o-message--success',
-            duration: 3000
+            duration: 3000,
           });
           signinFormRef.value?.resetFields();
           isSigIn.value = false;
@@ -469,7 +468,7 @@ const handleMessage = (e: MessageEvent) => {
   console.log(e);
   const langObj = {
     CN: 'zh',
-    EN: 'en'
+    EN: 'en',
   };
   let lang: string = langObj[e.data.lang as keyof typeof langObj];
   locale.value = lang;
diff --git a/uno.config.ts b/uno.config.ts
index 5aad0ad..8cbd389 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -7,7 +7,7 @@ import {
   presetUno,
   presetWebFonts,
   transformerDirectives,
-  transformerVariantGroup
+  transformerVariantGroup,
 } from 'unocss';
 
 export default defineConfig({
@@ -20,13 +20,13 @@ export default defineConfig({
     'flex-x-end': 'flex items-center justify-end',
     'absolute-lt': 'absolute left-0 top-0',
     'absolute-rt': 'absolute right-0 top-0 ',
-    'fixed-lt': 'fixed left-0 top-0'
+    'fixed-lt': 'fixed left-0 top-0',
   },
   theme: {
     colors: {
       primary: 'var(--el-color-primary)',
-      primary_dark: 'var(--el-color-primary-light-5)'
-    }
+      primary_dark: 'var(--el-color-primary-light-5)',
+    },
   },
   presets: [
     presetUno(),
@@ -36,8 +36,8 @@ export default defineConfig({
     presetWebFonts({
       fonts: {
         // ...
-      }
-    })
+      },
+    }),
   ],
-  transformers: [transformerDirectives(), transformerVariantGroup()]
+  transformers: [transformerDirectives(), transformerVariantGroup()],
 });
diff --git a/vite.config.ts b/vite.config.ts
index 477de01..4f64568 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -17,7 +17,7 @@ import { name, version, engines, dependencies, devDependencies } from './package
 
 const __APP_INFO__ = {
   pkg: { name, version, engines, dependencies, devDependencies },
-  buildTimestamp: Date.now()
+  buildTimestamp: Date.now(),
 };
 
 const pathSrc = path.resolve(__dirname, './src');
@@ -27,8 +27,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     base: '/witchaind/', // 设置打包路径
     resolve: {
       alias: {
-        '@': pathSrc
-      }
+        '@': pathSrc,
+      },
     },
     css: {
       // CSS 预处理器
@@ -38,9 +38,9 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           javascriptEnabled: true,
           additionalData: `
             @use "@/styles/variables.scss" as *;
-          `
-        }
-      }
+          `,
+        },
+      },
     },
     server: {
       // 允许IP访问
@@ -49,7 +49,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
       origin: 'http://localhost:3002',
       // 运行是否自动打开浏览器
       headers: {
-        'Access-control-allow-origin': '*'
+        'Access-control-allow-origin': '*',
       },
       open: true,
       proxy: {
@@ -58,9 +58,9 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           ws: false,
           secure: false,
-          rewrite: (path) => path.replace(/^\/witchaind\/api/, '/api')
-        }
-      }
+          rewrite: (path) => path.replace(/^\/witchaind\/api/, '/api'),
+        },
+      },
     },
     plugins: [
       vue(),
@@ -69,7 +69,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
       // MOCK 服务
       env.VITE_MOCK_DEV_SERVER === 'true' ? mockDevServerPlugin() : null,
       UnoCSS({
-        hmrTopLevelAwait: false
+        hmrTopLevelAwait: false,
       }),
       AutoImport({
         // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
@@ -78,19 +78,19 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
           ElementPlusResolver(),
           // 自动导入图标组件
-          IconsResolver({})
+          IconsResolver({}),
         ],
         eslintrc: {
           // 是否自动生成 eslint 规则，建议生成之后设置 false
           enabled: false,
           // 指定自动导入函数 eslint 规则的文件
-          filepath: './.eslintrc.json',
-          globalsPropValue: true
+          // filepath: './.eslintrc-auto-import.json',
+          globalsPropValue: true,
         },
         // 是否在 vue 模板中自动导入
         vueTemplate: true,
         // 指定自动导入函数TS类型声明文件路径 (false:关闭自动生成)
-        dts: false
+        dts: false,
         // dts: "src/types/auto-imports.d.ts",
       }),
       Components({
@@ -100,25 +100,25 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           // 自动注册图标组件
           IconsResolver({
             // element-plus图标库，其他图标库 https://icon-sets.iconify.design/
-            enabledCollections: ['ep']
-          })
+            enabledCollections: ['ep'],
+          }),
         ],
         // 指定自定义组件位置(默认:src/components)
         dirs: ['src/components', 'src/**/components'],
         // 指定自动导入组件TS类型声明文件路径 (false:关闭自动生成)
-        dts: false
+        dts: false,
         // dts: "src/types/components.d.ts",
       }),
       Icons({
         // 自动安装图标库
-        autoInstall: true
+        autoInstall: true,
       }),
       createSvgIconsPlugin({
         // 指定需要缓存的图标文件夹
         iconDirs: [resolve(pathSrc, 'assets/icons')],
         // 指定symbolId格式
-        symbolId: 'icon-[dir]-[name]'
-      })
+        symbolId: 'icon-[dir]-[name]',
+      }),
     ],
     // 预加载项目必需的组件
     optimizeDeps: {
@@ -197,8 +197,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         'element-plus/es/components/step/style/css',
         'element-plus/es/components/avatar/style/css',
         'element-plus/es/components/descriptions/style/css',
-        'element-plus/es/components/descriptions-item/style/css'
-      ]
+        'element-plus/es/components/descriptions-item/style/css',
+      ],
     },
     // 构建配置
     build: {
@@ -208,11 +208,11 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         compress: {
           keep_infinity: true, // 防止 Infinity 被压缩成 1/0，这可能会导致 Chrome 上的性能问题
           drop_console: true, // 生产环境去除 console
-          drop_debugger: true // 生产环境去除 debugger
+          drop_debugger: true, // 生产环境去除 debugger
         },
         format: {
-          comments: false // 删除注释
-        }
+          comments: false, // 删除注释
+        },
       },
       rollupOptions: {
         output: {
@@ -232,12 +232,12 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
               extType = 'fonts';
             }
             return `${extType}/[name].[hash].[ext]`;
-          }
-        }
-      }
+          },
+        },
+      },
     },
     define: {
-      __APP_INFO__: JSON.stringify(__APP_INFO__)
-    }
+      __APP_INFO__: JSON.stringify(__APP_INFO__),
+    },
   };
 });
-- 
Gitee


From 022262964430a696f6b483951aca4a9eafdcb86f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Tue, 1 Apr 2025 15:01:29 +0800
Subject: [PATCH 21/26] =?UTF-8?q?fix:=E7=AA=97=E5=8F=A3=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E5=8F=98=E5=B0=8F=E6=97=B6=E6=8C=89=E9=92=AE=E8=A2=AB=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/headerBar.scss        |  3 +--
 src/styles/knowledgeLibrary.scss | 37 ++++++++++++++++++++++++++------
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/src/styles/headerBar.scss b/src/styles/headerBar.scss
index 145c623..d69f583 100644
--- a/src/styles/headerBar.scss
+++ b/src/styles/headerBar.scss
@@ -58,7 +58,6 @@
 
 .user-platform-header,
 .page-platform-header {
-  min-width: 1240px;
 
   .header-container {
     display: flex;
@@ -67,4 +66,4 @@
     width: 100%;
     height: 48px;
   }
-}
+}
\ No newline at end of file
diff --git a/src/styles/knowledgeLibrary.scss b/src/styles/knowledgeLibrary.scss
index 6a3d98a..bc8f7ae 100644
--- a/src/styles/knowledgeLibrary.scss
+++ b/src/styles/knowledgeLibrary.scss
@@ -3,7 +3,8 @@
   height: calc(100vh - 300px);
   padding: 0 24px 24px;
   background: rgb(239 239 239);
-  min-width: 1240px;
+  min-width: 820px;
+
   .knowledgeLibrary-box {
     box-sizing: border-box;
     display: flex;
@@ -34,6 +35,7 @@
       margin-top: 16px;
 
       .kl-left-btn {
+
         .createAsset,
         .ImportAsset {
           font-size: 12px;
@@ -60,13 +62,16 @@
         .kl-btn-search {
           width: 400px;
           height: 32px;
+
           .el-input__icon {
             font-size: 16px;
           }
+
           .el-input__inner {
             font-size: 12px !important;
             line-height: 16px;
           }
+
           .el-input__wrapper {
             padding-right: 8px !important;
           }
@@ -88,6 +93,7 @@
             width: 32px;
             height: 32px;
             cursor: pointer;
+
             .el-icon {
               color: #8d98aa;
               font-size: 16px !important;
@@ -120,6 +126,7 @@
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
+
       .kl-single-card {
         display: flex;
         flex-direction: column;
@@ -162,6 +169,7 @@
           color: rgb(78 88 101);
           width: 100%;
           margin-bottom: 8px;
+
           .el-icon {
             font-size: 16px;
           }
@@ -170,10 +178,12 @@
             display: flex;
             gap: 4px;
             align-items: center;
+
             .kl-card-file {
               display: flex;
               width: 90%;
               font-size: 14px;
+
               .kl-file-text {
                 width: 95%;
                 display: inline-block;
@@ -193,6 +203,7 @@
             width: 45%;
             align-items: center;
             font-size: 14px;
+
             .kl-card-timer {
               width: 90%;
             }
@@ -201,12 +212,14 @@
 
         .kl-card-id {
           width: 330px !important;
+
           .id-label,
           .id-value {
             font-size: 14px;
             letter-spacing: 0;
             color: #575d6c;
           }
+
           .id-label {
             font-family: 'HarmonyOS Sans SC Bold';
           }
@@ -214,7 +227,7 @@
       }
     }
 
-    @media screen and (width <= 1560px) {
+    @media screen and (width <=1560px) {
       .kl-card-container {
         display: grid;
         grid-template-columns: repeat(auto-fill, 350px);
@@ -222,7 +235,7 @@
       }
     }
 
-    @media screen and (width >= 1560px) {
+    @media screen and (width >=1560px) {
       .kl-card-container {
         display: grid;
         grid-template-columns: repeat(auto-fill, 350px);
@@ -243,6 +256,7 @@
   .knowledgeLibrayList {
     padding-bottom: unset !important;
   }
+
   .kl-table-box {
     padding: 16px 24px 24px;
     height: 100%;
@@ -250,6 +264,7 @@
     flex-direction: column;
     gap: 24px;
     min-height: 200px;
+
     .el-checkbox__inner::before {
       top: 4.5px !important;
       width: 13px;
@@ -260,8 +275,8 @@
         border-right: unset !important;
       }
     }
-    .el-table.is-scrolling-left.el-table--border
-      .el-table-fixed-column--left.is-last-column.el-table__cell {
+
+    .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
       border-right: unset !important;
     }
 
@@ -291,6 +306,7 @@
 
     .el-table__body {
       width: 100% !important;
+
       .el-table__row {
         height: 48px;
       }
@@ -379,6 +395,7 @@
         padding-bottom: 12px;
         background: rgb(253 254 255);
         border-radius: 2px;
+
         .el-progress__text {
           min-width: 10px;
         }
@@ -408,6 +425,7 @@
         font-size: 12px;
         font-weight: 700;
         flex: 1;
+
         .item-name-text {
           font-size: 12px;
         }
@@ -591,9 +609,11 @@
   .el-dialog__header {
     height: 56px !important;
   }
+
   .el-dialog__body {
     height: 128px !important;
   }
+
   .delTip {
     height: 24px !important;
   }
@@ -627,18 +647,22 @@
   display: flex;
   align-items: center;
 }
+
 .asset-id-custom-header {
   display: flex;
   gap: 4px;
   align-items: center;
 }
+
 .asset-id-custom-header svg {
   width: 16px;
   height: 16px;
 }
+
 .asset-id-custom-header .el-icon {
   font-size: 16px;
 }
+
 .searchIconIsActive {
   color: #0077ff !important;
 }
@@ -659,8 +683,9 @@
   width: 16px;
   height: 16px;
 }
+
 .assetDro {
   .el-dropdown-menu {
     padding: 4px 0 !important;
   }
-}
+}
\ No newline at end of file
-- 
Gitee


From da5d83ac472399ea8908b3e23215f423562683dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Wed, 2 Apr 2025 10:15:23 +0800
Subject: [PATCH 22/26] =?UTF-8?q?openEulerCopilot=20System=20RAG=E6=9B=BF?=
 =?UTF-8?q?=E6=8D=A2=E4=B8=BAEuler=20Copilot?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/package/en.ts    | 2 +-
 src/lang/package/zh-cn.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 41872db..c364c35 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -59,7 +59,7 @@ export default {
     assetId: 'Asset ID',
     welcomeUsePro: 'Welcome to witChainD!',
     profile:
-      'witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including md,xlsx,pdf,doc,docx,pptx,html and txt.Equipped with an advanced document processing technology and powerful retrieval capabilities of the openEulerCopilot System RAG,WitchainD aims to provide you with an exceptional intelligent Q&A service.',
+      'witChainD offers efficient document management and intelligent analysis,supporting a variety of file formats including md,xlsx,pdf,doc,docx,pptx,html and txt.Equipped with an advanced document processing technology and powerful retrieval capabilities of the Euler Copilot,WitchainD aims to provide you with an exceptional intelligent Q&A service.',
     message: {
       name: 'Enter an asset libraray name.',
       libraryNameLen: 'The asset library name can contain 1 to 15 characters.',
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 3e330a0..5fea918 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -64,7 +64,7 @@ export default {
     assetId: '资产ID',
     welcomeUsePro: '欢迎使用知识库!',
     profile:
-      '知识库专注于文档的高效管理和智能解析，支持包括md,xlsx,pdf,doc,docx,pptx,html以及txt在内的多种文件格式。本平台搭载的先进文档处理技术，结合openEuler Copilot System RAG的强大检索功能，旨在为您提供卓越的智能问答服务体验。',
+      '知识库专注于文档的高效管理和智能解析，支持包括md,xlsx,pdf,doc,docx,pptx,html以及txt在内的多种文件格式。本平台搭载的先进文档处理技术，结合Euler Copilot的强大检索功能，旨在为您提供卓越的智能问答服务体验。',
     message: {
       name: '请输入资产库名称',
       libraryNameLen: '资产库名称长度1-15个字符',
-- 
Gitee


From 41492af938e35b89f4f2860e9dd3883741598343 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Wed, 2 Apr 2025 11:00:07 +0800
Subject: [PATCH 23/26] =?UTF-8?q?=E5=88=A0=E9=99=A4=E7=A9=BA=E5=87=BD?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/knowledgeFile/index.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index 7ae473d..1cbc881 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -201,7 +201,6 @@
               sortable
               :label="$t('assetFile.uploadTime')"
               width="200"
-              @header-click="handleHeaderClick"
               @click.stop>
               <template #header>
                 <div class="custom-header">
@@ -931,8 +930,6 @@ const handleJumpHome = () => {
   window.open(`${window.origin}/witchaind/#/knowledge/library`, '_self');
 };
 
-const handleHeaderClick = () => {};
-
 const handelCategoryFilterProper = (filterList: any) => {
   searchPayload.value.document_type_list = filterList;
   handleSearchData();
-- 
Gitee


From 174e3b3a545e4cb9351e5a262c4b2f0de6c6e50a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Mon, 14 Apr 2025 20:40:31 +0800
Subject: [PATCH 24/26] =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/knowledgeFile/index.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index 1cbc881..16616b2 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -1389,9 +1389,17 @@ const handleUploadMyFile = (options: any) => {
     });
 };
 
-const handleDownloadFile = (downloadData: any) => {
-  downloadData.forEach((item: { id: any }) => {
-    window.open(`${window.origin}/witchaind/api/doc/download?id=${item.id}`);
-  });
+const handleDownloadFile = async (downloadData: any) => {
+  for (const item of downloadData) {
+    const url = `${window.origin}/witchaind/api/doc/download?id=${item.id}`;
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = 'filename'; // 指定文件名
+    a.style.display = 'none';
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    await new Promise(resolve => setTimeout(resolve, 333)); // 添加延迟
+  }
 };
 </script>
-- 
Gitee


From f7f5221c37a932ed80e84de71551c7f4a9a04dd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Tue, 15 Apr 2025 19:43:54 +0800
Subject: [PATCH 25/26] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E7=BB=84=E4=BB=B6=E5=B1=9E=E6=80=A7=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomLoading/index.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/CustomLoading/index.vue b/src/components/CustomLoading/index.vue
index 55aba19..1f50b21 100644
--- a/src/components/CustomLoading/index.vue
+++ b/src/components/CustomLoading/index.vue
@@ -6,7 +6,18 @@
     :element-loading-text="loadingText || `${$t('pageTipText.Loading')}...`"
     element-loading-background="rgba(122, 122, 122, 0.5)"></div>
 </template>
+<script lang="ts" setup>
+import { defineProps } from 'vue';
 
+defineProps({
+  loading: {
+    type: Boolean
+  },
+  loadingText: {
+    type: String
+  }
+});
+</script>
 <style>
 .customLoading {
   position: absolute;
-- 
Gitee


From e5b40f644d0b89027df7d912b607932d7453e91d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Tue, 15 Apr 2025 20:06:00 +0800
Subject: [PATCH 26/26] =?UTF-8?q?=E6=89=8B=E5=8A=A8=E6=9B=B4=E6=94=B9?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=E6=97=B6=E4=B8=8D=E8=A2=AB=E7=BC=93=E5=AD=98?=
 =?UTF-8?q?=E8=A6=86=E7=9B=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d38fc96..830a0fc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,21 +11,36 @@ import '@/styles/app.scss';
 import router from './router';
 
 const locale = computed(() => appStore.locale);
-
+// 新增路由状态标记
+const isManualNavigation = ref(false);
 onMounted(() => {
+  // 监听手动导航
+  router.beforeEach((to, from, next) => {
+    if (from.name === undefined && to.name !== 'root') {
+      isManualNavigation.value = true;
+    }
+    next();
+  });
   window.addEventListener('beforeunload', () => {
-    sessionStorage.setItem('beforeunload', '1');
+    if (!isManualNavigation.value) {
+      sessionStorage.setItem('routerName', router.currentRoute.value.name?.toString() || '');
+    }
+    sessionStorage.setItem('beforeunload', 'true');
   });
   // 监听页面刷新
   const beforeUnload = sessionStorage.getItem('beforeunload');
-  if (beforeUnload === '1') {
+  if (beforeUnload === 'true') {
+    if (!isManualNavigation.value) {
     const name = sessionStorage.getItem('routerName');
     if (name) {
       router.push(name); // 如果sessionStorage存在路由，去缓存的路由
     } else {
       router.push('/'); // 不存在存储，去主页
     }
+  }
     sessionStorage.removeItem('beforeunload'); // 清除标记
+    sessionStorage.removeItem('routerName');
+    isManualNavigation.value = false;
   }
 });
 </script>
-- 
Gitee