@transsionfe/semi-ui-vue 0.0.1 → 0.0.3

package/lib/es/components/table/VirtualizedBody.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedBody.vue2.js","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/es/components/table/index.js

@@ -1,7 +1,6 @@
 import _ from "./Table.vue.js";
 import m from "./Column.vue.js";
 import { strings as E } from "@douyinfe/semi-foundation/table/constants";
-/* empty css           */
 _.Column = m;
 _.DEFAULT_KEY_COLUMN_SELECTION = E.DEFAULT_KEY_COLUMN_SELECTION;
 _.DEFAULT_KEY_COLUMN_EXPAND = E.DEFAULT_KEY_COLUMN_EXPAND;

package/lib/es/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":";;;;AA+BCA,EAAc,SAASC;AACvBD,EAAc,+BAA+BE,EAAQ;AACrDF,EAAc,4BAA4BE,EAAQ;"}
+{"version":3,"file":"index.js","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":";;;AA2BIA,EAAA,SAAAC;AAIHD,EAAc,+BAASE,EAAA;AACvBF,EAAc,8BAA+B;"}

package/lib/es/components/tabs/TabBar.vue.js

@@ -6,13 +6,11 @@ import { isEmpty as ye } from "lodash-es";
 import R from "./TabItem.vue.js";
 import p from "../dropdown/index.js";
 import q from "../button/Button.vue.js";
-/* empty css                    */
 import be from "../overflowList/OverflowList.vue.js";
-/* empty css                                */
 import ue from "../icons/icons/IconChevronLeft.js";
 import fe from "../icons/icons/IconChevronRight.js";
 import he from "../icons/icons/IconChevronDown.js";
