RSUITE 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
RSUITE 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
RSUITE 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript TypeScript
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发UI组件库
开源组织
地区 国产
投 递 者 漆工
适用人群 未知
收录时间 2018-04-25

软件简介

React Suite 是一套 React 组件库,为后台产品而生。同时也是一个具有贴心设计以及对开发者友好的 UI 框架。

UI Design

React Suite 设计原型与规范, 点击查看

支持的平台

浏览器

React Suite 支持最新的,稳定版的全部主流浏览器和平台。 从 React Suite 3 开始不支持 IE9 以下版本(包括 IE9)。不推荐在移动端使用。

IE Edge Firefox Chrome Safari
>=10 >=14 >= 45 >= 49 >= 10

服务端

React Suite 支持服务端渲染, 支持通过 Next.js 构建应用。

支持的开发环境

安装

React Suite 可通过 npm 安装。

npm i rsuite --save

使用

这里有一个简单的示例:

import { Button } from 'rsuite';
import 'rsuite/lib/styles/index.less'; // or 'rsuite/dist/styles/rsuite-default.css'

ReactDOM.render(<Button>Button</Button>, mountNode);

您可以在 CodeSandbox 上查看该示例。

文档

您可以阅读完整文档,或者从下面几个章节开始学习

历史版本:

示例

更新日志

每一个版本的详细变化记录在Release Notes

开发

您可以通过 Trello 查看我们的开发计划,同时希望您能参与其中。

  1. Fork https://github.com/rsuite/rsuite 这个仓库。
$ git clone git@github.com:<YOUR NAME>/rsuite.git
$ cd rsuite
$ npm install
$ npm run dev
  1. Fork https://github.com/rsuite/rsuite.github.io 这个仓库。
$ git clone git@github.com:<YOUR NAME>/rsuite.github.io.git
$ cd rsuite.github.io
$ npm install
$ npm run dev
  1. 您可以开始访问了, 在浏览器输入 http://127.0.0.1:3200/

rsuite.github.io 会依赖 rsuite 中的组件,并支持热更新。

Gitee 用户访问地址: https://gitee.com/rsuite/rsuite

贡献

在开始之前,确保您已读贡献指南

编辑器的配置参考 .prettierrc, 下载编辑的插件 https://prettier.io/

支持 React Suite

如果您喜欢 React Suite,可以通过以下方式支持我们:

  • Star 这个项目。
  • 如果您在您的项目中使用了 React Suite,欢迎在这里留言
  • 在 OpenCollective 上赞助我们。

这个项目的存在归功于所有贡献者。

License

React Suite 基于 MIT licensed 发布。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(12) 发布并加入讨论🔥
发表了资讯
2022/01/21 11:47

React Suite 5.5.1 版本更新

