2 lines
1.7 KiB
JSON
2 lines
1.7 KiB
JSON
{"slug":"table","contract":{"variants":["基础表格","可排序","行选择","固定列","展开行","批量操作"],"dims":[{"name":"feature","values":["sortable","filterable","selectable","fixed-column","expandable","batch-actions"]},{"name":"state","values":["default","hover","selected","loading","empty"]}],"unknowns":["表格密度切换具体实现"],"anatomy":{"header":"表头：背景 var(--color-bg-table-header)，文字 var(--color-text-body)，行高48px","row":"数据行：行高48px，分割线 var(--color-border)，悬停背景 var(--color-bg-page)","cell":"单元格：内边距左右16px，文本左对齐，数字/金额右对齐","selectedRow":"选中行背景 var(--color-brand-bg)","actionColumn":"操作列右对齐，文字按钮间距8px"},"doNot":["分页器与表格的组合规范"],"usage":["表头：背景 var(--color-bg-table-header)，文字 var(--color-text-body)，行高48px","行高48px，分割线 var(--color-border)，悬停背景 var(--color-bg-page)","单元格内边距左右16px，文本左对齐，数字/金额右对齐","选中行背景 var(--color-brand-bg)","支持排序、筛选、自定义列、固定列、展开行、行选择、批量操作","操作列右对齐，文字按钮间距8px"],"structure":{"headerHeight":"48px","rowHeight":"48px","cellPadding":"左右16px","divider":"1px solid var(--color-border)"}},"specLines":["- 表头：背景#FAFAFA，文字#262626，行高48px","- 行高48px，分割线#E8ECF1，悬停背景#F5F7FA","- 单元格内边距左右16px","- 文本左对齐，数字/金额右对齐","- 选中行背景#F0F5FF","- 支持排序、筛选、自定义列、固定列、展开行、行选择、批量操作","- 操作列右对齐，文字按钮间距8px"]}
|