feat: tip

Author: wangdan-fit2cloud

ui/src/api/folder.ts

@@ -32,7 +32,7 @@ const getFolder: (
  {
  "name": "string",
  "desc": "string",
- "parent_id": "root"
+ "parent_id": "default"
  }
  */
 const postFolder: (
@@ -64,7 +64,7 @@ const getFolderDetail: (
  {
  "name": "string",
  "desc": "string",
- "parent_id": "root"
+ "parent_id": "default"
  }
  */
 const putFolder: (

ui/src/components/folder-breadcrumb/index.vue

@@ -1,9 +1,15 @@
 <template>
   <el-breadcrumb separator-icon="ArrowRight" style="line-height: 22px">
-    <h2 v-if="breadcrumbData?.length === 1">{{ breadcrumbData[0]?.name }}</h2>
+    <h2 v-if="breadcrumbData?.length === 1" class="ellipsis" :title="breadcrumbData[0]?.name">
+      {{ breadcrumbData[0]?.name }}
+    </h2>
     <el-breadcrumb-item v-for="(item, index) in breadcrumbData" :key="index" v-else>
-      <h5 class="ml-4" v-if="index === breadcrumbData.length - 1">{{ item.name }}</h5>
-      <el-button v-else link @click="handleClick(item)">{{ item.name }}</el-button>
+      <h5 class="ml-4 ellipsis" v-if="index === breadcrumbData.length - 1" :title="item.name">
+        {{ item.name }}
+      </h5>
+      <el-button v-else link @click="handleClick(item)" :title="item.name">
+        <span class="ellipsis"> {{ item.name }}</span>
+      </el-button>
     </el-breadcrumb-item>
   </el-breadcrumb>
 </template>

ui/src/locales/lang/en-US/views/knowledge.ts

@@ -64,6 +64,13 @@ export default {
       label: 'Selector',
       placeholder: 'Default is body, can input .classname/#idname/tagname',
     },
+    file_count_limit: {
+      label: 'Maximum number of files uploaded at once',
+    },
+    file_size_limit: {
+      label: 'Maximum size of each document(MB)',
+      placeholder: 'Suggest based on server configuration, otherwise may cause service shutdown',
+    },
   },
 
   ResultSuccess: {

ui/src/locales/lang/zh-CN/views/document.ts

@@ -23,17 +23,19 @@ export default {
     nameMessage: '文件名称不能为空！',
     importMessage: '导入成功',
     migrationSuccess: '迁移成功',
+    fileLimitCountTip1: '每次最多上传',
+    fileLimitCountTip2: '个文件',
+    fileLimitSizeTip1: '每个文件不超过',
   },
   upload: {
     selectFile: '选择文件',
     selectFiles: '选择文件夹',
     uploadMessage: '拖拽文件至此上传或',
     formats: '支持格式：',
     requiredMessage: '请上传文件',
-    errorMessage1: '文件大小超过 100MB',
     errorMessage2: '文件格式不支持',
     errorMessage3: '文件不能为空',
-    errorMessage4: '每次最多上传50个文件',
+    // errorMessage4: '每次最多上传50个文件',
     template: '模版',
     download: '下载',
   },
@@ -42,20 +44,17 @@ export default {
     txt: {
       label: '文本文件',
       tip1: '1、文件上传前，建议规范文件的分段标识',
-      tip2: '2、每次最多上传 50 个文件，每个文件不超过 100MB',
     },
     table: {
       label: '表格',
       tip1: '1、点击下载对应模版并完善信息：',
       tip2: '2、第一行必须是列标题，且列标题必须是有意义的术语，表中每条记录将作为一个分段',
       tip3: '3、上传的表格文件中每个 sheet 会作为一个文档，sheet名称为文档名称',
-      tip4: '4、每次最多上传 50 个文件，每个文件不超过 100MB',
     },
     QA: {
       label: 'QA 问答对',
       tip1: '1、点击下载对应模版并完善信息',
       tip2: '2、上传的表格文件中每个 sheet 会作为一个文档，sheet名称为文档名称',
-      tip3: '3、每次最多上传 50 个文件，每个文件不超过 100MB',
     },
     lark: {},
   },

ui/src/locales/lang/zh-CN/views/knowledge.ts

@@ -64,8 +64,13 @@ export default {
       label: '选择器',
       placeholder: '默认为 body，可输入 .classname/#idname/tagname',
     },
-
-
+    file_count_limit: {
+      label: '每次上传最多文件数',
+    },
+    file_size_limit: {
+      label: '上传的每个文档最大(MB)',
+      placeholder: '建议根据服务器配置调整，否则可能会造成服务宕机',
+    },
   },
 
   ResultSuccess: {

ui/src/locales/lang/zh-Hant/views/knowledge.ts

@@ -58,6 +58,13 @@ export default {
       label: '選擇器',
       placeholder: '預設為 body，可輸入 .classname/#idname/tagname',
     },
+    file_count_limit: {
+      label: '每次上傳最多文件數',
+    },
+    file_size_limit: {
+      label: '上傳的每個文件最大(MB)',
+      placeholder: '建议根据服务器配置调整，否則會造成服務宕机',
+    },
   },
 
   ResultSuccess: {

ui/src/styles/app.scss

@@ -368,6 +368,7 @@ h5 {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
+  word-break: break-all;
 }
 
 .break-all {

ui/src/styles/component.scss

@@ -210,3 +210,8 @@
     display: block;
   }
 }
+
+// tooltip
+.auto-tooltip-popper {
+  max-width: 500px;
+}

ui/src/views/application/component/CopyApplicationDialog.vue

@@ -145,15 +145,15 @@ const submitValid = (formEl: FormInstance | undefined) => {
   if (user.isEnterprise()) {
     submitHandle(formEl)
   } else {
-    // common
-    //   .asyncGetValid(ValidType.Application, ValidCount.Application, loading)
-    //   .then(async (res: any) => {
-    //     if (res?.data) {
-    //       submitHandle(formEl)
-    //     } else {
-    //       MsgAlert(t('common.tip'), t('views.application.tip.professionalMessage'))
-    //     }
-    //   })
+    common
+      .asyncGetValid(ValidType.Application, ValidCount.Application, loading)
+      .then(async (res: any) => {
+        if (res?.data) {
+          submitHandle(formEl)
+        } else {
+          MsgAlert(t('common.tip'), t('views.application.tip.professionalMessage'))
+        }
+      })
   }
 }
 const submitHandle = async (formEl: FormInstance | undefined) => {

ui/src/views/application/index.vue

@@ -5,13 +5,16 @@
       <folder-tree
         :source="SourceTypeEnum.APPLICATION"
         :data="folderList"
-        :currentNodeKey="currentFolder?.id"
+        :currentNodeKey="folder.currentFolder?.id"
         @handleNodeClick="folderClickHandel"
         @refreshTree="refreshFolder"
         class="p-8"
       />
     </template>
-    <ContentContainer :header="currentFolder?.name">
+    <ContentContainer>
+      <template #header>
+        <FolderBreadcrumb :folderList="folderList" @click="folderClickHandel" />
+      </template>
       <template #search>
         <div class="flex">
           <div class="flex-between complex-search">
@@ -43,13 +46,8 @@
               <el-option v-for="u in user_options" :key="u.id" :value="u.id" :label="u.username" />
             </el-select>
           </div>
-          <el-dropdown trigger="click"
-            v-if="permissionPrecise.create()"
-          >
-            <el-button
-              type="primary"
-              class="ml-8"
-            >
+          <el-dropdown trigger="click" v-if="permissionPrecise.create()">
+            <el-button type="primary" class="ml-8">
               {{ $t('common.create') }}
               <el-icon class="el-icon--right">
                 <arrow-down />
@@ -238,9 +236,7 @@
                             <el-dropdown-item
                               divided
                               @click.stop="exportApplication(item)"
-                              v-if="
-                                permissionPrecise.export(item.id)
-                              "
+                              v-if="permissionPrecise.export(item.id)"
                             >
                               <AppIcon iconName="app-export"></AppIcon>
                               {{ $t('common.export') }}
@@ -249,9 +245,7 @@
                               divided
                               icon="Delete"
                               @click.stop="deleteApplication(item)"
-                              v-if="
-                                permissionPrecise.delete(item.id)
-                              "
+                              v-if="permissionPrecise.delete(item.id)"
                               >{{ $t('common.delete') }}</el-dropdown-item
                             >
                           </el-dropdown-menu>
@@ -285,20 +279,20 @@ import { t } from '@/locales'
 import { useRouter, useRoute } from 'vue-router'
 import { isWorkFlow } from '@/utils/application'
 import { dateFormat } from '@/utils/time'
-import { SourceTypeEnum } from '@/enums/common'
+import { SourceTypeEnum, ValidType, ValidCount } from '@/enums/common'
 import permissionMap from '@/permission'
 
 const router = useRouter()
 const route = useRoute()
 
 const apiType = computed<'workspace'>(() => {
-    return 'workspace'
+  return 'workspace'
 })
 const permissionPrecise = computed(() => {
   return permissionMap['application'][apiType.value]
 })
 
-const { folder, application, user } = useStore()
+const { folder, application, user, common } = useStore()
 
 const loading = ref(false)
 
@@ -321,48 +315,30 @@ const paginationConfig = reactive({
 
 const folderList = ref<any[]>([])
 const applicationList = ref<any[]>([])
-const currentFolder = ref<any>({})
 const CopyApplicationDialogRef = ref()
 const CreateApplicationDialogRef = ref()
 
 function openCreateDialog(type?: string) {
-  CreateApplicationDialogRef.value.open(currentFolder.value?.id || 'root', type)
-  // common
-  //   .asyncGetValid(ValidType.Application, ValidCount.Application, loading)
-  //   .then(async (res: any) => {
-  //     if (res?.data) {
-  //       CreateApplicationDialogRef.value.open()
-  //     } else if (res?.code === 400) {
-  //       MsgConfirm(t('common.tip'), t('views.application.tip.professionalMessage'), {
-  //         cancelButtonText: t('common.confirm'),
-  //         confirmButtonText: t('common.professional'),
-  //       }).then(() => {
-  //         window.open('https://maxkb.cn/pricing.html', '_blank')
-  //       })
-  //     }
-  //   })
+  common
+    .asyncGetValid(ValidType.Application, ValidCount.Application, loading)
+    .then(async (res: any) => {
+      if (res?.data) {
+        CreateApplicationDialogRef.value.open(folder.currentFolder?.id || 'default', type)
+      } else if (res?.code === 400) {
+        MsgConfirm(t('common.tip'), t('views.application.tip.professionalMessage'), {
+          cancelButtonText: t('common.confirm'),
+          confirmButtonText: t('common.professional'),
+        }).then(() => {
+          window.open('https://maxkb.cn/pricing.html', '_blank')
+        })
+      }
+    })
 }
 
 const search_type_change = () => {
   search_form.value = { name: '', create_user: '' }
 }
 
-function getList() {
-  const params = {
-    folder_id: currentFolder.value?.id || 'root',
-  }
-  ApplicaitonApi.getApplication(paginationConfig, params, loading).then((res) => {
-    paginationConfig.total = res.data.total
-    applicationList.value = [...applicationList.value, ...res.data.records]
-  })
-}
-
-function clickFolder(item: any) {
-  currentFolder.value.id = item.id
-  applicationList.value = []
-  getList()
-}
-
 function getAccessToken(id: string) {
   applicationList.value
     .filter((app) => app.id === id)[0]
@@ -484,7 +460,7 @@ const importApplication = (file: any) => {
 // 文件夹相关
 const CreateFolderDialogRef = ref()
 function openCreateFolder() {
-  CreateFolderDialogRef.value.open(SourceTypeEnum.APPLICATION, currentFolder.value.id)
+  CreateFolderDialogRef.value.open(SourceTypeEnum.APPLICATION, folder.currentFolder.id)
 }
 
 function getFolder(bool?: boolean) {
@@ -493,13 +469,19 @@ function getFolder(bool?: boolean) {
     folderList.value = res.data
     if (bool) {
       // 初始化刷新
-      currentFolder.value = res.data?.[0] || {}
+      folder.setCurrentFolder(res.data?.[0] || {})
     }
     getList()
   })
 }
+
+function clickFolder(item: any) {
+  folder.setCurrentFolder(item)
+  applicationList.value = []
+  getList()
+}
 function folderClickHandel(row: any) {
-  currentFolder.value = row
+  folder.setCurrentFolder(row)
   applicationList.value = []
   getList()
 }
@@ -514,6 +496,16 @@ function searchHandel() {
   getList()
 }
 
+function getList() {
+  const params = {
+    folder_id: folder.currentFolder?.id || 'default',
+  }
+  ApplicaitonApi.getApplication(paginationConfig, params, loading).then((res) => {
+    paginationConfig.total = res.data.total
+    applicationList.value = [...applicationList.value, ...res.data.records]
+  })
+}
+
 onMounted(() => {
   getFolder(true)
 })