「开源资讯」React Suite 4.2.0 版本发布,专为后台产品而生

来都来了 2020-01-02 16:51:10 ⋅ 109 阅读

前言

React Suite 是一套 React 组件库,为后台产品而生。由 HYPERS 前端团队与 UX 团队打造,主要服务于公司大数据产品线。经历了三次大的版本更新后,累积了大量的组件和丰富的功能。特别是其支持服务端渲染, 支持通过 Next.js 构建应用的特性得到开发者的青睐。



支持的开发环境

  • 支持 React 16 +

  • 支持 TypeScript

  • 支持 Electron

  • 4.2.0更新内容

    1、新增组件 RangeSlider

    <Slider> 是一个滑动输入控件,但是不能选择一个范围,所有在本次版本中新增了一个组件 <RangeSlider> ,专门用于范围滑动输入,这两个组件的属性基本一致,唯一的区别是值不同。

    <Slider defaultValue={50} />
    <RangeSlider defaultValue={[10, 69]} />

    2、Uploader 支持拖拽上传

    为了提高更好的文件上传体验,<Uploader> 开始默认支持拖拽上传,只需要为组件设置一个 dragable 属性。

    <Uploader dragable>
     <div>
      点击或拖拽文件到此区域上传
     </div>
    </Uploader>

    3、Placeholder 支持显示图像

    <Placeholder> 在应用中为正在加载中的模块展示状态,消除白屏,除了能够告诉用户当前模块正在加载中以外,还能让用户看到页面的大致结构。在本次版本中组件支持显示一个默认图像,可以让用户知道即将加载完成一张图片,从而更好的提升用户体验。

    <Paragraph graph="circle" />
    <Paragraph graph="square" />
    <Paragraph graph="image" />

    4、Cascader 支持父级可选

    Cascader 在 4.2.0 之前的版本中只支持选择叶子节点,在实际的业务场景中父级节点可选择的需求也很多。我们添加了一个 parentSelectable 属性,设置以后就可以让组件的父级节点可以选择。

    <Cascader data={data} parentSelectable />

    5、新增对俄语的支持

    首先感谢 AlexKletn 在本次版本中添加了 俄语的语言包 ru_RU, 目前组件库支持的语言包括:

    • en_GB 英语

    • en_US 美式英语

    • ko_KR 韩语/朝鲜语

    • pt_BR 葡萄牙语(巴西)

    • ru_RU 俄语

    • zh_CN 简体中文

    • zh_TW 繁体中文

    同时希望更多开发者提供更多的语言支持,关于语言的使用参考国际化的配置

    6、其他改进及修复

    • 改进了 <Tooltip> 和 <Popover> 让其支持 HTML 元素原生属性。

    • 修复了 <InputGroup> 内部按钮高度的问题。

    • 修复了 <Drawer> 在 RTL 模式下,左侧存在间隙的样式问题。

    • 修复了 <TreePicker> 在设置 virtualized 属性后,改变宽度无效的问题。

    • 修复了 <TreePicker> 在异步更新后,不能展示子节点的问题。

    • 修复了 xsHidden 属性不能按照预期显示的问题。

    • 4.1 到 4.2 之间的更新日志:4.1.1, 4.1.2, 4.1.3, 4.1.4, 4.1.5

    快速入门指南

    1、npm安装

    npm i rsuite --save

    2、案例Demo

    import { Button } from 'rsuite';
    import 'rsuite/lib/styles/index.less'; 
    // or 'rsuite/dist/styles/rsuite-default.css'
    ReactDOM.render(<Button>Button</Button>, mountNode);



