• k8凯发国际

    Choerodon UI 发布1.4.1：稳定支持企业级产品

    图片


    背景介绍

    Choerodon UI 开源组件库（缩写 C7N UI），拥有开箱即用的高质量 React 组件，帮助企业级中后台产品提升开发效率。2021年2月4日，已正式推出 Choerodon UI组件库 1.0 版本， 适用于 React 框架项目，基本无限制，结合开源全价值链多云敏捷协作平台Choerodon猪齿鱼及企业级PaaS平台HZERO使用更便捷。


    Choerodon UI 开源组件库分为 Basic 和 Pro，现有 63 个 Basic组件、 47 个 Pro组件，满足企业级产品大部分场景需求。


    Basic 是一组基于 Ant Design Components 3.x 实现符合谷歌 Material Design 设计体系的基础组件，满足习惯 antd 开发模式的人员。


    Pro 是一组采用自研 DataSet 数据源，基于 DataSet 结合组件实现数据驱动，符合低代码理念的高效率组件。


    面向人群

    图片

    1.普通开发者

    前后端制定相关开发规范，给予丰富的组件类型，并考虑到中后台企业需求，帮助开发者极大提升开发效率。

    2.产品&技术负责人

    图片

    顺利获得体验组件Demo与查看完善的文档，帮助项目初期快速选型、寻找最佳实践。

    图片

    3.设计师

    顺利获得参考UI组件库，帮助团队统一视觉风格与UI规范。


    基本特性

    · 开箱即用，适用于 React 框架项目

    · 支持国际化，符合中台项目场景

    · 提炼企业级中后台产品的交互语言和视觉风格

    · 使用 TypeScript 构建，给予完整的类型定义文件

    · 支持现代浏览器和 IE9 及以上（需要 polyfills）的环境


    图片


    Choerodon UI组件库 1.4.x 特性介绍

    Choerodon UI 1.4.0 版本

    2021年6月11日， Choerodon UI组件库发布了1.4.0 版本，主要特性有以下内容：


    向上滑动阅览


    ■  Form

    • 新增 Item 组件，支持栅格布局

    • 新增 highlightRenderer，支持表单组件高亮效果

    • 废弃 excludeUseColonTagList 属性

    ■  Form Select Table等子组件支持 ReactFragment 嵌套

    ■  Table

    • 性能优化

    • 支持 maxHeight 和 minHeight 样式属性

    • Table 新增跨页全选的功能（需后端接口支持）

    • 修复编辑器在 DataSet 当前记录发生变化时的定位问题

    • 修复树形分页数据中 idField 为空导致死循环的问题

    • 修复 queryBar 多语言类型字段渲染问题

    • 修复鼠标批量选择记录不准确的问题

    • 修复 parityRow 展开行渲染问题

    ■  button，selectOption，Form label 等组件新增对应 Tooltip 属性，增强提示交互

    ■  提示类组件 title 和 overlay 等属性支持钩子函数，优化性能

    ■  Tree 优化扩展 showLine 属性

    ■  NumberField 优化在没有值的情况下点击步距器的处理

    ■  TextField 优化 clearButton 渲染交互

    ■  DatePicker 修复点击清除按钮是日历会弹出切无法关闭的问题

    ■  DataSet

    • 新增setAllPageSelection，getQueryParameter，getValidationErrors 方法

    • 新增isAllPageSelection，unSelected，currentUnSelected值

    • 优化 appendData 方法不受分页影响

    • 修复清除object类型字段的值时，其绑定字段不会提交null值的问题

    • DataSet.Field: 新增 computedProps，highlight 属性，废弃 dynamicProps 属性

    • DataSet.Record：新增 getValidationErrors 方法


    Choerodon UI 1.4.1 版本

    2021年6月28日， Choerodon UI组件库发布了 1.4.1 版本，主要特性有以下内容：


    向上滑动阅览


    ■  configure

    • 新增 performanceEnabled, onPerformance 支持性能监控，性能监控埋点函数

    • 新增 tooltipTheme, validationTooltipTheme 属性

    ■  Table

    • 新增 queryBarProps 支持自定义查询条属性传递

    • 新增 showSelectionCachedButton 属性，用于控制是否显示缓存数据按钮

    • Table.Column

            ▷ header 和 renderer 钩子新增 aggregation 参数

            ▷ 优化聚合列的 command 按钮纵向排列

            ▷ 修复 dynamicProps.label 对于列头无效的问题

    • 修复冻结列 hover 穿透问题

    • 修复导出问题，优化本地导出

    ■  Button 新增 block 属性, funcType 新增 link 类型

    ■  Tooltip 新增 theme 属性，支持主题切换

    ■  TreeSelect 新增 showCheckedStrategy 属性, 配置 treeCheckable 时，定义选中项回填的方式

    ■  Select popupContent 钩子新增 content dataSet textField valueField setValue 和 setPopup 参数

    ■  TriggerField: 新增 tabIntoPopupContent 属性, popupContent 钩子新增 setValue 和 setPopup 参数

    ■  PerformanceTable

    • 新增点击行高亮属性 highlightRow

    • 修复虚拟滚动下渲染异步导致的滚动条异常

    • 修复移动端滚动卡顿的问题

    ■  DataSet

    • 修复object类型字段使用transformRequest转成字符串值时绑定的字段为空值的问题

    • DataSet.Record

            ▷ get 方法支持字段名数组参数

            ▷ 修复 init 和 getPristineValue 中链式绑定的问题

    • DataSet.Field:

            ▷ intl类型的字段创建的各种语言字段支持 transformResponse 和 transformRequest 属性

            ▷ 优化被绑定的字段也会因绑定字段的值变更而触发校验

            ▷ 修复递归调用 dynamicProps 时的问题




    分析更多

    1、若您还想分析 Choerodon UI 组件库 更详细的功能介绍及使用流程，您可以查看官网文档。


    2、若在体验 Choerodon UI组件库 过程中遇到了问题需反馈，您可以登录开放平台，选择 [控制台 - 提反馈]，问题分类选择 [前端组件库 - C7N-UI] 。


    3、若有需求使用主题包，可联系k8凯发国际前端基础研发团队：wen.dai@zc403.com


    致谢

    Choerodon UI 组件库从 0.6.0 版本开始合并接入Pro 组件库，累计迭代版本 100 + ，在GitHub上提交了约 1,150 次。顺利获得不断完善组件库，Choerodon UI 组件库 Pro 已能稳定支持企业级中后台项目开发。感谢在此期间每一位给予反馈、建议以及贡献的伙伴。


    大家可以顺利获得以下途径分析Choerodon UI组件库的文档和最新动态：

     

    【Choerodon UI组件库官网】

    http://open-hand.github.io/choerodon-ui/

     

    【Choerodon UI组件库官网-国内镜像地址】

    http://open-hand.gitee.io/choerodon-ui

     

    【GItHub】

    http://github.com/open-hand/choerodon-ui

     

    【引导教程】

    http://open-hand.gitee.io/choerodon-ui/zh/tutorials/introduction

     

    【更新日志】

    http://open-hand.gitee.io/choerodon-ui/zh/docs/other/CHANGELOG

     

    【官方主题介绍】

    http://open-hand.gitee.io/choerodon-ui/zh/docs/other/ued-theme

    （请复制至浏览器中打开）


    图片
    图片
    图片

    推荐阅读

    图片
    图片
    图片


    热点

    k8凯发国际 x 飞力达｜财务共享项目正式启动，铸就灵活高效财务竞争力！

    品牌案例｜k8凯发国际 x 泸州老窖：携手构建持续的核心竞争力！

    品牌案例丨数据治理“手术刀”，助力某国货美妆领军企业的“数据肌底革命”！
    • 友情链接
    • 汇联易
    • SRM
    • 1m筑造
    • 甄一
    • 鼎医信息
    • 甄零一诺
    © Copyright Hand China Co.,Ltd. All Rights Reserved 上海k8凯发国际信息技术股份有限公司
    • 沪ICP备14039535号-1
    • 沪公网安备 31011802002577号

    业务咨询

    完善信息后我们会第一时间跟您联系

    *
    *
    *
    *
    *请输入正确的验证码
    captcha
    发送失败
    微信扫码 在线咨询
    联系我们
    400-168-4263
    业务咨询
    完善信息后我们会第一时间跟您联系