diff --git a/src/components/base/sortable-item.tsx b/src/components/base/sortable-item.tsx index b19b2c962..8af365e85 100644 --- a/src/components/base/sortable-item.tsx +++ b/src/components/base/sortable-item.tsx @@ -14,7 +14,7 @@ interface SortableItemProps { group?: string disabled?: boolean // 用于给 tanstack virtual 列表测量当前拖动元素尺寸 - measureElementRef?: (element: HTMLDivElement | null) => void + measureElement?: (element: HTMLDivElement | null) => void dataIndex?: number style?: CSSProperties children: ReactNode | ((props: SortableItemRenderProps) => ReactNode) @@ -26,7 +26,7 @@ export const SortableItem = (props: SortableItemProps) => { index, group, disabled, - measureElementRef, + measureElement, dataIndex, children, style, @@ -42,9 +42,9 @@ export const SortableItem = (props: SortableItemProps) => { (element: HTMLDivElement | null) => { handleRef(element?.querySelector('[data-sortable-handle]') ?? null) ref(element) - measureElementRef?.(element) + measureElement?.(element) }, - [handleRef, ref, measureElementRef], + [handleRef, ref, measureElement], ) const mergedStyle: CSSProperties = { diff --git a/src/components/profile/grouped-virtual-list.tsx b/src/components/profile/grouped-virtual-list.tsx index 08e7329e6..07b657f37 100644 --- a/src/components/profile/grouped-virtual-list.tsx +++ b/src/components/profile/grouped-virtual-list.tsx @@ -164,7 +164,7 @@ export function GroupedVirtualList(props: GroupedVirtualListProps) { id={entry.id} index={vi.index} disabled={entry.category === 'original'} - measureElementRef={virtualizer.measureElement} + measureElement={virtualizer.measureElement} dataIndex={vi.index} style={{ position: 'absolute',