fix: 修复管理端前端 lint 与构建问题

- 收敛 easyflow-ui-admin 的 lint、格式和类型问题

- 修正 demo 页面与管理端前端构建失败点

- 验证 pnpm lint 与 pnpm build 均已通过

easyflow-ui-admin/app/src/views/ai/documentCollection/Document.vue

@@ -268,76 +268,85 @@ const backDoc = () => {
 
 <style scoped>
 .document-container {
-  width: 100%;
   display: flex;
-  height: 100%;
-  padding: 24px 24px 30px 24px;
-}
-.doc-container {
-  height: 100%;
   width: 100%;
+  height: 100%;
+  padding: 24px 24px 30px;
+}
+
+.doc-container {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  box-sizing: border-box;
-}
-.doc-table-content {
-  border-radius: 8px;
   width: 100%;
-  box-sizing: border-box;
-  padding: 20px 14px 0 14px;
-  background-color: var(--el-bg-color);
-  flex: 1;
+  height: 100%;
 }
+
+.doc-table-content {
+  box-sizing: border-box;
+  flex: 1;
+  width: 100%;
+  padding: 20px 14px 0;
+  background-color: var(--el-bg-color);
+  border-radius: 8px;
+}
+
 .doc-header {
   width: 100%;
-  margin: 0 auto;
   padding-bottom: 21px;
+  margin: 0 auto;
 }
+
 .doc-content {
   display: flex;
   flex-direction: column;
-  height: 100%;
-  width: 100%;
   gap: 12px;
+  width: 100%;
+  height: 100%;
 }
+
 .doc-top-menu {
-  flex: 1;
-  width: auto;
-  border-radius: 0;
-  background-color: transparent;
-  padding: 0;
   display: flex;
+  flex: 1;
   flex-wrap: wrap;
   gap: 6px;
-  min-height: 32px;
   align-items: center;
+  width: auto;
+  min-height: 32px;
+  padding: 0;
+  background-color: transparent;
+  border-radius: 0;
 }
+
 .doc-menu-item {
-  border: 1px solid transparent;
-  background: transparent;
   padding: 7px 14px;
-  border-radius: 8px;
   font-size: 14px;
-  color: var(--el-text-color-secondary);
   font-weight: 500;
+  color: var(--el-text-color-secondary);
   cursor: pointer;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 8px;
   transition:
     background-color 0.2s,
     color 0.2s,
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .doc-menu-item:hover {
-  background-color: var(--el-fill-color-light);
   color: var(--el-text-color-primary);
+  background-color: var(--el-fill-color-light);
 }
+
 .doc-menu-item.active {
+  font-weight: 600;
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
   border-color: var(--el-color-primary-light-7);
   box-shadow: 0 2px 10px rgb(64 158 255 / 16%);
-  font-weight: 600;
 }
+
 .doc-menu-item:focus-visible {
   outline: 2px solid var(--el-color-primary-light-5);
   outline-offset: 1px;
@@ -353,52 +362,59 @@ const backDoc = () => {
 .doc-table {
   background-color: var(--el-bg-color);
 }
+
 .doc-imp-container {
+  box-sizing: border-box;
   flex: 1;
   width: 100%;
-  box-sizing: border-box;
 }
+
 .doc-header-container {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
+
 .doc-knowledge-container {
   display: flex;
   flex-direction: row;
+  gap: 8px;
   align-items: center;
   margin-bottom: 20px;
-  gap: 8px;
 }
+
 .knowledge-info-container {
   display: flex;
   flex-direction: column;
   gap: 4px;
   min-width: 160px;
 }
+
 .title {
-  font-weight: 500;
   font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
   line-height: 24px;
   text-align: left;
-  font-style: normal;
   text-transform: none;
 }
 
 .description {
-  font-weight: 400;
   font-size: 14px;
-  color: #75808d;
-  line-height: 22px;
-  text-align: left;
   font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  color: #75808d;
+  text-align: left;
   text-transform: none;
 }
+
 .doc-search-container {
+  display: flex;
   width: 100%;
   height: 100%;
-  display: flex;
 }
+
 .menu-container {
   flex: 1;
 }