用途:在开发或修改基于 Mantine 的 React 组件库时提供开发规范与模式,适用于组件开发、TypeScript 模式、Styles API、组件组合、上下文管理、可访问性、代码审查与文档编写。
主要能力:组件采用 Mantine 多态工厂模式(polymorphicFactory、useProps、useStyles、createVarsResolver);定义样式名与 CSS 变量类型;用 createSafeContext 实现安全上下文;子组件通过 forwardRef 访问父上下文;用 useUncontrolled 支持受控/非受控状态,useDidUpdate 处理更新副作用;支持 ref 转发与运行时 props 校验。
使用方式:组件源码位于 package/src/,含 ComponentName.tsx、.module.css、.context.ts、.errors.ts、.test.tsx、.story.tsx 与 index.ts;文档位于 docs/,含 demos、styles-api 与 docs.mdx。测试用 @mantine-tests/core 与 Testing Library,运行 npm run jest;提交前运行 npm run prettier:write、npm run lint、npm run test。CSS 使用 kebab-case,避免简写覆盖长写属性。
适用场景:构建或维护 Mantine 组件库、编写组件文档与演示、进行代码审查与可访问性实现。
限制:资料未提供收费、价格、平台与效果信息;具体实现需参考仓库内现有组件与配置文件。