Commit 1596daf0 authored by Andy-bubu's avatar Andy-bubu

fix: align case modal width with Xinyuan standard

parent d2789c01
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
- 应用切换使用 HeroUI Modal,应用卡片在小屏单列、`sm` 及以上固定两列,与“问题整改”保持一致。 - 应用切换使用 HeroUI Modal,应用卡片在小屏单列、`sm` 及以上固定两列,与“问题整改”保持一致。
- 结构化筛选使用 HeroUI Surface,内部控件使用 `secondary`;关键词搜索位于列表工具栏左侧。 - 结构化筛选使用 HeroUI Surface,内部控件使用 `secondary`;关键词搜索位于列表工具栏左侧。
- 列表使用 HeroUI Pro DataGrid 原生选择、排序、固定列、ActionBar、EmptyState 与 compound Pagination。 - 列表使用 HeroUI Pro DataGrid 原生选择、排序、固定列、ActionBar、EmptyState 与 compound Pagination。
- 详情和表单使用 4xl HeroUI Modal;查看态只有一个 `Surface secondary` 字段组,编辑态直接放置 `secondary` 控件。 - 详情和内容型表单使用鑫元 4xl(1088px)Modal:HeroUI `Modal.Container size="lg"` 保留官方交互与响应式结构,`Modal.Dialog` 通过共享布局类限制为 `sm:max-w-[68rem]`;不得把 HeroUI 不支持的 `4xl` 直接传给 Container。查看态只有一个 `Surface secondary` 字段组,编辑态直接放置 `secondary` 控件。
- 指标必须使用 HeroUI Pro KPI compound API;图表必须使用 Pro PieChart、BarChart、ComposedChart 与 ChartTooltipContent。 - 指标必须使用 HeroUI Pro KPI compound API;图表必须使用 Pro PieChart、BarChart、ComposedChart 与 ChartTooltipContent。
- 图表业务序列只使用 `--rc-chart-*` Token,不使用 UI 状态色或页面硬编码颜色。 - 图表业务序列只使用 `--rc-chart-*` Token,不使用 UI 状态色或页面硬编码颜色。
......
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
| 应用切换 | HeroUI Modal compound API,桌面两列应用卡、Surface + Avatar identity well、当前态 | 登录后打开态待真实凭证 | | 应用切换 | HeroUI Modal compound API,桌面两列应用卡、Surface + Avatar identity well、当前态 | 登录后打开态待真实凭证 |
| 驾驶舱 | HeroUI Pro KPI、PieChart、BarChart、ComposedChart、ChartTooltipContent | 构建通过;真实图表 Tooltip 待登录验收 | | 驾驶舱 | HeroUI Pro KPI、PieChart、BarChart、ComposedChart、ChartTooltipContent | 构建通过;真实图表 Tooltip 待登录验收 |
| 案例管理 | HeroUI Surface/Tabs/TextField/Autocomplete、Pro DataGrid/ActionBar/EmptyState | 默认 20、20/50/100 分页口径已保护;交互待登录验收 | | 案例管理 | HeroUI Surface/Tabs/TextField/Autocomplete、Pro DataGrid/ActionBar/EmptyState | 默认 20、20/50/100 分页口径已保护;交互待登录验收 |
| 弹窗 | HeroUI Modal/Alert/DropZone,4xl 表单与单一 secondary 查看 Surface | 结构完成;打开态待登录验收 | | 弹窗 | HeroUI Modal/Alert/DropZone,Container 使用官方 `lg`、Dialog 映射鑫元 4xl/1088px,查看态使用单一 secondary Surface | 新建弹窗宽度已按问题整改基准修正;其他打开态待登录验收 |
| 旧组件 | Catalyst、Headless、ECharts、旧 Select/Date/Table 兼容层已移除 | 活动源码扫描为零 | | 旧组件 | Catalyst、Headless、ECharts、旧 Select/Date/Table 兼容层已移除 | 活动源码扫描为零 |
| 样式 | `theme.css` 匹配 Skill;`tokens.css`、`shell.css`、`tailwind.css`、`global.less` 匹配问题整改 | `portable.css` 与页面私有视觉 CSS 已移除 | | 样式 | `theme.css` 匹配 Skill;`tokens.css`、`shell.css`、`tailwind.css`、`global.less` 匹配问题整改 | `portable.css` 与页面私有视觉 CSS 已移除 |
......
...@@ -268,6 +268,7 @@ ...@@ -268,6 +268,7 @@
- 批量删除按钮 - 批量删除按钮
- 详情查看 / 编辑弹框 - 详情查看 / 编辑弹框
- 删除确认弹框 - 删除确认弹框
- 新建、详情/编辑、批量修改和 Excel 导入使用同一鑫元 4xl/1088px 内容弹窗宽度;移动端保留 16px 视口安全边距,弹窗内容在 Body 内滚动
### 6.3 案例详情 ### 6.3 案例详情
......
...@@ -66,6 +66,7 @@ import { ...@@ -66,6 +66,7 @@ import {
const ALL_CATEGORY_KEY = '__all__'; const ALL_CATEGORY_KEY = '__all__';
const CARD_VIEW_MODE = 'card'; const CARD_VIEW_MODE = 'card';
const TABLE_VIEW_MODE = 'table'; const TABLE_VIEW_MODE = 'table';
const XINYUAN_4XL_DIALOG_CLASS = 'sm:max-w-[68rem] p-7';
const DEFAULT_CATEGORY_TABS = [ const DEFAULT_CATEGORY_TABS = [
{ {
key: ALL_CATEGORY_KEY, key: ALL_CATEGORY_KEY,
...@@ -1337,8 +1338,8 @@ export default function ResourceBookingPage() { ...@@ -1337,8 +1338,8 @@ export default function ResourceBookingPage() {
<Modal.Root isOpen={isCreateOpen} onOpenChange={setIsCreateOpen}> <Modal.Root isOpen={isCreateOpen} onOpenChange={setIsCreateOpen}>
<Modal.Backdrop> <Modal.Backdrop>
<Modal.Container placement="center" scroll="inside" size="4xl"> <Modal.Container placement="center" scroll="inside" size="lg">
<Modal.Dialog> <Modal.Dialog className={XINYUAN_4XL_DIALOG_CLASS}>
<Modal.CloseTrigger aria-label="关闭新建案例" /> <Modal.CloseTrigger aria-label="关闭新建案例" />
<Modal.Header> <Modal.Header>
<Modal.Heading>手动新建案例</Modal.Heading> <Modal.Heading>手动新建案例</Modal.Heading>
...@@ -1546,8 +1547,8 @@ export default function ResourceBookingPage() { ...@@ -1546,8 +1547,8 @@ export default function ResourceBookingPage() {
<Modal.Root isOpen={isDetailOpen} onOpenChange={handleDetailOpenChange}> <Modal.Root isOpen={isDetailOpen} onOpenChange={handleDetailOpenChange}>
<Modal.Backdrop> <Modal.Backdrop>
<Modal.Container placement="center" scroll="inside" size="4xl"> <Modal.Container placement="center" scroll="inside" size="lg">
<Modal.Dialog> <Modal.Dialog className={XINYUAN_4XL_DIALOG_CLASS}>
<Modal.CloseTrigger aria-label="关闭案例详情" /> <Modal.CloseTrigger aria-label="关闭案例详情" />
<Modal.Header> <Modal.Header>
<Modal.Heading> <Modal.Heading>
...@@ -1821,8 +1822,8 @@ export default function ResourceBookingPage() { ...@@ -1821,8 +1822,8 @@ export default function ResourceBookingPage() {
<Modal.Root isOpen={isBatchEditOpen} onOpenChange={setIsBatchEditOpen}> <Modal.Root isOpen={isBatchEditOpen} onOpenChange={setIsBatchEditOpen}>
<Modal.Backdrop> <Modal.Backdrop>
<Modal.Container placement="center" scroll="inside" size="4xl"> <Modal.Container placement="center" scroll="inside" size="lg">
<Modal.Dialog> <Modal.Dialog className={XINYUAN_4XL_DIALOG_CLASS}>
<Modal.CloseTrigger aria-label="关闭批量修改" /> <Modal.CloseTrigger aria-label="关闭批量修改" />
<Modal.Header> <Modal.Header>
<Modal.Heading>批量修改案例</Modal.Heading> <Modal.Heading>批量修改案例</Modal.Heading>
...@@ -2085,8 +2086,8 @@ export default function ResourceBookingPage() { ...@@ -2085,8 +2086,8 @@ export default function ResourceBookingPage() {
<Modal.Root isOpen={isImportOpen} onOpenChange={setIsImportOpen}> <Modal.Root isOpen={isImportOpen} onOpenChange={setIsImportOpen}>
<Modal.Backdrop> <Modal.Backdrop>
<Modal.Container placement="center" scroll="inside" size="4xl"> <Modal.Container placement="center" scroll="inside" size="lg">
<Modal.Dialog> <Modal.Dialog className={XINYUAN_4XL_DIALOG_CLASS}>
<Modal.CloseTrigger aria-label="关闭 Excel 导入" /> <Modal.CloseTrigger aria-label="关闭 Excel 导入" />
<Modal.Header> <Modal.Header>
<Modal.Heading>Excel 导入案例</Modal.Heading> <Modal.Heading>Excel 导入案例</Modal.Heading>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment