@transsionfe/semi-ui-vue 0.0.2 → 0.0.4

package/lib/cjs/components/table/VirtualizedBody.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedBody.vue2.cjs","sources":["../../../../src/components/table/VirtualizedBody.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"containerRef\"\n        :class=\"bodyCls\"\n        :style=\"containerStyle\"\n        @scroll=\"handleScroll\"\n        @wheel.passive=\"handleWheel\"\n    >\n        <div\n            :style=\"{\n                width: typeof tableWidth === 'number' ? `${tableWidth}px` : tableWidth,\n                overflow: 'visible',\n            }\"\n            :class=\"tableCls\"\n        >\n            <div :class=\"`${prefixCls}-tbody`\" :style=\"innerStyle\">\n                <component\n                    :is=\"renderRowWithStyle(item, item.__originalIndex ?? relativeIndex)\"\n                    v-for=\"(item, relativeIndex) in virtualizedData\"\n                    :key=\"getItemKey(item, item.__originalIndex ?? relativeIndex)\"\n                />\n            </div>\n        </div>\n        <div v-if=\"!allData || allData.length === 0\" :class=\"`${prefixCls}-empty`\">\n            <slot name=\"empty\">\n                <Empty v-if=\"!props.emptySlot\" />\n                <component :is=\"props.emptySlot\" v-else />\n            </slot>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick, h } from 'vue';\nimport { get } from 'lodash';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/table/constants';\nimport {\n    getDefaultVirtualizedRowConfig,\n    arrayAdd,\n    isInnerColumnKey,\n    isExpandedColumn,\n    isScrollbarColumn,\n    isFixedLeft,\n    isFixedRight,\n    isLastLeftFixed,\n    isFirstFixedRight,\n} from '@douyinfe/semi-foundation/table/utils';\nimport { strings } from '@douyinfe/semi-foundation/table/constants';\nimport Empty from '../empty';\nimport { useTableBodyFoundation } from './useTableBodyFoundation';\nimport { useTableContext } from './table-context';\nimport TableCell from './TableCell.vue';\nimport type { Virtualized, VirtualizedItemSize, VirtualizedOnScroll, ColumnProps, Size } from './interface';\nimport type { CSSProperties } from 'vue';\n\ndefineOptions({\n    name: 'SemiVirtualizedBody',\n});\n\ninterface Props {\n    dataSource?: any[];\n    columns?: ColumnProps[];\n    virtualized?: Virtualized;\n    scroll?: { y?: number | string; x?: number | string };\n    prefixCls?: string;\n    size?: Size;\n    onScroll?: VirtualizedOnScroll;\n    handleBodyScroll?: (e: any) => void;\n    handleWheel?: (e: WheelEvent) => void;\n    emptySlot?: any;\n    rowKey?: string | number | ((record: any) => string | number);\n    components?: any;\n    expandedRowKeys?: (string | number)[];\n    expandedRowRender?: (record: any, index: number, expanded: boolean) => any;\n    onRow?: (record: any, index: number) => any;\n    rowExpandable?: (record: any) => boolean;\n    selectedRowKeysSet?: Set<string | number> | Set<unknown>;\n    disabledRowKeysSet?: Set<string | number> | Set<unknown>;\n    renderExpandIcon?: (record: any, isNested: boolean, groupKey?: string | number) => any;\n    hideExpandedColumn?: boolean;\n    expandRowByClick?: boolean;\n    slots?: any;\n    childrenRecordName?: string;\n    groups?: Map<string | number, Set<string | number>> | null;\n    renderGroupSection?: (groupKey?: string | number, group?: (string | number)[]) => any;\n    onGroupedRow?: (record?: any, index?: number) => any;\n    clickGroupedRowToExpand?: boolean;\n    onGroupExpand?: (expanded: boolean, groupKey: string | number, e: MouseEvent) => void;\n    indentSize?: number;\n    expandIcon?: any;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    prefixCls: cssClasses.PREFIX,\n    dataSource: () => [],\n    columns: () => [],\n});\n\nconst emit = defineEmits<{\n    (\n        e: 'items-rendered',\n        props: {\n            overscanStartIndex: number;\n            overscanStopIndex: number;\n            visibleStartIndex: number;\n            visibleStopIndex: number;\n        }\n    ): void;\n}>();\n\nconst containerRef = ref<HTMLElement>();\nconst scrollTop = ref(0);\nconst scrollLeft = ref(0);\n\nconst { virtualizedData: foundationVirtualizedData } = useTableBodyFoundation({\n    dataSource: computed(() => props.dataSource),\n    rowKey: computed(() => props.rowKey),\n    childrenRecordName: computed(() => props.childrenRecordName),\n    expandedRowRender: computed(() => props.expandedRowRender),\n    expandedRowKeys: computed(() => props.expandedRowKeys),\n    groups: computed(() => props.groups),\n    columns: computed(() => props.columns),\n});\n\nconst allData = computed(() => {\n    return foundationVirtualizedData.value || [];\n});\n\n// 可见项范围\n// 初始值设置为 -1，表示还未计算，避免初始时只显示第一项\n// 但在数据准备好后会立即计算，确保正确显示\nconst visibleRange = ref({\n    startIndex: -1,\n    endIndex: -1,\n    overscanStartIndex: -1,\n    overscanStopIndex: -1,\n});\n\nconst virtualizedData = computed(() => {\n    const { overscanStartIndex, overscanStopIndex } = visibleRange.value;\n\n    // 如果还未计算可见范围（初始值为 -1），但有数据，返回前几项作为初始显示\n    if (overscanStartIndex < 0 || overscanStopIndex < 0) {\n        // 如果有数据但还未初始化，返回前 10 项作为初始显示\n        if (allData.value.length > 0) {\n            const initialCount = Math.min(10, allData.value.length);\n            return allData.value.slice(0, initialCount).map((item, relativeIndex) => ({\n                ...item,\n                __originalIndex: relativeIndex,\n            }));\n        }\n        return [];\n    }\n\n    const start = Math.max(0, overscanStartIndex);\n    const end = Math.min(allData.value.length - 1, overscanStopIndex);\n\n    // 返回可见范围内的数据，但保留原始索引信息\n    return allData.value.slice(start, end + 1).map((item, relativeIndex) => ({\n        ...item,\n        __originalIndex: start + relativeIndex, // 保存原始索引\n    }));\n});\n\nconst bodyCls = computed(() => classnames(`${props.prefixCls}-body`));\n\nconst tableContext = useTableContext();\n\nconst tableWidth = computed(() => {\n    const scrollX = props.scroll?.x;\n    if (scrollX) {\n        return typeof scrollX === 'number' ? scrollX : scrollX;\n    }\n\n    // 如果没有 scroll.x，使用 tableContext 的 tableWidth（如果可用）\n    if (tableContext?.tableWidth !== undefined && tableContext.tableWidth !== null) {\n        const ctxWidth = tableContext.tableWidth;\n        if (typeof ctxWidth === 'number' && ctxWidth > 0) {\n            return ctxWidth;\n        }\n    }\n\n    // 降级方案：使用 getCellWidths 计算\n    if (tableContext?.getCellWidths) {\n        const cellWidths = tableContext.getCellWidths(props.columns);\n        if (cellWidths && cellWidths.length > 0) {\n            const totalWidth = arrayAdd(cellWidths, 0, (props.columns || []).length);\n            if (totalWidth > 0) {\n                return totalWidth;\n            }\n        }\n    }\n\n    // 最后的降级方案：直接计算列宽\n    const manualWidth = (props.columns || []).reduce((sum: number, col: ColumnProps) => {\n        return sum + (typeof col.width === 'number' ? col.width : 0);\n    }, 0);\n\n    // 如果手动计算有宽度，返回该宽度，否则返回 100%\n    return manualWidth > 0 ? manualWidth : '100%';\n});\n\nconst tableCls = computed(() => classnames(`${props.prefixCls}`, `${props.prefixCls}-fixed`));\n\nconst containerStyle = computed<CSSProperties>(() => {\n    const rawY = get(props.scroll, 'y');\n    const yIsNumber = typeof rawY === 'number';\n    const y = yIsNumber ? rawY : 600;\n\n    return {\n        width: '100%',\n        height: yIsNumber ? `${y}px` : '600px',\n        overflowX: 'auto',\n        overflowY: 'scroll',\n        position: 'relative',\n        scrollbarGutter: 'stable',\n    } as CSSProperties;\n});\n\nconst innerStyle = computed<CSSProperties>(() => {\n    // 计算所有扁平化数据的总高度（不是只计算可见项的高度）\n    // 使用缓存的高度计算，避免重复遍历\n    let totalHeight = 0;\n    const dataLength = allData.value.length;\n\n    // 如果数据量很大，可以考虑优化计算\n    if (dataLength > 0) {\n        // 预分配数组，提高性能\n        const heights = new Array(dataLength);\n        for (let i = 0; i < dataLength; i++) {\n            const size = getItemSize(i);\n            heights[i] = size;\n            totalHeight += size;\n        }\n    }\n\n    return {\n        width: '100%',\n        height: `${totalHeight}px`,\n        position: 'relative',\n    };\n});\n\nconst itemSizeCache = new Map<number, number>();\n\nconst getItemSize = (index: number): number => {\n    if (itemSizeCache.has(index)) {\n        return itemSizeCache.get(index)!;\n    }\n\n    // 边界检查\n    if (index < 0 || index >= allData.value.length) {\n        return 0;\n    }\n\n    // 使用原始数据源获取 item\n    const item = allData.value[index];\n    if (!item) {\n        return 0;\n    }\n\n    const defaultConfig = getDefaultVirtualizedRowConfig(props.size, item?.sectionRow);\n    const itemSize = get(props.virtualized, 'itemSize', defaultConfig.height) as VirtualizedItemSize;\n\n    let realSize = itemSize as number;\n\n    if (typeof itemSize === 'function') {\n        try {\n            realSize = itemSize(index, {\n                expandedRow: get(item, 'expandedRow', false),\n                sectionRow: get(item, 'sectionRow', false),\n            });\n        } catch (error) {\n            console.warn(`Error in itemSize function at index ${index}:`, error);\n            realSize = defaultConfig.height;\n        }\n    }\n\n    // 确保返回有效值\n    if (typeof realSize !== 'number' || isNaN(realSize)) {\n        realSize = defaultConfig.height;\n    }\n\n    if (realSize < defaultConfig.minHeight) {\n        if (process.env.NODE_ENV === 'development') {\n            console.warn(\n                `The computed real \\`itemSize\\` at index ${index} cannot be less than ${defaultConfig.minHeight}, got ${realSize}`\n            );\n        }\n        realSize = defaultConfig.minHeight;\n    }\n    itemSizeCache.set(index, realSize);\n    return realSize;\n};\n\n// 当数据变化时，清空缓存\nwatch(\n    () => allData.value,\n    () => {\n        itemSizeCache.clear();\n    },\n    { deep: true }\n);\n\nconst getItemKey = (item: any, index: number): string | number => {\n    return get(item, 'key', index);\n};\n\nconst getItemStyle = (item: any, relativeIndex: number): CSSProperties => {\n    // 使用原始索引计算位置（__originalIndex 是在 virtualizedData computed 中设置的）\n    const originalIndex = item?.__originalIndex ?? relativeIndex;\n\n    // 确保索引在有效范围内\n    if (originalIndex < 0 || originalIndex >= allData.value.length) {\n        return {\n            position: 'absolute',\n            top: '0px',\n            left: 0,\n            right: 0,\n            height: '0px',\n            display: 'none', // 隐藏无效项\n        };\n    }\n\n    // 计算该索引之前所有项的总高度\n    let top = 0;\n    for (let i = 0; i < originalIndex; i++) {\n        top += getItemSize(i);\n    }\n\n    return {\n        position: 'absolute',\n        top: `${top}px`,\n        left: 0,\n        height: `${getItemSize(originalIndex)}px`,\n        display: 'flex',\n        // 确保单元格不会被压缩\n        flexShrink: 0,\n    };\n};\n\n// 获取 cellWidths，用于虚拟滚动行的宽度计算\nconst getCellWidths = computed(() => {\n    let cellWidths: number[] = [];\n    if (tableContext?.getCellWidths) {\n        cellWidths = tableContext.getCellWidths(props.columns) || [];\n    }\n\n    // 如果 tableContext 没有返回有效数据，或者列数不匹配，使用降级方案\n    if (!cellWidths.length || cellWidths.length !== props.columns?.length) {\n        cellWidths = (props.columns || []).map((col: ColumnProps) => {\n            // 优先使用列配置的 width\n            if (typeof col.width === 'number' && col.width > 0) {\n                return col.width;\n            }\n            // 如果是固定列，尝试从 context 获取\n            if (col.fixed && tableContext?.getCellWidths) {\n                const contextWidths = tableContext.getCellWidths(props.columns) || [];\n                if (contextWidths.length > 0) {\n                    return contextWidths[0] || 0; // 降级方案\n                }\n            }\n            return 0; // 让浏览器自动计算\n        });\n    }\n\n    const hasZeroWidth = cellWidths.some((w) => w === 0);\n    if (hasZeroWidth) {\n        cellWidths = cellWidths.map((width, index) => {\n            if (width > 0) {\n                return width;\n            }\n            const column = props.columns?.[index];\n            if (column && typeof column.width === 'number' && column.width > 0) {\n                return column.width;\n            }\n            return 80;\n        });\n    }\n\n    return cellWidths;\n});\n\nconst getBodyCellComponent = computed(() => {\n    return get(props.components, 'body.cell', strings.DEFAULT_COMPONENTS.body.cell);\n});\n\n// 计算第一个数据列的索引（排除 inner columns）\nconst getFirstDataColumnIndex = computed(() => {\n    let idx = 0;\n    const cols = props.columns || [];\n    while (idx < cols.length) {\n        const key = (cols[idx] as any)?.key;\n        if (key != null && isInnerColumnKey(key)) {\n            idx += 1;\n            continue;\n        }\n        break;\n    }\n    return idx;\n});\n\n/**\n * 渲染带有绝对定位样式的行\n * 关键：虚拟滚动中，react-window 的样式（position: absolute, top, height）\n * 需要直接应用到 <tr> 元素上，而不是外层 wrapper\n * 这样才能确保 table 布局正确工作\n */\nconst renderRowWithStyle = (item: any, index: number) => {\n    const rowVNode = renderRow(item, index);\n    if (!rowVNode) {\n        return null;\n    }\n\n    // 获取绝对定位样式\n    const itemStyle = getItemStyle(item, index);\n\n    // 获取行宽度\n    const rowWidth = typeof tableWidth.value === 'number' ? `${tableWidth.value}px` : tableWidth.value;\n\n    const existingStyle = rowVNode.props?.style || {};\n    const mergedStyle: CSSProperties = {\n        // 先应用用户自定义样式\n        ...(typeof existingStyle === 'object' ? existingStyle : {}),\n        // 再应用虚拟滚动必需的定位样式（不能被覆盖）\n        ...itemStyle,\n        width: rowWidth,\n    };\n\n    // 使用 h() 创建新的 VNode 并合并样式\n    return h(\n        rowVNode.type as any,\n        {\n            ...rowVNode.props,\n            style: mergedStyle,\n        },\n        rowVNode.children as any\n    );\n};\n\nconst renderRow = (item: any, index: number) => {\n    // 如果是分组行（sectionRow）\n    if (item?.sectionRow) {\n        const groupKey = item.groupKey;\n        const group = item.group;\n        const expanded = item.expanded ?? false;\n\n        // 获取分组的所有 row keys\n        const groupRowKeys = group ? Array.from(group as Set<string | number>) : [];\n\n        // 渲染分组标题内容\n        let groupSectionContent: any = null;\n        if (props.renderGroupSection) {\n            const result = props.renderGroupSection(groupKey, groupRowKeys);\n            // 如果返回的是对象（包含 children），则提取 children\n            if (result && typeof result === 'object' && 'children' in result) {\n                groupSectionContent = result.children;\n            } else {\n                groupSectionContent = result;\n            }\n        } else {\n            groupSectionContent = String(groupKey || '');\n        }\n\n        // 计算 colSpan（排除 scrollbar 列）\n        const filteredColumns = (props.columns || []).filter((col: ColumnProps) => !isScrollbarColumn(col));\n        const colSpan = filteredColumns.length;\n\n        // 分组行的 onRow 处理\n        const groupRecord = { groupKey, records: groupRowKeys } as any;\n        const groupedRowProps = props.onGroupedRow ? props.onGroupedRow(groupRecord, index) : {};\n        const {\n            className: groupClassName,\n            style: groupStyle,\n            onClick: groupOnClick,\n            ...restGroupRowProps\n        } = groupedRowProps as any;\n\n        // 处理分组行的点击事件（用于展开/收起）\n        const handleGroupRowClick = (e: MouseEvent) => {\n            // 如果启用了点击分组行展开，触发展开/收起\n            if (props.clickGroupedRowToExpand && props.onGroupExpand) {\n                props.onGroupExpand(!expanded, groupKey, e);\n            }\n            // 调用 onGroupedRow 的 onClick（如果存在）\n            if (groupOnClick) {\n                groupOnClick(e);\n            }\n        };\n\n        const rowCls = classnames(\n            `${props.prefixCls}-row-section`,\n            {\n                [`${props.prefixCls}-row-section-on`]: expanded,\n            },\n            groupClassName\n        );\n\n        // 渲染分组行，返回 <tr> 元素\n        return h(\n            'tr',\n            {\n                class: rowCls,\n                style: groupStyle || {},\n                role: 'row',\n                'aria-level': 1,\n                'aria-expanded': expanded,\n                onClick: handleGroupRowClick,\n                ...restGroupRowProps,\n            },\n            [\n                h(\n                    'td',\n                    {\n                        colspan: colSpan,\n                        class: `${props.prefixCls}-row-cell`,\n                    },\n                    [\n                        h(\n                            'div',\n                            {\n                                class: `${props.prefixCls}-section-inner`,\n                            },\n                            [\n                                // 渲染展开图标（如果存在）\n                                props.renderExpandIcon ? props.renderExpandIcon(groupRecord, false, groupKey) : null,\n                                // 渲染分组内容\n                                groupSectionContent,\n                            ]\n                        ),\n                    ]\n                ),\n            ]\n        );\n    }\n\n    // 如果是展开行（expandedRow）\n    if (item?.expandedRow) {\n        if (!props.expandedRowRender) {\n            return null;\n        }\n        const record = item.record || item;\n        const rowIndex = item.index ?? index;\n\n        // 展开行不需要 cellWidths，但需要正确的 colspan\n        // 排除 scrollbar 列\n        const filteredColumns = (props.columns || []).filter((col: ColumnProps) => !isScrollbarColumn(col));\n        const colSpan = filteredColumns.length || props.columns?.length || 0;\n\n        return h(\n            'tr',\n            {\n                class: `${props.prefixCls}-row-expand ${props.prefixCls}-row`,\n                role: 'row',\n            },\n            [\n                h(\n                    'td',\n                    {\n                        colspan: colSpan,\n                        class: `${props.prefixCls}-row-cell`,\n                    },\n                    [\n                        h(\n                            'div',\n                            {\n                                class: `${props.prefixCls}-expand-inner`,\n                            },\n                            [\n                                typeof props.expandedRowRender === 'function'\n                                    ? props.expandedRowRender(record, rowIndex, true)\n                                    : null,\n                            ]\n                        ),\n                    ]\n                ),\n            ]\n        );\n    }\n\n    const record = item.record || item;\n    const rowIndex = item.index ?? index;\n    const level = item.level ?? 0;\n\n    const getRecordKey = (r: any, key?: string | number | ((r: any) => string | number)) => {\n        if (typeof key === 'function') {\n            return key(r);\n        }\n        if (typeof key === 'string' || typeof key === 'number') {\n            return get(r, key, '');\n        }\n        return get(r, 'key', '');\n    };\n\n    const key = getRecordKey(record, props.rowKey);\n    const expanded = props.expandedRowKeys?.includes(key) || false;\n    const selected = props.selectedRowKeysSet?.has(key) || false;\n    const disabled = props.disabledRowKeysSet?.has(key) || false;\n    const expandable = props.rowExpandable ? props.rowExpandable(record) : false;\n\n    const rowProps = props.onRow ? props.onRow(record, rowIndex) : {};\n    const { className, style, onClick, onDoubleClick, onMouseEnter, onMouseLeave, ...restRowProps } = rowProps as any;\n\n    const rowClass = classnames(\n        `${props.prefixCls}-row`,\n        {\n            [`${props.prefixCls}-row-selected`]: selected,\n            [`${props.prefixCls}-row-disabled`]: disabled,\n            [`${props.prefixCls}-row-expanded`]: expanded,\n        },\n        className\n    );\n\n    const cells: any[] = [];\n    const cellWidths = getCellWidths.value;\n    const firstDataColumnIndex = getFirstDataColumnIndex.value;\n    const BodyCell = getBodyCellComponent.value;\n\n    // 获取列的插槽名称（用于作用域插槽），与 Table.vue 中的 getColumnSlotName 一致\n    const getColumnSlotName = (column: ColumnProps): string | null => {\n        // 优先使用 key，其次使用 dataIndex\n        if (column.key) {\n            return String(column.key);\n        }\n        if (column.dataIndex) {\n            return String(column.dataIndex);\n        }\n        return null;\n    };\n\n    (props.columns || []).forEach((column: ColumnProps, columnIndex: number) => {\n        // 跳过 scrollbar 列\n        if (isScrollbarColumn(column)) {\n            return;\n        }\n\n        // 如果是 expanded column 且不需要显示，渲染空单元格\n        if (isExpandedColumn(column) && !expandable) {\n            cells.push(\n                h(TableCell, {\n                    key: columnIndex,\n                    colIndex: columnIndex,\n                    column: column,\n                    record: record,\n                    index: rowIndex,\n                    prefixCls: props.prefixCls,\n                    component: BodyCell,\n                    expandable: false,\n                })\n            );\n            return;\n        }\n\n        const expandableProps: any = {};\n        if (expandable && columnIndex === firstDataColumnIndex) {\n            expandableProps.renderExpandIcon = props.renderExpandIcon;\n            expandableProps.expandable = true;\n            if (props.hideExpandedColumn || false) {\n                expandableProps.expandIcon = props.expandIcon != null ? props.expandIcon : true;\n            }\n        } else {\n            expandableProps.expandable = false;\n        }\n\n        if (level != null && columnIndex === firstDataColumnIndex) {\n            expandableProps.indent = level;\n            const isBool = typeof props.expandIcon === 'boolean';\n            const hasExpandIcon = props.expandIcon !== false || (!isBool && props.expandIcon !== null);\n            // 如果 expandIcon 为空，不需要 indent\n            if (!expandable && props.hideExpandedColumn && hasExpandIcon) {\n                expandableProps.indent = level + 1;\n            }\n        }\n\n        const fixedLeft = isFixedLeft(column) ? Math.round(arrayAdd(cellWidths, 0, columnIndex)) : false;\n        const lastFixedLeft = isLastLeftFixed(props.columns || [], column);\n        const fixedRight = isFixedRight(column) ? Math.round(arrayAdd(cellWidths, columnIndex + 1)) : false;\n        const firstFixedRight = isFirstFixedRight(props.columns || [], column);\n\n        // 确保固定列在虚拟滚动中也能正确显示层级\n        // 当有固定列时，需要确保 z-index 正确设置\n        // 这个值会在 TableCell 组件中用于样式计算\n\n        const diyProps: any = {};\n        if (!item.expandedRow) {\n            const cellWidth = cellWidths[columnIndex];\n            const columnWidth = typeof column.width === 'number' ? column.width : cellWidth;\n\n            if (cellWidth && cellWidth > 0) {\n                diyProps.width = cellWidth;\n            } else if (columnWidth && columnWidth > 0) {\n                diyProps.width = columnWidth;\n            } else {\n                diyProps.width = 80;\n            }\n        }\n\n        const columnSlotName = getColumnSlotName(column);\n        const hasSlot = columnSlotName && props.slots && !!props.slots[columnSlotName];\n        let cellSlots: any = null;\n        if (hasSlot && columnSlotName && props.slots[columnSlotName]) {\n            // 获取列的文本值，用于插槽\n            const getColumnValue = (r: any, col: ColumnProps): any => {\n                if (col.dataIndex) {\n                    return get(r, col.dataIndex, '');\n                }\n                return r;\n            };\n            const textValue = getColumnValue(record, column);\n            const slotFn = props.slots[columnSlotName];\n            // 使用闭包捕获值，创建一个函数在 Vue 渲染时调用\n            // 注意：这个函数会在 TableCell 渲染 slot 时被调用，此时处于正确的渲染上下文\n            // 我们使用闭包捕获的值，而不是 slotProps（虽然 slotProps 也会被传递，但我们使用自己的值）\n            const capturedText = textValue;\n            const capturedRecord = record;\n            const capturedIndex = rowIndex;\n            cellSlots = {\n                [columnSlotName]: () => {\n                    // 在渲染时调用 slot 函数，使用闭包捕获的值\n                    return slotFn({\n                        text: capturedText,\n                        record: capturedRecord,\n                        index: capturedIndex,\n                    });\n                },\n            };\n        }\n\n        cells.push(\n            h(\n                TableCell,\n                {\n                    key: `${columnIndex}-${rowIndex}`, // 使用更稳定的 key\n                    colIndex: columnIndex,\n                    column: column,\n                    record: record,\n                    index: rowIndex,\n                    prefixCls: props.prefixCls,\n                    component: BodyCell,\n                    hideExpandedColumn: props.hideExpandedColumn,\n                    indentSize: props.indentSize || (props.size === 'small' ? 12 : props.size === 'middle' ? 16 : 16),\n                    selected: selected,\n                    expanded: expanded,\n                    disabled: disabled,\n                    fixedLeft: fixedLeft,\n                    lastFixedLeft: lastFixedLeft,\n                    fixedRight: fixedRight,\n                    firstFixedRight: firstFixedRight,\n                    firstDataColumnIndex: firstDataColumnIndex,\n                    expandIcon: props.expandIcon,\n                    columnSlotName: columnSlotName,\n                    hasSlot: hasSlot,\n                    ...expandableProps,\n                    ...diyProps,\n                },\n                cellSlots || {}\n            )\n        );\n    });\n\n    const rowStyle: CSSProperties = {\n        ...style,\n    };\n\n    const rowEvents: any = {};\n    if (onClick) rowEvents.onClick = onClick;\n    if (onDoubleClick) rowEvents.onDblclick = onDoubleClick;\n    if (onMouseEnter) rowEvents.onMouseenter = onMouseEnter;\n    if (onMouseLeave) rowEvents.onMouseleave = onMouseLeave;\n\n    return h(\n        'tr',\n        {\n            class: rowClass,\n            style: rowStyle,\n            role: 'row',\n            'data-row-key': key,\n            'aria-rowindex': rowIndex + 1,\n            'aria-expanded': expandable ? expanded : undefined,\n            'aria-level': level != null ? level + 1 : undefined,\n            ...rowEvents,\n            ...restRowProps,\n        },\n        cells\n    );\n};\n\n/**\n * 使用二分查找优化可见范围计算\n * 参考 react-window 的实现\n */\nconst getOffsetForIndex = (index: number): number => {\n    if (index <= 0) {\n        return 0;\n    }\n\n    let offset = 0;\n    // 优化：对于小索引，直接计算；对于大索引，可以考虑缓存\n    const maxIndex = Math.min(index, allData.value.length);\n\n    for (let i = 0; i < maxIndex; i++) {\n        offset += getItemSize(i);\n    }\n    return offset;\n};\n\nconst findNearestItem = (offset: number): number => {\n    const dataLength = allData.value.length;\n    if (dataLength === 0) {\n        return 0;\n    }\n\n    let left = 0;\n    let right = dataLength - 1;\n    let bestGuess = 0;\n\n    // 如果 offset 小于等于 0，直接返回 0\n    if (offset <= 0) {\n        return 0;\n    }\n\n    // 如果 offset 大于总高度，返回最后一个索引\n    const totalHeight = getOffsetForIndex(dataLength);\n    if (offset >= totalHeight) {\n        return dataLength - 1;\n    }\n\n    while (left <= right) {\n        const currentGuess = Math.floor((left + right) / 2);\n        const currentOffset = getOffsetForIndex(currentGuess);\n        const itemSize = getItemSize(currentGuess);\n\n        // 检查 offset 是否在当前项的范围内\n        if (currentOffset <= offset && currentOffset + itemSize > offset) {\n            return currentGuess;\n        }\n\n        if (currentOffset <= offset) {\n            // offset 在当前项之后，向右查找\n            left = currentGuess + 1;\n            bestGuess = currentGuess;\n        } else {\n            // offset 在当前项之前，向左查找\n            right = currentGuess - 1;\n        }\n    }\n\n    return Math.min(bestGuess, dataLength - 1);\n};\n\n/**\n * 完全按照 CellSizeAndPositionManager.getVisibleCellRange 的算法实现\n * 参考 react-window 和 react-virtualized 的实现\n */\nconst updateVisibleItems = (currentScrollTop: number) => {\n    if (!containerRef.value || allData.value.length === 0) {\n        return;\n    }\n\n    const containerHeight = containerRef.value.clientHeight;\n    // 如果容器高度为 0，说明还没有渲染完成，延迟计算\n    if (containerHeight === 0) {\n        nextTick(() => {\n            if (containerRef.value && containerRef.value.clientHeight > 0) {\n                updateVisibleItems(currentScrollTop);\n            }\n        });\n        return;\n    }\n\n    const overscanCount = get(props.virtualized, 'overscanCount', 5) as number;\n\n    // 完全按照 CellSizeAndPositionManager.getVisibleCellRange 的算法\n    const containerSize = containerHeight;\n    let offset = currentScrollTop;\n    const maxOffset = offset + containerSize;\n\n    // 使用二分查找找到可见范围的起始索引\n    const start = findNearestItem(offset);\n\n    // 获取起始项的位置和大小\n    const startOffset = getOffsetForIndex(start);\n    const startItemSize = getItemSize(start);\n\n    // offset 更新为起始项的底部位置（即下一项的顶部位置）\n    offset = startOffset + startItemSize;\n\n    // 从 start 开始，累加后续项的高度，直到超过 maxOffset\n    let stop = start;\n    while (offset < maxOffset && stop < allData.value.length - 1) {\n        stop++;\n        const itemSize = getItemSize(stop);\n        offset += itemSize;\n    }\n\n    // 确保索引在有效范围内\n    const startIndex = Math.max(0, Math.min(start, allData.value.length - 1));\n    const endIndex = Math.max(startIndex, Math.min(stop, allData.value.length - 1));\n\n    // 应用 overscan\n    const overscanStartIndex = Math.max(0, startIndex - overscanCount);\n    const overscanStopIndex = Math.min(allData.value.length - 1, endIndex + overscanCount);\n\n    // 只有在可见范围真正发生变化时才更新，避免不必要的重新渲染\n    const currentRange = visibleRange.value;\n    const hasChanged =\n        currentRange.overscanStartIndex !== overscanStartIndex ||\n        currentRange.overscanStopIndex !== overscanStopIndex ||\n        currentRange.startIndex !== startIndex ||\n        currentRange.endIndex !== endIndex;\n\n    if (hasChanged) {\n        visibleRange.value = {\n            startIndex,\n            endIndex,\n            overscanStartIndex,\n            overscanStopIndex,\n        };\n\n        emit('items-rendered', {\n            overscanStartIndex,\n            overscanStopIndex,\n            visibleStartIndex: startIndex,\n            visibleStopIndex: endIndex,\n        });\n    }\n};\n\n/**\n * 暴露类似 react-window List 的 API\n * Scroll to the specified item\n * @param index - The index of the item to scroll to\n * @param align - Alignment option: 'auto' | 'smart' | 'center' | 'end' | 'start'\n */\nconst scrollToItem = (index: number, align: 'auto' | 'smart' | 'center' | 'end' | 'start' = 'auto') => {\n    if (!containerRef.value || index < 0 || index >= allData.value.length) {\n        return;\n    }\n\n    // 计算目标项的顶部位置\n    const targetTop = getOffsetForIndex(index);\n    const containerHeight = containerRef.value.clientHeight;\n    const itemHeight = getItemSize(index);\n    const currentScrollTop = containerRef.value.scrollTop;\n    const visibleTop = currentScrollTop;\n    const visibleBottom = currentScrollTop + containerHeight;\n    const itemTop = targetTop;\n    const itemBottom = targetTop + itemHeight;\n\n    // 检查项目是否已经在可见范围内\n    const isAlreadyVisible = itemTop >= visibleTop && itemBottom <= visibleBottom;\n    if (isAlreadyVisible && align === 'auto') {\n        return; // 已经可见，不需要滚动\n    }\n\n    let finalScrollTop = currentScrollTop;\n\n    // 根据 align 参数调整滚动位置\n    switch (align) {\n        case 'start':\n            finalScrollTop = itemTop;\n            break;\n        case 'center':\n            finalScrollTop = itemTop - (containerHeight - itemHeight) / 2;\n            break;\n        case 'end':\n            finalScrollTop = itemBottom - containerHeight;\n            break;\n        case 'smart': {\n            // 如果目标项在可见范围内，不滚动\n            if (isAlreadyVisible) {\n                return;\n            }\n            // 如果目标项距离可见区域小于一个视口，滚动尽可能少\n            const viewportDistance = Math.min(Math.abs(itemTop - visibleTop), Math.abs(itemBottom - visibleBottom));\n            if (viewportDistance < containerHeight) {\n                // 滚动尽可能少以确保项目可见\n                if (itemTop < visibleTop) {\n                    finalScrollTop = itemTop;\n                } else {\n                    finalScrollTop = itemBottom - containerHeight;\n                }\n            } else {\n                // 如果距离超过一个视口，居中显示\n                finalScrollTop = itemTop - (containerHeight - itemHeight) / 2;\n            }\n            break;\n        }\n        case 'auto':\n        default: {\n            // auto: 滚动尽可能少以确保项目可见\n            if (itemTop < visibleTop) {\n                finalScrollTop = itemTop;\n            } else if (itemBottom > visibleBottom) {\n                finalScrollTop = itemBottom - containerHeight;\n            } else {\n                // 已经可见，不滚动\n                return;\n            }\n            break;\n        }\n    }\n\n    // 确保滚动位置有效\n    const maxScrollTop = Math.max(0, containerRef.value.scrollHeight - containerHeight);\n    finalScrollTop = Math.max(0, Math.min(maxScrollTop, finalScrollTop));\n\n    // 只有在位置真正变化时才滚动\n    if (finalScrollTop !== currentScrollTop) {\n        containerRef.value.scrollTop = finalScrollTop;\n        // 直接设置 scrollTop 不会触发 scroll 事件，需要手动更新可见项\n        scrollTop.value = finalScrollTop;\n        updateVisibleItems(finalScrollTop);\n    }\n};\n\ndefineExpose({\n    /**\n     * 暴露 containerRef，供 Table.vue 在虚拟滚动时访问滚动容器\n     * 用于 handleWheelNonPassive 等需要直接操作滚动容器的场景\n     */\n    containerRef,\n    /**\n     * Scroll to the specified offset (scrollTop)\n     * @param scrollOffset - The offset to scroll to\n     */\n    scrollTo: (scrollOffset: number) => {\n        if (containerRef.value) {\n            containerRef.value.scrollTop = scrollOffset;\n            scrollTop.value = scrollOffset;\n            updateVisibleItems(scrollOffset);\n        }\n    },\n    /**\n     * Scroll to the specified item\n     * @param index - The index of the item to scroll to\n     * @param align - Alignment option: 'auto' | 'smart' | 'center' | 'end' | 'start'\n     */\n    scrollToItem,\n    // 保持向后兼容的别名\n    scrollToOffset: (offset: number) => {\n        if (containerRef.value) {\n            containerRef.value.scrollTop = offset;\n            scrollTop.value = offset;\n            updateVisibleItems(offset);\n        }\n    },\n    scrollToTop: () => {\n        if (containerRef.value) {\n            containerRef.value.scrollTop = 0;\n            scrollTop.value = 0;\n            updateVisibleItems(0);\n        }\n    },\n});\n\nlet scrollTimeout: NodeJS.Timeout | null = null;\nconst scrollDebounceDelay = 16; // 约 60fps\n\nconst handleScroll = (e: Event) => {\n    const target = e.target as HTMLElement;\n    const newScrollTop = target.scrollTop;\n    const newScrollLeft = target.scrollLeft;\n\n    if (props.onScroll) {\n        const prevTop = scrollTop.value;\n        props.onScroll({\n            scrollOffset: newScrollTop,\n            scrollDirection: newScrollTop > prevTop ? 'forward' : 'backward',\n        });\n    }\n\n    scrollTop.value = newScrollTop;\n    scrollLeft.value = newScrollLeft;\n\n    if (props.handleBodyScroll) {\n        props.handleBodyScroll(e);\n    }\n\n    // 使用防抖来优化性能，避免频繁计算\n    if (scrollTimeout) {\n        clearTimeout(scrollTimeout);\n    }\n\n    scrollTimeout = setTimeout(() => {\n        // 计算可见项\n        updateVisibleItems(newScrollTop);\n        scrollTimeout = null;\n    }, scrollDebounceDelay);\n};\n\nconst handleWheel = (e: WheelEvent) => {\n    if (props.handleWheel) {\n        props.handleWheel(e);\n    }\n};\n\nlet resizeObserver: ResizeObserver | null = null;\n\nonMounted(() => {\n    // 使用 nextTick 确保 DOM 已经完全渲染\n    nextTick(() => {\n        // 如果容器已准备好，直接初始化\n        if (containerRef.value && containerRef.value.clientHeight > 0) {\n            updateVisibleItems(containerRef.value.scrollTop || 0);\n            return;\n        }\n\n        // 否则使用 requestAnimationFrame 等待渲染\n        requestAnimationFrame(() => {\n            if (containerRef.value && containerRef.value.clientHeight > 0) {\n                updateVisibleItems(containerRef.value.scrollTop || 0);\n            } else if (containerRef.value && typeof ResizeObserver !== 'undefined') {\n                // 使用 ResizeObserver 监听容器大小变化\n                resizeObserver = new ResizeObserver(() => {\n                    if (containerRef.value && containerRef.value.clientHeight > 0) {\n                        updateVisibleItems(containerRef.value.scrollTop || 0);\n                        resizeObserver?.disconnect();\n                        resizeObserver = null;\n                    }\n                });\n                resizeObserver.observe(containerRef.value);\n            }\n        });\n    });\n});\n\nonUnmounted(() => {\n    if (resizeObserver) {\n        resizeObserver.disconnect();\n        resizeObserver = null;\n    }\n    if (scrollTimeout) {\n        clearTimeout(scrollTimeout);\n        scrollTimeout = null;\n    }\n    // 清理缓存\n    itemSizeCache.clear();\n});\n\nwatch(\n    () => allData.value,\n    (newData) => {\n        if (newData && newData.length > 0) {\n            // 清空缓存，因为数据源变化了\n            itemSizeCache.clear();\n\n            // 使用 nextTick 确保 DOM 已经更新\n            nextTick(() => {\n                // 如果容器还没有初始化，先尝试初始化\n                if (!containerRef.value || containerRef.value.clientHeight === 0) {\n                    // 使用 requestAnimationFrame 等待容器渲染\n                    requestAnimationFrame(() => {\n                        if (containerRef.value && containerRef.value.clientHeight > 0) {\n                            // 容器已准备好，计算可见范围\n                            updateVisibleItems(containerRef.value.scrollTop || 0);\n                        } else {\n                            // 容器还未准备好，设置一个初始可见范围\n                            // 这样 virtualizedData 就不会为空\n                            visibleRange.value = {\n                                startIndex: 0,\n                                endIndex: Math.min(9, newData.length - 1),\n                                overscanStartIndex: 0,\n                                overscanStopIndex: Math.min(14, newData.length - 1),\n                            };\n                        }\n                    });\n                } else {\n                    // 容器已存在，更新可见项\n                    updateVisibleItems(containerRef.value.scrollTop || 0);\n                }\n            });\n        } else if (newData && newData.length === 0) {\n            // 数据为空时，重置可见范围\n            visibleRange.value = {\n                startIndex: -1,\n                endIndex: -1,\n                overscanStartIndex: -1,\n                overscanStopIndex: -1,\n            };\n            // 清空缓存\n            itemSizeCache.clear();\n        }\n    },\n    { immediate: true }\n);\n\nconst cachedScrollTop = ref(0);\n\nwatch(\n    () => props.dataSource,\n    () => {\n        if (containerRef.value) {\n            // 保存当前滚动位置\n            cachedScrollTop.value = containerRef.value.scrollTop;\n            nextTick(() => {\n                // 恢复滚动位置\n                containerRef.value!.scrollTop = cachedScrollTop.value;\n                updateVisibleItems(cachedScrollTop.value);\n            });\n        }\n    }\n);\n\n// 监听 expandedRowKeys 变化，保持滚动位置（展开/收起时）\nwatch(\n    () => props.expandedRowKeys,\n    (newKeys, oldKeys) => {\n        // 只有在实际发生变化时才处理\n        if (containerRef.value && JSON.stringify(newKeys) !== JSON.stringify(oldKeys)) {\n            // 保存当前滚动位置\n            const currentScrollTop = containerRef.value.scrollTop;\n            cachedScrollTop.value = currentScrollTop;\n\n            // 清空缓存，因为展开/收起会改变数据结构\n            itemSizeCache.clear();\n\n            nextTick(() => {\n                if (containerRef.value) {\n                    containerRef.value.scrollTop = currentScrollTop;\n                    updateVisibleItems(currentScrollTop);\n                }\n            });\n        }\n    },\n    { deep: true }\n);\n</script>\n"],"names":["scrollDebounceDelay","props","__props","emit","__emit","containerRef","ref","scrollTop","scrollLeft","foundationVirtualizedData","useTableBodyFoundation","computed","allData","visibleRange","virtualizedData","overscanStartIndex","overscanStopIndex","initialCount","item","relativeIndex","start","end","bodyCls","classnames","tableContext","useTableContext","tableWidth","scrollX","_a","ctxWidth","cellWidths","totalWidth","arrayAdd","manualWidth","sum","col","tableCls","containerStyle","rawY","get","yIsNumber","innerStyle","totalHeight","dataLength","heights","i","size","getItemSize","itemSizeCache","index","defaultConfig","getDefaultVirtualizedRowConfig","itemSize","realSize","error","watch","getItemKey","getItemStyle","originalIndex","top","getCellWidths","contextWidths","w","width","column","getBodyCellComponent","strings","getFirstDataColumnIndex","idx","cols","key","isInnerColumnKey","renderRowWithStyle","rowVNode","renderRow","itemStyle","rowWidth","existingStyle","mergedStyle","h","groupKey","group","expanded","groupRowKeys","groupSectionContent","result","colSpan","isScrollbarColumn","groupRecord","groupedRowProps","groupClassName","groupStyle","groupOnClick","restGroupRowProps","handleGroupRowClick","e","rowCls","record","rowIndex","level","r","_b","selected","_c","disabled","_d","expandable","rowProps","className","style","onClick","onDoubleClick","onMouseEnter","onMouseLeave","restRowProps","rowClass","cells","firstDataColumnIndex","BodyCell","getColumnSlotName","columnIndex","isExpandedColumn","TableCell","expandableProps","isBool","hasExpandIcon","fixedLeft","isFixedLeft","lastFixedLeft","isLastLeftFixed","fixedRight","isFixedRight","firstFixedRight","isFirstFixedRight","diyProps","cellWidth","columnWidth","columnSlotName","hasSlot","cellSlots","textValue","slotFn","capturedText","capturedRecord","capturedIndex","rowStyle","rowEvents","getOffsetForIndex","offset","maxIndex","findNearestItem","left","right","bestGuess","currentGuess","currentOffset","updateVisibleItems","currentScrollTop","containerHeight","nextTick","overscanCount","containerSize","maxOffset","startOffset","startItemSize","stop","startIndex","endIndex","currentRange","__expose","scrollOffset","align","targetTop","itemHeight","visibleTop","visibleBottom","itemTop","itemBottom","isAlreadyVisible","finalScrollTop","maxScrollTop","scrollTimeout","handleScroll","target","newScrollTop","newScrollLeft","prevTop","handleWheel","resizeObserver","onMounted","onUnmounted","newData","cachedScrollTop","newKeys","oldKeys","_createElementBlock","_createElementVNode","_normalizeStyle","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_unref","Empty"],"mappings":"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"}
+{"version":3,"file":"VirtualizedBody.vue2.cjs","sources":["../../../../src/components/table/VirtualizedBody.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"containerRef\"\n        :class=\"bodyCls\"\n        :style=\"containerStyle\"\n        @scroll=\"handleScroll\"\n        @wheel.passive=\"handleWheel\"\n    >\n        <div\n            :style=\"{\n                width: typeof tableWidth === 'number' ? `${tableWidth}px` : tableWidth,\n                overflow: 'visible',\n            }\"\n            :class=\"tableCls\"\n        >\n            <div :class=\"`${prefixCls}-tbody`\" :style=\"innerStyle\">\n                <component\n                    :is=\"renderRowWithStyle(item, item.__originalIndex ?? relativeIndex)\"\n                    v-for=\"(item, relativeIndex) in virtualizedData\"\n                    :key=\"getItemKey(item, item.__originalIndex ?? relativeIndex)\"\n                />\n            </div>\n        </div>\n        <div v-if=\"!allData || allData.length === 0\" :class=\"`${prefixCls}-empty`\">\n            <slot name=\"empty\">\n                <Empty v-if=\"!props.emptySlot\" />\n                <component :is=\"props.emptySlot\" v-else />\n            </slot>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick, h } from 'vue';\nimport { get } from 'lodash';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/table/constants';\nimport {\n    getDefaultVirtualizedRowConfig,\n    arrayAdd,\n    isInnerColumnKey,\n    isExpandedColumn,\n    isScrollbarColumn,\n    isFixedLeft,\n    isFixedRight,\n    isLastLeftFixed,\n    isFirstFixedRight,\n} from '@douyinfe/semi-foundation/table/utils';\nimport { strings } from '@douyinfe/semi-foundation/table/constants';\nimport Empty from '../empty';\nimport { useTableBodyFoundation } from './useTableBodyFoundation';\nimport { useTableContext } from './table-context';\nimport TableCell from './TableCell.vue';\nimport type { Virtualized, VirtualizedItemSize, VirtualizedOnScroll, ColumnProps, Size } from './interface';\nimport type { CSSProperties } from 'vue';\n\ndefineOptions({\n    name: 'SemiVirtualizedBody',\n});\n\ninterface Props {\n    dataSource?: any[];\n    columns?: ColumnProps[];\n    virtualized?: Virtualized;\n    scroll?: { y?: number | string; x?: number | string };\n    prefixCls?: string;\n    size?: Size;\n    onScroll?: VirtualizedOnScroll;\n    handleBodyScroll?: (e: any) => void;\n    handleWheel?: (e: WheelEvent) => void;\n    emptySlot?: any;\n    rowKey?: string | number | ((record: any) => string | number);\n    components?: any;\n    expandedRowKeys?: (string | number)[];\n    expandedRowRender?: (record: any, index: number, expanded: boolean) => any;\n    onRow?: (record: any, index: number) => any;\n    rowExpandable?: (record: any) => boolean;\n    selectedRowKeysSet?: Set<string | number> | Set<unknown>;\n    disabledRowKeysSet?: Set<string | number> | Set<unknown>;\n    renderExpandIcon?: (record: any, isNested: boolean, groupKey?: string | number) => any;\n    hideExpandedColumn?: boolean;\n    expandRowByClick?: boolean;\n    slots?: any;\n    childrenRecordName?: string;\n    groups?: Map<string | number, Set<string | number>> | null;\n    renderGroupSection?: (groupKey?: string | number, group?: (string | number)[]) => any;\n    onGroupedRow?: (record?: any, index?: number) => any;\n    clickGroupedRowToExpand?: boolean;\n    onGroupExpand?: (expanded: boolean, groupKey: string | number, e: MouseEvent) => void;\n    indentSize?: number;\n    expandIcon?: any;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    prefixCls: cssClasses.PREFIX,\n    dataSource: () => [],\n    columns: () => [],\n});\n\nconst emit = defineEmits<{\n    (\n        e: 'items-rendered',\n        props: {\n            overscanStartIndex: number;\n            overscanStopIndex: number;\n            visibleStartIndex: number;\n            visibleStopIndex: number;\n        }\n    ): void;\n}>();\n\nconst containerRef = ref<HTMLElement>();\nconst scrollTop = ref(0);\nconst scrollLeft = ref(0);\n\nconst { virtualizedData: foundationVirtualizedData } = useTableBodyFoundation({\n    dataSource: computed(() => props.dataSource),\n    rowKey: computed(() => props.rowKey),\n    childrenRecordName: computed(() => props.childrenRecordName),\n    expandedRowRender: computed(() => props.expandedRowRender),\n    expandedRowKeys: computed(() => props.expandedRowKeys),\n    groups: computed(() => props.groups),\n    columns: computed(() => props.columns),\n});\n\nconst allData = computed(() => {\n    return foundationVirtualizedData.value || [];\n});\n\n// 可见项范围\n// 初始值设置为 -1，表示还未计算，避免初始时只显示第一项\n// 但在数据准备好后会立即计算，确保正确显示\nconst visibleRange = ref({\n    startIndex: -1,\n    endIndex: -1,\n    overscanStartIndex: -1,\n    overscanStopIndex: -1,\n});\n\nconst virtualizedData = computed(() => {\n    const { overscanStartIndex, overscanStopIndex } = visibleRange.value;\n\n    // 如果还未计算可见范围（初始值为 -1），但有数据，返回前几项作为初始显示\n    if (overscanStartIndex < 0 || overscanStopIndex < 0) {\n        // 如果有数据但还未初始化，返回前 10 项作为初始显示\n        if (allData.value.length > 0) {\n            const initialCount = Math.min(10, allData.value.length);\n            return allData.value.slice(0, initialCount).map((item, relativeIndex) => ({\n                ...item,\n                __originalIndex: relativeIndex,\n            }));\n        }\n        return [];\n    }\n\n    const start = Math.max(0, overscanStartIndex);\n    const end = Math.min(allData.value.length - 1, overscanStopIndex);\n\n    // 返回可见范围内的数据，但保留原始索引信息\n    return allData.value.slice(start, end + 1).map((item, relativeIndex) => ({\n        ...item,\n        __originalIndex: start + relativeIndex, // 保存原始索引\n    }));\n});\n\nconst bodyCls = computed(() => classnames(`${props.prefixCls}-body`));\n\nconst tableContext = useTableContext();\n\nconst tableWidth = computed(() => {\n    const scrollX = props.scroll?.x;\n    if (scrollX) {\n        return typeof scrollX === 'number' ? scrollX : scrollX;\n    }\n\n    // 如果没有 scroll.x，使用 tableContext 的 tableWidth（如果可用）\n    if (tableContext?.tableWidth !== undefined && tableContext.tableWidth !== null) {\n        const ctxWidth = tableContext.tableWidth;\n        if (typeof ctxWidth === 'number' && ctxWidth > 0) {\n            return ctxWidth;\n        }\n    }\n\n    // 降级方案：使用 getCellWidths 计算\n    if (tableContext?.getCellWidths) {\n        const cellWidths = tableContext.getCellWidths(props.columns);\n        if (cellWidths && cellWidths.length > 0) {\n            const totalWidth = arrayAdd(cellWidths, 0, (props.columns || []).length);\n            if (totalWidth > 0) {\n                return totalWidth;\n            }\n        }\n    }\n\n    // 最后的降级方案：直接计算列宽\n    const manualWidth = (props.columns || []).reduce((sum: number, col: ColumnProps) => {\n        return sum + (typeof col.width === 'number' ? col.width : 0);\n    }, 0);\n\n    // 如果手动计算有宽度，返回该宽度，否则返回 100%\n    return manualWidth > 0 ? manualWidth : '100%';\n});\n\nconst tableCls = computed(() => classnames(`${props.prefixCls}`, `${props.prefixCls}-fixed`));\n\nconst containerStyle = computed<CSSProperties>(() => {\n    const rawY = get(props.scroll, 'y');\n    const yIsNumber = typeof rawY === 'number';\n    const y = yIsNumber ? rawY : 600;\n\n    return {\n        width: '100%',\n        height: yIsNumber ? `${y}px` : '600px',\n        overflowX: 'auto',\n        overflowY: 'scroll',\n        position: 'relative',\n        scrollbarGutter: 'stable',\n    } as CSSProperties;\n});\n\nconst innerStyle = computed<CSSProperties>(() => {\n    // 计算所有扁平化数据的总高度（不是只计算可见项的高度）\n    // 使用缓存的高度计算，避免重复遍历\n    let totalHeight = 0;\n    const dataLength = allData.value.length;\n\n    // 如果数据量很大，可以考虑优化计算\n    if (dataLength > 0) {\n        // 预分配数组，提高性能\n        const heights = new Array(dataLength);\n        for (let i = 0; i < dataLength; i++) {\n            const size = getItemSize(i);\n            heights[i] = size;\n            totalHeight += size;\n        }\n    }\n\n    return {\n        width: '100%',\n        height: `${totalHeight}px`,\n        position: 'relative',\n    };\n});\n\nconst itemSizeCache = new Map<number, number>();\n\nconst getItemSize = (index: number): number => {\n    if (itemSizeCache.has(index)) {\n        return itemSizeCache.get(index)!;\n    }\n\n    // 边界检查\n    if (index < 0 || index >= allData.value.length) {\n        return 0;\n    }\n\n    // 使用原始数据源获取 item\n    const item = allData.value[index];\n    if (!item) {\n        return 0;\n    }\n\n    const defaultConfig = getDefaultVirtualizedRowConfig(props.size, item?.sectionRow);\n    const itemSize = get(props.virtualized, 'itemSize', defaultConfig.height) as VirtualizedItemSize;\n\n    let realSize = itemSize as number;\n\n    if (typeof itemSize === 'function') {\n        try {\n            realSize = itemSize(index, {\n                expandedRow: get(item, 'expandedRow', false),\n                sectionRow: get(item, 'sectionRow', false),\n            });\n        } catch (error) {\n            console.warn(`Error in itemSize function at index ${index}:`, error);\n            realSize = defaultConfig.height;\n        }\n    }\n\n    // 确保返回有效值\n    if (typeof realSize !== 'number' || isNaN(realSize)) {\n        realSize = defaultConfig.height;\n    }\n\n    if (realSize < defaultConfig.minHeight) {\n        if (process.env.NODE_ENV === 'development') {\n            console.warn(\n                `The computed real \\`itemSize\\` at index ${index} cannot be less than ${defaultConfig.minHeight}, got ${realSize}`\n            );\n        }\n        realSize = defaultConfig.minHeight;\n    }\n    itemSizeCache.set(index, realSize);\n    return realSize;\n};\n\n// 当数据变化时，清空缓存\nwatch(\n    () => allData.value,\n    () => {\n        itemSizeCache.clear();\n    },\n    { deep: true }\n);\n\nconst getItemKey = (item: any, index: number): string | number => {\n    return get(item, 'key', index);\n};\n\nconst getItemStyle = (item: any, relativeIndex: number): CSSProperties => {\n    // 使用原始索引计算位置（__originalIndex 是在 virtualizedData computed 中设置的）\n    const originalIndex = item?.__originalIndex ?? relativeIndex;\n\n    // 确保索引在有效范围内\n    if (originalIndex < 0 || originalIndex >= allData.value.length) {\n        return {\n            position: 'absolute',\n            top: '0px',\n            left: 0,\n            right: 0,\n            height: '0px',\n            display: 'none', // 隐藏无效项\n        };\n    }\n\n    // 计算该索引之前所有项的总高度\n    let top = 0;\n    for (let i = 0; i < originalIndex; i++) {\n        top += getItemSize(i);\n    }\n\n    return {\n        position: 'absolute',\n        top: `${top}px`,\n        left: 0,\n        height: `${getItemSize(originalIndex)}px`,\n        display: 'flex',\n        // 确保单元格不会被压缩\n        flexShrink: 0,\n    };\n};\n\n// 获取 cellWidths，用于虚拟滚动行的宽度计算\nconst getCellWidths = computed(() => {\n    let cellWidths: number[] = [];\n    if (tableContext?.getCellWidths) {\n        cellWidths = tableContext.getCellWidths(props.columns) || [];\n    }\n\n    // 如果 tableContext 没有返回有效数据，或者列数不匹配，使用降级方案\n    if (!cellWidths.length || cellWidths.length !== props.columns?.length) {\n        cellWidths = (props.columns || []).map((col: ColumnProps) => {\n            // 优先使用列配置的 width\n            if (typeof col.width === 'number' && col.width > 0) {\n                return col.width;\n            }\n            // 如果是固定列，尝试从 context 获取\n            if (col.fixed && tableContext?.getCellWidths) {\n                const contextWidths = tableContext.getCellWidths(props.columns) || [];\n                if (contextWidths.length > 0) {\n                    return contextWidths[0] || 0; // 降级方案\n                }\n            }\n            return 0; // 让浏览器自动计算\n        });\n    }\n\n    const hasZeroWidth = cellWidths.some((w) => w === 0);\n    if (hasZeroWidth) {\n        cellWidths = cellWidths.map((width, index) => {\n            if (width > 0) {\n                return width;\n            }\n            const column = props.columns?.[index];\n            if (column && typeof column.width === 'number' && column.width > 0) {\n                return column.width;\n            }\n            return 80;\n        });\n    }\n\n    return cellWidths;\n});\n\nconst getBodyCellComponent = computed(() => {\n    return get(props.components, 'body.cell', strings.DEFAULT_COMPONENTS.body.cell);\n});\n\n// 计算第一个数据列的索引（排除 inner columns）\nconst getFirstDataColumnIndex = computed(() => {\n    let idx = 0;\n    const cols = props.columns || [];\n    while (idx < cols.length) {\n        const key = (cols[idx] as any)?.key;\n        if (key != null && isInnerColumnKey(key)) {\n            idx += 1;\n            continue;\n        }\n        break;\n    }\n    return idx;\n});\n\n/**\n * 渲染带有绝对定位样式的行\n * 关键：虚拟滚动中，react-window 的样式（position: absolute, top, height）\n * 需要直接应用到 <tr> 元素上，而不是外层 wrapper\n * 这样才能确保 table 布局正确工作\n */\nconst renderRowWithStyle = (item: any, index: number) => {\n    const rowVNode = renderRow(item, index);\n    if (!rowVNode) {\n        return null;\n    }\n\n    // 获取绝对定位样式\n    const itemStyle = getItemStyle(item, index);\n\n    // 获取行宽度\n    const rowWidth = typeof tableWidth.value === 'number' ? `${tableWidth.value}px` : tableWidth.value;\n\n    const existingStyle = rowVNode.props?.style || {};\n    const mergedStyle: CSSProperties = {\n        // 先应用用户自定义样式\n        ...(typeof existingStyle === 'object' ? existingStyle : {}),\n        // 再应用虚拟滚动必需的定位样式（不能被覆盖）\n        ...itemStyle,\n        width: rowWidth,\n    };\n\n    // 使用 h() 创建新的 VNode 并合并样式\n    return h(\n        rowVNode.type as any,\n        {\n            ...rowVNode.props,\n            style: mergedStyle,\n        },\n        rowVNode.children as any\n    );\n};\n\nconst renderRow = (item: any, index: number) => {\n    // 如果是分组行（sectionRow）\n    if (item?.sectionRow) {\n        const groupKey = item.groupKey;\n        const group = item.group;\n        const expanded = item.expanded ?? false;\n\n        // 获取分组的所有 row keys\n        const groupRowKeys = group ? Array.from(group as Set<string | number>) : [];\n\n        // 渲染分组标题内容\n        let groupSectionContent: any = null;\n        if (props.renderGroupSection) {\n            const result = props.renderGroupSection(groupKey, groupRowKeys);\n            // 如果返回的是对象（包含 children），则提取 children\n            if (result && typeof result === 'object' && 'children' in result) {\n                groupSectionContent = result.children;\n            } else {\n                groupSectionContent = result;\n            }\n        } else {\n            groupSectionContent = String(groupKey || '');\n        }\n\n        // 计算 colSpan（排除 scrollbar 列）\n        const filteredColumns = (props.columns || []).filter((col: ColumnProps) => !isScrollbarColumn(col));\n        const colSpan = filteredColumns.length;\n\n        // 分组行的 onRow 处理\n        const groupRecord = { groupKey, records: groupRowKeys } as any;\n        const groupedRowProps = props.onGroupedRow ? props.onGroupedRow(groupRecord, index) : {};\n        const {\n            className: groupClassName,\n            style: groupStyle,\n            onClick: groupOnClick,\n            ...restGroupRowProps\n        } = groupedRowProps as any;\n\n        // 处理分组行的点击事件（用于展开/收起）\n        const handleGroupRowClick = (e: MouseEvent) => {\n            // 如果启用了点击分组行展开，触发展开/收起\n            if (props.clickGroupedRowToExpand && props.onGroupExpand) {\n                props.onGroupExpand(!expanded, groupKey, e);\n            }\n            // 调用 onGroupedRow 的 onClick（如果存在）\n            if (groupOnClick) {\n                groupOnClick(e);\n            }\n        };\n\n        const rowCls = classnames(\n            `${props.prefixCls}-row-section`,\n            {\n                [`${props.prefixCls}-row-section-on`]: expanded,\n            },\n            groupClassName\n        );\n\n        // 渲染分组行，返回 <tr> 元素\n        return h(\n            'tr',\n            {\n                class: rowCls,\n                style: groupStyle || {},\n                role: 'row',\n                'aria-level': 1,\n                'aria-expanded': expanded,\n                onClick: handleGroupRowClick,\n                ...restGroupRowProps,\n            },\n            [\n                h(\n                    'td',\n                    {\n                        colspan: colSpan,\n                        class: `${props.prefixCls}-row-cell`,\n                    },\n                    [\n                        h(\n                            'div',\n                            {\n                                class: `${props.prefixCls}-section-inner`,\n                            },\n                            [\n                                // 渲染展开图标（如果存在）\n                                props.renderExpandIcon ? props.renderExpandIcon(groupRecord, false, groupKey) : null,\n                                // 渲染分组内容\n                                groupSectionContent,\n                            ]\n                        ),\n                    ]\n                ),\n            ]\n        );\n    }\n\n    // 如果是展开行（expandedRow）\n    if (item?.expandedRow) {\n        if (!props.expandedRowRender) {\n            return null;\n        }\n        const record = item.record || item;\n        const rowIndex = item.index ?? index;\n\n        // 展开行不需要 cellWidths，但需要正确的 colspan\n        // 排除 scrollbar 列\n        const filteredColumns = (props.columns || []).filter((col: ColumnProps) => !isScrollbarColumn(col));\n        const colSpan = filteredColumns.length || props.columns?.length || 0;\n\n        return h(\n            'tr',\n            {\n                class: `${props.prefixCls}-row-expand ${props.prefixCls}-row`,\n                role: 'row',\n            },\n            [\n                h(\n                    'td',\n                    {\n                        colspan: colSpan,\n                        class: `${props.prefixCls}-row-cell`,\n                    },\n                    [\n                        h(\n                            'div',\n                            {\n                                class: `${props.prefixCls}-expand-inner`,\n                            },\n                            [\n                                typeof props.expandedRowRender === 'function'\n                                    ? props.expandedRowRender(record, rowIndex, true)\n                                    : null,\n                            ]\n                        ),\n                    ]\n                ),\n            ]\n        );\n    }\n\n    const record = item.record || item;\n    const rowIndex = item.index ?? index;\n    const level = item.level ?? 0;\n\n    const getRecordKey = (r: any, key?: string | number | ((r: any) => string | number)) => {\n        if (typeof key === 'function') {\n            return key(r);\n        }\n        if (typeof key === 'string' || typeof key === 'number') {\n            return get(r, key, '');\n        }\n        return get(r, 'key', '');\n    };\n\n    const key = getRecordKey(record, props.rowKey);\n    const expanded = props.expandedRowKeys?.includes(key) || false;\n    const selected = props.selectedRowKeysSet?.has(key) || false;\n    const disabled = props.disabledRowKeysSet?.has(key) || false;\n    const expandable = props.rowExpandable ? props.rowExpandable(record) : false;\n\n    const rowProps = props.onRow ? props.onRow(record, rowIndex) : {};\n    const { className, style, onClick, onDoubleClick, onMouseEnter, onMouseLeave, ...restRowProps } = rowProps as any;\n\n    const rowClass = classnames(\n        `${props.prefixCls}-row`,\n        {\n            [`${props.prefixCls}-row-selected`]: selected,\n            [`${props.prefixCls}-row-disabled`]: disabled,\n            [`${props.prefixCls}-row-expanded`]: expanded,\n        },\n        className\n    );\n\n    const cells: any[] = [];\n    const cellWidths = getCellWidths.value;\n    const firstDataColumnIndex = getFirstDataColumnIndex.value;\n    const BodyCell = getBodyCellComponent.value;\n\n    // 获取列的插槽名称（用于作用域插槽），与 Table.vue 中的 getColumnSlotName 一致\n    const getColumnSlotName = (column: ColumnProps): string | null => {\n        // 优先使用 key，其次使用 dataIndex\n        if (column.key) {\n            return String(column.key);\n        }\n        if (column.dataIndex) {\n            return String(column.dataIndex);\n        }\n        return null;\n    };\n\n    (props.columns || []).forEach((column: ColumnProps, columnIndex: number) => {\n        // 跳过 scrollbar 列\n        if (isScrollbarColumn(column)) {\n            return;\n        }\n\n        // 如果是 expanded column 且不需要显示，渲染空单元格\n        if (isExpandedColumn(column) && !expandable) {\n            cells.push(\n                h(TableCell, {\n                    key: columnIndex,\n                    colIndex: columnIndex,\n                    column: column,\n                    record: record,\n                    index: rowIndex,\n                    prefixCls: props.prefixCls,\n                    component: BodyCell,\n                    expandable: false,\n                })\n            );\n            return;\n        }\n\n        const expandableProps: any = {};\n        if (expandable && columnIndex === firstDataColumnIndex) {\n            expandableProps.renderExpandIcon = props.renderExpandIcon;\n            expandableProps.expandable = true;\n            if (props.hideExpandedColumn || false) {\n                expandableProps.expandIcon = props.expandIcon != null ? props.expandIcon : true;\n            }\n        } else {\n            expandableProps.expandable = false;\n        }\n\n        if (level != null && columnIndex === firstDataColumnIndex) {\n            expandableProps.indent = level;\n            const isBool = typeof props.expandIcon === 'boolean';\n            const hasExpandIcon = props.expandIcon !== false || (!isBool && props.expandIcon !== null);\n            // 如果 expandIcon 为空，不需要 indent\n            if (!expandable && props.hideExpandedColumn && hasExpandIcon) {\n                expandableProps.indent = level + 1;\n            }\n        }\n\n        const fixedLeft = isFixedLeft(column) ? Math.round(arrayAdd(cellWidths, 0, columnIndex)) : false;\n        const lastFixedLeft = isLastLeftFixed(props.columns || [], column);\n        const fixedRight = isFixedRight(column) ? Math.round(arrayAdd(cellWidths, columnIndex + 1)) : false;\n        const firstFixedRight = isFirstFixedRight(props.columns || [], column);\n\n        // 确保固定列在虚拟滚动中也能正确显示层级\n        // 当有固定列时，需要确保 z-index 正确设置\n        // 这个值会在 TableCell 组件中用于样式计算\n\n        const diyProps: any = {};\n        if (!item.expandedRow) {\n            const cellWidth = cellWidths[columnIndex];\n            const columnWidth = typeof column.width === 'number' ? column.width : cellWidth;\n\n            if (cellWidth && cellWidth > 0) {\n                diyProps.width = cellWidth;\n            } else if (columnWidth && columnWidth > 0) {\n                diyProps.width = columnWidth;\n            } else {\n                diyProps.width = 80;\n            }\n        }\n\n        const columnSlotName = getColumnSlotName(column);\n        const hasSlot = columnSlotName && props.slots && !!props.slots[columnSlotName];\n        let cellSlots: any = null;\n        if (hasSlot && columnSlotName && props.slots[columnSlotName]) {\n            // 获取列的文本值，用于插槽\n            const getColumnValue = (r: any, col: ColumnProps): any => {\n                if (col.dataIndex) {\n                    return get(r, col.dataIndex, '');\n                }\n                return r;\n            };\n            const textValue = getColumnValue(record, column);\n            const slotFn = props.slots[columnSlotName];\n            // 使用闭包捕获值，创建一个函数在 Vue 渲染时调用\n            // 注意：这个函数会在 TableCell 渲染 slot 时被调用，此时处于正确的渲染上下文\n            // 我们使用闭包捕获的值，而不是 slotProps（虽然 slotProps 也会被传递，但我们使用自己的值）\n            const capturedText = textValue;\n            const capturedRecord = record;\n            const capturedIndex = rowIndex;\n            cellSlots = {\n                [columnSlotName]: () => {\n                    // 在渲染时调用 slot 函数，使用闭包捕获的值\n                    return slotFn({\n                        text: capturedText,\n                        record: capturedRecord,\n                        index: capturedIndex,\n                    });\n                },\n            };\n        }\n\n        cells.push(\n            h(\n                TableCell,\n                {\n                    key: `${columnIndex}-${rowIndex}`, // 使用更稳定的 key\n                    colIndex: columnIndex,\n                    column: column,\n                    record: record,\n                    index: rowIndex,\n                    prefixCls: props.prefixCls,\n                    component: BodyCell,\n                    hideExpandedColumn: props.hideExpandedColumn,\n                    indentSize: props.indentSize || (props.size === 'small' ? 12 : props.size === 'middle' ? 16 : 16),\n                    selected: selected,\n                    expanded: expanded,\n                    disabled: disabled,\n                    fixedLeft: fixedLeft,\n                    lastFixedLeft: lastFixedLeft,\n                    fixedRight: fixedRight,\n                    firstFixedRight: firstFixedRight,\n                    firstDataColumnIndex: firstDataColumnIndex,\n                    expandIcon: props.expandIcon,\n                    columnSlotName: columnSlotName,\n                    hasSlot: hasSlot,\n                    ...expandableProps,\n                    ...diyProps,\n                },\n                cellSlots || {}\n            )\n        );\n    });\n\n    const rowStyle: CSSProperties = {\n        ...style,\n    };\n\n    const rowEvents: any = {};\n    if (onClick) rowEvents.onClick = onClick;\n    if (onDoubleClick) rowEvents.onDblclick = onDoubleClick;\n    if (onMouseEnter) rowEvents.onMouseenter = onMouseEnter;\n    if (onMouseLeave) rowEvents.onMouseleave = onMouseLeave;\n\n    return h(\n        'tr',\n        {\n            class: rowClass,\n            style: rowStyle,\n            role: 'row',\n            'data-row-key': key,\n            'aria-rowindex': rowIndex + 1,\n            'aria-expanded': expandable ? expanded : undefined,\n            'aria-level': level != null ? level + 1 : undefined,\n            ...rowEvents,\n            ...restRowProps,\n        },\n        cells\n    );\n};\n\n/**\n * 使用二分查找优化可见范围计算\n * 参考 react-window 的实现\n */\nconst getOffsetForIndex = (index: number): number => {\n    if (index <= 0) {\n        return 0;\n    }\n\n    let offset = 0;\n    // 优化：对于小索引，直接计算；对于大索引，可以考虑缓存\n    const maxIndex = Math.min(index, allData.value.length);\n\n    for (let i = 0; i < maxIndex; i++) {\n        offset += getItemSize(i);\n    }\n    return offset;\n};\n\nconst findNearestItem = (offset: number): number => {\n    const dataLength = allData.value.length;\n    if (dataLength === 0) {\n        return 0;\n    }\n\n    let left = 0;\n    let right = dataLength - 1;\n    let bestGuess = 0;\n\n    // 如果 offset 小于等于 0，直接返回 0\n    if (offset <= 0) {\n        return 0;\n    }\n\n    // 如果 offset 大于总高度，返回最后一个索引\n    const totalHeight = getOffsetForIndex(dataLength);\n    if (offset >= totalHeight) {\n        return dataLength - 1;\n    }\n\n    while (left <= right) {\n        const currentGuess = Math.floor((left + right) / 2);\n        const currentOffset = getOffsetForIndex(currentGuess);\n        const itemSize = getItemSize(currentGuess);\n\n        // 检查 offset 是否在当前项的范围内\n        if (currentOffset <= offset && currentOffset + itemSize > offset) {\n            return currentGuess;\n        }\n\n        if (currentOffset <= offset) {\n            // offset 在当前项之后，向右查找\n            left = currentGuess + 1;\n            bestGuess = currentGuess;\n        } else {\n            // offset 在当前项之前，向左查找\n            right = currentGuess - 1;\n        }\n    }\n\n    return Math.min(bestGuess, dataLength - 1);\n};\n\n/**\n * 完全按照 CellSizeAndPositionManager.getVisibleCellRange 的算法实现\n * 参考 react-window 和 react-virtualized 的实现\n */\nconst updateVisibleItems = (currentScrollTop: number) => {\n    if (!containerRef.value || allData.value.length === 0) {\n        return;\n    }\n\n    const containerHeight = containerRef.value.clientHeight;\n    // 如果容器高度为 0，说明还没有渲染完成，延迟计算\n    if (containerHeight === 0) {\n        nextTick(() => {\n            if (containerRef.value && containerRef.value.clientHeight > 0) {\n                updateVisibleItems(currentScrollTop);\n            }\n        });\n        return;\n    }\n\n    const overscanCount = get(props.virtualized, 'overscanCount', 5) as number;\n\n    // 完全按照 CellSizeAndPositionManager.getVisibleCellRange 的算法\n    const containerSize = containerHeight;\n    let offset = currentScrollTop;\n    const maxOffset = offset + containerSize;\n\n    // 使用二分查找找到可见范围的起始索引\n    const start = findNearestItem(offset);\n\n    // 获取起始项的位置和大小\n    const startOffset = getOffsetForIndex(start);\n    const startItemSize = getItemSize(start);\n\n    // offset 更新为起始项的底部位置（即下一项的顶部位置）\n    offset = startOffset + startItemSize;\n\n    // 从 start 开始，累加后续项的高度，直到超过 maxOffset\n    let stop = start;\n    while (offset < maxOffset && stop < allData.value.length - 1) {\n        stop++;\n        const itemSize = getItemSize(stop);\n        offset += itemSize;\n    }\n\n    // 确保索引在有效范围内\n    const startIndex = Math.max(0, Math.min(start, allData.value.length - 1));\n    const endIndex = Math.max(startIndex, Math.min(stop, allData.value.length - 1));\n\n    // 应用 overscan\n    const overscanStartIndex = Math.max(0, startIndex - overscanCount);\n    const overscanStopIndex = Math.min(allData.value.length - 1, endIndex + overscanCount);\n\n    // 只有在可见范围真正发生变化时才更新，避免不必要的重新渲染\n    const currentRange = visibleRange.value;\n    const hasChanged =\n        currentRange.overscanStartIndex !== overscanStartIndex ||\n        currentRange.overscanStopIndex !== overscanStopIndex ||\n        currentRange.startIndex !== startIndex ||\n        currentRange.endIndex !== endIndex;\n\n    if (hasChanged) {\n        visibleRange.value = {\n            startIndex,\n            endIndex,\n            overscanStartIndex,\n            overscanStopIndex,\n        };\n\n        emit('items-rendered', {\n            overscanStartIndex,\n            overscanStopIndex,\n            visibleStartIndex: startIndex,\n            visibleStopIndex: endIndex,\n        });\n    }\n};\n\n/**\n * 暴露类似 react-window List 的 API\n * Scroll to the specified item\n * @param index - The index of the item to scroll to\n * @param align - Alignment option: 'auto' | 'smart' | 'center' | 'end' | 'start'\n */\nconst scrollToItem = (index: number, align: 'auto' | 'smart' | 'center' | 'end' | 'start' = 'auto') => {\n    if (!containerRef.value || index < 0 || index >= allData.value.length) {\n        return;\n    }\n\n    // 计算目标项的顶部位置\n    const targetTop = getOffsetForIndex(index);\n    const containerHeight = containerRef.value.clientHeight;\n    const itemHeight = getItemSize(index);\n    const currentScrollTop = containerRef.value.scrollTop;\n    const visibleTop = currentScrollTop;\n    const visibleBottom = currentScrollTop + containerHeight;\n    const itemTop = targetTop;\n    const itemBottom = targetTop + itemHeight;\n\n    // 检查项目是否已经在可见范围内\n    const isAlreadyVisible = itemTop >= visibleTop && itemBottom <= visibleBottom;\n    if (isAlreadyVisible && align === 'auto') {\n        return; // 已经可见，不需要滚动\n    }\n\n    let finalScrollTop = currentScrollTop;\n\n    // 根据 align 参数调整滚动位置\n    switch (align) {\n        case 'start':\n            finalScrollTop = itemTop;\n            break;\n        case 'center':\n            finalScrollTop = itemTop - (containerHeight - itemHeight) / 2;\n            break;\n        case 'end':\n            finalScrollTop = itemBottom - containerHeight;\n            break;\n        case 'smart': {\n            // 如果目标项在可见范围内，不滚动\n            if (isAlreadyVisible) {\n                return;\n            }\n            // 如果目标项距离可见区域小于一个视口，滚动尽可能少\n            const viewportDistance = Math.min(Math.abs(itemTop - visibleTop), Math.abs(itemBottom - visibleBottom));\n            if (viewportDistance < containerHeight) {\n                // 滚动尽可能少以确保项目可见\n                if (itemTop < visibleTop) {\n                    finalScrollTop = itemTop;\n                } else {\n                    finalScrollTop = itemBottom - containerHeight;\n                }\n            } else {\n                // 如果距离超过一个视口，居中显示\n                finalScrollTop = itemTop - (containerHeight - itemHeight) / 2;\n            }\n            break;\n        }\n        case 'auto':\n        default: {\n            // auto: 滚动尽可能少以确保项目可见\n            if (itemTop < visibleTop) {\n                finalScrollTop = itemTop;\n            } else if (itemBottom > visibleBottom) {\n                finalScrollTop = itemBottom - containerHeight;\n            } else {\n                // 已经可见，不滚动\n                return;\n            }\n            break;\n        }\n    }\n\n    // 确保滚动位置有效\n    const maxScrollTop = Math.max(0, containerRef.value.scrollHeight - containerHeight);\n    finalScrollTop = Math.max(0, Math.min(maxScrollTop, finalScrollTop));\n\n    // 只有在位置真正变化时才滚动\n    if (finalScrollTop !== currentScrollTop) {\n        containerRef.value.scrollTop = finalScrollTop;\n        // 直接设置 scrollTop 不会触发 scroll 事件，需要手动更新可见项\n        scrollTop.value = finalScrollTop;\n        updateVisibleItems(finalScrollTop);\n    }\n};\n\ndefineExpose({\n    /**\n     * 暴露 containerRef，供 Table.vue 在虚拟滚动时访问滚动容器\n     * 用于 handleWheelNonPassive 等需要直接操作滚动容器的场景\n     */\n    containerRef,\n    /**\n     * Scroll to the specified offset (scrollTop)\n     * @param scrollOffset - The offset to scroll to\n     */\n    scrollTo: (scrollOffset: number) => {\n        if (containerRef.value) {\n            containerRef.value.scrollTop = scrollOffset;\n            scrollTop.value = scrollOffset;\n            updateVisibleItems(scrollOffset);\n        }\n    },\n    /**\n     * Scroll to the specified item\n     * @param index - The index of the item to scroll to\n     * @param align - Alignment option: 'auto' | 'smart' | 'center' | 'end' | 'start'\n     */\n    scrollToItem,\n    // 保持向后兼容的别名\n    scrollToOffset: (offset: number) => {\n        if (containerRef.value) {\n            containerRef.value.scrollTop = offset;\n            scrollTop.value = offset;\n            updateVisibleItems(offset);\n        }\n    },\n    scrollToTop: () => {\n        if (containerRef.value) {\n            containerRef.value.scrollTop = 0;\n            scrollTop.value = 0;\n            updateVisibleItems(0);\n        }\n    },\n});\n\nlet scrollTimeout: NodeJS.Timeout | null = null;\nconst scrollDebounceDelay = 16; // 约 60fps\n\nconst handleScroll = (e: Event) => {\n    const target = e.target as HTMLElement;\n    const newScrollTop = target.scrollTop;\n    const newScrollLeft = target.scrollLeft;\n\n    if (props.onScroll) {\n        const prevTop = scrollTop.value;\n        props.onScroll({\n            scrollOffset: newScrollTop,\n            scrollDirection: newScrollTop > prevTop ? 'forward' : 'backward',\n        });\n    }\n\n    scrollTop.value = newScrollTop;\n    scrollLeft.value = newScrollLeft;\n\n    if (props.handleBodyScroll) {\n        props.handleBodyScroll(e);\n    }\n\n    // 使用防抖来优化性能，避免频繁计算\n    if (scrollTimeout) {\n        clearTimeout(scrollTimeout);\n    }\n\n    scrollTimeout = setTimeout(() => {\n        // 计算可见项\n        updateVisibleItems(newScrollTop);\n        scrollTimeout = null;\n    }, scrollDebounceDelay);\n};\n\nconst handleWheel = (e: WheelEvent) => {\n    if (props.handleWheel) {\n        props.handleWheel(e);\n    }\n};\n\nlet resizeObserver: ResizeObserver | null = null;\n\nonMounted(() => {\n    // 使用 nextTick 确保 DOM 已经完全渲染\n    nextTick(() => {\n        // 如果容器已准备好，直接初始化\n        if (containerRef.value && containerRef.value.clientHeight > 0) {\n            updateVisibleItems(containerRef.value.scrollTop || 0);\n            return;\n        }\n\n        // 否则使用 requestAnimationFrame 等待渲染\n        requestAnimationFrame(() => {\n            if (containerRef.value && containerRef.value.clientHeight > 0) {\n                updateVisibleItems(containerRef.value.scrollTop || 0);\n            } else if (containerRef.value && typeof ResizeObserver !== 'undefined') {\n                // 使用 ResizeObserver 监听容器大小变化\n                resizeObserver = new ResizeObserver(() => {\n                    if (containerRef.value && containerRef.value.clientHeight > 0) {\n                        updateVisibleItems(containerRef.value.scrollTop || 0);\n                        resizeObserver?.disconnect();\n                        resizeObserver = null;\n                    }\n                });\n                resizeObserver.observe(containerRef.value);\n            }\n        });\n    });\n});\n\nonUnmounted(() => {\n    if (resizeObserver) {\n        resizeObserver.disconnect();\n        resizeObserver = null;\n    }\n    if (scrollTimeout) {\n        clearTimeout(scrollTimeout);\n        scrollTimeout = null;\n    }\n    // 清理缓存\n    itemSizeCache.clear();\n});\n\nwatch(\n    () => allData.value,\n    (newData) => {\n        if (newData && newData.length > 0) {\n            // 清空缓存，因为数据源变化了\n            itemSizeCache.clear();\n\n            // 使用 nextTick 确保 DOM 已经更新\n            nextTick(() => {\n                // 如果容器还没有初始化，先尝试初始化\n                if (!containerRef.value || containerRef.value.clientHeight === 0) {\n                    // 使用 requestAnimationFrame 等待容器渲染\n                    requestAnimationFrame(() => {\n                        if (containerRef.value && containerRef.value.clientHeight > 0) {\n                            // 容器已准备好，计算可见范围\n                            updateVisibleItems(containerRef.value.scrollTop || 0);\n                        } else {\n                            // 容器还未准备好，设置一个初始可见范围\n                            // 这样 virtualizedData 就不会为空\n                            visibleRange.value = {\n                                startIndex: 0,\n                                endIndex: Math.min(9, newData.length - 1),\n                                overscanStartIndex: 0,\n                                overscanStopIndex: Math.min(14, newData.length - 1),\n                            };\n                        }\n                    });\n                } else {\n                    // 容器已存在，更新可见项\n                    updateVisibleItems(containerRef.value.scrollTop || 0);\n                }\n            });\n        } else if (newData && newData.length === 0) {\n            // 数据为空时，重置可见范围\n            visibleRange.value = {\n                startIndex: -1,\n                endIndex: -1,\n                overscanStartIndex: -1,\n                overscanStopIndex: -1,\n            };\n            // 清空缓存\n            itemSizeCache.clear();\n        }\n    },\n    { immediate: true }\n);\n\nconst cachedScrollTop = ref(0);\n\nwatch(\n    () => props.dataSource,\n    () => {\n        if (containerRef.value) {\n            // 保存当前滚动位置\n            cachedScrollTop.value = containerRef.value.scrollTop;\n            nextTick(() => {\n                // 恢复滚动位置\n                containerRef.value!.scrollTop = cachedScrollTop.value;\n                updateVisibleItems(cachedScrollTop.value);\n            });\n        }\n    }\n);\n\n// 监听 expandedRowKeys 变化，保持滚动位置（展开/收起时）\nwatch(\n    () => props.expandedRowKeys,\n    (newKeys, oldKeys) => {\n        // 只有在实际发生变化时才处理\n        if (containerRef.value && JSON.stringify(newKeys) !== JSON.stringify(oldKeys)) {\n            // 保存当前滚动位置\n            const currentScrollTop = containerRef.value.scrollTop;\n            cachedScrollTop.value = currentScrollTop;\n\n            // 清空缓存，因为展开/收起会改变数据结构\n            itemSizeCache.clear();\n\n            nextTick(() => {\n                if (containerRef.value) {\n                    containerRef.value.scrollTop = currentScrollTop;\n                    updateVisibleItems(currentScrollTop);\n                }\n            });\n        }\n    },\n    { deep: true }\n);\n</script>\n"],"names":["scrollDebounceDelay","props","__props","emit","__emit","containerRef","ref","scrollTop","scrollLeft","foundationVirtualizedData","useTableBodyFoundation","computed","allData","visibleRange","virtualizedData","overscanStartIndex","overscanStopIndex","initialCount","item","relativeIndex","start","end","bodyCls","classnames","tableContext","useTableContext","tableWidth","scrollX","_a","ctxWidth","cellWidths","totalWidth","arrayAdd","manualWidth","sum","col","tableCls","containerStyle","rawY","get","yIsNumber","innerStyle","totalHeight","dataLength","heights","i","size","getItemSize","itemSizeCache","index","defaultConfig","getDefaultVirtualizedRowConfig","itemSize","realSize","error","watch","getItemKey","getItemStyle","originalIndex","top","getCellWidths","contextWidths","w","width","column","getBodyCellComponent","strings","getFirstDataColumnIndex","idx","cols","key","isInnerColumnKey","renderRowWithStyle","rowVNode","renderRow","itemStyle","rowWidth","existingStyle","mergedStyle","h","groupKey","group","expanded","groupRowKeys","groupSectionContent","result","colSpan","isScrollbarColumn","groupRecord","groupedRowProps","groupClassName","groupStyle","groupOnClick","restGroupRowProps","handleGroupRowClick","e","rowCls","record","rowIndex","level","r","_b","selected","_c","disabled","_d","expandable","rowProps","className","style","onClick","onDoubleClick","onMouseEnter","onMouseLeave","restRowProps","rowClass","cells","firstDataColumnIndex","BodyCell","getColumnSlotName","columnIndex","isExpandedColumn","TableCell","expandableProps","isBool","hasExpandIcon","fixedLeft","isFixedLeft","lastFixedLeft","isLastLeftFixed","fixedRight","isFixedRight","firstFixedRight","isFirstFixedRight","diyProps","cellWidth","columnWidth","columnSlotName","hasSlot","cellSlots","textValue","slotFn","capturedText","capturedRecord","capturedIndex","rowStyle","rowEvents","getOffsetForIndex","offset","maxIndex","findNearestItem","left","right","bestGuess","currentGuess","currentOffset","updateVisibleItems","currentScrollTop","containerHeight","nextTick","overscanCount","containerSize","maxOffset","startOffset","startItemSize","stop","startIndex","endIndex","currentRange","__expose","scrollOffset","align","targetTop","itemHeight","visibleTop","visibleBottom","itemTop","itemBottom","isAlreadyVisible","finalScrollTop","maxScrollTop","scrollTimeout","handleScroll","target","newScrollTop","newScrollLeft","prevTop","handleWheel","resizeObserver","onMounted","onUnmounted","newData","cachedScrollTop","newKeys","oldKeys","_createElementBlock","_createElementVNode","_normalizeStyle","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_unref","Empty"],"mappings":"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"}