全部评论: 0

    我有话说:

    React UI 库:React Suite 4.0.2 版本更新-多项Bug修复和新手入门

    React Suite 是一套 React 组件库,后台产品

    React Suite 4.8.6 版本更新,React UI 库

    React Suite 是一套 React 组件库,后台产品,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com

    开源资讯】phpMyAdmin 4.9.7 和 5.0.4 发布,可视化 MySQL 管理后台

    phpMyAdmin 4.9.7 和 5.0.4 发布了。phpMyAdmin 是一个非常受欢迎的 web MySQL 数据库管理工具。它能够创建和删除数据库,创建/删除/修改表格,删除/编辑/新增

    开源资讯React 17 正式版发布,构建用户界面的 JavaScript 库

    React简介 React(有时叫React.js或ReactJS)是 Facebook 推出的一个数据提供渲染 HTML 视图,用来构建用户界面的开源 JavaScript 库。 React

    开源资讯】Spring Boot 2.4.0.M4 发布

    Spring Boot 2.4.0 的第四个里程碑版本发布了,可以从里程碑仓库获取。此版本包含 145 项更新内容,亮点如下:1、改进故障分析器(Failure Analyzer

    开源资讯」优麒麟 20.10 版本发布--简美,华

    北京时间 2020 年 10 月 23 日,优麒麟团队很高兴地宣布优麒麟(Ubuntu Kylin)开源操作系统 20.10 版本(代号Groovy Gorilla)正式发布。20.10 是优麒麟

    开源资讯】TypeScript 4.0.5 发布

    TypeScript 4.0.5 发布了,本次更新主要解决了 4.0 版本以来出现的一些问题,提高了整体的稳定性。详细更新如下:BUG 修复1、解决了对于版本 4.0,创建可释放程序包删除

    开源资讯】Ant Design 4.8.5 发布,修复组件不能渲染等问题

    Ant Design 4.8.5 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台

    开源资讯」.NET 5.0 RC 2 发布

    微软上周发布了 .NET 5.0 RC 2,此版本已接近最终发布,也是11月正式版发布前的最后一个 RC 版本。微软还表示这是一个“go live”版本,支持用于生产环境,当然这不是指稳定性方面具备

    Swagger接口文档工具:Knife4j 2.0.7 发布,细节优化

    Knife4j前身是swagger-bootstrap-ui,是一个Swagger接口文档赋能的工具 文档:https://doc.xiaominfo.com 效果(旧版):http

    重磅!谷歌发布 Flutter 2,下一代 Flutter 已来!

    谷歌刚刚发布了 Flutter 2—— Web、移动和桌面开发构建。 Flutter 2 是 Flutter 的重大升级版本,可帮助开发任何平台创建美观、快速和可移植的应用程序

    Apache APISIX 2.4 发布,云原的微服务 API 网关

    Apache APISIX 2.4 已经发布。Apache APISIX 是一个云原生微服务 API 网关,它提供了高性能、安全、开源和可扩展的平台,基于 Nginx 和 etcd,支持动态路由和插

    开源资讯】Spring Data 2020.0 RC2 发布

    Spring Data 2020.0 RC2 发布了。Spring Data 项目的目的是简化构建基于 Spring 框架应用的数据访问计数,包括非关系数据库、Map-Reduce 框架

    Bootstrap 4.6.0 发布,前端开发框架

    Bootstrap 4.6.0 发布了。 v4.6.0 最大的变化是官方对开发环境进行了大的调整以匹配即将正式发布的 v5 版本。官方表示,目前 v4.x 版本的文档改基于 Hugo

    Fes.js v0.4.1 版本发布,一套优秀的中后台系统前端解决方案

    Fes.js 是一套优秀的中后台前端解决方案。提供初始项目、开发调试、Mock接口、编译打包的命令行工具。内置布局、权限、数据字典、状态管理、存储、Api等多个模块。以约定、配置化、组件化的设计思想

    Spring Boot 2.4.0-RC1, 2.1.18, 2.2.11 和 2.3.5 发布

    Spring Boot 多个分支发布了新版本,分别是 2.4.0-RC1, 2.1.18, 2.2.11 和 2.3.5。 Spring Boot 2.4.0-RC1 此版本是 

    开源资讯】PHP 8 RC 2 发布,第9个测试版本

    PHP 8 RC 2 已经发布,这也是 v8 的第 9 个测试版本。自从进入 Beta 阶段,PHP 8 已进入特性冻结期,不会有特性上的变更。 PHP 8 具体的发布周期已经更改如下

    Masterlab 3.0.0 RC3 版本发布

    版本紧急修复:更新数据库时遇到Mysql关键字错误的BUG。 Masterlab 是一款基于事项驱动和敏捷开发的在线协作系统,项目经理、产品经理、码农、测试工程师量身定做,简约不简单,可将复杂

    Apache HBase 最新发布2.0.4 ,分布式数据库

    HBase 2.0.4 主要修复了 2.0.3 和 2.1.1 版本中 HBASE-21551 Bug。此外还包括 31 项 Bug 修复。