@@ -28,7 +28,7 @@ export default defineComponent({
2828 } ,
2929 setup ( props , { slots, expose } ) {
3030 const instance = getCurrentInstance ( ) ;
31- const { csp } = useConfigInject ( '' , props ) ;
31+ const { csp, prefixCls } = useConfigInject ( '' , props ) ;
3232 expose ( {
3333 csp,
3434 } ) ;
@@ -58,7 +58,7 @@ export default defineComponent({
5858 } ;
5959 const getAttributeName = ( ) => {
6060 const { insertExtraNode } = props ;
61- return insertExtraNode ? 'ant -click-animating' : 'ant -click-animating-without-extra-node' ;
61+ return insertExtraNode ? ` ${ prefixCls . value } -click-animating` : ` ${ prefixCls . value } -click-animating-without-extra-node` ;
6262 } ;
6363 const onClick = ( node : HTMLElement , waveColor : string ) => {
6464 const { insertExtraNode, disabled } = props ;
@@ -67,7 +67,7 @@ export default defineComponent({
6767 }
6868
6969 extraNode = document . createElement ( 'div' ) ;
70- extraNode . className = 'ant -click-animating-node' ;
70+ extraNode . className = ` ${ prefixCls . value } -click-animating-node` ;
7171 const attributeName = getAttributeName ( ) ;
7272 node . removeAttribute ( attributeName ) ;
7373 node . setAttribute ( attributeName , 'true' ) ;
@@ -87,7 +87,7 @@ export default defineComponent({
8787 }
8888 extraNode . style . borderColor = waveColor ;
8989 styleForPesudo . innerHTML = `
90- [ant -click-animating-without-extra-node='true']::after, .ant -click-animating-node {
90+ [${ prefixCls . value } -click-animating-without-extra-node='true']::after, .${ prefixCls . value } -click-animating-node {
9191 --antd-wave-shadow-color: ${ waveColor } ;
9292 }` ;
9393 if ( ! document . body . contains ( styleForPesudo ) ) {
0 commit comments