Menu
MUI 9 反馈类组件在 Foundation 项目中的详尽用法。当使用 Alert/Dialog/Progress/Skeleton/Snackbar/Backdrop 时参考。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| 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 | 临时通知 |
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 时参考。