package/lib/cjs/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Table.vue.cjs"),t=require("./Column.vue.cjs"),u=require("@douyinfe/semi-foundation/table/constants");;/* empty css             */e.default.Column=t.default;e.default.DEFAULT_KEY_COLUMN_SELECTION=u.strings.DEFAULT_KEY_COLUMN_SELECTION;e.default.DEFAULT_KEY_COLUMN_EXPAND=u.strings.DEFAULT_KEY_COLUMN_EXPAND;exports.default=e.default;exports.Column=t.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./Table.vue.cjs"),t=require("./Column.vue.cjs"),e=require("@douyinfe/semi-foundation/table/constants"),u=Object.assign(_.default,{Column:t.default,DEFAULT_KEY_COLUMN_SELECTION:e.strings.DEFAULT_KEY_COLUMN_SELECTION,DEFAULT_KEY_COLUMN_EXPAND:e.strings.DEFAULT_KEY_COLUMN_EXPAND});exports.Column=t.default;exports.default=u;
 //# sourceMappingURL=index.cjs.map

package/lib/cjs/components/table/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/table/index.ts"],"sourcesContent":["import Table from './Table.vue';\nimport Column from './Column.vue';\nimport TableHeader from './TableHeader.vue';\nimport TableHeaderRow from './TableHeaderRow.vue';\nimport TableCell from './TableCell.vue';\nimport TableSelectionCell from './TableSelectionCell.vue';\nimport ColumnSorter from './ColumnSorter.vue';\nimport ColumnFilter from './ColumnFilter.vue';\nimport CustomExpandIcon from './CustomExpandIcon.vue';\nimport ResizableHeaderCell from './ResizableHeaderCell.vue';\nimport VirtualizedBody from './VirtualizedBody.vue';\nimport { strings } from '@douyinfe/semi-foundation/table/constants';\n\n// 导入样式（自动引入）\nimport './table.scss';\n\nexport * from './interface';\nexport {\n    Column,\n    TableHeader,\n    TableHeaderRow,\n    TableCell,\n    TableSelectionCell,\n    ColumnSorter,\n    ColumnFilter,\n    CustomExpandIcon,\n    ResizableHeaderCell,\n    VirtualizedBody,\n};\n\n// 挂载静态属性\n(Table as any).Column = Column;\n(Table as any).DEFAULT_KEY_COLUMN_SELECTION = strings.DEFAULT_KEY_COLUMN_SELECTION;\n(Table as any).DEFAULT_KEY_COLUMN_EXPAND = strings.DEFAULT_KEY_COLUMN_EXPAND;\n\nexport default Table;\n"],"names":["Table","Column","strings"],"mappings":"gQA+BCA,EAAAA,QAAc,OAASC,EAAAA,QACvBD,EAAAA,QAAc,6BAA+BE,EAAAA,QAAQ,6BACrDF,EAAAA,QAAc,0BAA4BE,EAAAA,QAAQ"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/table/index.ts"],"sourcesContent":["import Table from './Table.vue';\nimport Column from './Column.vue';\nimport TableHeader from './TableHeader.vue';\nimport TableHeaderRow from './TableHeaderRow.vue';\nimport TableCell from './TableCell.vue';\nimport TableSelectionCell from './TableSelectionCell.vue';\nimport ColumnSorter from './ColumnSorter.vue';\nimport ColumnFilter from './ColumnFilter.vue';\nimport CustomExpandIcon from './CustomExpandIcon.vue';\nimport ResizableHeaderCell from './ResizableHeaderCell.vue';\nimport VirtualizedBody from './VirtualizedBody.vue';\nimport { strings } from '@douyinfe/semi-foundation/table/constants';\n\n// 导入样式（自动引入）\nimport './table.scss';\n\nexport * from './interface';\nexport {\n    Column,\n    TableHeader,\n    TableHeaderRow,\n    TableCell,\n    TableSelectionCell,\n    ColumnSorter,\n    ColumnFilter,\n    CustomExpandIcon,\n    ResizableHeaderCell,\n    VirtualizedBody,\n};\n\n// 定义类型\ntype TableType = typeof Table & {\n    Column: typeof Column;\n    DEFAULT_KEY_COLUMN_SELECTION: string;\n    DEFAULT_KEY_COLUMN_EXPAND: string;\n};\n\n// 使用 Object.assign 确保属性可枚举，支持解构语法\nconst TableWithColumn = Object.assign(Table, {\n    Column,\n    DEFAULT_KEY_COLUMN_SELECTION: strings.DEFAULT_KEY_COLUMN_SELECTION,\n    DEFAULT_KEY_COLUMN_EXPAND: strings.DEFAULT_KEY_COLUMN_EXPAND,\n}) as TableType;\n\nexport default TableWithColumn;\n"],"names":["TableWithColumn","Table","Column","strings"],"mappings":"oOA2BIA,EAAA,OAAA,OAAAC,UAAA,CAWJ,OAAAC,EAAAA,QACI,6BAAAC,EAAAA,QAAA,6BACA,oCAA8B,yBAAQ,CAAA"}

