mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 09:26:06 +08:00

Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
* chore: add unstable entrance * chore: rest of it * chore: use React 19 * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: test ignore 19 preload * chore: bump rc-util * fix: warning of pure render * fix: warning of 19 * chore: adjust ts * test: fix test logic * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * chore: restore file * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: update test * test: fix test case * test: update snapshot * test: fix coverage * test: fix coverage * test: add ignore image
55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
import * as React from 'react';
|
|
import useEvent from 'rc-util/lib/hooks/useEvent';
|
|
import raf from 'rc-util/lib/raf';
|
|
|
|
import { ConfigContext } from '../../config-provider';
|
|
import useToken from '../../theme/useToken';
|
|
import { TARGET_CLS } from './interface';
|
|
import type { ShowWave, WaveComponent } from './interface';
|
|
import showWaveEffect from './WaveEffect';
|
|
|
|
const useWave = (
|
|
nodeRef: React.RefObject<HTMLElement>,
|
|
className: string,
|
|
component?: WaveComponent,
|
|
) => {
|
|
const { wave } = React.useContext(ConfigContext);
|
|
const [, token, hashId] = useToken();
|
|
|
|
const showWave = useEvent<ShowWave>((event) => {
|
|
const node = nodeRef.current!;
|
|
|
|
if (wave?.disabled || !node) {
|
|
return;
|
|
}
|
|
|
|
const targetNode = node.querySelector<HTMLElement>(`.${TARGET_CLS}`) || node;
|
|
|
|
const { showEffect } = wave || {};
|
|
|
|
// Customize wave effect
|
|
(showEffect || showWaveEffect)(targetNode, {
|
|
className,
|
|
token,
|
|
component,
|
|
event,
|
|
hashId,
|
|
});
|
|
});
|
|
|
|
const rafId = React.useRef<number>(null);
|
|
|
|
// Merge trigger event into one for each frame
|
|
const showDebounceWave: ShowWave = (event) => {
|
|
raf.cancel(rafId.current!);
|
|
|
|
rafId.current = raf(() => {
|
|
showWave(event);
|
|
});
|
|
};
|
|
|
|
return showDebounceWave;
|
|
};
|
|
|
|
export default useWave;
|