TabPanel 滚动功能测试

这是第二个标签的内容。

这里有一些中等长度的内容，包含一些代码示例：

function testFunction() {
    console.log("这是一个测试函数");
    return "Hello World";
}

还有一些表格：

这是第三个标签的内容。

这里有很多内容来测试滚动功能，包括宽表格和长代码行：

长内容测试

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

代码块测试

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

# 计算前10个斐波那契数
for i in range(10):
    print(f"F({i}) = {fibonacci(i)}")

长代码行测试（测试水平滚动）

// 这是一个非常长的JavaScript函数调用链，用来测试水平滚动功能
const result = data.filter(item => item.status === 'active' && item.category === 'important' && item.priority > 5).map(item => ({ id: item.id, name: item.name.toUpperCase(), description: item.description.substring(0, 100), createdAt: new Date(item.createdAt), updatedAt: new Date(item.updatedAt), tags: item.tags.join(', '), metadata: { author: item.author, version: item.version, dependencies: item.dependencies } })).sort((a, b) => b.createdAt - a.createdAt).slice(0, 10);

更多内容

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

宽表格测试（测试水平滚动）

列表测试

1. 第一项内容
2. 第二项内容
3. 第三项内容
4. 第四项内容
5. 第五项内容
6. 第六项内容
7. 第七项内容
8. 第八项内容
9. 第九项内容
10. 第十项内容

结束内容

这是最后一个段落，用来确保内容足够长以触发滚动功能。

这是小高度测试的第二个标签。

同样包含大量内容来测试滚动功能。

代码示例

// 这是一个复杂的JavaScript函数
function processData(data) {
    return data
        .filter(item => item.active)
        .map(item => ({
            id: item.id,
            name: item.name.toUpperCase(),
            timestamp: new Date(item.createdAt)
        }))
        .sort((a, b) => b.timestamp - a.timestamp);
}

表格数据

更多文本内容

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.