mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-13 23:59:12 +08:00
502dac12aa
* docs: fix code * feat: lint * feat: prettier * feat: test * feat: review * feat: format html * feat: format html
34 lines
868 B
TypeScript
34 lines
868 B
TypeScript
import * as React from 'react';
|
|
import { useEvent } from 'rc-util';
|
|
|
|
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;
|