V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
simonguo
V2EX  ›  React

React Suite 4.2.0 版本发布, 2020 新年新气象 🎉

  •  2
     
  •   simonguo · 2020-01-02 15:19:41 +08:00 · 2875 次点击
    这是一个创建于 1776 天前的主题,其中的信息可能已经有所发展或是发生改变。

    React Suite 首先在这里祝福大家新年行大运 🎉,事事都顺心 ❤️️。我们也会在新的一年里为大家带来更多特性,帮助更多开发者快速构建更优质的产品。

    在 2019 年的 11 月份我们发了 4.1 版本,两个月后的今天为大家带来 4.2 版本的更新。接下来为大家介绍一下更新内容。

    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.14.1.24.1.34.1.44.1.5

    7、最后

    希望我们的成长,能给更多的开发者带来更好的体验。如果您喜欢 React Suite,可以通过以下方式支持我们:

    • Star 这个项目。
    • 如果您在您的项目中使用了 React Suite,欢迎在这里留言
    • OpenCollective 上赞助我们。
    4 条回复    2020-01-02 16:30:29 +08:00
    maomaomao001
        1
    maomaomao001  
       2020-01-02 15:43:54 +08:00
    如果我想自己自己的一套组件库类似 ( ant design,React Suite ), 但是我所需要的组件,可能也就按钮 ,list 之类的很少量的东西, 我应该如何开始比较容易呢? 求建议

    也就是, 假设设计师已经出好了 设计图,设计了几套主题 (主要是颜色), 我应该怎么具体的实现会比较容易一些 ?
    meteor957
        2
    meteor957  
       2020-01-02 16:24:32 +08:00
    react PC 端的 ui 库并不少,但是 h5 端除了 antd-mobile 没有其他的了,antd-mobile 质量又差的出奇
    simonguo
        3
    simonguo  
    OP
       2020-01-02 16:29:18 +08:00
    @maomaomao001 那就从按钮开始,根据设计稿,一个一个写。
    simonguo
        4
    simonguo  
    OP
       2020-01-02 16:30:29 +08:00
    @meteor957 我觉得移动端目前最好的选择是 https://material-ui.com/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1165 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 22:58 · PVG 06:58 · LAX 14:58 · JFK 17:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.