Cloud Design

✨ 特性

• 🌈 提炼自阿里云中后台产品的交互语言和视觉风格。
• 📦 开箱即用的高质量 React 组件。
• 🛡 全面使用 TypeScript 开发，提供完整的类型定义文件。
• 🎨 全面 Css-Variable 化，更加灵活的主题定制能力。

⌨️ 本地开发

本仓库的代码组织方式是 lerna + yarn workspace 管理的 monorepo。

🛠 克隆代码&安装依赖

$ git clone git@github.com:aliyun/cloud-design.git
$ cd cloud-design
$ npm run boot

执行 npm run boot，它会安装好依赖、将内部相互应用的包 link 起来，对所有包进行初始化构建（npm run prepare）。

🚀 启动项目

其中 base-components/ 是基础组件，extend-components/ 是通用业务组件，以基础组件为例：

$ cd base-components/
$ npm run dev

打开浏览器访问 http://127.0.0.1:3000，即可预览

🤝 参与共建

如果想为自己的业务定制一份新的主题或者任何共建诉求，欢迎联系佐七、萧雨。具体请参考贡献指南。

钉钉群:

Change Log

1.3.22 (2022-04-12)

• fix: Dialog 默认 width 调整。云效主题返回 'null'，以向前兼容。其他主题继续返回 'auto'

1.1.9

支持旧版wind的ColoredTag

1.1.6

同步xconsole-dark

1.1.2

• 全局 • 调整全局 font-family 样式，移除默认会下载的 Roboto 字体 • 调整全局 icon 尺寸为正方形，解决之前 loading 图标上下抖动问题和对齐问题 • fusion 升级到 1.22.4 版本
• 组件 • Overlay：修复偶现的边界定位错误问题 • Tag：调整混合云主题下普通标签、彩色标签样式、新增 Toggle Button 样式（Selectable Tag） • Form：修复在使用 Form.Submit、Form.Rest 的时候无法判断内容是否是2-4个汉字的样式问题 • Step：调整混合云、云效主题样式 • Tab：调整混合云主题胶囊样式 • Tree：调整混合云、云效主题样式 • Switch：调整混合云主题下的尺寸 • Dialog：调整混合云主题样式 • Select、Menu：调整混合云、云效主题样式 • Pagination：调整选择分页弹层样式

  1.0.57

• 优化js读取cssVar的方式

1.0.55

• 修复Wind主题的样式问题

1.0.48

• 修复Pagination的样式问题

1.0.46

• 新增云效暗色主题
• yunxiao、aone、teamix 主题新增 no-reset 样式
• fusion => 1.21.15，修复之前的 ConfigProver ts 报错和 TreeSelect 的 bug
• 调整混合云主题一些样式（新增图标等）

1.0.36

• 新增 index-with-locales.js 文件，用于支持 cdn 引入国际化
• 调整了 message、toggle 等组件样式

1.0.34

• 调整了 tag 等组件样式

1.0.33

• 为混合云主题新增 no-reset 样式文件

1.0.22 (2020.11.13)

Bug Fixes

• fix(menu): icon overflow causing scrollbar

1.0.11 (2020.10.28)

Bug Fixes

• Remove text button min-width

1.0.9 (2020.10.28)

Features

• Add Aone theme
• fix text button min-width, again

1.0.8 (2020.10.28)

Bug Fixes

• fix text button min-width

1.0.7 (2020.10.28)

Bug Fixes

• fix dialog footer margin

1.0.6 (2020.10.28)

Features

• Upgrade hybridcloud、hybridcloud-dark、yunxiao theme
• Prettier several components

1.0.5 (2020.10.26)

Features

• Upgrade hybridcloud、hybridcloud-dark、yunxiao theme
• Prettier several components

1.0.4 (2020.10.16)

Features

• Upgrade hybridcloud、hybridcloud-dark theme
• Prettier several components

1.0.3 (2020.10.15)

Features

• Upgrade Xconsole theme

1.0.2 (2020.10.15)

Features

• Upgrade fusion version

1.0.1 (2020.10.10)

Bug Fixes

• remove duplicate styles
• Button: add iconOnly className，fix text-type button size
• Pagination: fix style
• Transfer: fix style

Features

• Modal: add modal component

1.0.0 (2020.9.30)

🎉 正式对外啦 🎉