From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/datasets/documents/detail/completed/segment-list.tsx | 47 ++++++++++++++++++++++-------------------------
1 files changed, 22 insertions(+), 25 deletions(-)
diff --git a/app/components/datasets/documents/detail/completed/segment-list.tsx b/app/components/datasets/documents/detail/completed/segment-list.tsx
index f6076e5..885db49 100644
--- a/app/components/datasets/documents/detail/completed/segment-list.tsx
+++ b/app/components/datasets/documents/detail/completed/segment-list.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react'
+import React, { type ForwardedRef, useMemo } from 'react'
import { useDocumentContext } from '../index'
import SegmentCard from './segment-card'
import Empty from './common/empty'
@@ -25,25 +25,22 @@
onClearFilter: () => void
}
-const SegmentList = (
- {
- ref,
- isLoading,
- items,
- selectedSegmentIds,
- onSelected,
- onClick: onClickCard,
- onChangeSwitch,
- onDelete,
- onDeleteChildChunk,
- handleAddNewChildChunk,
- onClickSlice,
- archived,
- embeddingAvailable,
- onClearFilter,
- }: ISegmentListProps & {
- ref: React.LegacyRef<HTMLDivElement>
- },
+const SegmentList = React.forwardRef(({
+ isLoading,
+ items,
+ selectedSegmentIds,
+ onSelected,
+ onClick: onClickCard,
+ onChangeSwitch,
+ onDelete,
+ onDeleteChildChunk,
+ handleAddNewChildChunk,
+ onClickSlice,
+ archived,
+ embeddingAvailable,
+ onClearFilter,
+}: ISegmentListProps,
+ref: ForwardedRef<HTMLDivElement>,
) => {
const mode = useDocumentContext(s => s.mode)
const parentMode = useDocumentContext(s => s.parentMode)
@@ -66,7 +63,7 @@
)
}
return (
- <div ref={ref} className={'flex grow flex-col overflow-y-auto'}>
+ <div ref={ref} className={'flex flex-col grow overflow-y-auto'}>
{
items.map((segItem) => {
const isLast = items[items.length - 1].id === segItem.id
@@ -79,11 +76,11 @@
<div key={segItem.id} className='flex items-start gap-x-2'>
<Checkbox
key={`${segItem.id}-checkbox`}
- className='mt-3.5 shrink-0'
+ className='shrink-0 mt-3.5'
checked={selectedSegmentIds.includes(segItem.id)}
onCheck={() => onSelected(segItem.id)}
/>
- <div className='min-w-0 grow'>
+ <div className='grow min-w-0'>
<SegmentCard
key={`${segItem.id}-card`}
detail={segItem}
@@ -103,7 +100,7 @@
}}
/>
{!isLast && <div className='w-full px-3'>
- <Divider type='horizontal' className='my-1 bg-divider-subtle' />
+ <Divider type='horizontal' className='bg-divider-subtle my-1' />
</div>}
</div>
</div>
@@ -112,7 +109,7 @@
}
</div>
)
-}
+})
SegmentList.displayName = 'SegmentList'
--
Gitblit v1.8.0