polish Semi UI query workspaces

This commit is contained in:
lingniu
2026-07-18 01:43:37 +08:00
parent 6d63783630
commit 1affd30366
8 changed files with 103 additions and 16 deletions

View File

@@ -21,6 +21,7 @@ describe('WorkspaceFilterPanel', () => {
</WorkspaceFilterPanel>
);
expect(screen.getByRole('heading', { name: '事件筛选', level: 5 })).toBeInTheDocument();
expect(screen.getByText('按关键词与状态收窄范围')).toBeInTheDocument();
expect(screen.getByText('2 项已启用')).toBeInTheDocument();
expect(screen.getByRole('button', { name: '修改事件筛选:已启用 2 项' })).toHaveAttribute('aria-expanded', 'false');

View File

@@ -3,7 +3,7 @@ import { Card, Tag, Typography } from '@douyinfe/semi-ui';
import type { ComponentProps, ReactNode } from 'react';
import { MobileFilterToggle } from './MobileFilterToggle';
const { Text } = Typography;
const { Text, Title } = Typography;
type WorkspaceFilterPanelProps = {
title?: string;
@@ -48,7 +48,7 @@ export function WorkspaceFilterPanel({
<header className="v2-workspace-filter-heading">
<span className="v2-workspace-filter-icon" aria-hidden="true"><IconFilter /></span>
<span className="v2-workspace-filter-copy">
<Text strong>{title}</Text>
<Title heading={5}>{title}</Title>
<Text type="tertiary" size="small">{description}</Text>
</span>
<Tag color={statusColor} type="light" size="small">{status}</Tag>