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

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


图片
图片
图片

推荐阅读

图片
图片
图片


热点

汉得 x Oracle NetSuite|携手霸王茶姬,打造全球化集团管控能力!

汉得信息与华为云签署AIGC大模型合作协议,打造企业管理人工智能联合解决方案!

您的AIGC向导大圣已就位,让企业快速走入AIGC世界不迷路!

  • 友情链接
  • 汇联易
  • SRM
  • 1m筑造
  • 甄一
  • 鼎医信息
  • 甄零一诺
? Copyright Hand China Co.,Ltd. All Rights Reserved 金沙电子游戏官方入口
  • 沪ICP备14039535号-1

业务咨询

完善信息后金沙电子游戏官方入口会第一时间跟您联系

*请输入正确的验证码
captcha
发送失败
产品服务,在线咨询
联系金沙电子游戏官方入口
400-168-4263
业务咨询
完善信息后金沙电子游戏官方入口会第一时间跟您联系
XML 地图 | Sitemap 地图