Gomtm Design

使用入口

这是 gomtm/gomtmui UI 设计与实现的总入口。主文档只保留判断规则；具体页面模式按需读取 references/。

1. 先按移动端设计，再自适应桌面端；桌面端只是扩展信息密度，不应改变主流程。
2. 优先用 shadcn/ui 组件或组件组合解决问题；没有必要时不要新增自定义组件或自定义样式。
3. 图标优先表达工具动作；不熟悉的图标必须配 Tooltip、aria-label 或 sr-only 文本。
4. 简洁优先：不要用说明文案堆叠来弥补信息架构不清。
5. 不滥用 <Card />：卡片只用于重复记录项、弹窗内容或真正需要框定的工具，不把页面 section 套成 card，更不要 card-in-card。
6. datatable 采用 column-first + layout-contract 约定：桌面表格和移动摘要共用同一份 ColumnDef<TData>[]，桌面列尺寸必须进入 ColumnDef sizing 或 columnDef.meta.table，由表格壳层统一落到 colgroup/CSS width；不要靠肉眼猜多个固定 w-* 来修复列宽。
7. 表格 cell 先选公共 cell 原语，再写业务专用 cell；复制、长文本、指标、状态、动作都必须有明确列宽、min-w-0、截断/换行、稳定反馈和浅色/暗色主题状态。修复表格视觉问题必须用真实浏览器截图验收。

组件选择

常见字段优先使用专用组件表达：