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、若有需求使用主题包,可联系汉得前端基础研发团队:wen.dai@hand-china.com


致谢

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


大家可以通过以下途径了解Choerodon UI组件库的文档和最新动态:

 

Choerodon UI组件库官网

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

 

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

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

 

GItHub

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

 

引导教程

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

 

更新日志

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

 

官方主题介绍

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

(请复制至浏览器中打开)


图片
图片
图片

推荐阅读

图片
图片
图片


© Copyright Hand China Co.,Ltd. All Rights Reserved 上海汉得信息技术股份有限公司

联系我们

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

*
*
captcha *
图片验证码不能为空
*
*
*
*
*
发送失败
联系我们