cip-components/migration/v4.x.md

v3.x升级到4.x升级指南

主要升级了element-plus 到 2.2.12 及以上

// main.js
// 需要注意引入顺序，不然css将被覆盖
// 用于覆盖element-plus不在支持iconfont导致的字体图标丢失的问题 
// 【注：@cip/plugins中的icon样式必须在element-plus的样式之前引入】
import '@cip/plugins/element-icon/index.css'
// 此处原值为element-plus/lib/theme-chalk/index.css
import 'element-plus/theme-chalk/index.css'
// 公司UI标准
import '@cip/components/styles/ant-design-theme.less'

检查项目文件size属性

统一为 [small, default, large]

• form,button
  • mini -> small
  • small -> default
  • medium -> large
• table
  • medium -> large

移除了原来的front组件

• 检查项目中是否使用存在@cip/components/front的引入

移除了原来的parent组件

• 检查项目中是否使用存在@cip/components/parent的引入

杂项记录

• 如果使用到原main/page-breadcrumb 请切换为 main/cip-main-breadcrumb 组件
• default 为14px与原来的table的表现不符需要修正
• el-button 不再支持 type="text"

即将废弃组件

• cip-table-button将在v6版本废弃，请使用cip-button-text代替

Main组件默认值变更

• theme 修改为 standard
• layout 修改为 left-2