UXCore：一个兼容主流浏览器的ReactPC组件库

图1 uxcore 概念图

0. 为什么我们需要 UXCore&＃xff1f;

UXCore 是一个基于 React 的 PC UI 套件库&＃xff0c;兼容 IE8&＃43;。http://uxco.re/
阿里巴巴信息平台是负责整个阿里巴巴集团智能办公系统的团队&＃xff0c;涉及非常多的企业业务系统&＃xff0c;包括薪酬、人力、财务、行政、IT 等等&＃xff0c;在这些系统中产生了大量的表格、表单和图表的交互场景&＃xff0c;这里面有很多重复配置的地方&＃xff0c;也有很多定制变化的地方&＃xff0c;目前业界的这一方面还没有能够完全满足这一方面的解决方案&＃xff0c;因此有了 UXCore。
UXCore 要解决的核心问题&＃xff0c;就是方便高效地产出表单、表格&＃xff0c;同时提供足够强大的定制能力&＃xff0c;使用户可以对组件的每一个渲染部分进行修改&＃xff0c;从而满足各种不同种类的业务场景。
为了实现核心的目标&＃xff0c;我们和 UED 团队积极合作&＃xff0c;充分收集业务场景和进行视觉优化&＃xff0c;在这个过程我们产出了一系列的简单易用的基础组件&＃xff0c;用于构建页面的其他部分。目前信息平台的新系统都在使用 UXCore 进行承载&＃xff0c;我们也很愿意将我们已经成熟的解决方案分享出来&＃xff0c;帮助更多的企业系统开发者解决他们开发上的痛苦&＃xff0c;同时也寄希望于依靠社区的反馈&＃xff0c;可以让 UXCore 走的更好。

1. UXCore 有哪些特性。

1.1 丰富的组件

超过 35 个常用基础组件用来构建你的系统业务&＃xff0c;涵盖大部分常用功能

1.2 专注于企业应用

图2 table 全家福/form 全家福

图2&＃xff1a;UXCore 致力于产出方便易用、功能强大且高度可定制的表单、表格、布局组件。&＃39;

表单内置 10 余种常用表单域可以直接使用。
表格除了基础功能外&＃xff0c;还支持折叠展开二级面板、树形结构、行内编辑等复杂场景。
布局支持传统的左右自适应布局和栅格布局&＃xff0c;轻松搞定页面排版。
除了内置的功能外&＃xff0c;表单、表格还有一套简易地定制体系&＃xff0c;随时可以在业务中为组件注入更强大的力量。

1.3 全面的国际化支持

所有组件的内置文案支持国际化&＃xff0c;大部分文案用户可以主动设置。

1.4 可以定制的主题

图3 定制主题

我们默认提供了两套主题供使用&＃xff0c;这两套主题也同时在我们的系统中使用&＃xff0c;如果你不喜欢我们的主题&＃xff0c;你也可以使用我们的在线定制工具定制你的主题&＃xff0c;我们目前开放了所有颜色的定制&＃xff0c;未来可能会开放更多的定制点。

1.5 按需使用

UXCore 的每个组件都是单独项目维护的&＃xff0c;并且也会单独发布于 npm&＃xff0c;因此如果你不喜欢引用 UXCore 的大全包&＃xff0c;你也可以单独引用独立的组件使用。同时&＃xff0c;修改 UXCore 原有的样式也十分简单&＃xff0c;只需修改类名前缀(prefixCls)&＃xff0c;即可定制属于自己的 UXCore 组件风格。