React Suite 一套 React 的 UI 组件库,贴心的 UI 设计,友好的开发体验。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V5.5.1 版本发布,更新内容如下: Bug 修复 Carousel: 在工具栏按钮上添加 flex-wrap 属性 (#2302) (a9a9113) CheckTreePicker: 修复 CheckTreePicker 标签样式 (#2304) (07eb5ac) DateRangePicker: 修复日历上无法选择月份(#2312) (5199845) Sidenav: 与鼠标交互时隐藏对焦环...

0
2
发表了资讯
2022/01/13 18:35

React Suite 5.5.0 版本更新

React Suite 一套 React 的 UI 组件库,贴心的 UI 设计,友好的开发体验。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V5.5.0 版本发布,更新内容如下: Bug 修复 Dropdown: 推断出 toggleAs 组件的 props (#2299) (84611cc) InputNumber: 继承 html input 属性 (#2298) (d7622ee) MultiCascader: 修复不渲染所选值的计数 (#2289) (324e90c) Tree: 修复拖拽时出现循环依赖对象 (#2281) (26cbaf2...

0
3
发表了资讯
2022/01/07 17:15

React Suite 5.4.4 版本更新,React UI 库

React Suite 是一套 React 组件库。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V5.4.4 版本发布,更新内容如下: CheckTreePicker: 修复根节点样式不正确 (#2279) (c09226e) DatePicker: 修复清除按钮不起作用 (#2273) (649362a) Dropdown: RTL 方向的子菜单位置错误 (#2280) (c3735c3) Navbar: 修复导航栏中 Nav.Item 上的 Whisper 错误定位 (#2274) (bd0f5e3), closes #2263 Table: 修复 ie 浏...

0
1
发表了资讯
2021/09/26 17:28

🎉 React Suite 5 发布了

距离 v4 的第一个版本已经有接近两年的时间了,在这段时间里 v4 一共迭代了 30 多个版本,新增了许多特性。有越来越多的开发者开始使用 React Suite,并且参与功能开发与改进。还有一直对我们提出宝贵建议的开发者们,我们再次表示感谢。希望 React Suite 能够陪伴您的产品持续成长,同时也希望能够服务到更多的开发者。 React Suite 5 提升了组件可访问性以及提供了更丰富可定制化的组件。以下将详细介绍新增特性以及如何从 4....

3
8
发表了资讯
2020/12/07 16:37

React Suite 4.8.6 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.8.6 版本发布,更新内容如下: Bugfix: 修复 TagPicker 通过 renderValue 自定义元素不显示的问题。 #1378 Bugfix: 修复 Form 在 inline 模式下布局的间距问题。 #1377 Bugfix: 修复 Modal 设置 overflow 以后,打开时候由于动画会导致内容尺寸改变的...

0
1
发表了资讯
2020/07/09 12:19

React Suite 4.8.0 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.8.0 版本发布,更新内容如下: Feature: <InputNumber> 新增支持 scrollable 属性,默认值为 true, 设置为 false 则禁用滚动更新值。 (#1133) Feature: <Whisper> 的 trigger 属性值新增 none 。 #1155 Improve: 改进 <DateRangePicker> 的面板样式,...

2
6
发表了资讯
2020/06/05 09:51

React Suite 4.7.2 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.7.2 版本发布,更新内容如下: Bugfix 修复 Steps 组件描述过长后导致布局异常。 (#1100) Bugfix 修复 InputNumber 键盘输入未触发 onChange 事件。 (#1096) Bugfix 修复 Typescript 中存在的类型定义错误。 (#1095,#1103) Bugfix 修复 Dropdown 内 ...

0
5
发表了资讯
2020/05/28 12:38

React Suite 4.7.1 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.7.1 版本发布,更新内容如下: Improve: 改进 <TreePicker> 和 <CheckTreePicker> 在搜索时展开节点。 (#1075) Improve: 导出 rsuite 所有组件的 props。 (#1068) Bugfix: 修复了 <Slider> 的最后一个标记的内容未点对齐的问题。(#1079) Bugfix: 修复...

0
5
发表了资讯
2020/05/21 14:57

React Suite 4.7.0 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.7.0 版本发布,更新内容如下: Feature: <Table>新增 onRowContextMenu 属性,行点击右键的回调。 (rsuite-table#150) Feature: 新增 <Table.ColumnGroup> 组件,用于表头分组。 (rsuite-table#146) Feature: <AutoComplete> 新增 filterBy属性,用于...

0
5
发表了资讯
2020/05/14 17:13

React Suite 4.6.0 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.6.0 版本发布,更新内容如下: Feature: <IntlProvider> 新增支持 formatDate 属性,用于对日期格式化。 (#1036) Feature: 所有 Picker 组件支持动画相关的回调。 (#1042) Improve: HTML 元素的基础样式支持按需导入。 (#1039) Bugfix: 修复了 <Che...

0
10
发表了资讯
2020/04/25 00:13

React Suite 4.4.0 版本发布 🎉,带来了一些新特性

家人们啊 👨👩👧👦,React Suite 又双叒叕更新了 🎉,在这全球新冠病毒的笼罩下,希望本次 V4.4.0 发布的新特性能给大家带来一丝丝心情上的改变 😄。 1、Table 支持页面级固定滚动条与表头 为什么有这个功能? 我们看看一个使用场景:一个表格如果一页要显示100 行数据,表格自动高度,表格内部不出现滚动条,通过页面滚动条浏览表格数据,但是,业务要求表格的列又很多,出现了横向滚动条,如果要浏览...

1
5
发表了资讯
2020/03/26 13:56

React Suite 4.3.3 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.3.3 版本发布,更新内容如下: Bugfix: 修复了 <InputNumber> 在失去焦点时候,值未改变的情况下也触发了 onChange 事件。 (#923) Bugfix: 修复了 <DateRangePicker> 中错误的 typescript 类型定义。 (#916) Bugfix: 修复了 <Table> 错误的 typescri...

2
7
发表了资讯
2020/03/19 14:01

React Suite 4.3.2 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.3.2 版本发布,更新内容如下: Feature: <DateRangePicker> 新增 showOneCalendar 属性,支持只显示一个日历。(#911,#848) Bugfix: 修复了 <Table> 在数据更新后,滚动条位置未重重的问题。 (rsuite-table#136) Bugfix: 修复了 <Table> 缺少 Typesc...

0
6
发表了资讯
2020/03/13 17:46

React Suite 4.3.1 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.3.1 版本发布,更新内容如下: Bugfix: 修复本地语言渲染错误的问题。 (#903) Bugfix: 修复 Table 列设置 resizable 以后拖拽列宽不工作的问题。 (rsuite-table#135) Bugfix: 修复 Panel 组件嵌套 Icon 重复显示的问题 (#894) Bugfix: 修复 Paginati...

0
4
发表了资讯
2020/03/05 18:30

React UI 库 React Suite 4.3.0 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.3.0 版本发布,更新内容如下: Feature: 新增支持阿拉伯语,芬兰语,瑞典语和丹麦语。 (#849,#821) Feature: <Table> 的 renderTreeToggle属性新增 expanded 参数。 (rsuite-table#130) Feature: <Table.Column> 上新增 treeCol 属性,指定 Tree 显示...

0
7
发表了资讯
2020/02/02 11:14

React UI 库 React Suite 4.2.1 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.2.1 版本发布,更新内容如下: Bugfix: 修复了 script-src 内容安全策略(CSP)的问题。 (#830) Bugfix: 修复了 <AutoComplete> 组件使用 enter 选择时候 onSelect 回调未被调用的问题。(#828) Bugfix: 修复了 xs <Datepicker> 图标的垂直对齐方式。...

0
4
发表了资讯
2020/01/02 15:27

React Suite 4.2.0 版本发布

React Suite 首先在这里祝福大家新年行大运 🎉,事事都顺心 ❤️️。我们也会在新的一年里为大家带来更多特性,帮助更多开发者快速构建更优质的产品。 在 2019 年的 11 月份我们发了 4.1 版本,两个月后的今天为大家带来 4.2 版本的更新。接下来为大家介绍一下更新内容。 1、新增组件 RangeSlider <Slider> 是一个滑动输入控件,但是不能选择一个范围,所有在本次版本中新增了一个组件 <RangeSlider> ,专门用于范围滑...

0
3
发表了资讯
2019/12/19 18:52

React UI 库 React Suite 4.1.5 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.1.5 版本发布,更新内容如下: Feature: Picker 相关组件添加了 virtualized 属性.(#786) Bugfix: 修复了 <CheckTreePicker> 复选框样式问题。(#786) Bugfix: 修复了 RTL 相关的 Bug。 (#779) Bugfix: 修复 <Icon> rotate 属性无效的问题。 (#790) I...

1
5
发表了资讯
2019/12/12 13:09

React UI 库 React Suite 4.1.4 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持 RTL, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.1.4 版本发布,更新内容如下: Improve: 优化了 Table 组件在渲染大数据时候性能。 (rsuite-table#120) Chore: 调整了 sideEffects 配置。 (#774)...

4
6
发表了资讯
2019/12/05 20:52

React UI 库:React Suite 4.1.3 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.1.3 版本发布,更新内容如下: Bugfix: 修复了一些样式问题。 (#770,#771,#767) Bugfix: 修复了无法在组件的异步回调中获取 Event 对象的问题。 (#763) Bugfix: 修复了 <DateRangePicker> 上一月与下一月未禁用的问题。 (#747) Bugfix: 修复了 <DateRangePick...

0
3
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
12 评论
186 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部