Skip to content

feat(table): align table design in fe#2101

Open
Fiona2016 wants to merge 111 commits into
prefrom
feat-table-design-srm-0517
Open

feat(table): align table design in fe#2101
Fiona2016 wants to merge 111 commits into
prefrom
feat-table-design-srm-0517

Conversation

@Fiona2016
Copy link
Copy Markdown
Collaborator

Summary

  • Align global table styles, sorter visuals, fixed-cell behavior, and table action dropdowns.
  • Collapse route-level business table actions into shared three-dot menus.
  • Standardize table tag display and stabilize task/dial-related table layouts.

Test

  • Verified on 9111 for job templates, job tasks, current alerts, users, notification rules, label mappings, and dial analysis.
  • See fc-dev-docs cat/2026-05-18-table-design-test-guide.md for the regression checklist.

Fiona2016 and others added 30 commits May 12, 2026 19:50
Per design-system-table.md token baseline, sorted body cells use
rgb(var(--fc-fill-5-rgb) / 0.1), not the header bg (fill-2-5).
Short headers (≤4 chars) must not wrap; wide tables use horizontal
scroll instead of squeezing the header.
…ob-tpls

Per design-system-table.md §8: default pageSize is 15 across all tables.

- alert-mutes (shield): drop defaultPageSize 30 override; inherit DEFAULT_PAGESIZE.
- alert-subscribes (ListNG): drop defaultPageSize 30 override; inherit DEFAULT_PAGESIZE.
- job-tpls: add 15 to pageSizeOptions so it is selectable.
Per design-system-table.md §17.3 PRD scope:
- Column1Title: 订阅名称
- Column1Content: 业务组

Drop the standalone business_group column; show group as a sub-line under
the subscribe name using the double-row identifier pattern (design-system §5).
…to Column1

Per design-system-table.md §17.3:
- Column1Title: 规则标题
- Column1Content: 数据源类型 + 业务组

Drop the standalone business_group and cate columns; surface them as a
sub-line beneath the rule title.
Per design-system-table.md §17.3:
- Column1Title: 标题
- Column1Content: ID + 业务组
Per design-system-table.md §17.3:
- Column1Title: 标题
- Column1Content: ID + 业务组
Per design-system-table.md §17.3:
- Column1Title: 用户名
- Column1Content: 显示名 + 邮箱 + 手机号

Username keeps sorter; secondary identifiers shown beneath as text-soft.
…to Column2

Per design-system-table.md §17.3:
- Column1: 状态 (kept as-is)
- Column2Title: 名称
- Column2Content: 类型 (logo) + 业务组 + 级别
- Column3: 数据源

Drop standalone cate, group_id, severities columns; embed them under name.
Trim defaultColumnsConfigs accordingly.
…-0509

# Conflicts:
#	src/pages/task/index.tsx
#	src/pages/taskTpl/index.tsx
#	src/pages/warning/shield/index.tsx
Sorted column TD was using antd default #fafafa while sorted TH
inherited a different bg, making the column look split. Apply the
same fc-fill-5 token to both so the whole column reads as one band.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Remove `visibility: collapse` on the rc-table measure row — Chrome
treats it as collapsing layout, so MeasureCell reports offsetWidth=0
when there is no data. Combined with the recent fixed-right + scroll
x:max-content rollout, empty-state tables had the first column absorb
all available width. Inline `height:0; fontSize:0` on the tr already
hides the row, so the rule was redundant anyway.

Also flip the ping-right shadow gradient so the darker edge sits next
to the fixed column instead of away from it.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
jsers and others added 30 commits May 21, 2026 17:33
Migrate --*-rgb CSS variable values from comma-separated to space-separated
format, compatible with CSS Color Level 4 rgb() syntax.
feat(landing): use getRecommendByUrl for AI prompts
Add showSubtitle prop to UploadSkillModal to control subtitle visibility,
allowing callers to hide it when not needed.
fix(side-menu): refine bottom menu behavior
Add documentation URL prop to PageLayout component for AI config,
alerting, event pipeline, explorer, hosts, integrations, metrics,
notification, recording rules, and task pages.
…-based routing

- Replace old `datasourceCate` prop with typed `type: 'metric' | 'logging'`
- Wrap DatasourceSelectV3 in EmptyDatasourcePopover for empty state
- Add safe `getPrimaryTypeByCate` utility with proper type narrowing
- Fix downstream callers passing old `datasourceCate` prop
…teScroll mode

When pageLoadMode is infiniteScroll, logs.data accumulates all loaded
rows so val (index+1) is already the global line number. Previously the
pagination formula pageSize*(current-1)+val produced wrong values when
switching from pagination to infiniteScroll mid-session.
…-0517

# Conflicts:
#	scripts/generate_antd_dark_less.js
#	scripts/generate_antd_gold_less.js
#	src/locales/common/locale/en_US.ts
#	src/locales/common/locale/ja_JP.ts
#	src/locales/common/locale/ru_RU.ts
#	src/locales/common/locale/zh_CN.ts
#	src/locales/common/locale/zh_HK.ts
#	src/pages/warning/shield/index.tsx
#	src/pages/warning/subscribe/ListNG.tsx
#	src/theme/antd.light-gold.less
#	src/theme/default.less
…f12723

refactor: remove use_case and trigger_mode filters and columns
Add initialMessage prop to AiChatNG context, ChatPanel, AiButton,
and FlashAiButton. When provided, ChatPanel auto-sends the message
once on mount. Use this in event detail page to add an "AI Analysis"
button that opens AI chat and automatically triggers the analysis
query.
…queries

Add range parameter to replaceTemplateVariables so built-in template
variables ($__from, $__to, etc.) resolve with the correct time range
when queryOptionsTime is provided. Refactor elasticsearch datasource
to deduplicate parseRange calls.
…-0517

# Conflicts:
#	src/pages/eventPipeline/pages/List/index.tsx
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants