迁移至v7.2
在7.2版本中,APlus-UI
彻底的移除了全局uiMode
,现在只通过Design Token
来设置主题。受此变更影响的组件有三个ApProCard.Title
、ApImage
、ApTitle
,均增加了属性uiMode
,表示设置组件的显示模式(不同模式下显示效果有差异),和主题无关。
为了尽可能的减少迁移成本,在ConfigProvider
中增加了三个组件的全局配置,可以通过这些配置快速的完成迁移。
迁移步骤如下:
- 移除
ConfigProvider
中的uiMode
属性 - 如果在
ConfigProvider
中设置了uiMode='admin'
,则需要在ConfigProvider
设置额外三个属性:
vue
<template>
<ConfigProvider
:ap-pro-card="{ uiMode: 'admin' }"
:ap-title="{ uiMode: 'admin' }"
:ap-image="{ uiMode: 'admin' }"
/>
</template>
迁移完成,现在你可以通过theme
属性和aplus-token
来定制组件主题了,不会再受到uiMode
的困扰。
如果不想通过全局化配置来迁移,你可以找到项目中所有上述三个组件的使用地方,如果全局设置了uiMode='admin'
,则向这些组件添加属性uiMode='admin'
即可。
vue
<ApProCard.Title ui-mode="admin" />
<ApImage ui-mode="admin" />
<ApTitle ui-mode="admin" />
为了兼容性考虑,在ConfigProvider
的uiMode
属性直到下一个主要版本才会移除,现在配置uiMode
不会有任何效果并收到一条警告。
在7.2中,还移除了向html节点
添加data-aplus-ui-mode
属性的功能,如果有使用到此功能,请自行实现。