GuoYongfeng commented 5 years ago

tinper教你如何躲过类似Antd圣诞彩蛋所引发的群体事件

这个冬天本来就很冷，但 Antd 开发团队有意的一个彩蛋确让部分的 Antd 使用者更加寒冷。

1、事件回顾

Antd 是蚂蚁金服前端团队开源的一套企业级的UI设计语言，因其高质量的React组件化实现与企业级中后台交互语言的提炼而备受开发者青睐。但这次惹起争议的就是 Antd 库中暗藏的圣诞彩蛋——一个不曾提前告知、无法手动禁止、并且“潜伏”了106天之久的按钮“惊喜”，打得开发者们措手不及。更有甚者，因为很多政府项目、军事项目、宗教项目等严肃场景中也一个不落地中了招，导致许多项目方遭遇客户投诉，开发者们背锅被裁。

具体事件经过和发酵过程不再赘述，请参见文章---程序员怒了！阿里Antd圣诞彩蛋害我被离职了

2、关于UI组件库

对于前端工程师而言，无论选择什么样的技术框架，都逃不过UI组件库的抉择：自建或选择开源。大部分选择后者，因为：

在快速开发的需求之下，留给前端的时间实在是不多了；
每个产品团队里面，从事前端的同学真是少之又少；
对于2B企业应用开发团队来说，一般没有设计师，主要是后端研发为主，有专门配置前端工程师的团队算是富裕的了。

正是因为这种大背景下，组件库或是UI框架也是伴随着新前端框架（Jquery、Knockout.js、Angular.js、React.js、Vue.js）的出现而雨后春笋般的涌现，但大都良莠不齐，持续维护的更是少之又少。Antd 的大热正是解决了以上而受到React开发者的青睐，并且开源免费，一度是我们前端娱乐圈走出国门的骄傲。

但这种看似很小实则非常严重的问题也着实给Antd团队以及我们敲响了警钟：敬畏每一行代码，这绝不是一句口号，更需要每一位研发人孜孜践行。

3、用友前端团队为何选择自研组件体系 tinper-bee

用友系产品的特点就是面向企业级应用，在这个方向上做前端开发工作，和2C产品的开发会有很大程度的差异，比如交互的复杂性和业务逻辑的复杂度等特点，诸如此类的要求，对我们一次次的提出了更高的挑战，所以我们选择在 iUAP Design 设计语言的基础上自研 tinper （企业级开源前端技术平台）的 UI 能力体系：

因为常见的UI组件功能满足不了我们的需求，以表格组件为例：行过滤、固定列、行编辑、列过滤、多表头、行多选、组合排序、树形表、主子表、表格大数据前端展现、表格快捷键等等；
因为面向企业级的商业应用，需要更强的代码掌控力和安全要求；
因为企业应用业务场景对参照组件、附件管理组件、权限组件、流程管理组件、导入导出组件等带有典型业务功能的组件有更大的需求，而这些在开源中很难看到。
因为我们更懂企业应用开发者心中的痛，配合组件体系的元数据驱动开发、快速代码生成工具开发等神器帮助我们自底向上的夯实快速开发的能力。

4、了解和使用 tinper-bee 组件库

访问官网：http://bee.tinper.org/

4、tinper 一直开源，我们会更严格要求自己

我们在 Github 的地址：https://github.com/iuap-design，欢迎大家关注。

以及 tinper-bee 组件库的源码地址：https://github.com/tinper-bee

5、谁在使用 tinper-bee 组件能力体系

江铜贵溪冶炼厂-智能工厂

三一重工-全球供应商门户

台湾华新丽华-MES 系统

无锡双良收费系统

南通化轻物流系统

全友数字营销系统

郎酒CRM平台

杭州绿城-供应链 ABS 融资系统

杭州绿城-新收入准则

杭州路桥-养护现场作业系统

用友网络-NCCloud

用友网络-NC 司库云

用友网络-开发者中心

用友网络-微服务治理平台

用友网络-diwork 工作台

用友网络-U8Cloud 数据中心

用友网络-NC 工程云

用友网络-云平台 UI 模板

用友网络-开放平台

用友网络-用友云平台官网

用友网络-专属云应用平台

用友网络-工单系统

用友网络-精智工业互联网 IOT 后台管理系统

用友网络-企业账号中心

xingyongchao commented 5 years ago

一直在用tinper组件，组件功能很完善，赞一个

zhaoyuchief commented 5 years ago

更满足toB企业的组件库，你值得拥有！

jonyshi commented 5 years ago

tinper-bee 站在巨人的肩膀上，奋力前行！！！！👍👍赞

songhlc commented 5 years ago

细节和样式真的做的不太好，官网有些例子点一点个别地方会出现样式错位的情况。间距，配色这些细节积累起来给人的感觉和外面开源的差距有点大。还有一些例子被loading遮住的弹框点开以后就没法操作了，只能刷新页面才能继续访问。参照例子，左侧输入框和右侧按钮的高度都不一致；树表组件图标选用太粗糙太业余。功能虽然很强大，但是说真的颜值不过关（从官网例子来看），毕竟大家都是看脸的啊。

GuoYongfeng commented 5 years ago

细节和样式真的做的不太好，官网有些例子点一点个别地方会出现样式错位的情况。间距，配色这些细节积累起来给人的感觉和外面开源的差距有点大。还有一些例子被loading遮住的弹框点开以后就没法操作了，只能刷新页面才能继续访问。参照例子，左侧输入框和右侧按钮的高度都不一致；树表组件图标选用太粗糙太业余。功能虽然很强大，但是说真的颜值不过关（从官网例子来看），毕竟大家都是看脸的啊。

明年争取迭代个 V2.0 出来。

jonyshi commented 5 years ago

树表组件图标 table 提供默认图标是加、减号，这图标可以根据项目需求进行覆盖即可。 @songhlc

iuap-design / blog