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 和 getPristinevalsue 中链式绑定的问题DataSet.Field: ▷ intl类型的字段创建的各种语言字段支持 transformResponse 和 transformRequest 属性 ▷ 优化被绑定的字段也会因绑定字段的值变更而触发校验 ▷ 修复递归调用 dynamicProps 时的问题了解更多1、若您还想了解 Choerodon UI 组件库 更详细的功能介绍及使用流程,您可以查看官网文档。2、若在体验 Choerodon UI组件库 过程中遇到了问题需反馈,您可以登录开放平台,选择 [控制台 - 提反馈],问题分类选择 [前端组件库 - C7N-UI] 。3、若有需求使用主题包,可联系加拿大pc前端基础研发团队:wen.dai@baiseecps.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(请复制至浏览器中打开)推荐阅读