القائمة
MUI 9 反馈类组件在 Foundation 项目中的详尽用法。当使用 Alert/Dialog/Progress/Skeleton/Snackbar/Backdrop 时参考。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Foundation 脚手架的子窗口系统使用指南：ChildWindowService（Open/Close/List）、事件总线通信（定向 / 广播）、预设类型（confirm / message / blank）、新增子窗口类型标准操作，以及"子窗口 MVVM 与主窗口一致、通信只走事件总线"等铁律。
MUI 9 数据展示类组件在 Foundation 项目中的详尽用法。当使用 Typography/Avatar/Badge/Chip/Divider/List/Table/Tooltip 时参考。
Foundation 项目 @mui/icons-material 图标库详尽用法指南。Icon 铁律：只用 *Rounded 系列，禁止 emoji/Unicode/第三方 icon 包。
MUI 9 输入类组件在 Foundation 项目中的详尽用法。当使用 Button/TextField/Select/Checkbox/Switch/Slider/Radio/Rating/Autocomplete/ToggleButton/FAB 时参考。
MUI 9 布局类组件在 Foundation 项目中的详尽用法。当使用 Box/Container/Grid/Stack/ImageList 时参考。
MUI 9 导航类组件在 Foundation 项目中的详尽用法。当使用 Tabs/Menu/Drawer/Breadcrumbs/Pagination/Stepper/SpeedDial/BottomNav/Link 时参考。
| name | foundation-mui-feedback |
| description | MUI 9 反馈类组件在 Foundation 项目中的详尽用法。当使用 Alert/Dialog/Progress/Skeleton/Snackbar/Backdrop 时参考。 |
| 规则 | 要求 |
|---|---|
| 配色 | 只从 theme.palette.foundation.* 取值，禁止硬编码 hex |
| 圆角 | 按钮 6px，容器 8px（主题已统一） |
| 图标 | 只用 @mui/icons-material 的 *Rounded 系列 |
| i18n | 所有人类可见字符串走 t('key') |
| 样式 | 写在 <Name>.styles.ts，使用工厂函数 |
| 对话框 | 简单确认/警告/错误 → NativeDialogs；复杂表单/向导 → MUI Dialog |
| 调用链 | View → ViewModel → services/ → @bindings/ |
| 骨架屏 | 页面级骨架用项目自有 src/components/Skeleton/ |
简单确认 "确定要删除吗？" → NativeDialogs.confirm(...)
错误提示 "操作失败" → NativeDialogs.error(...)
警告提示 "数据将丢失" → NativeDialogs.warning(...)
信息提示 "操作完成" → NativeDialogs.info(...)
复杂表单（多字段输入） → MUI Dialog
多步向导（步骤切换） → MUI Dialog
内容预览（富文本/图片/代码） → MUI Dialog
自定义 UI（进度/列表/树形选择） → MUI Dialog
| 文件 | 覆盖组件 | 场景 |
|---|---|---|
| alert.md | Alert, AlertTitle | 内联反馈提示 |
| backdrop.md | Backdrop | 全屏遮罩 + 加载 |
| dialog.md | Dialog, DialogTitle, DialogContent, DialogActions | 复杂对话框 |
| progress.md | CircularProgress, LinearProgress | 加载进度 |
| skeleton.md | Skeleton | 占位骨架 |
| snackbar.md | Snackbar, SnackbarContent | 临时通知 |