-const Be = ["aria-orientation", "data-uuid"], xe = /* @__PURE__ */ oe({
+const Be = ["aria-orientation", "data-uuid"], pe = /* @__PURE__ */ oe({
   name: "TabBar",
   __name: "TabBar",
   props: {
@@ -410,6 +408,6 @@ const Be = ["aria-orientation", "data-uuid"], xe = /* @__PURE__ */ oe({
   }
 });
 export {
-  xe as default
+  pe as default
 };
 //# sourceMappingURL=TabBar.vue.js.map

package/lib/es/components/tabs/TabBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.vue.js","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.js","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/es/components/tabs/TabBar.vue2.js

@@ -0,0 +1,5 @@
+import f from "./TabBar.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TabBar.vue2.js.map

package/lib/es/components/tabs/TabBar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/tabs/TabItem.vue2.js

@@ -0,0 +1,5 @@
+import f from "./TabItem.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TabItem.vue2.js.map

package/lib/es/components/tabs/TabItem.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/tabs/TabPane.vue2.js

@@ -0,0 +1,5 @@
+import f from "./TabPane.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TabPane.vue2.js.map

package/lib/es/components/tabs/TabPane.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/tabs/Tabs.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Tabs.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Tabs.vue2.js.map

package/lib/es/components/tabs/Tabs.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/tabs/index.js

@@ -1,7 +1,6 @@
 import m from "./Tabs.vue.js";
 import o from "./TabPane.vue.js";
 import t from "./TabItem.vue.js";
-/* empty css          */
 const a = m;
 a.TabPane = o;
 a.TabItem = t;

package/lib/es/components/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":";;;;AAcA,MAAMA,IAAwBC;AAC9BD,EAAsB,UAAUE;AAChCF,EAAsB,UAAUG;"}
+{"version":3,"file":"index.js","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":";;;AAKA,MAAAA,IAAOC;AASPD,EAAM,UAAwBE;AAC9BF,EAAsB,UAAUG;"}

package/lib/es/components/tag/Tag.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Tag.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Tag.vue2.js.map

package/lib/es/components/tag/Tag.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/tag/TagGroup.vue.js

@@ -3,10 +3,9 @@ import K from "classnames";
 import { cssClasses as W } from "@douyinfe/semi-foundation/tag/constants";
 import b from "./Tag.vue.js";
 import X from "../popover/Popover.vue.js";
-/* empty css                      */
 import "../space/index.js";
 import q from "../space/Space.vue.js";
-const te = /* @__PURE__ */ G({
+const ee = /* @__PURE__ */ G({
   name: "TagGroup",
   __name: "TagGroup",
   props: {
@@ -31,26 +30,26 @@ const te = /* @__PURE__ */ G({
       e.className
     )), p = u(() => {
       var i;
-      const o = (i = c.default) == null ? void 0 : i.call(c);
-      if (o && o.length > 0) {
+      const n = (i = c.default) == null ? void 0 : i.call(c);
+      if (n && n.length > 0) {
         const t = [], s = (D) => {
-          D.forEach((n) => {
+          D.forEach((o) => {
             var k, z, w, N;
-            n && ((k = n.type) != null && k.toString().includes("Comment") || (z = n.type) != null && z.toString().includes("v-cmt") || ((w = n.type) != null && w.toString().includes("Fragment") || (N = n.type) != null && N.toString().includes("v-fgt") ? Array.isArray(n.children) && s(n.children) : t.push(n)));
+            o && ((k = o.type) != null && k.toString().includes("Comment") || (z = o.type) != null && z.toString().includes("v-cmt") || ((w = o.type) != null && w.toString().includes("Fragment") || (N = o.type) != null && N.toString().includes("v-fgt") ? Array.isArray(o.children) && s(o.children) : t.push(o)));
           });
         };
-        if (s(o), t.length > 0)
+        if (s(n), t.length > 0)
           return t;
       }
       return e.tagList && e.tagList.length > 0 ? e.tagList : [];
     }), A = u(() => typeof e.maxTagCount > "u" ? p.value : p.value.slice(0, e.maxTagCount)), v = u(() => typeof e.maxTagCount > "u" ? [] : p.value.slice(e.maxTagCount)), d = u(() => typeof e.restCount < "u" ? e.restCount : e.tagList && e.tagList.length > 0 && typeof e.maxTagCount < "u" ? e.tagList.length - e.maxTagCount : v.value.length), x = u(() => typeof e.maxTagCount < "u" && d.value > 0);
-    function T(o, i) {
-      return o.key ?? `tag-${i}`;
+    function T(n, i) {
+      return n.key ?? `tag-${i}`;
     }
-    function h(o) {
-      F("plusNMouseEnter", o);
+    function h(n) {
+      F("plusNMouseEnter", n);
     }
-    return (o, i) => (a(), g("div", {
+    return (n, i) => (a(), g("div", {
       class: j(V.value),
       style: _(r.style)
     }, [
@@ -113,6 +112,6 @@ const te = /* @__PURE__ */ G({
   }
 });
 export {
-  te as default
+  ee as default
 };
 //# sourceMappingURL=TagGroup.vue.js.map

package/lib/es/components/tag/TagGroup.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.vue.js","sources":["../../../../src/components/tag/TagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots, VNode } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/tag/constants';\nimport Tag from './Tag.vue';\nimport Popover from '../popover';\nimport Space from '../space';\n\nconst prefixCls = cssClasses.PREFIX;\n\ninterface TagGroupProps {\n    style?: any;\n    className?: string;\n    maxTagCount?: number;\n    restCount?: number;\n    size?: 'small' | 'default' | 'large';\n    showPopover?: boolean;\n    popoverProps?: any;\n    tagList?: VNode[];\n}\n\nconst props = withDefaults(defineProps<TagGroupProps>(), {\n    style: () => ({}),\n    className: '',\n    size: 'default',\n    showPopover: false,\n    popoverProps: () => ({}),\n    tagList: () => [],\n});\n\nconst emit = defineEmits<{\n    (e: 'tagClose', tagContent: any, event: Event, tagKey?: string | number): void;\n    (e: 'plusNMouseEnter', event: MouseEvent): void;\n}>();\n\nconst slots = useSlots();\n\nconst groupCls = computed(() => {\n    return classNames(\n        {\n            [`${prefixCls}-group`]: true,\n            [`${prefixCls}-group-max`]: props.maxTagCount,\n            [`${prefixCls}-group-small`]: props.size === 'small',\n            [`${prefixCls}-group-large`]: props.size === 'large',\n        },\n        props.className\n    );\n});\n\nconst allChildren = computed(() => {\n    const slotChildren = slots.default?.();\n    if (slotChildren && slotChildren.length > 0) {\n        const result: VNode[] = [];\n\n        const flattenChildren = (vnodes: VNode[]) => {\n            vnodes.forEach((child: VNode) => {\n                if (!child) return;\n\n                if (child.type?.toString().includes('Comment') || child.type?.toString().includes('v-cmt')) {\n                    return;\n                }\n\n                if (child.type?.toString().includes('Fragment') || child.type?.toString().includes('v-fgt')) {\n                    if (Array.isArray(child.children)) {\n                        flattenChildren(child.children as VNode[]);\n                    }\n                } else {\n                    result.push(child);\n                }\n            });\n        };\n\n        flattenChildren(slotChildren);\n        if (result.length > 0) {\n            return result;\n        }\n    }\n\n    if (props.tagList && props.tagList.length > 0) {\n        return props.tagList;\n    }\n\n    return [];\n});\n\nconst displayTags = computed(() => {\n    if (typeof props.maxTagCount === 'undefined') {\n        return allChildren.value;\n    }\n    return allChildren.value.slice(0, props.maxTagCount);\n});\n\nconst restTags = computed(() => {\n    if (typeof props.maxTagCount === 'undefined') {\n        return [];\n    }\n    return allChildren.value.slice(props.maxTagCount);\n});\n\nconst restCount = computed(() => {\n    if (typeof props.restCount !== 'undefined') {\n        return props.restCount;\n    }\n    if (props.tagList && props.tagList.length > 0 && typeof props.maxTagCount !== 'undefined') {\n        return props.tagList.length - props.maxTagCount;\n    }\n    return restTags.value.length;\n});\n\nconst showRestTag = computed(() => {\n    return typeof props.maxTagCount !== 'undefined' && restCount.value > 0;\n});\n\nfunction getTagKey(item: VNode, index: number) {\n    return item.key ?? `tag-${index}`;\n}\n\nfunction handlePlusNMouseEnter(event: MouseEvent) {\n    emit('plusNMouseEnter', event);\n}\n\ndefineOptions({\n    name: 'TagGroup',\n});\n</script>\n\n<template>\n    <div :class=\"groupCls\" :style=\"style\">\n        <template v-for=\"(item, index) in displayTags\" :key=\"getTagKey(item, index)\">\n            <component :is=\"item\" v-if=\"item\" />\n        </template>\n\n        <Popover\n            v-if=\"showRestTag && showPopover\"\n            show-arrow\n            trigger=\"hover\"\n            position=\"top\"\n            auto-adjust-overflow\n            :class-name=\"`${prefixCls}-rest-group-popover`\"\n            v-bind=\"popoverProps\"\n        >\n            <Tag\n                :closable=\"false\"\n                :size=\"size\"\n                color=\"grey\"\n                :style=\"{ backgroundColor: 'transparent' }\"\n                @mouseenter=\"handlePlusNMouseEnter\"\n            >\n                +{{ restCount }}\n            </Tag>\n            <template #content>\n                <Space :spacing=\"2\" wrap :style=\"{ maxWidth: '400px' }\">\n                    <template v-for=\"(item, index) in restTags\" :key=\"getTagKey(item, index + (maxTagCount || 0))\">\n                        <component :is=\"item\" />\n                    </template>\n                </Space>\n            </template>\n        </Popover>\n\n        <Tag\n            v-else-if=\"showRestTag && !showPopover\"\n            :closable=\"false\"\n            :size=\"size\"\n            color=\"grey\"\n            :style=\"{ backgroundColor: 'transparent' }\"\n            @mouseenter=\"handlePlusNMouseEnter\"\n        >\n            +{{ restCount }}\n        </Tag>\n    </div>\n</template>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","slots","useSlots","groupCls","computed","classNames","allChildren","slotChildren","_a","result","flattenChildren","vnodes","child","_b","_c","_d","displayTags","restTags","restCount","showRestTag","getTagKey","item","index","handlePlusNMouseEnter","event","_createElementBlock","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_unref","_mergeProps","_createVNode","Space","Tag","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"TagGroup.vue.js","sources":["../../../../src/components/tag/TagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots, VNode } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/tag/constants';\nimport Tag from './Tag.vue';\nimport Popover from '../popover';\nimport Space from '../space';\n\nconst prefixCls = cssClasses.PREFIX;\n\ninterface TagGroupProps {\n    style?: any;\n    className?: string;\n    maxTagCount?: number;\n    restCount?: number;\n    size?: 'small' | 'default' | 'large';\n    showPopover?: boolean;\n    popoverProps?: any;\n    tagList?: VNode[];\n}\n\nconst props = withDefaults(defineProps<TagGroupProps>(), {\n    style: () => ({}),\n    className: '',\n    size: 'default',\n    showPopover: false,\n    popoverProps: () => ({}),\n    tagList: () => [],\n});\n\nconst emit = defineEmits<{\n    (e: 'tagClose', tagContent: any, event: Event, tagKey?: string | number): void;\n    (e: 'plusNMouseEnter', event: MouseEvent): void;\n}>();\n\nconst slots = useSlots();\n\nconst groupCls = computed(() => {\n    return classNames(\n        {\n            [`${prefixCls}-group`]: true,\n            [`${prefixCls}-group-max`]: props.maxTagCount,\n            [`${prefixCls}-group-small`]: props.size === 'small',\n            [`${prefixCls}-group-large`]: props.size === 'large',\n        },\n        props.className\n    );\n});\n\nconst allChildren = computed(() => {\n    const slotChildren = slots.default?.();\n    if (slotChildren && slotChildren.length > 0) {\n        const result: VNode[] = [];\n\n        const flattenChildren = (vnodes: VNode[]) => {\n            vnodes.forEach((child: VNode) => {\n                if (!child) return;\n\n                if (child.type?.toString().includes('Comment') || child.type?.toString().includes('v-cmt')) {\n                    return;\n                }\n\n                if (child.type?.toString().includes('Fragment') || child.type?.toString().includes('v-fgt')) {\n                    if (Array.isArray(child.children)) {\n                        flattenChildren(child.children as VNode[]);\n                    }\n                } else {\n                    result.push(child);\n                }\n            });\n        };\n\n        flattenChildren(slotChildren);\n        if (result.length > 0) {\n            return result;\n        }\n    }\n\n    if (props.tagList && props.tagList.length > 0) {\n        return props.tagList;\n    }\n\n    return [];\n});\n\nconst displayTags = computed(() => {\n    if (typeof props.maxTagCount === 'undefined') {\n        return allChildren.value;\n    }\n    return allChildren.value.slice(0, props.maxTagCount);\n});\n\nconst restTags = computed(() => {\n    if (typeof props.maxTagCount === 'undefined') {\n        return [];\n    }\n    return allChildren.value.slice(props.maxTagCount);\n});\n\nconst restCount = computed(() => {\n    if (typeof props.restCount !== 'undefined') {\n        return props.restCount;\n    }\n    if (props.tagList && props.tagList.length > 0 && typeof props.maxTagCount !== 'undefined') {\n        return props.tagList.length - props.maxTagCount;\n    }\n    return restTags.value.length;\n});\n\nconst showRestTag = computed(() => {\n    return typeof props.maxTagCount !== 'undefined' && restCount.value > 0;\n});\n\nfunction getTagKey(item: VNode, index: number) {\n    return item.key ?? `tag-${index}`;\n}\n\nfunction handlePlusNMouseEnter(event: MouseEvent) {\n    emit('plusNMouseEnter', event);\n}\n\ndefineOptions({\n    name: 'TagGroup',\n});\n</script>\n\n<template>\n    <div :class=\"groupCls\" :style=\"style\">\n        <template v-for=\"(item, index) in displayTags\" :key=\"getTagKey(item, index)\">\n            <component :is=\"item\" v-if=\"item\" />\n        </template>\n\n        <Popover\n            v-if=\"showRestTag && showPopover\"\n            show-arrow\n            trigger=\"hover\"\n            position=\"top\"\n            auto-adjust-overflow\n            :class-name=\"`${prefixCls}-rest-group-popover`\"\n            v-bind=\"popoverProps\"\n        >\n            <Tag\n                :closable=\"false\"\n                :size=\"size\"\n                color=\"grey\"\n                :style=\"{ backgroundColor: 'transparent' }\"\n                @mouseenter=\"handlePlusNMouseEnter\"\n            >\n                +{{ restCount }}\n            </Tag>\n            <template #content>\n                <Space :spacing=\"2\" wrap :style=\"{ maxWidth: '400px' }\">\n                    <template v-for=\"(item, index) in restTags\" :key=\"getTagKey(item, index + (maxTagCount || 0))\">\n                        <component :is=\"item\" />\n                    </template>\n                </Space>\n            </template>\n        </Popover>\n\n        <Tag\n            v-else-if=\"showRestTag && !showPopover\"\n            :closable=\"false\"\n            :size=\"size\"\n            color=\"grey\"\n            :style=\"{ backgroundColor: 'transparent' }\"\n            @mouseenter=\"handlePlusNMouseEnter\"\n        >\n            +{{ restCount }}\n        </Tag>\n    </div>\n</template>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","slots","useSlots","groupCls","computed","classNames","allChildren","slotChildren","_a","result","flattenChildren","vnodes","child","_b","_c","_d","displayTags","restTags","restCount","showRestTag","getTagKey","item","index","handlePlusNMouseEnter","event","_createElementBlock","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_unref","_mergeProps","_createVNode","Space","Tag","_createTextVNode"],"mappings":"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"}

package/lib/es/components/tag/TagGroup.vue2.js

@@ -0,0 +1,5 @@
+import f from "./TagGroup.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TagGroup.vue2.js.map

package/lib/es/components/tag/TagGroup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/tag/index.js

@@ -1,7 +1,6 @@
-import m from "./Tag.vue.js";
-/* empty css         */
+import f from "./Tag.vue.js";
 export {
-  m as Tag,
-  m as default
+  f as Tag,
+  f as default
 };
 //# sourceMappingURL=index.js.map

package/lib/es/components/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}