SuperAPI AI 工具集

duskmoon-components

前端与建站

查看项目

更新于 10-15 21:55

技能介绍

用途:在 React 或 Next.js 项目中用 @duskmoon-dev/components 构建 DuskMoon UI 界面,指导选择正确的导入路径与样式接入方式。该包面向 React 19,依赖 @duskmoon-dev/core 提供的 DuskMoon Core CSS。

安装:bun add @duskmoon-dev/components @duskmoon-dev/core react react-dom。样式需在应用根部引入一次:import "@duskmoon-dev/components/styles.css";。Next.js App Router 应放在 app/layout.tsx 或根客户端入口,不要直接从 dist/ 导入文件。

导入方式:功能代码优先使用子路径导入,如 import { Button } from "@duskmoon-dev/components/button";同时使用多个组件或基础设施助手时可用根导入。其他稳定子路径包括 /theme、/classes、/utils 以及 /{component-id}(如 /date-picker)。

主要能力:通用 UI 组件使用无前缀导出,如 Button、Input、Form、Table、Modal、Select、Tabs、Typography;DuskMoon 应用模式使用 Dm* 工作流组件,如 DmLayout、DmMenu、DmSearch、DmTable、DmProTable、DmToolbar、DmQuery;基础设施导出包括 theme、version、unstableSetRender、getDmTheme、setDmPrimaryColor、setDmPrefixCls、usePersistedPageSize。

使用建议:示例保持短小可直接运行;首次配置时附上样式表导入;优先使用包导出而非私有文件路径;名称需与包一致,如 DmTable、DmLayout、setDmPrimaryColor、@duskmoon-dev/components/styles.css;只使用包类型中提供的 React props,不要臆造 Ant Design 专有 props。若用户是在编辑该仓库源码而非使用该包,应先查看 packages/components/src/components、packages/components/src/index.ts 和 packages/components/package.json 再修改代码。

限制:资料未提供组件完整 API、许可与版本细节,具体行为以包类型与源码为准。