mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-30 20:38:45 +08:00
34 lines
883 B
TypeScript
34 lines
883 B
TypeScript
import * as React from 'react';
|
|
import useEvent from 'rc-util/lib/hooks/useEvent';
|
|
|
|
export interface WatermarkContextProps {
|
|
add: (ele: HTMLElement) => void;
|
|
remove: (ele: HTMLElement) => void;
|
|
}
|
|
|
|
function voidFunc() {}
|
|
|
|
const WatermarkContext = React.createContext<WatermarkContextProps>({
|
|
add: voidFunc,
|
|
remove: voidFunc,
|
|
});
|
|
|
|
export function usePanelRef(panelSelector?: string) {
|
|
const watermark = React.useContext(WatermarkContext);
|
|
|
|
const panelEleRef = React.useRef<HTMLElement>();
|
|
const panelRef = useEvent((ele: HTMLElement | null) => {
|
|
if (ele) {
|
|
const innerContentEle = panelSelector ? ele.querySelector<HTMLElement>(panelSelector)! : ele;
|
|
watermark.add(innerContentEle);
|
|
panelEleRef.current = innerContentEle;
|
|
} else {
|
|
watermark.remove(panelEleRef.current!);
|
|
}
|
|
});
|
|
|
|
return panelRef;
|
|
}
|
|
|
|
export default WatermarkContext;
|