[记录]Cool-UI的定制化

[xmsz]

基于Fusion组件，然后针对我们公司业务进行的一些调整（主题和功能扩展），和大家一起讨论
持续记录

调整一：将元素的默认大小调整为36px

一般组件的默认大小都是32px，但是一方面现在用户屏幕分辨率越来越高，一方面作为b端元素大点操作更方便
所以我们将默认大小调整为36px，效果还不错

然后这里要说一下，其实也可以不调整默认的大小，而是调整large的大小。因为一般的large是40px，其实真的过大的。
而我们觉得合理的是24px，28px，32px，36px

但是为了保留扩展性，所以我们覆盖了默认的，larger保留40px

调整二：button的secondary改为灰底

因为原先是彩底或者彩色边框，在我们的风格上，显得太『亮眼』了。
所以我们去除和降低了secondary的色彩

当然我们觉得其实按钮应该是

1. primary 彩底
2. secondary 灰底
3. outline 彩框
4. normal 灰框
   这几种类型更为完整

但是outline和normal，我们先保留了normal，然后后续再扩展outline

[xmsz]

Message修改

• 将icon换成实底圆形
  因为实底更加强调和明显，其次原先主题的图标各种形状不统一看起来很奇怪

[xmsz]

Step

• 调整大小
  默认调整为28px
• 调整边框样式=>亮彩底
  因为原来是边框，太刺眼了

[xmsz]

ConfigProvicer

• 【样式】Card去除bullet和divider，样式需求，卡片不分割
• 【功能定制】Table增加cellProps，根据dataIndex标识增加className，例如我要标识表格中操作这一列
• 【设计调整】Dialog调整footerActions，把ok放在右边。因为大部分情况下dialog都是确认环节，所以确定按钮应该更靠近用户的便捷操作区域。所以默认全部调整

[xmsz]

Dailog

• 去除边框，因为dialog一般都有mask，边框不仅看不出来，而且如果碰上内容是深色背景反而更奇怪

[xmsz]

Nav

• SubNav 支持隐藏箭头，因为我们有些场下，subNav不需要显示箭头，因为用户知道怎么操作且显示的话看起来很复杂

[xmsz]

tab

• 新增类型'rounded'(圆角)，算是样式需求，不过是比较场景的样式
  

• 支持:before设置为字体宽度而不是item的宽度，因为原来的底下划线太大了，影响一点美观，而且重要性也被拉低
  

后续扩展

• 支持底部线条滚动动画，现在的动画不是很好看
• 支持没有间隔版本的wrapped，类似于浏览器的tab