package/lib/cjs/components/tabs/TabBar.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),G=require("classnames"),i=require("@douyinfe/semi-foundation/tabs/constants"),X=require("@douyinfe/semi-foundation/utils/uuid"),J=require("lodash-es"),S=require("./TabItem.vue.cjs"),I=require("../dropdown/index.cjs"),z=require("../button/Button.vue.cjs");;/* empty css                      */const Q=require("../overflowList/OverflowList.vue.cjs");;/* empty css                                  */const Y=require("../icons/icons/IconChevronLeft.cjs"),Z=require("../icons/icons/IconChevronRight.cjs"),ee=require("../icons/icons/IconChevronDown.cjs"),te=["aria-orientation","data-uuid"],oe=t.defineComponent({name:"TabBar",__name:"TabBar",props:{activeKey:{},className:{},collapsible:{type:Boolean},list:{},onTabClick:{},showRestInDropdown:{type:Boolean,default:!0},size:{},style:{},tabBarExtraContent:{},tabPosition:{},type:{},dropdownClassName:{},dropdownStyle:{},closable:{type:Boolean},deleteTabItem:{},handleKeyDown:{},more:{},onVisibleTabsChange:{},visibleTabsStyle:{},arrowPosition:{},renderArrow:{},dropdownProps:{}},setup(u){const l=u,v=t.ref(""),$=t.ref(!0),k=t.ref(0);t.onMounted(()=>{v.value=X.getUuidv4()}),t.watch(()=>l.activeKey,(e,o)=>{e!==o&&l.collapsible&&D()});const L=t.computed(()=>{const{type:e,className:o,tabPosition:s,collapsible:r}=l;return[o,{[i.cssClasses.TABS_BAR]:!0,[i.cssClasses.TABS_BAR_LINE]:e==="line",[i.cssClasses.TABS_BAR_CARD]:e==="card",[i.cssClasses.TABS_BAR_BUTTON]:e==="button",[i.cssClasses.TABS_BAR_SLASH]:e==="slash",[`${i.cssClasses.TABS_BAR}-${s}`]:s,[`${i.cssClasses.TABS_BAR}-collapse`]:r}]}),f=e=>e===l.activeKey,y=e=>`${e}-bar`,N=e=>e.replace(/-bar$/,""),w=(e,o)=>{var s;(s=l.onTabClick)==null||s.call(l,e,o)},M=e=>t.h("span",null,e),_=()=>{var B;const{tabBarExtraContent:e,type:o,size:s}=l;if(!e)return null;const r=typeof e=="function"?e():e,a={float:"right"},d=((B=r==null?void 0:r.props)==null?void 0:B.style)||{},n=[i.cssClasses.TABS_BAR_EXTRA,{[`${i.cssClasses.TABS_BAR}-${o}-extra`]:o,[`${i.cssClasses.TABS_BAR}-${o}-extra-${s}`]:s}],m={...a,...d};return t.h("div",{class:n,style:m,"x-semi-prop":"tabBarExtraContent"},r)},x=(e,o="nearest",s)=>{const r=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_TAB}[data-scrollkey="${e}"]`);r&&r.scrollIntoView({behavior:s||"smooth",block:"nearest",inline:o})},D=(e,o)=>{const s=y(l.activeKey);x(s,e,o)},P=(e,o,s)=>{if(console.log("[TabBar] handleArrowClick called",{pos:o,itemsLength:e.length}),!e.length)return;let r;if(o==="start")r=e[e.length-1];else{const n=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_BAR}-overflow-list .semi-overflow-list-scroll-wrapper`);if(n){const m=n.scrollLeft,B=n.clientWidth,T=m+B;for(let b=0;b<e.length;b++){const g=e[b],p=y(g.itemKey),C=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_TAB}[data-scrollkey="${p}"]`);if(C){const R=n.getBoundingClientRect(),K=C.getBoundingClientRect(),h=K.left-R.left+m,c=h+K.width,A=h>=m&&c<=T+2;if(!A&&h>=m&&c>T){r=g,console.log("[TabBar] Found target item at index",b,{itemLeft:h,itemRight:c,scrollLeft:m,viewportRight:T,isFullyVisible:A});break}}}r||(r=e[0],console.log("[TabBar] Using first item as fallback"))}else r=e[0]}if(console.log("[TabBar] targetItem",r),!r)return;const a=y(r.itemKey);console.log("[TabBar] scrolling to key",a),x(a,o==="start"?"start":"end")},q=t.ref(new Map),V=(e,o,s)=>{var h;const r=e.map(c=>c.itemKey).join(","),a=((h=q.value.get(s))==null?void 0:h.map(c=>c.itemKey).join(","))||"";r!==a&&(q.value.set(s,e),t.nextTick(()=>{k.value++}));const d=[{[`${i.cssClasses.TABS_BAR}-arrow-${s}`]:s,[`${i.cssClasses.TABS_BAR}-arrow`]:!0}],n={flexShrink:0,flexGrow:0};if(J.isEmpty(e))return t.h("div",{role:"presentation",class:d,style:n},[t.h(z.default,{disabled:!0,icon:o,theme:"borderless"})]);const{dropdownClassName:m,dropdownStyle:B,showRestInDropdown:T,dropdownProps:b}=l,g=!e.length,p=t.h(I.default.Menu,null,()=>e.map(c=>{const E=c.icon?M(c.icon):null;return t.h(I.default.Item,{key:c.itemKey,onClick:A=>w(c.itemKey,A),active:f(c.itemKey)},()=>[E,c.tab])})),C=t.h("div",{role:"presentation",class:d,style:{...n,display:"inline-block"},onClick:c=>{console.log("[TabBar] Button onClick fired",{pos:s,itemsLength:e.length,event:c}),P(e,s)}},[t.h(z.default,{disabled:g,icon:o,theme:"borderless"})]),R=[m,{[`${i.cssClasses.TABS_BAR}-dropdown`]:!0}],K=(b==null?void 0:b[s])??{};return T?t.h(I.default,{key:`${k.value}-${s}`,rePosKey:`${k.value}-${s}`,className:G(R),clickToHide:!0,clickTriggerToHide:!0,position:s==="start"?"bottomLeft":"bottomRight",render:g?null:p,showTick:!0,style:B,trigger:"hover",disableFocusListener:!0,...K},()=>C):C},W=e=>e.map((o,s)=>{const r=s===0?"start":"end",a=t.h(s===0?Y.default:Z.default),d=V(o,a,r);if(l.renderArrow){const n=l.renderArrow(o,r,()=>P(o,r),d);if(n&&typeof n=="object"&&n.props){const m=n.props.style||{};n.props.style={...m,flexShrink:0,flexGrow:0}}return n}return d}),j=(e,o)=>t.h(S.default,{key:y(e.itemKey),"data-scrollkey":y(e.itemKey),disabled:e.disabled,icon:e.icon,itemKey:e.itemKey,tab:e.tab,closable:e.closable,selected:f(e.itemKey),size:l.size,type:l.type,tabPosition:l.tabPosition,handleKeyDown:l.handleKeyDown,deleteTabItem:l.deleteTabItem,onClick:w}),F=t.computed(()=>l.list.map(e=>{const{itemKey:o}=e;return{key:y(o),active:f(o),...e}})),H=e=>{var s;const o=new Map;e.forEach((r,a)=>{o.set(N(a),r)}),$.value&&Array.from(o.values()).some(a=>a)&&(D("nearest","auto"),$.value=!1),t.nextTick(()=>{k.value++}),(s=l.onVisibleTabsChange)==null||s.call(l,o)},O=()=>{const{list:e,more:o,type:s}=l;let r=[],a=t.h("div",{class:[{[`${i.cssClasses.TABS_BAR}-more-trigger`]:!0,[`${i.cssClasses.TABS_BAR}-more-trigger-${s}`]:!0}]},[t.h("div",{class:`${i.cssClasses.TABS_BAR}-more-trigger-content`},[t.h("div",null,"更多"),t.h(ee.default,{class:`${i.cssClasses.TABS_BAR}-more-trigger-content-icon`})])]),d;if(typeof o=="number")d=e.length-Math.min(o,e.length),r=e.slice(0,d).map(n=>t.h(S.default,{key:y(n.itemKey),"data-scrollkey":y(n.itemKey),disabled:n.disabled,icon:n.icon,itemKey:n.itemKey,tab:n.tab,closable:n.closable,selected:f(n.itemKey),size:l.size,type:l.type,tabPosition:l.tabPosition,handleKeyDown:l.handleKeyDown,deleteTabItem:l.deleteTabItem,onClick:w}));else if(typeof o=="object")d=e.length-Math.min(o.count,e.length),r=e.slice(0,d).map(n=>t.h(S.default,{key:y(n.itemKey),"data-scrollkey":y(n.itemKey),disabled:n.disabled,icon:n.icon,itemKey:n.itemKey,tab:n.tab,closable:n.closable,selected:f(n.itemKey),size:l.size,type:l.type,tabPosition:l.tabPosition,handleKeyDown:l.handleKeyDown,deleteTabItem:l.deleteTabItem,onClick:w})),o.render&&(a=o.render());else if(o!==void 0)throw new Error("[Semi Tabs]: invalid tab props format: more");return t.h("div",null,[...r,U(e.slice(d),o==null?void 0:o.dropdownProps,a)])},U=(e,o,s)=>t.h(I.default,{trigger:"hover",showTick:!0,position:"bottomLeft",class:`${i.cssClasses.TABS_BAR}-more-dropdown-${l.type}`,clickToHide:!0,menu:e.map(r=>({node:"item",name:r.tab,icon:r.icon,onClick:a=>l.onTabClick(r.itemKey,a),active:l.activeKey===r.itemKey})),...o},()=>s);return(e,o)=>(t.openBlock(),t.createElementBlock("div",{role:"tablist","aria-orientation":u.tabPosition==="left"?"vertical":"horizontal",class:t.normalizeClass(L.value),style:t.normalizeStyle(u.style),"data-uuid":v.value},[u.collapsible?(t.openBlock(),t.createBlock(t.unref(Q.default),{key:0,items:F.value,overflowRenderDirection:u.arrowPosition,wrapperStyle:u.visibleTabsStyle,overflowRenderer:W,renderMode:"scroll",className:`${t.unref(i.cssClasses).TABS_BAR}-overflow-list`,style:{minWidth:0,maxWidth:"100%"},visibleItemRenderer:j,onVisibleStateChange:H},null,8,["items","overflowRenderDirection","wrapperStyle","className","visibleItemRenderer"])):u.more?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(O()),{key:1})):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(u.list,s=>(t.openBlock(),t.createBlock(S.default,{key:y(s.itemKey),"data-scrollkey":y(s.itemKey),disabled:s.disabled,icon:s.icon,itemKey:s.itemKey,tab:s.tab,closable:s.closable,selected:f(s.itemKey),size:u.size,type:u.type,tabPosition:u.tabPosition,handleKeyDown:u.handleKeyDown,deleteTabItem:u.deleteTabItem,onClick:w},null,8,["data-scrollkey","disabled","icon","itemKey","tab","closable","selected","size","type","tabPosition","handleKeyDown","deleteTabItem"]))),128)),_()?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(_()),{key:3})):t.createCommentVNode("",!0)],14,te))}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),G=require("classnames"),i=require("@douyinfe/semi-foundation/tabs/constants"),X=require("@douyinfe/semi-foundation/utils/uuid"),J=require("lodash-es"),S=require("./TabItem.vue.cjs"),I=require("../dropdown/index.cjs"),z=require("../button/Button.vue.cjs"),Q=require("../overflowList/OverflowList.vue.cjs"),Y=require("../icons/icons/IconChevronLeft.cjs"),Z=require("../icons/icons/IconChevronRight.cjs"),ee=require("../icons/icons/IconChevronDown.cjs"),te=["aria-orientation","data-uuid"],oe=t.defineComponent({name:"TabBar",__name:"TabBar",props:{activeKey:{},className:{},collapsible:{type:Boolean},list:{},onTabClick:{},showRestInDropdown:{type:Boolean,default:!0},size:{},style:{},tabBarExtraContent:{},tabPosition:{},type:{},dropdownClassName:{},dropdownStyle:{},closable:{type:Boolean},deleteTabItem:{},handleKeyDown:{},more:{},onVisibleTabsChange:{},visibleTabsStyle:{},arrowPosition:{},renderArrow:{},dropdownProps:{}},setup(u){const r=u,v=t.ref(""),$=t.ref(!0),k=t.ref(0);t.onMounted(()=>{v.value=X.getUuidv4()}),t.watch(()=>r.activeKey,(e,o)=>{e!==o&&r.collapsible&&D()});const L=t.computed(()=>{const{type:e,className:o,tabPosition:s,collapsible:l}=r;return[o,{[i.cssClasses.TABS_BAR]:!0,[i.cssClasses.TABS_BAR_LINE]:e==="line",[i.cssClasses.TABS_BAR_CARD]:e==="card",[i.cssClasses.TABS_BAR_BUTTON]:e==="button",[i.cssClasses.TABS_BAR_SLASH]:e==="slash",[`${i.cssClasses.TABS_BAR}-${s}`]:s,[`${i.cssClasses.TABS_BAR}-collapse`]:l}]}),f=e=>e===r.activeKey,y=e=>`${e}-bar`,N=e=>e.replace(/-bar$/,""),w=(e,o)=>{var s;(s=r.onTabClick)==null||s.call(r,e,o)},M=e=>t.h("span",null,e),_=()=>{var B;const{tabBarExtraContent:e,type:o,size:s}=r;if(!e)return null;const l=typeof e=="function"?e():e,a={float:"right"},d=((B=l==null?void 0:l.props)==null?void 0:B.style)||{},n=[i.cssClasses.TABS_BAR_EXTRA,{[`${i.cssClasses.TABS_BAR}-${o}-extra`]:o,[`${i.cssClasses.TABS_BAR}-${o}-extra-${s}`]:s}],m={...a,...d};return t.h("div",{class:n,style:m,"x-semi-prop":"tabBarExtraContent"},l)},x=(e,o="nearest",s)=>{const l=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_TAB}[data-scrollkey="${e}"]`);l&&l.scrollIntoView({behavior:s||"smooth",block:"nearest",inline:o})},D=(e,o)=>{const s=y(r.activeKey);x(s,e,o)},P=(e,o,s)=>{if(console.log("[TabBar] handleArrowClick called",{pos:o,itemsLength:e.length}),!e.length)return;let l;if(o==="start")l=e[e.length-1];else{const n=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_BAR}-overflow-list .semi-overflow-list-scroll-wrapper`);if(n){const m=n.scrollLeft,B=n.clientWidth,T=m+B;for(let b=0;b<e.length;b++){const g=e[b],p=y(g.itemKey),C=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_TAB}[data-scrollkey="${p}"]`);if(C){const R=n.getBoundingClientRect(),K=C.getBoundingClientRect(),h=K.left-R.left+m,c=h+K.width,A=h>=m&&c<=T+2;if(!A&&h>=m&&c>T){l=g,console.log("[TabBar] Found target item at index",b,{itemLeft:h,itemRight:c,scrollLeft:m,viewportRight:T,isFullyVisible:A});break}}}l||(l=e[0],console.log("[TabBar] Using first item as fallback"))}else l=e[0]}if(console.log("[TabBar] targetItem",l),!l)return;const a=y(l.itemKey);console.log("[TabBar] scrolling to key",a),x(a,o==="start"?"start":"end")},q=t.ref(new Map),V=(e,o,s)=>{var h;const l=e.map(c=>c.itemKey).join(","),a=((h=q.value.get(s))==null?void 0:h.map(c=>c.itemKey).join(","))||"";l!==a&&(q.value.set(s,e),t.nextTick(()=>{k.value++}));const d=[{[`${i.cssClasses.TABS_BAR}-arrow-${s}`]:s,[`${i.cssClasses.TABS_BAR}-arrow`]:!0}],n={flexShrink:0,flexGrow:0};if(J.isEmpty(e))return t.h("div",{role:"presentation",class:d,style:n},[t.h(z.default,{disabled:!0,icon:o,theme:"borderless"})]);const{dropdownClassName:m,dropdownStyle:B,showRestInDropdown:T,dropdownProps:b}=r,g=!e.length,p=t.h(I.default.Menu,null,()=>e.map(c=>{const E=c.icon?M(c.icon):null;return t.h(I.default.Item,{key:c.itemKey,onClick:A=>w(c.itemKey,A),active:f(c.itemKey)},()=>[E,c.tab])})),C=t.h("div",{role:"presentation",class:d,style:{...n,display:"inline-block"},onClick:c=>{console.log("[TabBar] Button onClick fired",{pos:s,itemsLength:e.length,event:c}),P(e,s)}},[t.h(z.default,{disabled:g,icon:o,theme:"borderless"})]),R=[m,{[`${i.cssClasses.TABS_BAR}-dropdown`]:!0}],K=(b==null?void 0:b[s])??{};return T?t.h(I.default,{key:`${k.value}-${s}`,rePosKey:`${k.value}-${s}`,className:G(R),clickToHide:!0,clickTriggerToHide:!0,position:s==="start"?"bottomLeft":"bottomRight",render:g?null:p,showTick:!0,style:B,trigger:"hover",disableFocusListener:!0,...K},()=>C):C},W=e=>e.map((o,s)=>{const l=s===0?"start":"end",a=t.h(s===0?Y.default:Z.default),d=V(o,a,l);if(r.renderArrow){const n=r.renderArrow(o,l,()=>P(o,l),d);if(n&&typeof n=="object"&&n.props){const m=n.props.style||{};n.props.style={...m,flexShrink:0,flexGrow:0}}return n}return d}),j=(e,o)=>t.h(S.default,{key:y(e.itemKey),"data-scrollkey":y(e.itemKey),disabled:e.disabled,icon:e.icon,itemKey:e.itemKey,tab:e.tab,closable:e.closable,selected:f(e.itemKey),size:r.size,type:r.type,tabPosition:r.tabPosition,handleKeyDown:r.handleKeyDown,deleteTabItem:r.deleteTabItem,onClick:w}),F=t.computed(()=>r.list.map(e=>{const{itemKey:o}=e;return{key:y(o),active:f(o),...e}})),H=e=>{var s;const o=new Map;e.forEach((l,a)=>{o.set(N(a),l)}),$.value&&Array.from(o.values()).some(a=>a)&&(D("nearest","auto"),$.value=!1),t.nextTick(()=>{k.value++}),(s=r.onVisibleTabsChange)==null||s.call(r,o)},O=()=>{const{list:e,more:o,type:s}=r;let l=[],a=t.h("div",{class:[{[`${i.cssClasses.TABS_BAR}-more-trigger`]:!0,[`${i.cssClasses.TABS_BAR}-more-trigger-${s}`]:!0}]},[t.h("div",{class:`${i.cssClasses.TABS_BAR}-more-trigger-content`},[t.h("div",null,"更多"),t.h(ee.default,{class:`${i.cssClasses.TABS_BAR}-more-trigger-content-icon`})])]),d;if(typeof o=="number")d=e.length-Math.min(o,e.length),l=e.slice(0,d).map(n=>t.h(S.default,{key:y(n.itemKey),"data-scrollkey":y(n.itemKey),disabled:n.disabled,icon:n.icon,itemKey:n.itemKey,tab:n.tab,closable:n.closable,selected:f(n.itemKey),size:r.size,type:r.type,tabPosition:r.tabPosition,handleKeyDown:r.handleKeyDown,deleteTabItem:r.deleteTabItem,onClick:w}));else if(typeof o=="object")d=e.length-Math.min(o.count,e.length),l=e.slice(0,d).map(n=>t.h(S.default,{key:y(n.itemKey),"data-scrollkey":y(n.itemKey),disabled:n.disabled,icon:n.icon,itemKey:n.itemKey,tab:n.tab,closable:n.closable,selected:f(n.itemKey),size:r.size,type:r.type,tabPosition:r.tabPosition,handleKeyDown:r.handleKeyDown,deleteTabItem:r.deleteTabItem,onClick:w})),o.render&&(a=o.render());else if(o!==void 0)throw new Error("[Semi Tabs]: invalid tab props format: more");return t.h("div",null,[...l,U(e.slice(d),o==null?void 0:o.dropdownProps,a)])},U=(e,o,s)=>t.h(I.default,{trigger:"hover",showTick:!0,position:"bottomLeft",class:`${i.cssClasses.TABS_BAR}-more-dropdown-${r.type}`,clickToHide:!0,menu:e.map(l=>({node:"item",name:l.tab,icon:l.icon,onClick:a=>r.onTabClick(l.itemKey,a),active:r.activeKey===l.itemKey})),...o},()=>s);return(e,o)=>(t.openBlock(),t.createElementBlock("div",{role:"tablist","aria-orientation":u.tabPosition==="left"?"vertical":"horizontal",class:t.normalizeClass(L.value),style:t.normalizeStyle(u.style),"data-uuid":v.value},[u.collapsible?(t.openBlock(),t.createBlock(t.unref(Q.default),{key:0,items:F.value,overflowRenderDirection:u.arrowPosition,wrapperStyle:u.visibleTabsStyle,overflowRenderer:W,renderMode:"scroll",className:`${t.unref(i.cssClasses).TABS_BAR}-overflow-list`,style:{minWidth:0,maxWidth:"100%"},visibleItemRenderer:j,onVisibleStateChange:H},null,8,["items","overflowRenderDirection","wrapperStyle","className","visibleItemRenderer"])):u.more?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(O()),{key:1})):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(u.list,s=>(t.openBlock(),t.createBlock(S.default,{key:y(s.itemKey),"data-scrollkey":y(s.itemKey),disabled:s.disabled,icon:s.icon,itemKey:s.itemKey,tab:s.tab,closable:s.closable,selected:f(s.itemKey),size:u.size,type:u.type,tabPosition:u.tabPosition,handleKeyDown:u.handleKeyDown,deleteTabItem:u.deleteTabItem,onClick:w},null,8,["data-scrollkey","disabled","icon","itemKey","tab","closable","selected","size","type","tabPosition","handleKeyDown","deleteTabItem"]))),128)),_()?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(_()),{key:3})):t.createCommentVNode("",!0)],14,te))}});exports.default=oe;
 //# sourceMappingURL=TabBar.vue.cjs.map

