feat: knowledge

Author: wangdan-fit2cloud

ui/src/api/knowledge/document.ts

@@ -21,7 +21,7 @@ const getKnowledgeByFolder: (
 }
 
 /**
- * 知识库列表
+ * 知识库分页列表
  * @param 参数
 * param  {
             "folder_id": "string",
@@ -43,7 +43,66 @@ const getKnowledgeList: (
   )
 }
 
+/**
+ * 获取全部知识库
+ * @param 参数
+ */
+// const getAllDataset: (loading?: Ref<boolean>) => Promise<Result<any[]>> = (loading) => {
+//   return get(`${prefix}`, undefined, loading)
+// }
+
+/**
+ * 同步知识库
+ * @param 参数 knowledge_id
+ * @query 参数 sync_type // 同步类型->replace:替换同步,complete:完整同步
+ */
+const putSyncWebKnowledge: (
+  wordspace_id: string,
+  knowledge_id: string,
+  sync_type: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (wordspace_id, knowledge_id, sync_type, loading) => {
+  return put(
+    `${prefix}/${wordspace_id}/knowledge/${knowledge_id}/sync`,
+    undefined,
+    { sync_type },
+    loading,
+  )
+}
+
+/**
+ * 向量化知识库
+ * @param 参数 knowledge_id
+ */
+const putReEmbeddingDataset: (
+  wordspace_id: string,
+  knowledge_id: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (wordspace_id, knowledge_id, loading) => {
+  return put(
+    `${prefix}/${wordspace_id}/knowledge/${knowledge_id}/embedding`,
+    undefined,
+    undefined,
+    loading,
+  )
+}
+
+/**
+ * 知识库详情
+ * @param 参数 knowledge_id
+ */
+const getKnowledgeDetail: (
+  wordspace_id: string,
+  knowledge_id: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (wordspace_id, knowledge_id, loading) => {
+  return get(`${prefix}/${wordspace_id}/knowledge/${knowledge_id}`, undefined, loading)
+}
+
 export default {
   getKnowledgeByFolder,
   getKnowledgeList,
+  putReEmbeddingDataset,
+  putSyncWebKnowledge,
+  getKnowledgeDetail,
 }

ui/src/api/knowledge/knowledge.ts

@@ -0,0 +1,9 @@
+interface knowledgeData {
+  name: String
+  desc: String
+  documents?: Array<any>
+  type?: String
+  embedding_mode_id?: String
+}
+
+export type { knowledgeData }

ui/src/api/type/knowledge.ts

@@ -0,0 +1,55 @@
+import { h } from 'vue'
+export default {
+  'app-document': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            viewBox: '0 0 20 20',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M13.3333 2.50016H4.16667V17.5002H15.8333V5.01641H13.75C13.6395 5.01641 13.5335 4.97251 13.4554 4.89437C13.3772 4.81623 13.3333 4.71025 13.3333 4.59975V2.50016ZM3.33333 0.833496H14.2379C14.3474 0.833465 14.4558 0.855013 14.557 0.896908C14.6582 0.938804 14.7501 1.00023 14.8275 1.07766L17.2563 3.50725C17.4124 3.66356 17.5001 3.87548 17.5 4.09641V18.3335C17.5 18.5545 17.4122 18.7665 17.2559 18.9228C17.0996 19.079 16.8877 19.1668 16.6667 19.1668H3.33333C3.11232 19.1668 2.90036 19.079 2.74408 18.9228C2.5878 18.7665 2.5 18.5545 2.5 18.3335V1.66683C2.5 1.44582 2.5878 1.23385 2.74408 1.07757C2.90036 0.921293 3.11232 0.833496 3.33333 0.833496ZM6.66667 8.3335H13.3333C13.4438 8.3335 13.5498 8.3774 13.628 8.45554C13.7061 8.53368 13.75 8.63966 13.75 8.75016V9.5835C13.75 9.694 13.7061 9.79998 13.628 9.87812C13.5498 9.95626 13.4438 10.0002 13.3333 10.0002H6.66667C6.55616 10.0002 6.45018 9.95626 6.37204 9.87812C6.2939 9.79998 6.25 9.694 6.25 9.5835V8.75016C6.25 8.63966 6.2939 8.53368 6.37204 8.45554C6.45018 8.3774 6.55616 8.3335 6.66667 8.3335ZM6.66667 12.5002H10.4167C10.4714 12.5002 10.5256 12.5109 10.5761 12.5319C10.6267 12.5528 10.6726 12.5835 10.7113 12.6222C10.75 12.6609 10.7807 12.7068 10.8016 12.7574C10.8226 12.8079 10.8333 12.8621 10.8333 12.9168V13.7502C10.8333 13.8049 10.8226 13.8591 10.8016 13.9096C10.7807 13.9602 10.75 14.0061 10.7113 14.0448C10.6726 14.0835 10.6267 14.1142 10.5761 14.1351C10.5256 14.1561 10.4714 14.1668 10.4167 14.1668H6.66667C6.55616 14.1668 6.45018 14.1229 6.37204 14.0448C6.2939 13.9667 6.25 13.8607 6.25 13.7502V12.9168C6.25 12.8063 6.2939 12.7003 6.37204 12.6222C6.45018 12.5441 6.55616 12.5002 6.66667 12.5002Z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+  'app-document-active': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            viewBox: '0 0 20 20',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M3.3335 2.08333C3.3335 1.6231 3.70659 1.25 4.16683 1.25H12.3842C12.4959 1.25 12.603 1.29489 12.6813 1.37459L16.5473 5.30784C16.6239 5.38576 16.6668 5.49065 16.6668 5.59992V17.9167C16.6668 18.3769 16.2937 18.75 15.8335 18.75H4.16683C3.70659 18.75 3.3335 18.3769 3.3335 17.9167V2.08333Z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M12.5 1.2666C12.568 1.28633 12.6306 1.32327 12.6812 1.37472L16.5472 5.30797C16.5788 5.34017 16.6047 5.37698 16.6242 5.4168H13.4459C12.9235 5.4168 12.5 4.99328 12.5 4.47085V1.2666Z',
+              fill: '#2B5FD9',
+            }),
+            h('path', {
+              d: 'M6.71305 7.72705C6.48293 7.72705 6.29639 7.9136 6.29639 8.14372V8.82554C6.29639 9.05565 6.48294 9.2422 6.71305 9.2422H13.2871C13.5172 9.2422 13.7038 9.05565 13.7038 8.82554V8.14372C13.7038 7.9136 13.5172 7.72705 13.2871 7.72705H6.71305Z',
+              fill: 'white',
+            }),
+            h('path', {
+              d: 'M6.71305 11.5149C6.48293 11.5149 6.29639 11.7015 6.29639 11.9316V12.6134C6.29639 12.8435 6.48294 13.0301 6.71305 13.0301H9.58342C9.81354 13.0301 10.0001 12.8435 10.0001 12.6134V11.9316C10.0001 11.7015 9.81354 11.5149 9.58342 11.5149H6.71305Z',
+              fill: 'white',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+}

ui/src/components/app-icon/icons/document.ts

@@ -0,0 +1,57 @@
+import { h } from 'vue'
+export default {
+  'app-vectorization': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M512 170.666667a85.333333 85.333333 0 0 1 85.333333-85.333334h256a85.333333 85.333333 0 0 1 85.333334 85.333334v256a85.333333 85.333333 0 0 1-85.333334 85.333333h-256a85.333333 85.333333 0 0 1-85.333333-85.333333V170.666667z m85.333333 0v256h256V170.666667h-256zM85.333333 597.333333a85.333333 85.333333 0 0 1 85.333334-85.333333h256a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333334H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333334v-256z m85.333334 0v256h256v-256H170.666667zM128 298.666667a213.333333 213.333333 0 0 1 213.333333-213.333334h85.333334v85.333334H341.333333a128 128 0 0 0-128 128h57.514667a12.8 12.8 0 0 1 9.728 21.12l-100.181333 116.906666a12.8 12.8 0 0 1-19.456 0l-100.181334-116.906666A12.8 12.8 0 0 1 70.485333 298.666667H128zM896 725.333333a213.333333 213.333333 0 0 1-213.333333 213.333334h-85.333334v-85.333334h85.333334a128 128 0 0 0 128-128v-21.333333h-57.514667a12.8 12.8 0 0 1-9.728-21.12l100.181333-116.906667a12.8 12.8 0 0 1 19.456 0l100.181334 116.906667a12.8 12.8 0 0 1-9.728 21.12H896v21.333333z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+  'app-all-menu-active': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 20 20',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M8.33317 1.6665H2.49984C2.0396 1.6665 1.6665 2.0396 1.6665 2.49984V8.33317C1.6665 8.79341 2.0396 9.1665 2.49984 9.1665H8.33317C8.79341 9.1665 9.1665 8.79341 9.1665 8.33317V2.49984C9.1665 2.0396 8.79341 1.6665 8.33317 1.6665Z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M8.33317 10.8332H2.49984C2.0396 10.8332 1.6665 11.2063 1.6665 11.6665V17.4998C1.6665 17.9601 2.0396 18.3332 2.49984 18.3332H8.33317C8.79341 18.3332 9.1665 17.9601 9.1665 17.4998V11.6665C9.1665 11.2063 8.79341 10.8332 8.33317 10.8332Z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M17.4998 1.6665H11.6665C11.2063 1.6665 10.8332 2.0396 10.8332 2.49984V8.33317C10.8332 8.79341 11.2063 9.1665 11.6665 9.1665H17.4998C17.9601 9.1665 18.3332 8.79341 18.3332 8.33317V2.49984C18.3332 2.0396 17.9601 1.6665 17.4998 1.6665Z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M17.4508 10.8332H11.7155C11.2282 10.8332 10.8332 11.2282 10.8332 11.7155V17.4508C10.8332 17.9381 11.2282 18.3332 11.7155 18.3332H17.4508C17.9381 18.3332 18.3332 17.9381 18.3332 17.4508V11.7155C18.3332 11.2282 17.9381 10.8332 17.4508 10.8332Z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+}

ui/src/components/app-icon/icons/knowledge.ts

@@ -0,0 +1,159 @@
+<template>
+  <div class="app-table" :class="quickCreate ? 'table-quick-append' : ''">
+    <el-table :max-height="tableHeight" v-bind="$attrs" ref="appTableRef">
+      <template #append v-if="quickCreate">
+        <div v-if="showInput">
+          <el-input
+            ref="quickInputRef"
+            v-model="inputValue"
+            :placeholder="`${$t('common.inputPlaceholder')} ${quickCreateName}`"
+            class="w-500 mr-12"
+            autofocus
+            :maxlength="quickCreateMaxlength || '-'"
+            :show-word-limit="quickCreateMaxlength ? true : false"
+            @keydown.enter="submitHandle"
+            clearable
+          />
+
+          <el-button type="primary" @click="submitHandle" :disabled="loading">{{$t('common.create')}}</el-button>
+          <el-button @click="showInput = false" :disabled="loading">{{$t('common.cancel')}}</el-button>
+        </div>
+        <div v-else @click="quickCreateHandle" class="w-full">
+          <el-button type="primary" link class="quich-button">
+            <el-icon><Plus /></el-icon>
+            <span class="ml-4">{{ quickCreatePlaceholder }}</span>
+          </el-button>
+        </div>
+      </template>
+      <slot></slot>
+    </el-table>
+    <div class="app-table__pagination mt-16" v-if="$slots.pagination || paginationConfig">
+      <slot name="pagination">
+        <el-pagination
+          v-model:current-page="paginationConfig.current_page"
+          v-model:page-size="paginationConfig.page_size"
+          :page-sizes="pageSizes"
+          :total="paginationConfig.total"
+          layout="total, prev, pager, next, sizes"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </slot>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, nextTick, watch, computed, onMounted } from 'vue'
+import { MsgError } from '@/utils/message'
+import { t } from '@/locales'
+defineOptions({ name: 'AppTable' })
+
+import useStore from '@/stores'
+const { common } = useStore()
+
+const props = defineProps({
+  paginationConfig: {
+    type: Object,
+    default: () => {}
+  },
+  quickCreate: {
+    type: Boolean,
+    default: false
+  },
+  quickCreateName: {
+    type: String,
+    default: t('components.quickCreateName')
+  },
+  quickCreatePlaceholder: {
+    type: String,
+    default: t('components.quickCreatePlaceholder')
+  },
+  quickCreateMaxlength: {
+    type: Number,
+    default: () => 0
+  },
+  storeKey: String
+})
+const emit = defineEmits(['changePage', 'sizeChange', 'creatQuick'])
+
+const paginationConfig = computed(() => props.paginationConfig)
+
+const pageSizes = [10, 20, 50, 100]
+
+const quickInputRef = ref()
+const appTableRef = ref()
+
+const loading = ref(false)
+const showInput = ref(false)
+const inputValue = ref('')
+const tableHeight = ref(0)
+
+watch(showInput, (bool) => {
+  if (!bool) {
+    inputValue.value = ''
+  }
+})
+
+function submitHandle() {
+  if (inputValue.value) {
+    loading.value = true
+    emit('creatQuick', inputValue.value)
+    setTimeout(() => {
+      showInput.value = false
+      loading.value = false
+    }, 200)
+  } else {
+    MsgError(`${props.quickCreateName} ${t('dynamicsForm.tip.requiredMessage')}`)
+  }
+}
+
+function quickCreateHandle() {
+  showInput.value = true
+  nextTick(() => {
+    quickInputRef.value?.focus()
+  })
+}
+
+function handleSizeChange() {
+  emit('sizeChange')
+  if (props.storeKey) {
+    common.savePage(props.storeKey, props.paginationConfig)
+  }
+}
+function handleCurrentChange() {
+  emit('changePage')
+  if (props.storeKey) {
+    common.savePage(props.storeKey, props.paginationConfig)
+  }
+}
+
+function clearSelection() {
+  appTableRef.value?.clearSelection()
+}
+defineExpose({
+  clearSelection
+})
+
+onMounted(() => {
+  tableHeight.value = window.innerHeight - 300
+  window.onresize = () => {
+    return (() => {
+      tableHeight.value = window.innerHeight - 300
+    })()
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.app-table {
+  &__pagination {
+    display: flex;
+    justify-content: flex-end;
+  }
+  .quich-button {
+    &:hover {
+      color: var(--el-button-text-color);
+    }
+  }
+}
+</style>

ui/src/components/app-table/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <el-button class="back-button cursor mr-4" text @click="jump">
+    <el-icon :size="20">
+      <Back />
+    </el-icon>
+  </el-button>
+</template>
+
+<script setup lang="ts">
+import { useRouter, type RouteLocationRaw } from 'vue-router'
+defineOptions({ name: 'BackButton' })
+const router = useRouter()
+const props = defineProps({
+  to: String
+})
+
+const emit = defineEmits(['click'])
+/* 上一层路由 */
+const back: any = router.options.history.state.back
+function jump() {
+  if (props.to === '-1') {
+    back ? router.push(back) : router.go(-1)
+  } else if (props.to) {
+    router.push(props.to as RouteLocationRaw)
+  } else {
+    emit('click')
+  }
+}
+</script>
+
+<style lang="scss"></style>