Skip to content

Commit 9b730ef

Browse files
authored
fix: wave's custom prefixCls not working (#5334)
1 parent a8d5dad commit 9b730ef

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

components/_util/wave.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)