next

## 产品简介 @alifd/next 是由 Alibaba Fusion 发布的一款基于 React 的企业级 Web UI 组件库。该项目旨在解决中后台系统的设计师与前端开发协作、产品体验一致性以及开发效率问题。 它旨在与 Fusion Design 协同工作：设计师在 Fusion Design 协作平台上定制组件 UI 并发布 npm 主题包，开发人员直接调用该主题包，无需重复进行 UI 重构。README 指出，这减少了与设计师之间重复的还原度评审，提高了开发效率。 ## 安装方式 - npm（推荐）：`npm install @alifd/next --save` - 浏览器：从 npm 包的 `@alifd/next/dist` 目录或 unpkg 导入 `next.js`/`next.min.js` 和 `next.css`/`next.min.css`，然后使用全局变量 `Next`。README 建议固定特定版本，而非始终拉取最新版本。 ## 依赖与要求 - 基于 React 16 构建；不支持 React 16 以下版本。 - `react`/`react-dom` 为 peer dependencies，需由用户自行安装或导入。 - `moment` 用于日期/时间组件，同样为 peer dependency。 ## 组件导入 - 全量导入：引入 `@alifd/next/dist/next.css`（或 `index.scss`），并从 `@alifd/next` 导入具名组件（如 `Button` 和 `Input`）。 - 手动导入单个模块：例如 `import Button from '@alifd/next/lib/button'` 以及 `'@alifd/next/lib/button/style'`。 - 推荐方式：使用 `babel-plugin-import`，配置 `libraryName: '@alifd/next'` 和 `style: true`，该插件会自动将具名导入重写为按模块导入及其对应的样式。 ## 文档涵盖的高级主题 仓库提供了关于使用主题包、国际化以及字体文件部署的文档链接。 ## 浏览器兼容性 README 列出的支持浏览器包括 Chrome, Firefox, Edge, Safari, Opera 和 UC，以及 Internet Explorer 9 及以上版本。 ## 贡献与社区 欢迎提交贡献（设有 PR 徽章）并提供了贡献指南；项目可以在 Gitpod 中打开或克隆到本地。社区可通过钉钉群进行联系。项目采用 MIT 许可证。