组件库ConUI开发的历程

作为前端开发者，在进行页面开发时，免不了的需要进行UI组件库选型（选择合适的组件库），在引入组件库之后，再根据UI设计师进行页面布局。
在此过程中，需要对UI组件库进行样式修改以及组件的二次开发。然而在各个雷同的界面开发时，发现有很多组件库样式的修改基本都是相同的，二次开发组件也会在各种页面呈现。
因此，抱着能让开发快速进行页面开发的思想，以使用比较多的element-ui为基础库，进行ConUI组件库开发。

1. 打包工具：webpack
2. 前端框架：Vue
3. css预处理：scss
4. doc文档：Vuepress
5. git仓库：https://github.com/PT-github/con-ui
6. 文档地址：http://39.100.82.255/
7. npm仓库：https://www.npmjs.com/package/con-ui
8. 组件使用说明文档：http://39.100.82.255/guide/

一、将element-ui中的组件都进行了二次封装，主要是为了添加类，并且修改组件样式，统一公司UI，同时为了后续的主题开发预留一个入口；（大部分已完成，可能有部分遗漏的；主题暂时只做了light的默认情况，后续有时间再进行编写）

基础组件

二、补充缺少的常规基础组件（这里暂时只补充了Layout布局和Treeselect下拉树）；

三、组件数据配置化（html代码量比较多的组件，通过数据配置，来进行组件渲染）；

SelectCon选择器、RadioCon 单选框组、CheckboxCon 多选框组

四、封装常用业务组件

1、FormCon 表单

功能：

        数据配置化（将form支持动态配置 text文本 / input输入框 / input-number数值 / radio单选 / checkbox多选 / switch开关 / slider滑块 / time-select时间选择器 / time-picker时间选择器 / date-picker日期选择 / upload上传 等类型配置）

        动态配置一行展示的列数

        带查询/展开功能按钮表单

2、TableCon 表格

功能：

        列配置化

        分页组合显示配置话

        表头可拖拽功能

        表格数据源扩展

        表格高度自适应

        表格带编辑功能（暂时只支持 input输入框 / select下拉框）和校验

五、组件组合示例

查询表格

有时间再继续更新........