介绍

iuap design不同于Ant Design，它是一套面向企业数字化的用户体验系统，基于简、晰、智、敏的模块化设计理念提供通用设计资源、UI 组件、场景化模板等研发资产，让设计人员及开发者专注于极致体验，由用友网络大前端技术团队研发！

相关地址

官网：

https://design.yonyoucloud.com/design/

Github：

https://github.com/iuap-design

关键特性

• 组件支持可插拔使用
• 提供丰富基础组件
• 文档齐全，使用简单
• 丰富的企业级特性应用组件
• 支持组件的扩展和自定义

组件介绍

关于iuap design的组件部分，他一共分为两大类型，一种是基础组件tinper-bee，另一种是应用组件tinper-acs。有过ERP开发经验或者解除过ERP的开发人员都知道，在ERP中最重要的就是数据得到交互，需要满足用户各种复杂的需求：

关于 tinper-bee：

简介：tinper-bee 是一套基于 React.js 的开源组件库，它从丰富的企业级中后台应用场景中实战沉淀而来，为复杂应用的快速开发提供一致性 UI 解决方案。

特性：

• 遵循设计语言/规范，提供一致性 UI 体验
• 提供完善、高质量的基础组件体系，以及基于之上的业务组件体系
• 详细的文档+示例的友好使用体验，提供友好易用的API文档
• 提供具备强大功能的 Grid 组件，满足多种复杂业务场景需求
• 六大公共特性：支持兼容性处理、支持全键盘能力、支持国际化、支持多端适配 、支持自定义主题、企业级特性

关于 tinper-acs

tinper-acs 是在 tinper-bee 基础组件体系之上结合典型业务场景而提炼封装的一系列通用业务类组件，不仅是对体验交互的个性化、场景化的延伸和扩展，也包含与通用支撑服务配套的前端组件化落地，tinper-acs中提供的常用、复杂表格、流程化、单据类、国际化、参照类等不同类型的UI组件，在实际产品和项目开发中起到了关键作用，是对技术型组件的一个重要补充。

基础组件预览

以下仅仅选择部分组件进行截图

• 按钮

• 图标

• 栅格布局

• 页面布局

页面布局有好几种，选择其中一个典型的

• 组件拖拽

组件拖拽真的非常赞

• 剪切板

还是很实用的

• 取色板

• 进度条

提供了网页加载进度条，非常人性化

• 查询面板

• 轮播图

• 表格组件

这是我目前见过最强大的表格组件，动图了解一下，特别是对大数据的处理，异常的强悍，还有很多实用的编辑功能，甚得我心啊，看下面的gif图，可能无法全部看到，更多的到官网查看，不会让你失望的

• 树形组件

• 图片查看器

• 导航

• 分页

• Tab

• 下拉按钮

• 模态框

模态框的一大亮点就是除了其他常用操作，它还可以设置拖拽

• 消息提醒

• 等等组件

组件实在是太多了，就不一一介绍了，一张动图带大家了解下，已经感兴趣的直接去官网看，绝对会让你满意的

应用组件

也是选择其中一部分介绍

• 城市联动

• 多标签

• 导航栏

• 上传列表

• BPM流程

• 富文本编辑器

• 复杂的表格

这样的表格不要太好用

• 温度计

• 条形码、二维码

不方便展示，可以直接查看demo

案例

其他介绍

除了提供现成的组件之外，官网提供了组件的设计工具，可以直接看官网

总结

iuap design给我的感觉就是，用一个字形容——强，两个字形容——好用，三个字形容——人性化，当然可能是因为最近ERP得到项目导致的，其中各种好用的组件和各种人性化的操作都让我感到就是它，其实也不见怪，用友不就是做ERP的么，因此，这么强悍的组件不得不推荐给大家，希望对你有所帮助！