Cloud React

数据赢家 React 组件库，提供丰富的企业级 UI 组件和解决方案。

✨ 特性

• 企业级设计 - 基于数据赢家设计规范，提供一致的用户体验
• 开箱即用 - 提供 50+ 高质量组件，覆盖常见业务场景
• 高性能 - 基于 React 16.8+ 构建，支持 Hooks
• 🎯 TypeScript - 完整的 TypeScript 支持
• 响应式 - 支持多种屏幕尺寸和设备
• 🎨 主题定制 - 支持主题色和样式自定义
• 📖 详细文档 - 提供完整的 API 文档和示例

📦 安装

npm install cloud-react --save
# 或
yarn add cloud-react

🔨 使用

引入样式

// 引入完整样式
import 'cloud-react/cloud-react.css';

基础使用

import React from 'react';
import { Button, Input, Modal } from 'cloud-react';

function App() {
  return (
    <div>
      <Button type="primary">点击我</Button>
      <Input placeholder="请输入内容" />
      <Modal title="标题" visible={true}>
        内容
      </Modal>
    </div>
  );
}

框架依赖版本

• react >= 16.8.6
• react-dom >= 16.8.6
• react-router-dom >= 5.0.0

🛠 开发

环境要求

• Node.js 16.20.0

安装依赖

npm install

开发调试

# 启动开发服务器
npm run dev

构建

# 构建组件库
npm run build

# 构建文档
npm run docs:build

提交代码格式

git commit -m "feat: [组件名称]提交内容"
git commit -m "fix: [组件名称]提交内容"

项目配置了代码保存前进行eslint格式化和代码提交前进行eslint校验，如果提交有问题，请联系管理员

🎯 浏览器支持

Firefox	Chrome
>= 59	>= 56

🔗 相关链接

• 在线文档
• 更新日志

🤝 贡献

我们欢迎所有形式的贡献，包括但不限于：

• Bug 报告
• 💡 新功能建议
• 📝 文档改进
• 代码贡献

贡献指南

1. Fork 本仓库
2. 创建你的特性分支 (git checkout -b feature/AmazingFeature)
3. 提交你的更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开一个 Pull Request

🤝 致谢

感谢所有为这个项目做出贡献的开发者！

---

Made with ❤️ by 数云前端团队