@flatbiz/antd
Version:
30 lines (27 loc) • 705 B
TypeScript
import { CSSProperties, ReactElement } from 'react';
export interface FullScreenHandleProps {
active: boolean;
toggle: () => void;
}
export type FullScreenProps = {
children: ReactElement;
handle: FullScreenHandleProps;
className?: string;
style?: CSSProperties;
};
/**
* 全屏显示(点击键盘ESC可关闭全屏显示)
*
* ```
* const handle = FullScreen.useFullScreenHandle();
*
* <FullScreen handle={handle}>
* 包裹需要全屏的元素
* <Button onClick={handle.toggle}>全屏</Button>
* </FullScreen>
* ```
*/
export declare const FullScreen: ((props: FullScreenProps) => import("react").JSX.Element) & {
useFullScreenHandle: () => FullScreenHandleProps;
};
export {};