메뉴
MUI 9 输入类组件在 Foundation 项目中的详尽用法。当使用 Button/TextField/Select/Checkbox/Switch/Slider/Radio/Rating/Autocomplete/ToggleButton/FAB 时参考。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | foundation-mui-inputs |
| description | MUI 9 输入类组件在 Foundation 项目中的详尽用法。当使用 Button/TextField/Select/Checkbox/Switch/Slider/Radio/Rating/Autocomplete/ToggleButton/FAB 时参考。 |
当你需要在 Foundation 项目中使用以下任何输入类组件时，参考本 SKILL：
loading prop）| # | 规则 | 要点 |
|---|---|---|
| 1 | 配色 | 只用 theme.palette.foundation.*，禁止硬编码 hex |
| 2 | 圆角 | 按钮/IconButton 6px，容器 8px（主题已统一） |
| 3 | 图标 | 只用 @mui/icons-material 的 *Rounded 系列 |
| 4 | i18n | 所有人类可见字符串走 t('key') |
| 5 | 样式 | 写在 <Name>.styles.ts，使用工厂函数 |
| 6 | 对话框 | 简单确认走 NativeDialogs，复杂表单用 MUI Dialog |
| 7 | 调用链 | View → ViewModel → services/ → @bindings/ |
| 8 | 路由 | 用 useRouter().navigate(id)，不用 react-router |
LoadingButton 不再需要从 @mui/lab 导入，直接用 <Button loading> 即可Button 默认 disableElevation: true（主题已配置）TextField 默认 size="small" variant="outlined"（主题已配置）| 文件 | 覆盖组件 |
|---|---|
| button.md | Button, IconButton, ButtonGroup, LoadingButton |
| text-field.md | TextField |
| select.md | Select, NativeSelect |
| checkbox.md | Checkbox, FormControlLabel |
| radio.md | Radio, RadioGroup |
| switch.md | Switch |
| slider.md | Slider |
| rating.md | Rating |
| autocomplete.md | Autocomplete |
| toggle-button.md | ToggleButton, ToggleButtonGroup |
| fab.md | Fab (Floating Action Button) |
Foundation 脚手架的子窗口系统使用指南：ChildWindowService（Open/Close/List）、事件总线通信（定向 / 广播）、预设类型（confirm / message / blank）、新增子窗口类型标准操作，以及"子窗口 MVVM 与主窗口一致、通信只走事件总线"等铁律。
MUI 9 数据展示类组件在 Foundation 项目中的详尽用法。当使用 Typography/Avatar/Badge/Chip/Divider/List/Table/Tooltip 时参考。
MUI 9 反馈类组件在 Foundation 项目中的详尽用法。当使用 Alert/Dialog/Progress/Skeleton/Snackbar/Backdrop 时参考。
Foundation 项目 @mui/icons-material 图标库详尽用法指南。Icon 铁律：只用 *Rounded 系列，禁止 emoji/Unicode/第三方 icon 包。
MUI 9 布局类组件在 Foundation 项目中的详尽用法。当使用 Box/Container/Grid/Stack/ImageList 时参考。
MUI 9 导航类组件在 Foundation 项目中的详尽用法。当使用 Tabs/Menu/Drawer/Breadcrumbs/Pagination/Stepper/SpeedDial/BottomNav/Link 时参考。