package/lib/cjs/components/tabs/TabBar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.vue.cjs","sources":["../../../../src/components/tabs/TabBar.vue"],"sourcesContent":["<template>\n    <div\n        role=\"tablist\"\n        :aria-orientation=\"tabPosition === 'left' ? 'vertical' : 'horizontal'\"\n        :class=\"classNames\"\n        :style=\"style as any\"\n        :data-uuid=\"uuid\"\n    >\n        <OverflowList\n            v-if=\"collapsible\"\n            :items=\"collapsedTabItems\"\n            :overflowRenderDirection=\"arrowPosition\"\n            :wrapperStyle=\"visibleTabsStyle\"\n            :overflowRenderer=\"renderOverflow\"\n            renderMode=\"scroll\"\n            :className=\"`${cssClasses.TABS_BAR}-overflow-list`\"\n            :style=\"{ minWidth: 0, maxWidth: '100%' }\"\n            :visibleItemRenderer=\"renderTabItem as any\"\n            @visible-state-change=\"handleVisibleStateChange\"\n        />\n        <template v-else-if=\"more\">\n            <component :is=\"renderWithMoreTrigger()\" />\n        </template>\n        <template v-else>\n            <TabItem\n                v-for=\"panel in list\"\n                :key=\"getBarItemKeyByItemKey(panel.itemKey)\"\n                :data-scrollkey=\"getBarItemKeyByItemKey(panel.itemKey)\"\n                :disabled=\"panel.disabled\"\n                :icon=\"panel.icon\"\n                :itemKey=\"panel.itemKey\"\n                :tab=\"panel.tab\"\n                :closable=\"panel.closable\"\n                :selected=\"isActive(panel.itemKey)\"\n                :size=\"size\"\n                :type=\"type\"\n                :tabPosition=\"tabPosition\"\n                :handleKeyDown=\"handleKeyDown\"\n                :deleteTabItem=\"deleteTabItem\"\n                :onClick=\"handleItemClick\"\n            />\n        </template>\n        <component :is=\"renderExtra()\" v-if=\"renderExtra()\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, h, nextTick, onMounted, ref, watch, VNode } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/tabs/constants';\nimport { getUuidv4 } from '@douyinfe/semi-foundation/utils/uuid';\nimport { IconChevronRight, IconChevronLeft, IconChevronDown } from '../icons';\nimport { isEmpty } from 'lodash-es';\nimport TabItem from './TabItem.vue';\nimport Dropdown from '../dropdown';\nimport Button from '../button';\nimport OverflowList from '../overflowList';\nimport type { TabBarProps, PlainTab, OverflowItem } from './interface';\n\ndefineOptions({\n    name: 'TabBar',\n});\n\nconst props = withDefaults(defineProps<TabBarProps>(), {\n    showRestInDropdown: true,\n});\n\nconst uuid = ref('');\nconst isFirstShowInViewport = ref(true);\nconst rePosKey = ref(0);\n\nonMounted(() => {\n    uuid.value = getUuidv4();\n});\n\nwatch(\n    () => props.activeKey,\n    (newKey, oldKey) => {\n        if (newKey !== oldKey && props.collapsible) {\n            scrollActiveTabItemIntoView();\n        }\n    }\n);\n\nconst classNames = computed(() => {\n    const { type, className, tabPosition, collapsible } = props;\n    return [\n        className,\n        {\n            [cssClasses.TABS_BAR]: true,\n            [cssClasses.TABS_BAR_LINE]: type === 'line',\n            [cssClasses.TABS_BAR_CARD]: type === 'card',\n            [cssClasses.TABS_BAR_BUTTON]: type === 'button',\n            [cssClasses.TABS_BAR_SLASH]: type === 'slash',\n            [`${cssClasses.TABS_BAR}-${tabPosition}`]: tabPosition,\n            [`${cssClasses.TABS_BAR}-collapse`]: collapsible,\n        },\n    ];\n});\n\nconst isActive = (key: string): boolean => key === props.activeKey;\n\nconst getBarItemKeyByItemKey = (key: string): string => `${key}-bar`;\n\nconst getItemKeyByBarItemKey = (key: string): string => key.replace(/-bar$/, '');\n\nconst handleItemClick = (itemKey: string, event: MouseEvent) => {\n    props.onTabClick?.(itemKey, event);\n};\n\nconst renderIcon = (icon: any): VNode => {\n    return h('span', null, icon);\n};\n\nconst renderExtra = (): VNode | null => {\n    const { tabBarExtraContent, type, size } = props;\n    if (!tabBarExtraContent) {\n        return null;\n    }\n\n    // Handle function form of tabBarExtraContent - call it inside render function\n    const content = typeof tabBarExtraContent === 'function' ? tabBarExtraContent() : tabBarExtraContent;\n\n    const tabBarExtraContentDefaultStyle = { float: 'right' };\n    const tabBarExtraContentStyle = content?.props?.style || {};\n    const extraCls = [\n        cssClasses.TABS_BAR_EXTRA,\n        {\n            [`${cssClasses.TABS_BAR}-${type}-extra`]: type,\n            [`${cssClasses.TABS_BAR}-${type}-extra-${size}`]: size,\n        },\n    ];\n\n    const tabBarStyle = { ...tabBarExtraContentDefaultStyle, ...tabBarExtraContentStyle };\n\n    return h(\n        'div',\n        {\n            class: extraCls,\n            style: tabBarStyle,\n            'x-semi-prop': 'tabBarExtraContent',\n        },\n        content\n    );\n};\n\nconst scrollTabItemIntoViewByKey = (\n    key: string,\n    logicalPosition: ScrollLogicalPosition = 'nearest',\n    behavior?: ScrollBehavior\n) => {\n    // Match React implementation: use scrollIntoView directly\n    // For horizontal scrolling tabs, use 'nearest' for block to avoid vertical scrolling\n    // and use logicalPosition for inline to control horizontal scrolling\n    const tabItem = document.querySelector(\n        `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_TAB}[data-scrollkey=\"${key}\"]`\n    ) as HTMLElement;\n    if (tabItem) {\n        tabItem.scrollIntoView({\n            behavior: behavior || 'smooth',\n            block: 'nearest', // Avoid vertical scrolling for horizontal tabs\n            inline: logicalPosition, // Control horizontal scrolling\n        });\n    }\n};\n\nconst scrollActiveTabItemIntoView = (logicalPosition?: ScrollLogicalPosition, behavior?: ScrollBehavior) => {\n    const key = getBarItemKeyByItemKey(props.activeKey);\n    scrollTabItemIntoViewByKey(key, logicalPosition, behavior);\n};\n\nconst handleArrowClick = (items: Array<OverflowItem>, pos: 'start' | 'end', e?: MouseEvent): void => {\n    console.log('[TabBar] handleArrowClick called', { pos, itemsLength: items.length });\n\n    if (!items.length) {\n        return;\n    }\n\n    // For right arrow, find the first item that is not fully visible in the viewport\n    // For left arrow, use the last item\n    let targetItem: OverflowItem | undefined;\n\n    if (pos === 'start') {\n        // Left arrow: use the last item\n        targetItem = items[items.length - 1];\n    } else {\n        // Right arrow: find the first item that is not fully visible\n        const scrollWrapper = document.querySelector(\n            `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_BAR}-overflow-list .semi-overflow-list-scroll-wrapper`\n        ) as HTMLElement;\n        if (scrollWrapper) {\n            const scrollLeft = scrollWrapper.scrollLeft;\n            const containerWidth = scrollWrapper.clientWidth;\n            const viewportRight = scrollLeft + containerWidth;\n\n            // Find the first item that extends beyond the viewport\n            for (let i = 0; i < items.length; i++) {\n                const item = items[i];\n                const itemKey = getBarItemKeyByItemKey(item.itemKey);\n                const tabItem = document.querySelector(\n                    `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_TAB}[data-scrollkey=\"${itemKey}\"]`\n                ) as HTMLElement;\n\n                if (tabItem) {\n                    const containerRect = scrollWrapper.getBoundingClientRect();\n                    const itemRect = tabItem.getBoundingClientRect();\n                    const itemLeft = itemRect.left - containerRect.left + scrollLeft;\n                    const itemRight = itemLeft + itemRect.width;\n\n                    // Check if item is fully visible (with a small threshold to account for rounding errors)\n                    const threshold = 2; // 2px threshold\n                    const isFullyVisible = itemLeft >= scrollLeft && itemRight <= viewportRight + threshold;\n\n                    // For right arrow, we want items that extend beyond the viewport right edge\n                    // Skip items that are already fully visible\n                    if (!isFullyVisible && itemLeft >= scrollLeft && itemRight > viewportRight) {\n                        targetItem = item;\n                        console.log('[TabBar] Found target item at index', i, {\n                            itemLeft,\n                            itemRight,\n                            scrollLeft,\n                            viewportRight,\n                            isFullyVisible,\n                        });\n                        break;\n                    }\n                }\n            }\n\n            // If no item found, use the first one (fallback)\n            if (!targetItem) {\n                targetItem = items[0];\n                console.log('[TabBar] Using first item as fallback');\n            }\n        } else {\n            // Fallback: use first item if scrollWrapper not found\n            targetItem = items[0];\n        }\n    }\n\n    console.log('[TabBar] targetItem', targetItem);\n    if (!targetItem) {\n        return;\n    }\n    const key = getBarItemKeyByItemKey(targetItem.itemKey);\n    console.log('[TabBar] scrolling to key', key);\n    // Use 'start' for left arrow (show item at start of viewport) and 'end' for right arrow (show item at end of viewport)\n    const logicalPosition: ScrollLogicalPosition = pos === 'start' ? 'start' : 'end';\n    scrollTabItemIntoViewByKey(key, logicalPosition);\n};\n\n// Track previous items to detect changes and update rePosKey\nconst previousItems = ref<Map<string, Array<OverflowItem>>>(new Map());\n\nconst renderCollapse = (items: Array<OverflowItem>, icon: VNode, pos: 'start' | 'end'): VNode => {\n    // Check if items have changed for this position\n    const itemsKey = items.map((item) => item.itemKey).join(',');\n    const prevItemsKey =\n        previousItems.value\n            .get(pos)\n            ?.map((item) => item.itemKey)\n            .join(',') || '';\n\n    if (itemsKey !== prevItemsKey) {\n        // Items have changed, update rePosKey to trigger repositioning\n        // This is important for bottomRight positioning when dropdown content changes\n        previousItems.value.set(pos, items);\n        nextTick(() => {\n            rePosKey.value++;\n        });\n    }\n    const arrowCls = [\n        {\n            [`${cssClasses.TABS_BAR}-arrow-${pos}`]: pos,\n            [`${cssClasses.TABS_BAR}-arrow`]: true,\n        },\n    ];\n\n    // Style to prevent arrow from being squeezed\n    // Match React behavior: arrows should not shrink in flex layout\n    const arrowStyle = {\n        flexShrink: 0,\n        flexGrow: 0,\n    };\n\n    if (isEmpty(items)) {\n        return h(\n            'div',\n            {\n                role: 'presentation',\n                class: arrowCls,\n                style: arrowStyle,\n            },\n            [\n                h(Button, {\n                    disabled: true,\n                    icon,\n                    theme: 'borderless',\n                }),\n            ]\n        );\n    }\n\n    const { dropdownClassName, dropdownStyle, showRestInDropdown, dropdownProps } = props;\n    const disabled = !items.length;\n\n    // Create menu with current items - items are passed from OverflowList and are always up-to-date\n    const menu = h(Dropdown.Menu, null, () =>\n        items.map((panel) => {\n            const panelIcon = panel.icon ? renderIcon(panel.icon) : null;\n            return h(\n                Dropdown.Item,\n                {\n                    key: panel.itemKey,\n                    onClick: (e: MouseEvent) => handleItemClick(panel.itemKey, e),\n                    active: isActive(panel.itemKey),\n                },\n                () => [panelIcon, panel.tab]\n            );\n        })\n    );\n\n    // Create button with click handler - match React behavior exactly\n    // React version: onClick is on the div, not on Button\n    // The onClick should execute scrolling, and Tooltip's clickTriggerToHide will close the dropdown\n    // Note: The div must have proper display for Tooltip to correctly calculate position\n    const button = h(\n        'div',\n        {\n            role: 'presentation',\n            class: arrowCls,\n            style: {\n                ...arrowStyle,\n                // Ensure the div has dimensions for Tooltip positioning\n                // This is important for bottomRight positioning to work correctly\n                display: 'inline-block',\n            },\n            onClick: (e: MouseEvent) => {\n                console.log('[TabBar] Button onClick fired', { pos, itemsLength: items.length, event: e });\n                // Execute scrolling - don't prevent default or stop propagation\n                // This allows Tooltip's clickTriggerToHide to also work (close dropdown)\n                handleArrowClick(items, pos, e);\n            },\n        },\n        [\n            h(Button, {\n                disabled,\n                icon,\n                theme: 'borderless',\n                // Don't add onClick to Button - let the div handle it (match React behavior)\n            }),\n        ]\n    );\n\n    const dropdownCls = [\n        dropdownClassName,\n        {\n            [`${cssClasses.TABS_BAR}-dropdown`]: true,\n        },\n    ];\n\n    const customDropdownProps = dropdownProps?.[pos] ?? {};\n\n    // Return Fragment-like structure (array of VNodes) to match React behavior\n    // React version returns <>...</> which doesn't add a wrapper div\n    if (showRestInDropdown) {\n        // When wrapped in Dropdown, the button's onClick should still work\n        // The Dropdown's clickTriggerToHide will close the dropdown after our onClick executes\n        return h(\n            Dropdown,\n            {\n                key: `${rePosKey.value}-${pos}`, // Force reposition when rePosKey changes\n                rePosKey: `${rePosKey.value}-${pos}`, // Pass to Dropdown for repositioning\n                className: classnames(dropdownCls),\n                clickToHide: true,\n                clickTriggerToHide: true,\n                position: pos === 'start' ? 'bottomLeft' : 'bottomRight',\n                render: disabled ? null : menu,\n                showTick: true,\n                style: dropdownStyle, // Match React: only pass dropdownStyle, not arrowStyle\n                trigger: 'hover',\n                disableFocusListener: true,\n                ...customDropdownProps,\n            },\n            () => button\n        );\n    }\n    return button;\n};\n\nconst renderOverflow = (items: any[]): Array<VNode> => {\n    return items.map((item, index) => {\n        const pos = index === 0 ? 'start' : 'end';\n        const icon = h(index === 0 ? IconChevronLeft : IconChevronRight);\n        const overflowNode = renderCollapse(item, icon, pos);\n        if (props.renderArrow) {\n            const customArrow = props.renderArrow(item, pos, () => handleArrowClick(item, pos), overflowNode);\n            // Ensure custom arrow has flex-shrink: 0 to prevent being squeezed\n            if (customArrow && typeof customArrow === 'object' && customArrow.props) {\n                const existingStyle = customArrow.props.style || {};\n                customArrow.props.style = {\n                    ...existingStyle,\n                    flexShrink: 0,\n                    flexGrow: 0,\n                };\n            }\n            return customArrow as any;\n        }\n        return overflowNode as any;\n    }) as any;\n};\n\nconst renderTabItem = (panel: OverflowItem, index?: number): VNode => {\n    return h(TabItem, {\n        key: getBarItemKeyByItemKey(panel.itemKey),\n        'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n        disabled: panel.disabled,\n        icon: panel.icon,\n        itemKey: panel.itemKey,\n        tab: panel.tab,\n        closable: panel.closable,\n        selected: isActive(panel.itemKey),\n        size: props.size,\n        type: props.type,\n        tabPosition: props.tabPosition,\n        handleKeyDown: props.handleKeyDown,\n        deleteTabItem: props.deleteTabItem,\n        onClick: handleItemClick,\n    }) as any;\n};\n\n// Computed property for collapsed tab items\nconst collapsedTabItems = computed(() => {\n    return props.list.map((item) => {\n        const { itemKey } = item;\n        return {\n            key: getBarItemKeyByItemKey(itemKey),\n            active: isActive(itemKey),\n            ...item,\n        };\n    });\n});\n\n// Handle visible state change for collapsed tabs\nconst handleVisibleStateChange = (visibleMap: Map<string, boolean>) => {\n    const visibleMapWithItemKey: Map<string, boolean> = new Map();\n    visibleMap.forEach((v, k) => {\n        visibleMapWithItemKey.set(getItemKeyByBarItemKey(k), v);\n    });\n    // only when the tabs component appears in the viewport for the first time triggered scrollActiveTabItemIntoView\n    // refer to issue 2917 https://github.com/DouyinFE/semi-design/issues/2917\n    if (isFirstShowInViewport.value) {\n        const isShowInViewport = Array.from(visibleMapWithItemKey.values()).some((item) => item);\n        if (isShowInViewport) {\n            scrollActiveTabItemIntoView('nearest', 'auto');\n            isFirstShowInViewport.value = false;\n        }\n    }\n    // Update rePosKey to trigger Dropdown repositioning when visible items change\n    // Use nextTick to ensure layout is stable before repositioning\n    // This is important for accurate positioning, especially for bottomRight\n    nextTick(() => {\n        rePosKey.value++; // Increment rePosKey\n    });\n    props.onVisibleTabsChange?.(visibleMapWithItemKey);\n};\n\nconst renderWithMoreTrigger = (): VNode => {\n    const { list, more, type } = props;\n    let tabElements: VNode[] = [];\n    let moreTrigger: VNode = h(\n        'div',\n        {\n            class: [\n                {\n                    [`${cssClasses.TABS_BAR}-more-trigger`]: true,\n                    [`${cssClasses.TABS_BAR}-more-trigger-${type}`]: true,\n                },\n            ],\n        },\n        [\n            h(\n                'div',\n                {\n                    class: `${cssClasses.TABS_BAR}-more-trigger-content`,\n                },\n                [\n                    h('div', null, '更多'), // TODO: Add locale support\n                    h(IconChevronDown, {\n                        class: `${cssClasses.TABS_BAR}-more-trigger-content-icon`,\n                    }),\n                ]\n            ),\n        ]\n    );\n\n    let keepCount: number;\n    if (typeof more === 'number') {\n        keepCount = list.length - Math.min(more, list.length);\n        tabElements = list.slice(0, keepCount).map((panel) =>\n            h(TabItem, {\n                key: getBarItemKeyByItemKey(panel.itemKey),\n                'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n                disabled: panel.disabled,\n                icon: panel.icon,\n                itemKey: panel.itemKey,\n                tab: panel.tab,\n                closable: panel.closable,\n                selected: isActive(panel.itemKey),\n                size: props.size,\n                type: props.type,\n                tabPosition: props.tabPosition,\n                handleKeyDown: props.handleKeyDown,\n                deleteTabItem: props.deleteTabItem,\n                onClick: handleItemClick,\n            })\n        );\n    } else if (typeof more === 'object') {\n        keepCount = list.length - Math.min(more.count, list.length);\n        tabElements = list.slice(0, keepCount).map((panel) =>\n            h(TabItem, {\n                key: getBarItemKeyByItemKey(panel.itemKey),\n                'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n                disabled: panel.disabled,\n                icon: panel.icon,\n                itemKey: panel.itemKey,\n                tab: panel.tab,\n                closable: panel.closable,\n                selected: isActive(panel.itemKey),\n                size: props.size,\n                type: props.type,\n                tabPosition: props.tabPosition,\n                handleKeyDown: props.handleKeyDown,\n                deleteTabItem: props.deleteTabItem,\n                onClick: handleItemClick,\n            })\n        );\n        if (more.render) {\n            moreTrigger = more.render() as any;\n        }\n    } else if (more !== undefined) {\n        throw new Error('[Semi Tabs]: invalid tab props format: more');\n    }\n\n    return h('div', null, [\n        ...tabElements,\n        renderMoreDropdown(list.slice(keepCount), (more as any)?.dropdownProps, moreTrigger),\n    ]);\n};\n\nconst renderMoreDropdown = (panels: PlainTab[], dropDownProps: any, trigger: VNode): VNode => {\n    return h(\n        Dropdown,\n        {\n            trigger: 'hover',\n            showTick: true,\n            position: 'bottomLeft',\n            class: `${cssClasses.TABS_BAR}-more-dropdown-${props.type}`,\n            clickToHide: true,\n            menu: panels.map((panel) => ({\n                node: 'item',\n                name: panel.tab,\n                icon: panel.icon,\n                onClick: (e: MouseEvent) => props.onTabClick(panel.itemKey, e),\n                active: props.activeKey === panel.itemKey,\n            })),\n            ...dropDownProps,\n        },\n        () => trigger\n    );\n};\n</script>\n"],"names":["props","__props","uuid","ref","isFirstShowInViewport","rePosKey","onMounted","getUuidv4","watch","newKey","oldKey","scrollActiveTabItemIntoView","classNames","computed","type","className","tabPosition","collapsible","cssClasses","isActive","key","getBarItemKeyByItemKey","getItemKeyByBarItemKey","handleItemClick","itemKey","event","_a","renderIcon","icon","h","renderExtra","tabBarExtraContent","size","content","tabBarExtraContentDefaultStyle","tabBarExtraContentStyle","extraCls","tabBarStyle","scrollTabItemIntoViewByKey","logicalPosition","behavior","tabItem","handleArrowClick","items","pos","e","targetItem","scrollWrapper","scrollLeft","containerWidth","viewportRight","i","item","containerRect","itemRect","itemLeft","itemRight","isFullyVisible","previousItems","renderCollapse","itemsKey","prevItemsKey","nextTick","arrowCls","arrowStyle","isEmpty","Button","dropdownClassName","dropdownStyle","showRestInDropdown","dropdownProps","disabled","menu","Dropdown","panel","panelIcon","button","dropdownCls","customDropdownProps","classnames","renderOverflow","index","IconChevronLeft","IconChevronRight","overflowNode","customArrow","existingStyle","renderTabItem","TabItem","collapsedTabItems","handleVisibleStateChange","visibleMap","visibleMapWithItemKey","v","k","renderWithMoreTrigger","list","more","tabElements","moreTrigger","IconChevronDown","keepCount","renderMoreDropdown","panels","dropDownProps","trigger","_createElementBlock","_createBlock","_unref","OverflowList","_openBlock","_resolveDynamicComponent","_Fragment","_renderList"],"mappings":"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"}
+{"version":3,"file":"TabBar.vue.cjs","sources":["../../../../src/components/tabs/TabBar.vue"],"sourcesContent":["<template>\n    <div\n        role=\"tablist\"\n        :aria-orientation=\"tabPosition === 'left' ? 'vertical' : 'horizontal'\"\n        :class=\"classNames\"\n        :style=\"style as any\"\n        :data-uuid=\"uuid\"\n    >\n        <OverflowList\n            v-if=\"collapsible\"\n            :items=\"collapsedTabItems\"\n            :overflowRenderDirection=\"arrowPosition\"\n            :wrapperStyle=\"visibleTabsStyle\"\n            :overflowRenderer=\"renderOverflow\"\n            renderMode=\"scroll\"\n            :className=\"`${cssClasses.TABS_BAR}-overflow-list`\"\n            :style=\"{ minWidth: 0, maxWidth: '100%' }\"\n            :visibleItemRenderer=\"renderTabItem as any\"\n            @visible-state-change=\"handleVisibleStateChange\"\n        />\n        <template v-else-if=\"more\">\n            <component :is=\"renderWithMoreTrigger()\" />\n        </template>\n        <template v-else>\n            <TabItem\n                v-for=\"panel in list\"\n                :key=\"getBarItemKeyByItemKey(panel.itemKey)\"\n                :data-scrollkey=\"getBarItemKeyByItemKey(panel.itemKey)\"\n                :disabled=\"panel.disabled\"\n                :icon=\"panel.icon\"\n                :itemKey=\"panel.itemKey\"\n                :tab=\"panel.tab\"\n                :closable=\"panel.closable\"\n                :selected=\"isActive(panel.itemKey)\"\n                :size=\"size\"\n                :type=\"type\"\n                :tabPosition=\"tabPosition\"\n                :handleKeyDown=\"handleKeyDown\"\n                :deleteTabItem=\"deleteTabItem\"\n                :onClick=\"handleItemClick\"\n            />\n        </template>\n        <component :is=\"renderExtra()\" v-if=\"renderExtra()\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, h, nextTick, onMounted, ref, watch, VNode } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/tabs/constants';\nimport { getUuidv4 } from '@douyinfe/semi-foundation/utils/uuid';\nimport { IconChevronRight, IconChevronLeft, IconChevronDown } from '../icons';\nimport { isEmpty } from 'lodash-es';\nimport TabItem from './TabItem.vue';\nimport Dropdown from '../dropdown';\nimport Button from '../button';\nimport OverflowList from '../overflowList';\nimport type { TabBarProps, PlainTab, OverflowItem } from './interface';\n\ndefineOptions({\n    name: 'TabBar',\n});\n\nconst props = withDefaults(defineProps<TabBarProps>(), {\n    showRestInDropdown: true,\n});\n\nconst uuid = ref('');\nconst isFirstShowInViewport = ref(true);\nconst rePosKey = ref(0);\n\nonMounted(() => {\n    uuid.value = getUuidv4();\n});\n\nwatch(\n    () => props.activeKey,\n    (newKey, oldKey) => {\n        if (newKey !== oldKey && props.collapsible) {\n            scrollActiveTabItemIntoView();\n        }\n    }\n);\n\nconst classNames = computed(() => {\n    const { type, className, tabPosition, collapsible } = props;\n    return [\n        className,\n        {\n            [cssClasses.TABS_BAR]: true,\n            [cssClasses.TABS_BAR_LINE]: type === 'line',\n            [cssClasses.TABS_BAR_CARD]: type === 'card',\n            [cssClasses.TABS_BAR_BUTTON]: type === 'button',\n            [cssClasses.TABS_BAR_SLASH]: type === 'slash',\n            [`${cssClasses.TABS_BAR}-${tabPosition}`]: tabPosition,\n            [`${cssClasses.TABS_BAR}-collapse`]: collapsible,\n        },\n    ];\n});\n\nconst isActive = (key: string): boolean => key === props.activeKey;\n\nconst getBarItemKeyByItemKey = (key: string): string => `${key}-bar`;\n\nconst getItemKeyByBarItemKey = (key: string): string => key.replace(/-bar$/, '');\n\nconst handleItemClick = (itemKey: string, event: MouseEvent) => {\n    props.onTabClick?.(itemKey, event);\n};\n\nconst renderIcon = (icon: any): VNode => {\n    return h('span', null, icon);\n};\n\nconst renderExtra = (): VNode | null => {\n    const { tabBarExtraContent, type, size } = props;\n    if (!tabBarExtraContent) {\n        return null;\n    }\n\n    // Handle function form of tabBarExtraContent - call it inside render function\n    const content = typeof tabBarExtraContent === 'function' ? tabBarExtraContent() : tabBarExtraContent;\n\n    const tabBarExtraContentDefaultStyle = { float: 'right' };\n    const tabBarExtraContentStyle = content?.props?.style || {};\n    const extraCls = [\n        cssClasses.TABS_BAR_EXTRA,\n        {\n            [`${cssClasses.TABS_BAR}-${type}-extra`]: type,\n            [`${cssClasses.TABS_BAR}-${type}-extra-${size}`]: size,\n        },\n    ];\n\n    const tabBarStyle = { ...tabBarExtraContentDefaultStyle, ...tabBarExtraContentStyle };\n\n    return h(\n        'div',\n        {\n            class: extraCls,\n            style: tabBarStyle,\n            'x-semi-prop': 'tabBarExtraContent',\n        },\n        content\n    );\n};\n\nconst scrollTabItemIntoViewByKey = (\n    key: string,\n    logicalPosition: ScrollLogicalPosition = 'nearest',\n    behavior?: ScrollBehavior\n) => {\n    // Match React implementation: use scrollIntoView directly\n    // For horizontal scrolling tabs, use 'nearest' for block to avoid vertical scrolling\n    // and use logicalPosition for inline to control horizontal scrolling\n    const tabItem = document.querySelector(\n        `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_TAB}[data-scrollkey=\"${key}\"]`\n    ) as HTMLElement;\n    if (tabItem) {\n        tabItem.scrollIntoView({\n            behavior: behavior || 'smooth',\n            block: 'nearest', // Avoid vertical scrolling for horizontal tabs\n            inline: logicalPosition, // Control horizontal scrolling\n        });\n    }\n};\n\nconst scrollActiveTabItemIntoView = (logicalPosition?: ScrollLogicalPosition, behavior?: ScrollBehavior) => {\n    const key = getBarItemKeyByItemKey(props.activeKey);\n    scrollTabItemIntoViewByKey(key, logicalPosition, behavior);\n};\n\nconst handleArrowClick = (items: Array<OverflowItem>, pos: 'start' | 'end', e?: MouseEvent): void => {\n    console.log('[TabBar] handleArrowClick called', { pos, itemsLength: items.length });\n\n    if (!items.length) {\n        return;\n    }\n\n    // For right arrow, find the first item that is not fully visible in the viewport\n    // For left arrow, use the last item\n    let targetItem: OverflowItem | undefined;\n\n    if (pos === 'start') {\n        // Left arrow: use the last item\n        targetItem = items[items.length - 1];\n    } else {\n        // Right arrow: find the first item that is not fully visible\n        const scrollWrapper = document.querySelector(\n            `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_BAR}-overflow-list .semi-overflow-list-scroll-wrapper`\n        ) as HTMLElement;\n        if (scrollWrapper) {\n            const scrollLeft = scrollWrapper.scrollLeft;\n            const containerWidth = scrollWrapper.clientWidth;\n            const viewportRight = scrollLeft + containerWidth;\n\n            // Find the first item that extends beyond the viewport\n            for (let i = 0; i < items.length; i++) {\n                const item = items[i];\n                const itemKey = getBarItemKeyByItemKey(item.itemKey);\n                const tabItem = document.querySelector(\n                    `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_TAB}[data-scrollkey=\"${itemKey}\"]`\n                ) as HTMLElement;\n\n                if (tabItem) {\n                    const containerRect = scrollWrapper.getBoundingClientRect();\n                    const itemRect = tabItem.getBoundingClientRect();\n                    const itemLeft = itemRect.left - containerRect.left + scrollLeft;\n                    const itemRight = itemLeft + itemRect.width;\n\n                    // Check if item is fully visible (with a small threshold to account for rounding errors)\n                    const threshold = 2; // 2px threshold\n                    const isFullyVisible = itemLeft >= scrollLeft && itemRight <= viewportRight + threshold;\n\n                    // For right arrow, we want items that extend beyond the viewport right edge\n                    // Skip items that are already fully visible\n                    if (!isFullyVisible && itemLeft >= scrollLeft && itemRight > viewportRight) {\n                        targetItem = item;\n                        console.log('[TabBar] Found target item at index', i, {\n                            itemLeft,\n                            itemRight,\n                            scrollLeft,\n                            viewportRight,\n                            isFullyVisible,\n                        });\n                        break;\n                    }\n                }\n            }\n\n            // If no item found, use the first one (fallback)\n            if (!targetItem) {\n                targetItem = items[0];\n                console.log('[TabBar] Using first item as fallback');\n            }\n        } else {\n            // Fallback: use first item if scrollWrapper not found\n            targetItem = items[0];\n        }\n    }\n\n    console.log('[TabBar] targetItem', targetItem);\n    if (!targetItem) {\n        return;\n    }\n    const key = getBarItemKeyByItemKey(targetItem.itemKey);\n    console.log('[TabBar] scrolling to key', key);\n    // Use 'start' for left arrow (show item at start of viewport) and 'end' for right arrow (show item at end of viewport)\n    const logicalPosition: ScrollLogicalPosition = pos === 'start' ? 'start' : 'end';\n    scrollTabItemIntoViewByKey(key, logicalPosition);\n};\n\n// Track previous items to detect changes and update rePosKey\nconst previousItems = ref<Map<string, Array<OverflowItem>>>(new Map());\n\nconst renderCollapse = (items: Array<OverflowItem>, icon: VNode, pos: 'start' | 'end'): VNode => {\n    // Check if items have changed for this position\n    const itemsKey = items.map((item) => item.itemKey).join(',');\n    const prevItemsKey =\n        previousItems.value\n            .get(pos)\n            ?.map((item) => item.itemKey)\n            .join(',') || '';\n\n    if (itemsKey !== prevItemsKey) {\n        // Items have changed, update rePosKey to trigger repositioning\n        // This is important for bottomRight positioning when dropdown content changes\n        previousItems.value.set(pos, items);\n        nextTick(() => {\n            rePosKey.value++;\n        });\n    }\n    const arrowCls = [\n        {\n            [`${cssClasses.TABS_BAR}-arrow-${pos}`]: pos,\n            [`${cssClasses.TABS_BAR}-arrow`]: true,\n        },\n    ];\n\n    // Style to prevent arrow from being squeezed\n    // Match React behavior: arrows should not shrink in flex layout\n    const arrowStyle = {\n        flexShrink: 0,\n        flexGrow: 0,\n    };\n\n    if (isEmpty(items)) {\n        return h(\n            'div',\n            {\n                role: 'presentation',\n                class: arrowCls,\n                style: arrowStyle,\n            },\n            [\n                h(Button, {\n                    disabled: true,\n                    icon,\n                    theme: 'borderless',\n                }),\n            ]\n        );\n    }\n\n    const { dropdownClassName, dropdownStyle, showRestInDropdown, dropdownProps } = props;\n    const disabled = !items.length;\n\n    // Create menu with current items - items are passed from OverflowList and are always up-to-date\n    const menu = h(Dropdown.Menu, null, () =>\n        items.map((panel) => {\n            const panelIcon = panel.icon ? renderIcon(panel.icon) : null;\n            return h(\n                Dropdown.Item,\n                {\n                    key: panel.itemKey,\n                    onClick: (e: MouseEvent) => handleItemClick(panel.itemKey, e),\n                    active: isActive(panel.itemKey),\n                },\n                () => [panelIcon, panel.tab]\n            );\n        })\n    );\n\n    // Create button with click handler - match React behavior exactly\n    // React version: onClick is on the div, not on Button\n    // The onClick should execute scrolling, and Tooltip's clickTriggerToHide will close the dropdown\n    // Note: The div must have proper display for Tooltip to correctly calculate position\n    const button = h(\n        'div',\n        {\n            role: 'presentation',\n            class: arrowCls,\n            style: {\n                ...arrowStyle,\n                // Ensure the div has dimensions for Tooltip positioning\n                // This is important for bottomRight positioning to work correctly\n                display: 'inline-block',\n            },\n            onClick: (e: MouseEvent) => {\n                console.log('[TabBar] Button onClick fired', { pos, itemsLength: items.length, event: e });\n                // Execute scrolling - don't prevent default or stop propagation\n                // This allows Tooltip's clickTriggerToHide to also work (close dropdown)\n                handleArrowClick(items, pos, e);\n            },\n        },\n        [\n            h(Button, {\n                disabled,\n                icon,\n                theme: 'borderless',\n                // Don't add onClick to Button - let the div handle it (match React behavior)\n            }),\n        ]\n    );\n\n    const dropdownCls = [\n        dropdownClassName,\n        {\n            [`${cssClasses.TABS_BAR}-dropdown`]: true,\n        },\n    ];\n\n    const customDropdownProps = dropdownProps?.[pos] ?? {};\n\n    // Return Fragment-like structure (array of VNodes) to match React behavior\n    // React version returns <>...</> which doesn't add a wrapper div\n    if (showRestInDropdown) {\n        // When wrapped in Dropdown, the button's onClick should still work\n        // The Dropdown's clickTriggerToHide will close the dropdown after our onClick executes\n        return h(\n            Dropdown,\n            {\n                key: `${rePosKey.value}-${pos}`, // Force reposition when rePosKey changes\n                rePosKey: `${rePosKey.value}-${pos}`, // Pass to Dropdown for repositioning\n                className: classnames(dropdownCls),\n                clickToHide: true,\n                clickTriggerToHide: true,\n                position: pos === 'start' ? 'bottomLeft' : 'bottomRight',\n                render: disabled ? null : menu,\n                showTick: true,\n                style: dropdownStyle, // Match React: only pass dropdownStyle, not arrowStyle\n                trigger: 'hover',\n                disableFocusListener: true,\n                ...customDropdownProps,\n            },\n            () => button\n        );\n    }\n    return button;\n};\n\nconst renderOverflow = (items: any[]): Array<VNode> => {\n    return items.map((item, index) => {\n        const pos = index === 0 ? 'start' : 'end';\n        const icon = h(index === 0 ? IconChevronLeft : IconChevronRight);\n        const overflowNode = renderCollapse(item, icon, pos);\n        if (props.renderArrow) {\n            const customArrow = props.renderArrow(item, pos, () => handleArrowClick(item, pos), overflowNode);\n            // Ensure custom arrow has flex-shrink: 0 to prevent being squeezed\n            if (customArrow && typeof customArrow === 'object' && customArrow.props) {\n                const existingStyle = customArrow.props.style || {};\n                customArrow.props.style = {\n                    ...existingStyle,\n                    flexShrink: 0,\n                    flexGrow: 0,\n                };\n            }\n            return customArrow as any;\n        }\n        return overflowNode as any;\n    }) as any;\n};\n\nconst renderTabItem = (panel: OverflowItem, index?: number): VNode => {\n    return h(TabItem, {\n        key: getBarItemKeyByItemKey(panel.itemKey),\n        'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n        disabled: panel.disabled,\n        icon: panel.icon,\n        itemKey: panel.itemKey,\n        tab: panel.tab,\n        closable: panel.closable,\n        selected: isActive(panel.itemKey),\n        size: props.size,\n        type: props.type,\n        tabPosition: props.tabPosition,\n        handleKeyDown: props.handleKeyDown,\n        deleteTabItem: props.deleteTabItem,\n        onClick: handleItemClick,\n    }) as any;\n};\n\n// Computed property for collapsed tab items\nconst collapsedTabItems = computed(() => {\n    return props.list.map((item) => {\n        const { itemKey } = item;\n        return {\n            key: getBarItemKeyByItemKey(itemKey),\n            active: isActive(itemKey),\n            ...item,\n        };\n    });\n});\n\n// Handle visible state change for collapsed tabs\nconst handleVisibleStateChange = (visibleMap: Map<string, boolean>) => {\n    const visibleMapWithItemKey: Map<string, boolean> = new Map();\n    visibleMap.forEach((v, k) => {\n        visibleMapWithItemKey.set(getItemKeyByBarItemKey(k), v);\n    });\n    // only when the tabs component appears in the viewport for the first time triggered scrollActiveTabItemIntoView\n    // refer to issue 2917 https://github.com/DouyinFE/semi-design/issues/2917\n    if (isFirstShowInViewport.value) {\n        const isShowInViewport = Array.from(visibleMapWithItemKey.values()).some((item) => item);\n        if (isShowInViewport) {\n            scrollActiveTabItemIntoView('nearest', 'auto');\n            isFirstShowInViewport.value = false;\n        }\n    }\n    // Update rePosKey to trigger Dropdown repositioning when visible items change\n    // Use nextTick to ensure layout is stable before repositioning\n    // This is important for accurate positioning, especially for bottomRight\n    nextTick(() => {\n        rePosKey.value++; // Increment rePosKey\n    });\n    props.onVisibleTabsChange?.(visibleMapWithItemKey);\n};\n\nconst renderWithMoreTrigger = (): VNode => {\n    const { list, more, type } = props;\n    let tabElements: VNode[] = [];\n    let moreTrigger: VNode = h(\n        'div',\n        {\n            class: [\n                {\n                    [`${cssClasses.TABS_BAR}-more-trigger`]: true,\n                    [`${cssClasses.TABS_BAR}-more-trigger-${type}`]: true,\n                },\n            ],\n        },\n        [\n            h(\n                'div',\n                {\n                    class: `${cssClasses.TABS_BAR}-more-trigger-content`,\n                },\n                [\n                    h('div', null, '更多'), // TODO: Add locale support\n                    h(IconChevronDown, {\n                        class: `${cssClasses.TABS_BAR}-more-trigger-content-icon`,\n                    }),\n                ]\n            ),\n        ]\n    );\n\n    let keepCount: number;\n    if (typeof more === 'number') {\n        keepCount = list.length - Math.min(more, list.length);\n        tabElements = list.slice(0, keepCount).map((panel) =>\n            h(TabItem, {\n                key: getBarItemKeyByItemKey(panel.itemKey),\n                'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n                disabled: panel.disabled,\n                icon: panel.icon,\n                itemKey: panel.itemKey,\n                tab: panel.tab,\n                closable: panel.closable,\n                selected: isActive(panel.itemKey),\n                size: props.size,\n                type: props.type,\n                tabPosition: props.tabPosition,\n                handleKeyDown: props.handleKeyDown,\n                deleteTabItem: props.deleteTabItem,\n                onClick: handleItemClick,\n            })\n        );\n    } else if (typeof more === 'object') {\n        keepCount = list.length - Math.min(more.count, list.length);\n        tabElements = list.slice(0, keepCount).map((panel) =>\n            h(TabItem, {\n                key: getBarItemKeyByItemKey(panel.itemKey),\n                'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n                disabled: panel.disabled,\n                icon: panel.icon,\n                itemKey: panel.itemKey,\n                tab: panel.tab,\n                closable: panel.closable,\n                selected: isActive(panel.itemKey),\n                size: props.size,\n                type: props.type,\n                tabPosition: props.tabPosition,\n                handleKeyDown: props.handleKeyDown,\n                deleteTabItem: props.deleteTabItem,\n                onClick: handleItemClick,\n            })\n        );\n        if (more.render) {\n            moreTrigger = more.render() as any;\n        }\n    } else if (more !== undefined) {\n        throw new Error('[Semi Tabs]: invalid tab props format: more');\n    }\n\n    return h('div', null, [\n        ...tabElements,\n        renderMoreDropdown(list.slice(keepCount), (more as any)?.dropdownProps, moreTrigger),\n    ]);\n};\n\nconst renderMoreDropdown = (panels: PlainTab[], dropDownProps: any, trigger: VNode): VNode => {\n    return h(\n        Dropdown,\n        {\n            trigger: 'hover',\n            showTick: true,\n            position: 'bottomLeft',\n            class: `${cssClasses.TABS_BAR}-more-dropdown-${props.type}`,\n            clickToHide: true,\n            menu: panels.map((panel) => ({\n                node: 'item',\n                name: panel.tab,\n                icon: panel.icon,\n                onClick: (e: MouseEvent) => props.onTabClick(panel.itemKey, e),\n                active: props.activeKey === panel.itemKey,\n            })),\n            ...dropDownProps,\n        },\n        () => trigger\n    );\n};\n</script>\n"],"names":["props","__props","uuid","ref","isFirstShowInViewport","rePosKey","onMounted","getUuidv4","watch","newKey","oldKey","scrollActiveTabItemIntoView","classNames","computed","type","className","tabPosition","collapsible","cssClasses","isActive","key","getBarItemKeyByItemKey","getItemKeyByBarItemKey","handleItemClick","itemKey","event","_a","renderIcon","icon","h","renderExtra","tabBarExtraContent","size","content","tabBarExtraContentDefaultStyle","tabBarExtraContentStyle","extraCls","tabBarStyle","scrollTabItemIntoViewByKey","logicalPosition","behavior","tabItem","handleArrowClick","items","pos","e","targetItem","scrollWrapper","scrollLeft","containerWidth","viewportRight","i","item","containerRect","itemRect","itemLeft","itemRight","isFullyVisible","previousItems","renderCollapse","itemsKey","prevItemsKey","nextTick","arrowCls","arrowStyle","isEmpty","Button","dropdownClassName","dropdownStyle","showRestInDropdown","dropdownProps","disabled","menu","Dropdown","panel","panelIcon","button","dropdownCls","customDropdownProps","classnames","renderOverflow","index","IconChevronLeft","IconChevronRight","overflowNode","customArrow","existingStyle","renderTabItem","TabItem","collapsedTabItems","handleVisibleStateChange","visibleMap","visibleMapWithItemKey","v","k","renderWithMoreTrigger","list","more","tabElements","moreTrigger","IconChevronDown","keepCount","renderMoreDropdown","panels","dropDownProps","trigger","_createElementBlock","_createBlock","_unref","OverflowList","_openBlock","_resolveDynamicComponent","_Fragment","_renderList"],"mappings":"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"}

