diff --git a/web/src/components/FileTable.vue b/web/src/components/FileTable.vue index 5b6430d4..be988306 100644 --- a/web/src/components/FileTable.vue +++ b/web/src/components/FileTable.vue @@ -61,6 +61,7 @@
- - - + + + +
{{ text }} @@ -176,6 +178,7 @@ import { RefreshCw, ChevronLast, RefreshCcw, + Ellipsis, } from 'lucide-vue-next'; const store = useDatabaseStore(); @@ -194,6 +197,7 @@ const emit = defineEmits([ ]); const files = computed(() => Object.values(store.database.files || {})); +const isLightRAG = computed(() => store.database?.kb_type?.toLowerCase() === 'lightrag'); const refreshing = computed(() => store.state.refrashing); const lock = computed(() => store.state.lock); const batchDeleting = computed(() => store.state.batchDeleting); @@ -259,7 +263,7 @@ const columnsCompact = [ }, sortDirections: ['ascend', 'descend'] }, - { title: '', key: 'action', dataIndex: 'file_id', width: 80, align: 'center' } + { title: '', key: 'action', dataIndex: 'file_id', width: 40, align: 'center' } ]; // 过滤后的文件列表 @@ -734,6 +738,28 @@ import ChunkParamsConfig from '@/components/ChunkParamsConfig.vue'; /* border: 1px solid var(--main-100); */ } +.action-trigger-btn { + padding: 0; + width: 24px; + height: 24px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 4px; + color: var(--gray-500); + transition: all 0.2s; + + &:hover { + background-color: var(--gray-100); + color: var(--main-color); + } + + svg { + width: 16px; + height: 16px; + } +} + /* Table row selection styling */ :deep(.ant-table-tbody > tr.ant-table-row-selected > td) { @@ -748,3 +774,64 @@ import ChunkParamsConfig from '@/components/ChunkParamsConfig.vue'; background-color: var(--main-5); } + +