package/lib/cjs/components/tabs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./Tabs.vue.cjs"),t=require("./TabPane.vue.cjs"),u=require("./TabItem.vue.cjs");;/* empty css            */const e=a.default;e.TabPane=t.default;e.TabItem=u.default;exports.TabPane=t.default;exports.TabItem=u.default;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Tabs.vue.cjs"),e=require("./TabPane.vue.cjs"),t=require("./TabItem.vue.cjs"),a=Object.assign(u.default,{TabPane:e.default,TabItem:t.default});exports.TabPane=e.default;exports.TabItem=t.default;exports.default=a;
 //# sourceMappingURL=index.cjs.map

package/lib/cjs/components/tabs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":["import Tabs from './Tabs.vue';\nimport TabPane from './TabPane.vue';\nimport TabItem from './TabItem.vue';\n\n// 导入样式（自动引入）\nimport './tabs.scss';\n\nexport type { TabsProps, TabPaneProps, TabBarProps, TabItemProps, PlainTab } from './interface';\n\nexport type TabsType = typeof Tabs & {\n    TabPane: typeof TabPane;\n    TabItem: typeof TabItem;\n};\n\nconst TabsWithSubComponents = Tabs as TabsType;\nTabsWithSubComponents.TabPane = TabPane;\nTabsWithSubComponents.TabItem = TabItem;\n\nexport { TabPane, TabItem };\nexport default TabsWithSubComponents;\n"],"names":["TabsWithSubComponents","Tabs","TabPane","TabItem"],"mappings":"uOAcA,MAAMA,EAAwBC,EAAAA,QAC9BD,EAAsB,QAAUE,EAAAA,QAChCF,EAAsB,QAAUG,EAAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":["import Tabs from './Tabs.vue';\nimport TabPane from './TabPane.vue';\nimport TabItem from './TabItem.vue';\n\n// 导入样式（自动引入）\nimport './tabs.scss';\n\nexport type { TabsProps, TabPaneProps, TabBarProps, TabItemProps, PlainTab } from './interface';\n\nexport type TabsType = typeof Tabs & {\n    TabPane: typeof TabPane;\n    TabItem: typeof TabItem;\n};\n\n// 使用 Object.assign 确保属性可枚举，支持解构语法\nconst TabsWithSubComponents = Object.assign(Tabs, {\n    TabPane,\n    TabItem,\n}) as TabsType;\n\nexport { TabPane, TabItem };\nexport default TabsWithSubComponents;\n"],"names":["TabsWithSubComponents","Tabs","TabPane","TabItem"],"mappings":"4MAKAA,EAAO,OAAA,OAAAC,UAAA,CAUP,QAAAC,EAAAA,QAAkD,QAC9CC,EAAAA,OAAA,CAAA"}